OPENNTF WEBINARS
January, 2023
Update Your Applications with Restyle and Bring themEverywhere with Nomad

AGENDA• Welcome• Presentation• Maureen Leland, HCL• M.E. Miller, HCL• Bob Sielken, HCL• Q and A

THANKS TO THE OPENNTF SPONSORS• HCL made a 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 AtlassianServers• System Administration for day-to-day operation

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, wecan 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

UPCOMING EVENTS• Engage User Group Meeting
The Future is NOW
April 24-26
Felix Meritis
Amsterdam, Netherlands

NEXT WEBINAR
February Webinar: What's new in Domino security in12.0.1 and 12.0.2
February 16th

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 ofthe webinar• The speakers will respond to your questions
verbally• (not in the Questions pane)• Please keep all questions related to thetopics that our speakers are discussing!!!
• Unrelated Question => post at:• https://openntf.org/discord

PRESENTATION
Update Your Applications with Restyle and Bring themEverywhere with Nomad

HCL Nomad andDomino Restyle
Bob SielkenHCL Nomad for web browsers
Maureen Leland and M.E. MillerDomino Restyle
Copyright © 2023 HCL Technologies | Confidential
Copyright © 2023 HCL Technologies Ltd. | Confidential

Agenda2

Copyright © 2023 HCL Technologies Ltd. | Confidential

01

What is Nomad?

02

Nomad Server on Domino

03

Nomad Demos04

What is Domino Restyle?

05

Restyle Demos06

Restyle: Design Framework

07

Restyle: Development Details

08

Designing for Nomad Mobile09

References

10

Questions and Answers

What is Nomad?

Copyright © 2023 HCL Technologies Ltd. | Confidential

01

What is Nomad?
• A web and mobile client based on the HCL Notes Basic
desktop client to work with Domino applications.
• No client to install• No client upgrades/rollouts• No extra license required – available with CCB V12• Runs on Chrome, Edge, Firefox, Android, and iOS

4

Copyright © 2023 HCL Technologies Ltd. | Confidential

Clients
DesktopMobile
Tablet& Phone
Android

Use any supported browser:

Chrome Firefox

5Copyright © 2023 HCL Technologies Ltd. | Confidential

EdgeiOSNomad Server on Domino

Copyright © 2023 HCL Technologies Ltd. | Confidential

02

Nomad Server on Domino• Make HCL SafeLinx optional.
• For customers with existing reverse proxy or load balancing (RP/LB) infrastructures.
• For smaller customers with limited resources.
• HCL SafeLinx is still an option with many benefits at the proxy level (soon).
• LDAP server not required.
• Nomad Server uses Domino for user and server lookups.
• Integration with CertMgr for TLS config• Will automatically pick up changes / renewals without restart• deploy.nsf is now auto-generated for SAML deployments.
• Bundles Nomad for web browsers to:• Streamline install / upgrade.
• Align releases to reduce staggered dependencies.

7Copyright © 2023 HCL Technologies Ltd. | ConfidentialDeployment Architecture – HCL SafeLinx
Domino Domain A

NRPCPort 1352

TLS/SSLPort 443

ID Vault

https://nomad.hcl.com

DominoServers

Nomad Server
TCP Port 389 / 636

SafeLinx Admin(wgcfg)§§Linux : /usr/local/nomad
Windows : C:/HCL/Nomad

Java based
Linux /WindowsCopyright © 2023 HCL Technologies Ltd. | Confidential

Nomad Web
Static Resources

TCP Port 9555 / 9559

Relational DB§§

8

Domino LDAPMySQLMSSQLSSL Keystore(*.p12)

dominoldap.hcl.com

Deployment Architecture – Nomad Server on Domino
TLS/SSLPort 443

TLS/SSLPort 443
https://nomad.hcl.com
any HTTP Proxy orLoad Balancer

9Copyright © 2023 HCL Technologies Ltd. | Confidential

Domino Domain AID Vault
DominoServers

Nomad Server(on Domino)

NRPCPort 1352

Nomad Server on Domino Demo10

Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemosCopyright © 2023 HCL Technologies Ltd. | Confidential

03

Demo – QR Code and Bar Code – Admin Professional

12Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemo – QR Code and Bar Code– Sales Rep on Mobile

13

Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemo – QR Code and Bar Code– Sales Rep on Mobile

14

Copyright © 2023 HCL Technologies Ltd. | ConfidentialSignature as a Rich Text Lite option

15

Copyright © 2023 HCL Technologies Ltd. | Confidential

