The document describes an architecture for developing dynamic mobile forms using a single code base across platforms and devices. It involves generating HTML, JavaScript and CSS in the cloud and either retrieving that code onto mobile devices or allowing offline usage. The cloud component includes an application builder, version control, storage of application metadata, HTML and mobile data. It also handles deployment of applications, API connectors, email and retrieving application code onto mobile devices.

1. Architecture for Dynamic
Mobile Forms

2. www.moreapps.nl
Wat willen we?

3. www.moreapps.nl
Snel mobiele apps
ontwikkelen…

4. www.moreapps.nl
Cross-platform

5. www.moreapps.nl
Cross-device

6. www.moreapps.nl
1 Code Base

7. www.moreapps.nl
Mobile
Hybrid
App

8. www.moreapps.nl
Web-Service
(Cloud)
Genereer HTML/JS/CSS in de
Cloud
HTML/JS/CSS/Data
Data
Offline?

9. www.moreapps.nl
Definieer HTML/JS/CSS in
de Cloud

10. www.moreapps.nl
Functionele Architectuur Cloud
Webservice
Webapplicatie
Background
service
database
Cloud
• Mobile

11. www.moreapps.nl
Webservice
Webapplicatie
Background
service
database
Cloud
• Ophalen applicatie HTML
• Upload / download data
• Mobile

12. www.moreapps.nl
Webservice
Webapplicatie
Background
service
database
Cloud
• Application builder
• Version control
• Ophalen applicatie HTML
• Upload / download data
• Mobile

13. www.moreapps.nl
Webservice
Webapplicatie
Background
service
database
Cloud
• Application builder
• Version control
• Ophalen applicatie HTML
• Upload / download data
• Opslag app. meta-data
• Opslag HTML
• Opslag mobile app data
• Mobile

14. www.moreapps.nl
Webservice
Webapplicatie
Background
service
database
Cloud
• Application builder
• Version control
• Ophalen applicatie HTML
• Upload / download data
• Opslag app. meta-data
• Opslag HTML
• Opslag mobile app data
• Deployment applicaties
• API connectors
• E-mail
• Mobile

15. www.moreapps.nl
Technologieën
Webservice
Webapplicatie
Background
service
database
Cloud

16. www.moreapps.nl
Voorbeeld MORE APPS
www.moreapps.nl

17. www.moreapps.nl
Uitdagingen / Aanbevelingen

18. www.moreapps.nl
Automation
• Aanleggen build straten
• => Jenkins, Phonegap-build
• Automatisch testen
• => JUnit, NUnit, Karma

19. www.moreapps.nl
Debugging Mobile App
• Chrome/Firefox Debugger
• Weinre
• Ripple
• jsHybugger
• Eclipse
• Xcode
• Visual Studio

20. www.moreapps.nl
Team Work
Version Control => GIT, GIT Flow
Code review => Stash

21. www.moreapps.nl
Team Work
Scrum => Atlassian Jira, Jira Agile

22. www.moreapps.nl
Team Work
Kennisdeling => Atlassian Confluence

23. www.moreapps.nl
Vragen?