Advanced Technology Days18. i 19. studenog 2015., Cinestar Arena Centar

Office 365 - Kako krenuti s razvojem i kamo sve to ide?Joško Ivankov

Joško Ivankov

• Bio‐ Owner at qCode IT

‐ 9 yrs – SharePoint / Office 365 / K2 / .NET

‐ Spekear at MS conferences

• Contact info‐ Email: josko.ivankov@qcodeit.com

Agenda

• Office 365 – What is new ?

• Office Developer Pattern and Practice

• Office Fabric UI

Office 365What is new ?

New terminology

Office 365 App Model renamed

Apps for SharePoint SharePoint Add-ins

App Web Add-in Web

App Part Add-in Part

SharePoint App Model SharePoint Add-in Model

SharePoint Hosted App SharePoint Hosted Add-in

SharePoint Provider Hosted App SharePoint Provider Hosted Add-in

Apps for Office Office Add-ins

Office App Model Office Add-in Model

Apps for Office in Outlook Outlook Add-ins

Apps for Office in Excel Excel Add-ins

Apps for Office in PowerPoint PowerPoint Add-ins

Apps for Office in Word Word Add-ins

Two types of SharePoint Add-ins

SharePoint-hosted

Centered around Sharepoint components including lists, pages, Web Parts, workflows, libraries and more.

Business logic is JavaScript on custom SharePoint pages.

No server-side code.

Provider-hosted

Centered around a remote web application or data source.

Business logic is mainly remote server-side code.

Can include SharePoint components.

Autohosted Apps

Centered around automatically provisioned website and (optional) database in Windows Azure.

Business logic is mainly remote server-side code (Azure)

Can include SharePoint components.

Office 365 New stuff and improvements

Office DeveloperPattern and PracticeOpen source community effort with both MS and external contributors

Office UI Fabric

Responsive, mobile-first front-end framework for developers designed to create web experience using the Office Design Language.

Office 365 unified API

Exposes multiple APIs from Microsoft cloud services through a single REST API endpoint.

Yammer

SSO with Office 365 account.

Include external users in conversation.

New cleaner, simpler UI

Office 365 – data migration pipeline API

More faster, easier and reliable migration to Office 365

Office Graph

Framework and platform which provides data based on user identity and user activity.

Office 365 Groups

Distribution list on steroids.

Integrated across the entire Office 365 suite (Mail, Calendar, OneDrive, Delve, OneNote).

Sway

Create and share interactive reports, presentations, personal stories and other information.

Office 365 Roadmap - http://success.office.com/en-us/roadmap

Office DeveloperPatterns and Practices

Office Developer Pattern and Practice

Office Dev P&P - History

• Started internally in Microsoft

• First release in 2014

‐ App Model Samples (AMS)

‐ Codeplex

• Office Dev PnP (late 2014)

‐ Moved to GitHub

‐ Numerous CSOM and REST API gaps were addressed

• Community grows (more then 50% added by community)

‐ Project - Core component

‐ Project - Remote provisioning and templating

‐ Code used as base for big projects and clients

Office Dev P&P - Overview• More than just Code

• Components – Core Components to simplify dev

• Content – Guidance, PPT Decks, Articles

• Community – anyone can join !

Office Dev P&P - How to participate• Join Yammer Group

‐ http://aka.ms/OfficeDevPnPYammer

• Monthly Community Calls‐ http://aka.ms/OfficeDevPnPCalls

‐ What’s new

‐ Q&A

Getting Started with the Resources - http://aka.ms/OfficeDevPnP

Office Dev P&P - Current Repository

Structure• PnP

‐ Samples, solutions, components

• PnP-Provisioning-Schema

• PnP-Guidance – collection of commnunity contribudet P&P that is published to MSDN

• PnP-Store – Solutions built for the Office Marketplace

• PnP-Sites-Core - extensions component which encapsulates commonly used remote CSOM/REST operations

• PnP-Powershell

• Pnp-Office365-API – Office 365 API samples

• Pnp-OfficeAddins - Word, Outlook, Excel, PowerPoint Addins

Office Dev P&P - Want Videos ? • PnP Channel 9

‐ http://aka.ms/OfficeDevPnPVideos

‐ Watch (Launch) & Learn

‐ Recording of Monthly Community Calls

Demo – Offfice Dev P&P What’s in

GitHub ?

How do I find

things ? 18

Office Dev P&P More Complex Solutions & Scenarios

Remote Timer Job

SharePoint Service

Asynchronous pattern with WebJobs

PnP – Site provisioning framewor

Office UI Fabric

Office UI Fabric - Overview• New front-end framework for developers

• A design language and package for Office 365 Application and Add-in developers

• Applications / add-ins look just like Office / Office 365 / SharePoint

• Like Bootstrap – allows developers to build website pretty quickly

• It can be used in any project – not just SharePoint or Office Add-ins

Office UI Fabric - Features• Office UI Fabric Features

‐ Typography: CSS classes

‐ Color: background, text, border, different shades

‐ Icons: specific to Office, product logos

‐ Animations

‐ Responsive grid

‐ Localization : language optimized fonts (right to left)

Office UI Fabric - Components• Buttons, choice fields, labels, text boxes, toggles,

search box...

Office UI Fabric - Components• Lists, dialogs, callouts

Office UI Fabric - Components• Nav bars, pivots

Office UI Fabric - Components• Persona, persona card, people pickers, list items, spinner & table

Office UI Fabric – How to participate ? • Availabe on GitHub

‐ https://github.com/OfficeDev/Office-UI-Fabric

• Open source

Office UI Fabric – How to use it ?

Office UI Fabric – How to use it ?

Office UI Fabric

33

Q & A

Email: josko.ivankov@qcodeit.com

© 2013 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.