asas 2013 - architecture for dynamic mobile forms at moreapps
DESCRIPTION
By Arjan van DijkTRANSCRIPT
![Page 1: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/1.jpg)
Architecture for Dynamic Mobile Forms
![Page 2: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/2.jpg)
www.moreapps.nl
Wat willen we?
![Page 3: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/3.jpg)
www.moreapps.nl
Snel mobiele apps ontwikkelen…
![Page 4: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/4.jpg)
www.moreapps.nl
Cross-platform
![Page 5: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/5.jpg)
www.moreapps.nl
Cross-device
![Page 6: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/6.jpg)
www.moreapps.nl
1 Code Base
![Page 7: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/7.jpg)
www.moreapps.nl
MobileHybrid
App
![Page 8: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/8.jpg)
www.moreapps.nl
Web-Service(Cloud)
Genereer HTML/JS/CSS in de Cloud
HTML/JS/CSS/Data
Data
Offline?
![Page 9: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/9.jpg)
www.moreapps.nl
Definieer HTML/JS/CSS in de Cloud
![Page 10: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/10.jpg)
www.moreapps.nl
Functionele Architectuur Cloud
Webservice
Webapplicatie
Background service
database
Cloud
• Mobile
![Page 11: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/11.jpg)
www.moreapps.nl
Webservice
Webapplicatie
Background service
database
Cloud
• Ophalen applicatie HTML• Upload / download data
• Mobile
![Page 12: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/12.jpg)
www.moreapps.nl
Webservice
Webapplicatie
Background service
database
Cloud
• Application builder• Version control
• Ophalen applicatie HTML• Upload / download data
• Mobile
![Page 13: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/13.jpg)
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
![Page 14: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/14.jpg)
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
![Page 15: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/15.jpg)
www.moreapps.nl
Technologieën
Webservice
Webapplicatie
Background service
database
Cloud
![Page 17: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/17.jpg)
www.moreapps.nl
Uitdagingen / Aanbevelingen
![Page 18: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/18.jpg)
www.moreapps.nl
Automation
• Aanleggen build straten • => Jenkins, Phonegap-build
• Automatisch testen • => JUnit, NUnit, Karma
![Page 19: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/19.jpg)
www.moreapps.nl
Debugging Mobile App
• Chrome/Firefox Debugger• Weinre• Ripple• jsHybugger• Eclipse• Xcode• Visual Studio
![Page 20: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/20.jpg)
www.moreapps.nl
Team Work
Version Control => GIT, GIT FlowCode review => Stash
![Page 21: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/21.jpg)
www.moreapps.nl
Team Work
Scrum => Atlassian Jira, Jira Agile
![Page 22: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/22.jpg)
www.moreapps.nl
Team Work
Kennisdeling => Atlassian Confluence
![Page 23: ASAS 2013 - Architecture for dynamic mobile forms at MoreApps](https://reader036.vdocument.in/reader036/viewer/2022081404/557ae6f4d8b42a1a358b461c/html5/thumbnails/23.jpg)
www.moreapps.nl
Vragen?