Enterprise Flex applications on tablet devices

Flex Enterprise apps on Tablet devices
Michaël Chaize | Flash Platform Evangelist
RIAgora.com | @mchaize

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

Flex 4.5.1

One Tool, One Language, One Codebase

Flex Application Common codebase

Additional
OS’s

Any Platform

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

Menu

e rise of tablet devices
Tablets and Enterprise apps
Opportunities for Enterprise developers
Design Driven Development
Tips for Flex developers
Why Flex 4.6 should help
Four tablets
©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 3

Enterprise applications

The ultimate goal for Enterprise users:
Easily interact with the Enterprise knowledge
anywhere & at any time


Enterprise applications

Real-Time ACCESS to my Enterprise Knowledge

INTERACTION

QUALITY IMPROVEMENT


Human interactions with the Enterprise knowledge

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



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 oﬃce)
•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 tablet in a company

IT Services Employees
Main challenges: The facts:
Process to secure con guration and deployment Some PC cannibalization is expected to occur.
Deploy and managed approved apps One tablet for work and home
Ensuring mobility is auditable and compliant ey want the latest tablet
Readying Help Desk for support calls Native apps deliver the experience that people
(study by Impetus) expect
Running existing applications Companies will take years to de ne a mobile
Welcome a new Operating System strategy, but employees won’t wait that long.
ey are already iPad ninjas.


e rise of tablet devices

Yes, it’s already
happening !
But large organizations need expertise !


Tablets users in the Enterprise today

Top Sales Audit /
Managers force Inspection

Clear Key facts Clear Key facts Clear Key facts

- Real-time information - Read and Write in the - Capture data on the
- Dashboards CRM eld

Extending our core RIA values
> Improve decision > Increased eﬃciency
- Access to technical
information
making time and quality and productivity
> Improve knowledge > Increased eﬃciency
quality and productivity
> Reduce the risk of
errors


Tablets users in the Enterprise tomorrow

Anyone


How can we answer Enterprise basic needs ?

Oﬄine/Online Data Dashboard and advanced Real-time Collaboration
Synchronization data visualization

LCDS DATA MASHUP LCCS

sync


A ention please !

Tablets are not the
solution !
e classic El Dorado eﬀect
Tablet is just a new asset to solve users problems

http://www.ﬂickr.com/photos/_belial/


A classic IT fail
v

Draw on pictures
Video chat Take pictures

Cameras

Microphone
VoIP Voice Recognition


e traditional way for Enterprise apps development
v

What do Express the needs Technical Back-end + UI
Delivery
you need ? in a doc speci cations developments

LOB IT


D.D.D - Design Driven Development
v

Observe, Technical
What problems Find solutions
Observe, solutions to serve Delivery
are you facing ? designing the UI
Observe the UI

What How
to build ?
to build ? Analytics
to scale ?


e number one opportunity for our community

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


CareCloud demo

Video Chat Get advice from
Share what you an expert
see, what you
hear

Use ANE
to collect patient
data Read patient
documents from
the cloud
Consider the
context and
adapt the user
experience


Design tips - Navigation


Design tips - Visual Feedback

visual
feedback


Design tips - Visual Feedback

Demo

www.lafabrick.com


Flex tips - don’t stress the Display list

Reduce your surface of rendering
Use dynamic layouts


Flex tips - <DEMO> Radio X-Track </DEMO>


Flex tips - Dynamic layouts demo

State groups

<s:states>
<s:State name="portraitPhone" stateGroups="phone,portrait"/>
<s:State name="landscapePhone" stateGroups="landscape,phone"/>
<s:State name="portraitTablet" stateGroups="portrait,tablet"/>
<s:State name="landscapeTablet" stateGroups="landscape,tablet"/>
</s:states>

Resize handler
protected function application1_resizeHandler(event:ResizeEvent):void{
// TODO Auto-generated method stub
var isPortrait:Boolean = height > width;
isTablet = height > 960 || width > 960;

currentState = (isPortrait ? "portrait" : "landscape") + (isTablet ? "Tablet" :
"Phone");
}


Flex tips - Dynamic layouts demo

Layout Properties

<s:ViewNavigator
includeIn="tablet"
id="tabletPlayView"

width.landscapeTablet="{this.width - phoneViewNavigator.width}"
height.landscapeTablet="{this.height}"
x.landscapeTablet="270"
y.landscapeTablet="0"
height="100%"
width.portraitTablet="100%"
x.portraitTablet="0"
y.portraitTablet="0"
height.portraitTablet="{this.height - phoneViewNavigator.height}"

/>


Flex tips - Back to the <s:Application> tag


Flex tips - Persistence Manager

Persist some properties

FlexGlobals.topLevelApplication.persistenceManager
.setProperty("lastSearch",arrayCollectResults);
//...
FlexGlobals.topLevelApplication.persistenceManager
.getProperty("lastSearch");

Write les on tablet devices

var file:File = File.documentsDirectory.resolvePath('settings.inf');
if (file.exists) file.deleteFile();
var fileStream:FileStream = new FileStream(); //create a file stream
fileStream.open(file, FileMode.WRITE); // and open the file for write
fileStream.writeObject(object); //write the object to the file
fileStream.close();


Flex tips - Optimized SQLite Insert or Update queries

10x
faster
SQLite on tablet devices

_sqlStatement.sqlConnection = sqlc;
_sqlStatement.text = "INSERT INTO "+tableName+"Followers(idFollower,name)
VALUES (@ID,@SNAME)";
sqlc.begin();

for (var i:int = 0; i < arrayIdFollowers.length; i++)
{
var idFollower:int = int(arrayIdFollowers.getItemAt(i));

//query("INSERT INTO "+ tableName+"Followers(idFollower) VALUES
('"+idFollower+"')");
_sqlStatement.parameters['@ID'] = idFollower.toString();
_sqlStatement.parameters['@SNAME'] = screenName;
_sqlStatement.execute();
}

sqlc.commit();
closeDb();


Flex 4.6 and tablet devices

- Native Extensions
- Callout Bu on
- SplitViewNavigator
- Natural components:
Spinner, SnapList, ToggleSwitch


Flex 4.6 - more tablet capibilities

ANE: No more limitation
ActionScript Native Extension

AS3 bridge
Flex Mobile
project
C, JAVA

ANE SWF
.AIR, .APK, .IPA, .BAR

Flex 4.6 - more components for your tablet devices


How to measure success ?

Looking at the stars ?


How to measure success ?


Key takeaways

Flex & Tablets
1. Understand tablet users expectations.
2. You must be proactive. Companies are lost.
3. Sell Design Driven Developments.
4. Experiment new Design layouts.
5. Use the last Flex builds for your tablet apps.
6. RIA experts should become Tablet experts.


I’m giving away 4 tablets

- e name of the company that is using tablets
to enable Real-Time Collaboration between
doctors.
- What’s the new name of LCDS ?
- What is DDD ?
- What is the name of my blog ?


I’m giving away 4 tablets

- New generation of tablets
- Built by French manufacturers
- 6.2 inches
- 4 colors
- Best autonomy of the market
- Target both geeks and women


Enterprise Flex applications on tablet devices

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (18)

Semelhante a Enterprise Flex applications on tablet devices

Semelhante a Enterprise Flex applications on tablet devices (20)

Mais de Michael Chaize

Mais de Michael Chaize (14)

Último

Último (20)

Enterprise Flex applications on tablet devices