March OpenNTF Webinar: Nomad Mobile - Tips and Tricks
Want to deploy your "classic" Notes client applications to mobile devices? Learn how HCL Nomad can deploy your Notes applications to your user's phones and tablets with no to minimal changes. Optimize those applications to really make those applications shine on mobile devices using new @Functions and LotusScript calls. Two presenters from HCL will share what Nomad Mobile is and the new functionality for optimization. Then see how a developer took an old Notes application and optimized it for Nomad and specific devices.
The speakers will be:
Thomas Hampel, HCL
Maxx Sutton, HCL
Theo Heselmans, HCL Lifetime Ambassador
Tom Van Aken, HCL Ambassador
2. AGENDA
• Welcome – Howard Greenberg and Graham Acres
• Thomas Hampel, HCL
• Maxx Sutton, HCL
• Theo Heselmans, HCL Lifetime Ambassador
• Tom Van Aken, HCL Ambassador
• Q and A - All
3. ASKING QUESTIONS
• First Question – Will this be recorded?
• Yes, view on YouTube!!!
• https://www.youtube.com/user/OpenNTF
• Use the Questions Pane in GoToWebinar
• We will get to your questions at the end of
the webinar
• The speakers will respond to your questions
verbally
• (not in the Questions pane)
• Please keep all questions related to the
topics that our speakers are discussing!!!
• Unrelated Question => post at:
• http://openntf.slack.com/
4. THANKS TO THE OPENNTF SPONSORS
• HCL made a significant contribution to help our
organization
• Funds these webinars!
• Contests like Hackathons
• Running the organization
• Prominic donates all IT related services
• Cloud Hosting for OpenNTF
• Infrastructure management for HCL Domino and Atlassian
Servers
• System Administration for day-to-day operation
5. THIS IS OUR COMMUNITY
• Join us and get involved!
• We are all volunteers
• No effort is too small
• If your idea is bigger than you can do on your own, we
can connect you to a team to work on it
• Test or help or modify an existing project
• Write guides or documentation
• Add reviews on projects / stars on Snippets
6. NEXT WEBINAR
• April OpenNTF Webinar: Domino
Administration Best Practices
• For Domino admins/developers who would
like to optimize Domino servers
• Thursday, April 22, 2021 at 11:00 AM (New
York time)
• www.openntf.org/webinars
8. HCL’s statements regarding its plans, directions, and intent are subject
to change or withdrawal without notice and at HCL’s sole discretion.
Information regarding potential future products is intended to outline our
general product direction and it should not be relied on in making a
purchasing decision.
The information mentioned regarding potential future products is not a
commitment, promise, or legal obligation to deliver any material, code
or functionality. Information about potential future products may not be
incorporated into any contract.
The development, release, and timing of any future features
or functionality described for our products remains at our sole discretion.
Performance is based on measurements and projections using standard
HCL benchmarks in a controlled environment. The actual throughput or
performance that any user will experience will vary depending upon many
factors, including considerations such as the amount of multiprogramming
in the user’s job stream, the I/O configuration, the storage configuration,
and the workload processed. Therefore, no assurance can be given that an
individual user will achieve results similar to those stated here.
Please Note
25. Now over to Theo and Tom
for more Tips and Tricks
19
26. Make your Notes Client apps
look great on a mobile device
using HCL Nomad
1
Theo Heselmans, Xceed
Tom Van Aken, Groupwave
27. @theoheselmans
@vanakentom
Agenda
▪ About us
▪ Why developing for a Touch Device?
▪ Main Advantages
▪ 'Classic' Notes apps work (unmodified) in Nomad, but...
▪ We can do better than this!
▪ How did we do it?
▪ Things to keep in mind
2
28. About Theo Heselmans
▪ Doing IBM® Notes® Development &
Project Mgt. for more than 20 years!
▪ Independent consultant since 2001 for Xceed
▪ Coordinator of the Engage User Group
for over 10 years
▪ I like wine and other beverages too
▪ Twitter: @theoheselmans
▪ Email: theo@xceed.be
3
29. About Tom Van Aken
▪ Doing Notes/Domino development since v3.5!
▪ Working for Groupwave for 10 years.
▪ IBM Champion 2019
▪ HCL Ambassador 2020, 2021
▪ I prefer beers, but I like wines too
▪ Tabletennis coach
▪ Blog: https://www.groupwave.be/blog
▪ Twitter: @vanakentom
▪ Email: tom.vanaken@groupwave.be
4
30. @theoheselmans
@vanakentom
Mobile Devices
▪ More and more devices with Touch interface
▪ iPad, Android and Windows 10
▪ Tablets are practical
▪ Easy and lightweight to carry around
▪ Big screen real estate
▪ Great User Experience
5
32. @theoheselmans
@vanakentom
HCL Nomad
7
▪ Run any Notes App on your Tablet or Phone unmodified
▪ Embed images from Library or Camera, use GPS
▪ Supports @Formulas and LotusScript unmodified
▪ Complex forms and logic works
▪ Built-in Replication for offline use
▪ Uses the user's ID, so easy security/policy
43. @theoheselmans
@vanakentom
18
Wine Tastings 2.0
How to distinguish between devices
• Use @Platform for the OS: e.g. "iOS", “Android”, "Windows/32“
• Use @Platform([Specific]) as it returns:
OS : OS version : Device : Screen resolution
• on iPad
• "iOS" : "14.4" : “tablet" : “820,1180"
• on iPhone
• "iOS" : "14.4" : “phone" : “375,812“
• on Android (smartphone)
• "Android” : “10” : “phone” : “359,678”
• Use tailored forms-subforms-views per device (or OS)
44. @theoheselmans
@vanakentom
Wine Tastings 2.0
How did we do it: Startup Page
▪ Use a Page (on a 1 frame Frameset)
▪ Structure with Tables
▪ Background images per cell
▪ Big text with Hotspots
▪ Link to Pages, Framesets or Forms
▪ Alternative: bigger image with hotspots on top, or layers
19
47. @theoheselmans
@vanakentom
Wine Tastings 2.0
How did we do it: Structured Form
▪ Navigator with icons
- Double set: selected/unselected
- Using Tabbed Table with Switch Rows Programmatically
22
48. @theoheselmans
@vanakentom
Wine Tastings 2.0
How did we do it: Form Buttons
▪ Action Bar
- Custom Icons
- Align Left or Right
- Minimal number of Buttons
- Show only Icon
▪ The @URLOpen opens up
the Native iOS Maps app
23
49. @theoheselmans
@vanakentom
Wine Tastings 2.0
Things to keep in mind
24
• Forms tend to move horizontally while scrolling
• Make sure left margin is set at 2cm (not 2.54cm)
• Create an outer table ‘Fit to window’
• Set row and column spacing to at least 0.1cm
51. @theoheselmans
@vanakentom
Wine Tastings 2.0
Things to keep in mind
26
• Width is limited for views
• Use icons: they are smaller and show more info
• Avoid horizontal scrolling
→ show data on multiple lines
52. @theoheselmans
@vanakentom
Wine Tastings 2.0
Things to keep in mind
27
• Width is limited : some caveats
• Limit text width to avoid continuation on next row.
• Android : (bug) New Line separator does not always work.
• workaround by adding spaces
53. @theoheselmans
@vanakentom
Wine Tastings 2.0
Things to keep in mind
28
• New line issue : workaround formula
maxlength := 30;
REM {Combine row values as multivalue variable}
vals := name : region : @Text(Year);
REM {Formula to calculate actual column value)
repeat := @Repeat(" ";maxlength; maxlength);
@For(i:=1;i<=@Elements(vals);i:=i+1;
tmp := vals[i] + repeat;
val := @If(@Length(vals[i])>maxLength;@Left(vals[i];maxLength) +
"...";@Left(tmp;maxLength));
result := @If(result = ""; val;result:val)
);
result
54. @theoheselmans
@vanakentom
Wine Tastings 2.0
Things to keep in mind on a phone
29
• Tabs are hard to select on a phone
• Mobile users are used to work with one screen per app
• Use a frameset to run your application
• Use @SetTargetFrame(<framename>) before opening a
form/page/view
55. @theoheselmans
@vanakentom
Wine Tastings 2.0
Things to keep in mind
30
• A lot of devices with a lot of screensizes and resolutions
Larger device ≠ larger resolution!
• This makes it hard to develop, especially when you want to
avoid horizontal scrolling
➔ If possible: Use a limited number of devices
➔ Test on as many devices as possible.
56. @theoheselmans
@vanakentom
Wine Tastings 2.0
Things we didn’t show (v11)
▪ Floating Action Button (FAB)
▪ ‘Include action in Mobile Action Button’ option
▪ Shown Bottom-Right and pops up selection
▪ Right mouse menu
- long press on document in view
▪ Hide 'On Mobile' is active
31
57. @theoheselmans
@vanakentom
Wine Tastings 2.0
Things for the (near) future?
▪ Swipe Left/Right
➔ already in Action properties,
currently not implemented in Nomad
▪ @Command([RelayoutWindow])
▪ @ResolutionWidth and @ResolutionHeight
➔ New in V12 beta, not yet implemented in Nomad
32
58. @theoheselmans
@vanakentom
Wine Tastings 2.0
Design guidelines and icon libraries
▪ The internet is full of icon libraries and style guidelines.
https://www.carbondesignsystem.com/
used by HCL, check out the guidlelines section
https://www.flaticon.com/packs/font-awesome
The well-known font-awesome in png, but flaticon.com has a lot of other free icon-sets
▪ There are tons of (free) icon sets to use in your application. Use Google to find the ones
you need.
33
61. QUESTIONS?
Use the GoToWebinar Questions Pane
Please keep all questions related to the
topics that our speakers are discussing!!!
Unrelated Question => post at:
http://openntf.slack.com/