A presentation at FrOSCon in in 53757 Sankt Augustin, Germany by Jutta Horstmann
Drupal in der Praxis Erfahrungsberichte FrOSCon, St. Augustin 2007 Jutta Horstmann & Dirk Gebhardt
whoami Jutta Horstmann (Dipl. Inform., Dipl. Pol.) ● ITBeraterin (data in transit) ● Schwerpunkt: Freie Software ● Content Management Systeme ● WebProgrammierung ● 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: WebProgrammierung, 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
StandardContent ● ● Standard ContentTypen Blöcke : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 15
FlashAnimationen, 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 ● CSVDownload : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 19
Blog ● Blog ContentTyp ● 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
BlogGewinnspiel ● Webform : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 23
Fixies: Redaktion ● Rollen ● Rechte – AgenturRedakteurInnen – Content (inkl. URL Alias, Scheduler, Newsletter, Webforms, Taxonomie), Bilder, Menüs, Blöcke – SEORedakteurIn – Meta Tags – BlogTexterin – 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 “FixiesweltTagebuch” : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 25
Redaktion: Startseite ● Extra Theme ● Navigation ● RedaktionsSeite : : : 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 CMSEvaluation ● Installation, BasisKonfiguration und BasisModule ● zunächst Aufbau des Blogs inkl. Layout ● GesamtLayout und GesamtStruktur : : : 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, RedaktionsSeite, Schulung) ● Viel Content, Strukturierung ● Integration vorhandener Daten ● – CommunityNutzer – NewsletterAbonnenten – 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 CMSEvaluation : : : 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 KernFunktionalitäten ● UserModul 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, KundenTest, weitere Funktionen ● Entwicklung eines eigenen Themes auf der Basis von Zen, basierend auf Layouts ● Einrichten einer TestInstallation 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 ● KundenWorkshop ● 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) ● “TeaserBlöcke” und Layout je nach Bereich der Seite ● Strukturierung per Pfad, nicht per Taxonomy => BlockAdministration (ü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: SuchmaschinenOptimierung ● 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.7Module 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 ● UserRead Only ● Mailman Manager ● UserKontakt > 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 – ArchivDarstellung des TextNewsletters? – mehrere Anmeldungsformulare auf einer Seite? – mehr TestAdressen als 128 Zeichen – nach AboBestätigung weiterleiten: ExtraSeite – HTML hartkodiert in theme_simplenews_newsletter – rechtskonforme Signatur in Bestätigungsmails – Anchors in HTMLMails : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 47
Fixies: Redakteure vermissen… ● Inplace editing (v.a. Blöcke) ● granulare Rechte im AdminBereich ● ● mehr ThemeingOptionen per WebInterface (RedakteursZugriff) 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) ContentTypen 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 RedaktionsTools – erweiterte UserProfile im Projekt: – Anforderungen detailliert klären – Zeit für AnfangsRecherche 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
Der Vortrag präsentiert den Einsatz von Drupal in unterschiedlichen Kundenprojekten. Dabei reicht die Bandbreite von sehr aufwändig programmierten Anpassungen fuer eine Community-Plattform bis hin zu einer komplett mit Bordmitteln aufgebauten Werbe-Site.
Die Vortragenden bieten mit ihren Firmen “data in transit” und “DesignWork” u.a. Webauftritte auf der Basis des Drupal CMS an. In diesem Vortrag werden sie verschiedene Projekte aus ihrer Berater- und Programmierpraxis vorstellen und auf die jeweiligen Eigenheiten und Herausforderungen der Aufträge eingehen. Dazu gehören z.B.