Office 365 Development

Course Agenda Deep Dive into Integrating Office 365 APIs with Web Applications Module 1: Deep dive into Mobile Development with Office 365 and Cordova Module 2: Deep dive into native Universal Windows App Development with Office 365 APIs Module 3: Deep dive into native Xamarin Development with Office 365 APIs

Deep dive into Mobile Development with Office 365 and Cordova Speaker

Agenda Cordova Overview Developing Cordova Apps Build 2014 2/23/2019 Agenda Cordova Overview Developing Cordova Apps Cordova Apps and Office 365 Cordova Apps and AngularJS © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Cordova Overview

What is a Hybrid App? An app created with HTML5, CSS3 and JavaScript Available through an app store Different than a mobile web site Hybrid app runs in browser of mobile device Chromeless (no browser title bar, navigation buttons, etc.) HTML, CSS and JavaScript downloaded and run locally from device App launched in full screen mode User isn’t aware that app is using browser

What is Cordova? A platform for developing hybrid apps with HTML, CSS and JavaScript An open source collection of JavaScript device APIs Something that abstracts away device specific APIs Toolsets built on top of Cordova PhoneGap (Abode) AppBuilder (Telerik)

Supported Platforms You can use the extension to build apps for the following devices and platforms: Android 4 and later (4.4 provides the best developer experience) iOS 6 and iOS 7 Windows 8 (Windows Store) Windows Phone 8

Visual Studio Assistance Easy installation Multi-Device Hybrid Apps for Visual Studio CTP 2.0 Plugin management. Visual Studio assists adding core Cordova plugins and custom plugins Unified debugging experience. Visual Studio debuggers targets many different types of devices Deployment targets include the Android emulator, attached Android devices, Apache Ripple, Windows Phone and (coming soon) iOS devices and emulators Write once, deploy everywhere. The common JavaScript and plugin APIs in Cordova make it possible to write an app using a single code base that deploys to all target platforms

Setting Up Your Developer Environment Installation Documentation http://msdn.microsoft.com/en-us/library/dn757054.aspx Setup Overview Windows 8.1 or Windows Server 2012 R2 Visual Studio 2013 with Update 3 with Windows Phone SDK Multi-Device Hybrid Apps for Visual Studio CTP 2.0

Multi-Device Hybrid Apps for Visual Studio

Developing Cordova Apps

Creating a Cordova App Use the Blank App (Apache Cordova) template Templates > JavaScript > Multi-Device Hybrid Apps

Cordova App Starting Point

Selecting a Debug Target Android Windows Phone Other Windows Devices

Android Emulators and Debugging Apache Ripple emulator Android emulator Genymotion emulator Android device

Debugging with Ripple Included with Android SDK Runs inside Chrome browser

Debugging with Windows Phone You can use a Windows Phone emulator You can use an attached Windows Phone device

Creating and Running a Cordova App Project

Cordova Apps and Office 365

Adding Connected Services 1 Project > Add > Connected Service… 2 Register your app

Connected Services Permissions 3 Select required app permissions

Office 365 API Libraries Added with Connected Service Provides JS libraries for AAD authentication Provides JS libraries for accessing Exchange Provides JS libraries for accessing SharePoint

Linking to settings.js Link index.html to settings.js The JavaScript inside automatically links to other script files

Contacts Common API operations Reading contacts Searching for contacts Creating contacts Deleting contacts Editing events Contact

Calendar Events Common API operations Reading events for specific date range Creating events Deleting events Editing events Event

Connecting with the Office 365 APIs

Accessing Office 365 Contacts

Testing the App using Windows Phone

Examining the CordovaOffice365API App Project demo Examining the CordovaOffice365API App Project

Cordova Apps and AngularJS

Structure of an Cordova/Angular App

Microsoft Office Examining the CordovaAngular project 2/23/2019 demo Examining the CordovaAngular project © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Summary Cordova Overview Developing Cordova Apps Build 2014 2/23/2019 Summary Cordova Overview Developing Cordova Apps Cordova Apps and Office 365 Cordova Apps and AngularJS © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

2/23/2019 © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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, 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.