Click to add text
Exceptional Web Experience 2013 Americas
May 20 – 23, 2013 | Hilton Chicago
ExceptionalWeb
© 2013 IBM C...
© 2013 IBM Corporation
ExceptionalWeb
2
Session Overview
This session is geared towards IT architects and developers
to pr...
© 2013 IBM Corporation
ExceptionalWeb
3
Agenda
With Web Experience Factory in Focus
•Architectural Mindset
•Design Pattern...
© 2013 IBM Corporation
ExceptionalWeb
4
Architectural Mindset - Proper Balance
© 2013 IBM Corporation
ExceptionalWeb
5
Architectural Mindset – What are we building?
Company Employees Team WEF Type
Manu...
© 2013 IBM Corporation
ExceptionalWeb
6
Architectural Mindset – Separation of Layers
Application
Business
(Presentation)
L...
© 2013 IBM Corporation
ExceptionalWeb
7
Architectural Mindset – Presentation Layer
Presentation Layer
UI Models
UI Models ...
© 2013 IBM Corporation
ExceptionalWeb
8
Architectural Mindset – Service Layer
Data Service
Data ProviderData Service Inter...
© 2013 IBM Corporation
ExceptionalWeb
9
Architectural Mindset – Testing Framework
• Test models in different levels:
• App...
© 2013 IBM Corporation
ExceptionalWeb
10
Architectural Mindset – Governing..Standards
© 2013 IBM Corporation
ExceptionalWeb
11
Architectural Mindset – Governing..Performance
Run
•Model Actions
•Session Size
•...
© 2013 IBM Corporation
ExceptionalWeb
12
Design Patterns
© 2013 IBM Corporation
ExceptionalWeb
13
Design Patterns - Components
• Define Component Models
• Clear Interfaces
• Concu...
© 2013 IBM Corporation
ExceptionalWeb
14
Design Patterns - Reusable
• Developing custom builders
• Encapsulation
• Two Typ...
© 2013 IBM Corporation
ExceptionalWeb
15
Design Patterns - Profiling
• Multiple Behavior to Models
• UI / Mobile / Ipad
• ...
© 2013 IBM Corporation
ExceptionalWeb
16
Design Patterns – Content
Grid
Summary
Grid
Summary
Web Layout
Inserted
Page
Inse...
© 2013 IBM Corporation
ExceptionalWeb
17
Design Patterns - Multi-Page Navigation
© 2013 IBM Corporation
ExceptionalWeb
18
Design Patterns - Common Model

Service Consumer

Common Variables

Events for...
© 2013 IBM Corporation
ExceptionalWeb
19
Design Patterns - Controller Model

Imports Pages

Receives Events

Routes to ...
© 2013 IBM Corporation
ExceptionalWeb
20
Design Patterns - Page Models

Imports Common

Encapsulated Functions

