Web-DocumentariesMultimediales Storytelling im NetzJan Petzold │Deutsche Welle, Neue Medien
Web-Documentaries                             Was ist das?Jan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesVersuch einer Definition         - Multimediale Online-Dokumentation                                  Vid...
Web-Documentaries                                           *Demo*Jan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesDW - was bisher geschah…            August 2010                    November 2010   Februar 2011          ...
Web-Documentaries                                           Warum?Jan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesAnforderung & Ziele Web-Documentary                                - Zwingend: Eine gute Idee (Story / Th...
Web-Documentaries              Da war doch mal                   was…Jan Petzold │Deutsche Welle, Neue Medien
Web-Documentaries Adobe Director, Toolbook & Co          - Multimedia-CDs & interaktive Filme mit schlechtem Ruf          ...
Web-Documentaries      Wie lief das Projekt              ab?Jan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesPilotprojekt „Waldschutz in Papua-Neuguinea“                                                             ...
Web-DocumentariesGrundlage > Flowchart         - Arbeitsgrundlage für Redaktion und ProgrammiererJan Petzold │Deutsche Wel...
Web-Documentaries                       Wohin damit?Jan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesAusspielung WebsiteJan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesSocial Media, CrosspromoJan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesWaldschutz in Papua-Neuguinea – ReaktionenJan Petzold │Deutsche Welle, Neue Medien
Web-Documentaries                           …und selbst?Jan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesWas gibt es?         - Vollständige WebDoc-Software > mir nicht bekannt         - Einsteigertool für line...
Web-DocumentariesWas tut sich sonst?http://www.interactivedocumentary.net/     http://www.webdocumentario.com.br/   http:/...
Web-DocumentariesWas steckt dahinter?Jan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesWaldschutz in Papua-Neuguinea – Technik                                                              Verk...
Web-DocumentariesTechnik         - Inhalte & Handlungs           sind in globaler XML-Datei           konfiguriert        ...
Web-DocumentariesTechnik         - Dezentrales Ausspielen der A/V-Medien über Limelight-CDN         - Ausspielen der Bilde...
Web-Documentaries                                           Flash!Jan Petzold │Deutsche Welle, Neue Medien
Web-Documentaries                                Warum?                                           © SpreadshirtJan Petzold...
Web-DocumentariesGründe für den Einsatz von Flash         - Verbreitung (90-95% der PC- und Mac-Browser), siehe           ...
Web-DocumentariesBrowserstatistiken für DW-WORLD.DE                                           * geschätztJan Petzold │Deut...
Web-Documentaries„Echter“ Vollbildmodus in HTML5?         - WebKit:             <script type=‘text/javascript‘>           ...
Web-DocumentariesWenn der Kick-Off in ein paar Monaten wäre…         - Videoencodierung in MPEG-4 & WebM, automatischer Fa...
Web-DocumentariesThe wilderness downtown         - Interaktiver Film zu einem Musikstück von “Arcade Fire” in HTML5,      ...
Web-Documentaries   ,,Herausforderungen”Jan Petzold │Deutsche Welle, Neue Medien
Web-DocumentariesAktuelle Überlegungen & Probleme         - Arabische Version > RTL-Text erst ab Flash 10           vernün...
Dankeschön!                                           Jan Petzold                                           Deutsche Welle...
WebDocumentaries: Die Technik hinter interaktiven Dokumentationen im Netz (Jan Petzold)
Upcoming SlideShare
Loading in...5
×

WebDocumentaries: Die Technik hinter interaktiven Dokumentationen im Netz (Jan Petzold)

1,906

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,906
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WebDocumentaries: Die Technik hinter interaktiven Dokumentationen im Netz (Jan Petzold)

  1. 1. Web-DocumentariesMultimediales Storytelling im NetzJan Petzold │Deutsche Welle, Neue Medien
  2. 2. Web-Documentaries Was ist das?Jan Petzold │Deutsche Welle, Neue Medien
  3. 3. Web-DocumentariesVersuch einer Definition - Multimediale Online-Dokumentation Video Text O-Töne Interaktion Animationen Fotos Atmo - Durch Kombination von Audio, Video & Bild klarer Mehrwert im Vergleich zu “singulären” Medien - Nichtlinearer HandlungsablaufJan Petzold │Deutsche Welle, Neue Medien
  4. 4. Web-Documentaries *Demo*Jan Petzold │Deutsche Welle, Neue Medien
  5. 5. Web-DocumentariesDW - was bisher geschah… August 2010 November 2010 Februar 2011 ? Juni 2011* Juli 2011*Jan Petzold │Deutsche Welle, Neue Medien
  6. 6. Web-Documentaries Warum?Jan Petzold │Deutsche Welle, Neue Medien
  7. 7. Web-DocumentariesAnforderung & Ziele Web-Documentary - Zwingend: Eine gute Idee (Story / Thema) - Sehr journalistisches und potenziell tiefgründiges Format (unabhängig von Sendezeiten, langfristig verfügbar) - Ansprechen von Zielgruppen, die sich mit dem Thema sonst nicht CC Lisa Padilla befassen würden - DW = trimediales Medienhaus, Know-How und Technik vorhanden - Statistik - durchschnittliche Verweildauer: - 1. WebDoc (Papua): 5-6 Minuten - 2. WebDoc (Guyana): 9-10 MinutenJan Petzold │Deutsche Welle, Neue Medien
  8. 8. Web-Documentaries Da war doch mal was…Jan Petzold │Deutsche Welle, Neue Medien
  9. 9. Web-Documentaries Adobe Director, Toolbook & Co - Multimedia-CDs & interaktive Filme mit schlechtem Ruf - Spiele und Edutainment-Software der 90er Jahre mit hohem Videoanteil - Heute: Professionellere Produktionsmöglichkeiten - Heute: Wesentlich bessere technische Rahmenbedingungen (Internet-Bandbreite = Videoqualität) - Heute: Einbindung sozialer Medien - Heute: Online 24h verfügbar, benötigt wird nur ein Browser - Interaktive Filme sind durchaus noch aktuell > Heavy Rain für PS3© www.collect-antiques.net Jan Petzold │Deutsche Welle, Neue Medien
  10. 10. Web-Documentaries Wie lief das Projekt ab?Jan Petzold │Deutsche Welle, Neue Medien
  11. 11. Web-DocumentariesPilotprojekt „Waldschutz in Papua-Neuguinea“ Idee & Inhalt - pragmatische Umsetzung, kleines Team - 12 Videos, 97 Bilder, 33 Audios Design Programmierung - Vier Sprachen: Deutsch, Englisch, Portugiesisch, Indonesisch Medien - Vier Buttons: Vollbild, Videoqualität, Karte, Notizbuch, Social Media-Funktionen - Gesamtdauer Planung, Konzeption & Umsetzung: ca. zwei Monate - Förderung durch BundesministerienJan Petzold │Deutsche Welle, Neue Medien
  12. 12. Web-DocumentariesGrundlage > Flowchart - Arbeitsgrundlage für Redaktion und ProgrammiererJan Petzold │Deutsche Welle, Neue Medien
  13. 13. Web-Documentaries Wohin damit?Jan Petzold │Deutsche Welle, Neue Medien
  14. 14. Web-DocumentariesAusspielung WebsiteJan Petzold │Deutsche Welle, Neue Medien
  15. 15. Web-DocumentariesSocial Media, CrosspromoJan Petzold │Deutsche Welle, Neue Medien
  16. 16. Web-DocumentariesWaldschutz in Papua-Neuguinea – ReaktionenJan Petzold │Deutsche Welle, Neue Medien
  17. 17. Web-Documentaries …und selbst?Jan Petzold │Deutsche Welle, Neue Medien
  18. 18. Web-DocumentariesWas gibt es? - Vollständige WebDoc-Software > mir nicht bekannt - Einsteigertool für lineare Foto-Dokumentationen: SoundSlides, http://soundslides.com - Video: Youtube Annotations - Grundsatzfrage: Eher ein linearer Handlungsablauf oder möglichst verzweigt? http://www.youtube.com/watch?v=4ba1BqJ4S2M http://www.youtube.com/watch?v=NCBGeeGHrP8Jan Petzold │Deutsche Welle, Neue Medien
  19. 19. Web-DocumentariesWas tut sich sonst?http://www.interactivedocumentary.net/ http://www.webdocumentario.com.br/ http://i-docs.org/ - Preisgekrönte Web-Documentaries bereits von ARTE, Reuters, Le Monde,… > z.B. http://prisonvalley.arte.tv, http://wechoosethemoon.org/ - Lineare Foto-Dokumentationen: mediastorm, http://mediastorm.com/) - Studie “Documentary and new digital platforms”: http://www.obsdoc.ca/res/pdf/Observ_20110203_Study.pdfJan Petzold │Deutsche Welle, Neue Medien
  20. 20. Web-DocumentariesWas steckt dahinter?Jan Petzold │Deutsche Welle, Neue Medien
  21. 21. Web-DocumentariesWaldschutz in Papua-Neuguinea – Technik Verknüpfung Text/Medien Encodierung A/V-Server Bildverarbeitung Webserver (Limelight-CDN) (PHPext auf SOI)Jan Petzold │Deutsche Welle, Neue Medien
  22. 22. Web-DocumentariesTechnik - Inhalte & Handlungs sind in globaler XML-Datei konfiguriert - Jede Sprache = 1 XML - Austausch aller Medien sehr einfach möglich (Bildkorrektur / anderes Video / falsches Audio) - Einfach zu erweitern - Wenn das Layout unverändert bleibt sind neue Web-Docs leicht umzusetzen > keine Programmierung nötigJan Petzold │Deutsche Welle, Neue Medien
  23. 23. Web-DocumentariesTechnik - Dezentrales Ausspielen der A/V-Medien über Limelight-CDN - Ausspielen der Bilder ebenfalls über CDN (wie die gesamte DW-WORLD-Seite) - XML sowie HTML, CSS und JS über eigene PHP-Zone (Apache, GZip, Caching) mit Build & Deployment-Infrastruktur (Hudson) Limelight Internet Health MonitorJan Petzold │Deutsche Welle, Neue Medien
  24. 24. Web-Documentaries Flash!Jan Petzold │Deutsche Welle, Neue Medien
  25. 25. Web-Documentaries Warum? © SpreadshirtJan Petzold │Deutsche Welle, Neue Medien
  26. 26. Web-DocumentariesGründe für den Einsatz von Flash - Verbreitung (90-95% der PC- und Mac-Browser), siehe http://riastats.com - WebDocumentaries sind (noch) nicht für mobile Geräte gedacht - ausgereifte Entwicklungsumgebung (für HTML5 noch nicht verfügbar, evtl. GWT?) - Programmier-Erfahrung vorhanden, gute Integration in bestehende Entwicklungsprozesse (Eclipse, SVN)Jan Petzold │Deutsche Welle, Neue Medien
  27. 27. Web-DocumentariesBrowserstatistiken für DW-WORLD.DE * geschätztJan Petzold │Deutsche Welle, Neue Medien
  28. 28. Web-Documentaries„Echter“ Vollbildmodus in HTML5? - WebKit: <script type=‘text/javascript‘> video.webkitEnterFullScreen(); </script> - Firefox: Über rechte Maustaste (http://www.mozilla.com/en-US/firefox/video) - Internet Explorer: nur über Kiosk Mode (früher vorhanden, aber aus Sicherheitsgründen entfernt)Jan Petzold │Deutsche Welle, Neue Medien
  29. 29. Web-DocumentariesWenn der Kick-Off in ein paar Monaten wäre… - Videoencodierung in MPEG-4 & WebM, automatischer Fallback - HTML5 Boilerplate: http://html5boilerplate.com/ - Browserneutrales Basis-Template für die Entwicklung zeitgemäßer Web-Applikationen - Was ist drin? - z.B. CSS Reset, Graceful degradation (IE6), integrierte QUnit-Test-Suite, sauberer Doctype, JQuery & Modernizr bereits eingebaut, Mimifizierung, 404-Default, ANT-Build-Skript, .htaccess-Optimierung (Cross-Domain AJAX, aktuelle MIME- Types, UTF-8, GZip-Kompression, Expires-Header, Rewrite-Rules, …)Jan Petzold │Deutsche Welle, Neue Medien
  30. 30. Web-DocumentariesThe wilderness downtown - Interaktiver Film zu einem Musikstück von “Arcade Fire” in HTML5, http://www.thewildernessdowntown.com/Jan Petzold │Deutsche Welle, Neue Medien
  31. 31. Web-Documentaries ,,Herausforderungen”Jan Petzold │Deutsche Welle, Neue Medien
  32. 32. Web-DocumentariesAktuelle Überlegungen & Probleme - Arabische Version > RTL-Text erst ab Flash 10 vernünftig möglich, Ziel bisher: Flash 9 - Chinesische Version: Erhöht Ladezeit um 1 MB (mehr als 18.000 Glyphen) - Betonung auf spielerischem Aspekt (Bonusziele, Belohnungen) - Einbau von Panoramen - Bessere Navigation: Klicken auf Objekte in der WebDoc - Zurück-Button sollte auch im Browser funktionieren CC macwagenJan Petzold │Deutsche Welle, Neue Medien
  33. 33. Dankeschön! Jan Petzold Deutsche Welle Mail: Jan.Petzold@dw-world.de Begleitender Artikel: http://bit.ly/dMlmxeJan Petzold │Deutsche Welle, Neue Medien
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×