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.
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
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
13. Architektur mit SharePoint –
Server
➜ Listen zur Datenhaltung
➜ REST API
➜ WebServices
➜ alles bereits vorhanden inkl. Berechtigungen!!!
Architektur
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