working with the new sharepoint online apps
DESCRIPTION
What are actual development trends for SharePoint Apps? What´s the difference between SharePoint Apps, auto hosted apps and provider hosted apps and when to use them? What is Napa and how can I use it? How to use Visual Studio for app development? How can you build your own solutions for SharePoint Online and Office? In this session you learn about the new development model and how to build a cool SharePoint Online App combined with new technologies and Windows Azure. How will I get my Apps into the Office Store?TRANSCRIPT
![Page 1: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/1.jpg)
SHAREPOINT AND PROJECT CONFERENCE ADRIATICS 2013
ZAGREB, NOVEMBER 27-28 2013
Working with the new SharePoint Online AppsTONI POHL, ATWORK
![Page 2: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/2.jpg)
sponsors
![Page 4: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/4.jpg)
Agenda
App Types & Hosting
Windows Azure Napa (Demo)
Visual Studio (Demo)
App Deployment
Office Marketplace
![Page 5: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/5.jpg)
APP TYPES AND HOSTING
![Page 6: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/6.jpg)
Apps
![Page 7: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/7.jpg)
SharePoint history till 2010
7
Sandbox
SharePoint System
![Page 8: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/8.jpg)
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
![Page 9: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/9.jpg)
An app consist of…
Web Server Catalog Server
App for Office or
SharePoint
App ManifestWeb Page<XML><script
src="Office.js"/>
![Page 10: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/10.jpg)
WINDOWS AZURE
![Page 11: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/11.jpg)
Multi-Tier Apps withAdmin Access, RDP, Custom Installs,…
Windows Azure – Hosting
Modern & scalableWeb Sites
Full Windows ServerLinux VMs
Web Sites $ Virtual Machines $$$ Cloud Services $$$
![Page 12: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/12.jpg)
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)
![Page 13: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/13.jpg)
NAPA (DEMO)
![Page 14: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/14.jpg)
![Page 15: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/15.jpg)
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
![Page 16: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/16.jpg)
Why Napa?
Let´s have a look!
65%Professional developers use HTML +
JavaScript
![Page 17: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/17.jpg)
ConclusionIs Napa good enough for „real“ developers?
![Page 18: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/18.jpg)
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
![Page 19: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/19.jpg)
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]
![Page 20: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/20.jpg)
VISUAL STUDIO (DEMO)
![Page 22: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/22.jpg)
APP DEPLOYMENT
![Page 23: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/23.jpg)
Office Store or App Catalog
Consumers &Corporate Users
Developer
Web Server(Internet or Intranet)
App manifest (.xml)or .app package
DocumentSharing
App Deployment
![Page 24: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/24.jpg)
App Catalogs
![Page 25: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/25.jpg)
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
![Page 26: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/26.jpg)
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
![Page 27: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/27.jpg)
OFFICE STORE
![Page 28: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/28.jpg)
Office Store https://sellerdashboard.microsoft.com/
![Page 29: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/29.jpg)
Next steps
Create SPO Webs (dev, app, …)
Test Napa
Test Visual Studio with Office Dev. Tools
Try Office 365
Develop Apps & use sellerdashboard
![Page 30: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/30.jpg)
questions?
HTTP://BLOG.ATWORK.AT
@ATWORK
![Page 31: Working with the new SharePoint Online Apps](https://reader034.vdocuments.net/reader034/viewer/2022042714/54b7d03d4a7959466a8b45c8/html5/thumbnails/31.jpg)
thank you.
SHAREPOINT AND PROJECT CONFERENCE ADRIATICS 2013
ZAGREB, NOVEMBER 27-28 2013