Weitclick für allfacebook Developer Conference



Paradies Fotobuch Social
für dm drogerie markt




Berlin, 23. November 2012
01   Einführung




2
70 Mitarbeiter 
1.000 Meinungen
1.000.000 Ideen 
2 Standorte – Stuttgart & Berlin
1 Herzschlag
Innovation – Online Produkte gestalten




4
02   Projekt




5
Mit der App "Paradies Fotobuch Social" können Nutzer aus ihren eigenen
    Facebook-Fotos oder aus den Fotos, Pinnwandeinträgen und Likes ihrer
    Freunde ein persönliches Fotobuch im Hosentaschenformat automatisch
    erstellen.




6
Screenshtos




7
Screenshtos




8
Screenshtos




9
Screenshtos




10
Screenshtos




11
1.    'story': Auswahl eines Albums
     2.    'friends': Interaktion mit Freunden
     3.    'stream': Auslesen der Timeline




12
Screenshtos




13
03   Herangehensweise




14
Schritt 1: Erstmal zur Datenkrake werden
     Technische Analyse welche Daten zur Verfügung stehen. In groß
     angelegten Tests haben wir Engpässe in den Datenquellen gesucht.




15
Schritt 1: Ergebnisse


     •    Einschränkungen bei Freigabe durch Freunde
     •    Einschränkungen bei Menge an Bildern
     •    „inaktive“ Nutzer




16
Schritt 2: Definition der Buchtypen


     Graph daten etc pp




     1.    Fotobuch 'story': Auswahl eines Albums
     2.    Fotobuch 'friends': Interaktion mit Freunden
     3.    Mit 'stream': Auslesen der Timeline




17
Schritt 3: Prozess im Hintergrund


     •    Download der Bilder für die Produktion
     •    Berechnung der Seitenzahlen




18
04   Knackpunkte




19
Knackpunkt 1: automatische Erzeugung


     Vorausberechung der gesamten Fotobuches
     Anzeige der Seiten und Preise während der Auswahl der Fotos




20
Knackpunkt 2: Von wem bekomme ich Daten?


     Nicht jeder hat der Verwendung
     seiner Daten durch Dritte (Apps)
     zugestimmt.




21
Knackpunkt 3: Es läuft nicht immer rund


     Nicht immer können auch wirklich alle Inhalte ausgelesen werden.
     Dafür benötigt man entsprechend Prozesse die dies abfangen.




22
Knackpunkt 4: Genehmigungen


     Wir holen die Genehmigungen sukzessive und nicht massiv am Anfang
     ein.


     Vorteil
     + man hat nur die Rechte die man braucht
     + Verschreckt den User nicht


     Nachteil
     - Mehrere Rechteabfragen



23
Knackpunkt 5: Ladezeiten


     •    Ladezeiten lassen sich leider
          nicht vermeiden
     •    Man muss dem Nutzer zeigen
          was man macht




24
Knackpunkt 6: Bilder


     Bilder werden für den Druck in dem Moment heruntergeladen in dem sie
     angezeigt werden.




25
Knackpunkt 7: Freunde


     •    Wer sind meine Freunde?
     •    Mit denen ich am meisten
          auf Facebook interagiere?
     •    „Facebook Freunde“
          unterscheiden sich von
          „echten Freunden“




26
05   System-Architektur




27
Skalierung / Cloud Computing


     Wir arbeiten mit dem PHP-Framework Yii im Amazon EC2 Umfeld. Um die
     besonderen Datenschutz-Wunsch des Kunden zu entsprechen, werden
     persönlichen Daten auf einem Server in Deutschland gespeichert.




28
29
06   Fragerunde




30
Fragerunde




Geschäftsführer Technik   Teamleiter Technik

Frank Boegner             Sebastian Freytag


fb@weitclick.de           sf@weitclick.de




31
Vielen Dank.

Du willst auch so spannende Projekt machen?
Komm’ nach Stuttgart oder Berlin!
www.weitclick.de




32