@Command([EditInsertSignature]; imageWidthSize)• imageWidthSize• Number. Optional. The width in pixels that the resulting image will be sized to.
• Usage:• A document must be open in Edit mode with the insertion point in a rich text field.
• This command does not work on the Nomad for web browsers.
• If using this command in a hotspot button or any other element that causes a change in focus, the EditGoToField or EditTop command must
be used first to return the focus to the document. The document must be in Edit mode.

16

Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemo – Capture Signature - Browser

17

Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemo – Capture Signature - iPad

18

Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemo – Printing and Replication

19Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemo – panagenda MarvelClient Nomad Roaming

20

Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemo - notes:// Protocol Handler (/noteslink/readme.html)

21

Copyright © 2023 HCL Technologies Ltd. | ConfidentialDemo – Export CSV File22

Copyright © 2023 HCL Technologies Ltd. | Confidential

What is Domino Restyle?

Copyright © 2023 HCL Technologies Ltd. | Confidential

04

What is Domino Restyle?
Project restyle provides you with a way to easily update the visualstyling of an existing Domino application.

The Restyle tool is available in Notes Danube and Nomad 1.0.5 or later.
Restyled apps are viewable on both Nomad and Notes, including later versions of these clients.
Copyright © 2023 HCL Technologies Ltd. | Confidential

What is project Restyle?

It is low risk.

It has options.

It is fast!

Running Restyle does notaffect the logic or content
of your application.

No Domino Designer skills
required and provides 63
different design variations.

From days to minutes, torestyle an application.

Copyright © 2023 HCL Technologies Ltd. | Confidential

Guiding PrinciplesDon’t break my app.
Restyle does not affect the business logic of anapplication. Only visual properties. Notes Formula,LotusScript, Agents, JavaScript are not touched.

Don’t change my content.
Colors and images. Content that was designed to
inform the user, will not be deprecated when going
through the restyle process.

Don’t make me think.
Design themes were created to reduce the decision
making needed for styling an app.

Copyright © 2023 HCL Technologies Ltd. | Confidential

What we restyle:
Project Restyle will provide you with a set of design options (colors andthemes) that will style the following Design Elements of your application by
updating the visual properties.

1. Views
2. Forms and Subforms
3. Pages
4. Action bars
5. Embedded outlines
6. Framesets
7. Navigators
8. Default folders
9. Field Components:
Coming soon

Copyright © 2023 HCL Technologies Ltd. | Confidential

Restyle of Launch Properties and styling of Framesets
If a launch property is notdefined for an application or if
we are unable to map framesets
in the restyle wizard, then we
provide users the option to use
our default frameset template.
Our mapping logic relates tothese common elements:
1. Application Name Page
2. Outline/Navigator/Default
folder view
3. Server Name Page
4. View and Action bar

Copyright © 2023 HCL Technologies Ltd. | Confidential

Restyle Demo

Copyright © 2023 HCL Technologies Ltd. | Confidential

05Restyle: Design Framework

Copyright © 2023 HCL Technologies Ltd. | Confidential

06

Application Color?
OrangeLimeUsage:

Application title page

Buttons

Copyright © 2023 HCL Technologies Ltd. | Confidential

TealBlue

IndigoPurple

Pink

Custom:Coming soon

Theme Colors

CREAMYTAUPE
Copyright © 2023 HCL Technologies Ltd. | Confidential

NEUTRAL
GREYSEABREEZEHow are theme colors used?

Customization of these colors coming soon!
Copyright © 2023 HCL Technologies Ltd. | Confidential

Theme: The way colors are applied

Colorful action bar

Copyright © 2023 HCL Technologies Ltd. | Confidential

SimpleDark outline

Overview to Theme Options
Neutral Grey

Creamy Taupe

Sea Breeze
SimpleColorful Action bar

Dark outline

Copyright © 2023 HCL Technologies Ltd. | Confidential

Images and Color Mapping

Copyright © 2023 HCL Technologies Ltd. | Confidential

Application Icon Generator

Copyright © 2023 HCL Technologies Ltd. | Confidential

Coming soon!

Restyle: Development
Details

Copyright © 2023 HCL Technologies Ltd. | Confidential07Things to note:• Designer or better access required• Redesign the template, not applications that derive from it• Break the inheritance to restyle a single app that inherits• Changes are immediate and irreversible – customers are highly encouraged (andreminded with a prompt) to make a backup or to try the restyle on a copy of theapplication• New Copy menu item added to Nomad to help users try before they restylethe actual application• Note: because design elements are resaved, they will be resigned with the ID of
the person doing the restyle. This may cause ECL warnings until/unless theapplication is resigned.
Copyright © 2023 HCL Technologies Ltd. | Confidential

How it works:
The Restyle wizard collects user’s configurations for:
1. Application Color
2. Theme Colors
3. Theme Scheme

