3. High-level tour of Web Experience Factory automation of mobile web applications

4. Deep dive into mobile-related features of Web Experience Factory

5. Building hybrid and offline applications

6. Downloads and additional resources

8. Building native applications with multiple device SDKs is very costly and time-consuming

11. Use device browsers to provide native-looking applications

13. Provide the ability to use native device features

15. Support the richest user experience (e.g., gaming applications)

16. Built using each phone's native SDK Techniques for Creating Exceptional Mobile Experiences

18. Use device browsers to provide native-looking applications

20. Provide the ability to use native device features

22. Support the richest user experience (e.g., gaming applications)

23. Built using each phone's native SDK Techniques for Creating Exceptional Mobile Experiences Use Web Experience Factory for rapid development of web and hybrid applications

27. Creates highly interactive, rich user interfaces that leverage Ajax techniques and Dojo widgets

28. Generates native-looking mobile web applications for smartphones and other devices

29. Provides a rich pre-built connector library and transformation capabilities (relational DB, Web and REST services, SAP, Siebel, PeopleSoft, Lotus Domino, Microsoft Excel, etc.)

32. Each builder has a wizard-like UI and automates a design pattern, generating all the application code and artifacts

33. Builders are combined in a model and edited using the Web Experience Factory graphical Designer IDE Libraries and code Code generation engine Application Model Builder 1 Builder 2 Etc.

35. Mobile web applications are built using the same HTML, CSS, and JavaScript technologies that Web Experience Factory natively generates

36. Web Experience Factory generates mobile-optimized UI patterns and styles in a highly automated way

37. Web Experience Factory's Dynamic Profiling feature enables the creation of multi-channel applications from a single source model

38. One tool – multiple platforms and devices Use one common set of tools, techniques, application code (models)... ...and generate applications for multiple client devices Web Experience Factory ...deploy to multiple platforms... Smartphones Tablets Desktop Browsers WebSphere Portal WebSphere Application Server

40. High-level tour of Web Experience Factory automation of mobile web applications

41. Deep dive into mobile-related features of Web Experience Factory

42. Building hybrid and offline applications

43. Downloads and additional resources

45. Automate the creation of mobile-optimized applications, eliminating coding and speeding time to market

46. Support your multi-channel strategy. Create once and run on multiple devices (iPhone, Blackberry, Android, iPad, etc.)

47. Leverage all the Experience Factory out-of-the-box features for quickly building exceptional web experiences

48. Leverage HTML5 for features such as geolocation and offline support

49. Build hybrid applications to support additional device features such as camera

50. Demo – samples of mobile web applications built with Web Experience Factory

52. Add mobile-enablement features such as the Data Layout builder and mobile UI themes

56. View & Form or Data Services UI

58. Data transforms and schemas

59. References to Java classes/libraries

61. High-level tour of Web Experience Factory automation of mobile web applications

62. Deep dive into mobile-related features of Web Experience Factory

63. Building hybrid and offline applications

64. Downloads and additional resources

66. Data Layout builder for scrolling lists with configurable options such as thumbnail images and multi-line text with multiple styles

67. Page Navigation builder for native -looking navigation tabs and lists

68. Geolocation builder for a ccess to device geolocation without coding

69. Mobile UI themes for smartphone-optimized look and feel, including optional “slide in” effect

70. Mobile Rich Data Definition library for automatic support of mobile UI controls such as selectable lists, numeric keypad input, phone numbers, etc.

71. Mobile Device Type profile set for multi-channel support

73. Optionally profile-enables the mobile features

75. Supports thumbnail images and multi-line text

76. A variety of layouts for both mobile and desktop devices are provided

77. You can easily create new reusable layouts, by providing a simple HTML fragment and some CSS

78. You can specify different layouts for different mobile device types

80. Optionally adds “back” navigation to target pages

81. Choose from provided styles or apply your own CSS Navigation lists with grouping Navigation lists Tabs

83. Four mobile themes are provided: mobile, mobile_gray, mobile_slide (includes a “slide in” effect), mobile_basic (uses minimal-sized JS and CSS)

85. Builders can be enabled and disabled by profile, or builder input values can be profiled

86. Profiling for devices is easily extensible to support dynamic update of device information

88. Location data can be accessed in client Javascript or in server actions

89. Apply the Geolocation builder to a page, then add an event handler for GeoLocationClient or GeoLocation event Using HTML5 geolocation

91. High-level tour of Web Experience Factory automation of mobile web applications

92. Deep dive into mobile-related features of Web Experience Factory

93. Building hybrid and offline applications

94. Downloads and additional resources

97. Open source framework for developing cross-platform, hybrid mobile apps with web technologies

98. Provides JavaScript interfaces to phone's native features

104. One for user code to use. i.e. JS function to register a listener for whenever the compass heading changes

106. Compass

107. Camera

108. Contacts (W3C)

109. File (W3C)

110. File Transfer

111. Geolocation (HTML5)

112. Media (audio play/record)

113. Network

114. Notification

116. http://docs.phonegap.com

118. Hybrid library such as Phonegap can provide Javascript access to device features such as camera

119. Sample and whitepaper on IBM developerWorks: “Building hybrid mobile applications with PhoneGap and IBM WebSphere Portlet Factory” 2.Tap “Take Picture” button from Web Experience Factory form 3. Point camera and tap to take picture 4. Review thumbnail and tap “Submit” to upload to Web Experience Factory server application 1. View list of properties and tap “Create” to add a property

121. Access native plug-in code using JavaScript

123. Barcode scanner (Android, iOS)

124. Clipboard manager (Android, iOS)

125. Child browser (Android, iOS)

126. Contact viewer (Android)

127. iAd (iOS)

128. In app purchase manager (iOS)

129. Keychain manager (iOS)

130. Native controls (iOS)

131. PayPal (iOS)

133. Cache manifest and local storage features of HTML5 provide the offline support

134. Use Web Experience Factory out-of-the-box tools for building online and offline user interface

135. Support for HTML 5 offline features is in sample code which is applied using Web Experience Factory builders Fill out and review forms while offline Post saved forms to server when reconnected

137. High-level tour of Web Experience Factory automation of mobile web applications

138. Deep dive into mobile-related features of Web Experience Factory

139. Building hybrid and offline applications

140. Downloads and additional resources

142. The “Smart Phone and Mobile Device Development” page on the wiki has links to mobile samples

143. Install the free trial download and the samples and try it out!

147. These are very active and are monitored closely by the Web Experience Factory team

148. Go here for specific questions or if you get stuck on anything Key resources for developers

150. This mobile support is available now in 7.0.1

152. Questions?

153. Contact Vincent Perrin IBM Collaboration Solutions Architect for Southwest Europe Mobile: +33 6 77 02 03 54 Email: vincent.perrin@fr.ibm.com Twitter : @vperrin