Download pdf - CMS-Technologien für Next Generation Websites

CMS-‐Technologien für Next Genera7on Websites

Absolutely No Limits -‐ www.anolim.com

Prodosh Banerjee, Managing Partner

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

NG Web / CMS

Technologie

Interak7on mit dem Besucher

Mul7-‐medial

Dyn. Inhalte / “mash-‐ups”

Externe Dienste integriert

SchniZ-‐stellen / APIs

“Widge7za7on”

Mobile

Ecommerce integriert

NG Webseiten – ein paar Beispiele ...

Next Genera7on Webseiten hZ

p://www.now

public.com


p://www.cabinetoffi

ce.gov.uk


p://socialmed

ia.ano

lim.com


p://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://crookedindifference.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.drupalgarde

ns.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 / 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

Bekannteste Drupal Webseite hZ

p://www.whiteho

use.gov/

Drupal Mul7medial + Social Media hZ

p://www.pinkspage.com

… Zeitschrir mit Ecommerce hZ

p://www.bilanz.ch/

CH Poli7k: Mul7medial mit Social Media hZ

p://www.isaacreb

er.ch/

CH Ecommerce … hZ

p://www.isaacreb

er.ch/

Search Engine Op7mierung hZ

p://www.levelte

ndesign.com/seo

-‐too

ls

Drupal: Fer7ge Lösungen

Medien: Open Publish

Ecommerce: Drupal Commerce, Ubercart

Government: Open Public

Intranet: Open Atrium

Nachrichten / Mashup: Managing News

High Performance: Pressflow

Drupal Check: NG Kriteria

Eigenscha* Details



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 hZ

p://gigaom

.com

/

Wordpress – Tech Blog hZ

p://techcrun

ch.com

/

Wordpress Webseite hZ

p://typo

graphica.org/


p://www.ta

ylorandrew

.com

/

Wordpress mit Ecommerce hZ

p://icon

dock.com

/


p://worldpo

pvideo

s.com/

Wordpress Check: NG Kriteria

Eigenscha* Details



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 +

Expression Engine ✗ ✗ Proprietär Einmalige Lizenzgebühren

jQuery ✗ ✗ Open Source Gra7s

Mobify ✗ ✔ Proprietär Gra7s +

Phonegap ✗ ✔ Open Source Gra7s +

Präsenta7on: hZp://anolim.com/blog

Absolutely No Limits -‐ Anolim.com

Consul7ng – Technologie – Design Strategie -‐ Entwicklung

Anolim Porwolio