This presentation was given on July 19, 2012 at the UKAUA conference. We walked the audience through the process of transforming OpenROAD apps into mobile web apps using plain-vanilla HTML5, CSS, and JavaScript fit for mobile consumption. We then transformed an OpenROAD application live into a mobile web solution and related our experience of converting a real-world, production application kindly donated by Actian Corporation. Thanks to all who attended!

1. Actian OpenROAD
and the Mobile Revolution
Consolidate Systems, LLC

2. Presentation
• Consolidate Systems, LLC
• Roy Deal Simon
• Kim Ginnerup
• John Mahony
• Provide Tools and Services to leverage the
potential of ABF and OpenROAD
Consolidate Systems, LLC

3. OpenROAD Development
MakeImage

4. OpenROAD Development
MakeImage

5. Sell OpenROAD apps
in AppStore

6. Sell OpenROAD apps
in AppStore

7. Sell OpenROAD apps
in AppStore
Mobile is a web application using PhoneGap

8. But, why not just native?
• Because of fragmentation
• Mobile • Desktop
• iPhone, iPad • Windows
• Windows Phone • Linux
• Androids • Mac
• Blackberry

9. Web Applications
• Browsers are the new “Virtual Machines”
• Javascript (ECMA script 5.1)
• HTML 5
• CSS3
• Adoption has never been faster
Consolidate Systems, LLC

10. Browser ES5 adoption
Consolidate Systems, LLC
Source: http://kangax.github.com/es5-compat-table/

11. Javascript!
• Are you kidding me?
• That slow DOM language from last millennium?
• I am serious!
• Todays implementations are fast
• There has been a race the past 2 years
http://www.infoq.com/presentations/JavaScript-Today-and-Tomorrow
Consolidate Systems, LLC

13. OpenROAD
• OpenROAD as a web application!
• Is that possible?
• Yes it is
• I do not believe you! Show me!
• Easy now!
• First the OpenROAD application
• Actian Timesheet Application Version 2
• Actian has kindly given us access
Consolidate Systems, LLC

14. OpenROAD eClient

15. OpenROAD on the Web
• Timesheet application
• Proof Of Concept
• Actian told us it was a simple & small eclient!
• 5 OpenROAD Applications
• >7000 lines of code - after refactoring
• Just about every code construct is in there
• 5 frames,
• Server
• 54 user classes • 2 applications
• 60 procedures
• Translated into: HTML5, CSS3, JavaScript
Consolidate Systems, LLC

16. On a Mac
OpenROAD in Chrome

17. What you need to do!
• Export your OpenROAD Application to XML
• Use our code-generator to translate it into:
• HTML5, JavaScript and CSS3
• Deploy it to a webserver
• Unchanged OpenROAD Server
• Simple enhancement to the OpenROAD Gatekeeper
• JSON.NET: json to xml and back
Consolidate Systems, LLC

18. Mobile OpenROAD
• Same source code for all platforms
• Adjust layout using CSS @media queries
• Responsive design
• Tab, Zoom and Pinch
• Runs on WiFi or Cellular (3G, GSM, CDMA, ...)
• You decide how many different layouts you
want to support
Consolidate Systems, LLC
Let’s have a look...

19. iPhone
iPhone
iPad
HTC Evo
Sony xperia ST18i
HTC Windows Phone

20. Try it yourself - Now!
http://bit.ly/ginnerup
Disclaimer!
Server is in my home office
Web Server
Old Mac Mini Server OpenROAD / Ingres
Running in VMware Fusion
on my iMac

21. Web services
• All server access is Web Service based
• We use jquery and json
• OpenROAD Server provides this fairly easy
• Translated client is not tied to the OpenROAD
Server
• It can consume any Web Services
• You can still code it OpenROAD
Consolidate Systems, LLC

22. “BI” magic in 3 minutes
• Precooked OpenROAD App
• one frame, one class
• Call Yahoo Finance Webservice through Google
• Does not work in OpenROAD yet
• Export the application
• Convert it
• Run it
Consolidate Systems, LLC

23. “BI” Magic
OpenROAD
Web app
Try it out: http://bit.ly/consolidate-biapp

24. Summary
• OpenROAD on the web is possible
• OpenROAD on mobile is possible
• Browsers are the new virtual machines
• Javascript is fast enough
• The future is now!
Consolidate Systems, LLC

25. 5 Step Process
1. time
1. Analysis Analysis
2. Preparation Refactoring Development
3. Translation “Sirius” “Sirius”
4. Styling CSS CSS
5. Device Device Device
Consolidate Systems, LLC

26. Pilots needed
• There are limited room for a couple of pilot
projects
• This is not offered as a free ride
• Help us shape the future
OpenROAD can become the worlds first 4GL
cross platform cross device IDE
Consolidate Systems, LLC

27. License Models
(Tentative)
• Click
• Pay as you Go
• Old School
• Named Applications
• Fixed Component Count
• Site
• All applications
Consolidate Systems, LLC

28. Questions?
email: info@consolidatesystems.com