CMS-Technologien für Next Generation Websites

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

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

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

NG Webseiten – ein paar Beispiele ...

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

Next Genera7on Webseiten hZp://www.cabinetoﬃce.gov.uk

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

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

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

Blog: schön, interak7v Tumblr Use Case

Blog: gut gestaltet, interak7v Tumblr Use Case

Weitere Tumblr Beispiele hZp://crookedindiﬀerence.com/ hZp://www.stoweboyd.com/ hZp://www.stoweboyd.com/ hZp://copycats.tumblr.com/

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

Tumblr Alterna7ve: VIRB

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

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

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

Drupal Beispiele Medien / Öﬀentliche Hand / Industrie Bildung Unterhaltung Non-‐Proﬁt •  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

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

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

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

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

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

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

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

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

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

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

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

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

hZp://typographica.org/ Wordpress Webseite

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

Wordpress mit Ecommerce hZp://icondock.com/

hZp://worldpopvideos.com/ Wordpress Webseite

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

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

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 +

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

Anolim Porwolio

http://anolim.com	261
http://e-byz.ch	130
http://feeds.feedburner.com	3
http://translate.googleusercontent.com	1

CMS-Technologien für Next Generation Websites

by Prodosh Banerjee on Sep 06, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 395

Statistics

CMS-Technologien für Next Generation Websites — Presentation Transcript