CMS-­‐Technologien	  für	  Next	  Genera7on	  Websites	                       Prodosh	  Banerjee,	  Managing	  Partner	  A...
Agenda	         Was	  sind	  NG	  Websites?	         DIY	  (Do	  It	  Yourself)	  Tools:	  Tumblr	         Flexibel,	  erw...
Externe	       SchniZ-­‐                                        Dienste	       stellen	  /	                        Dyn.	  ...
NG	  Webseiten	  –	  ein	  paar	  Beispiele	  ...	  
Next	  Genera7on	  Webseiten	  hZp://www.nowpublic.com	  
Next	  Genera7on	  Webseiten	  hZp://www.cabinetoffice.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”	  ...
Blog:	  schön,	  interak7v	   Tumblr	  Use	  Case	  
Blog:	  gut	  gestaltet,	  interak7v	   Tumblr	  Use	  Case	  
Weitere	  Tumblr	  Beispiele	              hZp://crookedindifference.com/	              hZp://www.stoweboyd.com/	          ...
Tumblr	  Check:	  NG	  Kriteria	   Eigenscha*	                     Details	   Interak7on	             ✔	     Reichlich	   ...
Tumblr	  Alterna7ve:	  VIRB	  
Drupal	               Content	  Management	  Framework	               Content	  Management	  System	               Lego	  ...
Drupal:	  2%	  der	  Webseiten	  weltweit	  	                                     	  	                                    ...
Drupal	  Überblick	     Eigenscha*	                    Details	     Komplexe	  Systeme	     ✔	   Perfekt	  geignet	     Mo...
Drupal	  Beispiele	       Medien	  /	          Öffentliche	  Hand	  /	                                                     ...
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	      ...
Drupal	  Check:	  NG	  Kriteria	   Eigenscha*	                     Details	   Interak7on	             ✔	     Reichlich	   ...
Wordpress	            Blog	  mit	  CMS	            Programmierbar	  /	  API	            Webseite	  ohne	  Programmierung	 ...
Wordpress	  Überblick	   Eigenscha*	                       Details	   Erweiterbar	              ✔	     Sehr	  viele	  Erwe...
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	...
Zusätzliche	  NG	  Webseiten	  Tools	              Phonegap:	  	                  Mit	  HTML5	  +	  CSS	  +	  Javascript	 ...
NG	  Web	  Technologie:	  Zusammenfassung	   Lösung	                   SaaS	     PaaS	       So*ware	               Preis	...
 Präsenta7on:	  hZp://anolim.com/blog	                     	     Consul7ng	  –	  Technologie	  –	  Design	          Strate...
Anolim	  Porwolio	  
CMS-Technologien für Next Generation Websites
Nächste SlideShare
Wird geladen in …5
×

CMS-Technologien für Next Generation Websites

4.006 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Technologie
0 Kommentare
2 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
4.006
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2.315
Aktionen
Geteilt
0
Downloads
7
Kommentare
0
Gefällt mir
2
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

CMS-Technologien für Next Generation Websites

  1. 1. CMS-­‐Technologien  für  Next  Genera7on  Websites   Prodosh  Banerjee,  Managing  Partner  Absolutely  No  Limits  -­‐  www.anolim.com    
  2. 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. 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. 4. NG  Webseiten  –  ein  paar  Beispiele  ...  
  5. 5. Next  Genera7on  Webseiten  hZp://www.nowpublic.com  
  6. 6. Next  Genera7on  Webseiten  hZp://www.cabinetoffice.gov.uk  
  7. 7. Next  Genera7on  Webseiten  hZp://socialmedia.anolim.com  
  8. 8. Next  Genera7on  Webseiten  hZp://www.pinkspage.com  
  9. 9. 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  
  10. 10. Blog:  schön,  interak7v   Tumblr  Use  Case  
  11. 11. Blog:  gut  gestaltet,  interak7v   Tumblr  Use  Case  
  12. 12. Weitere  Tumblr  Beispiele   hZp://crookedindifference.com/   hZp://www.stoweboyd.com/   hZp://www.stoweboyd.com/   hZp://copycats.tumblr.com/  
  13. 13. 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  
  14. 14. Tumblr  Alterna7ve:  VIRB  
  15. 15. Drupal   Content  Management  Framework   Content  Management  System   Lego  mit  10’000  Modulen   Programmier  Tool   Webseite  ohne  Programmierung   zusammenstellen   Hosted:  hZp://drupalgardens.com  
  16. 16. Drupal:  2%  der  Webseiten  weltweit          hZp://www.drupalgardens.com/  
  17. 17. 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  
  18. 18. 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  
  19. 19. Bekannteste  Drupal  Webseite  hZp://www.whitehouse.gov/  
  20. 20. Drupal  Mul7medial  +  Social  Media  hZp://www.pinkspage.com  
  21. 21. …  Zeitschrir  mit  Ecommerce  hZp://www.bilanz.ch/  
  22. 22. CH  Poli7k:  Mul7medial  mit  Social  Media  hZp://www.isaacreber.ch/  
  23. 23. hZp://www.isaacreber.ch/   CH  Ecommerce  …  
  24. 24. hZp://www.leveltendesign.com/seo-­‐tools   Search  Engine  Op7mierung  
  25. 25. Drupal:  Fer7ge  Lösungen   Medien:  Open  Publish   Ecommerce:  Drupal  Commerce,  Ubercart   Government:  Open  Public   Intranet:  Open  Atrium   Nachrichten  /  Mashup:  Managing  News   High  Performance:  Pressflow  
  26. 26. 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  
  27. 27. Wordpress   Blog  mit  CMS   Programmierbar  /  API   Webseite  ohne  Programmierung   zusammenstellen   Viele  schöne  Themes  (>  1400  Templates)   Viele  Zusatzmodule  (>16’000)   Hosted:  hZp://wordpress.com  
  28. 28. 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  
  29. 29. Wordpress  –  Tech  Blog  hZp://gigaom.com/  
  30. 30. Wordpress  –  Tech  Blog  hZp://techcrunch.com/  
  31. 31. hZp://typographica.org/   Wordpress  Webseite  
  32. 32. hZp://www.taylorandrew.com/   Wordpress  Webseite  
  33. 33. Wordpress  mit  Ecommerce  hZp://icondock.com/  
  34. 34. hZp://worldpopvideos.com/   Wordpress  Webseite  
  35. 35. 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  
  36. 36. 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  
  37. 37. 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  +  
  38. 38.  Präsenta7on:  hZp://anolim.com/blog     Consul7ng  –  Technologie  –  Design   Strategie  -­‐  Entwicklung   Absolutely  No  Limits  -­‐  Anolim.com  
  39. 39. Anolim  Porwolio  

×