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?

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. Apps

7. SharePoint history till 2010
SharePoint System
Sandbox
7

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

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

10. WINDOWS AZURE

11. 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,…

12. 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)

13. NAPA (DEMO)

15. 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

16. Why Napa?
Let s have a look!

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

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

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

20. VISUAL STUDIO (DEMO)

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

22. APP DEPLOYMENT

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

24. App Catalogs

25. 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

26. 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

27. OFFICE STORE

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

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

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

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