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. - interessante Lösungen im Bereich von Mitgliederprofilen fuer Communities - Umsetzung ambitionierter Layouts - nutzerfreundliche Redaktions-Interfaces Es wird sowohl die Anpassung und Programmierung von Drupal-Modulen angesprochen wie auch die reine Konfiguration von Seiten mit Drupal-Bordmitteln, ohne eigenen Programmieraufwand.

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

2. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 2
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

3. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 3
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

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

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

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

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

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

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

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

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

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

13. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 13
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

29. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 29
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

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

41. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 31
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

42. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 32
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 ***

43. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 33
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)

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

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

46. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 36
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

47. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 37
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

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

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

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

51. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 41
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]);

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

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

54. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 44
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

55. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 45
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

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

57. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 47
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

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

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

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

61. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 51
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

62. : : : data in transit & DesignWork : : : FrOSCon 2007 : : : Jutta Horstmann & Dirk Gebhardt : : : 25.08.2007 : : : 52
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

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