Building an OmniPortlet Based on an XML Data Source

Building Example Portlets with OmniPortlet 4-9

17. Under Column Layout, next to Field 1 choose title from the Column list,

Hyperlink from the Action list, and enter link in the URL field, as shown in Figure 4–10 . Figure 4–10 OmniPortlet: News Style Column Layout

18. Next to Field2, choose description from the Column list and leave the default

values for the other settings. Ensure this section of the Layout tab looks like Figure 4–11 . Figure 4–11 Column Layout Section of the Layout Tab

19. Click Finish.

Your portlet now displays on your portal page, as shown in Figure 4–12 . Figure 4–12 OmniPortlet: XML Scrolling News OmniPortlet on the Page

4.5 Building an OmniPortlet Based on a Web Page Data Source

The steps in this section will show you how to use OmniPortlet to create a portlet that displays weather information in a text format based on an existing Web Page. In this section, you will use OmniPortlet to clip and scrape content from Web sites. To create an OmniPortlet based on a Web page data source, perform the following steps: 1. Create a region below the XML portlet Travel News on your portal page. 2. Add an OmniPortlet to this new region.

3. Start the OmniPortlet Wizard by clicking the Edit Default link.

4. On the Type tab of the OmniPortlet Wizard, select the Web Page radio button,

then click Next. 5. On the Source tab, click Select Web Page. 4-10 Oracle Fusion Middleware Developers Guide for Oracle Portal

6. On the Web Clipping Studio page that displays, in the URL Location field

Figure 4–13 , enter the URL of the page you want to clip: http:www.wunderground.com Figure 4–13 URL Location Field

7. Click Start to display the Web Clipping Studio. You should see the Web page

display in the Web Clipping Studio, as shown in Figure 4–14 . Figure 4–14 Web Clipping Studio Containing the www.wunderground.com Home Page

8. On the home page, enter a zip code for example, 94065 in the Weather field, as

shown in Figure 4–15 , then click the magnifying glass icon next to the field. Note: You can use a different Web page, but keep in mind that your results will not match the example in this chapter. Note: In this example, we use a third party Web site owned by The Weather Underground, Inc. Because this Web site is continually updated based on current weather forecasts, the images and steps included in this section may not reflect exactly what you see when you create this example. As you go further into this example, some of the steps may not work, as the owners may change the technology of this third party Web site. Building Example Portlets with OmniPortlet 4-11 Figure 4–15 Entering the Zip Code 94065 into the Weather Field 9. The weather information for Redwood City, California displays in the Web Clipping Studio. A segment of the page is shown in Figure 4–16 . Figure 4–16 Weather Information for Redwood City, California

10. In the top right corner of the Web Clipping Studio, click the Section button, as

shown in Figure 4–17 . Figure 4–17 The Section Button 11. After you click the Section button, youll notice that the elements of the Web page are broken down, and that a new icon displays called Choose at the top of each section. Figure 4–18 shows a snapshot of the Web Clipping Studio.