A BTT widget is a browser-oriented component designed to work within the framework defined by the BTT widget specification. Such a component will only occupy a portion of the overall working canvas and is usually designed in a manner that makes it easy for the canvas assembler to connect the BTT widget to other BTT widgets on the canvas. BTT On-Demand Workplace is the place where BTT service widget is in and displayed. The widget can be run in BTT On-Demand Workplace.
The following chart shows the BTT Web2.0 Widget high level structure.
BTT Web2.0 service provides a service list for the user. Users can define various types of service in this service XML file, for example, Credit Card Application based on traditional Web1.0 technology, Account Transfer implemented with the Web2.0 technology, some Third-party services. A service is realized with a certain widget. And the widget entry is defined in catalog.xml , which indicates one widget definition XML file for one widget entry. This XML file is to define the content and attributes of a widget, and indicates the related JavaScriptâ„¢ files and CSS files. Following is the snippet of those file definition:
<Service id="1.2" name="transfer" desc="transfer" logo="theme/servicelogo/navlogo.gif"> <Widget name="simpleBTTHTMLWgt"> <attribute name="url" value="Request?&dse_applicationId=-1&dse_pageId=2&dse_operationName=displayPageOp&dse_errorPage=menu.jsp&dse_processorState=initial&pageName=transfer.jsp" /> </Widget> </Service>
<entries> <entry id='simpleBTTHTMLWgt' definition='../widget/web1.0/BTTHTMLWgt.xml'></entry> ... </entries>
<iw:iwidget name="simpleBTTHTMLWgt" xmlns:iw="http://www.ibm.com/xmlns/prod/iWidget" iScope="simpleBTTHTMLWgt" supportedModes="view edit refresh close max collapse" mode="view"> <iw:resource uri="BTTHTMLWgt.js" /> <iw:itemSet id="attributes" private="true"> <iw:item id="url" value="http://www.ibm.com"/> <iw:item id="height" value="300"/> </iw:itemSet> <iw:content mode="view"> <![CDATA[ <iframe class="rootFrame" id='rootFrame' width=100% height=300 ></iframe> ]]>; </iw:content> </iw:iwidget>