Download - Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

Transcript
Page 1: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

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.

Page 2: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

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.

Page 3: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

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

Page 4: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

MockupsHomepage

Page 5: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

Searchresultswhenusersearchesforastore• Usercanclickorpressthetogglebuttonontherighttoviewadditionalinformation

ofastore.

Searchresultswhenusersearchesforamall

• Allstoresinthemallwillbelistedinrows

Page 6: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

• Userscanenterstorenamesinthe'FilterResults'searchbartosearchforaparticularstoreinthemall

• Userscanselectthe'Alphabetical'or'Category'optiontochangehowthestorenamesaredisplayed

• Userscanselectorclickthetogglebuttonontherighttoviewadditionalinformationofastore

Page 7: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

Userscanusethefollowingformtoaddinstoresthatarecurrentlymissingfromourwebsite

Page 8: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

Aprivatepageforustoapproveordisapproveformsthataresubmittedbyusers.Onlyapprovedformswillbeaddedintoourdatabase.

Page 9: Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1 2. Twitter Bootstrap 3. JQuery Back end We will be using the following tools for

Thispagedisplayssomeadditionalinformationaboutourwebsite.