SlideShare ist ein Scribd-Unternehmen logo

Rich Internet Applications mit SharePoint

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 von 19
RICH INTERNET APPLICATIONS
MIT SHAREPOINT
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:
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
Referenzen
Was bedeutet RIA?
(SharePoint) Architektur
Live-Demo
RICH INTERNET APPLICATIONS (RIA)
Merkmale
➜Reiche Benutzeroberflächen
➜Trennung in Server und Client
➜Asynchrone Verarbeitung
Was bedeutet RIA?

Recomendados

20040921 Serviceorientierte Architektur für WebSphere und WebSphere Portal
20040921 Serviceorientierte Architektur für WebSphere und WebSphere Portal20040921 Serviceorientierte Architektur für WebSphere und WebSphere Portal
20040921 Serviceorientierte Architektur für WebSphere und WebSphere PortalFrank Rahn
 
Ein Blick in die Zukunft von in-STEP RED und objectiF RM
Ein Blick in die Zukunft von in-STEP RED und objectiF RMEin Blick in die Zukunft von in-STEP RED und objectiF RM
Ein Blick in die Zukunft von in-STEP RED und objectiF RMmicroTOOL GmbH
 
comundus Kundenportal mit Liferay
comundus Kundenportal mit Liferaycomundus Kundenportal mit Liferay
comundus Kundenportal mit LiferayStefan Hilpp
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT Group
 
Alfresco Day Vienna 2016: Alfrescos neue Rest API
Alfresco Day Vienna 2016: Alfrescos neue Rest APIAlfresco Day Vienna 2016: Alfrescos neue Rest API
Alfresco Day Vienna 2016: Alfrescos neue Rest APIAlfresco Software
 
Alfresco Day Vienna 2016: Entwickeln mit Alfresco
Alfresco Day Vienna 2016: Entwickeln mit AlfrescoAlfresco Day Vienna 2016: Entwickeln mit Alfresco
Alfresco Day Vienna 2016: Entwickeln mit AlfrescoAlfresco Software
 
Self-Service BI mit Salesforce. Mehr Transparenz, bessere Entscheidungen.
Self-Service BI mit Salesforce. Mehr Transparenz, bessere Entscheidungen. Self-Service BI mit Salesforce. Mehr Transparenz, bessere Entscheidungen.
Self-Service BI mit Salesforce. Mehr Transparenz, bessere Entscheidungen. Kathrin Schmidt
 
SharePoint 2013 Search Driven Websites Collaboration Days 2014 David Schneider
SharePoint 2013 Search Driven Websites Collaboration Days 2014 David SchneiderSharePoint 2013 Search Driven Websites Collaboration Days 2014 David Schneider
SharePoint 2013 Search Driven Websites Collaboration Days 2014 David SchneiderDavid Schneider
 

Más contenido relacionado

Destacado

Ppp hannover franz
Ppp hannover franzPpp hannover franz
Ppp hannover franzunileben
 
Políticos, por sus gestos los conoceréis
Políticos, por sus gestos los conoceréisPolíticos, por sus gestos los conoceréis
Políticos, por sus gestos los conoceréisYuri Morejon
 
Control de la eficacia del grupo tcnologia
Control de la eficacia del grupo tcnologiaControl de la eficacia del grupo tcnologia
Control de la eficacia del grupo tcnologiadania erazo
 
PRACTICA7
PRACTICA7PRACTICA7
PRACTICA7LUIIISA
 
BAHÍA VIETNAMITA
BAHÍA VIETNAMITABAHÍA VIETNAMITA
BAHÍA VIETNAMITAJorge Llosa
 
Randazzo reclamó el compromiso de los ferroviarios !!!!!ALI
 Randazzo reclamó el  compromiso de los  ferroviarios !!!!!ALI Randazzo reclamó el  compromiso de los  ferroviarios !!!!!ALI
Randazzo reclamó el compromiso de los ferroviarios !!!!!ALIali
 
Aniversario De Lima Jj
Aniversario De Lima JjAniversario De Lima Jj
Aniversario De Lima JjJorge Llosa
 
