Living in the Web is Easy! Making the Move from Rich Clients to Browsers

44
© 2014 IBM Corporation ID110: Living in the Web is Easy! Making the Move from Rich Clients to Browsers Rahul A. Garg, Advisory Software Engineer IBM

description

Living in the Web is Easy! Standardizing on browser clients presents numerous benefits to many organizations in terms of cost, maintenance, flexibility and ease of use, but making the transition requires thought and planning. In this session we'll examine not only delivering a high function and high performance experience to your users but also how to easily extend your existing IBM Notes client-based applications out to the world of browser users.

Transcript of Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Page 1: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

© 2014 IBM Corporation

ID110: Living in the Web is Easy! Making the Move from Rich Clients to BrowsersRahul A. Garg, Advisory Software Engineer

IBM

Page 2: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

2

Please Note

IBM’s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM’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 IBM 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.

Page 3: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Agenda

● Trends driving move to browsers

● Client considerations

● Application considerations

● Customers/Industries making the move

● Server considerations

● Resources

● Q&A

3

Page 4: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

4

Trends driving move to browsers

Page 5: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Trends Driving Move to Browser Clients

Driving down Total Cost of Ownership (TCO)

Enterprise Web Applications

Role of Smart Devices

Bring Your Own Device

Browser is the new Operating System

Cloud Storage

5

Page 6: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Trends

IBM Collaboration Solutions Web Apps

Role of Smart Devices– Smart phones, tablets, ultra books– Reshaping user expectations on usability– Reshaping need for more expensive clients

Bring Your Own Device (BYOD)– Web Apps allow no-touch updates – Secured data with no data left on devices– Build once and run on multiple devices– Web Technologies HTML5 / AJAX help provide native app feel to web apps– Support calls reduced with one app

Cloud Storage– Access your data from anywhere on any device

Faster Connectivity– Broadband @ Home and Office– 4G Mobile Connectivity (Hotspots, Tablets, Devices)

6

Page 7: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Browser Advantages

Ease of access– Any device with a browser and an internet connection– Better performance on lower end machines– Remote access– Work/Life integration

Removes barriers to consumption of innovation– Avoid hardware/software upgrade cycle lock-in – Deploy latest product capabilities (server updates)– Common platform for disparate applications

• Cloud based/Hybrid deployments

Maturity & stability of web technologies (JavaScript, HTML5, CSS, JSON, etc)

7

Page 8: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Driving Down TCO

Administration costs – Centralized server management and upgrades– No-touch client upgrade

Deployment costs – Easy access via a URL and a browser

Training costs– Familiar user experience– Consistent user experience between ICS Portfolio

Reduces user help desk calls– Robust and granular admin policy support– Fewer opportunities for a user to cause mayhem

8

Page 9: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Business Considerations Drive the Way Customers Consume Software

9

SaaS / Public Cloud Dedicated Cloud On Premises

Agility and Price Advantage

Pay per use, standard terms of use

Automatic updates

Shared infrastructure and ops

Instant scale

Customization, Flexibility

You own the license or capital

Choice of where and how data is managed

Completely customizable

Dedicated infrastructure

IBM Software is designed for you to consume.

IBM Public Cloud, Private Cloud, Your Datacenter!

Page 10: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

10

Client Considerations

Page 11: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Client Considerations

Architectural differences

User Interface (UI) considerations

Feature differences between IBM® Notes® & IBM® iNotes®

Support information

Cross-pollination of capabilities

11

Page 12: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Architectural Differences

Need to internalize change from traditional client/server to server/browser

Has an impact on optimization of servers (more on that later)

iNotes stores mail, contacts and notebook data in the mail file– Notes has separate databases for mail, contacts & journal (notebook)– Synch agents provided to sync contacts and journal to mail file

iNotes designed to overcome some of the inherent limitations of the browser– Linear navigation model– Large data sets in a single UI– Removing complexity of rich client

iNotes customizations provided through extended forms file

Not all browser clients are created equal– Progressive loading

12

Page 13: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

13

User Interface DifferencesWhich is which?

Page 14: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

IBM Notes

14

Page 15: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

IBM iNotes

15

Page 16: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

iNotes 9.0 User Interface

16

Integrated Chat and Awareness

Abbreviated Dates

Color Coded Left Stripe in

Sidebar

Page 17: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Demo

17

IBM iNotesIBM Connections IBM Docs IBM Sametime

Using IBM product you that integrate well together you can create a solution to make your employees productive

Page 18: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Feature Differences Between Notes & iNotes

Key common features in both Notes & iNotes– Encrypted mail, offline access, follow up flags, doclinks, attention indicators, Sametime

integration, IBM Lotus Quickr™, IBM Connections™ Files integration, threads, recent contacts, archive, calendar overlays, livetext, server side viewers on IBM Doc™, Connections integration, embedded experiences*, Notes links

What Notes has that iNotes does not have– Notes application support (now with Notes Browser Plug-in no longer a limitation)– Color coded messages based on sender, import of contacts, paste images into editor,

integrated Symphony capabilities, customizable plug ins in side shelf, recent collaborations

