Was darf man von den neuesten Content Management Systeme (CMS) und Technologien wirklich erwarten? Was leisten Software Tools und online Plattformen wie: - Tumblr - Wordpress - Drupal - jQuery / Phonegap / Mobify Und vor allem welches Tool ist das richtige für welchen Zweck? Prodosh Banerjee bespricht anhand von Beispielen wie die folgende "Use Cases" mit den neuesten Content Management Tools optimal gelöst werden können: - Ein Blog mit Facebook und Twitter Integration - Eine informative Webseite mit Newsletter, Blog und Foren z.B.für eine Firma Eine "User Generated Content" Webseite integriert mit Facebook, Twitter, Foursquare usw. Eine Marketing Webseite mit speziellen Landing Pages, Suchmaschinen-Optimierung und Social Media Integration - Mobile Webseite auf der Basis der CMS ohne einem App zu bauen - Eine Social Media Dienst wo die Nutzer miteinander interagieren können.

1. CMS-­‐Technologien
für
Next
Genera7on
Websites
Prodosh
Banerjee,
Managing
Partner
Absolutely
No
Limits
-­‐
www.anolim.com

2. Agenda
Was
sind
NG
Websites?
DIY
(Do
It
Yourself)
Tools:
Tumblr
Flexibel,
erweiterbar,
Enterprise-­‐Klasse:
Drupal
Einfach
mit
vielen
Features:
Wordpress
Ergänzungen:
Mobify,
Phonegap,
jQuery

3. Externe
SchniZ-­‐
Dienste
stellen
/
Dyn.
integriert
APIs
Inhalte
/
“Widge7za
“mash-­‐ 7on”
ups”
Mul7-­‐
Mobile
medial
Interak7on
NG
Web
/
Ecommerce
mit
dem
CMS
integriert
Besucher
Technologie

4. NG
Webseiten
–
ein
paar
Beispiele
...

5. Next
Genera7on
Webseiten
hZp://www.nowpublic.com

6. Next
Genera7on
Webseiten
hZp://www.cabinetoffice.gov.uk

7. Next
Genera7on
Webseiten
hZp://socialmedia.anolim.com

8. Next
Genera7on
Webseiten
hZp://www.pinkspage.com

10. Tumblr
Überblick
Eigenscha*
Details
Design
✔
Viele
schöne
“Themes”
verfügbar
Blog
✔
Perfekt
Bilder,
Videos
✔
Flickr,
YouTube
usw.
Social
✔
Facebook,
TwiZer
usw.
Schnell
✔
Keine
Programmierung
notwendig
Flexibilität
✗
Nicht
programmierbar
Portabilität
✗
Nicht
gewährleistet

11. Blog:
schön,
interak7v
Tumblr
Use
Case

12. Blog:
gut
gestaltet,
interak7v
Tumblr
Use
Case

13. Weitere
Tumblr
Beispiele
hZp://crookedindifference.com/
hZp://www.stoweboyd.com/
hZp://www.stoweboyd.com/
hZp://copycats.tumblr.com/

14. Tumblr
Check:
NG
Kriteria
Eigenscha*
Details
Interak7on
✔
Reichlich
Externe
Dienste
✔
Flickr,
YouTube,
Facebook,
TwiZer
uvm.
APIs
✗
Minimal
Mash-­‐ups
✗
Limi7ert
Widge7za7on
✗
Nicht
wirklich
Mobile
✗
Ja,
aber
minimal
Ecommerce
✗
Nein

15. Tumblr
Alterna7ve:
VIRB

16. Drupal
Content
Management
Framework
Content
Management
System
Lego
mit
10’000
Modulen
Programmier
Tool
Webseite
ohne
Programmierung
zusammenstellen
Hosted:
hZp://drupalgardens.com

17. Drupal:
2%
der
Webseiten
weltweit
hZp://www.drupalgardens.com/

18. Drupal
Überblick
Eigenscha*
Details
Komplexe
Systeme
✔
Perfekt
geignet
Modular
✔
Lego-­‐ar7g,
10’000+
Module
Flexibilität
✔
Gut
dokumen7erte
PHP
Framework
Bilder,
Videos
✔
Eigene
Gallerien,
Flickr,
YouTube
uvm.
Social
✔
+1,
Facebook,
TwiZer
uvm.
Design
✔
Viele
Themes
Portabilität
✔
Immer
möglich
Skalierbar
✔
Für
sehr
grosse
Seiten
geeignet
Meistern
✗
Braucht
viel
Zeit
DIY
✗
Partner
Unterstützung
notwendig

