Advanced Technology Days 18. i 19. studenog 2015., Cinestar Arena Centar

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

Bio ‐ Owner at qCode IT ‐ 9 yrs – SharePoint / Office 365 / K2 /.NET ‐ Spekear at MS conferences Contact info ‐

Agenda Office 365 – What is new ? Office Developer Pattern and Practice Office Fabric UI

Office 365 What is new ?

New terminology Office 365 App Model renamed Apps for SharePointSharePoint Add-ins App WebAdd-in Web App PartAdd-in Part SharePoint App ModelSharePoint Add-in Model SharePoint Hosted AppSharePoint Hosted Add-in SharePoint Provider Hosted AppSharePoint Provider Hosted Add-in Apps for OfficeOffice Add-ins Office App ModelOffice Add-in Model Apps for Office in OutlookOutlook Add-ins Apps for Office in ExcelExcel Add-ins Apps for Office in PowerPointPowerPoint Add-ins Apps for Office in WordWord 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 Developer Pattern and Practice Open 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 -

Office Developer Patterns 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 ‐ Monthly Community Calls ‐ ‐ What’s new ‐ Q&A

Getting Started with the Resources -

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 ‐ ‐ 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 ‐ Open source

Office UI Fabric – How to use it ?

Office UI Fabric 33

Q & A