HERZLICH WILLKOMMEN

1. HERZLICH WILLKOMMEN Office Apps Entwicklen Simon Amrein 19.12.2012 Office Apps entwickeln

2. Simon Amrein Head Competence Center SharePoint Trivadis seit 2006 Architekt, Entwickler und Referent in den Themen C# und SharePoint 2007/2010 und 2013

3. Agenda • Office Apps Entwickeln • Generelle Information • Neuerungen von Office 2013 • Office AddIns • Web Extensibility Framework (WEF) • Einleitung • Office App • Online Möglichkeiten • NAPA • Verteilung der Apps Office Apps entwickeln

4. Generelle Information Office Apps entwickeln

5. Generelle Information Ziel Sie kennen die wichtigstenÄnderungen im Office 2013 Ziel

6. Neuerungen im Office 2013 (I) Öffnen von PDF Dateien Cloud Integration

7. Neuerungen im Office 2013 (II) Flash Fill Option Data Analyse

8. Warum WEF? Warum braucht es ein neues Framework? Wir haben doch unsere Office AddIns… AddIns sind COM basierend und müssen auf dem Client installiert werden…

9. Office AddIns Office AddIns leben noch immer… Jedoch nicht in Office 365.

10. Generelle Information Ziel: Sie kennen die wichtigstenprinzipen im Arbeiten mit dem WEF Ziel

11. Was sind Office Apps? Apps für Office Die Apps für Office-Plattform unterstützten bei Office 2013-Anwendungen eine ganz neue Arbeitsweise, indem das Leistungsspektrum des Internets und standardmäßige Webtechnologien wie HTML5, XML, CSS3, JavaScript und REST-APIs genutzt werden. Bei einer App für Office handelt es sich im Prinzip um eine Webseite, die in einer Office-Clientanwendung gehostet wird. Quelle: msdn.microsoft.com

12. Anatomieeines Office Apps Jede App für Office basiert auf einem XML Manifest • Manifest zeigt auf eine Web Seite • Manifest definiert den Typ der App • Manifest definiert welche Office Applikationen unterstützt werden • Manifest definiert die benötigten Befähigungen App für Office Catalog Server Web Server App für Office Web Page HTML+JS App for Office Manifest <XML>

13. Apps für Office - Typen Task Pane App für Office (Dokument basiert) • Rechts vom Dokument positioniert • Unterstützen den Benutzer beim Arbeiten einem bis mehreren Dokumenten • Kann Inhalte im Internet suchen oder Daten empfangen Content App für Office (Dokument basiert) • Fügt Inhalt innerhalb des Dokumentes hinzu • Das Dokument ist immer ein Excel Workbook • Content App kann lesend und schreibend auf ein Dokument zugreifen Mail App für Office (Mailbox basiert) • Für Outlook und Outlook Web App (OWA) • Erweitert Outlook mittels UI und Verhalten • Mails und Events können verwendet werden • Mail Apps benötigen Exchange 2013

14. Office 2013 Entwicklung Beispiels Szenarios YouTube Video, Foto Galerie Verkauf & Marketing, Finanzen, HR Web Inhalt Inhalts Erstellung Zusammenfassungen, Verträge Business Prozesse Dashboards Team Zusammenarbeit Daten Visualisierung und Analyse Karten, Spezielle Grafiken, Nachschlagewerke Inhalt & Projekt Management Daten Analyse Referenz Tools Übersetzungen, Definitionen, Hilfe Formulare & Reports Rechtliche Formulare, Finanz Reports Workflow Dokument Freigabe, Spesen Autorensoftware Dokumenten Erstellung, Druck Service App für SharePoint Kontextueller Inhalt und Services Business Daten Lookup (CRM), Kontext basierte Formulare Dokument Vorlagen Dokument Vorlagen Workflow und Zusammenarbeit Projekt Verfolgung App für Office App für Office App für Office App für Office App für Office App für Office App für Office App für Office App für Office Office Apps entwickeln

15. Office 2013 Entwicklungs-Optionen Entwicklung vor Office 2013 Office 2013 Web Applikation Office 2013 Desktop Applikationen Erweiterung des Office Ribbons Task PaneApp Task PaneApp COM Add-In Content App Content App Macro Mail App Mail App VSTO Office Apps entwickeln

16. Hinzufügen einer App für Office Hinzufügen einer Apps for Office mittels Ribbon im Insert Tab Dialog erlaubt das Hinzufügen und Starten einer App

17. Hinzufügen einer App aus dem Marketplace Demo Office Apps entwickeln

18. App Entwicklung mit Visual Studio 2012 Erstellung einer neuen Office-App mittels Visual Studio Template Visual Studio erstellt eine neue Solution mit zwei Projekten • Das Hauptprojekt enthält nur ein App manifest zur Installation in einen Katalog • Das zweite Projekt enthält eine ASP.NET Webseiten Projekt. Es wird das Remote Web Projekt genannt. • Das Remote Web Projekt enthält die eigentlichen Source-Files wie HTML, CSS und JavaScript • {F5} drücken um zu Testen und Debuggen.

19. Generierte Visual Studio Solution

20. App Manifest Designer Office Apps entwickeln

21. HTML für die Web Page Office Apps entwickeln

22. JavaScript - Core API Objects

23. JavaScript - Core API Objects • Office.context • Eintrittspunkt ins Office API • Office.context.document • Gemeinsames Dokumenten API • Office.context.settings • Spezifische Einstellungen welche mit dem Dokument gespeichert werden • Office.context.application • App-spezifische APIs (Bsp. Project JSOM)

