herzlich willkommen

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


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


4

Generelle Information

19.12.2012

2011 © Trivadis


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


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

http://msdn.microsoft.com/en-us/office/SelectLocale?fromPage=/en-us/library/office/jj229830(v=office.15).aspx

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


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


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


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


20

App Manifest Designer

19.12.2012


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)


24

Selektierte Daten abfragen

19.12.2012


25

Testen/Debuggen einer App {F5}

19.12.2012


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


28

Example App Without Any Theming

19.12.2012


29

Adding Styles to Theme an App

19.12.2012


30

Branding An App

19.12.2012


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


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


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


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?


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

herzlich willkommen

Documents