1. NSF the perfect store for your HTML 5 client
Unleash the power of the modern world and get some good stuff for free!
#engageug

2. Agenda You may ask why HTML 5 Client Development The NSF Store
Some instant benefits
The Backend
A build/deployment scenario
Your captain for this session
Christian Guedemann
Consulting AG Chairman of OpenNTF
#engageug

3. WHY ANOTHER IDEA TO BUILD A HTML CLIENT
Attention icebergs….
JSF
XPages
JSP
WHY ANOTHER IDEA TO BUILD A HTML CLIENT
Servlets
Java Script
Lotus Script
Static HTML Pages
Developers want to be productive, as fast as possible. Or as my boss says: Steal and show off
Notes Form to HTML
#engageug

4. Modern HTML 5 Client Development
Use a strong IDE (Atom, MS Visual Studio Code)
Follow the workflow of the framework you have chosen! (E.G.)
Local development with webpack
Applying code standards and patterns
Build for development / production
Get for free….
A huge community (based on the framework you have choosen)
Samples and best practices
Dealing with typical browser problems like caching
#engageug

5. Client build done -> Where to store?
No resources? Where is my HTML 5 Client
Unhide the secrete virtual folder structure
The NSF Store
#engageug

6. Benefits! For Free! And INSTANT
All Files are part of my Design and the Designer doesn’t mess up with them
Also my vendors files (Angular, React, Whatever) are part of my NSF
I can replicate
I can replace design
Did you see the ‘HASH’ (1ebf41f5420dd54cf25e) in the file name…. Caching issues? – I don’t think so
All files are protected by the ACL of my NSF (means application)
Authentication -> let domino take care of it
And INSTANT
#engageug

7. Some advice for your HTML 5 Client
Use /#/ Hash based routing
Take care about all ‘?’ characters in URL, specially FontAwesome is here to name
#engageug

8. Please chose your preferred weapon!
Building a REST API with
Lotus Script Agents -> no Problem
ExtLib Rest Component -> no Problem
XPages – XAgent Approach -> no Problem
Notes Views and Forms -> no (or some) Problem
SmartNSF -> no Problem
ODA Servlet -> no Problem
The Backend
#engageug

9. Build this stuff automatically
HTML 5 Development
DIST Folder
ODP (On Disk Project)
NSF
Backend Development
Headless Designer / Maven Plugin
The deployment
NSF
#engageug

10. Q & A
#engageug