24. Selektierte Daten abfragen Office Apps entwickeln

25. Testen/Debuggeneiner App {F5} Office Apps entwickeln

26. Testen / Debuggen einer Word App Demo Office Apps entwickeln

27. Theming und Branding Apps für Office Benutzen von UI Elementen von Office • Einbindung der style.css Datei (Office UI CSS) in Visual Studio Projekten • Benutzung von konsistentem CSS für die Formatierung

28. Example App Without Any Theming Office Apps entwickeln

29. Adding Styles to Theme an App Office Apps entwickeln

30. Branding An App Office Apps entwickeln

31. Branding und Theming Demo Office Apps entwickeln

32. Mail Apps App Name Mail App Body Context trigger

33. Mail App Hosting • Mail Apps benötigen Exchange 2013 • Exchange Server hostet die User Mailbox • Exchange Server hostet die App-Manifest Dateien • Web Server hostet HTML für die Mail App

34. Schritte zur Implementierung, Testen und Debuggen • Spezifizieren der Höhe von 32 bis 350 Pixels • Definition der Aktivierungsregeln • Erstellung des UIs und der Styles mit CSS • Schreiben von JavaScript und Hinzufügen vom Verhalten und der Business Logik • Debuggen mit dem Exchange Server und einem validen Exchange Account Drücke {F5} und Visual Studio fragt die Server und Mailbox Angaben ab

35. Erstellung einer Mail-App Demo Office Apps entwickeln

36. Online Möglichkeiten Ziel: Sie kennen die alternative zu Visual Studio Ziel

37. NAPA – Development in Browser NAPA – Visual Studio im Browser

38. NAPA – Download App

39. NAPA - Development

40. Erstellung einer App mit NAPA Demo Office Apps entwickeln

41. Deployment Ziel: Sie wissen, welche Möglichkeiten für das Deployment bestehen und wie es grundlegend funktioniert. Ziel

42. Verteilung von Apps für Office Wo kommen meine Apps her??? • Das App Verteilungs-Model basiert auf Katalogen • Eine App wird veröffentlicht, in dem das Manifest in einen Katalog geladen wird • Der Benutzer findet die Apps über das Office UI Verschiedenen Typen von Katalogen • Office Marketplace – Gleich wie für SharePoint Apps • Corporate Catalog - App Katalog in SharePoint • Corporate Catalog - File Share App Katalog

43. App Katalog Dokumenten Bibliothek SharePoint als App für Office Katalog Manifest IT Admin kontrolliert Zugriff mit GPO SharePoint Upload Manifest in Dokumenten-bibliothek End user SP Admin App für Office App für Office Manifest (XML) Entwickelr App Dateien (HTML, JS, CSS, etc.) WEF Runtime App Host IT Admin App Manifest Einspielen der Dateien auf einen Server mittels Standard Deployment Methoden App Dateien App Dateien Irgend ein Web Server im Intranet oder Internet. Das kann auch ein SharePoint sein Office Apps entwickeln

44. Der Office Store Der Office Store dient als öffentlicher Marketplace • Stellt einen öffentlichen Katalog für Kunden zur Verfügung • Office Store wird verwaltet von Office.com • Kunden loggen sich auf Office.com mit der Windows Live ID ein • Apps für Office sind über Login an den Benutzer gebunden • Nur in US-Englisch Das publizieren im Office Store ist einfach • Es muss lediglich das Manifest für die App publiziert werden • Das Manifest zeigt auf eine Webseite irgendwo im Internet • Microsoft überprüft die App um die integrität des Offices Stores sicher zu stellen

45. SharePoint App Catalog Designed für private Unternehmensnetzwerke • Stellt dem Benutzer vordefinierte und bewilligte Apps zur Verfügung • Sehr oft verwendet um eigenentwickelte Apps zur verfügung zu stellen (oder vertraute 3rd Party Apps) • Unterstützt Dokumentbasierte Apps (Task pane Apps und Content Apps) SharePoint App Katalog in Site Collection gehostet • Katalog ist eine Dokumenten Bibliothek, welche die App Manifeste beinhaltet • Administrator kann die Sicherheitseinstellungen für die Apps vornehmen

46. File Share App Katalog Einfachstes Szenario um Apps für Office zu verteilen • Benötigt weder SharePoint noch Exchange • Apps für Office Manifests warden in einen Windows File Share kopiert • Office Applikationen werden konfiguriert, den File Share zu lesen und die Apps aufzufinden • Clients brauchen einen Registry Eintrag mit dem File-Share Pfad

47. Exchange 2013 App Katalog Stellt einen App Katalog für Mail Apps zur Verfügung • Mail Apps werden in Exchange 2013 deployed • Exchange Administrator kann die Mail App Manifests installieren und den Benutzern zuweisen • Mail Apps können auch direkt vom User über den Office Store installiert werden

48. Zusammenfassung • Warum brauchen wir WEF? • Wann brauchen wir WEF? • Welche Apps für Office existieren? • Wie kann ich eine solche App entwickeln? • Welches Verteilungsszenario ist für meine Aufgabenstellung die Richtige?

49. VIELEN DANK. Trivadis AG Simon Amrein Europastrasse 58152 Glattbrugg Tel. +41 79 571 36 39 Mail: simon.amrein@trivadis.com info@trivadis.comwww.trivadis.com Office Apps entwickeln