Rich Internet Applications mit SharePoint
0 gefällt mir920 aufrufe
Die Präsentation behandelt die Entwicklung von Rich Internet Applications (RIA) mit SharePoint und hebt die Bedeutung von JavaScript als zentrale Technologie hervor. Sie beschreibt eine Architektur, die serverseitige Datenbereitstellung und klientseitige Benutzerinteraktion kombiniert, sowie Vorteile wie responsive Benutzeroberflächen und asynchrone Verarbeitung. Zudem werden verschiedene Technologien wie jQuery, REST und JSON im Kontext von SharePoint-Anwendungen thematisiert.
![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](https://image.slidesharecdn.com/riaanwendungenmitsharepoint-140703061351-phpapp02-140704064137-phpapp01/85/Rich-Internet-Applications-mit-SharePoint-11-320.jpg)
Rich Internet Applications mit SharePoint
- 1. RICH INTERNET APPLICATIONS MIT SHAREPOINT
- 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. 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. Referenzen
- 5. Was bedeutet RIA? (SharePoint) Architektur Live-Demo
- 6. RICH INTERNET APPLICATIONS (RIA) Merkmale ➜Reiche Benutzeroberflächen ➜Trennung in Server und Client ➜Asynchrone Verarbeitung Was bedeutet RIA?
- 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. 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. 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. 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. 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. 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. Architektur mit SharePoint – Server ➜ Listen zur Datenhaltung ➜ REST API ➜ WebServices ➜ alles bereits vorhanden inkl. Berechtigungen!!! Architektur
- 14. Keynote Unendlich lange Straße Live- Demo Live- Demo
- 15. Databinding ➜ Verwenden von Knockout.js als „Templating“ ➜ MVVM-Style Databinding Asynchrone Verarbeitung Client / Server RIA Merkmale Interaktive & Reiche Benutzerführung ✔ Live- Demo
- 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. Single Page Application = Interaktion ausschließlich per JavaScript Features: ➜ Bookmarks ➜ Drag & Drop ➜ Benachrichtigungen ➜ HTML5 ➜ … Live- Demo
- 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. 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