Was würde Ihr Kind hiermit anstellen?

Erstellen einer sozialen Webanwendung auf Basis eines vorhandenen Konzepts einer konsumentenorientierten Anwendung Victor Wündisch, WWI09SWB

Erstellen einer sozialen Webanwendung auf Basis eines vorhandenen Konzepts einer konsumentenorientierten Anwendung Victor Wündisch, WWI09SWB

Webify an existing

consumer App and make

it social.

©  2011 SAP AG. All rights reserved. 4

Agenda

Projektbegründung

Ist-Analyse

Sollkonzept

Entwicklung

Integration

Projektbegründung

©  2011 SAP AG. All rights reserved. 6

Produktrückrufe

Organisationen

�  freiwillige Rückrufaktionen �  Beispiel Tritthocker:

400.000 zurückgerufen

National Highway Traffic Safety Administration NHTSA

Consumer Product Safety Commission CPSC Food and Drug Administration FDA

©  2011 SAP AG. All rights reserved. 7

Zielgruppe – anhand Persona

persona von lat. Maske, die

um Zielgruppen zu präzisieren

Erleichtert es in die Nutzerrolle zu versetzen

?

©  2011 SAP AG. All rights reserved. 8

Zielgruppe – anhand Persona

persona von lat. Maske, die

um Zielgruppen zu präzisieren

Erleichtert es in die Nutzerrolle zu versetzen

Mütter wie Julia

Besitzen iPhone

Besorgt um ihre Kinder

Ist-Analyse

©  2011 SAP AG. All rights reserved. 10

iPhone App Recall Genie 1.0

©  2011 SAP AG. All rights reserved. 11

iPhone App Recall Genie 1.0

©  2011 SAP AG. All rights reserved. 12

iPhone App Recall Genie 1.0

à Kunde muss Anwendung ausprobieren können

Soll-Konzept

©  2011 SAP AG. All rights reserved. 14

Facebook Version 2.0

©  2011 SAP AG. All rights reserved. 15

Facebook Schnittstellen

Sharing

User Object à Email Adresse

Permissions User „fürchten“ sich vor Datenmissbrauch, jede App muss bestätigt werden

user@facebook.com

©  2011 SAP AG. All rights reserved. 16

Freemium Business Model

„Freemium“ = Free + Premium

User bereits überzeugt von Wert?

à Bitten um Anmeldedaten

©  2011 SAP AG. All rights reserved. 17

Anonymous Browsing Übersicht

Home JoinNow

Results Detail

Suche nach einem

Unternehmen oder Kategorie

Share, Bookmark,

Add to Watchlist

Auswählen eines Recalls

Hier erst Anfrage um

Erlaubnis zum Lesen der

Nutzerdaten

à „FREE“

©  2011 SAP AG. All rights reserved. 18

Non-Anonymous Browsing Übersicht

Home

Results Detail

Suche nach einem

Unternehmen oder Kategorie

Add „this“ to Watchlist

Auswählen eines Recalls

WatchList 3x Add Product

Inbox Settings

à „PREMIUM“

Entwicklung

©  2011 SAP AG. All rights reserved. 20

Benutzte Technologien & Konzepte

REST Web Services (konsumierend)

JavaScript/jQuery Model View Controller REST MVC

©  2011 SAP AG. All rights reserved. 21

Übersicht Klassendiagramm Views

©  2011 SAP AG. All rights reserved. 22

Web Service Konsumierung

REST Call erfordert pseudo-asynchrone Verarbeitung der Antwort

MVC Konzept nicht ausreichend da statisch

à Konzept View Lifecycle notwendig

©  2011 SAP AG. All rights reserved. 23

ViewClass   RequestHandler  

viewWillUnload()  

viewWillAppear()  

viewDidLoad()  sendRequest()  

viewDidLoad(data)  

View Lifecycle

Naviga5on  

©  2011 SAP AG. All rights reserved. 24

Umsetzung Controller

Naviga5on   RequestHandler  

User  

©  2011 SAP AG. All rights reserved. 25

Umgesetzte View Klassen

WatchlistView WatchlistBlankSlateView ObjectEditFormView ProductsByChildsAgeView AddAllergensView AddProductView

HomeView SignedInHomeView RecallListView

InboxView

JoinNowView

RecallDetailView

ResultView RelatedEntitiesView RecallListView

SettingsView

Integration

©  2011 SAP AG. All rights reserved. 27

Beispiele umgesetzte Views

©  2011 SAP AG. All rights reserved. 28

Beispiele umgesetzte Views

©  2011 SAP AG. All rights reserved. 29

Integration

Facebook Proof of Concepts & Webanwendung zusammenbringen

Wenn released, dann:

Besonderen Dank für Ihre Aufmerksamkeit! www.recallgenie.com Twitter: @RecallGenie http://www.facebook.com/RecallGenie Victor Wündisch victor.wuendisch@sap.com