In this session, you will explore how, using Adobe Captivate and HTML5, you can design and customize mobile learning content based on where your learner is located. You will learn what works and how to get started, and explore samples, tips, and recommendations for implementation with best practices. You will also check out a tutorial and sample file you can experiment with both at the conference and when you get back to your office.

1. Learning Summit
Nick Floro
Nick@sealworks.com
Just-in-place Learning
for a Mobile World

4. Technology

11. Philadelphia Zoo

13. Dinosaur Statue
An amazing statue to get a
photo with the kids on.

15. Lion Classroom
Additional information and
trivia link for the class.

16. How accurate is GPS?

17. GPS
8 meters
WiFi
74 meters
Cellular
600 meters

27. How else do I get coordinates?

29. Can I use my mobile device?

30. Apple Compass

33. Discover & Define

34. 3 Key Factors
1. Audience
2. Technology
3. User Story

35. Why?
3 Key Factors
1. Audience
2. Technology
3. User Story

36. Define
Design &
Prototype
Develop
Deliver
& Iterate
Process
Test & Feedback

37. Browser Support
Content
Current technology
or solution in place?
Time
Performance
Devices
Things to consider

39. Content Strategy
desktop
tablet
phone

40. desktop
tablet
phone
Content Strategy
phone
tablet

41. Content Strategy

42. moving inside

43. // the geolocation api brings browser based
location to your apps

45. You are entering research.
Learn More>>

47. Apple iBeacon
2013

48. Google Eddystone
July 2015 - Opensource Engadget Article: http://goo.gl/xL8bFy

49. What about Samsung?

50. Samsung CopyIt

51. Samsung Proximity

52. Best Practices

53. Mobile Factors

54. Form Factors

55. Bandwidth

56. Bandwidth

57. Input Mechanism

58. Context

59. html5

60. SEMANTICS
CSS3
3D, GRAPHICS
& EFFECTS
DEVICE ACCESS
PERFORMANCE &
INTEGRATION
MULTIMEDIA
OFFLINE & STORAGE
CONNECTIVITY

61. Design UI | UX

62. Flat Pages

63. Tab Bar

64. One
Two
Three
Four
Five
Six
Tree Structure

65. Tree Structure
< Back
Screen One >
Screen Two >
Screen Three >
Screen Four >
Screen Five >
Screen Six >

66. First Aid

67. First Aid

68. First Aid

69. First Aid

70. Homework

71. Pulse

72. Pulse

73. Pulse

74. Flipboard

75. Design for Flexibility

76. Challenges

77. PhoneGap.com

81. build.phonegap.com

82. Chrome
Developer Tools

85. BrowserStack.com

86. Technology is a tool.

88. Resources
To help you grow.

89. 615
BYOL Creating
Location-aware
Learning
10/1 3-4pm

91. http://goo.gl/cjBSZm

93. reflectorapp.com

94. tv.adobe.com/videos/captivate/

95. Lynda.com

96. CaniUse.com

97. CaniUse.com

98. color.adobe.com

99. Adobe Color
color.adobe.com

100. Thank You
Nick Floro
nick@sealworks.com
twitter.com/NickFloro
Download the Presentation at:
http://www.slideshare.net/nickfloro