With the advent of NextGen portals, Office 365 becomes less of a box of building blocks and more of a collection of destinations: turn-key solutions ready for you to use. But how will your users reach all those destinations and where should they depart from? In this session we will take a look at how to build a solution that integrates information from NextGen portals and offers your users a starting point for their journeys bringing the most relevant information to their finger tips.

1. NextGen Portal
for Your Organization

2. Silber-Partner: Veranstalter:
Custom NextGen portal

3. What are NextGen Portals?
 Organization portals
 On-rails experiences
 Built using modern web technology
 Rich experiences
 Cross-device support

4. Custom NextGen portals advantages
 Leverage all of Office 365
 Leverage Office 365 as a service
 Bring your own
 LoB
 UX
 Technology, skills, infrastructure
 Cross-device support

5. Anatomy of custom NextGen portals
 Web application
 Built using platform of your choice
 Interacts with Office 365 using the Office 365 API
 Authentication using OAuth
 CORS
 Hosted on infrastructure of your choice

6. Silber-Partner: Veranstalter:
Build your own NextGen portal

7. How we did it?
 Visual Studio Code on OS X
 Stack
 Node.js
 Bower
 Gulp
 Yeoman
 AngularJS
 ADAL JS
 Bootstrap
 Implicit OAuth flow
 Hosted as Azure Web Application

8. Gotchas
 Blank canvas
 Responsible for authentication
 Multiple simultaneous ADAL JS flows
 Office Graph docviz doesn't support OAuth
 LoB APIs authentication

9. Next steps
1. Get O365 dev tenant @ http://buff.ly/1VfEVRn
2. Learn Office 365 API @ http://buff.ly/1GasB8N
3. Start coding
4. Bonus: Get Yo Office @ http://buff.ly/1G9cPuT

10. Ich freue mich auf Ihr Feedback!

11. Silber-Partner: Veranstalter:
Vielen Dank!
Waldek Mastykarz
Office Development MVP
Rencore
https://blog.mastykarz.nl @waldekm