MEAN Stack NYC Meetup 20150717: TDD Your AngularJS + Ionic Directives With jQuery
Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1...
9
Web Application Title and Domain Name Domain Name: FindCity.sg Web Application Title: findcity 1.Abstract When shoppers in Singapore want to look for a particular store, they will either use Google maps, or visit a particular mall's online shopping directory to check if the mall has such a store. Although many malls have their own shopping directories online, there are no websites that contain shopping directories for all (or multiple) major shopping malls in Singapore. We propose to create FindCity, a website that will allow users to find stores and malls in Singapore easily. FindCity is a website that contains information of multiple malls in Singapore. For instance, using our website, a user can select to access the information of a particular shopping mall (e.g Vivocity, JEM, JCube). The user can then search for all the available stores in Vivocity as well as their location and opening hours. Users can also look for the nearest store (Challenger, Cold Storage) near them. The website will also contain an interface for shoppers/store owners to input store information if it does not exist/ is not updated in our website. This information will be subjected to administrators' (our) approval before being updated in the website. List of Features 1. Search for a store near the user - Shows all occurrences of a particular store. The results will be sorted according to their distance from user.
Transcript of Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1...
WebApplicationTitleandDomainNameDomainName:FindCity.sgWebApplicationTitle:findcity
1.AbstractWhenshoppersinSingaporewanttolookforaparticularstore,theywilleitheruseGooglemaps,orvisitaparticularmall'sonlineshoppingdirectorytocheckifthemallhassuchastore.Althoughmanymallshavetheirownshoppingdirectoriesonline,therearenowebsitesthatcontainshoppingdirectoriesforall(ormultiple)majorshoppingmallsinSingapore.WeproposetocreateFindCity,awebsitethatwillallowuserstofindstoresandmallsinSingaporeeasily.FindCityisawebsitethatcontainsinformationofmultiplemallsinSingapore.Forinstance,usingourwebsite,ausercanselecttoaccesstheinformationofaparticularshoppingmall(e.gVivocity,JEM,JCube).TheusercanthensearchforalltheavailablestoresinVivocityaswellastheirlocationandopeninghours.Userscanalsolookfortheneareststore(Challenger,ColdStorage)nearthem.Thewebsitewillalsocontainaninterfaceforshoppers/storeownerstoinputstoreinformationifitdoesnotexist/isnotupdatedinourwebsite.Thisinformationwillbesubjectedtoadministrators'(our)approvalbeforebeingupdatedinthewebsite.
ListofFeatures
1. Searchforastoreneartheuser-Showsalloccurrencesofaparticularstore.Theresultswillbesortedaccordingtotheirdistancefromuser.
2. Searchforamall-Thiswilldisplayallthestoresintheparticularmall.a. Sortbycategoryb. Sortbyalphabeticalorderc. Userscanalsofilterthestoresbytypingastorename
3. Enternewmall/storedetails4. Approve/Disapprovedetails
TechnicalDetails
FrontendWewillbeusingthefollowingtoolsforfrontenddevelopment
1. AngularJS12. TwitterBootstrap3. JQuery
BackendWewillbeusingthefollowingtoolsforbackenddevelopment
1. Database:WewillbeusingDjango(SQL)forstoringinformationaboutstoresandtownareasinSingapore.
2. Algorithmonserverside:WewillrunagridalgorithmtodeterminewhichstoresbelongtoaparticulartownareainSingapore.
Analysis
UserNeedsCurrently,shoppingmallsinSingaporehavetheirownrespectivemalldirectories.Thisimpliesthatwhenauserwantstorefertoamalldirectory,hewillfirsthavetoperformagooglesearchforthemall'swebsite.Secondly,ifauserwantstolookforaparticularstore,hewilleitherhavetouseGoogleMapstofindthestoresthatarenearesttohimorvisitdifferentmalldirectories.Inaddition,therearedifficultiesinvolvedwithsearchingforstoreswithcurrentwebsitesasusersareeitherlimitedtothemallpremises(malldirectories)orareprovidedwithstorebranchesalloverSingapore(GoogleMaps).Wethinkthatuserswillbenefitfromhavinga'global'malldirectorythatallowsuserstocheckthelistofstoresinanymallinSingapore.
TargetWebsiteVisitorProfilesOurtargetvisitorsaretech-savvyteenagersandadultswhowanttorefertothestorelistingofeverymallinSingaporewithoutnavigatingbetweenmultiplemallwebsitesandGoogle/GoogleMaps.Our'global'malldirectorywillalsobenefittouristsastheyareabletousethesamewebsiteforsearchingpurposeswhentheyvisitdifferentshoppingmalls.
CurrentMajorCompetitorOurmajorcurrentcompetitorisGoogleSearchEngine.PeopleareabletosearchforallinstancesofaparticularshopwithinSingaporebytypingtheshopnameintheGooglesearchbar.TheyarealsoabletoviewthespecificaddressoftheshopandhowtogettherebyusingGoogleMaps.Themainadvantageweareaimingatisaonestopwebsiteforconvenience.UnlikeGooglewhereusershavetogothroughatleasttwodifferentplatformstosearchforaparticularmall,weaimtoallowuserstosearchforanymallinSingaporeinonesingleplatform.
Ontopofthat,ourwebapplicationprovidesameanstosearchforalltheshopsinaparticularmallinSingaporeoftheirchoosing.Comparingtothealternativewheretheuserhastovisiteachmall'swebsiteandsearchfortheshopthattheyarelookingfor,FindCitymakessearchingforshopsalotmoreconvenient,moreintuitiveandlessexhausting.
TimelineBelowisourproposedtimelinefortheproject.Week10:Completionoffront-end
• Designofviewsforvariouspages• UsingofAngularframeworktolinkallviews
Week11:Completionofback-end
• Implementationofalgorithmforsearchingnearestmall• Databasepopulatedwithmajorshopsandmalls• Abilitytoconnectthevariousviewstoback-end
Week12:FinalizationandPolishingup
• Continuousadditionofshopsandmalls• Implementationofadditionalfeatureslikefloorplanviewsetc
MockupsHomepage
Searchresultswhenusersearchesforastore• Usercanclickorpressthetogglebuttonontherighttoviewadditionalinformation
ofastore.
Searchresultswhenusersearchesforamall
• Allstoresinthemallwillbelistedinrows
• Userscanenterstorenamesinthe'FilterResults'searchbartosearchforaparticularstoreinthemall
• Userscanselectthe'Alphabetical'or'Category'optiontochangehowthestorenamesaredisplayed
• Userscanselectorclickthetogglebuttonontherighttoviewadditionalinformationofastore
Userscanusethefollowingformtoaddinstoresthatarecurrentlymissingfromourwebsite
Aprivatepageforustoapproveordisapproveformsthataresubmittedbyusers.Onlyapprovedformswillbeaddedintoourdatabase.
Thispagedisplayssomeadditionalinformationaboutourwebsite.
