Developer Day Office APPs entwicklen Simon Amrein Trivadis AG [email protected] Die ersten...

42
Developer Day Office APP’s entwicklen Simon Amrein Trivadis AG [email protected] Die ersten Schritte in eine neue Office-Welt

Transcript of Developer Day Office APPs entwicklen Simon Amrein Trivadis AG [email protected] Die ersten...

Page 1: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Developer Day

Office APP’s entwicklenSimon AmreinTrivadis [email protected]

Die ersten Schritte in eine neue Office-Welt

Page 2: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Vorstellung

Simon Amrein

Simon AmreinHead Competence Center SharePointTrivadis seit 2006

Architekt, Entwickler und Referent in den ThemenC# und SharePoint 2007/2010 und 2013

Page 3: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Agenda

Agenda

Office APP’s entwicklen 50’Generelle Information 15’

Neuerungen von Office 2013 10’ Office AddIns 5’

Web Extensibility Framework (WEF) 25’ Einleitung 10’ Office APP 15’

Online Möglichkeiten 10’ NAPA 10’

Deployment 10’

Page 4: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Generelle Information

Chapter 1/4

Page 5: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Generelle Information

ZielSie kennen die wichtigstenÄnderungen im Office 2013

Ziel

Office Information

Page 6: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Neuerungen im Office 2013 (I)

Öffnen von PDF Dateien

Cloud Integration

Page 7: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Neuerungen im Office 2013 (II)

Flash Fill Option

Data Analyse

Page 8: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Warum WEF?

Warum braucht es ein neues Framework? Wir haben doch unsere Office AddIns…

Click icon to add pictureClick icon to add picture

Click icon to add pictureClick icon to add picture

AddIns sind COM basierend und müssen auf dem Client installiert werden…

Page 9: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Office AddIns

Office AddIns

leben noch immer…Jedoch nicht in Office 365.

Page 10: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Web Extensibility Framework (WEF)

Chapter 2/4

Page 11: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Generelle Information

Ziel:Sie kennen die wichtigstenprinzipen im Arbeiten mit dem WEF

Ziel

WEF

Page 12: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

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

Page 13: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Anatomie eines Office APPs

Jede App für Office basiert auf einem XML Manifest Manifest zeigt auf eine Web page Manifest definiert den Typ von der App Manifest definiert welche Office Applikationen unterstütz 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

Page 14: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Types of Apps for Office

Task Pane App for Office (Document-centric) Rechts vom Dokument positioniert Unterstützen den Benutzer beim Arbeiten einem bis mehreren Dokumenten Kann Inhalte im Internet suchen oder Daten empfangen

Content App for Office (Document-centric) Fügt Inhalt innerhalb des Dokumentes hinzu Das Dokument ist immer ein Excel workbook Content App kann lesend und schreibend aufs Dokument zugreifen

Mail App for Office (Mailbox-centric) Für Outlook und Outlook Web App (OWA) Erweitert Outlook items mittels UI und Verhalten Mails und Events können verwendet werden Mail Apps benötigen Exchange 2013

Page 15: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Support für dokumentbasierte Apps

Page 16: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

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

Page 17: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

DemoHinzufügen einer App für Office

Page 18: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

App Entwicklung mit Visual Studio 2012Erstellung 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.

Page 19: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Generierte Visual Studio Solution

Page 20: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

App Manifest Designer

Page 21: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

HTML für die Web Page

Page 22: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Schreiben des JavaScript-Codes

Page 23: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Test/Debug App {F5}

Page 24: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

DemoEntwickeln einer Word-APP

Page 25: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

DemoEntwickeln einer Excel-APP

Page 26: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

DemoEntwickeln einer Outlook-APP

Page 27: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Online Möglichkeiten

Chapter 3/4

Page 28: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Online Möglichkeiten

Ziel:Sie kennen die alternative zu Visual Studio

Ziel

WEF

Page 29: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

NAPA – Development in Browser

NAPA – Visual Studio im Browser

Page 30: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

NAPA – Download App

Page 31: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

NAPA - Development

Page 32: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

DemoNAPA

Page 33: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Deployment

Chapter 4/4

Page 34: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Deployment

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

Ziel

WEF

Page 35: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Verteilung von Apps für Office

Wo kommen meine APP’s her??? Das App Deployment Model basiert auf Katalogen Eine App wird veröffentlicht, in dem das Manifest in ein Katalog geladen wird Der Benutzer findet die APPs über das Office UI

Verschiedenen Typen von Katalogen Office Store SharePoint App Katalog File Share App Katalog Exchange App Katalog

Page 36: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

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

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

Page 37: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

App for Office Deployment

Deployment ist gleich wie bei standard web apps Ausnahme – Das App Manifest wird im App Katalog abgelegt IT Admins bestimmen die trusted App Kataloge via GPO (Group Policies) Deploy App Dateien (CSS, HTML, and JavaScript) auf einen Web Server Manifests für Mail Apps werden in einem App Catalog in Exchange 2013 abgelegt

Wählen eines App Katalogs Der SharePoint App Katalog ist zu bevorzugen, weil er etliche vorteile mit sich bringt File Share App Catalog deployment ist eine einfacher, biete aber weniger Optionen

Page 38: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

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

Page 39: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

SharePoint als Office-App Katalog

App für Office

App Dateien(HTML, JS, CSS, etc.)

Manifest(XML)

App Dateien

Beliebiger Web Server im intranet oder internet. This kann auch ein SharePoint sein

SharePoint

App for Office

WEF Runtime

App Manifest

App DateienDeploy Dateien auf einen Server mittels standard web deployment Methoden

Upload manifest zu Dokumenten Bibliothek

App catalog Dokument Bibliothek

Manifest

Entwickler

IT admin

End User

SP admin

App Host

IT admin kontrolliert Zugriffe via GPO

On oder off premise

Page 40: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

File Share App Katalog

Einfachster Weg um Apps zu deployen Benötigt weder SharePoint noch Exchange Apps für Office Manifests werden in einen Windows File Share kopiert Office Applikationen werden konfiguriert, um den File Share zu lesen und die APPs

aufzufinden Client Maschinen brauchen einen Registry Eintrag mit dem File-Share Pfad

Page 41: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

Exchange 2013 App KatalogStellt 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

Page 42: Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Simon.amrein@trivadis.com Die ersten Schritte in eine neue Office-Welt.

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a

commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a

commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.