Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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...
Deutsche Welle WebDocumentaries
Nächste SlideShare
Wird geladen in …5
×

Deutsche Welle WebDocumentaries

694 Aufrufe

Veröffentlicht am

Präsentation zu Projektablauf & Technik hinter den WebDocumentaris der Deutschen Welle

Veröffentlicht in: Automobil
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Deutsche Welle WebDocumentaries

  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

×