Newspaper Online Publishing einer Tageszeitung

Transkript

1 Newspaper Online Publishing einer Tageszeitung TYPO3Camp Potsdam,

2 Newspaper: Eine Lösung zur Online-Präsentation für Verlage und Zeitungen Newspaper Teil 1: Die Extension Newspaper Referent: Samuel Talleux Teil 2: Live-Demo Vorführung: Oliver Schöder Teil 3: Entwicklungsprozess und Technik Referent: Helge Preuß

3 Newspaper: Eine Lösung zur Online-Präsentation für Verlage und Zeitungen Newspaper Teil 1: Die Extension Newspaper Referent: Samuel Talleux

4 Newspaper Einführung Einführung Überblick Entstehung von Newspaper Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

5 Newspaper Einführung Einführung Überblick Entstehung von Newspaper Workflows Anforderungen der Online-Redaktion von taz.de Workflow Artikellisten Automatismen Usability mit GUI Erweiterbar Integriebar Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

6

7

8

9 Newspaper Key Features im Überblick Einführung Überblick Unterstützung von redaktionellen Arbeitsabläufen: Workflows und Artikellisten Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

10 Newspaper Key Features im Überblick Einführung Überblick Unterstützung von redaktionellen Arbeitsabläufen: Workflows Einfache Gestaltung der Website dank optimierter Benutzeroberflächen Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

11 Newspaper Key Features im Überblick Einführung Überblick Unterstützung von redaktionellen Arbeitsabläufen: Workflows Einfache Gestaltung der Website dank optimierter Benutzeroberflächen Schnittstellen und Erweiterbarkeit Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

12 Newspaper Redaktionelle Workflows Einführung Überblick Dashboard und Module Personifizierbare Anlaufstelle für die häufigsten Aufgaben Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

13

14 Newspaper Redaktionelle Workflows Einführung Überblick Dashboard und Module Personifizierbare Anlaufstelle für die häufigsten Aufgaben Artikel Import Wizard zum Artikelimport aus dem Redaktionssystem Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

15

16 Newspaper Redaktionelle Workflows Einführung Überblick Dashboard und Module Personifizierbare Anlaufstelle für die häufigsten Aufgaben Artikel Import Wizard zum Artikelimport aus dem Redaktionssystem Automatische Ergänzung der Artikel mit Web-Elementen Für jeden Artikeltyp leicht einstellbar Für jeden Ressort leicht einstellbar Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

17 Newspaper Redaktionelle Workflows Einführung Überblick Automatische Erstellung von Dossiers Themenmappen, gesteuert durch Schlagwörter Automatische Anpassung der Artikelseite Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

18 Newspaper Redaktionelle Workflows Einführung Überblick Automatische Erstellung von Dossiers Themenmappen, gesteuert durch Schlagwörter Automatische Anpassung der Artikelseite Produktionslisten für die Redakteure Verteilung der Aufgaben je nach Rolle (Redakteur, CvD) Internes Messaging Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

19

20 Newspaper Redaktionelle Workflows Einführung Überblick Automatische Erstellung von Dossiers Gesteuert durch Schlagwörter Produktionslisten für die Redakteure Verteilung der Aufgaben je nach Rolle (Redakteur, CvD) Internes Messaging Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Platzierung der Artikel Platzierung auf Ressorts und Hauptressorts zentral gesteuert Zusammenfassung

21 Newspaper Gestaltung der Website Einführung Überblick Automatische Platzierung der Seiteninhalte Sehr flexible Vererbung von Web-Elementen auf Spalten Per Benutzeroberfläche anpassbar Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

22

23 Newspaper Gestaltung der Website Einführung Überblick Automatische Platzierung der Seiteninhalte Sehr flexible Vererbung von Web-Elementen auf Spalten Per Benutzeroberfläche anpassbar Workflows Zahlreiche Web-Elementen Auf Tagezeitungen zugeschnittene Elemente und Funktionen Konfiguration per GUI Gestaltung der Website Schnittstellen Zusammenfassung

24

25 Newspaper Konfiguration per GUI Einführung Überblick Einrichtung von Ressorts Redakteur kann Ressorts und Artikellisten selbst einstellen Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

26 Newspaper Konfiguration per GUI Einführung Überblick Einrichtung von Ressorts Redakteur kann Ressorts und Artikellisten selbst einstellen Artikeltypen, Seitentypen, Seitenbereiche Webmaster kann ohne Programmierung konfigurieren Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

