Web Application Title and Domain Namestevenha/cs3226/group06.pdf · 2016-03-21 · 1. AngularJS 1...

Post on 01-Aug-2020

0 views 0 download

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.