www.jstalks.net presentation by Jivko Petiov held on 19 Nov 2016

1. Gain superpowers with Office JS
by Jivko Petiov
Chief Architect, Abilitics

2. Largest payment processor
192 million customers

3. Paypal Invoicing for Excel

4. Paypal Invoicing for Excel
• Office.js
• SPA
• jQuery
• Dust.js

5. Evernote

6. Wikipedia

7. Zendesk

8. Agenda
• What is Office JS
• Demo – hello world
• Demos – real world
• The big picture

9. What is Office JS

10. What is Office JS
• Development platform
• Extend MS Office with web technologies
• Office.js API library
• Launched in 2013
• Hype since 2015

11. Supported platforms
Word Excel PowerPoint Outlook Onenote
Office 2013/2016
for Windows
Yes Yes Yes Yes -
Office Online Yes Yes Yes Yes Yes
Office for Mac Yes Yes Yes Yes -
Office for iOS Yes Yes Yes - -
Android – “Working on it”

12. Wide reach
• 1.2 billion MS Office users
• 60 million Office 365 users
• Office Store - 1000+ apps
• Payment model (MS gets 20%)

13. Who else
• SAP
• Brittanica
• MailChimp
• iGlobe
• Adobe
• ZenDesk
• TeamViewer
• Evernote
• Youtube
• DocuSign
• Salesforce
• Uber
• Boomerang
• Wunderlist
• Zoho CRM
• Wikipedia
• SugarCRM
• Insightly
• Dropbox
• XING
• Sage One
• Bing Maps
• Shutterstock
• ImageBank

14. Anatomy of an Office JS app

15. What can an Office app do?
• Task Pane
• Content add-in
• Ribbon button, ribbon tab
• Dialog

16. Task Pane

17. Content add-in

18. Ribbon button, ribbon tab

19. Dialog

20. Demo - Hello World

21. Demos – real world

22. Deployment
• Side-loading VS
• Side-loading manually
• File share & trusted catalog
• Office Store
• SharePoint App catalog
• Office 365 centralized deployment

23. Security
• App isolation
o Web-browser control (or iframe)
o Async office.js API
o Resource limits – CPU, memory, crashes
• App permissions (none, read, write, etc)
• Same origin policy – JSONP, CORS, Server-side
proxy
• SSL
• Secure server authentication

24. The Big Picture
• 1.2 billion Office users
• Office 365 ++
• 1000+ apps in Store
• Form factors:
o 1. Desktop
o 2. Tablet
o 3. Phone
o 4. Office

26. Thank You
• jivko@abilitics.com
• twitter.com/jivkopetiov
• github.com/abilitics – code to be uploaded
here
Questions?