Back From MAX in London for CQ5 users

©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

More than a checkbox"e next generation of mobile apps in the enterprise

Michaël Chaize | Flash Platform EvangelistRIAgora.com | @mchaize

Wednesday, November 2, 2011


Menu

!e rise of mobilitySmartphones/Tablets and Enterprise apps

Design Driven DevelopmentSome tips

Adobe solutionsQ&A

2



Enterprise applications

3

Easily interact with the Enterprise knowledgeanywhere & at any time

The ultimate goal for Enterprise users:


®

Copyright 2008 Adobe Systems Incorporated. All rights reserved. 4

Evolution of applications in the Enterprise

MAINFRAME

REAC

H

Local

Global

RICHText UI Integrated media GUI

CLIENT/SERVER

WEB APPLICATIONS

2004

1992

1998

RICH INTERNETAPPLICATIONS



Enterprise applications

5

Real-Time ACCESS to my Enterprise Knowledge

INTERACTION

QUALITY IMPROVEMENT



Human interactions with the Enterprise knowledge

6

Working with paper•Interact directly on the information•One single plan•Learnt at school•Knowledge not centralized•Expensive


©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential. 7

Collaboration on a wall•Interact directly on the information•One single plan•Learnt at school•Knowledge is lost•One at a time




!e era of PC•Knowledge is centralized•Extended company & Collaboration•Mouse and Keyboard•Learning curve•No mobility at all




What inspired a PC is not inspiring

anymore




Laptops•First a"empt of mobility•Extends the work area (home vs office)•Confort•Network access•Worst interactions ever




Mobility......with some constraints




Smartphones•Total mobility•Confort•Typing experience•Small screen = less information




Tablets•Total mobility•Confort & autonomy•Typing experience•Large screen•Pleasure and work on the same device




Introduce a new device in your company

IT Services End users

Main challenges:

Process to secure con!guration and deploymentDeploy and managed approved appsEnsuring mobility is auditable and compliantReadying Help Desk for support calls(study by Impetus)Running existing applicationsWelcome a new Operating System

The facts:

Some PC cannibalization is expected to occur.One tablet for work and home

"ey want the latest tabletNative apps deliver the experience that people

expectCompanies will take years to de!ne a mobile strategy, but employees won’t wait that long.



Introduce a new device in your company

Users are already hidden ninjas!ey want "rst-class interactions

!ey want to use their own devices



"e rise of mobile devices

16

Yes, it’s already happening !But it requires expertise.



Mobile projects in the Enterprise today

TopManagers

Salesforce

Audit /Inspection

Key factsClear

- Real-time information- Dashboards

> Improve decision making time and quality

Key factsClear

- Read and Write in the CRM

> Increased efficiency and productivity> Improve knowledge quality

Key factsClear

- Capture data on the !eld- Access to technical information

> Increased efficiency and productivity> Reduce the risk of errors

Extending our core RIA values



Mobile users in the Enterprise tomorrow

Anyone



A$ention please !

Tablets are not THE solution !!e classic El Dorado effectTablet is just a new asset to solve users problems

http://www.flickr.com/photos/_belial/





A$ention please !

Methodology

Web projects are more mature than Enterprise applications projects






Device Groups

1 32

Feature Phone Smart Phone Touch Phone extensible

21



Mobile Sites vs. Transcoding

not a subset

!

+ownership

22



Web: 1995

Webmaster Businessdaysword fileshtml websites

23



Apps: 2011

Webmaster Businessdaysword fileshtml websitespptapps well...

App Developer

+ uncertainty(third party review process)

24



publish and sync

Manage Apps...

everything is content

25



Manage Apps...

26

Content-driven apps

Data-driven apps



A classic IT fail

27

v

Cameras

Video chat Take pictures

Draw on pictures

Microphone

VoIP Voice Recognition



"e traditional way for Enterprise apps development

28

v

What do you need ?

Express the needs in a doc

Technical speci!cations

Back-end + UI developments Delivery

LOB IT



v

What problems are you facing ?

Observe, Observe, Observe

Find solutions designing the UI

Technical solutions to serve

the UIDelivery

D.D.D - Design Driven Development

Whatto build ?

Howto build ?to scale ? Analytics



Bridge betweenthe context, people,and the system•Gather local information•Extend your eyes, your ears

"e number one opportunity for our community



CareCloud demo

Use ANEto collect patient

data

Video ChatShare what you see, what you

hear

Get advice from an expert

Read patient documents from

the cloud

Consider the context and

adapt the userexperience



Why is it so complex ?..

Because...it’s very VERY different from developing a website or a desktop application



Context

33



320px

480p

x

800p

x

480px

34

Screens



44px7mm

≠

35

Finger



Native keyboard



Navigation



Visual Feedback

visualfeedback



Visual Feedback

Demo

www.lafabrick.com


http://www.lafabrick.com

http://www.lafabrick.com


Dynamic layout

Optimize your surface of rendering

Use dynamic layouts



Dynamic layout



Disruptive UI



Adobe solutions for mobile development

43


© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Native Mobile Application Development Model

NativeApp

NativeApp

NativeApp

NativeApp

Additional OS’s

A costly, inefficient development model



PhoneGap Overview

■ Open Source HTML & JS-based solution for cross platform mobile development.

■ Web view + JavaScript API/Native Bridge to connect to device APIs

■ Works with all JS Frameworks (jQuery, jQuery Mobile, Sencha, MooTools, etc…)

■ Simple plugin structure for native functionality not exposed PhoneGap SDK

■ Simple multi-platform cloud-based compiler: h$ps://build.phonegap.com/


https://build.phonegap.com/





PhoneGap Platforms

■ Apple iOS

■ Android

■ BlackBerry 4+

■ HP WebOS

■ Symbian

■ Samsung Bada

■ Windows Phone 7 - Mango



Native Mobile Application Development Model

NativeApp

NativeApp

NativeApp

NativeApp

Additional OS’s

A costly, inefficient development model



Adobe Flex

Additional OS’s

Flex Application

One Tool, One Language, One Codebase

Any Platform

Common codebase



"e basics

49

Flex is a free and open-source SDK to build RIA

Set of components, Data binding, RIA/UI framework, MVC, Continuous integration

Easy to learn, Fun, Mature, Professional tooling (Eclipse), DEBUG

Designed for JAVA, PHP and .NET developers



In other words

50

Framework to build professional and

maintainable user experiences

connected to your existing back-end



Why Flex ?

51

Focus on the user-experience ?



Hotline at Adobe

52

BEFORE FLEX



Hotline at Adobe

53

AFTER FLEX

15%faster

15%cust. sat.

10>1training.



NATO

54

BEFORE FLEX



NATO

55

AFTER FLEX



Car industry

56

BEFORE FLEX



Car industry

AFTER FLEX



Adobe solutions for mobile development

58



How can we answer Enterprise basic needs ?

sync

LCDS DATA MASHUP LCCS

Offline/Online Data Synchronization

Dashboard and advanced data visualization

Real-time Collaboration

CQ5



How to measure success ?

Looking at the stars ?



Adobe and mobile applications

Designers

Developers

Design & Develop

Content managers

Manage the content Measure & Analyze

Businessanalysts

A

B

C


©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Michaël Chaize | Flash Platform EvangelistRIAgora.com | @mchaize

http://tinyurl.com/maxtablets




Back From MAX in London for CQ5 users

Technology

Transcript of Back From MAX in London for CQ5 users