Drupal in der Praxis - Erfahrungsberichte

Drupal in der Praxis Erfahrungsberichte FrOSCon, St. Augustin 2007 Jutta Horstmann & Dirk Gebhardt

whoami Jutta Horstmann (Dipl. Inform., Dipl. Pol.) ● IT­Beraterin (data in transit) ● Schwerpunkt: Freie Software ● Content Management Systeme ● Web­Programmierung ● Open Source Datenbanken ● OpenUsability.org : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 2

data in transit ● gegründet 2005 in Berlin ● 2006 Umzug nach Bonn ● Schwerpunkte: Web­Programmierung, CMS, Datenbanken Konzeption, Systemarchitektur, Requirement Engineering ● Kunden: synthax Audio, relevantive, apikula, fczb, MSH AND MORE, papaya Software, hexabinær, dbpr, Zoologisches Forschungsmuseum Alexander Koenig, Wissenschaftszentrum Berlin, tarent, intevation, DesignWork, aurISP … ● Referenzen: http://www.dataintransit.com/de/projects : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 3

whoami ● Dirk Gebhardt : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 4

DesignWork : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 5

Die Themen : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 6

Unsere Projekte : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 7

Projektverlauf : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 8

Herausforderungen & Lösungen : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 9

Offene Probleme : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 10

Fixies und Freelens: Die Projekte im Vergleich : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 11

1 Die Projekte : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 12

www.fixies.de ● Kunde: Fixies GmbH, Ulm ● Projektleitung, Konzept: MSH AND MORE, Köln ● CMS / Programmierung: data in transit, Bonn ● Werbeseite – aufwendiges Layout – viel Content ● Suchmaschinenoptimierung (SEO) ● alles mit Bordmitteln, kaum Programmierung ● hauptsächlich Layout per CSS, wenig Templating : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 13

: : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 14

Standard­Content ● ● Standard Content­Typen Blöcke : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 15

Flash­Animationen, Popups ● frei editierbare Blöcke inkl. ­ Bilder ­ Flash ­ Image Maps ­ Popups TinyMCE ● IMCE ● : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 16

Newsletter ● Simplenews ● HTML / Text ● Archiv : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 17

Community Login ● User Login ● Registrierung ● Geschützter Content : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 18

Formulare ● ● Webforms für Redakteure editierbar ● Mailversand ● Auswertung ● CSV­Download : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 19

Blog ● Blog Content­Typ ● Taxonomy ● Views ● Tracker ● Kommentare ● Notify : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 20

Blog: Kalenderansicht ● Date ● View : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 21

Blog: Posting ● Einbindung von externem Content (YouTube) ● Service Links ● Technorati Tags : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 22

Blog­Gewinnspiel ● Webform : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 23

Fixies: Redaktion ● Rollen ● Rechte – Agentur­RedakteurInnen – Content (inkl. URL Alias, Scheduler, Newsletter, Webforms, Taxonomie), Bilder, Menüs, Blöcke – SEO­RedakteurIn – Meta Tags – Blog­Texterin – nur Content – Editor (Fixies) – Inhalt verwalten, Scheduler : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 24

Fixies: “Fixieswelt”­Nutzer ● Keine eigene Rolle, nur “authenticated” ● Zugang zu – geschütztem Content – geschützten Downloads – externer Applikation “Fixieswelt­Tagebuch” : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 25

Redaktion: Startseite ● Extra Theme ● Navigation ● Redaktions­Seite : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 26

“Zur Kenntnis” ● Login Destination ● Rolle: Editor ● Status: Anzeige des Scheduler­ Datums : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 27

FREELENS : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 28

FREELENS  Kunde: Freelens e.V., Hamburg  Projektleitung, Konzept: DesignWork, Köln  CMS / Programmierung: DesignWork, Köln mit Unterstützung durch data in transit, Bonn  geschlossene Community  nutzergenerierte Inhalte  aufwendige Profile, Bilderverwaltung  viele Module umgeschrieben oder neu  viel Templating : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 29

