2. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm Reconstructing Webtop Dennis Dawson Principal Technical Writer EMC/Documentum

3. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm2 Ten Minutes’ Worth of Stuff –Webtop in a Nutshell –Reconstructing Webtop

4. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm3 Webtop Overview Webtop is easy as pie to understand classic.jsp menubar statusbar.jsp messages status toolbar titlebar component browsertree component objectlist workarea.jsp buttons actionMultiselect action links

5. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm4 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)

6. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm5 Webtop in a Nutshell (another way to slice it) Webtop is made of: Controls Actions JSPs Components Containers (Components that display components)

7. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm6 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

8. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm7 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

9. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm8 Reconstructing Webtop classicview.jsp Contains a dmf:frameset Displays the frames of the classic interface <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"/>

10. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm9 classicview.jsp The classicview.jsp is a container for components – it has no controls of its own

11. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm10 Classic View Classicview displays a defined component and two ad hoc components (JSPs with controls)

12. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm11 Titlebar The Titlebar component displays controls for Searching, setting Preferences, accessing Help, and logging out.

13. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm12 Status JSP status.jsp is not a component: it displays the components messagebar and statusbar.

14. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm13 Message Component The message component displays a label control used to display messages from the server to the user

15. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm14 Statusbar Component The statusbar component displays useful buttons, including the tabs to switch between classic and streamline view

16. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm15 Classic JSP Classic JSP displays the toolbar and browsertree components, and the workarea JSP

17. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm16 Toolbar Component The toolbar component gives quick access to commonly used commands

18. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm17 Browsertree Component The Browsertree component displays a Windows Explorer-type interface for moving through the directories

19. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm18 Workarea JSP Workarea displays the menubar component and a content component that displays navigation results

20. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm19 Menubar Component The menubar provides the comprehensive set of standard commands for Webtop

21. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm20 Content Frame The content frame displays a component with the results of a query or navigation

22. © 2006 EMC Corporation. All rights reserved. Grokking the Paradigm21 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

23. © 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/