ATLUG Tack-It-On Modern Notes:Modern Domino

www.redpilldevelopment.comlearn. do. dream.

Modern NotesThe Missing Fourth Leg?


What Does It Mean To be Modern?

A typical organization has 200+ active Notes applications. Many of these have received little attention since they were first developed. It’s a testament to Notes that applications developed 10-20 years ago continue to run so well. While they still work, they are rarely viewed as being “Modern”. For those applications to continue to flourish we must constantly add new modern capabilities that keep pace with the demands of the application’s users. A modern application can be viewed as a stool, each leg equally important in establishing for a strong stable platform.


Leg #1: MobileLine of business users are demanding access to their favorite applications 24x7 using their mobile devices. The single biggest opportunity for Notes developers is to cater for this need.

There is perhaps no easier way to learn XPages than using the XPages Mobile Controls to quickly build a mobile front-end to existing Notes applications. This is the same RAD approach Notes developers are familiar with.

Once mobile interfaces are added opportunities are often identified for new mobile solutions. This can become the source for a new generation of Notes applications.


Leg #2: Responsive WebI have Notes why build a web interface to Notes applications?1. An easy route to external access by

customers, suppliers, partners.2. Access to applications away from the

desk (home, travel)3. Ideal for mergers/acquisitions to

quickly onboard new employees to critical business applications.

Responsive web interfaces are setting the standard for modern applications. The combination of XPages and Twitter Bootstrap is one approach to quickly deliver responsive web interfaces for new or existing Notes applications.


Leg #3: SocialSocial media is changing expectations of what is a modern application. Keeping Notes applications in line with those expectations requires Notes developers to explore ways they can add the most common social capabilities.

Social capabilities than can be added include:-1. Add Discussion2. Like/Favorite3. Add Files4. Share

The needs will vary from application to application but a common approach that can be shared across all applications is recommended. Social capabilities can be added directly to Notes or integrated with IBM Connections.


But something is still missing!


Leg #4: Modern NotesNotes client applications are not going away. Too many companies have too much invested for this to happen. There are still many great reasons to continue to use the Notes client wherever it is available.

Adding a modern mobile and responsive web interface to Notes applications can leave the original Notes client application looking dated.

Using a mobile first approach to design it is possible to develop a set of UI guidelines for Notes client applications that improves their look and feel and helps to reduce the differences between the mobile, web, social and Notes clients.

Implementation involves creating a set of common components based upon the best practices developed since Notes was first introduced.

This effort may well represent the ideal time to future-proof applications for later modernization efforts.


Tuesday April 8, 2014Atlanta, Georgia3 IBM Champions16 Exciting ModulesFree for all ATLUG Day of Champions attendees Reserve Your Spot Today: [email protected]

Peter Presnell

Nathan Freeman

Keith Strickland

Tack-It-

On

LotusScript

Java

OOPFramesets

Agents

FormsViews

Beans

REST

JavaScript

JSON

CSS

D3

Bootstrap


Modern NotesBuilding Notes client application for the future

The devil is in the design Navigation Creating a great view In Form

Appropriate gestures Object Oriented LS Writing LS like Java Code Forensics


The devil is in the designTemplate Assignment

ACL Reviews

Database Icons

Policy Documents

Unread marks

Image Resources


NavigationResponsive framesets

User customization

Outlines

Organization

Cleanup

UI Guidelines


Creating a great viewOrganization

Cleanup

Conflict Documents

Response Documents

@Formula Gotchas

Time Based Views

Design Views

Perfromance

UI Guidelines


Designing forms people might likeOrganizationCleanupSharing CodeMobile FirstLabelsGrouping FieldsTablesColumnsAdding Style SheetsName FieldsReader FieldsRich TextRich Text LiteAttachmentsResponse Documents


Using an appropriate gestureGestures

Client-Server

Front-End Code

Actions

Agents


Object Oriented LotusScriptOOP

Domino Framework

Libraries

Classes

Constructor

Properties

Methods

Methods Overloads


Writing LotusScript Like JavaOOP

Comments

If Statements

camelCasing

Properties

Namespaces

Void

Try Catch


Code ForensicsConflict documents

Naughty views


Modern DominoExploiting the power of XPages to deliver a modern experience for Notes applications

Asymmetric Java 4 LS Java Beans Getting some REST

Gaining Control Going Native Bootstrapping Visual Power


Asymmetric ModernizationModernization Math

Traditional Modernization

Asymmetric Modernization

Redpill Now


Java 4 LotusScript DevelopersDomino API

Data Types

Branching

Looping

Session

Error Handling


Building Java BeansBean Characteristics

State

Properties

Load

Save


Getting some RESTREST Services

JSON

Domino Data Service

XPages REST Service

Database Servlets

Wink Service


Gaining (Mobile) ControlSingle PageApplication PageTransitionsDynamic ContentPage HeadingRounded ListTab BarDataView


Going NativeKeyboardsSiriMapsMailPhoneCameraVoice


BootstrappingTwitter BootStrap

Fluid Grids

Select 2

FontAwesome

LESS

Templates

Bootstrap4XPages


Visual Power with D3.jsD3.js

Selections

Dynamic Properties

Transitions

ATLUG Tack-It-On Modern Notes:Modern Domino

Technology

Transcript of ATLUG Tack-It-On Modern Notes:Modern Domino