2 Projektverlauf : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 30

Fixies: Projektverlauf 1. Start (keine User) ● Anforderungen/Konzept: – Sitemap, Layout (inkl. editierbare “Teaser”­Blöcke) – Mehrsprachigkeit (später obsolet) – Blog, Wiki ● Entscheidung für Drupal nach CMS­Evaluation ● Installation, Basis­Konfiguration und Basis­Module ● zunächst Aufbau des Blogs inkl. Layout ● Gesamt­Layout und Gesamt­Struktur : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 31

Fixies: Projektverlauf 2. Redakteure füllen Seite mit Content ● Neue Anforderungen! ● Redaktion (Accounts, Redaktions­Seite, Schulung) ● Viel Content, Strukturierung ● Integration vorhandener Daten ● – Community­Nutzer – Newsletter­Abonnenten – Externe Applikation *** Launch *** : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 32

Fixies: Projektverlauf 3. Nachbegleitung, Support, Weiterentwicklung ● Baustellen fixen ● Layout überarbeiten ● Sonderaktionen (z.B. Gewinnspiel) ● Updates von Modulen ● Fragen beantworten ● SEO ● Zusatzwünsche (Bsp.: Service Links) : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 33

FREELENS : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 34

FREELENS: Projektverlauf 1. Vorlauf ● Ausschreibung ● Überarbeitung des Konzepts durch DesignWork ● Auftragsvergabe an DesignWork nach Pitch ● Entscheidung für Drupal nach CMS­Evaluation : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 35

FREELENS: Projektverlauf 2. Aufbau der Site ● ausgiebiger Test von Drupal ● Einbau erster Kern­Funktionalitäten ● User­Modul ist unzureichend, daher Eigenentwicklung auf der Grundlage des Bio­ Moduls : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 36

FREELENS: Projektverlauf 3. Layout, Kunden­Test, weitere Funktionen ● Entwicklung eines eigenen Themes auf der Basis von Zen, basierend auf Layouts ● Einrichten einer Test­Installation für den Kunden ● Umsetzung aller Funktionen des Pflichtenhefts : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 37

FREELENS: Projektverlauf 4. Feinschliff ● Kunden­Workshop ● Verbesserungen an Design und Funktionen ● Erweiterung von Funktionalitäten ● zusätzliche Features ● Alphatest mit ausgewählten Nutzern : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 38

FREELENS: Projektverlauf 5. Abschluss ● Betatest ● Umsetzung aller offenen Punkte des Pflichtenhefts ● Umsetzung zusätzlicher Kundenwünsche ● Dokumentation : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 39

3 Herausforderungen & Lösungen : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 40

Fixies: Strukturierung (inhaltlich & visuell) ● “Teaser­Blöcke” und Layout je nach Bereich der Seite ● Strukturierung per Pfad, nicht per Taxonomy => Block­Administration (über Pfade) => Taxonomy Theme (über Pfade) => Seiten mit pathalias und in Menüstruktur verankert => Submenus innerhalb der Seite: theme(‘menu_tree’, $active_trail[1]); : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 41

Fixies: Suchmaschinen­Optimierung ● lesbare URLs Seitentitel (page_title) mod_rewrite ● – url alias & pathauto ● robots.txt ● XML Sitemap (gsitemap) ● Metatags (nodewords) – ● ● ● ● Social Bookmark Links (service_links) Bloggen Ping Technorati, Google, pingomatic, Weblogs (ping) Technorati Tags (technorati) : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 42

FREELENS : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 43

FREELENS: Herausforderungen ● Nur 4.7­Module verfügbar (keine Roadmap) ● User as node / User core ● Tabs als Ordnungselement ● Gallery per User inkl. Mass Upload ● Googlemaps / Location Module, Postleitzahlen­ Suche, Umkreissuche, Arbeitsgebietsuche ● nur bestimmte Bereiche der Seite durchsuchbar ● Eigene Frontpage mit vordefinierten Bereichen : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 44

