Академический Документы
Профессиональный Документы
Культура Документы
JANUARY 2011
Authors: - Birender Singh, Madhusudhan Rao, John Brunswick and Stacy Grega
TABLE OF CONTENTS
Table of Contents ........................................................................................................................... ii WebCenter Introduction ................................................................................................................. 4
About Oracle WebCenter ..................................................................................................................................................... 4 Today's Business Challenges ................................................................................................................................................ 4 WebCenter Benefits ............................................................................................................................................................... 4 WebCenter Components and Architecture........................................................................................................................ 5 Oracle WebCenter Architecture ...................................................................................................................................... 5 Oracle WebCenter Portal Framework ............................................................................................................................ 6
Workshop and Hand-On Activities Introduction .......................................................................... 7 Use Case 1 Create a Partner Portal ............................................................................................. 12
WebCenter Portal Application Template .........................................................................................................................12 Workshop Exercise Scenario..............................................................................................................................................12 Creating WebCenter Portal Application Step-by-step Procedures ..........................................................................13 About MDS and Persistence ..............................................................................................................................................16 Setting up the MDS and Persistence Step-by-step Procedures ................................................................................17 Testing the WebCenter Portal Application Step-by-Step Procedures.....................................................................20 Page Templates, Page Styles, and Skins ............................................................................................................................22 Workshop Exercise Scenario..............................................................................................................................................22 Modify Existing Application Template Step-by-step Procedures............................................................................23 Adding CSS Step-by-step Procedures ..........................................................................................................................25 Adding Images Step-by-step Procedures .....................................................................................................................26 Viewing the new Look and Feel ....................................................................................................................................28
WebCenter Portal Application - Page-level and Page Hierarchy Security ..................................................................38 Workshop Exercise Scenario..............................................................................................................................................38 Adding Roles Step-by-step Procedures ........................................................................................................................39 Adding Users and Assigning Roles Step-by-step Procedures ...................................................................................41 Securing Pages Step-by-step Procedures......................................................................................................................43 Adding a New Page Step-by-step Procedures.............................................................................................................43 Adding Page-level Security Step-by-step Procedures.................................................................................................45 Testing Page Security ......................................................................................................................................................48 Oracle Universal Content Management ...........................................................................................................................50
ii
Create a Database Connection Step-by-step Procedures ..........................................................................................51 Create a UCM Connection Step-by-step Procedures ................................................................................................52 Create a Discussion Forum Connection Step-by-step Procedures..........................................................................54
iii
WEBCENTER INTRODUCTION
About Oracle WebCenter
Oracle WebCenter provides the most comprehensive enterprise portal framework and integrated Enterprise 2.0 services to create rich enterprise portals, transactional websites, and social networking sites. WebCenter supports the creation of all styles of Web sites, portals, and composite applications ranging from employee intranets to customer extranets, dashboards, wikis and blogs, community discussion forums, online stores, and many others.
WebCenter Benefits
WebCenter effectively addresses these business challenges and provides the following benefits to organizations: Decrease Development Costs: by leveraging a wide-range of plug and play products, tools, and services. Deploy Applications Faster: by reusing services across many applications and incorporating readymade tools that support the activities that drive today's businesses. Lower total cost: Spend less on software, hardware, and development to build, maintain and change your applications. Leverage current IT investments: by driving increased usage from existing back-office systems from a single UI. Meet changing business needs: Provides the ability to take advantage of portal infrastructure benefits as appropriate to the application requirements and evolve the application to meet changing or evolving requirements using additional portal infrastructure services and tools. Improve Productivity: by providing fingertip access to the information and systems users need to do their jobs, and integrated tools to help them work more effectively together. Improve Business Processes: streamline work that crosses organizational boundaries, thereby reducing errors and improving process throughput.
PRODUCTS PAGE
ABOUT US - CONTACT US
MANAGEMENT DASHBOARD
JOE'S DASHBOARD
10
11
Oracle WebCenter makes it easy for organizations to create new portal applications. Its powerful integrated development environment, JDeveloper, simplifies the development of creating applications and provides full development life cycle support. Oracle JDeveloper: Increases developers productivity via a visual and declarative approach to application design. Provides a combination of visual editors, property inspectors, structure panes, and editing dialogues to simplify and eliminate tedious coding.
Technical Note: Oracle JDeveloper is the development environment for the Oracle Application Development Framework (Oracle ADF). Oracle ADF is an end-to-end development framework, built on top of the Enterprise Java platform, and offering unparalleled productivity. The framework provides integrated infrastructure solutions for the various layers of the application including data access, business services, development, a controller layer, rich Web, mobile and desktop interfaces, data binding, and security.
12
(3) Enter the name of the application as AvitekDemo. (4) Browse the directory location where you would like to store the application contents, for example under jdeveloper/mywork directory.
13
(5) Enter the Application Package Prefix as avitek.demo. (6) Choose WebCenter Portal Application in the Application Template pane.
(8) Keep default values on the Project Name screen and click Next to continue.
14
(9) Keep the default values on the Configure Java Settings screen and click "Next".
(10)Make sure the Configure the application with standard Portal features option is checked. This setting ensures that the application generates all the portal artifacts in the application such as Templates, Catalogs, Skins, Default Pages, Site Resource Manager, etc.
15
(11)Click Finish to complete the process of creating a PS3 WebCenter portal application. (12)In the Application Navigator; expand Portal >> Web Content >> oracle >> webcenter >> portalapp to view the many portal framework items added to your portal application.
16
(2) Once the Application Properties dialogue is open, search for mds.
17
(3) Select MDS under Run. (4) Click on the Browse button for the Override Location field. Navigate to the application's working directory; i.e. /home/<user_name>/jdeveloper/mywork/AvitekDemo.
18
(9) Under Directory Content, select the Preserve customization across application runs option. This option ensures that changes made during the last run of the application are retained. By default, it is not selected. Refer to the figure below. (10)Click OK.
19
(11)In JDeveloper, Choose File Save All, in order to save all configurations for AvitekDemo.
(2) Right click index.html and choose "Run". (3) The webcenter portal application is then accessible on url as http://owcvm03/AvitekDemoApp-Portalcontext-root/index.html. (4) View the default layout and template used in your WebCenter portal application. Notice the page includes a Login.
20
JAN 2011
21
JAN 2011
22
JAN 2011
23
JAN 2011
(5) Click the Source tab to switch to source mode to edit the template. (6) Workshop files have been included as part of this workshop. Ask the facilitator where you can locate the "LookandFeelArtifacts" files. (7) Copy the "LookandFeelArtifacts" files to your desktop. (8) Open the LookandFeelArtifact folder. (9) Open file pageTemplate_globe.jspx in a text editor. (10)Copy and Paste the entire content from the file document into the pageTemplate_globe.jspx already opened in source mode in JDeveloper.
24
JAN 2011
(2) Click the General Category and choose Folder as the Item.
25
JAN 2011
(4) Type in a Folder Name of css, leave the default directory, and click OK. (5) Workshop files have been provided to you. Open the LookandFeelArtifact folder. (6) Copy the style.css from the workshop files and paste into the /jdeveloper/mywork/AvitekDemo/Portal/public_html/css folder.
26
JAN 2011
(3) Click the General Category and choose Folder as the Item. (4) Click OK.
(5) Type in a Folder Name of images, leave the default directory, and click OK. (6) Workshop files have been provided to you. Open the LookandFeelArtifact workshop files folder. (7) Copy all the PNG images from the workshop files and paste into the /jdeveloper/mywork/AvitekDemo/Portal/public_html/images folder.
27
JAN 2011
(4) The webcenter portal application is then accessible on url as http://owcvm03/AvitekDemoAppPortal-context-root/index.html (5) Upon completing these exercises, your portal now has the Avitek look and feel.
28
JAN 2011
29
JAN 2011
About Pages
A portal consists of one or more pages, and pages play a crucial role in a portal's structure and organization. Generally, a page is a container for one or more entities like task flows, portlets, and content. Pages also typically include a navigation interface, like a navigation tree, tabs, or bread crumbs. In a WebCenter Portal application, three default pages are included in the Portal project under the folder oracle/webcenter/portalapp/pages as shown in the exercises. These 3 pages are: error.jspx home.jspx login.jspx
The placement of these pages is for organizational purposes, and new pages do not necessarily need to be created under the pages folder.
About Navigation
Navigation models define the content, structure, and metadata of your portal navigation. Typically, portals provide information from different sources. Information may be provided by pages, portlets, task flows, content repositories like Oracle's Universal Content Management system, and external pages. Users need a way to easily move through this information and quickly access the specific information that they need. You provide this access to information through your portal navigation. The navigation model defines the content, structure, and metadata of the navigation. When you create the navigation model, you specify the items to include and the hierarchy of those items. Navigation models can include the following resources: Pages (individual pages and page hierarchies) Content (individual content items or the results of a content query)
30
JAN 2011
Other navigation models Portlets Task flows External applications External links
The navigation component in the WebCenter Portal Application is controlled by defining page hierarchy in pages.xml file and default-navigation-model.xml. These files are shown in the screen capture below.
31
JAN 2011
(2) Under Pages, notice 3 default pages were created for this WebCenter application; error.jspx, home.jspx, and login.jspx. (3) Right-click on pages node and select New.
32
JAN 2011
(4) A new page creation wizard opens, choose from JSF under the Web-Tier and select JSF Page.
33
JAN 2011
. (6) On the Create JSF Page screen, type in a File name of products.jspx. (7) Make sure that the option to Create as XML Document (*.jspx)" is checked. (8) Choose a Page Template of Globe Page Template. (9) Click OK. (10) Repeat steps 1 - 9 to create an About Us page (aboutus.jspx). (11) Repeat steps 1 - 9 to create a Contact Us page (contactus.jspx). (12) Repeat steps 1 - 9 to create an Announcements page (announcements.jspx).
34
JAN 2011
35
JAN 2011
(6) Click Open. (7) Select the newly added Products node. (8) By default the Idand Title are same as the page name i.e. products. (9) Change the Title from products to Products. This title is reflected on the page menu in your application.
(10) Repeat steps 4 - 9 to add the About Us page to the Page Hierarchy. (11) Repeat steps 4 - 9 to add the Contact Us page to the Page Hierarchy.
36
JAN 2011
(12)Select the Products node in the hierarchy, and repeat steps 4 - 9 to add the Announcements page to the Page Hierarchy under Products.
37
JAN 2011
38
JAN 2011
The following table shows the users and roles you will create. User bob julia joe Roles Employees Employees Management
39
JAN 2011
(5) Choose Application Roles link. (6) In the Roles pane, notice the 3 default roles; Administrator, anonymous-role and authenticated-role. (7) In this lab, we will create 2 Roles: Employees and Management.
40
JAN 2011
(9) Enter a Name of Employees and Display Name of Employees. (10)Click the Add icon again to add a 2nd role. Choose Add New Role - at Root Level.
(2) In this lab we will add three users bob, joe and julia. (3) Click the Add icon In the Users pane to add new users.
41
JAN 2011
(4) Enter the Name as bob, Password as welcome1, and Display Name as bob. (5) Click the Add icon in the Assigned Roles pane and select Application Roles.
(6) A dialogue opens with all the roles available for the AvitekDemo application; choose Employees as role for bob. (7) Click OK.
42
JAN 2011
(8) On the jazn-data.xml file, you can see that the User bob has been assigned the "Employees" role. (9) Repeat steps 1 - 7 to create the user "julia" and assign the "Employees" role. Name and Display Name should be Julia and Password is welcome1. (10)Repeat steps 1 - 7 to create the user "joe" and assign the "Management" role. Name and Display Name should be joe and Password is welcome1.
43
JAN 2011
(3) A new page creation wizard opens, choose from JSF under the Web-Tier and select JSF Page.
44
JAN 2011
. (5) On the Create JSF Page screen, type in a File Name of employeedashboard.jspx. (6) Make sure that the option to Create as XML Document (*.jspx)" is checked. (7) Choose a Page Template of Globe Page Template. (8) Click OK.
45
JAN 2011
(3) Right-click and open pages.xml. (4) Select the Root node and click the Add Page icon to add to the page hierarchy.
(5) Browse to the Pages folder and choose employeedashboard.jspx. (6) Click Open. (7) Select the newly added employeedashboard node.
(8) By default the Idand Title are same as the page name i.e. employeedashboard.
46
JAN 2011
(9) Change the Title to Employee Dashboard. This title is reflected on the page menu in your application.
(10)Change the Security option to Delegate Security. (11)Remove the Roles anonymous-role and authenticated-role by selecting the role and clicking the Remove icon. Important, please do not remove the Administrator role.
(13)Highlight the Employees Role and select the Grant, Create, Delete, "Update", "Personalize", and "View" permissions. (14)Press Save All, to save all the work.
47
JAN 2011
(3) Login as bob/welcome1. Bob has access to the Employee Dashboard page. Notice the page now appears.
48
JAN 2011
49
JAN 2011
It is common that users publish, display, and work with data from various sources across an organization. In the next 3 Use Cases, you will see data from various sources pulled into your AvitekDemo application. Prior to those use cases, it is essential to make connections to the various sources. The three Use Cases are listed below: . Getting Content from Oracle's Universal Content Management requires a connection to the Oracle UCM application Adding Discussions and Announcements requires connection to the Oracle WebCenter Discussion Server Mashups will use data predefined in the database to showcase Mashup features
50
JAN 2011
51
JAN 2011
(6) Choose the Connection Type as Oracle (JDBC). (7) Enter the Username as workshop and Password as welcome1. (8) Update the JDBC settings; choose the Driver as Oracle (JDBC). (9) Enter Host Name as owcvm03 and JDBC Port as 1521. (10)Enter the SID as owcdb01. (11)Press the Test Connection, in order to verify that the details entered are correct and a successful database connection is established. (12)Click OK.
52
JAN 2011
(3) Enter the Connection Name of "UCM". (4) Select the Repository Type as Oracle Content Server. (5) Enable the Set it as the primary connection for Document Service check box. (6) Enter RIDC Socket Type as socket. (7) Enter Server Host Name as owcvm03 (8) Enter the Content Server Listener Port as 4444. (9) Click the Test Connection button to verify you have a successful connection to Oracle Content Server (UCM). (10)Click OK to exit from the connection dialogue.
53
JAN 2011
54
JAN 2011
(5) Enter the URL as http://owcvm03/owc_discussions. (6) Enter Admin User as weblogic (7) Enter Connection Timeout as 3000. (8) For other fields; keep the default values. (9) Press the Test Connection button, to verify the connection. (10)Click Finish.
55
JAN 2011
Workshop Exercises
In this set up exercises, you are going to be adding content to your Home page, Products page, and other pages. You will be adding a combination of .html files and images; all stored within the Universal Content Management system. Oracle's UCM manages an HTML home page file which will be added to the Home page of your application. After these exercises, your Home Page will look like the following:
56
JAN 2011
For the Products page, we will add the following UCM content Product Gallery images which are stored in a UCM contribution folder called Product Gallery. Here you can choose to add all the images and choose a Carousel style template for viewing. A set of HTML Product pages where you will add all .html files and choose a Tabbed view. Another Reach Us.html page which will be added to the right hand side of the page
57
JAN 2011
(4) Once authenticated, navigate to Contribution Folders AvitekFiles HTML Home. The content located in these folders are stored and managed within the Universal Content Management system Directly from JDeveloper; you have a visible view of content and can easily add content into your application.
58
JAN 2011
(5) Expand the Portal project folder and navigate to your project Home page (Portal WebContent oracle webcenter portalapp pages).
(6) Right-click and open home.jspx. (7) In Application Resources, return to Contribution Folders AvitekFiles CSS HTML Home.
(8) Drag and drop the home.html on to the home.jspx. When prompted, choose Documents Content Presenter.
59
JAN 2011
(9) Leave the defaults for Edit Task Flow Binding dialogue and Click OK. (10)Important note, usually steps 8 and 9 works perfectly. But sometimes dropping the content on other areas in page might cause errors. The best practice is to enable Structure View of the jspx page. This is enabled by clicking View option in Jdeveloper's top menu and selecting Structure.
60
JAN 2011
(12)Make sure the UCM content shown as af:region - #{bindings.doclibxxxxx} is dropped on cust:panelCustomizable which is found following this path f:view f:form af:pageTemplate f:facet -content pe:pageCustomizable cust:panelCustomizable. (13)Test and Run the application. Highlight index.html, right-click and choose Run. Home page should look like the following screen.
61
JAN 2011
(3) Expand Application Resources Connections Content Repository UCM node. (4) If asked to authenticate enter weblogic/welcome1 as User Name and Password.
62
JAN 2011
(6) Drag and Drop the entire Product Gallery folder from the UCM Content Repository onto products.jspx and choose Documents Content presenter.
(7) In the Edit Task Flow Binding dialog, enter Input Parameters against templateView as ${'oracle.webcenter.content.templates.default.list.carousel'} . (8) Click OK. (9) Click Save All.
63
JAN 2011
(10)Select or highlight products.jspx. (11)In the Structures pane for products.jspx, make sure the UCM content which appears as af:region #{bindings.doclibxxxxxxxx} is under the jsp:root f:view af:document af:form af:pageTemplate f:facet -content component. (12)Expand Application Resources Connections Content Repository UCM node. (13)Navigate to Contribution Folders AvitekFiles Products folder.
64
JAN 2011
(14)Drag and drop the entire Products folder on the products.jspx and choose Documents Content Presenter.
(15)In the Edit Task Flow Binding dialog, enter Input Parameters against templateView as ${'oracle.webcenter.content.templates.default.list.panel.tabbed'} . (16)Select or highlight product.jspx. (17)View the Structures pane. The UCM content should fall under the f:facet content component. If the UCM component does not fall within the facet content component, drag and drop it under the facet.
65
JAN 2011
(19)View your Product page. Notice the Images added from the Products Gallery folder are presented with the Content Presenter: Carousel View and the HTML Products files are presented with the Content Presenter: Tabbed Panel view. (20)You will add one more content item to the Products Page, expand Application Resources. Under the Content Repository UCM Contribution Folders AvitekFiles HTML About Us.
66
JAN 2011
(21)Drag and drop the reachus.html on the products.jspx as Documents Content Presenter. (22)Press Save All. (23)Once again, in the Structures pane for products.jspx, make sure the UCM content which appears as af:region - #{bindings.doclibxxxxxxxx} is under the jsp:root f:view af:document af:form af:pageTemplate f:facet -content component. (24)In order to correctly control the display of content presented on products.jspx, it's recommended that a table (if not present) is inserted in the jspx page. In JDeveloper, view products.jspx in source mode. You can choose to insert Table code to help control your display. This is represented in the Structure pane.
67
JAN 2011
(25)Test the application, right-click on index.html and choose Run. (26)View the Products page. The below picture represents the products.jspx page and the three areas of the page in which content was added.
68
JAN 2011
Add new node icon to add a new node and choose Link.
(4) Enter an Id as aboutus. (5) Choose a Type as Content. (6) Click on browse icon at URL field.
69
JAN 2011
(7) In the Choose a Resource dialog, choose Application Resources on the left hand frame. (8) Expand the Connections Content Repository UCM Contribution Folders AvitekFiles HTML AboutUs and select aboutus.html (9) Click OK. (10)The URL on the default-navigation-model.xml now looks like :content://UCM#dDocName:ABOUTUS (11)Change the Display value in URL Attributes section to About Us. (12)Click "Save All". (13)Run the application to view its effect. One shall see the About Us link next to the Products.
70
JAN 2011
(4) Drag and drop the Page Customizable component onto the "aboutus.jspx".
(5) View the Structure pane for "aboutus.jspx" and view pe:pageCustomizable; which should appear under af:form - af:pageTemplate - f:facet - content. (6) Click Save All.
71
JAN 2011
(7) Under the node Content Repository UCM Contribution Folders AvitekFiles HTML About Us. (8) Select AboutUs.html, the drag and drop AboutUs.html onto the Structure pane underneath f:view - af:document - af:PageTemplate - f:facet - content - pe:pageCustomizable cust:panelCustomizable and choose "Documents - Content Presenter".
(9) Press Save All. (10) Add a child link under the About Us in default-navigation-model.xml.
72
JAN 2011
(12)Enter the Id of aboutusedit. (13)Choose Type as Page. (14)Click on browse icon at URL field.
(15)Navigate to oracle webcenter portalapp pages and select aboutus.jspx. (16)Change the Display Value under URL attributes section to About Us (Edit). (17)Similarly, add a 2nd child link under the About Us in default-navigation-model.xml.
73
JAN 2011
(19)Enter an Id as ContactUs. (20)Select a Type as Page. (21)Click on browse icon at URL field.
(22)Navigate to oracle webcenter portalapp pages and select contactus.jspx. (23)Change the Display Value under URL attributes section to Contact Us. (24)Right-click index.html and choose Run to test your application. (25)View the navigation and the content from UCM on About Us and "About Us - About Us (Edit)", and "About Us - Contact Us" pages. Notice About Us appears twice. Refer to next activities.
74
JAN 2011
(3) Select About Us node and uncheck the Visible node. (4) Select the Contact Us node and uncheck the Visible node. (5) Now open to default-navigation-model under Portal WebContent oracle webcenter portalapp navigations.
(6) Notice that Page Hierarchy and your previously added nodes contribute to the overall navigation in this particular project.
75
JAN 2011
(1) Login to AvitekDemo portal on the web-browser as weblogic/weblogic1. You may need to run your application again to get the web browser or click the URL to your project in JDeveloper logs. (2) Navigate to About Us (edit) link under the About Us page. Click to open About Us. (3) Press Ctrl + Shift + C key combination. This renders the page aboutus.jspx in edit mode. The blue dotted line around the About Us (Edit) page represents that page is in edit mode. (4) Important Note:- Ctrl+Shift+C allows for Editing the content from the UCM or Editing HTML page stored with in UCM.
76
JAN 2011
(8) The page is rendered to an editor in a pop-up window. View your editing options and make some changes.
(9) Click Save and Close to save your changes and return to previous window.
77
JAN 2011
Consider a dashboard-like application that displays information pertaining to the logged-in user, such as a work list, open tasks, mail, and so on. The page developer creates the dashboard page and populates it with the required components and task flows. When this application is installed at a customer site, people at different levels in the organization may want the page modified to suit their requirement. For example: Department administrators may want to add a "Department News" task flow to the dashboard. LOB administrators may want to add an "Expense Incurred by Self/Directs" task flow to the dashboard. The country site administrator may want to add a task flow pertaining to the respective country's operations or rules.
78
JAN 2011
Rather than pushing these simple modifications back onto the developer, Oracle Composer, in conjunction with Metadata Services (MDS), provides a runtime editing tool that enables business users to edit application pages. Changes made to the page at runtime are saved as metadata, separate from the base application definitions. This eliminates the need to revise the application and redeploy it to the production environment.
79
JAN 2011
(3) Drag and drop the Page Customizable component onto the content facet, <f:face name="content">, in "employeedashboard.jspx"; <f:face name="content">.
(4) You can also view the Structure pane for "employeedashboard.jspx" and view pe:pageCustomizable;
80
JAN 2011
(5) Click Save All. (6) Right-click index.html and choose Run your application.
81
JAN 2011
(5) Choose Content Management. (6) Click Add icon for Document List Viewer.
82
JAN 2011
(9) Choose the Content from a Selected Folder icon. (10)Click the browse icon for the Starting folder path and choose the UCM - Contribution Folders AvitekFiles - My Documents folder and click OK.
(11)Click the Preview button to preview while still in Edit mode. (12)Click Save and Close. (13)If desired, you can click Add Content again to add a 2nd example to the page; maybe a view of the managed News Releases in UCM.
83
JAN 2011
Discussions enable users to post, respond to, and preserve topical information in discussion forums. Users post topics to a discussion forum, and other users post information relevant to those topics. All of this information is preserved within the forum. The Discussion Service provides a wide variety of task flows for viewing and participating in discussions ranging from Discussion Forums to watching recent and most popular topics.
84
JAN 2011
(4) Click the browse icon for the URL field. This opens dialogue window.
85
JAN 2011
(5) Choose Resource Palette from the left frame on the dialogue box. (6) Expand the node(s) My Catalogs WebCenter Services Catalog Task Flows. (7) Scroll down and select Discussion Forums, click OK to confirm. (8) On default-navigation-model.xml, in URL Attributes section change the display value to Discussions. Click Save All. (9) Right-click index.html and choose Run to test your application. (10)Log in as weblogic / weblogic1. (11)Navigate to the Discussion Forum node to view Discussions and create new forums.
86
JAN 2011
(3) In JDeveloper, open announcements.jspx. (4) From the Component Palette, choose Oracle Composer and drag Page Customizable onto <f:facet name="content">.
(5) Open Resource Palette from right-frame on JDeveloper. (6) Scroll down WebCenter Service Catalog TaskFlows Announcements.
87
JAN 2011
(7) Drag and drop Announcements taskflow on the announcements.jspx page, as a Region. Click OK to confirm.
88
JAN 2011
(10)Click OK . (11)The following code has been added to the Announcements.jspx page.
(12)Right-click index.html and choose Run to test your application. (13)Navigate to Products - Announcements.
89
JAN 2011
Mashup Introduction
Business mashups are visualizations created by gathering data from various data sources and publishing the gathered data using different layouts such as forms, tables, and graphs. Business mashups are reusable components that you can create or edit at runtime. A mashup can be an ensemble of multiple UI widgets that interact with each other. Each component in a business mashup could be working against a different data source such as SQL, Web Services, or XML. A mashup can display data retrieved from a data source as a graph or table, or write to a data source using a form. Oracle WebCenter provides a powerful way for developers, administrators, and power users to create mashups in the running portal or social and collaborative application without bringing the system to a halt. A fully-integrated data publisher enables you to perform the following tasks: Create data controls to retrieve information from different data sources. Create mashups by consuming data controls in task flows or application pages. Provide users the flexibility to customize their view of a mashup.
90
JAN 2011
(7) Open pages.xml Add the page to pages.xml, in order to make it visible and navigable at run-time. (8) Open to pages.xml under Portal WebContent oracle webcenter portalapp page hierarchy. (9) Add the new Car Sales page to the Page Hierarchy as seen below.
91
JAN 2011
(2) Login as weblogic/weblogic1. (3) In Domain Structure left hand pane, navigate to Services - Data Sources.
92
JAN 2011
(4) Select New Generic Data Source. It opens a wizard to create a data source. (5) Enter Name of the data source as oradb11gR2, enter JNDI Name as jdbc/oradb11gR2 and choose Database Type as Oracle.
(6) Click Next. (7) Define Connection Properties of Database Name as owcdb01, Host Name as owcvm03, Port as 1521, Database User Name and Password as workshop/welcome1.
93
JAN 2011
(8) Click Next. (9) On the next screen, verify all the connection properties and click on button Test Configuration.
(10)Click on Next to continue. (11)On the final screen, deploy the data source to the Default Server and Press Finish.
94
JAN 2011
(2) On the Resources tab, click on the Data Controls under Mash ups.
95
JAN 2011
(4) A wizard based Create New Data Control window opens. Choose SQL. The data-source created in the weblogic console is automatically populated. Enter the password as welcome1. (5) On the SQL Statement text area. Enter SQL as SELECT CID, NAME, FORECAST, ACTUALS, FYEAR FROM SALES. (6) Click TEST then CREATE.
96
JAN 2011
(7) On the data control screen at administration console, choose Edit Show option to make the data control Available.
(3) Enter Name as Car Sales TaskFlow, Choose Blank taskflow (since our query does not have any parameters). (4) Click Create to continue.
97
JAN 2011
(6) Now, do Edit Edit. This enables you to add content to the task-flow based on webcenter services. (7) Click on Add Content. (8) Choose Mash-Ups.
98
JAN 2011
(11)This starts the Create Table wizard. (12)Choose Read-only Table. (13)Enable Row Selection and Sorting in Behavior options.
(14)Click Next.
99
JAN 2011
(15)Click Next.
(16)Select CID column, enter a Column Header of SL NO and Display As of Output Text. (17)Select NAME column, enter Column Header of CAR MAKE and Display As of Output Text. (18)Select FORECAST column, enter Column Header of FORECAST and Display As of Output Text. (19)Select ACTUALS column, enter Column Header of ACTUAL SALES and Display As of Output Text. (20)Select FYEAR column, enter Column Header of FISCAL YEAR and Display As of Output Text.
100
JAN 2011
(21)Click "Create". (22) One can see the output of the same on the task-flow window.
(3) Car Sales i.e. carsales.jspx is opened in the browser. (4) Press Crtl + Shift + E to edit the page at run-time.
101
JAN 2011
(5) Click Edit button to edit the page. (6) Press Add Content button and choose Mash-Ups from the Add Content pop-up.
102
JAN 2011
(9) Click Close. (10)Press Ctrl + Shift + E to exit the edit mode on carsales.jspx and view the page.
103