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
SHAREPOINT AND PROJECT CONFERENCE ADRIATICS 2013
ZAGREB, NOVEMBER 27-28 2013
Working with the new SharePoint Online AppsTONI POHL, ATWORK
sponsors
Agenda
App Types & Hosting
Windows Azure Napa (Demo)
Visual Studio (Demo)
App Deployment
Office Marketplace
APP TYPES AND HOSTING
Apps
SharePoint history till 2010
7
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)
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