La Virgen De Sumampa
La Virgen De SumampaLa Virgen De Sumampa
La Virgen De SumampaLaly09
 
Piel De Metal A R T E.C A L L E
Piel De Metal A R T E.C A L L E Piel De Metal A R T E.C A L L E
Piel De Metal A R T E.C A L L E julio nieto
 
Documents 4 Everyone - Christian Bauer @ ShareConf 2015 in Düsseldorf
Documents 4 Everyone - Christian Bauer @ ShareConf 2015 in DüsseldorfDocuments 4 Everyone - Christian Bauer @ ShareConf 2015 in Düsseldorf
Documents 4 Everyone - Christian Bauer @ ShareConf 2015 in Düsseldorfdox42
 
E Learning para Actualización Curricular
E Learning para Actualización CurricularE Learning para Actualización Curricular
E Learning para Actualización CurricularUniversidad Israel
 

Destacado (20)

Ppp hannover franz
Ppp hannover franzPpp hannover franz
Ppp hannover franz
 
Liebe kartenlegung
Liebe kartenlegungLiebe kartenlegung
Liebe kartenlegung
 
Políticos, por sus gestos los conoceréis
Políticos, por sus gestos los conoceréisPolíticos, por sus gestos los conoceréis
Políticos, por sus gestos los conoceréis
 
3 div
3 div3 div
3 div
 
Control de la eficacia del grupo tcnologia
Control de la eficacia del grupo tcnologiaControl de la eficacia del grupo tcnologia
Control de la eficacia del grupo tcnologia
 
Acero refuerzo casa 11
Acero refuerzo casa 11Acero refuerzo casa 11
Acero refuerzo casa 11
 
PRACTICA7
PRACTICA7PRACTICA7
PRACTICA7
 
Tic ginebra
Tic ginebraTic ginebra
Tic ginebra
 
Microfilmación
MicrofilmaciónMicrofilmación
Microfilmación
 
BAHÍA VIETNAMITA
BAHÍA VIETNAMITABAHÍA VIETNAMITA
BAHÍA VIETNAMITA
 
Randazzo reclamó el compromiso de los ferroviarios !!!!!ALI
 Randazzo reclamó el  compromiso de los  ferroviarios !!!!!ALI Randazzo reclamó el  compromiso de los  ferroviarios !!!!!ALI
Randazzo reclamó el compromiso de los ferroviarios !!!!!ALI
 
Guía niveles de medición 2011
Guía niveles de medición 2011Guía niveles de medición 2011
Guía niveles de medición 2011
 
Aniversario De Lima Jj
Aniversario De Lima JjAniversario De Lima Jj
Aniversario De Lima Jj
 
La Virgen De Sumampa
La Virgen De SumampaLa Virgen De Sumampa
La Virgen De Sumampa
 
Piel De Metal A R T E.C A L L E
Piel De Metal A R T E.C A L L E Piel De Metal A R T E.C A L L E
Piel De Metal A R T E.C A L L E
 
Newsletter Pluss Care People Vol. 14
Newsletter Pluss Care People Vol. 14Newsletter Pluss Care People Vol. 14
Newsletter Pluss Care People Vol. 14
 
Documents 4 Everyone - Christian Bauer @ ShareConf 2015 in Düsseldorf
Documents 4 Everyone - Christian Bauer @ ShareConf 2015 in DüsseldorfDocuments 4 Everyone - Christian Bauer @ ShareConf 2015 in Düsseldorf
Documents 4 Everyone - Christian Bauer @ ShareConf 2015 in Düsseldorf
 
Los Nuevos Outsiders
Los Nuevos OutsidersLos Nuevos Outsiders
Los Nuevos Outsiders
 
Bases De Datos
Bases De DatosBases De Datos
Bases De Datos
 
E Learning para Actualización Curricular
E Learning para Actualización CurricularE Learning para Actualización Curricular
E Learning para Actualización Curricular
 

Ähnlich wie Rich Internet Applications mit SharePoint

