Professional Documents
Culture Documents
Activity Guide
D78300GC20
Edition 2.0
January 2014
D84337
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.
Disclaimer
This document contains proprietary information and is protected by copyright and other intellectual property laws. You may copy and
print this document solely for your own use in an Oracle training course. The document may not be modified or altered in any way.
Except where your use constitutes "fair use" under copyright law, you may not use, share, download, upload, copy, print, display,
perform, reproduce, publish, license, post, transmit, or distribute this document in whole or in part without the express authorization
of Oracle.
The information contained in this document is subject to change without notice. If you find any problems in the document, please
report them in writing to: Oracle University, 500 Oracle Parkway, Redwood Shores, California 94065 USA. This document is not
warranted to be error-free.
If this documentation is delivered to the United States Government or anyone using the documentation on behalf of the United
States Government, the following notice is applicable:
Trademark Notice
Oracle and Java are registered trademarks of Oracle and/or its affiliates. Other names may be trademarks of their respective
owners.
Author
Jenny Wongtangswad
Project Participants
Name Project Role Contact Information
Taylor Solutions Architect taylor@avisports.com
<insert your name here> Lead Developer <yourname>@avisports.com
Florence Product Manager flo@avisports.com
Hayden Project Manager hayden@avisports.com
Main Navigation
Page Description
Featured Products
Footer
Side Navigation
Product Detail
The second way a product is rendered is in summary format. Product summaries are rendered
in Landing Pages as “Featured Products.” Each summary contains a link that when clicked,
brings visitors to the product’s detail page.
Footer
Navigational Components
The AviSports Store website requires three navigational components: Main Navigation, Footer,
and Side Navigation (Product and Article Detail pages only).
Main Navigation
Side Navigation
Footer
Asset Types
The AviSports Store is an online retail site where customers will be able to browse a selection of
products for various sports. The following documents the asset types needed for this
implementation:
Asset Type Attributes Attribute Type Attribute Editor
Product ProductName string
ProductNumber string
Business Requirements
Users and Roles
Roles are used to manage access to content management sites and their components. The
assignment of roles to users and interface functions on a given content management site
determines whether the interface functions are enabled for users or hidden from them. If the
user’s roles match the roles that are assigned to the interface functions, the functions are
enabled for the other. Otherwise they are hidden.
We have two main types of users for AviSports Store. They are administrators and contributors:
Contributors:
• florence, ProductManager
Administrators:
• fwadmin, GeneralAdmin
Developers and site administrators must make sure that the following interface functions are
considered when applying roles:
• start menu items
• tree tabs
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 1
Practices for Lesson 5: Overview
Practices Overview
In these practices, you will start your WebCenter Sites project by creating a new content
management site, creating new roles, and assigning those roles to new users. Completing the
practices in this lesson will also give you an overview of the WEM Admin user interface.
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 2
Practice 5-1: Creating a CM Site in WebCenter Sites
Overview
In this practice, you will:
• Create a new Content Management Site in the WEM UI
• Manage users and applications for your newly created CM site
• Explain what happens when a new CM Site is created
• Explain what components are not created when a CM Site is created
Assumptions
• You have located the Start Developer JSK icon on your desktop
Tasks
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 3
c. From the “Site” drop-down menu, select AdminSite.
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 4
3. Add a new CM site:
a. Click Add Site. You will be brought to the “Add Site” screen:
4. Next, assign access to the AviSports Store CM Site for the fwadmin user:
a. Right-click avisports_store. A shortcut menu should appear similar to the following:
b. From the shortcut menu, select Manage Site Users. You will be brought to the
“Manage Site Users” page.
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 5
c. Click Assign Users. You will then be brought to the “Select Users for Site” screen.
d. From the list of available users, select fwadmin, and click the right arrow to move your
selection to the “Selected” list.
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 6
Oracle Internal & Oracle Academy Use Only
g. Click Save and Close. You will then be brought back to the Manage Site Users page,
updated to reflect the fwadmin user as a user of your AviSports Store Site:
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 7
Practice 5-2: Creating Users in the WEM Admin Interface
Overview
In this practice, you will:
• Create new users for the WebCenter Sites application
• Assign ACLs to users in the WEM Admin interface
Assumptions
• Your jumpstart kit is up and running.
• You have completed Practice 5-1.
• You are logged in to the WEM Admin interface as the fwadmin user.
Tasks
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 8
d. Click Save and Close. You will then be returned to the Users page, updated to reflect
your new user. (You may need to configure the screen to show more than five users
per page.)
Note: If you were to log out of the system and try to log in as Florence at this time,
WebCenter Sites will not allow you to log in because Florence has not been given any rights
to access a CM site.
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 9
Practice 5-3: Creating and Assigning Roles in the WEM Admin
Interface
Overview
In this practice, you will:
• Create new roles
• Grant access to the AviSports Store Site using roles
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the WEM Admin interface as the fwadmin user.
• You have completed Practices 5-1 and 5-2 successfully.
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 10
e. From the list of available users, select Florence, and click the right arrow button to
move Florence to the “Selected” list.
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 11
h. Click Save and Close. You will then be brought back to the Manage Site Users page
with the list of users updated to reflect Florence as a new user to the AviSports Store
site.
Practices for Lesson 5: Creating and Configuring a New Content Management Site
Chapter 5 - Page 12
Oracle Internal & Oracle Academy Use Only
Practices for Lesson 6:
Building the Content Model
Chapter 6
Assumptions
• Your jumpstart kit is up and running.
• You have completed all previous practices successfully.
• You have logged out of the WEM Admin interface.
Tasks
If you receive the “Java Update Needed” prompt, select Do not ask again until next
update is available and click Later.
Java plugins are deactivated by default. Click Activate All Plugins.
You should now have a new Flex Asset Family, with a single child asset type,
AviProduct_C (Product).
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.
You are now ready to create assets. Oracle Internal & Oracle Academy Use Only
Product Image
Product Number
Product Information
Assumptions
• Your jumpstart kit is up and running.
• You have completed all previous practices successfully.
• You have created the AviProduct Asset Family and enabled their asset types for the
AviSports Store.
• You are logged in to the Admin interface of the avisports_store CM site as the
fwadmin user.
Tasks
1. Create the Product attributes (AviProduct Attributes):
a. On the menu bar, click New. The Start Menu list will load in your workspace.
b. From the Start Menu, select New AviProduct Attribute. This will load the AviProduct
Attribute creation form in your workspace.
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.
2. After all of the attributes have been created, create the Product Definition:
a. From the menu bar, click New. This will load the Start Menu in your workspace again.
b. From the Start Menu, select New AviProduct Definition. This will load the “AviProduct
Definition” creation form in your workspace.
c. Complete the form as follows:
1) For “Name,” enter Product.
2) For “Attributes,” select the following and click Optional, indicating that the selected
attributes will be marked as optional attributes on your Product asset creation
form:
• ProductInformation (S)
• ProductImage (S)
• ProductNumber (S)
• ProductPrice (S)
Checkpoint
You have created what you need to start adding sample content to your AviSports Store
Site. (You can check the History tab for a list of assets you have created or conduct
searches for them.) However, you will need to take an extra step to build a hierarchical
product tree by introducing Parent assets. In order to create Parent assets (Parent assets
will serve as Product Categories in your asset tree), you need to create a Parent Definition
(which will give you access to a Product Parent asset creation form). You can then specify
the Parent Definition in the Product Definition, ultimately allowing the contributor to select a
Product Category upon creation of their Product asset.
f. Click Save.
Checkpoint
By now, you have successfully created a new Asset Family and sample Product assets for
your CM site. To verify that you have successfully created a set of Product assets, go to the
Search bar in the Contributor interface. Narrow your search to only AviProduct assets and
click the magnifying glass to execute the search. The search pane will load, listing the
assets that meet your search criteria.
Assumptions
Tasks
1. In the Contributor interface of the AviSports site, browse for the Image assets you want to
share from the AviSports site to the AviSports Store site:
a. In the Left Navigation panel of the Contributor interface, open the Content Tree.
b. Navigate to Media > Square Images.
c. Double-click the asset you want to share (refer to the table above for a list of images to
share). The asset inspect view will load in your workspace.
Assumptions
Tasks
1. Create Page attributes.
a. In the Admin interface for the avisports_store site, click New. This will load the Start
Menu in your workspace.
b. From the Start Menu, select New Page Attribute. This will load the Page Attribute
asset creation form in your workspace.
c. Complete the form as follows:
1) For “Name,” enter PageTitle.
2) For “Description,” enter Page Title.
3) For “Attribute Type,” select string.
4) Click Save.
d. Repeat the steps above to create the attributes: PageDescription (text) and
PageBanner (blob).
e. Create another Page Attribute for FeaturedProducts with the following
specifications:
• Description: Featured Products
• Attribute Type: asset
• Asset Type: AviProduct
• Asset Subtypes: Product
• Number of Values: Multiple
2. Create the Page Definitions.
a. From the menu bar, click New. This will load the Start Menu in your workspace again.
b. From the Start Menu, select New Page Definition. The Page Definition asset creation
form will then load in your workspace.
c. Complete the form as follows:
1) For “Name,” enter Landing Page.
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the Contributor interface for the AviSports Store site.
• You have completed all previous practices successfully.
Tasks
1. In the Contributor interface for the AviSports Store Site, search for your product assets.
a. In the search bar, filter your search to AviProduct assets.
b. Click the magnifying glass icon to execute the search. It will return all AviProduct
assets to your search results.
c. Without clicking the asset’s name, CTRL+click each asset icon to select all
AviProducts. They will be highlighted in blue.
d. Click the Bookmark icon to bookmark the assets.
f. Save your changes and close the tab for your modified product asset.
g. Close the AviProduct tab when you are finished editing the asset.
h. Repeat these steps for each of your AviProduct assets in your Bookmarks list to assign
the appropriate Image assets for the ProductImage attribute.
3. Associate AviProduct assets to Landing Page assets (under Default > MainNavigation in
the Site Tree).
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the Admin interface for the AviSports Store Site as the fwadmin
Tasks
1. On the Admin tab, navigate to Asset Types > Page > Asset Associations and double-
click Add New. The “Add New Association” form will load in your workspace.
4. Click Edit.
5. For Page Subtypes, add Article Page to the list of subtypes.
6. Click Save.
Assumptions
• Your jumpstart kit is up and running.
Tasks
1. In the Contributor interface, create a new Recommendation Asset.
a. In the menu bar, navigate to Content > New > Recommendation. This will bring you
to the New Recommendation asset creation form.
b. For “Name,” enter ProductList.
c. For “Description,” enter Suggestions for you…
d. Click Options.
e. On the Options screen, deselect all options. From the Pick Type menu that appears,
select AviProduct.
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 1
Practices for Lesson 7: Overview
Practices Overview
In these practices, you will learn how to administrate and enhance the usability of the user
interfaces for content contributors by configuring features like the tree tabs, start menu items,
and attribute editors. Ensuring the Contributor interface is user-friendly for content contributors
helps to gain user acceptance of the application by the end user community.
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 2
Practice 7-1: Working With Tree Tabs
Overview
In this practice, you will:
• Create tree tabs to organize content in the user interfaces
• Set permissions on the tree tabs to ensure that users with specific roles can see the
appropriate tree tabs
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the Admin interface for the AviSports Store Site as the fwadmin
user.
• You have completed all previous practices successfully.
2. Create a new Developer Tree Tab for the Admin interface that will contain all of the
structural and design assets created for the avisports_store site.
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 3
a. On the Admin tab of the Admin interface, double-click the Tree node to load the list of
Tree Tabs in your workspace.
b. At the bottom of the screen, click Add New Tree Tab. Complete the form as follows:
1) For “Title,” enter Developer.
2) From the “Sites” list, select avisports_store.
3) For “Required Roles,” select Designer and SiteAdmin.
4) For “Tab Contents,” select the following:
• Attribute Editor
• CSElement
• SiteEntry
• Template
• Page Attribute
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 4
3. Verify the creation of Tree Tabs and content branches in the Admin and Contributor
interfaces:
a. On the menu bar of the Admin interface, click the Left Arrow icon to toggle the Tree
Panel off.
b. Click the Left Arrow icon again to toggle the Tree Panel on. This action will refresh
your tree panel. You should see a Developer tab appear after you toggle the tree back
on.
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 5
f. Log in as the user Florence (password: password). Ensure that Florence can also
access the avisports_store site as well as the AviProduct branch of the Content
tree. Florence should see:
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 6
Practice 7-2: Configuring Start Menu Items
Overview
In this practice, you will:
• Locate Start Menu items in the Admin Tree Tab
• Refine Start Menu items for your asset types
• Create Start Menu items that will enable content creation through the Contributor
Interface’s Web Mode
Assumptions
• You have completed all previous practices successfully.
• Your jumpstart kit is up and running.
• You have previously logged in to the Contributor interface as Florence to see what items
Tasks
1. Locate the Start Menu Items for image assets.
a. In the Tree Panel of the Admin interface, navigate to Admin > Asset Types >
AVIImage > Start Menu.
2. Hide the Image Start Menu Item from Florence.
a. Under Start Menu, double-click the first Image item to open its Inspect view in your
workspace. In the Inspect view, verify that the “Type” attribute is “New.” If not, double-
click the other Image start menu item.
b. Click Edit.
c. In the “Sites” field, deselect avisports_store.
d. Click Save.
3. Create new Start Menu Items for Landing Page, Article Page, and NavBar for the
avisports_store site.
a. In the Tree Panel, navigate to Admin > Asset Types > Page > Start Menu and
double-click Add New. You will be brought to a new Start Menu form.
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 7
b. For “Name,” enter Landing Page.
c. For “Asset Type,” leave the selection as Page.
d. For “Flex Definition,” select Landing Page. Click Continue if you are not automatically
forwarded to the next page.
e. For “Sites,” select avisports_store.
f. For “Roles,” select ProductManager.
g. Click Save.
h. Repeat the steps above for Article Page (Flex Definition: Article Page) and NavBar
(Flex Definition: NavBar).
4. Verify your Start Menu changes.
a. Log out from the system as the fwadmin user.
b. Log in to the Contributor interface as the user Florence (password: password).
c. On the menu bar, navigate to Content > New, and you should no longer see the option
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 8
Practice 7-3: Working With Attribute Editors
Overview
In this practice, you will:
• Select one of the standard attribute editors to use with the AviProduct asset type
• Apply the CKEditor attribute editor to AviProduct and Page attributes
• Configure the attribute editor for the purpose of enhancing the usability of the AviProduct
asset creation form
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the Admin interface for the avisports_store site as the fwadmin
user.
Tasks
1. Share the CKEditor attribute editor from the AviSports CM site to the AviSports Store CM
site.
a. In the Application bar, switch to the AviSports CM site.
b. Switch to the Admin interface if necessary.
c. In the Tree Panel, navigate to Dev > Attribute Editor and double-click
CKEditor500x300. This will load the CKEditor500x300 asset Inspect screen in your
workspace.
d. Click the Share icon.
e. On the Share Attribute Editor: CKEditor500x300 screen, for “Share to,” select the
avisports_store check box.
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 9
c. Click Edit.
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 10
f. Click inside the text area of the “PageDescription” field. Does the CKEditor Attribute
Editor load? It should look similar to the following:
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 11
k. Click inside the text area of the “Product Information” field. Does the CKEditor Attribute
Editor load? It should look similar to the following:
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 12
Practice 7-4: Configuring WebRoot
Overview
In this practice, you use the Admin interface to configure WebRoot for the AviSports Store site.
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the Admin interface for the avisports_store site as the fwadmin
user.
• You have completed all previous practices successfully.
Tasks
1. In the Admin tab, expand the WebRoots node and double-click Add New. The WebRoot
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 13
Practice 7-5: Configuring Auto-Generated URLs
Overview
In this practice, you use the Admin interface to configure auto-generated vanity URLs for the
AviProduct asset type based on a set pattern.
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the Admin interface for the avisports_store site as the fwadmin
user.
• You have completed all previous practices successfully.
Tasks
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 14
1) For Asset, select any available asset in the list. Your evaluated pattern will appear
next to Evaluated Pattern.
3. Click Save.
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 15
Oracle Internal & Oracle Academy Use Only
Practices for Lesson 7: Administrating and Enhancing the Usability of your Content Management Site
Chapter 7 - Page 16
Oracle Internal & Oracle Academy Use Only
Practices for Lesson 8:
Configuring Dynamic
Publishing
Chapter 8
Assumptions
• Verify that your source jumpstart kit (DeveloperTraining) is running on port 9080.
• Verify that your destination jumpstart kit (PubDestination) is running on port 9380.
• Verify that both jumpstart kits are up and running.
• You use Internet Explorer to log in to the PubDestination. (Configure default browser
Tasks
1. Add a new Publish Destination on the source jumpstart kit:
a. On the Admin tab, go to Publishing > Destinations and double-click on Add New.
Note:
fwadmin is one of the default user accounts that ship with WebCenter Sites. It is highly
recommended that the password for this user account is changed upon installation and
configuration of the software.
c. Click Add New Destination. You are then brought to the Dynamic Publish Inspect
screen. Verify that the connection icon is green before proceeding to the next step.
Assumptions
• Both the source and destination jumpstart kits are up and running.
• You have completed all previous exercises successfully, especially Practice 8-1.
• You are logged in to the source jumpstart kit’s Admin interface as the fwadmin user.
Assumptions
• Both your source and destination jumpstart kits are up and running.
Tasks
1. Approve all structural assets to the destination server.
a. In the Admin interface of your source jumpstart kit, go to Admin > Publishing >
Destinations > Dynamic Publish.
b. Double-click Dynamic Publish to load its Inspect view in your workspace.
c. Click Approve Multiple Assets.
d. On the “Approve Assets for Publish to Dynamic Publish” screen, from the “Asset
Types” list, select the following (list continues on the next page):
• Attribute
• Attribute Editor
• AviProduct Attribute
• AviProduct Definition
• AviProduct Parent Definition
• Definition
• ImageCategory
• Page Attribute
• Page Definition
• Parent Definition
e. From the “Sample queries” list, select Assets of selected asset type(s).
The Dynamic Publish approval page will open in a tab in your workspace.
The tree panel will disappear and additional options will become available in the
Top Bar.
2) From the Top Bar, click Admin. The Administration Tools screen will load in your
workspace.
Assumptions
• You have located the Simple Article ADF in your Lab Files folder.
• Your jumpstart kit is up and running.
Tasks
1. Upload the ADF to the Asset Maker Utility.
a. On the Admin tab of the Admin interface, go to AssetMaker > Add New.
b. Double-click Add New. The “Add New AssetMaker Asset Type” form will load in your
workspace.
c. For “Name,” enter SimpleArticle.
d. For “Descriptor File,” click Browse and locate the SimpleArticle.xml file from your Lab
Files > Practice 9-1 folder.
e. Click Save. You are then brought to the “Asset Type: Simple Article” Inspect view.
2. Create the asset table for the SimpleArticle asset type.
a. In the “Asset Type: SimpleArticle” inspect view, click the Create Asset Table… button.
The “Create Asset Table for SimpleArticle” screen will load in your workspace.
b. The “DefDir” field references the location specified in the ADF.
Assumptions
• You have completed all exercises in practice 6 successfully.
• Your jumpstart kit is up and running.
• You are logged in to the Admin interface of the AviSports Store CM site as the fwadmin
user.
b. From the short-cut menu, select Inspect. The Baseball category’s Inspect screen will
load in your workspace. Take note of the attributes displayed.
c. Click Edit. Do not make any changes to the Baseball category asset.
d. Click Save. Click the magnifying glass icon to return to the Inspect screen. Do you
notice additional attributes displayed? What attributes do you see?
You should see two additional attributes for Category Name and Category Type.
e. Repeat the steps above for Winter Sports.
6. Execute the Filter assets for the Product assets. To execute the Filter assets, you must edit
and save each Product asset.
a. In the Left Navigation Pane, double-click on Baseball. The product assets associated
to the Baseball category will load in the Search Results screen.
b. Click on a product. Take note of the fields that appear in the Inspect view of the
product.
c. Click Edit. Do not make any changes to the fields on the form.
d. Click Save, then click the Inspect button (magnifying glass). Do you notice additional
attributes displayed? What attributes do you see?
You should see an additional attribute appear for ProductName at the bottom of the
page.
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 1
Practices for Lesson 10: Overview
Practices Overview
In these practices, you will use the WebCenter Sites Developer Tools to import a set of
templates and assets into your WebCenter Sites repository.
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 2
Practice 10-1: Importing Assets Using WSDT
Overview
In this practice, you will:
• Start eclipse and configure the connection to your WebCenter Sites jumpstartkit
• Sync assets from the avisports sample site to your local workspace
• Use WSDT to import assets to your avisports store CM site
• Sync the imported assets back to WebCenter Sites for your avisports store CM site
Assumptions
• Your jumpstart kit is up and running.
• You have started eclipse with the eclipse.exe shortcut on the desktop.
Tasks
1. Install the Developer Tools plugin in Eclipse.
a. In Eclipse, go to Help and select Install New Software.
b. Next to the Work with field, click Add.
c. In the Add Repository window,
1) For Name, enter WSDT.
2) For Location, click Archive…
3) Navigate to
D:\Oracle\WebCenter\Sites\DeveloperTraining\Sites\11.1.1.8.0\
csdt\csdt-eclipse and select the
com.fatwire.EclipseCSDT_11.1.1.v8_0_r159858.zip file. Click Open.
4) Click OK.
d. Select Oracle WebCenter Sites Developer Tools from the list of available plugins.
Click Next.
e. On the Install Details screen, select Oracle WebCenter Sites Developer Tools and
click Finish.
If you receive a security warning about installing these tools, click OK.
Eclipse will prompt you that it needs to restart in order for the changes to take effect.
After Eclipse has restarted, continue on with the rest of this practice.
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 3
2. Open the Oracle WebCenter Sites Perspective in Eclipse.
a. Go to Window > Open Perspective > Other… > Oracle WebCenter Sites. The
“Preferences” window will open.
b. Complete the configuration settings as follows:
1) For “Instance,” click Browse. Navigate to
D:\Oracle\WebCenter\Sites\DeveloperTraining\Sites\11.1.1.8.0.
2) For “Project name,” enter devtraining.
3) For “Username,” enter fwadmin.
4) For “Password,” enter xceladmin.
5) Verify that the message at the bottom of the window says “WebCenter Sites is
Running.”
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 4
6) Click OK. You will be returned to your Eclipse workspace:
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 5
b. The Synchronize Data window will open:
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 6
e. Click Sync and Close at the bottom of the window. This process may take a few
seconds to complete. When it completes, your Sites Workspace tab will populate as
follows:
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 7
b. Under Lab Files > Practice10-1 > cs_deployed, copy all files and folders.
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 8
e. Go to
D:\Oracle\WebCenter\Sites\DeveloperTraining\Sites\11.1.1.8.0\export\en
vision\cs_workspace\src\_metadata\ASSET\SiteEntry and paste the contents into
this folder.
5. Sync assets back to your jumpstart kit.
a. In Eclipse, click the Refresh Tree button on your Sites Workspace tab. You will then
see avisports_store appear in the tree:
c. In the Synchronize Data window, switch to the Sync to WebCenter Sites tab.
d. Click the Site column to reorder the list by site name.
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 9
e. Select all templates and elements for avisports_store:
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 10
6. Verify that the assets have synced successfully to your jumpstart kit.
a. Log on to the Admin interface and conduct searches of Template assets, CSElement
assets, and SiteEntry assets and verify that the assets come up in your search results.
If your elements are properly synced to Sites, the Developer tab in the Admin interface
will look similar to the following:
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 11
3) To edit and save a Site Entry for a CSElement, right-click on the JSP and go to
Site Entry > avisports_store/<name_of_siteentry>. When the SiteEntry form
opens, click Submit.
Practices for Lesson 10: Working with WebCenter Sites 11g Tools and Utilities
Chapter 10 - Page 12
Oracle Internal & Oracle Academy Use Only
Practices for Lesson 11:
Programming with
WebCenter Sites 11g
Chapter 11
Assumptions
• Your jumpstart kit is up and running.
• WSDT is currently running.
• You have properly configured WSDT in eclipse with your jumpstart kit.
b. The New Template wizard will open. Complete the form as follows:
1) For “Site,” select avisports_store from the drop-down menu.
2) For “Name,” enter HelloWorld.
3) For “Description,” enter Hello World!
4) For “AssetType,” select can apply to any asset type.
5) For “Usage,” select Element defines a whole HTML page and can be called
externally.
Assumptions
• Your jumpstart kit is up and running.
• WSDT is properly configured and a connection can be made between Eclipse and your
jumpstart kit.
• You have product assets in the system to test your template with
Tasks
1. Create a new template in the Admin interface for the AviProduct asset type called Layout.
a. In the menu bar of the Admin interface, click New. The Start Menu will load in your
workspace.
b. From the Start Menu, select New Template. You are then brought to the New
Template asset creation form.
c. Complete the form as follows:
1) For “Name,” enter Layout.
2) For “Description,” enter Layout template for AviProduct assets.
3) For “For Asset Type,” select AviProduct from the drop-down menu.
4) For “Applies to subtypes,” select Product.
5) Click Continue.
6) For “Usage,” select Element is used as a Layout.
7) For “Create Template Element?” click JSP.
8) For “Element Logic,” go to your Lab Files directory and use Notepad to copy the
HTML out of the Layout.html for Practice 12-1. Paste the HTML into the Element
Logic field before the closing </cs:ftcs> tag.
9) Click Save.
2. Test your template.
a. Switch to the Contributor interface.
b. Navigate to the Content Tree. Go to AviProducts > Baseball. Double-click Baseball
to load its children in the workspace.
c. Click on any Product asset to load it in your workspace.
d. Click the Preview icon (binoculars). You may be prompted to select a preview
template. Select Layout from the list of options. Click Apply.
b. In the Synchronize Data window, click the Site column header to sort the list by site
name.
c. Locate the Layout template you created in the Admin interface for the avisports_store
CM site.
d. Click Layout select it.
Assumptions
• Your jumpstart kit is up and running.
• WSDT is open and a connection exists between Eclipse and your jumpstart kit.
• You have completed the previous exercise successfully.
Assumptions
• Your jumpstart kit is up and running.
• WSDT is open and a connection exists between Eclipse and your jumpstart kit.
• You have completed the previous exercises successfully.
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the Admin interface of the avisports_store site as the fwadmin
user.
• You have completed the previous exercises successfully.
Assumptions
• Your jumpstart kit is up and running.
• You are logged in to the Admin interface for the avisports_store site.
• You have completed the previous exercises successfully.
Assumptions
• Your jumpstart kit is up and running.
• WSDT is open and a connection exists between Eclipse and your jumpstart kit.
• You have completed the previous exercises successfully.
You should be able to preview any of the Page assets under MainNavigation and
produce similar results. Page assets under the Footer will not produce these results, as
they are of a different subtype (Landing Page versus Article Page).
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.
Assumptions
• Your jumpstart kit is up and running.
• WSDT is open and a connection exists between Eclipse and your jumpstart kit.
• You have completed the previous exercises successfully.
Tasks
1. Use the New Template Wizard to create a new Template asset for the SimpleArticle asset
type named, Detail.
a. In Eclipse, from the WSDT toolbar, click Create New Template:
Assumptions
• Your jumpstart kit is up and running.
• WSDT is open and a connection exists between Eclipse and your jumpstart kit.
Tasks
1. Create a new template for the Recommendation asset type called, Summary.
a. In Eclipse, from the WSDT toolbar, click Create New Template.
Assumptions
• Your jumpstart kit is up and running.
• WSDT is open and a connection exists between Eclipse and your jumpstart kit.
• You have completed the previous exercises successfully.
• You have Page assets placed properly in the Site Tree in the Contributor interface.
Tasks
1. Open the avisports_store/navbar.jsp element in Eclipse.
Assumptions
• Your jumpstart kit is up and running.
• WSDT is open and a connection exists between Eclipse and your jumpstart kit.
• You have completed the previous exercises successfully.
Tasks
1. Open the avisports_store/sidenav.jsp in Eclipse.
2. Follow the JSP comments to provide the appropriate searchstate tags.
3. Test your code with any Product asset using the Layout template. Your rendered page
should look similar to the following:
Be sure to also test the links to each of the product asset from the Side Navigation.
Assumptions
• Your jumpstart kit is up and running
• You have successfully completed the Product/Detail template from the previous lesson
The Product Price and Product Information fields will become editable when you click
on them:
Assumptions
• Your jumpstart kit is up and running.
• You have successfully completed the Page/Layout and Product/Summary templates
Tasks
1. Create two new Layout templates for Page asset type, called LayoutOrange and
LayoutGreen in the Admin interface.
a. In the menu bar of the Admin interface, click New. The Start Menu will load in your
workspace.
b. From the Start Menu, select New Template. You are brought to the New Template
asset creation form.
c. Complete the form as follows:
1) For “Name,” enter LayoutOrange.
2) For “For Asset Type,” select Page from the drop-down menu.
3) For “Applies to subtypes,” select Landing Page.
4) Click Continue.
5) For “Usage,” select Element is used as a Layout.
6) For “Create Template Element?” click JSP.
7) For “Element Logic,” go to your Lab Files directory and all of the code for Practice
13-2. Replace all of the code in the Element Logic field.
8) For “Additional Element Parameters,” enter bg-color=orange.
9) Click Save.
d. Repeat the steps above to create a second Page asset template for LayoutGreen.
e. Test the Change Layout functionality with a Page asset in the Contributor interface.
1) In the Contributor interface, locate a Page asset in the Site Tree. Double-click it to
load it in your workspace.
2) Switch to Web Mode. If you are asked to select a template, select LayoutOrange.
3) Click Edit.
5) Click Change Page Layout. You will be presented with options for a template to
select:
e. Click the Change Content Layout icon. You will be presented with options for the
template to select. The templates are dependent upon the values you supplied for the
variant parameter in the insite:calltemplate tag in step 3c.
Assumptions
• Your jumpstart kit is up and running.
• You have completed all prior practices successfully.
Tasks
1. Create a new Start Menu item of type New Insite for the SimpleArticle asset type.
a. In the Admin interface, go to Admin > Start Menu > Add New. Double-click Add New.
A new Start Menu item form will load in your workspace.
b. Complete the form as follows:
1) For “Name,” enter Simple Article.
2) For “Asset Type,” select SimpleArticle from the list.
3) In the next screen, for “Type,” select New Insite.
4) For “Default Values,”
a) Select title from the “Field” drop-down menu.
b) For “Value,” enter Enter a title. Click Add.
c) Select author from the “Field” drop-down menu.
d) For “Value,” enter Enter the author name. Click Add.
e) Select body from the “Field” drop-down menu.
f) For “Value,” enter Enter the article body. Click Add.