SHAREPOINT AND PROJECT CONFERENCE ADRIATICS 2013

ZAGREB, NOVEMBER 27-28 2013

Working with the new SharePoint Online AppsTONI POHL, ATWORK

sponsors

About me

Toni PohlCTO

atwork Vienna/Austriawww.atwork.at

@atworktp@atwork.at

Agenda

App Types & Hosting

Windows Azure Napa (Demo)

Visual Studio (Demo)

App Deployment

Office Marketplace

APP TYPES AND HOSTING

SharePoint history till 2010

6

Sandbox

SharePoint System

Common App Architecture with SP2013

Browser

Office JSOM

SharePoint JSOM (Javascript

Object Model)

Web Server

Other Devices

Client-side CodeHTML / CSS / JavaScript

APP

Server-side CodeAny language

SharePoint

CSOM(Client Side Object Model )

CSOMREST

Autohosted Provider-Hosted

Other

E.g. LAM

P

IIS / ASP.N

et

Windows AzureWeb Sites

Workflow

SQL

Cloud Services

An app consist of…

Web Server Catalog Server

App for Office or

SharePoint

App ManifestWeb Page<XML><script

src="Office.js"/>

WINDOWS AZURE

Multi-Tier Apps withAdmin Access, RDP, Custom Installs,…

Windows Azure – Hosting

Modern & scalableWeb Sites

Full Windows ServerLinux VMs

Web Sites $ Virtual Machines $$$ Cloud Services $$$

Windows Azure Web Sites

Start SimpleCreate new sites in just a few clicks

Get started with 10 free web sites

Easy to manage and scale your sites

Automatic load balancing and shared storage across instances

Scale out or up to reserved instances for improved performance and scale

Go LiveRapid deployment for quick iteration

Integrated source control with Team Foundation Server (TFS) and Git

Built-in monitoring of performance and usage data

Access to request logs and request diagnostics

Be CreativeBuild using ASP.NET, ASP, PHP, Node.js, and Python

Choose a SQL Database or MySQL database

Start with a gallery of open source apps

Tooling integration with Visual Studio and WebMatrix

Publish from any web development tool on any platform (Windows, OSX, Linux)

NAPA (DEMO)

Napa“Napa” Office 365 Development Tools is a developer experience centered around the idea of developing on the cloud. By acquiring a developer Office 365 account, you get access to a development environment that’s available from your browser and the ability to create projects you can save and open later. You can virtually code from any machine without having to install or download anything.

http://blogs.msdn.com/b/officeapps/archive/2013/08/27/use-napa-office-365-development-tools-to-build-apps-for-office-and-sharepoint-on-the-browser.aspx

Why Napa?

Let´s have a look!

65%Professional developers use HTML +

JavaScript

ConclusionIs Napa good enough for „real“ developers?

Advantages of NAPA• Use immediately, noSetup, for Office + SharePoint [Online]• Web-Based environment, „First-Class development environment“• It´s free• Office 365 [Test-Tenant]• Continue to use project in Visual-Studio 2012/2013 • Many JS-Libraries,

f.e.: http://jster.net/ , http://jquer.in/category/jquery-plugins-for-html5-canvas/ , …

• Editor features:syntax colorization, instance highlighting, indentingbracket matching and completion as you typecode snippets (CTRL+SPACE)formatting for JavaScript and CSS (CTRL+ALT+F)outline of your code (CTRL+ALT+O) …List of keyboard-shortcuts (CTRL+.)

• SharePoint Hosted

The dark side of NAPA• No server side Code. „only“ Javascript, HTML, CSS,

Images• No Custom Actions, etc.• Javascript [BTW: Javascript itself is case sensitive]

VISUAL STUDIO (DEMO)

Working with Office Developer Tools

http://microsoft.com/web

APP DEPLOYMENT

Office Store or App Catalog

Consumers &Corporate Users

Developer

Web Server(Internet or Intranet)

App manifest (.xml)or .app package

DocumentSharing

App Deployment

App Catalogs

App publishing

OfficeStore

Shared folder app catalog

Corporate app

catalogin SP

Exchange Server

Task Pane app

x x x

Content app x x x

Mail app x x

http://msdn.microsoft.com/en-us/library/office/jj220037.aspx

App publishing – How Tohttp://msdn.microsoft.com/en-us/library/office/apps/fp123515(v=office.15).aspx Office Storehttp://msdn.microsoft.com/en-us/library/office/jj220037.aspx Network Sharehttp://msdn.microsoft.com/en-us/library/office/apps/fp123503.aspx Organisation-App Catalog in SharePointhttp://msdn.microsoft.com/en-us/library/office/apps/fp123530.aspx Mail Apps in Exchange Serverhttp://msdn.microsoft.com/en-us/library/office/apps/fp142256.aspx

OFFICE STORE

Office Store https://sellerdashboard.microsoft.com/

Next steps

Create SPO Webs (dev, app, …)

Test Napa

Test Visual Studio with Office Dev. Tools

Try Office 365

Develop Apps & use sellerdashboard

questions?

HTTP://BLOG.ATWORK.AT

@ATWORK

thank you.

SHAREPOINT AND PROJECT CONFERENCE ADRIATICS 2013

ZAGREB, NOVEMBER 27-28 2013