cms-technologien für next generation websites
DESCRIPTION
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 / MobifyUnd 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.TRANSCRIPT
![Page 1: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/1.jpg)
CMS-‐Technologien für Next Genera7on Websites
Absolutely No Limits -‐ www.anolim.com
Prodosh Banerjee, Managing Partner
![Page 2: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/2.jpg)
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
![Page 3: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/3.jpg)
NG Web / CMS
Technologie
Interak7on mit dem Besucher
Mul7-‐medial
Dyn. Inhalte / “mash-‐ups”
Externe Dienste integriert
SchniZ-‐stellen / APIs
“Widge7za7on”
Mobile
Ecommerce integriert
![Page 4: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/4.jpg)
NG Webseiten – ein paar Beispiele ...
![Page 5: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/5.jpg)
Next Genera7on Webseiten hZ
p://www.now
public.com
![Page 6: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/6.jpg)
Next Genera7on Webseiten hZ
p://www.cabinetoffi
ce.gov.uk
![Page 7: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/7.jpg)
Next Genera7on Webseiten hZ
p://socialmed
ia.ano
lim.com
![Page 8: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/8.jpg)
Next Genera7on Webseiten hZ
p://www.pinkspage.com
![Page 9: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/9.jpg)
![Page 10: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/10.jpg)
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
![Page 11: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/11.jpg)
Blog: schön, interak7v
Tumblr Use Case
![Page 12: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/12.jpg)
Blog: gut gestaltet, interak7v
Tumblr Use Case
![Page 13: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/13.jpg)
Weitere Tumblr Beispiele
hZp://crookedindifference.com/
hZp://www.stoweboyd.com/
hZp://www.stoweboyd.com/
hZp://copycats.tumblr.com/
![Page 14: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/14.jpg)
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
![Page 15: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/15.jpg)
Tumblr Alterna7ve: VIRB
![Page 16: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/16.jpg)
Drupal
Content Management Framework
Content Management System
Lego mit 10’000 Modulen
Programmier Tool
Webseite ohne Programmierung zusammenstellen
Hosted: hZp://drupalgardens.com
![Page 17: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/17.jpg)
Drupal: 2% der Webseiten weltweit
hZp://www.drupalgarde
ns.com
/
![Page 18: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/18.jpg)
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
![Page 19: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/19.jpg)
Drupal Beispiele
Medien / Unterhaltung
• DRS • Edipresse • Axel Springer • BBC • Economist • MTV • France 24 • Al-‐Jazeera • Pink • Eric Clapton • Robbie Williams • Beyonce
Öffentliche Hand / Non-‐Profit
• GB • Frankreich • White House • USA House of Reps
• WEF • London • Weltbank • Belgien
Industrie
• ING Bank • TwiZer • Intel • Zappos • AT&T • Garmin • Fedex • Ericsson • IKEA • Expedia • Tesla Motors
Bildung
• Stanford • MIT • Harvard • Duke
![Page 20: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/20.jpg)
Bekannteste Drupal Webseite hZ
p://www.whiteho
use.gov/
![Page 21: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/21.jpg)
Drupal Mul7medial + Social Media hZ
p://www.pinkspage.com
![Page 22: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/22.jpg)
… Zeitschrir mit Ecommerce hZ
p://www.bilanz.ch/
![Page 23: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/23.jpg)
CH Poli7k: Mul7medial mit Social Media hZ
p://www.isaacreb
er.ch/
![Page 24: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/24.jpg)
CH Ecommerce … hZ
p://www.isaacreb
er.ch/
![Page 25: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/25.jpg)
Search Engine Op7mierung hZ
p://www.levelte
ndesign.com/seo
-‐too
ls
![Page 26: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/26.jpg)
Drupal: Fer7ge Lösungen
Medien: Open Publish
Ecommerce: Drupal Commerce, Ubercart
Government: Open Public
Intranet: Open Atrium
Nachrichten / Mashup: Managing News
High Performance: Pressflow
![Page 27: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/27.jpg)
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
![Page 28: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/28.jpg)
Wordpress
Blog mit CMS
Programmierbar / API
Webseite ohne Programmierung zusammenstellen
Viele schöne Themes (> 1400 Templates)
Viele Zusatzmodule (>16’000)
Hosted: hZp://wordpress.com
![Page 29: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/29.jpg)
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
![Page 30: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/30.jpg)
Wordpress – Tech Blog hZ
p://gigaom
.com
/
![Page 31: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/31.jpg)
Wordpress – Tech Blog hZ
p://techcrun
ch.com
/
![Page 32: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/32.jpg)
Wordpress Webseite hZ
p://typo
graphica.org/
![Page 33: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/33.jpg)
Wordpress Webseite hZ
p://www.ta
ylorandrew
.com
/
![Page 34: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/34.jpg)
Wordpress mit Ecommerce hZ
p://icon
dock.com
/
![Page 35: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/35.jpg)
Wordpress Webseite hZ
p://worldpo
pvideo
s.com/
![Page 36: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/36.jpg)
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
![Page 37: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/37.jpg)
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
![Page 38: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/38.jpg)
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 +
Expression Engine ✗ ✗ Proprietär Einmalige Lizenzgebühren
jQuery ✗ ✗ Open Source Gra7s
Mobify ✗ ✔ Proprietär Gra7s +
Phonegap ✗ ✔ Open Source Gra7s +
![Page 39: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/39.jpg)
Präsenta7on: hZp://anolim.com/blog
Absolutely No Limits -‐ Anolim.com
Consul7ng – Technologie – Design Strategie -‐ Entwicklung
![Page 40: CMS-Technologien für Next Generation Websites](https://reader036.vdocuments.mx/reader036/viewer/2022070323/559a67581a28abe1348b4634/html5/thumbnails/40.jpg)
Anolim Porwolio