where does ibm web experience factory fit in your architecture? tech-d22 from ibm exceptional web...

31
Click to add text Exceptional Web Experience 2013 Americas May 20 – 23, 2013 | Hilton Chicago ExceptionalW eb © 2013 IBM Corporation TECH-D22 Where does Web Experience Factory fit in your Architecture? David Wade | Davalen, LLC | [email protected]

Upload: davalen-llc

Post on 12-May-2015

2.044 views

Category:

Education


2 download

DESCRIPTION

Web Experience Factory (WEF) has matured as a framework and web and mobile solution development tool over the last several years. While the WEF design interface and services enable rapid custom development, too often implementation emphasis has focused more on speed versus how it fits into proper architecture.(The tendency is just start coding)! By its nature WEF allows for many levels of integration, but it still has to be structured in a way that fits proper design. This session is geared towards IT architects and developers and provides guidance to leverage WEF as a part of their overall architectural plan. We will discuss how WEF fits in various combinations of architecture. The goal will be to refer to best practices patterns, identify where WEF “fits” in your plan and to give you a head start on a successful use of WEF in your multichannel solutions. Topics covered will include WEF in Architectural patterns A sample Navigation Pattern in the View Some Patterns for WEF page automation and profiling Starting and governing a WEF project including QA Integrating your unique developer skills with WEF

TRANSCRIPT

Page 1: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

Click to add text

Exceptional Web Experience 2013 Americas May 20 – 23, 2013 | Hilton Chicago

ExceptionalWeb

© 2013 IBM Corporation

TECH-D22Where does Web Experience Factory fit in your Architecture?

David Wade | Davalen, LLC | [email protected]

Page 2: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

2

Session Overview

This session is geared towards IT architects and developers to present Web Experience Factory as a framework that is part of their overall architectural plan. The overall goal is to prompt you to bring your expertise into the process of growing the design patterns in WEF and using it successfully in your solutions.

Page 3: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

3

Agenda

With Web Experience Factory in Focus

•Architectural Mindset

•Design Patterns

•Developers Mindset

Page 4: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

4

Architectural Mindset - Proper Balance

Page 5: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

5

Architectural Mindset – What are we building?

Company Employees Team WEF Type

Manufacturer 350 2 2 Production Portal

Education 135,000 300 10 Teacher Portal

Retail 5,000 20 4 Buyer Portal

Education 21,000 8 1 Online Benefits

Education 21,000 8 2 SABA Portal

Insurance ? 100+ 10 Agent Portal

Airline 100,000 5 2 Booking Portlets

Manufacturer ? 50+ 6 Retail Portal

Energy ? 5 2 Energy Portal POC

Page 6: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

6

Architectural Mindset – Separation of Layers

Application

Business (Presentation) Logic

Business (Presentation) Logic

PresentationPresentation Portal Integration Builders

UI Builders

Business Logic Interface

Business Logic (LJOs)

Data Service Interface – Service Definition

Data Service Builders

Back-end data systems

UnitTest

UnitTest

Logging

Error Handling

Profiling

Caching

UI Frameworks Event Builders …

PerfTest

Data Transformation Builders

Legacy Interface

Page 7: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

7

Architectural Mindset – Presentation Layer

Presentation Layer

UI Models

UI Models (Common UI artifacts, definitions)

Portlet UI Models

Portlet AdapterCooperative Portlet builders

Model Container

Page builders

Dojo buildersPage Automation buildersRDDs

UI Models …

Page 8: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

8

Architectural Mindset – Service Layer

Data Service

Data ProviderData Service Interface

Service Definition

Service Operation

SchemaInputs

Results Schema

Transform

Transform

Action List orJava (LJO)

Data Integration Builder

(DB,SAP, …)

Schema Inputs

ResultsSchema

Data

Internal Data Service

Page 9: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

9

Architectural Mindset – Testing Framework

• Test models in different levels: • Application• Component• Model

• Testing support of builders• Development of testing framework• Separation from actual code• Linked Java Objects

• Only use WebAppAccess at the highest level

Page 10: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

10

Architectural Mindset – Governing..Standards

Page 11: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

11

Architectural Mindset – Governing..Performance

Run •Model Actions•Session Size•Server Stats•Builder Calls

Performance Pagehttp://www-01.ibm.com/support/docview.wss?uid=swg21268497

Page 12: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

12

Design Patterns

Page 13: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

13

Design Patterns - Components

• Define Component Models• Clear Interfaces• Concurrent development• Individually tested• Shared

• Create Models as Views• Add Portlet components

Page 14: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

14

Design Patterns - Reusable

• Developing custom builders • Encapsulation• Two Types:

• Model based: visibility of internals

• Pure Java based: “black box”

• See TECH13 – “Should I write my own Builder?”