Personalisierte Produkterstellung aus Facebooks OpenGraph am Beispiel Paradies Fotobuch Social @ AllFacebook Developer Conference

  • 1.
    Weitclick für allfacebookDeveloper Conference Paradies Fotobuch Social für dm drogerie markt Berlin, 23. November 2012
  • 2.
    01 Einführung 2
  • 3.
    70 Mitarbeiter 1.000Meinungen 1.000.000 Ideen 2 Standorte – Stuttgart & Berlin 1 Herzschlag
  • 4.
    Innovation – OnlineProdukte gestalten 4
  • 5.
    02 Projekt 5
  • 6.
    Mit der App"Paradies Fotobuch Social" können Nutzer aus ihren eigenen Facebook-Fotos oder aus den Fotos, Pinnwandeinträgen und Likes ihrer Freunde ein persönliches Fotobuch im Hosentaschenformat automatisch erstellen. 6
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
    1.  'story': Auswahl eines Albums 2.  'friends': Interaktion mit Freunden 3.  'stream': Auslesen der Timeline 12
  • 13.
  • 14.
    03 Herangehensweise 14
  • 15.
    Schritt 1: Erstmalzur Datenkrake werden Technische Analyse welche Daten zur Verfügung stehen. In groß angelegten Tests haben wir Engpässe in den Datenquellen gesucht. 15
  • 16.
    Schritt 1: Ergebnisse •  Einschränkungen bei Freigabe durch Freunde •  Einschränkungen bei Menge an Bildern •  „inaktive“ Nutzer 16
  • 17.
    Schritt 2: Definitionder Buchtypen Graph daten etc pp 1.  Fotobuch 'story': Auswahl eines Albums 2.  Fotobuch 'friends': Interaktion mit Freunden 3.  Mit 'stream': Auslesen der Timeline 17
  • 18.
    Schritt 3: Prozessim Hintergrund •  Download der Bilder für die Produktion •  Berechnung der Seitenzahlen 18
  • 19.
    04 Knackpunkte 19
  • 20.
    Knackpunkt 1: automatischeErzeugung Vorausberechung der gesamten Fotobuches Anzeige der Seiten und Preise während der Auswahl der Fotos 20
  • 21.
    Knackpunkt 2: Vonwem bekomme ich Daten? Nicht jeder hat der Verwendung seiner Daten durch Dritte (Apps) zugestimmt. 21
  • 22.
    Knackpunkt 3: Esläuft nicht immer rund Nicht immer können auch wirklich alle Inhalte ausgelesen werden. Dafür benötigt man entsprechend Prozesse die dies abfangen. 22
  • 23.
    Knackpunkt 4: Genehmigungen Wir holen die Genehmigungen sukzessive und nicht massiv am Anfang ein. Vorteil + man hat nur die Rechte die man braucht + Verschreckt den User nicht Nachteil - Mehrere Rechteabfragen 23
  • 24.
    Knackpunkt 5: Ladezeiten •  Ladezeiten lassen sich leider nicht vermeiden •  Man muss dem Nutzer zeigen was man macht 24
  • 25.
    Knackpunkt 6: Bilder Bilder werden für den Druck in dem Moment heruntergeladen in dem sie angezeigt werden. 25
  • 26.
    Knackpunkt 7: Freunde •  Wer sind meine Freunde? •  Mit denen ich am meisten auf Facebook interagiere? •  „Facebook Freunde“ unterscheiden sich von „echten Freunden“ 26
  • 27.
    05 System-Architektur 27
  • 28.
    Skalierung / CloudComputing Wir arbeiten mit dem PHP-Framework Yii im Amazon EC2 Umfeld. Um die besonderen Datenschutz-Wunsch des Kunden zu entsprechen, werden persönlichen Daten auf einem Server in Deutschland gespeichert. 28
  • 29.
  • 30.
    06 Fragerunde 30
  • 31.
    Fragerunde Geschäftsführer Technik Teamleiter Technik Frank Boegner Sebastian Freytag fb@weitclick.de sf@weitclick.de 31
  • 32.
    Vielen Dank. Du willstauch so spannende Projekt machen? Komm’ nach Stuttgart oder Berlin! www.weitclick.de 32