Post on 09-May-2015
description
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)
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