What iNotes has that Notes does not have– Scroll Hints, Mobile device access (without Traveler), ability to launch multiple instances,

Faster launch time

Client feature comparison posted in Notes & Domino® wiki

* Intended for delivery with iNotes OpenSocial Component

18

Page 19: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

iNotes 9.0.1 Support Information

Microsoft®

Windows®

XP® ,7® , 8®

Apple® Macintosh®

OS 10.7, 10.8, 10.9

RHED 6Ubuntu 12

Apple iPhone®

iPod® touch®, iPad®,Android®

Recommended Intel® Pentium IV, 2 GHz 512 MB

Intel Core Duo, 2 GHz512 MB

Pentium IV, 2 GHz512 MB

Apple iOS® 6 & 7 Android OS 3.x, 4.x

Minimum Pentium III, 1 GHz 256 MB

G4, 1 GHz 256 MB

Pentium III, 1 GHz256 MB

19

Windows 2008 R2 server (64-bit) Citrix XenApp Server 6.532 bit browsers only

Citrix® Software Requirements

Page 20: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

20

IBM Connections Mail“Being in mail without being in mail”

Lightweight social messaging tool

Provides simple, elegant web mail and calendar experience allowing people to remain within IBM Connections

Quickly manage incoming mail without leaving your social context

Make informed decisions in real-time with a social approach that brings information and expertise into easy and immediate reach

Delivered as a plug-in to IBM Connections 4.0

Page 21: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

21

Application Consideration

Page 22: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Application ConsiderationsNotes Applications XPAGES

22

Page 23: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Application ConsiderationsNotes Applications Notes Browser Plugin

23

Page 24: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Modernize With XPages

XPages – Web 2.0 framework– Use industry standard Web development skills (HTML, CSS & JavaScript)– Java based framework facilitates reuse of Java libraries – One model for Web, Rich Client and Mobile

Extend the reach of your Notes/Domino applications– Web browser– Mobile Web access– WebSphere Portal and Connections using iWidgets / OpenSocial Gadgets / Embedded Experience

Notes/Domino apps → Social business apps– Integrate Connections and other social application services (e.g. Facebook, Twitter, DropBox, etc.) into

XPages applications– Integrate Domino data and services into social business framework

• XPages as OpenSocial gadgets → Embedded Experience• Support for Activity Streams• Secured with SAML/OAuth

Key decision criteria– Mobile web access– Integration with other OpenSocial container apps

24

Page 25: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Notes Browser Plugin

Designed to easily extend applications previously available only to Notes users out to web browser as well

Allows applications to run in a browser with no design modification!

Designed to be similar to other popular browser plug-ins in size, deployment & configuration needs

Uses iNotes message composition screens on forwards

Copy and paste document links (and copy as table) from Notes application into web editors

Icons added to iNotes and Notes Browser Plug-in to easily switch between

Currently Supports– OS: Windows– Browsers: Mozilla Firefox, Internet Explorer

25

Page 26: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

IBM Notes Browser PluginHomepage

26

Workspace Link

Page 27: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

IBM Notes Browser PluginApplication

27

Gutter Selections

Notes Actions

Notes Views

Page 28: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

IBM Notes Browser PluginUI

28

Notes Rich Text Editor

Notes Tables

Page 29: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

29

Customers Making the Move

Page 30: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

IBMStreamlining New Employees OnboardingUsing iNotes IBM is streamlining new acquisitions onboarding to IBM’s corporate mail system

IBM’s recent acquisition of SoftLayer® was made easy by giving all the new IBMers iNotes, Sametime, Connetions for all their collaboration

• IBM is using iNotes to bring on new employees faster

• Reduce IBM’s costs of installing and training users for Notes

• Currently all 400k+ IBMers are Enabled iNotes and integration with Connections to be more productive

• 2014 plans include enabling integration to IBM Docs

30

Building a smarter planet by enabling employees to be

more productive with collaboration and focus on client

success

Page 31: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

BrunswickMobile Workforce

31

Brunswick uses IBM SmartCloud to enable their work force to work and collaborate from anywhere

SmartCloud reduces IT cost of an on premises deployment for Brunswick

Zero touch to client for new code. It’s all in the cloud

Brunswick went social instantly with flip of a switch.

Brunswick now focuses on their core business rather then IT

Enabling a mobile workforce

Page 32: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Insurance IndustryReducing Help Desk Calls

One of our clients in the insurance industry has many independent agents all over the country that are using their own devices with no central control

Using iNotes and Notes Browser Plugin provides their independent agents with mail and access to notes critical applications

Moving to iNotes provides a vast number of client options with Firefox, Chrome supported on all platforms

Updates are pushed out quickly, 1 server update applies to everyone

Going to the web has reduced help desk calls

32

Page 33: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Financial IndustrySecuring Mobile Users

One of our clients in the financial industry is using IBM iNotes, Connections and IBM Docs to provide their employees access from mobile devices without leaving any data behind.

• IBM Connections integrated with Docs allows users to share files securely as well as provide audit trails

• IBM iNotes provides a zero foot print on mobile devices so that sensitive data is not stored on devices

