Chapter 3: Getting Started

Getting started with Web Studio

This section provides a quick tutorial for using the Web Studio. In this tutorial, create an interactive portlet using an existing Web portlet. For detailed information, see the Enterprise Portal – Information Edition Feature Guide and the Enterprise Portal Development Guide.

You must use Internet Explorer 5.5 or 6.0 to access Web Studio.

Logging in to Web Studio

Open a new browser window, and enter:
```
http://HOSTNAME.PORTALDOMAIN:port/onepage/
index.html
```
where:
- HOSTNAME – the name of the machine where you installed EP 6.1.
- PORTALDOMAIN – the domain name where the installation is located.
- port – the port number (the default is 4040).
  
  For example, enter:
```
http://lab2k.sybase.com:4040/onepage/index.html
```
  For the demo system, enter:
```
http://demo.sybase.com:4040/onepage/index.html
```
In the User Name field, enter:
```
opsuper
```
In the Password field, enter:
```
0psuper
```
The first character is zero. The Web Studio window displays.

Creating an interactive Web element (stock quote)

Select Portlets in the left pane.
Select New from the Portlet Manager toolbar, and click the New button to open Portlet Builder.
Click the down arrow next to Add, and select Web Element from the drop-down list, or click Add, which opens the Web Element wizard.
In the Location field, enter cbs.marketwatch.com, and click Find.
If prompted, click the “Direct to cbs.marketwatch.com” link.
In the Enter Symbols field in the left pane, enter SY, and click the Quote/News arrow.

Click Next in the upper-right corner.
After the preview refreshes, click the word “Last” in the quote table. The cursor flag provides instructions.
After the preview refreshes, click Select next to the option that displays the entire quote table. You can scroll up and down to view other formats.

Click Next in the upper-right corner.
After the preview refreshes, click the Variable box, which is next to the “symb” parameter.
In the Display Name field, enter Symbol, and in the Default Value field, enter SY.

Click Next in the upper-right corner.
After the preview refreshes, enter Quote in the Element Name field.

Click Next.
In the Continuous Capture window, click Finish to close the Portlet Builder wizard.
Test the portlet by entering IBM in the Symbol field, and clicking Update.

Saving the portlet

Click Save in the upper-left corner.
In the Finish window:

Content tab Enter Stock Quote in the Name field, and click In Context.

Roles tab Click Add All to select all roles.

Administration tab From the Category and Subcategory drop-down lists, select Business and Investing.
Click Finish in the upper-right corner.
In the confirmation pop-up, click OK.
Click Close in the upper-right corner to close the Portlet Builder.

Approving the portlet

Click Portlet in the left pane, and click New in Portlet Manager Status menu. The new portlet loads in the detail pane.
Right-click the Stock Quote portlet in the detail pane, and select Approval Status | Approved.
From the Approval Status submenu, and select Approved.
In the confirmation pop-up, click OK. The portlet is now listed under the Approved Status menu.

Updating the portlet catalog

In the left pane, click Catalogs.
From the Catalog Manager menu, click the Approved branch in the Status tree.
Double-click the Default Catalog with version 1.0.
In the Catalog Builder window, select the Search branch.

Click Add in the Catalog Builder toolbar.
From the Find Portlet pop-up, click Search.
From the Find Portlet result list, select the Stock Quote portlet, and click Add. The Find Portlet window closes.
In the Catalog Builder toolbar, click Save.
In the confirmation pop-up window, click OK.
Click Close in the upper-right corner. The Catalog Builder closes.

Approving the updated portlet catalog

From the Catalog Manager, under the Status tree, click the New branch.
In the Catalog Manager detail view, right-click Default Catalog version 1.1.
Scroll down to the Approval Status selection. From the Approval Status submenu, select Approved.
In the confirmation pop-up, click OK.

Making the updated portlet catalog active

From the Catalog Manager menu, under the Status tree, click the Approved branch.
In the Catalog Manager detail view, right-click the Default Catalog version 2.0.
Scroll down to the Active selection, and from the Active submenu, select Yes.
In the warning pop-up window, click OK.
In the confirmation pop-up window, click OK.

Updating the Portal Interface

Select Update from the Catalog Manager toolbar.
Click OK in the confirmation pop-up.

Adding the stock quote portlet to the demo page

Log in to the Portal Interface using the same account you used in “Getting started with Portal Interface”.
Select the myTest page.
Click Add Portlet.
Click the Search branch.
Click the Stock Quote portlet.
Click Done to close the Add Portlet pop-up.
Use the vertical scroll bar to scroll down to view the Stock Quote portlet.
In the Stock Quote portlet, enter IBM in the Symbol input field.
Click OK to display IBM quote information.

For information about creating advanced interactive portlets from Web, XML, database, and JSP sources, see Chapter 2 of the Enterprise Portal Developer’s Guide.

View this book as PDF