Microsoft Online Services Customer
Microsoft Online Services CustomerMicrosoft Online Services Customer
Microsoft Online Services Customeratwork
 
SharePoint 2016 Lauch Event
SharePoint 2016 Lauch EventSharePoint 2016 Lauch Event
SharePoint 2016 Lauch EventDavid Schneider
 
2010 - Basta!: REST mit WCF 4, Silverlight und AJAX
2010 - Basta!: REST mit WCF 4, Silverlight und AJAX2010 - Basta!: REST mit WCF 4, Silverlight und AJAX
2010 - Basta!: REST mit WCF 4, Silverlight und AJAXDaniel Fisher
 
SHAREPOINT TOOLBOX 2015 - Nützliche Tools die keinem Entwickler/Administrator...
SHAREPOINT TOOLBOX 2015 - Nützliche Tools die keinem Entwickler/Administrator...SHAREPOINT TOOLBOX 2015 - Nützliche Tools die keinem Entwickler/Administrator...
SHAREPOINT TOOLBOX 2015 - Nützliche Tools die keinem Entwickler/Administrator...Henning Eiben
 
SharePoint 2016 - was kommt auf uns zu?
SharePoint 2016 - was kommt auf uns zu?SharePoint 2016 - was kommt auf uns zu?
SharePoint 2016 - was kommt auf uns zu?IOZ AG
 
Sharepoint Toolbox
Sharepoint ToolboxSharepoint Toolbox
Sharepoint Toolboxbusitec GmbH
 
C2 Teamwork Portal Mit Web Sphere 6.0
C2 Teamwork Portal Mit Web Sphere 6.0C2 Teamwork Portal Mit Web Sphere 6.0
C2 Teamwork Portal Mit Web Sphere 6.0Andreas Schulte
 
Dipl.-Ing. Leopold Peneder (HC Solutions)
Dipl.-Ing. Leopold Peneder (HC Solutions)Dipl.-Ing. Leopold Peneder (HC Solutions)
Dipl.-Ing. Leopold Peneder (HC Solutions)Agenda Europe 2035
 
JavaScript-Erweiterungen für UI und UX
JavaScript-Erweiterungen für UI und UXJavaScript-Erweiterungen für UI und UX
JavaScript-Erweiterungen für UI und UXKai Donato
 
Modern JS in SharePoint
Modern JS in SharePointModern JS in SharePoint
Modern JS in SharePointHenning Eiben
 
Ivory Soa Suite
Ivory Soa SuiteIvory Soa Suite
Ivory Soa SuitePredrag61
 
Sharepointroadshow Office365 developer
Sharepointroadshow Office365 developerSharepointroadshow Office365 developer
Sharepointroadshow Office365 developeratwork
 
News von der Microsoft Ignite Zürich Juni 2015
News von der Microsoft Ignite Zürich Juni 2015News von der Microsoft Ignite Zürich Juni 2015
News von der Microsoft Ignite Zürich Juni 2015David Schneider
 
BI-System mit OData und SharePoint Online
BI-System mit OData und SharePoint OnlineBI-System mit OData und SharePoint Online
BI-System mit OData und SharePoint Onlineatwork
 
Webcast: SAP on Azure für den Mittelstand - Erfolgsfaktor Integration
Webcast: SAP on Azure für den Mittelstand - Erfolgsfaktor IntegrationWebcast: SAP on Azure für den Mittelstand - Erfolgsfaktor Integration
Webcast: SAP on Azure für den Mittelstand - Erfolgsfaktor IntegrationQUIBIQ Hamburg
 
SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013
SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013
SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013IOZ AG
 
MEAN SCS in der Cloud
MEAN SCS in der CloudMEAN SCS in der Cloud
MEAN SCS in der CloudTorsten Fink
 
2007 - Basta!: Nach soa kommt soc
2007 - Basta!: Nach soa kommt soc2007 - Basta!: Nach soa kommt soc
2007 - Basta!: Nach soa kommt socDaniel Fisher
 

Ähnlich wie Rich Internet Applications mit SharePoint (20)

