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.

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