220 likes | 383 Views
Grokking the Paradigm Reconstructing Webtop. Dennis Dawson Principal Technical Writer EMC/Documentum. Webtop in a Nutshell Reconstructing Webtop. Ten Minutes’ Worth of Stuff. Webtop Overview. action links. Webtop is easy as pie to understand. titlebar component. toolbar. menubar.
E N D
Grokking the ParadigmReconstructing Webtop Dennis Dawson Principal Technical Writer EMC/Documentum
Webtop in a Nutshell Reconstructing Webtop Ten Minutes’ Worth of Stuff Grokking the Paradigm
Webtop Overview action links • Webtop is easy as pie to understand titlebar component toolbar menubar actionMultiselect classic.jsp browsertree component workarea.jsp objectlist buttons statusbar.jsp status messages Grokking the Paradigm
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
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
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
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
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
classicview.jsp • The classicview.jsp is a container for components – it has no controls of its own Grokking the Paradigm
Classic View • Classicview displays a defined component and two ad hoc components (JSPs with controls) Grokking the Paradigm
Titlebar • The Titlebar component displays controls for Searching, setting Preferences, accessing Help, and logging out. Grokking the Paradigm
Status JSP • status.jsp is not a component: it displays the components messagebar and statusbar. Grokking the Paradigm
Message Component • The message component displays a label control used to display messages from the server to the user Grokking the Paradigm
Statusbar Component • The statusbar component displays useful buttons, including the tabs to switch between classic and streamline view Grokking the Paradigm
Classic JSP • Classic JSP displays the toolbar and browsertree components, and the workarea JSP Grokking the Paradigm
Toolbar Component • The toolbar component gives quick access to commonly used commands Grokking the Paradigm
Browsertree Component • The Browsertree component displays a Windows Explorer-type interface for moving through the directories Grokking the Paradigm
Workarea JSP • Workarea displays the menubar component and a content component that displays navigation results Grokking the Paradigm
Menubar Component • The menubar provides the comprehensive set of standard commands for Webtop Grokking the Paradigm
Content Frame • The content frame displays a component with the results of a query or navigation Grokking the Paradigm
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 Grokking the Paradigm
Clarifications/comments?Please send them to:dawson_dennis@emc.comWDK Questions? Please visit:http://developer.emc.com/developer/