Whats your choice? 4 Ways to Create Mobile Learning

Download Whats your choice? 4 Ways to Create Mobile Learning

Post on 15-Aug-2015

214 views

Category:

Education

3 download

TRANSCRIPT

  1. 1. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Whats your choice? 4 Ways to Create Mobile Learning Dr. Pooja Jaisingh | Sr. Adobe eLearning Evangelist | pjaising@adobe.com | @poojajaisingh
  2. 2. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Agenda for todays session 2
  3. 3. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Why mobile learning? 3 3 Mobile learners study minutes more each week by studying everywhere they go Sources: iPass Global Mobile Workforce Report 2012, The 2011 Horizon Report, Studyblues user base of 1 million students, Intuition.com, eLearninginfographics.com and Adobe data
  4. 4. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Why mobile learning? 4 4 of workers declared their mobile devices to be their most critical work device. Sources: iPass Global Mobile Workforce Report 2012, The 2011 Horizon Report, Studyblues user base of 1 million students, Intuition.com, eLearninginfographics.com and Adobe data
  5. 5. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Why mobile learning? 5 5 of mobile learners praised the convenience and time management benefits. Sources: iPass Global Mobile Workforce Report 2012, The 2011 Horizon Report, Studyblues user base of 1 million students, Intuition.com, eLearninginfographics.com and Adobe data
  6. 6. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Why mobile learning? 6 Today there are more than 7.29 Billion people in the world Nearly half of the global population are Internet users Most researchers agree that slightly more than of all web traffic today is coming from mobile devices Source: IDG
  7. 7. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. What differentiates mobile learning from eLearning? 7 Is there significant added value in making eLearning available on mobile devices? Learn anywhere Learn anytime Move while learning Location becomes a tool Touch computing Tilt or flip Interact with others create images & video
  8. 8. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Join the mobile learning revolution Beneficial 75% Not beneficial 25% Benefits of mobile learning* Ready 55% Not yet 45% Mobile learning Readiness** *Sources: iPass Global Mobile Workforce report 2012, From the 2011 Horizon Report, Data from Studyblues user base (comprising of 1 million students), Intuition.com, eLearninginfographics.com. **Source: Adobe data.
  9. 9. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4 ways to create mobile learning 9
  10. 10. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Mobile App Player 10
  11. 11. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Native mobile apps Apps created using native programming language 11 Complete access to device capabilities Fast and reliable Build separate app of each OS
  12. 12. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Use the App packagers Build using web technologies and package as an app 12 Easy to use but with limited functionality Offline access to content Single-click publish to multiple platforms
  13. 13. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. HTML5 content 13 Content made available on browser Scaling and gestures can be enabled Doesnt adapt or respond to device size
  14. 14. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Responsive eLearning A single eLearning course that plays well on any device 14
  15. 15. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. How is responsive eLearning different from responsive web?
  16. 16. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Typical device orientation
  17. 17. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. HTML5 course
  18. 18. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Responsive course
  19. 19. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. In a nutshell Mobile app player Mobile apps HTML5 content Responsiv e eLearning LMS compliance Ease of use Device- agnostic
  20. 20. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Responsive eLearning examples 20 US Fun Facts: http://bit.ly/usfacts Disaster recovery: http://bit.ly/rcap1 Simulation: http://bit.ly/rcap2
  21. 21. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Responsive packaged app example 21
  22. 22. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Best practices for creating mobile learning courses Determining project size Positioning objects Repurposing content Native capabilities Working with text
  23. 23. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23
  24. 24. 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Sorting out Tablets & Phones There are an awful lot of different screens, sizes, and orientations to consider 24 How do I chose the right screen sizes and shapes? Today there are billion unique mobile users. (And even more connected mobile devices.)Source: We Are Social
  25. 25. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. What screen sizes are you targeting? 25 Determining project size
  26. 26. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adaptive vs. Responsive 26 Determining project size Adaptive = Devices Responsive = Dimensions
  27. 27. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Breakpoints for responsive projects 27 Determining project size
  28. 28. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Viewport sizes http://viewportsizes.com/mine/ 28 Determining project size
  29. 29. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 29
  30. 30. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Absolute vs. relative positioning 30 Positioning objects
  31. 31. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Absolute vs. relative positioning 31 Positioning objects Absolute (pixels) Relative (%) To screen To other objects
  32. 32. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 32
  33. 33. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Onscreen text best practices 33 Working with text
  34. 34. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34
  35. 35. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. eLearning to mLearning? 35 Repurposing content Remember, mLearning is NOT eLearning on mobile.
  36. 36. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36
  37. 37. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Unique affordances! 37 Native capabilities
  38. 38. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Creating mLearning courses with Adobe Captivate 8 38
  39. 39. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Captivate 8 39 Easily create eLearning with quizzes & interactions Create genuine responsive mLearning No Programming Required
  40. 40. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 40 Responsive Design: Size & proportion of your course change for different devices and device orientations (vertical / horizontal)
  41. 41. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. How easy is it to create responsive courses? 41 Responsive themes do the slide layouts for you, and adapt automatically to fit most any device Preview with Edge Inspect to view the course live on your mobile device Slides maintain interactivity and even support embedded HTML5 / Edge Animations
  42. 42. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Device Aware Delivery 42
  43. 43. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 43 Multi-Device Preview
  44. 44. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 44 Gesture Support Show / Hide the Table of Contents and Playbar Swipe left and right to navigate to the next slide Pinch to Zoom in and out
  45. 45. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Import Native HTML5 Animation
  46. 46. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 46 Location-aware Learning Use GPS to Trigger Learning Events Deliver Location Relevant Content Verify Found Locations to Evaluate
  47. 47. 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.