DDive11 - Mobile Development For Domino
2 likes901 views
The document discusses strategies for mobile development for Domino applications. It provides an overview of options for native apps, web apps, and hybrid apps. It also summarizes the controls and samples in the OpenNTF XPages Mobile Controls project, which provides Dojo and other mobile controls and samples to build mobile interfaces for Domino apps using XPages.
![Giuseppe Grasso From my twitter bio: “ Technologist, Italian LUG leader, unable to bio himself... and an IBM Champion ! ” http://twitter.com/#!/grassog My developerworks profile: https://www.ibm.com/developerworks/mydeveloperworks/profiles/user/GiuseppeGrasso My email: [email_address]](https://image.slidesharecdn.com/mobile-development-ddive11-final-110704053911-phpapp02/85/DDive11-Mobile-Development-For-Domino-2-320.jpg)
DDive11 - Mobile Development For Domino
- 1. Mobile Development for Domino Giuseppe Grasso
- 2. Giuseppe Grasso From my twitter bio: “ Technologist, Italian LUG leader, unable to bio himself... and an IBM Champion ! ” http://twitter.com/#!/grassog My developerworks profile: https://www.ibm.com/developerworks/mydeveloperworks/profiles/user/GiuseppeGrasso My email: [email_address]
- 3. agenda Market status Mobile dev strategies Openntf mobile controls Options for traditional domino web developers
- 4. What do we mean with “mobile”? Smartphone Tablet Cloud PC i.e. chromebook
- 5. trends More “dumb” cheap smartphone Cheap base android terminals “ mobile” means more than “mobile phones” More fragmentation Nielsen Market Research http://nexus404.com/Blog/2010/12/17/italy-most-smartphone-savy-country-finds-nielsen-nielsen-market-research-finds-that-more-italian-young-people-have-adapted-to-smartphones-than-elsewhere/
- 6. fragmentation source : Kantar WorldPanel http://www.onlinemarketing-trends.com/2011/04/smartphone-marketshare-2011-italyus-aus.html
- 7. Application Develpment Native apps build with native sdk and tools, best for performance and hardware access, hard to multiplatform, steep lerning curve, may have higher cost do develop, deploy and mantain. Web apps leverage existing web dev skills, simpler multiplatform, usually lower cost do develop, deploy and mantain. Hybrid apps & cross platform toolkits usually easier than native development, limited access to device hardware
- 8. Best case for Native App Single device/platform as target High requirements on perfomances Need tight integration with hardware resources Good budget / resources
- 9. Best case for Web App Multiple devices and platform targets No need of hardware access Need to avoid deploy / distribution
- 10. Best case for Hybrid apps & cross platform toolkits Multiple devices and platform targets Limited need of hardware access No resouces for going native on all targets
- 11. Hybrid apps & cross platform toolkits PhoneGap native wrapper around web apps Titanium web apps “transcompiled” to native apps Blackberry webworks native wrapper around web apps Teamstudio unplugged xpages domino designer add-on / device runtime Flex mobile
- 12. Web apps for mobile Xpages OpenNTF XPages Mobile Controls Traditional Domino html5 & dojo mobile or jquery mobile
- 13. OpenNTF XPages Mobile Controls MobileControlsDojo16.nsf main controls, sample xpages and Dojo 1.6 Mobile MobileControlsWinkCubiq.nsf more controls based on open source from cubiq.org ( made in Italy!) and Wink Toolkit MobileControlsOffline.nsf shows how to take a Dojo based mobile app offline Offline.nsf basic HTML5 samples for how to do offline with XPages. XCamera.nsf a sample how to take a picture with a smartphone and upload it to an NSF (based on PhoneGap and require it to recompile) Login.nsf some code for a login control based on the iNotes login mechanism.
- 14. MobileControlsDojo16.nsf: controls mPage nice page transitions mView view control mDocumentContainer UNID handler and loading indicator mConfiguration handle loading of needed CSS & js Minitialize dojo.parser mRectangle , mRectangleEntry , mRectangleHeader helper controls
- 15. MobileControlsDojo16.nsf: ViewAndDocument sample xpage How to use mPage , mView , mRectangle etc. to implement a list view and content panel within a single xpage with nice transitions between view and content
- 16. ViewAndDocument Implementation Details 1 mView components controls and let you define the source view
- 17. ViewAndDocument Implementation Details 2 mDocumentContainer contains the myEditDocument custom control that let you define the fields that will show up in the “document details screen”
- 18. ViewAndDocumentCustomStyle sample xpage Sample similar to ViewAndDocument sample xpage but with a custom style
- 19. How to use mRectangle and mRectangleSimpleEntry RectangleSimpleEntries sample xpage
- 20. Transitions sample xpage How to implement transition effects between screens
- 21. CreateDocument sample xpage How to create and save documents
- 22. ViewAndEditDocument How to view and edit Documents
- 23. NavigatorAndViewAndDocument Tablet friendly interface with navigator, view and documents
- 24. ViewOneCategoryAndDocument & ViewWithCategoriesAndDocument View showing single category View with categories
- 25. MobileControlsWinkCubiq.nsf controls from cubiq.org and the Wink toolkit Samples for DatePicker ModalWindow and PopUpMenu from wink toolkit SlideInMenu and SpinningWheel from qubiq Note: You need to get and import your copy of the code from wink & qubiq http://www.winktoolkit.org/download/wink_1.0_optimized.zip Matteo Spinelli, author of cubiq, born in Florence
- 26. Importing wink Use package explorer to: Create a new folder inside of the database Import wink from file system
- 27. DatePicker Note: on most platform you can have that with native controls using HTML5 and type=“date ” attribute. See my presentation from DDive 2010, slide #41
- 29. MobileControlsWinkCubiq.nsf: TelephoneAndLocation Show how to trigger native functions via tel: and geo: defined URL
- 30. Offline.nsf: resouces sample xpage Show how to go offline with HTML5 cache manifest (see also my ddive 2010 presentation slides #43-#44)
- 31. resouces sample xpage: cache manifest link
- 32. Offline.nsf: cache manifest Linked from resouces xpage
- 33. Offline.nsf: storage xpage – key value storage Show how to use HTML5 localstorage capabilities to store key/values
- 34. Offline.nsf: storage xpage - local SQL storage How to use HTML5 local sql capabilities
- 35. Offline.nsf: local SQL storage - cont Transaction code
- 36. xcamera.nsf Show how to access device hardware inside of the PhoneGap framework. Need PhoneGap
- 37. Login.nsf Implements a mobile friendly login form. You need admin credentials to install it on your server.
- 38. Can’t use xpages? dojo mobile jQuerymobile Leverage on html5 capabilities ie: native controls for specialized fields like date, number etc.
- 39. references My previous sessions: Lotus on mobile @ DDive 2010 http://www.slideshare.net/dominopoint/ddive-giuseppe-grasso-mobile-su-lotus and video: http://www.dominopoint.it/Dominopoint/dominopoint_blog.nsf/dx/ddive-il-video-di-sviluppo-mobile Going mobile @ DominoPoint Day 2009 http://www.slideshare.net/dominopoint/sviluppare-applicazioni-domino-web-per-dispositivi-mobili
- 40. Thanks to all the sponsor that made DDive 2011 possible! Main Sponsor Premium Sponsor Prime Sponsor