Application color and theme colors are combined with aJSON file that matches the user configuration for theme
scheme.

JSON
ColorfulAction BarCopyright © 2023 HCL Technologies Ltd. | Confidential.NSF
JSONSimpleJSONDark Outline

How does it work?
• Design changes are driven through JSONdefinitions• Design elements are modified in C/C++ corecode, CD record by CD record• JSON file for each theme• JSON file for palette colors• JSON file for typography• JSON schema• Can you customize?
• Support for customizing JSON theme files
and creating additional themes is comingsoon.
• Customizing application color in Wizard UI
coming soon.
• Apps can be edited and customized in
Designer post restyle
Copyright © 2023 HCL Technologies Ltd. | Confidential

How it works after running Restyle
1. All properties for design elements are updated inDesigner to reflect what was set in the JSON file.
2. Restyle can be run multiple times.
3. The Design Refresh action continues to work the same. If
an application is set to inherit a design from a templatethe design will rest to match the updated template.

Copyright © 2023 HCL Technologies Ltd. | Confidential

Available Now
1. Nomad 1.0.5 or Later
2. Notes Danube
Watch how we iterate and improve project restyle by signing up for theNomad hosted beta:
https://start.myhclsandbox.com/general.nsf/pgHome?openCopyright © 2023 HCL Technologies Ltd. | Confidential

Designing for Nomad
MobileCopyright © 2023 HCL Technologies Ltd. | Confidential

08

Hide unnecessary content from mobile• Simplify your application to create a more usable Mobileexperience.
• Hide action from Mobile• Hide Column from Mobile• Hide paragraph from Mobile

45

Copyright © 2023 HCL Technologies Ltd. | Confidential

Formula: @Platform[Specific]• Use @Platform[specific] with columns, fields, actions ”Hide when formula” to hide content not necessary for the Nomad experience.
• iOS/iPadOS••••PrimaryOSName, for example, iOS
PrimaryOSVersionName, for example, 12.4
Model Type, either Tablet or Phone
Screen size in Notes Pixels, for example, “800,1200”• Android••••

PrimaryOSName, always Android
PrimaryOSVersionName, for example, 10
Model Type, either Tablet or Phone
Screen size in Notes Pixels, for example, “800,1200”• Web browsers
•
••
•
46

PrimaryOSName, always WebBrowser
HostOSName, either Macintosh, Windows or Linux.
UserAgent, the full user agent from the browser.
Screen size in Notes Pixels, for example, “1397,775”

Copyright © 2023 HCL Technologies Ltd. | Confidential

Mobile Actions button

47

Copyright © 2023 HCL Technologies Ltd. | Confidential

Hide columns or fields from smaller resolution screens• The onSize event, @RelayoutWindow command, and @ResolutionWidth and @ResolutionHeight formulas allow you to hide columns andfields• Hide Column••••

Open the view
In the Objects pane, select onSize and in the Run pane, enter @Command([RelayoutWindow])
Select the column
Open the Properties box for the column. For the Hide column if formula is true property, enter the formula@ResolutionWidth<value> where <value> is a width in number of pixels. If the screen resolution width is equal to or less than<value>, the column is hidden.

• Hide Field••••

48

Open the view
In the Objects pane, select onSize and in the Run pane, enter @Command([RelayoutWindow])
Select the field
Open the Properties box for the field. For the Hide paragraph if formula is true property, enter the formula@ResolutionHeight<value> where <value> is a height in number of pixels. If the screen resolution height is equal to or less than<value>, the field is hidden.

Copyright © 2023 HCL Technologies Ltd. | ConfidentialReferencesCopyright © 2023 HCL Technologies Ltd. | Confidential

09References

50

Your ideas for HCL
Nomad
https://dominoideas.hcltechsw.com/

HCL Sandbox
https://start.myhclsandb
ox.com/HCL Nomad forweb browsers
documentation
https://help.hcltec
hsw.com/nomad/1.0_web/nomad_w
eb.html

HCL Nomad SupportForumhttps://support.hcltechsw.c
om/community?id=commu
nity_forum&sys_id=3b962d
581b1104d483cb86e9cd4bcbae

Copyright © 2023 HCL Technologies Ltd. | Confidential

Digital Solutions
Academyhttps://academy.
hcltechsw.com

Questions and AnswersCopyright © 2023 HCL Technologies Ltd. | Confidential

10Copyright © 2023 HCL Technologies Ltd. | Confidential

QUESTIONS?
Use the GoToWebinar Questions PanePlease keep all questions related to thetopics that our speakers are discussing!!!
Unrelated Question => post at:https://openntf.org/discord