27

28 Newspaper Konfiguration per GUI Einführung Überblick Einrichtung von Ressorts Redakteur kann Ressorts und Artikellisten selbst einstellen Artikeltypen, Seitentypen, Seitenbereiche Webmaster kann ohne Programmierung Konfigurieren Beliebige Kanäle mit Ressortübersichten Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Leichte Einrichtung von Seitentypen (RSS, XML, etc...) Zusammenfassung

29 Newspaper Schnittstellen und Erweiterbarkeit Einführung Überblick Ist - Zustand Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

30

31 Newspaper Schnittstellen und Erweiterbarkeit Einführung Überblick Anbindung von Redaktionssystemen mit Newspaper Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

32

33

34 Quelle XY

35 Newspaper Schnittstellen und Erweiterbarkeit Einführung Überblick Schnittstellen zu Redaktionssystemen Unabhängig vom Redaktionssystem Anbindung an mehrere Redaktionssysteme gleichzeitig Leichter Übergang zwischen Redaktionssystemen Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

36 Newspaper Schnittstellen und Erweiterbarkeit Einführung Überblick Schnittstellen zu Redaktionssystemen Unabhängig vom Redaktionssystem Anbindung an mehrere Redaktionssysteme gleichzeitig Leichter Übergang zwischen Redaktionssystemen Erweiterbar dank Plugin-Struktur Weitere Web-Elemente programmierbar Workflows Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

37 Newspaper Newspaper: Eine Lösung zur Online-Präsentation für Verlage und Zeitungen Einführung Überblick Unterstützung von Workflows Workflows Einfache Gestaltung der Website Schnittstellen und Erweiterbarkeit Gestaltung der Website Konfiguration per GUI Schnittstellen Zusammenfassung

38 Newspaper Newspaper Online Publishing einer Tageszeitung Und nun, zur Demo!

39 Newspaper Newspaper Teil 2: Live-Demo Vorführung: Oliver Schöder Die Live-Vorführung kann als Folge von Screenshots eingesehen werden:

40 Newspaper: Eine Lösung zur Online-Präsentation für Verlage und Zeitungen Newspaper Teil 3: Entwicklungsprozess und Technik Referent: Helge Preuß

41 Newspaper Newspaper Entwicklungsprozess und Technik

42 Warum so viel selbst entwickeln? Sehr spezifische Anforderungen Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

43 Warum so viel selbst entwickeln? Sehr spezifische Anforderungen Alle Elemente haben eigenes Verhalten Große Unterschiede zu Typo3Elementen Volle Kontrolle über Verhalten der Elemente Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

44 Warum so viel selbst entwickeln? Sehr spezifische Anforderungen Alle Elemente haben eigenes Verhalten Große Unterschiede zu Typo3Elementen Volle Kontrolle über Verhalten der Elemente Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft Selbst programmieren sauberer und einfacher, als Typo3-Elemente anzupassen

45 Warum so viel selbst entwickeln? Eigene BE-Module für Workflow und Usability Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

46 Warum so viel selbst entwickeln? Eigene BE-Module für Workflow und Usability Ausblick: Datenhaltung in PrintRedaktionssystem Nur Logik, keine Daten Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

47 Warum überhaupt Typo3? Typo3 als Framework und Host-System Robustes Framework, erwiesene Qualität Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

48 Warum überhaupt Typo3? Typo3 als Framework und Host-System Robustes Framework, erwiesene Qualität CMS fuer nicht-redaktionelle Seiten Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

49 Warum überhaupt Typo3? Typo3 als Framework und Host-System Robustes Framework, erwiesene Qualität CMS fuer nicht-redaktionelle Seiten Seitenverwaltung, Darstellungsengine, Backend-Funktionalität, Benutzer- und Rechteverwaltung Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

50 Warum überhaupt Typo3? Typo3 als Framework und Host-System Robustes Framework, erwiesene Qualität CMS fuer nicht-redaktionelle Seiten Seitenverwaltung, Darstellungsengine, Backend-Funktionalität, Benutzer- und Rechteverwaltung API (z.b. TCEForms, t3lib_db, $TCA, Extension Manager...) Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

51 Warum überhaupt Typo3? Typo3 als Framework und Host-System Robustes Framework, erwiesene Qualität CMS fuer nicht-redaktionelle Seiten Seitenverwaltung, Darstellungsengine, Backend-Funktionalität, Benutzer- und Rechteverwaltung API (z.b. TCEForms, t3lib_db, $TCA, Extension Manager...) Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft Mit Typo3 ließ sich gut arbeiten

