Our Presentation for Engage 2016 , showing different frameworks working with LDC Via

1. www.ldcvia.com
LDC Via: Building a new app
Julian Woodward, Matt White
Mark Myers, Ben Poole

2. www.ldcvia.com
A migration and data sync
utility
What is LDC Via?
Migration
Data Platform
Development
Support
A platform for hosting data
A set of APIs that can be
used to access your data

3. www.ldcvia.com
A quick demo migration
You have two options for migration:
1. Quick and simple using our online utility
2. Highly configurable using our desktop utility

4. www.ldcvia.com
I’ve migrated my data, now what?
You have three options for accessing your data:
1. Use our pre-built templates for Document Libraries,
Discussions, Teamrooms or archived Mail files
2. Use LDC Via Lens to configure a simple application
template with no coding required
3. Build your own application using our API

5. www.ldcvia.com
What development
platform?
The answer is simple: whatever platform you prefer
In this session we’re going to show the creation of the
same, very simple application, using React, a client side
JavaScript library, node.js, a server side JavaScript
framework, and Vaadin, a modern Java development
framework.

6. www.ldcvia.com
What’s the application?
We only have about 10 minutes per language, so it’s
going to be a simple person directory.
It will show the list of people in the database and allow
the creation and editing of documents that have been
migrated from Notes.

7. www.ldcvia.com
React / jQuery
- React is a JavaScript library for
building user interfaces
developed by Facebook
- Open source, so free to use

8. www.ldcvia.com
React / jQuery
• Lightweight and powerful
• Only builds the UI
• So the “V” in MVC for browser apps
• All network interactions (in this demo) are done with
jQuery

9. www.ldcvia.com
React / jQuery
The app is made from 2 main files.
The HTML defines a very basic outline
and loads JavaScript resources
The JavaScript builds the UI

10. www.ldcvia.com
React / jQuery
- At its simplest we create an
object that renders itself within a
specified mark-up element
- Here, the “HelloMessage” object
is rendered into the “container”
div

11. www.ldcvia.com
React / jQuery
- This an Ajax post that logs
the user in to LDC Via
- The screen automatically
redraws, as React is in
charge of the creation of all
HTML
- (Note xhrFields value)

12. www.ldcvia.com
React / jQuery
Demo

13. www.ldcvia.com
React / jQuery
To see this in action:
https://ldcvia.s3.amazonaws.com/ldcvia-react-
demo/index.html
To get the source code:
https://github.com/LDCVia/ldcvia-react-demo

14. www.ldcvia.com
node.js / Express
• node.js is an open-source application run-time
• Cross-platform
• Uses the Google V8 JavaScript engine
• Almost seven years old, sponsored by Joyent
• Asynchronous, event-driven

15. www.ldcvia.com
node.js / Express
• Express is a web application framework for node.js
• A collection of http utilities, middleware and APIs
• Routing
• Extensible
• Simple scaffolding, e.g.: $ express hello-world-app

16. www.ldcvia.com
node.js / Express
Source code:
https://github.com/LDCVia/engage-node-demo
node.js: https://nodejs.org
Express: http://expressjs.com

17. www.ldcvia.com
Vaadin
• Java web application framework
• Server-side & client-side
• Built on top of GWT (client-side)
• Can be deployed as servlets or portlets
• One of the simplest ways to write a web UI with Java

18. www.ldcvia.com
Vaadin

19. www.ldcvia.com
Java & JSON
• Dozens of frameworks for handling JSON with Java
• The simplest is Gson
• https://github.com/google/gson
• http://www.jsonschema2pojo.org

20. www.ldcvia.com
Java & JSON

21. www.ldcvia.com
Summary
- LDC Via can migrate data from Domino to a secure,
scalable, accessible platform
- Modern JavaScript libraries such as React can easily
work with LDC Via as a back-end

22. www.ldcvia.com
Summary
- Popular server side frameworks such as node.js and
Vaadin work equally well
- Our extensive API allows you to build whatever
application features you need
- Security is managed in LDC Via

23. www.ldcvia.com
An offer
If you sign up for a paid account at http://ldcvia.com use
the coupon code Engage16 to get 3 months access free.