Fires N...
© 2013 IBM Corporation
ExceptionalWeb
21
Design Patterns
Demo
© 2013 IBM Corporation
ExceptionalWeb
22
Design Patterns – Some Links
• Leveraging the Model Container Builder
http://www-...
© 2013 IBM Corporation
ExceptionalWeb
23
Developers Mindset – Perception vs Reality
Perceived as
Storm Troopers
More Like
...
© 2013 IBM Corporation
ExceptionalWeb
24
Developer’s Mindset – What are your skills?
© 2013 IBM Corporation
ExceptionalWeb
25
Developer’s Mindset – Characteristics
Developers
•Are not all the same
•Tend to t...
© 2013 IBM Corporation
ExceptionalWeb
26
Developer’s Mindset – WEF on your Toolbelt
• Study
• WEF Internal Architecture
ht...
© 2013 IBM Corporation
ExceptionalWeb
27
Conclusion
Web Experience Factory needs people like you to bring
your expertise t...
© 2013 IBM Corporation
ExceptionalWeb
28
Thanks For Your Help
Carl Domingue (carl.domingue@dsixe.com)
Peter Wilkerson (pwi...
© 2013 IBM Corporation
ExceptionalWeb
29
We appreciate your feedback. Please don’t forget to fill out
your evaluation.
Tha...
© 2013 IBM Corporation
ExceptionalWeb
30
For More Information
IBM Customer and Employee Experience Suite, WebSphere Portal...
© 2013 IBM Corporation
ExceptionalWeb
31
© IBM Corporation 2013. All Rights Reserved.
The information contained in this pu...
Upcoming SlideShare
Loading in...5
×

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

2,169

Published on

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

Published in: Education, Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,169
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
21
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

  1. 1. Click to add text Exceptional Web Experience 2013 Americas May 20 – 23, 2013 | Hilton Chicago ExceptionalWeb © 2013 IBM Corporation TECH-D22 Where does Web Experience Factory fit in your Architecture? David Wade | Davalen, LLC | Dwade@davalen.com
  2. 2. © 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.
  3. 3. © 2013 IBM Corporation ExceptionalWeb 3 Agenda With Web Experience Factory in Focus •Architectural Mindset •Design Patterns •Developers Mindset
  4. 4. © 2013 IBM Corporation ExceptionalWeb 4 Architectural Mindset - Proper Balance
  5. 5. © 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
  6. 6. © 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 Unit Test Unit Test Logging Error Handling Profiling Caching UI Frameworks Event Builders … Perf Test Data Transformation Builders Legacy Interface
  7. 7. © 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 …
  8. 8. © 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 or Java (LJO) Data Integration Builder (DB,SAP, …) Schema Inputs ResultsSchema … Data Internal Data Service
  9. 9. © 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
  10. 10. © 2013 IBM Corporation ExceptionalWeb 10 Architectural Mindset – Governing..Standards
  11. 11. © 2013 IBM Corporation ExceptionalWeb 11 Architectural Mindset – Governing..Performance Run •Model Actions •Session Size •Server Stats •Builder Calls Performance Page http://www-01.ibm.com/support/docview.wss?uid=swg21268497
  12. 12. © 2013 IBM Corporation ExceptionalWeb 12 Design Patterns
  13. 13. © 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
  14. 14. © 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
  15. 15. © 2013 IBM Corporation ExceptionalWeb 15 Design Patterns - Profiling • Multiple Behavior to Models • UI / Mobile / Ipad • Roles • Data Sources • Multiple Handlers • Customizers • Set on Import
  16. 16. © 2013 IBM Corporation ExceptionalWeb 16 Design Patterns – Content Grid Summary Grid Summary Web Layout Inserted Page Inserted Page <div name=“summary”> <div name=“grid”> </div> </div>
  17. 17. © 2013 IBM Corporation ExceptionalWeb 17 Design Patterns - Multi-Page Navigation
  18. 18. © 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.
  19. 19. © 2013 IBM Corporation ExceptionalWeb 19 Design Patterns - Controller Model  Imports Pages  Receives Events  Routes to Next Pages  Profile to Test Pages
  20. 20. © 2013 IBM Corporation ExceptionalWeb 20 Design Patterns - Page Models  Imports Common  Encapsulated Functions  Fires Navigation Events
  21. 21. © 2013 IBM Corporation ExceptionalWeb 21 Design Patterns Demo
  22. 22. © 2013 IBM Corporation ExceptionalWeb 22 Design Patterns – Some Links • Leveraging the Model Container Builder http://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 Container http://www-10.lotus.com/ldd/pfwiki.nsf/dx/Building_a_Componentizedcom_Menu- driven_Application_with_Model_Container
  23. 23. © 2013 IBM Corporation ExceptionalWeb 23 Developers Mindset – Perception vs Reality Perceived as Storm Troopers More Like Jedi Knights 
  24. 24. © 2013 IBM Corporation ExceptionalWeb 24 Developer’s Mindset – What are your skills?
  25. 25. © 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
  26. 26. © 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 Automation http://www-10.lotus.com/ldd/pfwiki.nsf/dx/07182008042520PMWEBRXV.htm • WEF Wiki http://www-10.lotus.com/ldd/pfwiki.nsf
  27. 27. © 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.
  28. 28. © 2013 IBM Corporation ExceptionalWeb 28 Thanks For Your Help Carl Domingue (carl.domingue@dsixe.com) Peter Wilkerson (pwilkerson@davalen.com)
  29. 29. © 2013 IBM Corporation ExceptionalWeb 29 We appreciate your feedback. Please don’t forget to fill out your evaluation. Thank you for joining us! ECH-D22 avid Wade – Dwade@davalen.com
  30. 30. © 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/
  31. 31. © 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.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×