The presentation discusses how to transform complex web applications into mobile applications, including examining why mobile versions are important due to growing mobile traffic and usage, the different options for developing mobile versions like web, native, or hybrid apps, and considerations for different mobile platforms like Microsoft, Apple, and Android. The presentation also provides examples of mobile app screens and discusses the presenters' experience developing mobile apps at Trivadis Lausanne.

1. BASLE BERN BRUGG DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. GENEVA
HAMBURG COPENHAGEN LAUSANNE MUNICH STUTTGART VIENNA ZURICH
How to transform a complex web
application into a mobile application
João Fernandes
Alexandre Jorge

2. Agenda
TechEvent September 20162 9/30/2016
1. Introduction
2. Our understanding of your needs
3. Why create a mobile version (Web or Mobile or Hybrid)
4. Mobiles apps in enterprise
5. How to import / User experience
6. Mobiles apps by editor (Microsoft / Apple / Android)
7. Our experience @ Trivadis Lausanne

3. TechEvent September 20163 9/30/2016
Introduction

4. Introduction
TechEvent September 20164 9/30/2016
The propose of this presentation is to do a global exchange about Mobile Enterprise
Applications and our experience.
Based on our feedback experience of a project on which we are working now
Even our experience is not (or maybe not) to big enough we estimate interesting to
exchange about it and about projects done this last months. Customer experience,
exchanges, pain points and customer vision.
/!Please don’t stay calm to listen us, if have something to say or to tell don’t hesitate to
interrupt us!

5. TechEvent September 20165 9/30/2016
Our understanding of your needs

6. Our understanding of your needs
TechEvent September 20166 9/30/2016
Nowadays enterprise try to be
more flexible than ever in all
domains
The mobility and hybrid approach
are part of the development:
Business
Data
Interoperability
Context
Follow our customers during this
transformation
Give and transfer our knowhow
about hybrid approaches
Chose the best set of
development approach and visual
interactions
Analyze the terrain response (try
to follow our customers in order
to better understand their core
business and needs)
Create a continuity and not a
rupture in all transformation
process, application and all user
experience (convert complex
approach in mobile and fluid
features)
Provide the best mobile
approach, mobile experience and
solutions for this new age of
NTW-1x
Issue Goals

7. TechEvent September 20167 9/30/2016
Why create a mobile version
(Web or Mobile or Hybrid)

8. Why create a mobile version
TechEvent September 20168 9/30/2016
Traffic exchanged between 2011 and 2014
All IT analysts believe that the demand for enterprise mobile apps will grow 1 to 5 in the
near future
Number of global users 2007 to 2015
source: comScore

9. Why create a mobile version
TechEvent September 20169 9/30/2016
Before starting a new mobile application, the most important think is to know the goal and
target users
Some points that should be considerate before start:
Platform
Immediacy
Compatibility
Upgradability
Findability
Shareability
LifeCycle
(A Mobile Website Can be
an App!)
Time and Cost
Support and Sustainability

10. Why create a mobile version
TechEvent September 201610 9/30/2016
Some mandatory questions that we need ask to ourselves, before start a mobile project
(migration or new project):
Business & Conception
What kind of business requirements that are driving the mobile strategy?
Identify users
Define what applications these users need
Chose and define user experience for each user group/application pair
Technical
Follow the data
Keep it secret, keep it safe
Manage devices, define which device is the target device and choose development
tools

11. Why create a mobile version
TechEvent September 201611 9/30/2016
We think that mobile apps
(include too Hybrid) will be more
important than actual Intranet /
portals and other “Anaconda”*
Apps
What about the security devices?
What about application
deployment?
Over 40 % of smartphone and
tablet users are “not impressed”
with their enterprise mobile apps.
Nearly 80 % of enterprise mobile
apps are abandoned after one
use.
64 % of employees say poor user
experience is the reason they
rarely use enterprise mobile apps
Building mobile apps like
enterprise web apps (?!?!?)
API Access = risk
One down and how many more
to go?
Few reasons that employees
won’t use it
Few reasons why enterprise
mobile apps fail
Few IT questions
* “Anaconda” Apps: Isolated applications developed using tiers solutions (Excel,…)

12. Why create a mobile version
Name Presentation12 9/30/2016
# Web Native values
Who • Application web developed with Web technologies (HTML 5; CSS;
JavaScript / JavaScript Frameworks)
• Specific application developed according to the device target
standards (Native technology and development tooling)
17
What • Most of the time responsive and available for all device (mobile and
non mobile).
• Maintenance is handled on server side
• Specific to the target platform and / or device.
• A local maintenance, support and sustainability and updates
should be provided
8
Where • Always available from a public or enterprise web server • Application must be downloaded before used, most of the time
available from deployment servers, local or public stores
12
When • Need a maximum of availability and one application available for all
devices and platforms
• Need a maximum performance and a specific development by
device or platform (there exist too native developments for
cross-platforms)
• Offline needs
• Users benefit from instant information discovery
16
Why • Unknown users groups and devices
• Easy access
• Daily usage
• Reporting
• Target users groups and devices
• Interactivity
• Regular Usage/Personalization
• Complex Calculations or Reporting
• Native Functionality or Processing Required
• No connection Required
15
How • One site could meet all the requirement • One application by target business or users groups 12
How much • Less expensive than a native app (most of the technologies are
known and used by a lot of developers)
• More expensive than a Web app (most of the time development
it’s a big part of the budget )
20
100

13. TechEvent September 20163 9/30/2016
Introduction

14. TechEvent September 20163 9/30/2016
Introduction

15. TechEvent September 20163 9/30/2016
Introduction

16. TechEvent September 20163 9/30/2016
Introduction

17. TechEvent September 20163 9/30/2016
Introduction

18. How to import / User experience
TechEvent September 201618 9/30/2016
Example: Detailed view for a person

19. How to import / User experience
TechEvent September 201619 9/30/2016
Example: Detailed view for a building

20. How to import / User experience
TechEvent September 201620 9/30/2016
Example: Advance search view for a building

21. TechEvent September 201621 9/30/2016
Mobiles apps by editor
(Microsoft / Apple / Android)

22. Mobiles apps by editor
TechEvent September 201622 9/30/2016
Microsoft
.NET Framework (UWP
– for windows 10)
Apple
Objective-C
Swift
Android
Java
Xamarin
Apache Cordova
Sencha
PhoneGap
Cocos2d

23. TechEvent September 201623 9/30/2016
Our experience
@ Trivadis Lausanne

24. Session Feedback – now
TechEvent September 201624 09.09.2016
Please use the Trivadis Events mobile app to give feedback on each session
Use "My schedule" if you have registered for a session
Otherwise use "Agenda" and the search function
If the mobile app does not work (or if you have a Windows smartphone), use your
smartphone browser
– URL: http://trivadis.quickmobileplatform.eu/
– User name: <your_loginname> (such as “svv”)
– Password: sent by e-mail...