Download - ShopUp
![Page 1: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/1.jpg)
Social Shopping app for airports
Filip Ekberg, Star Republic [email protected]
Conny Svensson, Logica [email protected]
22-23 Mars 2012
SHOPUP
![Page 2: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/2.jpg)
Logica / Star Republic
Utveckla en app från start till stop under webbdagarna 2012.
Detta inkluderar backend-logik som hanterar all data och en cross-plattform app som går att köra på både iPhone och Android.
Konceptet är framtaget tillsammans med Swedavia som driver Sveriges flygplatser.
Appen ska kunna:
• Visa dina egna och vänners resor
• Visa och sök utbud och tjänster (kan filtreras på flygplats, kategorier, m.m.)
• Skapa inköpslistor för dig själv och dina vänner
• Be en vän köpa med sig något från dina inköpslistor
• Gör betalning via mobilen
• Betygsättning av produkter
• Få tips på produkter: Vilken parfym ska jag köpa till min partner?
KONCEPT
![Page 3: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/3.jpg)
Logica / Star Republic
• Notifiering när vänner ska ut och resa• Koppling mot Sociala Medier (t.ex. Facebook, LinkedIn, Twitter, m.m)• Känn av vilken flygplats du är på eller om du är hemma och visar relevant information• Bonussystem: Storköpare, bästa vännen, m.m. får rabattnotiser• Inomhuspositionering visar vart en affär eller vara finns på flygplatsen• Hitta vänner eller kollegor som är på en flygplats samtidigt som du• Förbeställ och få en färdigpackad påse med varor att hämta ut• Time To Gate: information om när man behöver gå till gaten för boarding
KONCEPT FORSTÄTTNING
![Page 4: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/4.jpg)
Logica / Star Republic
Systemets backend är byggd med följande konceptuella modell i åtanke:
KONCEPTUELL MODELL
![Page 5: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/5.jpg)
Logica / Star Republic
Appen byggdes med:
• Sencha Touch 2: En av de mest avancerad och mognaste HTML5 ramverken för mobil webapp-utveckling. Tillhandahåller en snygg MVC (Model-View-Controller) modell och kommunicerar via AJAX med WebService API (REST/JSON).
• Sencha Designer 2 (beta): Visuellt verktyg för att bygga appens grafiska gränsnitt (View), men även koda affärslogik (Controller). Visade sig vara väldigt produktivt och framgångsrikt.
• Compass: För att automatiskt kompilera SCSS (Sassy CCS) stylesheets till CSS.• Cordova 1.5 (PhoneGap): Native ”wrapper” app runt web appen till Android och iPhone. Kan
ses som en paketerad webbläsare men ger tillgång till telefonens övriga funktioner, såsom kamera och adressbok.
• Xcode: Apples utvecklarverktyg för att kompilera appen för iPhone, samt att testa i simulator.• Eclipse med ADT (Android Development Tools): Verktyg för att bygga Android appen och
testa i emulator.
SHOPUP KLIENT
![Page 6: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/6.jpg)
Logica / Star Republic
• ASP.NET Web APIMed hjälp av ASP.NET Web API kan vi exponera data till olika plattformar med olika krav på ett enkelt sätt
• Entity Framework Code FirstUtifrån den konceptuella modellen kan vi direkt skapa våra domän-objekt som blir hårt knutna mot datalagringen vilket snabbar upp utvecklingen
• AppHarborGenom att använda AppHarbor för att lägga upp en testversion av systemet, kan vi snabbt och enkelt komma igång med externa tester av systemet
• E-CommerceFörberett för att integrera med en trygg E-handelsplattform
SHOPUP BACKEND
FOOTER APPEARS HERE
![Page 7: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/7.jpg)
Logica / Star Republic
• Auto-genererade administrationssidor för att snabba upp tester av underliggande struktur.
• Gränssnittet ersätts sedan av e-handelplattformens administrationsgränssnitt.
SHOPUP ONLINE-ADMINISTRATION
FOOTER APPEARS HERE
![Page 8: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/8.jpg)
Logica / Star Republic FOOTER APPEARS HERE
![Page 9: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/9.jpg)
Logica / Star Republic FOOTER APPEARS HERE
![Page 10: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/10.jpg)
Logica / Star Republic FOOTER APPEARS HERE
![Page 11: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/11.jpg)
Logica / Star Republic
UTVECKLINGSMILJÖ – WINDOWS 8
FOOTER APPEARS HERE
![Page 12: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/12.jpg)
Logica / Star Republic
UTVECKLINGSMILJÖ – VISUAL STUDIO 11
FOOTER APPEARS HERE
![Page 13: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/13.jpg)
Logica / Star Republic
UTVECKLINGSMILJÖ – SQL SERVER 2012
![Page 14: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/14.jpg)
Logica / Star Republic
UTVECKLINGSMILJÖ – SENCHA DESIGNER 2
![Page 15: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/15.jpg)
Logica / Star Republic
UTVECKLINGSMILJÖ – XCODE
![Page 16: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/16.jpg)
Logica / Star Republic
UTVECKLINGSMILJÖ – ECLIPSE
![Page 17: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/17.jpg)
Logica / Star Republic
SKÄRMBILDER (RESOR)
![Page 18: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/18.jpg)
Logica / Star Republic
SKÄRMBILDER (UTBUD)
![Page 19: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/19.jpg)
Logica / Star Republic
SKÄRMBILDER (INKÖPSLISTOR OCH INFO)
![Page 20: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/20.jpg)
Logica / Star Republic
• Sencha Touch 2 (http://www.sencha.com/products/touch/)• Sencha Designer 2 Beta (http://www.sencha.com/blog/sencha-designer-beta/)• Compass (http://compass-style.org/) och Sassy CSS (http://sass-lang.com/)• Cordova eller PhoneGap (http://phonegap.com/)• Xcode (http://itunes.apple.com/se/app/xcode/id497799835) • Eclipse och ADT (http://eclipse.org/, http://developer.android.com/sdk/eclipse-adt.html) • Visual Studio 11 (http://msdn.microsoft.com/en-us/vstudio/aa718325 )• Windows 8 Consumer Preview (http://
windows.microsoft.com/sv-SE/windows-8/consumer-preview )• SQL Server 2012 (http://www.microsoft.com/sqlserver/en/us/default.aspx )
LÄNKAR
![Page 21: ShopUp](https://reader036.vdocuments.net/reader036/viewer/2022062418/555e0ecfd8b42a9e188b4e7d/html5/thumbnails/21.jpg)
TACK