Enterprise Flex applications on tablet devices
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Enterprise Flex applications on tablet devices

  • 3,834 views
Uploaded on

The slides of my Adobe MAX2011 presentation about the impact of tablets on Enterprise applications developers (especially flex developers)

The slides of my Adobe MAX2011 presentation about the impact of tablets on Enterprise applications developers (especially flex developers)

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,834
On Slideshare
1,885
From Embeds
1,949
Number of Embeds
15

Actions

Shares
Downloads
74
Comments
0
Likes
4

Embeds 1,949

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 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.
  • 2. 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.
  • 3. 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
  • 4. 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
  • 5. Enterprise applications Real-Time ACCESS to my Enterprise Knowledge INTERACTION QUALITY IMPROVEMENT©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 5
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. Human interactions with the Enterprise knowledge What inspired a PC is not inspiring anymore©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 9
  • 10. Human interactions with the Enterprise knowledge Laptops •First a empt of mobility •Extends the work area (home vs office) •Confort •Network access •Worst interactions ever©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 10
  • 11. Human interactions with the Enterprise knowledge Mobility... ...with some constraints©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 11
  • 12. 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
  • 13. 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
  • 14. 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
  • 15. e rise of tablet devices Yes, it’s already happening ! But large organizations need expertise !©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 15
  • 16. 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 efficiency - Access to technical information making time and quality and productivity > Improve knowledge > Increased efficiency quality and productivity > Reduce the risk of errors©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 16
  • 17. Tablets users in the Enterprise tomorrow Anyone©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 17
  • 18. How can we answer Enterprise basic needs ? Offline/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
  • 19. A ention please ! Tablets are not the solution ! e classic El Dorado effect Tablet is just a new asset to solve users problemshttp://www.flickr.com/photos/_belial/©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 19
  • 20. A classic IT fail v Draw on pictures Video chat Take pictures Cameras Microphone VoIP Voice Recognition©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 20
  • 21. 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
  • 22. 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
  • 23. 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
  • 24. 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
  • 25. Design tips - Navigation©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 25
  • 26. Design tips - Visual Feedback visual feedback©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 26
  • 27. Design tips - Visual Feedback Demo www.lafabrick.com©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 27
  • 28. Flex tips - don’t stress the Display list Reduce your surface of rendering Use dynamic layouts©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 28
  • 29. Flex tips - <DEMO> Radio X-Track </DEMO>©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 29
  • 30. 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
  • 31. 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
  • 32. Flex tips - Back to the <s:Application> tag©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 32
  • 33. 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
  • 34. 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
  • 35. 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
  • 36. 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
  • 37. Flex 4.6 - more components for your tablet devices©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 37
  • 38. How to measure success ? Looking at the stars ?©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 38
  • 39. How to measure success ?©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 39
  • 40. 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
  • 41. 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
  • 42. 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
  • 43. Michaël Chaize | Flash Platform Evangelist RIAgora.com | @mchaize©2011©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.