For information about exploring the Contributor interface, see these topics:
This quick tour is for new WebCenter Sites users who want to familiarize themselves with WebCenter Sites and its Contributor interface. In this quick tour, you will be using the default
demo user (password:
demo) to access each interface. Logging in to WebCenter Sites as the
demo user grants you access to the Contributor interface and all the content management functions to which a user might have permissions.
In reality, access to the Contributor interfaces is focused on certain tasks such as creating or editing content.
To follow along with this quick tour, you can either perform the steps provided in each section in the order in which the topics are presented or you can navigate directly to the task you are interested in learning about.
To follow along with the procedures in this quick tour, the avisports and FirstSite II sample sites must be installed with your WebCenter Sites system. If no sample sites are installed, contact your WebCenter Sites administrator.
For information about the sample sites, see What sample sites are used in this guide?.
The final procedure in this Quick Tour is Approve and Publish the Page. You will be able to publish the page manually only if an administrator has configured a publishing event for the destination to which you approve the assets.
Use the quick tour to orient yourself in the Contributor interface.
The quick tour of the Contributor interface comprises these topics:
demo), select the avisports sample site, and then select the Contributor interface. For detailed instructions, see Logging in to Oracle WebCenter Sites.
WebCenter Sites opens the Contributor interface for the avisports sample site (shown in Figure 5-1).
Figure 5-1 The Contributor Interface for the Avisports Sample Site
Figure 5-1 shows an overview of the Contributor interface and its key features, such as the navigation pane, menu bar, Search field, and dashboard. The following is a list of features available in the Contributor interface:
The menu bar contains the Content, Edit, and View options, and the down-arrow icon.
The Content option enables you to create, save, approve for publishing, bookmark, share with different sites, and change the permissions of assets.
The Edit option enables you to inspect, modify, copy, and delete assets, work with revision tracking, and change the layout (template) assigned to an asset.
The View option enables you to preview assets, view an asset's status summary, and toggle between Form View and Web View.
The down-arrow icon is used to open the applications bar. From the applications bar you can switch to another site or application, edit your user profile, and log out of WebCenter Sites.
The main area of the Contributor interface is where your dashboard (workspace) is located.
The Home tab is permanently displayed in the workspace and contains your dashboard. Your dashboard displays widgets that provide quick access to your saved search criteria, bookmarked assets, workflow assignments, and assets you have checked out using revision tracking. Each asset opens in its own tab (over the Home tab).
The navigation pane is located to the left of the dashboard (workspace) and allows you to access assets from the Site Tree, Content Tree, and My Work tree. For more information about the trees in the navigation pane, see Explore the Trees in the Navigation Pane.
The Search field allows you to enter your search criteria into it. When you click the magnifying glass button, your search results are displayed either in a Search tab or docked to the right of your workspace. From the Search field you can narrow down your search by selecting specific asset types to search for or by running an Advanced Search.
Your dashboard contains the Bookmarks, Saved Searches, Assignments, and Checkouts widgets. In addition, your developers may have created custom widgets for your dashboard.
Organize the widgets on your dashboard by clicking a widget's title bar and then dragging it to and dropping it into a different position on the dashboard.
The navigation pane enables you to access assets from the Site Tree, Content Tree, and My Work tree. Follow the instructions in this section to familiarize yourself with the different trees in the navigation pane.
Figure 5-2 Navigation Pane: Site Tree
Site Tree: Enables you to browse the pages of your website. These pages can either be placed in a hierarchy under a site navigation or "unplaced" (meaning the pages are not part of any site navigation). A site navigation represents the navigation (organization) of a website. Multiple site navigations can exist within a single CM site, and each site navigation is displayed in the CM site's Site Tree.
Content Tree: Enables you to visually browse the flex asset hierarchies present in your site.
My Work: Contains the Bookmarks, History, and My Tags nodes.
The navigation pane displays the tree you selected. For detailed information about the trees, see Navigation Pane.
Figure 5-3 Context Menu for a Page Asset in the Site Tree
Assets in the Content Tree, and My Work tree may have different content management options in their context menus, depending on the type of asset you select in the tree and your assigned permissions in the site.
The Contributor interface allows you to create assets in Form View, Web View, and (if the Mobility feature is enabled) within the context of a mobile device:
In Web View, you enter information into the web page view of the asset, which shows you how the asset will be displayed on the website as you are creating it.
In Form View, the asset is represented by a content entry form containing predefined fields into which you can enter information for the asset.
If the Mobility feature is enabled, you can create the asset in the context of mobile devices, which is the same as editing an asset in Web View, however, your asset is shown on a Device asset representing a mobile device.
For the purposes of this quick tour, create an asset of type Article. In the avisports sample site, the Article asset type is configured to open in Web View.
A tab opens displaying the asset's content entry form in Web View (as shown in Figure 5-5).
Figure 5-5 Asset Displayed in Web View
Figure 5-6 Inspect View of the New QuickTour Asset
When you inspect an asset, you cannot modify its content.
Now that you are familiar with creating assets in Web View, switch to Form View to view the fields in the asset's content entry form.
Figure 5-7 Mode Switch
The tab redisplays the asset in Form View (as shown in Figure 5-8).
Figure 5-8 Asset Displayed in Form View
Now, preview the asset to see how it will look on the website when it's published.
The tab displays the preview of the asset, as shown in Figure 5-9.
Figure 5-9 QuickTour Asset Preview
Now that you have created an asset, find it by performing a search in the Contributor interface.
Figure 5-10 Search Field
If you do not narrow down your search to a specific asset type, WebCenter Sites searches for any asset containing the word you specified in the Search field.
A Search tab opens in the workspace displaying a list of assets matching your search criteria (as shown in Figure 5-11).
Figure 5-11 Search Tab
The search results list shows a brief summary of information about each item in the list, such as name, asset type, and modification date. For information about working with the search results list, see Working with the Search Results List.
A tab opens in the workspace, showing the asset's Inspect view in Web View.
Since you are already viewing your asset in Web View, start off by editing it in Web View:
In the asset's toolbar, click Edit.
The Edit view of the asset opens in Web View.
Click a slot to open its toolbar, as shown in Figure 5-12.
Figure 5-12 Slot Toolbar
Edit the content of the asset currently placed in the slot by clicking the Edit option.
Replace the content of the slot with another asset by dragging and dropping an asset from the Content Tree, My Work tree, or a search results list into the slot.
Click a text area. You will either see a simple text field or a WYSIWYG-enabled text field. Make changes to the content in the field.
In the asset's toolbar, click the Save icon.
WebCenter Sites saves the changes you made to the asset so far, but keeps the Edit view of the asset open.
Since certain fields are only available in Form View, click the Mode switch to open the asset in Form View and then continue to Edit the Asset in Form View.
The tab displays the Edit view of the asset in Form View (as shown in Figure 5-13).
Figure 5-13 Edit View of an Asset in Form View
Fields whose names have an asterisk next to them are required, which means you cannot leave them blank. If you leave a required field blank, you cannot save the asset.
WebCenter Sites saves your changes and closes the asset's tab.
Let's say that your administrator enabled the Mobility feature and your website will be viewed, not only on desktop/laptop computers, but also on mobile devices. The Mobility feature enables you to create, edit, and preview content in the context of mobile devices.
Since you have already created your asset and viewed and edited it in both Web View and Form View familiarize yourself with Mobility by viewing and working with the asset in the context of a mobile device:
The device selection panel opens to the right of the asset.
The asset is displayed in the context of the selected mobile device, as shown in Figure 5-14.
Figure 5-14 Asset Displayed in the Context of a Mobile Device
In the navigation pane, click the Content Tree bar.
In the Content Tree, expand the Media node, and then expand the Skiing images node.
Under the Skiing images node, drag-and-drop the Ski Goggles Rust Image asset to the slot containing the Image asset you want to replace.
When you are satisfied with the content of your asset, associate it with a Page asset. The Page asset provides the structure and organization for your asset on the website. In this procedure, you will be creating your own Page asset, and then you will associate the QuickTour asset with it:
In the Select Layout field, select SectionLayout.
In the Enter Name field, enter QuickTourPage.
In the navigation pane, click the Content Tree bar.
In the Content Tree, expand the Media node and then expand the Banners node.
Under the Banners node, select a banner and then drag-and-drop it into the Drop Banner Image slot at the top of the Page.
Run a search to find the QuickTour asset.
In the search results list that opens to the right of the Page asset, drag-and-drop the QuickTour asset into a slot on the Page that accepts assets of type Article.
If necessary, clear any existing Search results. In the Search field, click the arrow icon and then select Article from the Search Type menu.
The Search results list opens to the right of the Page asset.
Drag-and-drop an Article asset into each available slot on the Page that accepts assets of type Article.
At this point, your QuickTourPage asset should look similar to the one shown in Figure 5-15.
Figure 5-15 QuickTourPage Asset Associated With the QuickTour Asset
Now that you have associated your QuickTour asset with the QuickTourPage asset, place the Page under a site navigation in the Site Tree. The order in which you place Page assets under a site navigation is the order in which the links to those Pages are displayed on the website's navigation menu.
The navigation pane displays the Site Tree.
Figure 5-16 Placed QuickTourPage Under Default Site Navigation
When the Default site navigation is published, the link to the QuickTourPage will be displayed in the website's navigation directly after the Baseball link, as shown in Figure 5-17.
Figure 5-17 Website Navigation Displaying a Link to the QuickTourPage
For your asset to be displayed on the appropriate web page, and for the Page to be displayed in the appropriate position in the website's navigation, approve the Page asset containing the asset you created.
A tab opens displaying the QuickTourPage asset's Approval form (shown in Figure 5-18).
Figure 5-18 QuickTourPage Asset's Approval Form
If the approval is successful, the Page asset and all of its dependencies are now approved to the Delivery publishing destination. The QuickTourPage can then be published during the next publishing session (which is set up by your administrator).
If your administrator has created an associated publish event, you can publish the asset directly from the asset's Approval form by clicking Publish. The Publish button does not appear if there is no publish event (as in the example above).
Now that you have finished touring the Contributor interface, switch to a different site to which you have permissions.
WebCenter Sites logs you in to the selected site. If this is the first time you are accessing the site, you must select the application with which you want to work. Otherwise, the application with which you last worked while logged into this site opens.