Upload
genera
View
25
Download
0
Embed Size (px)
DESCRIPTION
HERZLICH WILLKOMMEN. Office Apps Entwicklen Simon Amrein 19.12.2012. Simon Amrein Head Competence Center SharePoint Trivadis seit 2006 Architekt, Entwickler und Referent in den Themen C # und SharePoint 2007/2010 und 2013. Agenda. Office Apps Entwickeln Generelle Information - PowerPoint PPT Presentation
Citation preview
2011 © TrivadisOffice Apps entwickeln
1
BASEL BERN LAUSANNE ZÜRICH DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. HAMBURG MÜNCHEN STUTTGART WIEN
HERZLICH WILLKOMMEN
Office Apps EntwicklenSimon Amrein19.12.2012
19.12.2012
2011 © Trivadis
Simon AmreinHead Competence Center SharePointTrivadis seit 2006
Architekt, Entwickler und Referent in den ThemenC# und SharePoint 2007/2010 und 2013
2011 © TrivadisOffice Apps entwickeln
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
19.12.2012
2011 © TrivadisOffice Apps entwickeln
4
Generelle Information
19.12.2012
2011 © Trivadis
Generelle Information
ZielSie kennen die wichtigstenÄnderungen im Office 2013
Ziel
2011 © Trivadis
Neuerungen im Office 2013 (I)
Öffnen von PDF Dateien
Cloud Integration
2011 © Trivadis
Neuerungen im Office 2013 (II)
Flash Fill Option
Data Analyse
2011 © Trivadis
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…
2011 © Trivadis
Office AddIns
Office AddIns
leben noch immer…Jedoch nicht in Office 365.
2011 © Trivadis
Generelle Information
Ziel:Sie kennen die wichtigstenprinzipen im Arbeiten mit dem WEF
Ziel
2011 © Trivadis
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
2011 © Trivadis
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 for OfficeManifest
<XML>
WebPage
HTML+JS
App für Office Catalog Server Web Server
App für Office
Anatomie eines Office Apps
2011 © Trivadis
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
Apps für Office - Typen
2011 © TrivadisOffice Apps entwickeln
14
Office 2013 Entwicklung Beispiels Szenarios
App für SharePoint
App für Office
Web InhaltYouTube Video, Foto Galerie
Daten Visualisierung und
Analyse
Karten, Spezielle Grafiken, Nachschlagewerke
Referenz Tools Übersetzungen, Definitionen, Hilfe
Autorensoftware
Kontextueller Inhalt und
ServicesWorkflow und
Zusammenarbeit
Dokumenten Erstellung, Druck ServiceBusiness Daten Lookup (CRM), Kontext basierte FormulareProjekt Verfolgung
Inhalts Erstellung Zusammenfassungen, Verträge
Dashboards Daten Analyse
Formulare &Reports
Rechtliche Formulare,Finanz Reports
Business Prozesse Verkauf & Marketing,Finanzen, HR
Team Zusammenarbeit Inhalt & Projekt Management
Workflow Dokument Freigabe, Spesen
Dokument Vorlagen
App für Office
App für Office
App für Office
App für Office
Dokument Vorlagen
App für Office
App für Office
App für Office
App für Office
19.12.2012
2011 © TrivadisOffice Apps entwickeln
15
Office 2013 Entwicklungs-Optionen
Entwicklung vor Office 2013
Erweiterung des Office Ribbons
COM Add-In
Macro
VSTO
Office 2013 Web Applikation
Task Pane App
Content App
Mail App
Office 2013 Desktop Applikationen
Task Pane App
Content App
Mail App
19.12.2012
2011 © Trivadis
Hinzufügen einer Apps for Office mittels Ribbon im Insert Tab
Dialog erlaubt das Hinzufügen und Starten einer App
Hinzufügen einer App für Office
2011 © TrivadisOffice Apps entwickeln
17
Hinzufügen einer App aus dem Marketplace
Demo
19.12.2012
2011 © Trivadis
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.
App Entwicklung mit Visual Studio 2012
2011 © Trivadis
Generierte Visual Studio Solution
2011 © TrivadisOffice Apps entwickeln
20
App Manifest Designer
19.12.2012
2011 © TrivadisOffice Apps entwickeln
21
HTML für die Web Page
19.12.2012
2011 © Trivadis
JavaScript - Core API Objects
2011 © Trivadis
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)
2011 © TrivadisOffice Apps entwickeln
24
Selektierte Daten abfragen
19.12.2012
2011 © TrivadisOffice Apps entwickeln
25
Testen/Debuggen einer App {F5}
19.12.2012
2011 © TrivadisOffice Apps entwickeln
26
Testen / Debuggen einer Word App
Demo
19.12.2012
2011 © Trivadis
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
Theming und Branding Apps für Office
2011 © TrivadisOffice Apps entwickeln
28
Example App Without Any Theming
19.12.2012
2011 © TrivadisOffice Apps entwickeln
29
Adding Styles to Theme an App
19.12.2012
2011 © TrivadisOffice Apps entwickeln
30
Branding An App
19.12.2012
2011 © TrivadisOffice Apps entwickeln
31
Branding und ThemingDemo
19.12.2012
2011 © Trivadis
Mail Apps
Mail App Body
Context trigger
App Name
2011 © Trivadis
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
2011 © Trivadis
Schritte zur Implementierung, Testen und Debuggen
1. Spezifizieren der Höhe von 32 bis 350 Pixels2. Definition der Aktivierungsregeln3. Erstellung des UIs und der Styles mit CSS4. Schreiben von JavaScript und Hinzufügen vom Verhalten und der Business Logik5. Debuggen mit dem Exchange Server und einem validen Exchange Account
Drücke {F5} und Visual Studio fragt die Server und Mailbox Angaben ab
2011 © TrivadisOffice Apps entwickeln
35
Erstellung einer Mail-AppDemo
19.12.2012
2011 © Trivadis
Online Möglichkeiten
Ziel:Sie kennen die alternative zu Visual Studio
Ziel
Click icon to add picture
Click icon to add picture
2011 © Trivadis
NAPA – Development in Browser
NAPA – Visual Studio im Browser
2011 © Trivadis
NAPA – Download App
2011 © Trivadis
NAPA - Development
2011 © TrivadisOffice Apps entwickeln
40
Erstellung einer App mit NAPADemo
19.12.2012
2011 © Trivadis
Deployment
Ziel:Sie wissen, welche Möglichkeiten für das Deployment bestehen und wie es grundlegend funktioniert.
Ziel
2011 © Trivadis
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
2011 © TrivadisOffice Apps entwickeln
43
SharePoint als App für Office Katalog
App für Office
App Dateien(HTML, JS, CSS, etc.)
Manifest(XML)
App Dateien
Irgend ein Web Server im Intranet oder Internet. Das kann auch ein SharePoint sein
SharePoint
App für Office
WEF Runtime
App Manifest
App DateienEinspielen der Dateien auf einen Server mittels Standard Deployment Methoden
Upload Manifest in Dokumenten-bibliothek
App Katalog Dokumenten Bibliothek
Manifest
Entwickelr
IT Admin
End user
SP Admin
App Host
IT Admin kontrolliert Zugriff mit GPO
19.12.2012
2011 © Trivadis
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
2011 © Trivadis
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
2011 © Trivadis
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
2011 © Trivadis
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
2011 © Trivadis
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?
2011 © TrivadisOffice Apps entwickeln
49
BASEL BERN LAUSANNE ZÜRICH DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. HAMBURG MÜNCHEN STUTTGART WIEN
VIELEN DANK. Trivadis AGSimon AmreinEuropastrasse 58152 GlattbruggTel. +41 79 571 36 39Mail: [email protected]@trivadis.comwww.trivadis.com
19.12.2012