Rich Internet Applications mit SharePoint

381 Aufrufe

Veröffentlicht am

HTML und JavaScript halten das was uns mit RIA versprochen wurde. Diese sogenannten Rich Internet Applications (RIA) ermöglichen komplexe Anwendungen mit komfortabler UI und Benutzerführung. SharePoint kann dabei als Plattform für solche Anwendungen verwendet werden, während deren Oberfläche sich an Anwender und Kunden richtet und auf deren Bedürfnisse ausgerichtet ist, wird im Hintergrund für den Administrator die Verwaltung "im SharePoint Stil" ermöglicht.

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

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
381
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
6
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Rich Internet Applications mit SharePoint

  1. 1. RICH INTERNET APPLICATIONS MIT SHAREPOINT
  2. 2. Henning Eiben @nyn3x blog.busitec.de sharepoint-rhein-ruhr.de eiben@busitec.de Berufung: ➜ Geschäftsführer ➜ Leitender Consultant/ Entwickler/ IT-Pro ➜ Familienvater Erfahrungen : ➜ Seit 10 Jahren Web Entwicklung ➜ Seit 7 Jahren SharePoint Entwicklung Kontakt:
  3. 3. busitec GmbH Wir begleiten unsere Kunden von der Konzeption über die Beratung und Einführung bis hin zum langfristigen Support ➜ Content Management ➜ Application Development ➜ Cloud Services
  4. 4. Referenzen
  5. 5. Was bedeutet RIA? (SharePoint) Architektur Live-Demo
  6. 6. RICH INTERNET APPLICATIONS (RIA) Merkmale ➜Reiche Benutzeroberflächen ➜Trennung in Server und Client ➜Asynchrone Verarbeitung Was bedeutet RIA?
  7. 7. RICH INTERNET APPLICATIONS (RIA) ➜geformt durch MACROMEDIA in 2002 ➜JAVA APPLETS (1995) ➜FLEX (2004) ➜SILVERLIGHT (2007) ➜AIR (2008) ➜JAVAFX (2008) ➜HTML & JavaScript (ca 2010) Was bedeutet RIA?
  8. 8. Technologie-Auswahl Silverlight vs. JavaScript JavaScript Browser-/ Betriebssystemunabhängig ✔ Läuft auf mobilen Geräten ✔ Technologie-Stack vorhanden Für Web-Dev Breite Community für Erfahrungsaustausch ✔ Weiterentwicklung ✔ Silverlight ✖ ✖ Für .NET ✖ - eingeschränkt ✖ Proprietäre Plattform ✔✖ Was bedeutet RIA?
  9. 9. JavaScript! ➜ JavaScript ist „first class citizen in SharePoint“ JavaScript = first class citizen in SharePoint ➜jQuery als Standard in SharePoint Apps ➜Verwendung von REST / ODATA & JSON ➜Mehr Funktionen in JSOM Bibliothek Was bedeutet RIA?
  10. 10. JavaScript Vorteile Responsive UI ➜ Schnelles Feedback ➜ Schnelles weiterarbeiten ➜ Interaktivität mit dem Anwender Bessere Ressourcennutzung ➜ Aufteilung der Arbeit zwischen Client und Server ➜ Asynchrone Verarbeitung Vorteil Vorteil Was bedeutet RIA?
  11. 11. Die Typische Architektur SERVER Stellt Daten und Dienste zur Verfügung Web-Services/ REST CLIENT Benutzerinteraktion Darstellung Konsumiert Services {"d":{"results":[{Id: 1, Title: "Foo"}, {Id: 2, Title: "Bar"}]}} Submit /_api/web/lists/GetByTitle('Dokumente')/items  Foo  Bar Architektur
  12. 12. Architektur mit SharePoint – Client ➜ Darstellung – HTML ➜ Templating ➜ Handlebars ➜ Mustache ➜ Knockout ➜ … ➜ jQuery DOM Manipulierung ➜ Benutzerinteraktion ➜ SP.UI JavaScript ➜ jQuery-UI ➜ jQuery-Plugins ➜ Konsumieren von Services ➜ jQuery ➜ SPServices ➜ ShareCoffee ➜ Breeze ➜ … Architektur
  13. 13. Architektur mit SharePoint – Server ➜ Listen zur Datenhaltung ➜ REST API ➜ WebServices ➜ alles bereits vorhanden inkl. Berechtigungen!!! Architektur
  14. 14. Keynote Unendlich lange Straße Live- Demo Live- Demo
  15. 15. Databinding ➜ Verwenden von Knockout.js als „Templating“ ➜ MVVM-Style Databinding Asynchrone Verarbeitung Client / Server RIA Merkmale Interaktive & Reiche Benutzerführung ✔ Live- Demo
  16. 16. Datenzugriff ➜ Verwendung von JSOM um Daten abzurufen ➜ Verwendung von REST um Daten abzurufen ➜ Mehr Komfort durch ShareCoffee Asynchrone Verarbeitung ✔ Client / Server ✔ RIA Merkmale Interaktive & Reiche Benutzerführung ✔ Live- Demo
  17. 17. Single Page Application = Interaktion ausschließlich per JavaScript Features: ➜ Bookmarks ➜ Drag & Drop ➜ Benachrichtigungen ➜ HTML5 ➜ … Live- Demo
  18. 18. Fast fertig… ➜ Viele Bibliotheken ➜ SharePoint als starkes Backend mit starker Governance ➜ Etablierte Techniken dank JavaScript ➜ Gute Basis um maßgeschneiderte Lösungen zu entwickeln Folgende Helferlein waren beteiligt: Ende
  19. 19. if (you === "interested") { stay_in_contact(); } Ende @nyn3x blog.busitec.de sharepoint-rhein-ruhr.de eiben@busitec.de Präsentation auf slideshare http://delicious.com/eiben/shareconf ria

×