• BYOD allows them to save on devices costs but not compromise security of sensitive data.

• Moving to the web is helping save on administration of all their datacenters as well as gives them more control with security policies

• Client plans to add Sametime to the deployment in 2014 to provide better collaboration

33

Page 34: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Retail IndustryConnecting Employees via Workplace KiosksUsing iNotes a retail client is connecting their 100k retail employees in all 850 stores to corporate mail. Their hourly employees can only access mail from register terminals due to payroll policies.

• Using F5 Networks BIG IP and IBM iNotes they have created a portal that all employees use to get their mail and corporate communication

• Kerberos authentication provides SSO when employees logon to register terminal the are automatically authenticated to mail

• Solution provides easy expansion, scalability, versatility and speed

• Using web technologies retail employees are saving on costs as well as making sure all their employees have the latest information

34

Page 35: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Manufacturing IndustryGoing Social and Doing BusinessCement manufacturer is using IBM iNotes, Connections Mail. Samtime and IBM Connections to provide their employees, customers and contractors access to an integrated social experience

• IBM iNotes / Notes with Embedded Experience / Sametime integration so users can be social and communicate from their inbox

• IBM Connections with Connections Mail / Sametime integration so users can be productive in Connections

• Contractors, Customers, and Employees can all work together simply, efficiently and seamlessly

• The solution allows business to be done from any experience the user is in weather heavy Connections users or power mail users

35

Page 36: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Customer Recap

Mobile Ready

Secure

Future Proof

Social Business

Employees Satisfaction

Simple and Elegant Solutions

Lower TCO

Focus on their clients not IT

36

Page 37: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

37

Server Considerations

Page 38: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Server Considerations

Admin considerations

Optimizing for performance

Secure deployment considerations

38

Page 39: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Enabling iNotes Check List

Enable HTTP on your Domino Servers

Use Standard Mail85 (Mail85.ntf) or later Notes Mail Template

Enable iNotes Redirector Application

Enable SSO with your other IBM Applications and Clustered Domino Servers

Enable SSL for security between Domino and client browsers

Deployment Considerations– Reverse Proxies– SSL VPN's– Web Load Balancer– Integration with Sametime / Files / Docs– External Access– Local Content → iNotes

• Contacts• Notebook

39

Page 40: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Optimizing iNotes Performance Need to reflect the change in architecture from client/server to browser

– Understand where & how the work takes place• e.g., Notes is able to keep some internal Notes DB structures (like view indexes)

open for an extended period of time• Check client browser settings, especially caching & security

Upgrade to Domino 9.0 if running an older server release!– Significant CPU & disk I/O savings can be had

Check server peak CPU usage– Don't extrapolate from one data point to infinity

• Ensure an apples-to-apples comparison • Don’t double/triple current Domino CPU. CPU from user interaction is only a

fraction. i.e. You may have 25% CPU peaks, but only 5% is user triggered, so 2-3x would be 10-15%

– Server may be under-utilized and handle increased load

Add CPU to upgradeable multi-CPU systems and virtual systems– Keeps server count equal and administration costs equal

40

Page 41: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Secure Access Outside The Firewall

Virtual Private Network – VPN– Helps provide network level of security to only allow authorized users in.

Reverse Proxy– Helps provide High Availability as well as Load Balancing

SSL VPN– Secure Sockets Layer – SSL

• Help provides security from packet sniffers by encrypting data over the network

– Helps provide access control for mobile device users outside the firewall

41

Page 42: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

7 Key Points to Take Home

Many trends driving the move to browser clients

First understand the key differences between iNotes and Notes

Have a plan to get your Notes applications on the web (Notes Browser Plug-in, XPages, etc.)

Review the enabling iNotes checklist

Review your web infrastructure for iNotes

Several ways to optomize iNotes for performance

Options for secure access outside the firewall

42

Page 43: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Related Sessions ID103: What's New in IBM iNotes Social Edition (Scott Souder, Jeff Foster, Tuesday)

KEY102: IBM Messaging and Collaboration: Innovations and Priorities for Today and Tomorrow (Scott Souder and Kramer Reeves, Monday)

ID111: IBM Notes Browser Plug-in : Leverage Your IBM Notes Application Investment in a Browser (Rajesh Patil, Tuesday)

ID107: Configuring IBM SmartCloud Notes Web for Your Organization (Daniel Gurney, Wednesday)

AD105: IBM iNotes and IBM SmartCloud Notes Web Customization: Make It Your Own (Eric Spencer, Thursday)

CUST106: IBM Notes Goes Cloud: How GAD Created an Integrated Pure Browser-based Workspace (Rajesh Patil, Tuesday)

AD207: Widgets, Live Text and Now OpenSocial: Linking Your Data to the World! (Andrew Davis, Tuesday)

JMP106: Make Your Business Open and Social using IBM Notes Social Edition 9.0.1 (Thomas Evans, Yun Zhi Lin, Sunday)

43

Page 44: Living in the Web is Easy! Making the Move from Rich Clients to Browsers

Rahul A. Garg

Advisory Software Engineer

IBM Software Group

[email protected]

Twitter: @rahulgsj

44