Post on 08-Jan-2017
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 FernandesAlexandre Jorge
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
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!
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
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
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
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
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 failFew IT questions
* “Anaconda” Apps: Isolated applications developed using tiers solutions (Excel,…)
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
Why create a mobile version
� Enterprise devices evolution
1979 2000 2010 2012 2012 (1989) 2012
Desktop Pocket PCPDA
Smartphone Tablet Hybrid PC
1970 2016 (…)
Phablet
TechEvent September 201613 9/30/2016
Mobiles apps in enterprise
TechEvent September 201615 9/30/2016
� Parallel between public mobile apps and enterprise mobile apps
� How to improve workplace communication
� simplify the workday by providing important information to employees
Public Enterprise
Consumer-focused social media, messaging, games, music, shopping, etc…
Business focused for workers, clients, suppliers, distributors, messaging, corporate social network, etc…
� such as company news
� parking information
� Security
� employee orientation
� Push notifications
� In-apps alerts
� navigation
� Communication / exchange
(enterprise social networking)
� Personalization based in users
location or role
� Increase the facility to handle
business processes
Facility features Employee experienceReal-time
How to import / User experience
TechEvent September 201617 9/30/2016
� Engaging complex transformations
How to import / User experience
TechEvent September 201618 9/30/2016
� Example: Detailed view for a person
How to import / User experience
TechEvent September 201619 9/30/2016
� Example: Detailed view for a building
How to import / User experience
TechEvent September 201620 9/30/2016
� Example: Advance search view for a building
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
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...