Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino...
Transcript of Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino...
![Page 1: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/1.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Mobilize Your Notes and Domino Applications Today!
1
![Page 2: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/2.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Howard Greenberg The Learning Continuum Company - TLCC Email: [email protected] Twitter: @TLCCLtd
2
Instructor
#XPages
![Page 3: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/3.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
• Seven XPages Courses! ‒ NEW! Rapid XPages Development using Application Layout and Dojo UI Controls ‒ FREE !! Introduction to XPages Development ‒ JavaScript for XPages Development ‒ Developing XPages Using Domino Designer 8.5 ‒ XPages Development 2 for Notes and Domino 8.5 ‒ Mobile XPages for Domino 8.5 ‒ Java 1 for XPages Developers
• Self Paced Training – Learn anywhere! – An Instructor is a click away
• Instructor Led (Private) • TLCC Mentoring Services
3
TLCC XPages Offerings
![Page 4: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/4.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
• Special offer for Entwickler Kamp Attendees – 20% off on all TLCC courses – 5% off on any course on sale
• Go to www.tlcc.com/entwickler to get this offer
Special Offer for Attendees
4
![Page 5: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/5.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
• Understand the Mobile Development Landscape • What does IBM Upgrade Pack 1 provide? • What does the Extension Library provide? • Testing Mobile Web Apps. • Introduce the Mobile controls • Display views and documents in mobile devices • Convert a Notes application to mobile
Agenda
5
![Page 6: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/6.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
6
Prerequisites
• Experienced Notes/Domino Developers • Some experience with XPages • To do the activities:
• Domino Designer 8.5.3 • Either:
• Upgrade Pack 1 • Extension Library
• Browser – Safari or Chrome
![Page 7: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/7.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
7
Session Overview
• Based on TLCC’s new Mobile XPages Development 8.5
• Self-paced course • 2 ½ days
![Page 8: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/8.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Native Mobile Applications
8
• Stored locally on device • Access data either stored locally or on web/intranet • Deployed via Application Store (eg. iTunes) • Program using device-specific SDK and specific language:
– Objective C for iOS – Java for Android
• Can work offline when data is stored on device • Can access hardware devices like camera and GPS
![Page 9: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/9.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Mobile Web Applications
9
• Stored on web server and use device’s web browser • Access data stored on web/intranet
– HTML5 allows for local device storage
• Deployed via a web server using a URL • Developed using HTML, JavaScript and CSS • Require connectivity • Typically are not device dependent
![Page 10: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/10.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Hybrid Mobile Web Applications
10
• Uses a development framework like PhoneGap or Titanium • Web programming languages wrapped into native device application • Deployed using app store • Cross-platform compatible – framework handles device differences • Frameworks allow access to device hardware features
![Page 11: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/11.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Mobile Web Browsers
11
WebKit-based browsers and devices:
• Any iOS device from Apple • Android devices • Blackberry browsers from version 6 forward • Google Chrome and Apple Safari desktop browsers
![Page 12: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/12.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
• TeamStudio UnPlugged Mobile Controls – Free controls to mobilize a Notes application – On OpenNTF
• TeamStudio Unplugged – Creates Native Apps using XPages! http://unplugged.teamstudio.com/
• Domino To Go – Uses JavaScript/Titanium to build native apps – Accesses Domino data and stores locally From You At Notes - http://youatnotes.com/dominotogo
• See various Taking Notes Podcasts, index at: http://bruceelgort.com/2012/10/09/updated-ibm-notesdomino-mobile-solutions-
podcast-roundup/
12
Domino Specific Native App Builders
![Page 13: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/13.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
• Domino Designer 8.5.3 and Domino Server 8.5.3
– Upgrade Pack 1 or
– 8.5.3 Extension Library
• IBM Notes and Domino 9 beta
– Upgrade Pack 1+ Included – All you need for Mobile XPages,
nothing else required
13
Mobile XPages Requirements
![Page 14: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/14.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Upgrade Pack versus OpenNTF XPages Extension Library
14
• Upgrade Pack 1 – Official IBM release – Fully supported – Subset of Extension Library features – Available through IBM licensed
software delivery channels (Passport Advantage - PartnerWorld)
• Extension Library
– Obtained from OpenNTF – No IBM support – Will be updated more frequently
• Example, Relational data controls are not in IBM version
![Page 15: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/15.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Testing Mobile Applications …
15
Four testing solutions: • Use actual mobile devices
– delivered from Domino server or Designer • Use mobile device simulator/emulator
– From Device SDK • Use desktop browsers - “spoofing” • XPages mobile simulator
– modified from Extension Library demo app
![Page 16: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/16.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Solution 1: Use actual Devices and a Domino Server
16
![Page 17: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/17.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Solution 2: Use Mobile Device Simulator/Emulator in an SDK
17
![Page 18: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/18.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Solution 3: Use a Desktop Browser and “Spoof” the user-agent String
18
![Page 19: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/19.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Solution 4: Use XPages Mobile Simulator to “Spoof” the user-agent String
19
![Page 20: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/20.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Mobile XPages Controls
20
![Page 21: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/21.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Hands-on Demo
• Try out the application we will discuss today • Point your mobile browser to:
www.tlcc.com/demo
21
![Page 22: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/22.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Enable an Application for Mobile XPages Development
22
1 2
Enable application for Extension Library controls
Set Mobile Page Prefix in xsp.properties
![Page 23: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/23.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Single Page Application <xe:singlePageApp> ... Mobile Page <xe:appPage>
23
![Page 24: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/24.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Page Heading <xe:djxmHeading> ... Static Line Item <xe:djxmLineItem>
24
![Page 25: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/25.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Rounded List <xe:djxmRoundRectList>
25
![Page 26: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/26.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Tab Bar <xe:tabBar> … Tab Bar Button <xe:tabBarButton>
26
![Page 27: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/27.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Mobile Page Navigation and Transitions
27
• Simple Action – Move to Mobile Page
![Page 28: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/28.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
28
Demo - HelloWorld Demo - MobileActivity1_Completed
![Page 29: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/29.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Activity – Create a Mobile Application
29
Setup: 1. Copy the NSF to your data directory 2. Sign the Application in Designer
• right-click and choose Application | Sign Design 3. Test by previewing the MoblSim.xsp XPage in Chrome or Safari (if you
have it)
To do the Activity: 1. Edit the mobile_Activity1 XPage 2. Follow the comments in the source code
Completed Activity is: Mobile_Activity1_Completed
![Page 30: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/30.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Introduction to the Data View control …
30
![Page 31: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/31.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Introduction to the Data View control …
31
SAME Data View control enabled in mobile application
![Page 32: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/32.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
32
Demo: DemoDataView_nonMobile
Demo: mobileDemoDataView_Details
![Page 33: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/33.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Introduction to the Data View control
33
Data View with necessary design adjustments
![Page 34: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/34.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
1. Add data View control to XPage. 2. Set data source properties. 3. Set rows property. 4. Add viewSummaryColumn:
i. Set columnName property.
34
Procedure: Displaying a Domino View on a Mobile Page
![Page 35: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/35.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
1. Drop a Link control to editable area next to pagerBottom component.
i. Provide a ‘Label’ value. 2. Add CSJS simple action for the link’s onclick
event. i. Choose ‘Add rows for data iterator’ action. ii. Set for property to the data view id. iii.Set disabled property to link control’s id.
35
Procedure: Add a “Show more rows” Button
![Page 36: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/36.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Activity: Display a view
36
To do the Activity: 1. Edit the mobile_Activity2 XPage. 2. Follow the comments in the source code.
Completed Activity is: mobile_Activity2_Completed
![Page 37: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/37.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
1. Add Mobile Page control to XPage. i. Set pageName and resetContent
properties.
2. Add Panel inside mobile page. i. Add Domino Document data source.
3. Provide navigation back to “view” page.
37
Procedure: Displaying a Domino Document on a Mobile Page …
![Page 38: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/38.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
38
Procedure: Displaying a Domino Document on a Mobile Page
1. Add Mobile Page control to XPage. i. Set pageName and resetContent
properties.
2. Add Panel inside mobile page. i. Add Domino Document data source.
3. Provide navigation back to “view” page. 4. For “view” page, specify page to open
when document is selected. 5. Set openDocsReadonly property for Data
View control.
![Page 39: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/39.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Activity: Display a view
39
To do the Activity: 1. Edit the mobile_Activity3 XPage. 2. Follow the comments in the source code
Completed Activity is: mobile_Activity3_Completed
![Page 40: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/40.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
IBM Notes and Domino 9 Enhancements
• Mobile Controls renamed in Controls Palette • New Control – Toolbar Button • Dojo 1.8
– Can use new Dojo mobile controls • Rounded List Item must be In Rounded List
– Will not work on its own • CKEditor (rich text) has some support
– Still very buggy in mobile
40
![Page 41: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/41.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Mobile Security
• Same as any Domino Application – ACL – Authenticated user
• userBean provides user information (not just for mobile!) – Example - userBean.commonName – Note – does not inspect authors fields
Returns a String commonName distinguishedName abbreviatedName canonicalName effectiveUserName accessLevelAsString Returns a Number accessLevel Returns an Array of Strings accessRoles
Returns a Boolean canCreateDocs canDeleteDocs canCreatePrivAgents canCreatePrivFoldersViews canCreateSharedFoldersViews canCreateScriptAgents canReadPublicDocs canWritePublicDocs canReplicateCopyDocs
41
![Page 42: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/42.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Editing and Deleting Considerations
• Use buttons in the Tab Bar to switch to edit mode or delete – Hide as needed using userBean and examine authors fields if
needed • Delete with the Delete simple action followed by move to page • Server-side Validation works best • Controls to Avoid for Creating/Editing (do not render correctly)
– Date Time Pickers – Rich Text Editor (some support in Notes and Domino 9)
• Use the Multi-Line Edit Box instead of Rich Text
42
![Page 43: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/43.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Date Time Picker – Pass on the Picker Pop-up!
43
![Page 44: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/44.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Radio Button Group and Check Box Group – use a Combo/List box instead
44
![Page 45: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/45.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
DO NOT use Rich Text control - use Multiline Edit Box instead
45
![Page 46: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/46.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Adding a “Create New” or “+” button
• Use a button in the Heading , label is “+” • Show only when user can create documents
(userBean.canCreateDocs) • Switch to mobile “document” page
46
![Page 47: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/47.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Combo Box and List Box
• Works the same for single choice • List Box for multiple choices
47
![Page 48: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/48.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
HTML 5 and other mobile features
Use a Link control with tel: in front of the phone number to allow user to call by clicking (show in read mode, hide in edit mode)
– <a id="view:_id1:appPage2_content:PhoneReadMode" href="tel:609-555-9822">609-555-9822</a> – “sms” for text messaging, “emailto” for emails
HTML 5 Input Types – iOS devices, Some work on Android – Examples below of tel, number, and range – Set the type in All Properties for the Edit Box control
![Page 49: Mobilize Your Notes and Domino Applications Today!FILE/H5-Mobile_XPages_HandsOn.pdf · Domino Designer 8.5.3 and Domino Server 8.5.3 – Upgrade Pack 1 or – 8.5.3 Extension Library](https://reader034.fdocuments.us/reader034/viewer/2022042122/5e9c4b83988e281c4967f8bc/html5/thumbnails/49.jpg)
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Time for YOUR Questions!