In this addition of the Uniface Lectures Webinar we cover the topic of mobile applications. Web, hybrid or Native mobile applications. Developing for mobile devices. Building a mobile application and mobile design.

1. www.uniface.comlectures.
lectures.

2. www.uniface.comlectures.
House keeping
• Ppt will be put on SlideShare
• Recording will be on YouTube next week
• Questions in the forums (uniface.info)
• Question, during presentation, in the chat (will
be monitored and addressed)
• Uniface 9702 will be available early next
month

3. Uniface Mobile
Berry Kuijer Saat
Uniface Consultant
May 12, 2016
lectures.

4. www.uniface.comlectures.
Agenda
• Web or Hybrid or Native, a Strategy
• Develop for mobile Devices, the Technology
• Build a Mobile App, a Service
• Design
• Demo

5. www.uniface.comlectures.
STRATEGY
Mobile Apps are Hybrid

6. www.uniface.comlectures.
Uniface Mobile Strategy
Hybrid Apps – based on HTML/JavaScript
 Fits well with Uniface
 Productivity
 Technology independence
 Accepted in the market place
 Covers most mobile requirements
 Native vs Hybrid is an industry debate
 Challenge on productivity to deliver and maintain.
 Challenge on requirements and capability
95% of the functionality for 50% of the delivery cost.
Jeffery Hammond, Forrester Analyst.

7. www.uniface.comlectures.
Uniface Mobile Strategy
Why Hybrid Apps
 Same business logic
 Multiple client types
 Close connection to the Web
 Responsive
The Uniface approach
 Database connection
 Business Logic in services

8. www.uniface.comlectures.
Uniface Mobile Roadmap
Continuing our 3-phase delivery approach
 Phase 1 - Responsive Web GUI
 Delivered Uniface 9.6/9.7
 Enables browser access from any device
 Phase 2 – Installable (Hybrid) Mobile Apps
 Delivered in Uniface 9.7.02
 Enables the installation in a mobile device
 Enables distribution via app store
 Phase 3 – offline storage
 Delivery TBD
 Potentially a phased delivery
 Enable offline execution of apps - FaceBook
 Enable offline storage and synchronization of application data

9. www.uniface.comlectures.
Uniface 9.7.02 Installable (Hybrid) Mobile Apps
Our Solution
 Uniface generates the required output and uploads it to a
3rd party build service (Buildozer)
 Apps are uploaded to the app store(s) for distribution
Customers require
 Uniface 9.7.02
 An account with Buildozer
 To build an installable app
 Developer accounts with Apple and Google
 Certificates to build the apps
 Approval to distribute via Google Play / Apple App Store

10. www.uniface.comlectures.
DEVELOPMENT
Mobile Apps Are Based On DSPs

11. www.uniface.comlectures.

12. www.uniface.comlectures.

13. www.uniface.comlectures.
Layout Editor – Views

14. www.uniface.comlectures.
Source Editor

15. www.uniface.comlectures.
Compiling and Testing

16. www.uniface.comlectures.
….ini
….asn
Configuration
wrd
urouter
userver
mobilelicense

17. www.uniface.comlectures.
Templates for DSPs can include
style as well as functionality
Templates

18. www.uniface.comlectures.
The API enables the addressing and
manipulation of Uniface objects, data,
and components to:
• implement a trigger or operation in
JavaScript
• call a trigger or operation from JavaScript
• inspect and change a value, property, field
syntax or valrep from JavaScript
• add occurrences or mark them for deletion
• create and delete instances of DSP
components
• implement a new widget
JavaScript API Uniface
uniface.Instance
uniface.Entity
uniface.Occurrence
uniface.Field

19. www.uniface.comlectures.
Browser Based Debuggers

20. www.uniface.comlectures.
Emulations for Mobile applications

21. www.uniface.comlectures.
Test your mobile application, the Previewer app

22. www.uniface.comlectures.
DEPLOYMENT
Build Your Mobile App

23. www.uniface.comlectures.
Generate a mobile application start-up shell

24. www.uniface.comlectures.
Send the mobile shell to Buildozer to be built

25. www.uniface.comlectures.
Monitor the build status (if needed)

26. www.uniface.comlectures.
Build process gives 2 outputs per OS, test
and production (to be sent to the app store)

27. www.uniface.comlectures.
Download to test or send to the app store
Intention is that this will automatically be sent to the app store, currently
the developer has to upload to Apple and/or Google

28. www.uniface.comlectures.
Final ‘admin steps’ for app publication
App stores require administration before an app is made available
• Pricing details
• Description
• Release notes to be displayed
• Etc
Apps have an approval process
• Relatively straightforward for a Hybrid app
• Release takes hours for Google and days for Apple
• Process is outlined on the Apple/Google websites.

29. www.uniface.comlectures.
DESIGN
Intermezzo

30. www.uniface.comlectures.
Design..pfffff
• Anthropometry
• Biomechanics
• Mechanical engineering
• Industrial engineering
• Industrial design
• Information design
• Kinesiology ( Human Kinetics )
• Physiology
• Psychology

31. www.uniface.comlectures.
Design

32. www.uniface.comlectures.
Design, what really matters
• More is not always better
• Less information
• Less time

33. www.uniface.comlectures.
Mobile layout

34. www.uniface.comlectures.
Apple iPhone 6
Apple iPad
Google Nexus 10
Viewport

35. www.uniface.comlectures.
Bootstrap

36. www.uniface.comlectures.
Components
Glyphicons

37. www.uniface.comlectures.
“SHOW AND HIDE”
Demo

38. www.uniface.comlectures.

39. www.uniface.comlectures.
GO
Demo

40. www.uniface.comlectures.
Resume
• Develop DSP
• Data
• Business rules
• …
• Make responsive
• Bootstrap
• …
• Create Startup Shell
• Build App

41. www.uniface.comlectures.
Thank You / Q & A
Thank You!
Q & A

42. www.uniface.comlectures.
Follow us online
uniface.com
unifaceinfo.com/forum