4-7525 TeamSite Component Development Course Outline Overview This course is intended for TeamSite developers and project managers. This two-day class covers the skills and knowledge needed to construct and test new custom components for a LiveSite site or hybrid app, build components needed to construct dynamic, data-driven web pages for a LiveSite server. This course replaces the SitePublisher Component Developer course for sites implementing TeamSite 8 and above. Highlights: Manage site, page, and node properties Create, preview, and test a component Create a mobile component Create datum for authors to provide values Specify the display of a component Use DCRs and RSS feeds Build external components Enable in-context editing, controllers, and JavaScript Create device-aware tags and use them to modify HTML in components Use device-aware tags to choose CSS property settings
Course Objectives On completion of this course, participants should be able to: Manage site, node, and page properties. Describe how a HP SitePublisher page is delivered to site visitors. Identify the primary workareas for the component developers. Identify mobile and regular (non-mobile) sites, pages, and templates. Identify candidates for components. List three factors to consider before building a component. List three reasons for building a template. Identify candidates for HP SitePublisher page templates. Name four key elements that make up a component. Create a component. Use the Preview window to set the component default values. Test a component. Enable in-context editing for a datum. Enable in-context editing for a content item s contents. Access controllers. Include and call JavaScript functions. Reference the root of the workarea. Reference the component invoking the external object. Describe the functional purpose of a datum. List the datum types. Define a datum that appears in the Appearance tab. Define a datum that appears in the Content tab. Name three datum attributes used to constrain user input. Create a variety of types of datum. Create a group of datum. Build an internal component to display author input. Add alternative skins to a component. Build a component using the TeamSite form entry files as a data source. Define an external object. List two types of external implementations. Create a component that accesses and displays data from a Java data source. Pass an author-specified parameter to an external data source. Pass a hard coded parameter to an external data source. Set up a database pool for TeamSite. Access data from a database to provide data for a component. Construct device-aware tags identifying targeted device types and capabilities. Write component code with HTML code blocks used for only some devices. Write component code with HTML element attributes overridden for only some devices.
Prerequisites: Must have attended the TeamSite 8 Advanced User course. Must be proficient with TeamSite ContentCenter Professional (CCPro). Should have experience with file operations such as folder navigation, copy, rename, and delete. Should have experience with a web browser. Should be familiar with web concepts such as HTML, pages, links, and basic XML concepts. Should have an understanding of HTML and XML syntax rules. Must be able to edit XML documents using proper XML formatting. Must have experience with XML, XSD, XSL, HTML coding, Cascading Style Sheets, JavaScript, and general TeamSite and FormsPublisher experience. Duration: Two Days Level: Developers
Course Outline Review of Setting Properties and Previewing Sites and Pages Manage site properties. Manage node properties. Manage page properties, including setting an HTML <meta> tag. Manage site-related roles. Preparing for Component Development Describe how a TeamSite page is delivered to site visitors. Identify the primary workareas for the component developers. Set up and use the component test branch Creating, Previewing, and Testing a Component Identify candidates for components. List three factors to consider before building a component. Describe the purpose of each part of a component definition component. Create a component. Set default values for any user input to the component. Test a component. Creating Datum for Authors to Provide Values Describe the functional purpose of a datum. List the datum types. Define a datum that appears in the Appearance tab. Define a datum that appears in the Content tab. Name three datum attributes used to constrain user input. Create a variety of types of datum. Create a group of datum. Specifying the Display of a Component Build an internal component to display author input. Specify formatting HTML code. Access author input using the XSL value-of tag or $MODEL token. Add alternative skins to a component.
Examples: Using DCRs and Creating RSS Feeds Build a component using the TeamSite content item files as a data source. Convert a FormsPublisher presentation template into a component. Block display of the RequestHeader information. Building Components Using External Objects Define an external object. List two types of external implementations. Create a component that accesses and displays data from a Java data source. Pass an author-specified parameter to an external data source. Pass a hard coded parameter to an external data source. Set up a database pool for TeamSite. Access data from a database and format it for a component. In-context Editing, Controllers, and JavaScript Enable in-context editing for a datum. Enable in-context editing for a content item s contents. Access controllers. Include and call JavaScript functions. Reference the root of the workarea. Reference the component invoking the external object. Creating Device-Aware tags and using them to Modify HTML in Components Construct device-aware tags identifying targeted device types and capabilities. Write component code with HTML code blocks used for only some devices. Write component code with HTML element attributes overridden for only some devices. Using Device-Aware Tags to Choose CSS Property Settings Call a specific CSS class depending on the device type. Use device-aware tags directly in the CSS file. Contact Us: For complete course descriptions, fees schedules and registration information, please visit http://www.opentextengagetraining.com or contact us at: engagetraining@opentext.com