SPC Adriatics 2013 - Working with the new SharePoint Online Apps by Toni Pohl

1. Working with the new
SharePoint Online Apps
TONI POHL, ATWORK
SHAREPOINT AND PROJECT CONFERENCE ADRIATICS 2013
ZAGREB, NOVEMBER 27-28 2013

2. sponsors

3. About me

4. Agenda

5. APP TYPES AND HOSTING

6. SharePoint history till 2010
SharePoint System
Sandbox
6

7. Common App Architecture with SP2013
Browser
Web Server
APP
CSOM
(Client Side Object Model )
CSOM
REST

8. An app consist of…
Web Page
App Manifest
<script
src="Office.js"/>
<XML>
Web Server
Catalog
Server

9. WINDOWS AZURE

10. Windows Azure – Hosting
Web Sites $
Modern & scalable
Web Sites
Virtual Machines $$$
Full Windows Server
Linux VMs
Cloud Services $$$
Multi-Tier Apps with
Admin Access,
RDP, Custom
Installs,…

11. Windows Azure Web Sites
Rapid 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
Linux)

12. NAPA (DEMO)

14. 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-napaoffice-365-development-tools-to-build-apps-for-office-andsharepoint-on-the-browser.aspx

15. Why Napa?
Let s have a look!

16. Conclusion
Is Napa good enough for „real“ developers?

17. 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, indenting
bracket matching and completion as you type
code 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

18. 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]

19. VISUAL STUDIO (DEMO)

20. Working with Office Developer Tools
http://microsoft.com/web

21. APP DEPLOYMENT

22. App Deployment
Developer
App manifest (.xml)
or .app package
Document
Sharing
Office Store or
App Catalog
Consumers &
Corporate Users
Web Server
(Internet or Intranet)

23. App Catalogs

24. App publishing
Office
Store
Shared
Corporate
folder app app catalog Exchange
catalog
in SP
Server
x
x
x
x
x
x
x
http://msdn.microsoft.com/en-us/library/office/jj220037.aspx
x

25. App publishing – How To
http://msdn.microsoft.com/enus/library/office/apps/fp123515(v=office.15).aspx
Office Store
http://msdn.microsoft.com/en-us/library/office/jj220037.aspx
Network Share
http://msdn.microsoft.com/enus/library/office/apps/fp123503.aspx
Organisation-App Catalog in SharePoint
http://msdn.microsoft.com/enus/library/office/apps/fp123530.aspx
Mail Apps in Exchange Server

26. OFFICE STORE

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

28. Next steps
Try Office 365
Create SPO Webs (dev, app, …)
Test Napa
Test Visual Studio with Office Dev.
Tools
Develop Apps & use sellerdashboard

29. questions?
HTTP://BLOG.ATWORK.AT
@ATWORK

30. thank you.
SHAREPOINT AND PROJECT CONFERENCE ADRIATICS 2013
ZAGREB, NOVEMBER 27-28 2013