Enterprise Flex applications on tablet devices

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©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 4

Human interactions with the Enterprise knowledge 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. 6

Human interactions with the Enterprise knowledge Collaboration on a wall •Interact directly on the information •One single plan •Learnt at school •Knowledge is lost •One at a time©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 7

Human interactions with the Enterprise knowledge e era of PC •Knowledge is centralized •Extended company & Collaboration •Mouse and Keyboard •Learning curve •No mobility at all©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 8

Human interactions with the Enterprise knowledge Laptops •First a empt of mobility •Extends the work area (home vs oﬃce) •Confort •Network access •Worst interactions ever©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 10

Human interactions with the Enterprise knowledge Smartphones •Total mobility •Confort •Typing experience •Small screen = less information©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 12

Human interactions with the Enterprise knowledge Tablets •Total mobility •Confort & autonomy •Typing experience •Large screen •Pleasure and work on the same device©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 13

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.©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 14

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©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 16

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©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 18

A ention please ! Tablets are not the solution ! e classic El Dorado eﬀect Tablet is just a new asset to solve users problemshttp://www.ﬂickr.com/photos/_belial/©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 19

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©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 21

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 ?©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 22

e number one opportunity for our community Bridge between the context, people, and the system •Gather local information •Extend your eyes, your ears©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 23

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©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 24

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"); }©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 30

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}" />©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 31

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();©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 33

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();©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 34

Flex 4.6 and tablet devices - Native Extensions - Callout Bu on - SplitViewNavigator - Natural components: Spinner, SnapList, ToggleSwitch©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 35

Flex 4.6 - more tablet capibilitiesANE: No more limitationActionScript Native Extension AS3 bridge Flex Mobile project C, JAVA ANE SWF .AIR, .APK, .IPA, .BAR©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 36

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.©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 40

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 ?©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 41

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©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 42

http://www.riagora.com	1775
http://www.ofelio.com	44
http://iml.isobarkorea.co.kr	14
http://theoldreader.com	8
http://www.keepcore.com	5
http://nowlab.isobarkorea.co.kr	4
http://www.netvibes.com	3
http://us-w1.rockmelt.com	2
http://feeds.feedburner.com	2
http://translate.googleusercontent.com	2
http://xss.y	1
http://roundup.flepstudio.org	1
http://xianguo.com	1

Enterprise Flex applications on tablet devices

by Michael Chaize

Accessibility

Categories

Upload Details

Usage Rights

13 Embeds 1,862

Statistics