© 2006 EMC Corporation. All rights reserved.

Grokking the ParadigmReconstructing WebtopDennis Dawson

Principal Technical Writer

EMC/Documentum

Grokking the Paradigm 2© 2006 EMC Corporation. All rights reserved.

Ten Minutes’ Worth of Stuff

– Webtop in a Nutshell– Reconstructing Webtop

Grokking the Paradigm 3© 2006 EMC Corporation. All rights reserved.

Webtop Overview

• Webtop is easy as pie to understand

classic.jsp

menubar

statusbar.jsp

messages status

toolbartitlebarcomponent

browsertreecomponent

objectlist workarea.jspbuttons

actionMultiselect

action links

Grokking the Paradigm 4© 2006 EMC Corporation. All rights reserved.

Webtop in a Nutshell

• Webtop is pretty much composed of two things:– Compiled Java Code

• Server Java stuff• Application specific Java stuff

– Text with tags in it• XML• TLD• JSP (servlets)

Grokking the Paradigm 5© 2006 EMC Corporation. All rights reserved.

Webtop in a Nutshell(another way to slice it)

Webtop is made of:• Controls• Actions• JSPs• Components• Containers (Components that display components)

Grokking the Paradigm 6© 2006 EMC Corporation. All rights reserved.

Log In

• index.html contains only the redirect function– Constructs a path to /component/main and adds it to the URL– Opens /wdk/redirect.jsp

• redirect.jsp restarts a timer that is no longer used, then turns control over to /component/main

Grokking the Paradigm 7© 2006 EMC Corporation. All rights reserved.

main.js

• The main.js script loads a bunch of useful methods• Most useful of all, it looks up the user’s default UI setting

(classic or streamline) and loads the appropriate view

Grokking the Paradigm 8© 2006 EMC Corporation. All rights reserved.

Reconstructing Webtopclassicview.jsp

• Contains a dmf:frameset• Displays the frames of the classic interface

<dmf:frameset rows='0,38,*,30' onunload="onUnload()"> <dmf:frame name="timeoutcontrol" src="/wdk/timeoutcontrol.jsp" /> <dmf:frame nlsid="MSG_TITLEBAR" name='titlebar' src="/component/titlebar"/> <dmf:frame nlsid="MSG_CLASSICVIEW" name="view" src='<%="/webtop/classic/classic.jsp" + strEntrySectionArg%>'/> <dmf:frame nlsid="MSG_STATUS" name='status' src="/webtop/status/status.jsp"/> </dmf:frameset>

Grokking the Paradigm 9© 2006 EMC Corporation. All rights reserved.

classicview.jsp

• The classicview.jsp is a container for components – it has no controls of its own

Grokking the Paradigm 10© 2006 EMC Corporation. All rights reserved.

Classic View

• Classicview displays a defined component and two ad hoc components (JSPs with controls)

Grokking the Paradigm 11© 2006 EMC Corporation. All rights reserved.

Titlebar

• The Titlebar component displays controls for Searching, setting Preferences, accessing Help, and logging out.

Grokking the Paradigm 12© 2006 EMC Corporation. All rights reserved.

Status JSP

• status.jsp is not a component: it displays the components messagebar and statusbar.

Grokking the Paradigm 13© 2006 EMC Corporation. All rights reserved.

Message Component

• The message component displays a label control used to display messages from the server to the user

Grokking the Paradigm 14© 2006 EMC Corporation. All rights reserved.

Statusbar Component

• The statusbar component displays useful buttons, including the tabs to switch between classic and streamline view

Grokking the Paradigm 15© 2006 EMC Corporation. All rights reserved.

Classic JSP

• Classic JSP displays the toolbar and browsertree components, and the workarea JSP

Grokking the Paradigm 16© 2006 EMC Corporation. All rights reserved.

Toolbar Component

• The toolbar component gives quick access to commonly used commands

Grokking the Paradigm 17© 2006 EMC Corporation. All rights reserved.

Browsertree Component

• The Browsertree component displays a Windows Explorer-type interface for moving through the directories

Grokking the Paradigm 18© 2006 EMC Corporation. All rights reserved.

Workarea JSP

• Workarea displays the menubar component and a content component that displays navigation results

Grokking the Paradigm 19© 2006 EMC Corporation. All rights reserved.

Menubar Component

• The menubar provides the comprehensive set of standard commands for Webtop

Grokking the Paradigm 20© 2006 EMC Corporation. All rights reserved.

Content Frame

• The content frame displays a component with the results of a query or navigation

Grokking the Paradigm 21© 2006 EMC Corporation. All rights reserved.

Multiplicitas Componatis Res Simplex

• Meaning, complexity is composed of simple things

• Taken a piece at a time, Webtop is not that hard to figure out

• Once you grok the paradigm, enhancing and customizing complex applications becomes a series of simple steps

© 2006 EMC Corporation. All rights reserved.

Clarifications/comments?Please send them to:

dawson_dennis@emc.com

WDK Questions? Please visit:http://developer.emc.com/developer/