List of Figures

• 1-1 Overview of the Oracle WebCenter Architecture
• 1-2 Partial View of the Application You Will Create
• 2-1 Oracle WebCenter Framework in Oracle JDeveloper
• 2-2 Sample Content ZIP File Unzipped
• 2-3 Database Connection for the Tutorial Schema
• 2-4 Execute Statement Icon
• 3-1 MyPage.jspx at the End of this Lesson
• 3-2 Create New WebCenter Application
• 3-3 Name a New WebCenter Application
• 3-4 Generated Application Project Files in the Application Navigator
• 3-5 Editing the Project Properties
• 3-6 Project Properties: Java EE Application
• 3-7 Project Properties with the Modified Context Root Values
• 3-8 Example of the Images folder in the JDEV_USER_HOME
• 3-9 Images in the Application Navigator
• 3-10 CSS Directory with the TutorialSkin.CSS file in the JDEV_USER_HOME
• 3-11 CSS File in the Application Navigator
• 3-12 Mylogin.html Page in the Web Content Directory
• 3-13 Choosing JSF Page from the New Gallery
• 3-14 Create JSF Page Dialog
• 3-15 Selecting an Initial Layout
• 3-16 MyPage in the Application Navigator
• 3-17 Design tab
• 3-18 Pushpin in the Structure Window
• 3-19 Structure Window for MyPage.jspx
• 3-20 Property Inspector for the Panel Splitter
• 3-21 Setting the SplitterPosition Property
• 3-22 Panel Stretch Layout in the Component Palette
• 3-23 Panel Stretch Layout in the Structure Window
• 3-24 Properties of the Panel Stretch Layout
• 3-25 Property Inspector for the Panel Stretch Layout with Updated Values
• 3-26 Panel Stretch Layout Facets
• 3-27 Start Facet in the Design View
• 3-28 Choosing ADF Faces Image from the Context Menu
• 3-29 Logo Image on Page in the Start Facet
• 3-30 Logo Image in the Structure Window
• 3-31 End Facet in the Design View
• 3-32 Panel Group Layout in the End Facet
• 3-33 Changing the Properties of the Panel Group Layout
• 3-34 Status Indicator in the Component Palette
• 3-35 Status Indicator on the Panel Group Layout
• 3-36 MyPage with Logo and Status Indicator at Runtime
• 3-37 Change Mode Link in the Component Palette
• 3-38 Change Mode Link in the Structure Window
• 3-39 Rendered Property in the Change Mode Link Property Inspector
• 3-40 Expression Builder with the Values Filled In
• 3-41 Adding a Spacer Component
• 3-42 Page Customizable in the Component Palette
• 3-43 Page Customizable in the Second Facet
• 3-44 Deleting the Panel Customizable
• 3-45 Removing the Second Status Indicator from the Page Customizable
• 3-46 Panel Group Layout
• 3-47 Layout Customizable in the Page Customizable
• 3-48 Setting the Layout Customizable Properties
• 3-49 MyPage at Runtime with the Change Mode (Edit) Link
• 3-50 Edit Mode of MyPage
• 3-51 Adding Content at Runtime
• 3-52 Text Box in the Edit Mode at Runtime
• 3-53 Entering and Modifying Text in the Rich Text Editor at Runtime
• 3-54 Changing the Layout at Runtime
• 3-55 MyPage in a Three Column Layout at Runtime
• 3-56 Component Properties: Box
• 3-57 Application Menu
• 3-58 Application Properties Dialog
• 4-1 MyPage.jspx in the Browser
• 4-2 Configure ADF Security Menu Option
• 4-3 Configure ADF Security - Step 1 of 5
• 4-4 Configure ADF Security - Step 2 of 5
• 4-5 Configure ADF Security - Step 3 of 5
• 4-6 Security Files in the Application Navigator
• 4-7 Creating Users
• 4-8 New Users Icon
• 4-9 NewUser Properties
• 4-10 New Users in the jazn-data.xml File
• 4-11 Application Roles Tab
• 4-12 Select Users Dialog
• 4-13 Admin-Role
• 4-14 ADF Security Policies
• 4-15 ADF Security Policies for Task Flows
• 4-16 MyPage on the ADF Security Policies Section
• 4-17 Select Roles Dialog
• 4-18 MyPage ADF Security Policies
• 4-19 Assigning the View and Customize Actions to the admin-role
• 4-20 adf-config.xml File in the Application Resources Panel
• 4-21 Section to Overwrite in the adf-config.xml File
• 4-22 Logout Link in the Header
• 4-23 New Panel Group Layout with Horizontal Layout
• 4-24 Horizontal Panel Group Layout with the Components
• 4-25 Second Horizontal Panel Group Layout
• 4-26 Spacer Component in the Structure Window
• 4-27 Output Text Value
• 4-28 Go Link
• 4-29 Destination Property for the Go Link Component
• 4-30 Structure WIndow with the Output Text and Logout Link
• 4-31 Default Login.html Page
• 4-32 Security Tab of the web.xml File
• 4-33 Security Tab of the web.xml File Showing the New Login Page
• 4-34 Logging into Your Application
• 4-35 MyPage.jspx in the Browser
• 5-1 Top Portion of MyPage.jspx at the End of this Lesson
• 5-2 People Connections Section of MyPage at the End of this Lesson (Logged in as Alex)
• 5-3 Sample Search Results
• 5-4 Panel Group Layout in the end Facet
• 5-5 Spacer Component above the Change Mode Link
• 5-6 Search Toolbar Task Flow in the WebCenter Services Catalog
• 5-7 Search Toolbar in the Structure Window
• 5-8 Search Toolbar on MyPage at Runtime
• 5-9 Connections Folder in the Application Resources Panel
• 5-10 Choosing the New Content Repository Connection Menu Option
• 5-11 Create Content Repository Connection
• 5-12 New Connection in the Application Resources Panel
• 5-13 Document Manager View of Sample Folders at Runtime
• 5-14 Location Where We Will Add the Documents - Document Manager Task Flow
• 5-15 Changing the Title of the Show Detail Frame
• 5-16 Documents - Document Manager Task Flow in the Resource Palette
• 5-17 Dropping the Documents - Document Manager Task Flow onto the Page in the Design View
• 5-18 Edit Task Flow Binding Dialog
• 5-19 Documents - Document Manager Task Flow in the Structure Window
• 5-20 Documents - Document Manager View at Runtime
• 5-21 Documents - Document Manager Task Flow Showing the Contents of a Folder
• 5-22 Create New Folder Icon in the Toolbar
• 5-23 Documents - Document Manager Task Flow with the Create Folder Dialog
• 5-24 prodA_details Folder in the Documents - Document Manager View at Runtime
• 5-25 New Folder in the File System
• 5-26 Text File in a Browser Window
• 5-27 Database Connection
• 5-28 Panel Customizable in contentB
• 5-29 Second Show Detail Frame
• 5-30 Tagging - Tag Cloud Task Flow in the Tag Cloud Show Detail Frame
• 5-31 Tag Cloud at Runtime
• 5-32 Choosing the Tags Menu Option in the Documents - Document Manager View
• 5-33 Adding New Tags to a Document
• 5-34 Refresh Tag Cloud Icon
• 5-35 New Tags in the Tag Cloud
• 5-36 productb Tag in the Search Results
• 5-37 Tag Center
• 5-38 Search Results for product
• 5-39 Search Results for producta
• 5-40 First Panel Customizable in the Layout Customizable
• 5-41 Panel Customizable Containing the Show Detail Frame
• 5-42 Edit Task Flow Binding Dialog - Connections
• 5-43 Connections Task Flow in the Structure Window
• 5-44 New Panel Group Layout
• 5-45 Properties for the Panel Group Layout
• 5-46 Activity Stream Show Detail Frame
• 5-47 Edit Task Flow Binding Dialog - Activity Stream
• 5-48 Edit Task Flow Binding Dialog - Message Board
• 5-49 Edit Task Flow Binding Dialog - Profile
• 5-50 People Connections, Activity Stream, Message Board, and Profile Task Flows in the Structure Window
• 5-51 People Connections Service on MyPage
• 5-52 Upload Link in My Profile
• 5-53 Lisa.PNG in the Upload Photo Dialog
• 5-54 Lisa's Profile Image in the Profile View
• 5-55 Invitations Section of the Connections View
• 5-56 User Alex in Lisa's Connections View
• 5-57 Invitation Message Dialog
• 5-58 Invitation Pending in the Connections View
• 5-59 Viewing an Invitation in the Connections View
• 5-60 Alex's Connection View - Received(1) Link
• 5-61 Alex's Connection View Showing Lisa's Invitation to Join Her Network
• 5-62 Alex's Connection with Lisa
• 5-63 Activity Stream
• 5-64 Lisa's Updated View
• 5-65 Messages View with the Add Message Icon
• 5-66 Profile Gallery
• 5-67 Add Message Dialog
• 5-68 New Message on Alex's Message Board
• 5-69 Lisa's Message on Alex's Message Board from Alex's Perspective
• 5-70 Links Service Icon in the Documents - Document Manager View
• 5-71 Links Service Icon in the Documents - Document Manager View
• 5-72 Links Dialog
• 5-73 Link to New URL Menu Option
• 5-74 Linking to a New URL
• 5-75 New URL in the Links Dialog
• 5-76 Mail Task Flow at Runtime
• 5-77 Mail Task Flow with New Message Dialog at Runtime
• 6-1 Portlets Section of MyPage.jspx
• 6-2 Standards-Based Portlet (JSR 168) at Runtime in MyTutorialApplication
• 6-3 Creating a New Portlet Producer Application
• 6-4 Creating a Portlet Producer Application - Step 1
• 6-5 Creating a Portlet Producer Application - Step 2
• 6-6 Creating a Portlet Producer Application - Step 3
• 6-7 Selecting New from the Context Menu
• 6-8 Creating a New Portlet Producer Application
• 6-9 Creating a JSR 168 Java Portlet - General Portlet Information
• 6-10 Creating a JSR 168 Java Portlet - Additional Portlet Information
• 6-11 Creating a JSR 168 Portlet - Content Types and Portlet Modes
• 6-12 Creating a JSR 168 Java Portlet - Customization Preferences
• 6-13 Creating a JSR 168 Java Portlet - Security Roles
• 6-14 Creating a JSR 168 Java Portlet - Caching Options
• 6-15 Creating a JSR 168 Java Portlet - Initialization Parameters
• 6-16 Creating a JSR 168 Java Portlet - Portlet Navigation Parameters
• 6-17 Files Generated for the New Portlet
• 6-18 Portlet Package
• 6-19 Choosing the JavaBean in the New Gallery
• 6-20 Create ProductDetailsBean
• 6-21 ProductDetails JavaBean in the Design View
• 6-22 ProductDetailsBean in the Structure Window
• 6-23 Creating a New Field for the ProductDetails Bean
• 6-24 Create Field Dialog
• 6-25 New Field in the ProductDetailsBean
• 6-26 ProductsBean with the Six Fields
• 6-27 Generate Accessors Dialog
• 6-28 Generate Accessors DIalog with all Fields Selected
• 6-29 Creating the ProductsBean
• 6-30 ProductsBean.java Code
• 6-31 Choosing the Java Class Option in the New Gallery
• 6-32 Create Java Class Dialog
• 6-33 View.jsp File in the Application Navigator
• 6-34 Testing the Standards-Based Portlet
• 6-35 Create WAR Deployment Profile Menu Option
• 6-36 Create Deployment Profile - WAR File Dialog
• 6-37 WAR Deployment Profile Properties -- Setting the Context Root
• 6-38 IntegratedWebLogicServer in the Resource Palette
• 6-39 Creating an EAR File for the Deployment Profile of the Products Portlet
• 6-40 Creating a Deployment Profile
• 6-41 Deployment Action page of the Deploy Products Wizard
• 6-42 Select Server Page of the Deploy Products Wizard
• 6-43 Select Deployment Type
• 6-44 WSRP Producer Test Page
• 6-45 WSDL Describing Your Portlet as a Web Service
• 6-46 MyTutorialApplication in the Application Navigator List
• 6-47 Register WSRP Portlet Producer -- Name
• 6-48 Register WSRP Portlet Producer -- Connection
• 6-49 Products Portlet in the Resource Palette
• 6-50 Panel Customizable Where You Will Add the Products Portlet
• 6-51 New Panel Group Layout
• 6-52 Products Portlet in a Browser Window
• 6-53 OmniPortlet Producer Test Page
• 6-54 Registering an Oracle PDK-Java Producer
• 6-55 Naming the OmniPortlet Producer
• 6-56 Specifying the Connection Details for the OmniPortlet Producer
• 6-57 OmniProducer in the IDE Connections List
• 6-58 OmniPortlet at Runtime
• 6-59 Panel Group Layout Containing the Products Portlet
• 6-60 OmniPortlet in the Resource Palette
• 6-61 Undefined OmniPortlet at Runtime
• 6-62 Customize Link for OmniPortlet
• 6-63 Connection Information for OmniPortlet
• 6-64 Successful Connection Message
• 6-65 SQL Source Page
• 6-66 Test Button
• 6-67 SQL Statement Test Results
• 6-68 View Page
• 6-69 HTML Layout Page
• 6-70 Completed OmniPortlet at Runtime
• 6-71 OmniPortlet Variable in the Structure Window
• 6-72 Setting the Default Value
• 6-73 OmniPortlet on MyPage in the Design View
• 6-74 Editing the PartialTriggers Property for OmniPortlet
• 6-75 Locating the Portlet ID for the Products Portlet
• 6-76 Selecting the Portlet ID for the Products Portlet
• 6-77 Testing the Interaction Between the Portlets
• 7-1 Partial View of MyPage at Runtime with the New Skin
• 7-2 Partial View of Lisa's Personalized Page
• 7-3 Partial View of Alex's Personalized Page
• 7-4 New Layout on Dan's Personalized Page
• 7-5 Creating a New XML Document
• 7-6 Creating the trinidad-skins.xml File
• 7-7 Deleting the Default Code in the trinidad-skins.xml File
• 7-8 The Refresh Icon in the Application Navigator
• 7-9 Logo.png in the start facet
• 7-10 Logo2.png in the Structure Window
• 7-11 MyPage in the Design View with the New Skin
• 7-12 "My Documents" Show Detail Frame in the Structure Window
• 7-13 Setting the Background Property to dark
• 7-14 Changing the Background of the Show Detail Frames
• 7-15 Partial View of MyPage at Runtime with the New Skin
• 7-16 Add Content Button
• 7-17 Adding a Movable Box
• 7-18 Movable Box on MyPage
• 7-19 Viewing the Source of MyPage at Runtime
• 7-20 Movable Box in the Source View
• 7-21 Setting the Text Property
• 7-22 Add Content Button in the My Recipes Show Detail Frame
• 7-23 Setting the Display Header Property
• 7-24 Pencil Icon for Editing the HTML Markup Component
• 7-25 HTML Markup in the Value Field
• 7-26 Video Component on MyPage
• 7-27 New Border Style in the Component Properties:My Documents Dialog
• 7-28 New Border on Lisa's Page
• 7-29 Lisa's Personalized Page
• 7-30 Partial View of Alex's Page with No Personalizations
• 7-31 Activity Stream Show Detail Frame
• 7-32 Configure Dialog
• 7-33 Alex's Updated View of the Activity Stream
• 7-34 Alex's Personalized Page
• 7-35 Dan's Page
• 7-36 Change Layout Icon above the Tag Cloud
• 7-37 Choosing a Different Layout
• 7-38 New Layout on Dan's Personalized Page
• 8-1 Partial View of MyPage at Runtime