Prev | Home | Next

 

Site Creation Example

 

+
Search Tips   |   Advanced Search

 

Contents

1. Set up a new workflow
2. Develop a content template
3. Create a presentation template
4. Create a menu design
5. Build a site framework
6. Create and edit web content

 

---

Set up a new workflow

1. Go to the Web Content Management page.

2. In the left hand window, click on the plus (+) icon next to Workflow Management. Then click on Workflow Stages.

3. All content in IWWCM must go through a Workflow process before being published. A Workflow process is comprised of Workflow stages. We will create a Workflow stage that we will then include in the Workflow process.

   • Click on the New icon.

   • Click on OK to select Workflow Stage.

4. In the Identification section enter Draft in the Name box. In the Description box enter Create and modify content.

   

5. Click on the Save button.

6. Click on the Close button

7. Youve now created a workflow stage. In the future, in order to see the new stage, select Workflow Stages under Workflow Management.

8. Lets add a second workflow stage called GoLive.

   Click on the New button. Select Workflow Stage. Click OK. In the Identification section enter GoLive in the Name box. In the Description box enter Publish content for viewing. Dont save it just yet.

9. In the Properties section, Click on Select Actions icon under Execute on Entering Stage

10. Now add the Action to execute when content is moved to this workflow stage.

    • Click on the Add icon.

    • Select the Publish action by clicking in the box to the left of the action.

    • Click OK.

11. Click OK again. You should see the action added to the Properties area for the stage.

    

12. Click on the Save button.

13. Click on the Close button.

14. Add one more stage: Expire (if you need help go back to steps 10 - 14)

    • The Identification Name should be Expire.

    • Add the Action Expire.

15. Once you have added the new stage, remember to click on the Save button and the Close button to return to the window below.

    You have created 3 stages for your new workflow. The first stage, Draft, is the state where all new content will be created. Once the content is created it will be moved to the second stage, GoLive. This is where the content is published so that it can be viewed by end users. The final stage, Expire, is used when the content reaches its expiration date.

16. Now that youve created the workflow stages, create a Workflow and add the 3 stages to it.

    • Click on Workflows to select it.

      

    • Click on the New icon. Make sure Workflow displays in the drop-down list. Click on OK to select Workflow as the object you will create.

17. In the Identification section enter QuckEdit in the Name box. In the Description box enter Workflow for doing a quick content edit.

18. Now lets add the 3 stages we created to our Workflow.

    • In the Properties section, click the Select Workflow Stages button under Workflow Stages.

    • Click the Add icon

    • Select the stages, Draft, GoLive, and Expire by clicking the box to the left of each one. Click OK.

19. The order that you see in the Workflow window is not correct (thats because the stage names are listed in alphabetical order). So, move the GoLive stage up one in the list.

    • Select the GoLive stage by clicking the box to its left.

    • Then use the Up icon to move it up one in the list. Your stages should be in the order below.

    • Click on Ok.

20. Now, click on the Select Reject Stage button. Select the Draft stage by clicking on the button next to it. Then click OK. This tells the Workflow process to move the content back to the Draft stage if it is rejected.

    

21. Now define who can view and use the workflow.
    • Expand the Security section.
    • In the User Defined section click the Grant Read Access button.
    • Click the Add icon.
    • In the first drop down box select Groups.
    • Enter * as the search criteria.
    • Click on the Search icon
    • In the Search Results list find [all users] (you may have to scroll to find it)
    • Select it by clicking on the box next to it.
    • Click OK. Click OK again.
    • Click on the Save icon

22. Click on the Close icon.

 

Develop a content template

1. Content creators need a content template to add new content. Normally, there are several implied attributes associated with a piece of content. You will create additional attributes for your DeptNews content.

   • Expand the Design & Development section by clicking on the Plus (+) sign.

   • Click on Authoring Templates in the expanded list.

     

   • Click on the New icon.

   • Select Authoring Template and click on OK.

   • In the Identification section enter Deptnews as the Name and Content Template for entering departmental news as the Description.

2. Enter the same information in the Authoring Template

   

3. Click the Select Workflow button.

4. Then select the Quickedit workflow by clicking the button next to it. Click OK.

   

5. Now, click on the Component Manager icon to define additional content attributes for our Deptnews authoring template.

6. Click on the Add icon.

7. Enter NewsBody as the component Name.

8. From the drop down window select Rich Text Component as the component Type.

9. Click OK to create the new content component.

10. Repeat the same process to add three additional component type as shown below:

    

    Component titles are case sensitive. Be careful to capitalize exactly as shown below.

11. To move a component up or down in the list to place them in the same order as the picture above, you will select the component you want to move and use the up and down arrows to resequence them.

12. Click on OK when youve added all of the components.

13. You will be back on the Authoring Template window. Scroll down to see how the component types you just added are now included. This is where content contributors will enter content for end users to see.

14. Click on the Save button.

15. Click on the Close button.

 

Create a presentation template

1. A presentation template defines the layout of a web page that is presented to end users. The template consists of the layout of components that will be shown in a web page along with the default properties of a web page. It lays out the fields you just created on the Authoring Template. It also positions other components and defines fonts, colors, .CSS, etc for the page.
   • Click on Presentations Templates in the expanded list.
   • Click on the New icon.
   • Template. Click OK.
   • In the Identification section enter NewsDetails as the Name and Detail news item page as the Description.