Microsoft Online Services Customer
Microsoft Online Services CustomerMicrosoft Online Services Customer
Microsoft Online Services Customer
 
SharePoint 2016 Lauch Event
SharePoint 2016 Lauch EventSharePoint 2016 Lauch Event
SharePoint 2016 Lauch Event
 
2010 - Basta!: REST mit WCF 4, Silverlight und AJAX
2010 - Basta!: REST mit WCF 4, Silverlight und AJAX2010 - Basta!: REST mit WCF 4, Silverlight und AJAX
2010 - Basta!: REST mit WCF 4, Silverlight und AJAX
 
SHAREPOINT TOOLBOX 2015 - Nützliche Tools die keinem Entwickler/Administrator...
SHAREPOINT TOOLBOX 2015 - Nützliche Tools die keinem Entwickler/Administrator...SHAREPOINT TOOLBOX 2015 - Nützliche Tools die keinem Entwickler/Administrator...
SHAREPOINT TOOLBOX 2015 - Nützliche Tools die keinem Entwickler/Administrator...
 
SharePoint 2016 - was kommt auf uns zu?
SharePoint 2016 - was kommt auf uns zu?SharePoint 2016 - was kommt auf uns zu?
SharePoint 2016 - was kommt auf uns zu?
 
Sharepoint Toolbox
Sharepoint ToolboxSharepoint Toolbox
Sharepoint Toolbox
 
C2 Teamwork Portal Mit Web Sphere 6.0
C2 Teamwork Portal Mit Web Sphere 6.0C2 Teamwork Portal Mit Web Sphere 6.0
C2 Teamwork Portal Mit Web Sphere 6.0
 
Dipl.-Ing. Leopold Peneder (HC Solutions)
Dipl.-Ing. Leopold Peneder (HC Solutions)Dipl.-Ing. Leopold Peneder (HC Solutions)
Dipl.-Ing. Leopold Peneder (HC Solutions)
 
JavaScript-Erweiterungen für UI und UX
JavaScript-Erweiterungen für UI und UXJavaScript-Erweiterungen für UI und UX
JavaScript-Erweiterungen für UI und UX
 
Modern JS in SharePoint
Modern JS in SharePointModern JS in SharePoint
Modern JS in SharePoint
 
Ec2009 Templates
Ec2009 TemplatesEc2009 Templates
Ec2009 Templates
 
Ivory Soa Suite
Ivory Soa SuiteIvory Soa Suite
Ivory Soa Suite
 
Sharepointroadshow Office365 developer
Sharepointroadshow Office365 developerSharepointroadshow Office365 developer
Sharepointroadshow Office365 developer
 
News von der Microsoft Ignite Zürich Juni 2015
News von der Microsoft Ignite Zürich Juni 2015News von der Microsoft Ignite Zürich Juni 2015
News von der Microsoft Ignite Zürich Juni 2015
 
BI-System mit OData und SharePoint Online
BI-System mit OData und SharePoint OnlineBI-System mit OData und SharePoint Online
BI-System mit OData und SharePoint Online
 
Apache Solr Revisited 2015
Apache Solr Revisited 2015Apache Solr Revisited 2015
Apache Solr Revisited 2015
 
Webcast: SAP on Azure für den Mittelstand - Erfolgsfaktor Integration
Webcast: SAP on Azure für den Mittelstand - Erfolgsfaktor IntegrationWebcast: SAP on Azure für den Mittelstand - Erfolgsfaktor Integration
Webcast: SAP on Azure für den Mittelstand - Erfolgsfaktor Integration
 
SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013
SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013
SharePoint Community 12.02.2014: Realisierung einer Website mit SharePoint 2013
 
MEAN SCS in der Cloud
MEAN SCS in der CloudMEAN SCS in der Cloud
MEAN SCS in der Cloud
 
2007 - Basta!: Nach soa kommt soc
2007 - Basta!: Nach soa kommt soc2007 - Basta!: Nach soa kommt soc
2007 - Basta!: Nach soa kommt soc
 

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
  • 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
  • 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