Downloaden Sie, um offline zu lesen
Hochgeladen vonProdosh Banerjee
CMS-Technologien für Next Generation Websites
Das Dokument behandelt verschiedene Content-Management-Systeme (CMS) für Next-Generation-Webseiten, darunter Tumblr, Drupal und WordPress, sowie deren spezifische Merkmale und Einsatzmöglichkeiten. Es werden die Vor- und Nachteile jeder Plattform aufgezeigt, insbesondere in Bezug auf Flexibilität, Interaktivität und E-Commerce-Fähigkeiten. Zudem werden verschiedene Tools und Technologien erwähnt, die die Erstellung und Anpassung von Webseiten unterstützen.
CMS-Technologien für Next Generation Websites
- 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.
- 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.