Trivadis TechEvent 2016 How to transform a complex web application into a mobile application by...

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

Introduction


� 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

Our understanding of your needs


� 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

(Web or Mobile or Hybrid)



� 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



� 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



� 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



� 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,…)


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


� Enterprise devices evolution

1979 2000 2010 2012 2012 (1989) 2012

Desktop Pocket PCPDA

Smartphone Tablet Hybrid PC

1970 2016 (…)

Phablet



Mobiles apps in enterprise

Mobiles apps in enterprise


� 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



� Engaging complex transformations



� Example: Detailed view for a person



� Example: Detailed view for a building



� Example: Advance search view for a building


Mobiles apps by editor

(Microsoft / Apple / Android)

Mobiles apps by editor


Microsoft

� .NET Framework (UWP – for windows 10)

Apple

� Objective-C

� Swift

Android

� Java

� Xamarin

� Apache Cordova

� Sencha

� PhoneGap

� Cocos2d


Our experience

@ Trivadis Lausanne

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...

Trivadis TechEvent 2016 How to transform a complex web application into a mobile application by...

Technology

Transcript of Trivadis TechEvent 2016 How to transform a complex web application into a mobile application by...