IBM

Lab 1 Creating Content – Guided Lab

This lab is designed to guide a content author through the steps to edit and create new content for an
existing site. These tasks include:

● Access the Jumpstart site

 As an Authenticated and Non-Authenticated User
 Tour the content on the home page
● Access the Jumpstart Intranet Site
 View the various Content types
 Navigate List to detail for content items
● Change an Announcement (Save and close no approval required)
 Note Security applied for Add and Edit capability for content management

Optionally

● Add a new industry News Item (with approvals)

● Add a new featured News Item and link to the general item (with approvals)
● See your new items in the list and the new feature

1.1 Accessing the Jumpstart Site

The Jumpstart sample is comprised of an external and internal site example content in portal. This
sample illustrates techniques for listing and navigating content as well as incorporated easy in line editing
capability.

__1. Navigate to the portal home page at http://portal.demoibm.com:10038/wps/portal

__2. Login using the userid clare_boothe (content creator) and password of techw0rks

__3. Click the Launch Button in the upper left corner, then click the Internet Jumpstart Portal link from
the drop down list.

__4. On the Home page for the Jumpstart site you will see several types of content displayed
including announcements, news (including a featured item and industry items), and links. These

Lab 1 Page 1
IBM

are rendered using configured instances of the Web Content Viewer portlet. Select one of the
Announcements in the list.

__5. The detailed announcement information is displayed in the same portlet.

Page 2 [Paper Title. Change font to black]

 IBM

__6. Select the link at the top to return to the list of Announcements. This illustrates the reuse of the
portlet for both a list and detail and how navigation between these modes is managed.

1.2 Change an Announcement

__7. Hover over a announcement link. Since Claire is a content author she sees a link to edit or
delete each item. Other users will not see these links.

__8. Hover over the feature or another link on the page. The same edit and delete links are displayed
for all the content Claire can update. This capability may be placed where ever it makes sense
to allow approved users to easily manage content using the in place(in line) edit feature.

__9. Now select the edit link next to one of the announcements to change the content.

__10. The portlet is now shows the authoring template for this item.

__11. Change the Display Title text and the Description text adding new information of your choice.
You can optionally add an image and a link to an external or another content item.

__12. Save and Close to return to the list. You should see your changed content.

1.3 Optional steps

__13. In place edit features may also be used to add new content. Workflow may also consist of
multiple approval steps before content is published to the site. The next steps will guide you thru

Lab 1 Page 3
IBM

creating 2 news items, one item will become the new feature item and will have a link in it’s detail
to the second item.

__14. Select the link to add a new news article item. These links may be placed anywhere in the
portlet that will make it easy to locate for your authors.

__15. Complete the fields for the New item including the Name, display title, Profile (expand and select
Industry), select an image from the c:/POT/Lab_files directory, and add some text to the body.

__16. Press the Select Category button (see above). Select the Express Web Content library and
navigate to the News Taxonomy and select the Industry category and then OK.

Page 4 [Paper Title. Change font to black]

 IBM

__17. Select an image from the c:/POT/Lab_files directory, and add some text to the body

__18. The workflow for the News item requires 2 approvals. Select Save and Approve to advance this
content to the first approval.

Lab 1 Page 5
IBM

__19. The content is saved and advanced to the next stage. The content is still in a draft state as
indicated by the yellow dot to the far right of the portlet.

__20. To advance this content to the Published state select the Next Stage button.

__21. This stage is configured to require a comment to be entered. Enter your comment and select
OK.

__22. The state is now published as indicated by the Green dot on the far right. Select Close to return
to the News list to see your new Industry article.

__23. Now to add our feature item and link to the Industry item we just published. Select the New
Article link.

__24. Fill in the form as before be sure to enter a different name for this featured article (duplicate
names are not allowed). For the Profile select Feature. In the body enter some text, select it
and then select the insert link icon.

Page 6 [Paper Title. Change font to black]

 IBM

__25. This will prompt you to select a content to link to.

__26. Browse for your Industry item and select it. You can use the filter or the order by date to easily
find the content you just added.

Lab 1 Page 7
IBM

__27. Add a description then select OK.

__28. Advance the content to the next stage by selecting Save and Approve.

Page 8 [Paper Title. Change font to black]

 IBM

__29. Then publish the content by selecting Next stage

__30. Enter a comment and select OK.

__31. Close the new content.

__32. You should now see your new Feature content.

__33. Select the title to see the detail

__34. Select the Industry link to see the linked article

__35. Select Return to the News to see your feature.

You have now authored Announcement and News content using the in-line edit feature.

Lab 1 Page 9