52 Agile Entwicklung? Über Codezeilen, 3-5 Entwickler Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

53 Agile Entwicklung? Über Codezeilen, 3-5 Entwickler Mischform aus agil und traditionell Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

54 Agile Entwicklung? Über Codezeilen, 3-5 Entwickler Mischform aus agil und traditionell Enge Zusammenarbeit mit Nutzern Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

55 Agile Entwicklung? Über Codezeilen, 3-5 Entwickler Mischform aus agil und traditionell Enge Zusammenarbeit mit Nutzern Early Release, User Feedback Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

56 Agile Entwicklung? Über Codezeilen, 3-5 Entwickler Mischform aus agil und traditionell Enge Zusammenarbeit mit Nutzern Early Release, User Feedback Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft Schrittweise Migration zu Newspaper

57 Agile Entwicklung? Über Codezeilen, 3-5 Entwickler Mischform aus agil und traditionell Enge Zusammenarbeit mit Nutzern Early Release, User Feedback Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft Schrittweise Migration zu Newspaper Hoher Stellenwert von automatisierten Tests

58 Wasserfallmodell? Ausführliche Planung der Architektur vor Entwicklung Lange Entwicklungszeit vor erstem Deployment Kunde wollte fertige Software Unit- und GUI-Tests: Keine vollständige Abdeckung Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

59 Webelement als Plugin entwickeln Neue Extension im Kickstarter anlegen: z.b. my_np_plugin Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

60 Webelement als Plugin entwickeln Neue Extension im Kickstarter anlegen: z.b. my_np_plugin DB-Tabelle definieren: z.b. tx_mynpplugin_video Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

61 Webelement als Plugin entwickeln Neue Extension im Kickstarter anlegen: z.b. my_np_plugin DB-Tabelle definieren: z.b. tx_mynpplugin_video Felder definieren: z.b. Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

62 Webelement als Plugin entwickeln - PHP require(path_typo3conf.'ext/newspaper/'. 'classes/class.tx_newspaper_extra.php'); Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

63 Webelement als Plugin entwickeln - PHP Warum nicht Typo3? require(path_typo3conf.'ext/newspaper/'. 'classes/class.tx_newspaper_extra.php'); Warum Typo3? class tx_mynpplugin_video Agile Methoden Beispiel-Plugin Zukunft

64 Webelement als Plugin entwickeln - PHP require(path_typo3conf.'ext/newspaper/'. 'classes/class.tx_newspaper_extra.php'); class tx_mynpplugin_video extends tx_newspaper_extra { Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

65 Webelement als Plugin entwickeln - PHP require(path_typo3conf.'ext/newspaper/'. 'classes/class.tx_newspaper_extra.php'); class tx_mynpplugin_video extends tx_newspaper_extra { public function render() { Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

66 Webelement als Plugin entwickeln - PHP require(path_typo3conf.'ext/newspaper/'. 'classes/class.tx_newspaper_extra.php'); class tx_mynpplugin_video extends tx_newspaper_extra { public function render() { return '<embed type="application/xshockwave-flash" src="'. $this->getattribute('url'). '">'; } } Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

67 Webelement als Plugin entwickeln - PHP require(path_typo3conf.'ext/newspaper/'. 'classes/class.tx_newspaper_extra.php'); class tx_mynpplugin_video extends tx_newspaper_extra { public function render() { return '<embed type="application/xshockwave-flash" src="'. $this->getattribute('url'). '">'; } } Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft tx_newspaper_extra::registerextra( new tx_mynpplugin_video() );

68 Webelement als Plugin entwickeln Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

69 Zukunft / Todos Caching taz: Proxy-Cache Wenn nötig, elementweise Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

70 Zukunft / Todos Caching taz: Proxy-Cache Wenn nötig, elementweise Dossiers: BE-Tuning Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

71 Zukunft / Todos Caching taz: Proxy-Cache Wenn nötig, elementweise Dossiers: BE-Tuning Webelemente am laufenden Band Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft

72 Zukunft / Todos Caching taz: Proxy-Cache Wenn nötig, elementweise Dossiers: BE-Tuning Webelemente am laufenden Band Warum nicht Typo3? Warum Typo3? Agile Methoden Beispiel-Plugin Zukunft Veröffentlichung im TER