2. Insert the HTML code below in the Presentation Template section between the <body Text and

    

   Workplace Web Content Management is a trademark of the IBM Corporation in the United States, other countries, or both.

    

   IBM is a trademark of the IBM Corporation in the United States, other countries, or both. tags. Add the following HTML to the Presentation Template skeleton:

   <html>
   <head>
   </head>
   <body TEXT="Black" BGCOLOR="White" BACKGROUND="" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0">
   <AptrixCmpnt context="current" key="NewsTitle" type="content"/><br>
   <AptrixCmpnt context="current" key="NewsImage" type="content"/>
   <AptrixCmpnt context="current" key="NewsBody" type="content"/><br>
   <A HREF="<AptrixCmpnt context="current" key="NewsLink" type="content"/>"target="Otherwindow">Read more about it...</A><br>
   <body>
   <html>
   

   

3. Click on the Save button.

4. Click on the Close button.

 

Create a menu design

1. A menu is a search mechanism that looks for published content that matches its search criteria. The search criteria are profiles comprising Site Areas, Templates, Categories and Keywords. Content that has a profile that matches the criteria are listed as links in the Menu.

   • Click on Component Library in the expanded list.

   • Click on the New icon.

   • On the Creating a new item page open the drop down and select Menu Component. Click OK.

   • In the Identification section enter:

     Name:	NewsList
     Description:	Menu list for News content

2. Associate an Authoring Template with the Menu Component

   • In the Menu Component section click on the Select Authoring Templates button

   • Click on the Add icon

   • Select DeptNews by clicking on the box next to it. This associates an Authoring Template with your web page design.

   • Click on OK.

   • Click on OK.

3. In the window, find Include Current Document in Results (if applicable). Click the box to make it active.

4. Change the sort keys.

   • Find Results Primary Sort Key: and using the drop down box select Publish Date

   • Find Results Secondary Sort Key: and using the drop down box select Name

     

   • Now add a header to the menu page.

     • Add <h1>Current News</h1><br>

   • The last thing to do is set the News titles up as a link. Find the section Component Design for each Matching Content.

   • Add:

     <A HREF=<Placeholder tag=href/>><AptrixCmpnt context=autofill key=NewsTitle type=content/> </A><br>

     Or you can import the MenuMatching.html file in the WebCM 51\labs\Usage Lab folder. Make sure there are single quotes around .

     

   • Click on the Save button.

   • Click on the Close button.

 

Build a site framework

1. A site framework is what pulls everything together into a coherent flow.

   • Expand the Site Management section by clicking on the Plus (+) icon.

   • Click on Site Framework.

   • Click on the New icon.

   • On the Creating a new item page select Site.. Click OK.

   • In the Identification section:

     Name:	NewsSite
     Description:	Site for working with departmental news

2. Now associate the authoring template and page design to the Site framework.

   • Click on the Edit Template Mapping button.

   • On the Template Mapping window click on the Add button.

   • In the Authoring Templates section select DeptNews by Clicking on the circle next to it.

   • In the Presentation Templates section select NewsDetail by Clicking on the circle next to it.

   • Click on OK.

3. Click on OK.

4. You should now see the Authoring Template and Presentation Template for the NewsSite.

5. Click on the Save button.

6. Click on the Close button.

7. Now that youve created a site, create a site area within the site.

   • Click on Site Framework.

   • Click on NewsSite

   • Click on the New icon.

   • From the pull down window select Site Area. Click on OK.

   • On the News Site Area window select NewsSite in the right hand window. Click on OK.

   • In the Identification section enter:

     Name:	NewsArea
     Description:	Area for working with departmental news

8. Now associate the authoring template and page design to the Site Area.

   • Click on the Edit Template Mapping button

   • On the Template Mapping window click on the Add button.

   • In the Authoring Templates section select DeptNews by clicking on the circle next to it.

   • In the Presentation Templates section select NewsDetail by clicking on the circle next to it.

   • Click on OK.

9. Click on OK again.

10. You should now see the Authoring Template and Presentation Template for the NewsArea. .

    

    • Click on the Save button.

    • Click on the Close button.

 

Create and edit web content

1. Now it is time to create and edit web content.

   • Expand the Content Library section by clicking on the Plus (+) icon.

   • Click on Content by Title.

   • Click on the New icon.

   • On the Creating a new item page select Content from the pull down window and click OK.

   • From the pull down window under Authoring Templates: select Deptnews.

   • In the Site Framework: area click on the Plus (+) sign next to NewsSite.

   • In the right hand window select NewsArea by clicking on the circle next to it.

   • Click on OK.

   • In the Identification section enter

     Name: DeptNews

     Description: Content Template for entering departmental news.

     <

2. In the Content section enter the following information:

   • In the NewsBody area, click on the Import icon.

   • Navigate to the WCM 51/labs folder on your DVD. Select the file called Vacation Specials.htm. This a Microsoft Word document which has been converted to HTML.

   • In the NewsImage area bring in a new image by clicking on the Upload Files.. button. Go to DVD and navigate to the WCM 51/Labsfolder. Select the Trips.bmp file to upload. You may want to change the image height to 400 and image width to 400.

   • In the NewsTitle area enter New Vacation Opportunities to Yellowstone National Park.

   • In the NewsLink area enter the html http://www.yellowstone.cc

3. Click on the Save icon.

4. Click on the Close icon.

5. Next, expand Content by Workflow by clicking on the Plus (+) icon.

6. Expand Quickedit and then click on Draft to see the content you just added.

7. To publish the DeptNews, click on the link to the content to open it and then click the Next Stage button. This will move the content into the GoLive stage.

8. Click on the Close button.

9. Open the GoLive stage, select DeptNews and click on the Preview button to see how the content will look.

Parent topic: Web Content Management Examples.

---

IBM Workplace Web Content Management - V5.1.0.1 -

 

Workplace Web Content Management is a trademark of the IBM Corporation in the United States, other countries, or both.

 

IBM is a trademark of the IBM Corporation in the United States, other countries, or both.