19. Drupal
Beispiele
Medien
/
Öffentliche
Hand
/
Industrie
Bildung
Unterhaltung
Non-­‐Profit
• DRS
• GB
• ING
Bank
• Stanford
• Edipresse
• Frankreich
• TwiZer
• MIT
• Axel
Springer
• White
House
• Intel
• Harvard
• BBC
• USA
House
of
• Zappos
• Duke
• Economist
Reps
• AT&T
• MTV
• WEF
• Garmin
• France
24
• London
• Fedex
• Al-­‐Jazeera
• Weltbank
• Ericsson
• Pink
• Belgien
• IKEA
• Eric
Clapton
• Expedia
• Robbie
Williams
• Tesla
Motors
• Beyonce

20. Bekannteste
Drupal
Webseite
hZp://www.whitehouse.gov/

21. Drupal
Mul7medial
+
Social
Media
hZp://www.pinkspage.com

22. …
Zeitschrir
mit
Ecommerce
hZp://www.bilanz.ch/

23. CH
Poli7k:
Mul7medial
mit
Social
Media
hZp://www.isaacreber.ch/

24. hZp://www.isaacreber.ch/
CH
Ecommerce
…

25. hZp://www.leveltendesign.com/seo-­‐tools
Search
Engine
Op7mierung

26. Drupal:
Fer7ge
Lösungen
Medien:
Open
Publish
Ecommerce:
Drupal
Commerce,
Ubercart
Government:
Open
Public
Intranet:
Open
Atrium
Nachrichten
/
Mashup:
Managing
News
High
Performance:
Pressflow

27. Drupal
Check:
NG
Kriteria
Eigenscha*
Details
Interak7on
✔
Reichlich
Externe
Dienste
✔
Flickr,
YouTube,
Facebook,
TwiZer
uvm.
APIs
✔
Alles
via
API
zugänglich
(gute
Doku)
Mash-­‐ups
✔
Ideal
Widge7za7on
✔
Kein
Problem
Mobile
✔
Ja,
über
Mobilfy
und
andere
Module
Ecommerce
✔
Drupal
Commerce,
Ubercart

28. Wordpress
Blog
mit
CMS
Programmierbar
/
API
Webseite
ohne
Programmierung
zusammenstellen
Viele
schöne
Themes
(>
1400
Templates)
Viele
Zusatzmodule
(>16’000)
Hosted:
hZp://wordpress.com

29. Wordpress
Überblick
Eigenscha*
Details
Erweiterbar
✔
Sehr
viele
Erweiterungen
Design
✔
Viele
gute
Vorlagen
(>1400
Themes)
Blogs,
News
✔
Ideal
Bilder,
Videos
✔
Flickr,
YouTube
uvm.
Social
✔
Facebook,
TwiZer,
+1
uvm.
APIs
✔
Alles
in
PHP
Bibliotheken
Portabilität
✔
Immer
möglich
DIY
/
Meistern
✔
Es
kann
ohne
Hilfe
viel
erreicht
werden
Skalierbarkeit
✗
Nicht
beliebig
skalierbar

30. Wordpress
–
Tech
Blog
hZp://gigaom.com/

31. Wordpress
–
Tech
Blog
hZp://techcrunch.com/

32. hZp://typographica.org/
Wordpress
Webseite

33. hZp://www.taylorandrew.com/
Wordpress
Webseite

34. Wordpress
mit
Ecommerce
hZp://icondock.com/

35. hZp://worldpopvideos.com/
Wordpress
Webseite

36. Wordpress
Check:
NG
Kriteria
Eigenscha*
Details
Interak7on
✔
Reichlich
Externe
Dienste
✔
Flickr,
YouTube,
Facebook,
TwiZer
uvm.
APIs
✔
Alles
via
API
zugänglich
(gute
Doku)
Mash-­‐ups
✔
Möglich
aber
nicht
einfach
Widge7za7on
✔
Kein
Problem
Mobile
✔
Ja,
über
Zusatzmodule
Ecommerce
✔
Viele
Ecommerce
Module
verfügbar

37. Zusätzliche
NG
Webseiten
Tools
Phonegap:
Mit
HTML5
+
CSS
+
Javascript
na7ve
cross-­‐
plaworm
apps
bauen
Mobify:
bestehende
Webseiten
mobile-­‐fähig
machen
Jquery:
Verbreitetste
Javascript
Tool
für
RIA

38. NG
Web
Technologie:
Zusammenfassung
Lösung
SaaS
PaaS
So*ware
Preis
Tumblr
✔
✗
✗
Gra7s
Virb
✔
✗
✗
Ab
$10/mo
Wordpress
✔
✔
Open
Source
Gra7s
+
Drupal
✔
✔
Open
Source
Gra7s
+
Einmalige
Expression
Engine
✗
✗
Proprietär
Lizenzgebühren
jQuery
✗
✗
Open
Source
Gra7s
Mobify
✗
✔
Proprietär
Gra7s
+
Phonegap
✗
✔
Open
Source
Gra7s
+

39.
Präsenta7on:
hZp://anolim.com/blog
Consul7ng
–
Technologie
–
Design
Strategie
-­‐
Entwicklung
Absolutely
No
Limits
-­‐
Anolim.com

40. Anolim
Porwolio