• Feature Sets: • package of builders • reusable across projects

• Easy to test: isolated development component

Page 15: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

15

Design Patterns - Profiling

• Multiple Behavior to Models• UI / Mobile / Ipad• Roles• Data Sources

• Multiple Handlers• Customizers• Set on Import

Page 16: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

16

Design Patterns – Content

Grid

Summary

Grid

Summary

Web Layout

InsertedPage

InsertedPage

<div name=“summary”>

<div name=“grid”>

</div>

</div>

Page 17: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

17

Design Patterns - Multi-Page Navigation

Page 18: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

18

Design Patterns - Common Model

Service Consumer

Common Variables

Events for each page

Note: When this model is imported into

each page you need to check the “Import once” box in the advanced section.

Page 19: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

19

Design Patterns - Controller Model

Imports Pages

Receives Events

Routes to Next Pages

Profile to Test Pages

Page 20: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

20

Design Patterns - Page Models

Imports Common

Encapsulated Functions

Fires Navigation Events

Page 21: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

21

Design Patterns

Demo

Page 22: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

22

Design Patterns – Some Links

• Leveraging the Model Container Builderhttp://www-10.lotus.com/ldd/pfwiki.nsf/dx/Leveraging_the_Model_Container_Builder

• Multi-Page Input Form http://www-10.lotus.com/ldd/pfwiki.nsf/dx/Multi-Page_Input_Form

• Building a Componentized, Menu-driven Application with Model Containerhttp://www-10.lotus.com/ldd/pfwiki.nsf/dx/Building_a_Componentizedcom_Menu-driven_Application_with_Model_Container

Page 23: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

23

Developers Mindset – Perception vs Reality

Perceived as Storm Troopers

More LikeJedi Knights

Page 24: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

24

Developer’s Mindset – What are your skills?

Page 25: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

25

Developer’s Mindset – Characteristics

Developers•Are not all the same

•Tend to trust their own experiences versus the tool

•Approach WEF at different levels

•Like to have a Framework but don’t always use it

Page 26: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

26

Developer’s Mindset – WEF on your Toolbelt

• Study• WEF Internal Architecture

http://www-10.lotus.com/ldd/pfwiki.nsf/dx/portlet-factory-architecture-presentation

• Page Automationhttp://www-10.lotus.com/ldd/pfwiki.nsf/dx/07182008042520PMWEBRXV.htm

• WEF Wikihttp://www-10.lotus.com/ldd/pfwiki.nsf

Page 27: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

27

Conclusion

Web Experience Factory needs people like you to bring your expertise to collaborate with like-minded developers to continue to form good design patterns. By thinking of WEF as a part of an overall architecture, it has the potential for being one of the tools in your toolset. Ultimately it’s all about building good solutions that stand up and perform. WEF can be a part of that solution.

Page 28: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

28

Thanks For Your Help

Carl Domingue ([email protected]) Peter Wilkerson ([email protected])

Page 29: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

29

We appreciate your feedback. Please don’t forget to fill out your evaluation.

Thank you for joining us!

Session # TECH-D22

Speaker(s): David Wade – [email protected]

Page 30: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

30

For More Information

IBM Customer and Employee Experience Suite, WebSphere Portal and Web Content Manager Software and Solutions

http://www-01.ibm.com/software/info/customerexperience/

http://www-01.ibm.com/software/collaboration/products/employeeexperience/

WebSphere Portal and IBM Web Content Manager Information Center

http://www.ibm.com/developerworks/websphere/zones/portal/proddoc.html

WebSphere Portal and Web Content Manager Version 8 Reviewer's Guide

ftp://ftp.software.ibm.com/common/ssi/ecm/en/lob14007usen/LOB14007USEN.PDF

IBM Web Experience Fast Track Offerings

http://www-01.ibm.com/software/genservers/portal/fasttrack/

WebSphere Portal and Web Content Manager Business Solutions Catalog

https://greenhouse.lotus.com/catalog/

Page 31: Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from IBM Exceptional Web Experience 2013

© 2013 IBM Corporation

ExceptionalWeb

31

© IBM Corporation 2013. All Rights Reserved.

The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of the information contained in this publication, it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on IBM’s current product plans and strategy, which are subject to change by IBM without notice. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software

.

References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in this presentation may change at any time at IBM’s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other results.

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.

Adobe, the Adobe logo, PostScript, and the PostScript logo are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States, and/or other countries.

Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both.

Microsoft and Windows are trademarks of Microsoft Corporation in the United States, other countries, or both.

ries in the United States and other countries.

Linux is a registered trademark of Linus Torvalds in the United States, other countries, or both. Other company, product, or service names may be trademarks or service marks of others.

All references to OpenFinancial, Greenwell and Open Bier refer to a fictitious company and are used for illustration purposes only.