FREELENS: Herausforderungen ● User­Read Only ● Mailman Manager ● User­Kontakt ­> auch für anonyme Nutzer zugänglich ● Views, Insert Views ● Emailfield für CCK ● Imagecache ● Premium Content ● Buddylist ­> über User Account verwaltbar ● Umlaute in der URL ­> Hack für das Pathauto Module : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 45

4 Offene Probleme : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 46

Fixies: Newsletter (simplenews, mimemail) ● ● simplenews mimemail – Footer weg – Strings und Mails nur per Locale, nicht im Modul – Archiv­Darstellung des Text­Newsletters? – mehrere Anmeldungsformulare auf einer Seite? – mehr Test­Adressen als 128 Zeichen – nach Abo­Bestätigung weiterleiten: Extra­Seite – HTML hartkodiert in theme_simplenews_newsletter – rechtskonforme Signatur in Bestätigungsmails – Anchors in HTML­Mails : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 47

Fixies: Redakteure vermissen… ● In­place editing (v.a. Blöcke) ● granulare Rechte im Admin­Bereich ● ● mehr Themeing­Optionen per Web­Interface (Redakteurs­Zugriff) Verzeichnisbaum : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 48

5 Fixies und Freelens: Die Projekte im Vergleich : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 49

Fixies Freelens Community keine Schreibrechte, keine öffentlichen Profile umfangreiche öfftl. Profile, Schreibrechte Nutzer­ interaktion Kontakt, Gewinnspiel, Expertenanfrage, Blog­ Kommentare Who is Where, Fotojob, PLZ­ Suche, öffentliche Profile, Kontakt Formulare nur Adresse, Freitext Viele Formulare Contenttyp Page, Story, News, Blog Viele (eigene) Content­Typen Strukturierung Pfade Taxonomie Taxonomie wenig viel Views wenig viel : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 50

Verwendete Module Beide: Drupal 5.1, Locale, Menu, Path, Profile, Search, Taxonomy, Upload, JSCalendar, IMCE, Scheduler, TinyMCE, Captcha, Views, Views UI, , Image. Angepasst: Simplenews (Fixies), pathauto (FL) Fixies: Comment Mover, Service Links, Path Access, Linktocontent, Page Title, Blog, Color, Comment, Ping, Freelinking, Mime Mail, Notify, SMTP, Archive, Date API, Read More Tweak, XML Sitemap, Login Destination, Menu per Role, Month, Node Teaser, Meta Tags, Taxon. Redirect, Taxonomy Theme, Technorati, Text Image, Webform, Wikitools, Calendar Freelens: Ad, CCK, Aggregator, Buddylist, Contact, Content Taxonomy Views, daterange, External Links, Throttle, Javascript Tools, Gmap, Locations, Mass Contact, Node Family, umgeschrieben: Event, Premium, Imagecache, Mailman Manager, Automatic Nodetitles, Contact List, Custom Pagers, Filter By Node Type, Forward, Insert view, Page Array, Poormanscron, Submit Again, Token, Views fusion Umgeschrieben: Path Filter, Pdfview, Search config, Thickbox, User ReadOnly, Views Alpha Pager, Views Bonus Pack Eigene: Galerie, Kontakt Daten, Publications, profile_update : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 51

Fazit ● Drupal sehr flexibles System ● wünschenswert: ● – mehr Redaktions­Tools – erweiterte User­Profile im Projekt: – Anforderungen detailliert klären – Zeit für Anfangs­Recherche zahlt sich später aus – Support / Nachsorge / Maintenance klären : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 52

Fragen??? Antworten??? data in transit http://www.dataintransit.com Kontakt jh@dataintransit.com DesignWork http://www.dwork.de Kontakt info@dwork.de : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 53