The Android mobile operating system, which allows you to deliver engaging Adobe Captivate content via the Flash Player, inherently has its own unique set of challenges. Understanding this delivery platform is essential for any successful mobile e-Learning development project using Adobe Captivate.
4. Session Overview Overview of Mobile Platforms Google Android OS Adobe Flash Player Captivate 5 Mobile Development Workflow Demonstration of Captivate Mobile Content Usability Issues Captivate 5 Mobile Publishing Process 4
5. Android Mobile Platform Overview Adobe Flash Player timeline 10 (October 2008) 10.1 (June 2010) 10.2 (March 18, 2011) 10.3 beta Google Android OS timeline Froyo 2.2 – Flash (61% of devices – Android.com) Gingerbread 2.3 Honeycomb 3.x - Tablet 5
12. Mobile Usability Guidelines for Captivate 5: Summary Fonts: Droidfonts.com 24 pt/36pt/48pt Buttons: 50 px in height min Interactions: Test, test, test Navigation: Custom Nav. Widget or custom Navigation Images: 1/3 screen size or larger Video: 3G connection: 150 Kbps / 4G Connection 800K Kbps+ Quiz Questions: Test Usability! 12
13. Captivate 6 Mobile Wish List Captivate Output to Adobe AIR Captivate 6 Mobile Widgets Multitouch/Gestures Camera Control GPS Accelerometer Local Database 13
15. Thanks! If you have any experience with Captivate and Mobile we would love to hear from you! Josh Cavalier (josh@lodestone.com) Akshay Bharadwaj (abharadw@adobe.com) 15
Notas do Editor
Demonstration of Mobile ContentOverview of Mobile PlatformsGoogle Android OSAdobe Flash PlayerCaptivate 5 Mobile Development WorkflowUsability IssuesCaptivate 5 Mobile Publishing Process
Adobe Flash Payer timeline (10, 10.1, 10.2)Google OS timelineFroyo (2.2)Honeycomb (3.0)Flash Player 10.2 and new OS and browser capabilities.Improvements include:Performance enhancements to take advantage of new hardware in both Android 3.x tablets, as well as existing hardware in many Android 2.2 and 2.3 devicesTight integration with the new Android 3.x browser to treat Flash content as part of the web page instead of as a separate “overlay.” This results in improved scrolling of web pages and the ability to display pages in the way intended by the page designer, including new support for compositing HTML and other web content over Flash Player rendered content.Automatic soft keyboard support to simplify text entry for rich mobile and multi-screen experiences
Schwinn BikesOriginal Screen Size:784 X 564Problems: Orientation of the screenGo Full screenEntire Course – could just show videos
Adobe Device Central - Set up device and file Captivate - Set up one interaction, import Flash file, set up quiz questionReview how secondary tools are used (briefly!)Flash - Custom Interaction (Drag and Drop)Photoshop - Import layoutAdobe Media Encoder - Digitize Video
Captivate Mobile Workflow with the Adobe eLearning Suite 2Adobe Device Central - Set up device and file Captivate - Set up one interaction, import Flash file, set up quiz questionReview how secondary tools are used (briefly!)Flash - Custom Interaction (Drag and Drop)Photoshop - Import layoutAdobe Media Encoder - Digitize VideoDreamweaver - Modify the Captivate HTMLMobile Usability Guidelines for Captivate 5Larger fonts
Demonstration – How to Wash Hands – Performance Support ToolThis demonstration will show the following:Captivate 5 content loading into a DroidX device using Flash Player 10.1Double tap the screen directive to go full screenWill display and opening animation and audioPress Captivate text Button to startOpening animationPick an image interactionStreaming Video Animated SlideQuizDrag and DropMultiple ChoiceText Entry