Captivate 5 and Android
8 likes885 views
The document details a presentation by Josh Cavalier on creating mobile content using Adobe Captivate 5 for Android. It covers an overview of mobile platforms, the mobile publishing process, and usability guidelines tailored for Captivate 5. Additionally, it discusses desired features for future updates, including support for Adobe AIR and enhanced mobile functionalities.
Captivate 5 and Android
- 1. Creating Mobile Content with Adobe Captivate 5 for Android 1Josh CavalierCEO, Lodestone Digital Twitter: @joshcavjosh@lodestone.com
- 4. Session OverviewOverview of Mobile PlatformsGoogle Android OSAdobe Flash PlayerCaptivate 5 Mobile Development WorkflowDemonstration of Captivate Mobile ContentUsability IssuesCaptivate 5 Mobile Publishing Process4
- 5. Android Mobile Platform OverviewAdobe Flash Player timeline10 (October 2008)10.1 (June 2010)10.2 (March 18, 2011)10.3 betaGoogle Android OS timelineFroyo 2.2 – Flash (61% of devices – Android.com)Gingerbread 2.3Honeycomb 3.x - Tablet5
- 6. Captivate 5 MobileDemonstration: Existing Course6
- 7. Captivate Mobile Workflow with the Adobe eLearning Suite 27
- 8. Mobile Usability Guidelines for Captivate 58
- 9. Human Input Comparison for Captivate9
- 10. Human Input Comparison for Captivate10Events we need:Swipe/Up/Down/Left/Right for navigationPinch to Zoom In and Out on an Object in Captivate
- 12. Mobile Usability Guidelines for Captivate 5: SummaryFonts: Droidfonts.com 24 pt/36pt/48ptButtons: 50 px in height minInteractions: Test, test, testNavigation: Custom Nav. Widget or custom NavigationImages: 1/3 screen size or largerVideo: 3G connection: 150 Kbps / 4G Connection 800K Kbps+Quiz Questions: Test Usability! 12
- 13. Captivate 6 Mobile Wish ListCaptivate Output to Adobe AIRCaptivate 6 Mobile WidgetsMultitouch/GesturesCamera ControlGPSAccelerometerLocal Database13
- 14. Questions?14
- 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
Editor's Notes
- #5: Demonstration of Mobile ContentOverview of Mobile PlatformsGoogle Android OSAdobe Flash PlayerCaptivate 5 Mobile Development WorkflowUsability IssuesCaptivate 5 Mobile Publishing Process
- #6: 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
- #7: Schwinn BikesOriginal Screen Size:784 X 564Problems: Orientation of the screenGo Full screenEntire Course – could just show videos
- #8: 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
- #9: 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
- #12: 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