iaeanucleus.iaea.org/hhw/wcm_additional_information/hhw… · web viewthe example below explains...

IAEA

Human Health WebsiteWCM Content Providers User Manual

-1-

Document InformationLast saved by: ALANGIU, Marinel

Version Date Updated By

Description of Changes

0.1 2009-05-07

MA First draft version

1.1 2010-05-06

MA Updated with presentation and video functionality

1.2 2010-06-22

PM Updated document with

1. Changed all images.2. Attribute information3. Category and property information4. Supported audio and video file formats5. Moved the Video server interface section to http://kc.iaea.org/livelink/livelink.exe/properties/29316845 in livelink.6. Added Annex section to provide important information.

http://kc.iaea.org/livelink/livelink.exe/properties/29316845

http://kc.iaea.org/livelink/livelink.exe/properties/29316845

-2-

Table of Contents

Human Health Website.............................................................................................................................1I. Introduction to the System....................................................................................................................3

Getting Started......................................................................................................................................31. Access to the Web Content Management System and Points of Contact..................................32. Technical Requirements - check the JAVA version on your PC.................................................33. Selection of the Integrated HTML Editor.....................................................................................6

III. Major Components of the WCM System, their relationships and functions......................................8Overview..............................................................................................................................................8

1. Objects - what is an Object?.........................................................................................................82. Topics - what is a Topic ?.............................................................................................................83. Types of documents which can be uploaded to the WCM System............................................104. Templates....................................................................................................................................115. Metadata.....................................................................................................................................177. The Three Web Views................................................................................................................22

IV. Working with the WCM System – Basic HHW Scenarios..............................................................23A.1. How to create a new section (second level sections accessible from the home page)...............23A.2. How to create an intermediary sub-section (not final sections, children of the main Sections).26A.3. How to create a final sub-section (one that will contain entries to lowest level articles)...........30A.4. How to create a final article/story...............................................................................................34A.5. How to create a News (Events) Topic inside a Section..............................................................39A.6. How to create a News entry........................................................................................................41A.7. How to add a video file inside a story page................................................................................47A.8. How to add an audio file inside a story page..............................................................................50A.9. How to add a presentation file inside a story page.....................................................................53A.10. How to Add Video file to the media share drive......................................................................56A.11. How to Add an Audio file to the Media Share Drive...............................................................60A.12. How to Add an Articulate Presentation to the media share drive.............................................62

V. Other WCM System General Working Scenarios.............................................................................661. How to create a new HTML page..................................................................................................662. How to move an HTML page from one folder to another..............................................................713. How to move an HTML page which is linked to another HTML page or pages...........................73

a. First step: what to do before deleting or moving an HTML page:.............................................73b. Second step: Copy and Paste (= MOVE)...................................................................................76

4. How to delete an HTML page........................................................................................................775. How to update an existing HTML page.........................................................................................786. How to create/remove a related link on an HTML page................................................................797. How to upload/delete a document (e.g. PDF, EXCEL file, PPT file or WORD document)..........82

a. Heading of the document file......................................................................................................82b. How to upload a PDF document.................................................................................................83c. How to delete a document (e.g. a PDF document).....................................................................84

8. How to upload and/or delete an image...........................................................................................85a. How to upload an image.............................................................................................................85b. How to delete an image..............................................................................................................89

9. How do I make my page display on the website, if it does not appear after editing?....................9010. How to operate on a group of resources simultaneously (example with a submit/release operation)............................................................................................................................................92

VI. ANNEX............................................................................................................................................98

-3-

I. Introduction to the System

The Livelink Web Content Management System (WCM System) will be the content management tool for the publishing and maintenance of information on the Human Health Website.

This tool is based on client-server technology and the two parts are joined by a network to form one system. Management of the website data and users takes place on the Livelink WCM server. The editing of data by editors is done via the Content client which is used online, as a web application.

The web site objects that can be managed with the WCM System (HTML pages, images, JSP scripts etc.), are referred to in this System as WCM objects and are stored in a database. These objects go through clearly defined stages of editing and quality assurance before they are published to the live web site.

The right to add and edit objects on the web site is reserved to certain groups, roles, or individual users (known by the general term of Content Providers). Assigning access rights means that clear responsibilities are defined.

Getting Started

1. Access to the Web Content Management System and Points of Contact

New Content Providers who wish to publish information on Human Health Website must first send an email request to the Systems Administrator to request him to perform the following tasks on the server: add a new User Group to the HHW Content Provider Group; assign user access rights to that new group; and specify the Role Type of the new Content Providers. The Systems Administrator will inform the requestor when these tasks have been completed.

2. Technical Requirements - check the JAVA version on your PC

Before beginning to work with the Web Content Management you should check that you have the correct Java version installed on your computer.

To do this, click on the START button of your computer to open the Start menu:

3

-4-

Click on Control Panel to open the Control Panel file directory:

Click on the Java icon to open the Java Control Panel:

-5-

Click on About… in the About section:

The Java Version screen opens:

Verify that you have Java 2 Platform Standard Edition, and at least Version 1.5.0, as in the image above.

If your Java Version is lower than 1.5.0, contact the IT Service Desk and request an upgrade.

At the same time, request that the IT Service Desk colleague removes all older existing versions of Java from your computer (through Control Panel, Add/Remove Programs), once your new Java

Version has been installed.

NOTE: There should be only ONE Java Version available on your computer.

5

mailto:[email protected]?subject=JAVA%20version

-6-

3. Selection of the Integrated HTML Editor

The default Integrated HTML Editor of the WCM must be your default editing tool. It must be configured in the following manner:

Open the WCM System and click on Tools > Configuration:

The Configuration dialogue box opens. Ensure that Use integrated HTML editor is checked, as in the screen shot below:

-7-

Click OK to save the settings.

This ensures that the WCM integrated HTML editor is your default editing tool.

7

-8-

III. Major Components of the WCM System, their relationships and functions

Overview

The WCM System uses the following new terminology which needs to be understood before using the Content Client for the first time: objects and topics.

The global term ‘object’ is used to describe HTML pages, PDF documents, PPT documents, Excel spreadsheets and JPG and GIF images etc. which are added to the System. A WCM object comprises three different components representing the different ‘parts’ of that object: the content (subject matter), the template (the layout of the content defining its position on the web site) and the metadata (additional information intrinsic to the object which enables the search engine to retrieve the object).

The global term ‘topic’ is used to describe folders and sub-folders (directories and sub-directories) on the System.

Both terms are described in detail in the chapters below.

1. Objects - what is an Object?

1. Each element which is part of the root HHW structure is considered to be an ‘object’, according to WCM system terminology. An object may be a topic, an HTML page, a PDF document, an MS WORD document, an EXCEL spreadsheet, an image file (JPG, GIF,), an HTML template or even a folder.

2. Each object is identified within the system by its own unique ID number which never changes, no matter if the location of the object changes.

3. Content Providers should only edit the Objects in their section Content Area.

4. Access Rights to an Object means the right to edit an Object.

2. Topics - what is a Topic ?

1. A Topic is an Object type.

2. It is a ‘place holder’ for other sub-folders and sub-pages in the hierarchy of files. It is the parent of its ‘child’ pages.

3. It always needs to have the GROUP template, rather than the SINGLE template, because it is a ‘place holder’ for other pages – it doesn’t stand alone.

4. The WCMS system automatically assigns each topic or object its own ID (identification number). See the example below, where the topic About has the Object ID number 1037 (OID 1037):

-9-

Object IDs enable the WCM System to identify that particular object. Object IDs remain with the Object, no matter what modifications are made to it and no matter if its location on the website changes.

9

-10-

3. Types of documents which can be uploaded to the WCM System

a. An HTML pageWhat is an HTML page?

HTML stands for Hyper Text Markup Language. It is a low-level programming language which uses codes and syntax to enable text to be displayed on the web. The Integrated Editor of the WCM System is a user-friendly HTML editor with a user interface similar to MS WORD. The HTML codes are generated automatically behind the text you generate, and are visible by clicking on the Code tab, which is beside the Design tab, the default setting:

Read the chapter ‘How to create an HTML page’ for instructions how to create a file of this type within your Content Area.

b. A PDFWhat is a PDF?

PDF stands for Portable Document Format. This file format enables a user to capture (i.e. save) and view information from any application, on any computer system—and share it with others in a read-only, fixed layout format. The programming language inside a PDF generates the layout, the graphics and embeds the original fonts, so that all of the document’s features are bundled together into a single file (known as a PDF file) and travel with it, wherever it goes.

This file format is the safest format to use for documents in situations where the information displayed requires no more editing changes to be made.

It is also the file format which is the closest to the printed version of a document.

Read the chapter ‘How to upload and/or delete a document’ for instructions how to add this file types to your Content Area.

c. Image FilesImage files should be added to the Documents folder inside your particular Content Area. Possible image formats which can be added are: JPEGs, GIFs and even PNG images. Read the chapter ‘How to upload and/or delete an image’ for instructions how to add these file types to your Content Area.

-11-

4. Templates

a. Available templates and their useThere are only several standard recommended templates to be used by Content Providers. These templates can be selected in the WCM system on the ‘General’ tab of the metadata of a file. (To access the metadata of a file, highlight the filename, and click on View>Metadata):

The templates are:

Home Page Template Section Page Template (for each Section pages, like Medical Physics, Nuclear

Medicine, etc.) Subsection Template (used for the level before the last one, that will contain

links to the articles, stories, etc.) Content Template is the template for the final articles and stories News/Events Holder Template – template for the pages that will contain the list

of News and Events News/Events Template – template for the pages that will contain News and

Events

The templates can be viewed by the Content Providers, but SHOULD NOT be modified without BSS help or knowledge.Only HTML files (objects) in a particular topic area must have one of the above templates applied to them.

Other objects such as PDF files, WORD documents, EXCEL files, PPT files do not require a template. Nor do such objects as JPEG and GIF image files.

b. Difference in Application between Templates

The Home Page Template (/resources/templates/base (JSP template, OID = 4656)) should be used for the home page.

11

-12-

The Section Template (/resources/templates/2c_section (JSP template, OID = 7632)) should be used for Sections pages (i.e. Medical Physics, Diagnostic Imaging, etc.) or for some intermediary topics that are not the entry pages for the final articles. Examples: Nuclear Medicine/Radionuclide Therapy

The Section Iconified Template (/resources/templates/2c_section_iconified (JSP template, OID = 7634)) should be used for Sections pages under sections like Medical Physics namely Radiotherapy, Diagonostic Radiology, etc only if large icons are used.

-13-

The Subsection Template (/resources/templates/2c_sub_section (JSP template, OID = 7635)) should be used for pages that are the level before the last one, entry pages for the final articles and stories. Examples: Nuclear Medicine/Endocrinology, Nuclear Medicine/Neurology, etc.

The Content Template (/resources/templates/2c_sub_section_content (JSP template, OID = 7646)) should be used for pages that contain final articles, cases, stories, etc. (last level of pages)

13

-14-

The News/Events Holder Template (/resources/templates/2c_news_events_holder (JSP template, OID = 7638)) is the template that should be used for the pages containing entries for News for a section. They will display the list of news and Events for that Section.

-15-

The News/Events Template (/resources/templates/2c_news_event (JSP template, OID = 7656)) is the template that should be used for the final News/Events pages.

15

-16-

c. How to apply a templateApply a template to an object AFTER it has been created inside the WCM system, or imported into the WCM system. The template is considered as part of the metadata of the particular object.

In order to access the list of templates, the ‘metadata’ view must be selected.

Click on View>Metadata

Highlight the object or file in the topic folder. The metadata of the highlighted file will appear on the right-hand pane. Select the General tab. Template is the 4th entry in the list.

Click on the dotted line at Template:

This opens the available list of templates. Choose the appropriate template, according to which type of file you have selected (see the above description of templates), highlight your choice and click on OK to apply the template to your file.

Click on Save at the bottom of the metadata tab.

-17-

The template you have chosen is now applied to your file. Switch (ALT+Tab) to the Edit website to view the file with the applied template.

If you are satisfied with the results, return to the WCM system (using ALT+Tab), right-mouse click on the filename and choose Submit from the sub-menu to submit the file to the Quality Assurance (QA) website.

The icon changes to green/red to indicate that the file is now on the QA website:

To publish the file to the live website, right-mouse click on the filename and click on Release:

The icon changes to green and the file is now published on the live website.

5. Metadata

How to edit the Metadata of a fileMetadata is the information which describes the properties of an Object. We need to insert correct metadata, so that the search engine is able to perform exact searches on the website.

a. Standard MetadataThe standard metadata comprises:

- the OID, the Object Identification. The WCM system automatically generates an Object ID for every new object. This ID stays with the Object during its lifetime, no matter if the Object is moved from one location to another. The Object ID cannot be modified.- the Heading. (see paragraph on WCM tag tab below) The text you provide here automatically generates the first (i.e. main) heading on your web page, equivalent to <H1></H1> in HTML language- the Template. (see paragraph on WCM tag tab below). Content Providers can choose from existing types only – the ones described in the previous section- the Type, e.g. HTML page, PDF document, GIF image. Generated automatically by the WCM System- the Expiration date. Generated automatically by the WCM System- The Suggested file name. Generated automatically by the WCM System.

In the case of Topics, this will automatically be the Topic name. In the case of files, it will be the name of the file which the Content Provider has added to the WCM System)

- the Modification date. Generated automatically by the WCM system- Keywords. The keywords describing the content of the object. This information can be used as a search criterion in the object filter. - Description. The description of the object content. This information can be used as a search criterion in the object filter.

17

-18-

Any other metadata apart from the above properties is known by the WCM System as ‘attributes’ and is entered by Content Providers, either on the ‘Attributes’ tab or the ‘WCM Tags’ tab in the metadata view of the WCM system.

b. Custom Attributes Metadata & Properties

Custom Attributes- Show on Home page under “Whats new?” – This checkbox should be checked if the Content Provider wants that a link to this page (topic, article, etc.) should appear in the What’s New Section on the home page- Show on main tab-navigation? - This should be checked if the page is a page corresponding to a tab on the home page. Examples, the Sections pages, Medical Physics, Nuclear medicine, Diagnostic Imaging, etc., that appear on the main page- Is this the start node for sub-navigation? - This should be checked if the page is a page that can be accessed from the navigation menu or toolbar menu on the home page. Examples, the Sections pages, Medical Physics, Nuclear medicine, Diagnostic Imaging, etc., that appear on the main page- Apply auto ordering based on Heading? – If this value is set, the “alpha-numeric ordering” is ignored and the sub elements are ordered based on the Heading attribute in the ascending order.- Hide from all navigations and retrievals? – This should be checked if the page should be hidden (not displayed to the users).- Alpha-number order among its siblings – This indicates the order of this page in the navigation elements or list (for instance first element in the list, second, third, etc.). This should be a positive integer.- Associated image – It will represent an image that will appear automatically on the page.- Associated thumbnail – This allows the Content Editor to select a thumbnail image that will appear in the parent page and that will represent a way of navigating to the actual page.

-19-

Custom PropertiesSeveral custom categories have been created. Each category groups together related set of properties. The custom categories and their related properties are defined below. Note: The usage of each are detailed in the following sections where applicable.

Category: HHW_HomeProperty Name Property

DatatypeLabel (Seen as) Description

hhw_banner_title String (200) Title on the banner The short title on the banner.hhw_banner_subtitle String (250) Subtitle on the banner The subtitle that appears

below the title on the banner.hhw_banner_description

Formatted Text (HTML)

Description on the banner

The description that appears below the subtitle on the banner

hhw_spotlight OID In the spotlight The object which should be in the shown on the home page in the spotlight section.

hhw_whats_new OID What is New? (Please ignore – Implementation changed.)

Category: HHW_ContentProperty Name Property

Datatype Label (Seen as) Description

hhw_content_abstract String (512) Section abstract Abstract of the current section.hhw_content_details Formatted Text

(HTML)Section details Details of the current section.

hhw_relevant_links Formatted Text (HTML)

Relevant links Links relevant to current section.

hhw_show_relevant_files

Boolean Value Show relevant links? Show/Hide the relevant files stored under the current section.

hhw_show_relevant_links

Boolean Value Show relevant files Show/Hide the relevant links on the page.

Category: IAEA_Event_HolderProperty Name Property


iaea_hold_events_archive

Boolean Contains archived Events?

Indicates whether or not the holder (topic) contains archived events

Category: IAEA_EventProperty Name Property


iaea_event_is_archived

Boolean Archive this Event ? Add this event to archive.Note: It is best to move the archived events to an archive events topic

iaea_event_start_date Timestamp Event start date The start date of the eventiaea_event_display_dates

String (256) Event occurs between (from - to)

The dates when the event will take place

19

-20-

iaea_event_location Formatted Text (HTML)

Event location The location of the event

iaea_event_contact Formatted Text (HTML)

Event contact details The contact details for the event

iaea_event_abstract Formatted Text (HTML)

Event abstract The abstract of the event

iaea_event_details Formatted Text (HTML)

Event details The details of the event.

Category: IAEA_News_HolderProperty Name Property


iaea_holds_news_archive

Boolean Contains archived News ?

Indicates whether or not the holder (topic) contains archived news

Category: IAEA_NewsProperty Name Property


iaea_news_posted_by String (256) News Posted by Author of the storyiaea_news_posted_date

Timestamp News Posted on Date on which the story was posted

iaea_news_abstract Formatted Text (HTML)

News abstract Abstract of the story

iaea_news_story Formatted Text (HTML)

Full News story Full News story

iaea_news_is_archived

Boolean Archive this News? Add this news to archive.Note: It is best to move the archived events to an archive news topic

Category: IAEA_PresentationProperty Name Property


iaea_presentation_url External URL (1024)

Presentation file URL URL of the articulate presentation file.

Category: HHW_AudioProperty Name Property


iaea_audio_file External URL (1024)

Audio file URL URL of the audio file.

Category: HHW_VideoProperty Name Property


iaea_video_file External URL (1024)

Video file URL URL of the video file.

iaea_video_width Integer Video width (optional) Custom width for the video (Note: Not applicable to all formats)

iaea_video_height Integer Video height (optional) Custom height for the video (Note: Not applicable to all formats)

-21-

iaea_video_description

Formatted Text (HTML)

Video description (optional)

Description for the video.

iaea_video_thumb External URL (1024)

Video cover image URL (optional)

Cover page image for the video (Note: Not applicable to all formats.)

c. Metadata on the ‘WCM tags’ tabWhat metadata information should the Content Provider provide on the WCM tags tab?

The following metadata on the WCM tags tab must be filled in by the Content Providers:

- Heading. This meta tag displays the first heading inside your document. Whatever you type in here will display as the main heading in your document (see chapter entitled ‘Heading Formats’).

This means that when you open your document with the WCM System Integrated Editor, you do not need to type in the main heading again.

It also means by default that when you check out your file, the first heading you insert will in fact be your ‘second’ heading, using the <H2><H/2> tag, as in the screen shot below:

- Keywords. This meta tag assists the Search engine on the website. Therefore, you should enter here any content-specific words related to the subject of the web page. Separate each entry with a comma, e.g.: imaging, radiotherapy, oncology.

- Description. You can enter a sentence or two describing the content of your web page.

After entering any metadata, remember to scroll down to the bottom of the respective tab and click on Save to save the changes you have made!!

Metadata is the information which describes the properties of an Object. We need to insert correct metadata, so that the search engine is able to perform exact searches on the website.

To view the metadata of a file, you need to click on View>Metadata to access the Metadata view:

This will display the six Metadata tabs on the right-hand pane:

21

-22-

For the HHW web site, only the General, Attributes and WCM tags tabs are edited.

Some Metadata is automatically populated by the WCM System, e.g. the Object ID number, the URL of the file and the Modification Date (which displays on the bottom of a web page as the ‘Last Modified’ date.)

For instructions how to edit the Metadata tabs, please read the chapter entitled “How to edit the Metadata of a file”

7. The Three Web Views

Edit view – QA (quality assurance) view – Production viewThe three possible Web ‘views’ – Edit, QA and Production – are a direct result of the following three steps in the file editing process:

- Check Out (take the file from the WCM System) – file is displayed in Edit view – Check In (return the edited file to the WCM System)- Submit (submit the file to the Quality Assurance (QA) website for checking)- Release (publish the file to the Production website, which is the live OASIS website)

Edit View: when a Content Provider checks out a file, the corresponding web page appears in Edit view and this is indicated by [PREVIEW] at the top right-hand corner of the web page. This view is used to check, step by step, the validity of any editing done on the page (action: check out to edit/SAVE changes/check in to return the edited file to the WCM System).

Quality Assurance (QA) View: once the Content Provider has checked in the file, he/she right-mouse clicks on the filename and selects submit from the sub-menu, in order to send the web page to the Quality Assurance (QA) website. The QA view provides an intermediate area between editing and publishing known as a ‘staging area’ where the Content Provider should perform a final quality check of the web page, before final publication to the live website.

Production View: once the Content Provider has clicked on release, the file is released to the Production website, which is the live Human Health Website.

-23-

IV. Working with the WCM System – Basic HHW Scenarios

Below are ‘How To’s to guide you through the basics of creating sections, subsections, news and events within the HHW WCM System. These are HHW specific scenarios.

A.1. How to create a new section (second level sections accessible from the home page)

7. Select the root folder

8. Right click the mouse and select New OR click on Object > New > From Object Type menu item9. The Objects Attributes dialogue box opens. Scroll down the list to HTML page, and highlight Topic.

23

-24-

10. Enter the Section name at Title. Click on Next button. 11. In the screen for specifying the metadata, please enter as Heading the Name of The Section again (this is what will be displayed on the real web page)

12. In the Template field, please click on … icon and select the Section template /resources/templates/2c_section from the tree containing the templates.

-25-

13. Leave the other attributes to the default value and click Next button.14. In the next screen, add the Description and Keywords attributes with the corresponding content. In the Keywords field, commas are by default interpreted as separators between the individual entries. The keywords would be useful when searching through the content of the pages.

15. Leave the other attributes empty and click Next. In the next screen, check the Is this the start node for sub-navigation? (this is used so that the page will appear in the left-side navigation menu) and Show on main tab-navigation? (this is useful so that the page will appear as an entry in the toolbar navigation menu in the main page) check boxes.

25

-26-

16. Add a value to the “Alpha-number order among its siblings” field in order to mention the order number of this entry in the final page. This will be used to order the sections in the tab and navigation menus.17. Leave the other fields empty and click on Next button. Your Section page is created. It appears in the WCM navigation widow tree and by clicking on it you can see in a different browser widow (use ALT-TAB key combination to navigate to it) the real page.

A.2. How to create an intermediary sub-section (not final sections, children of the main Sections)

18. Highlight the parent section of the new section to be created

-27-


27

-28-

21. Enter the intermediary Sub-Section name at Title. Click on Next button. 22. In the screen for specifying the metadata, please enter as Heading the Name of the Sub-Section again (this is what will be displayed on the real web page)

23. In the Template field, please click on … icon and select the Section template /resources/templates/2c_section_iconified from the tree containing the templates.

24. Leave the other attributes to the default value and click Next button.

-29-

25. In the next screen, add the Description and Keywords attributes with the corresponding content. In the Keywords field, commas are by default interpreted as separators between the individual entries. The keywords would be useful when searching through the content of the pages.

26. Leave the other attributes empty and click Next. In the next screen, do not check any of the existing check boxes.

27. Add a value to the “Alpha-number order among its siblings” field in order to mention the order number of this entry in the final page. This will be used to order the sections in the tab and navigation menus.28. Enter the corresponding “Associated thumbnail” by selecting a corresponding image already uploaded in the website. This image will be the thumbnail appearing on the parent Section page.29. Leave the other fields empty and click on Next button. Your Sub-Section page is created. It appears in the WCM navigation widow tree and by clicking on it you can see in a different browser widow (use ALT-TAB key combination to navigate to it) the real page.

29

-30-

The parent section now looks like this.

A.3. How to create a final sub-section (one that will contain entries to lowest level articles)

1. Highlight the parent section of the final sub-section to be created

-31-


4. Enter the final Sub-Section name at Title. Click on Next button. 5. In the screen for specifying the metadata, please enter as Heading the Name of the Sub-Section again (this is what will be displayed on the real web page)

31

-32-

6. In the Template field, please click on … icon and select the Section template /resources/templates/2c_sub_section from the tree containing the templates.

7. Leave the other attributes to the default value and click Next button.8. In the next screen, add the Description and Keywords attributes with the corresponding content. In the Keywords field, commas are by default interpreted as separators between the individual entries. The keywords would be useful when searching through the content of the pages.


-33-

10. Add a value to the Alpha-number order among its siblings field in order to mention the order number of this entry in the final page. This will be used to order the sections in the tab and navigation menus.11. Enter the corresponding Associated image by selecting a corresponding image already uploaded in the website. This image will appear in the final Sub-Section content.12. Enter the corresponding Associated thumbnail by selecting a corresponding image already uploaded in the website. This image will be the thumbnail appearing on the parent Section page.13. Leave the other fields empty and click on Next button. Your Sub-Section page is created. It appears in the WCM navigation widow tree and by clicking on it you can see in a different browser widow (use ALT-TAB key combination to navigate to it) the real page.

33

-34-

On the Section parent page, it appears the thumbnail to this new final Sub-Section.

A.4. How to create a final article/story

1. Highlight the parent final sub-section of the final article to be created

2. Right click the mouse and select New OR click on Object > New > From Object Type menu item

-35-

3. The Objects Attributes dialogue box opens. Scroll down the list to HTML page, and highlight Topic. (This final level content could be created also as an HTML page)

4. Enter the final article name at Title. Click on Next button. 5. In the screen for specifying the metadata, please enter as Heading the Name of the article again (this is what will be displayed on the real web page)

6. In the Template field, please click on … icon and select the Section template /resources/templates/2c_sub_section_content from the tree containing the templates.

7. In the Object Category combo box select HHW Content entry.8. Leave the other attributes to the default value and click Next button.

35

-36-

9. In the next screen, add the Description and Keywords attributes with the corresponding content. In the Keywords field, commas are by default interpreted as separators between the individual entries. The keywords would be useful when searching through the content of the pages.

10. Leave the other attributes empty and click Next. In the next screen, check Show on Home page under “Whats new?” if you want a link to this new page to appear in the What’s New section on the home page.

11. Add a value to the Alpha-number order among its siblings field in order to mention the order number of this entry in the final page. This will be used to order the articles in the list of entries in the parent list.12. Leave the other fields empty and click on Next button. In the next screen, in the hhw_content_abstract field, provide a short simple text content abstract for the article.

-37-

13. Click on the … button nearby the in the hhw_content_details field. The html Editor Window will be open. You can edit and format here the text of the article.

14. When you finish, click on File >Save from the menu bar to save the file:

37

-38-

15. Also, click on the button … in order to edit/add relevant links to either external or internal files. If you add relevant links and would like them to be shown on the page then check the hhw_show_relevant_links check box.16. Click OK button.17. Your article page is created. It appears in the WCM navigation widow tree and by clicking on it you can see in a different browser widow (use ALT-TAB key combination to navigate to it) the real page.

On the final Sub-Section parent page, it appears a link together with the short abstract to this article.

-39-

A.5. How to create a News (Events) Topic inside a Section

1. Highlight the parent section of the News(Events) Section to be created

39

-40-


4. Enter the News Section name at Title. Click on Next button. 5. In the screen for specifying the metadata, please enter as Heading the News name of the section again (this is what will be displayed on the real web page)

6. In the Template field, please click on … icon and select the Section template /resources/templates/2c_news_events_holder from the tree containing the templates.

7. Leave the other attributes to the default value and click Next button.

-41-

8. In the next screen, add the Description and Keywords attributes with the corresponding content.


10. Leave fields empty and click on Next button. Your News Section page is created. It appears in the WCM navigation window tree and by clicking on it you can see in a different browser widow (use ALT-TAB key combination to navigate to it) the real page.

A.6. How to create a News entry

1. Highlight the parent final News section of the final news story to be created

41

-42-

2. Right click the mouse and select New OR click on Object > New > From Object Type menu item3. The Objects Attributes dialogue box opens. Scroll down the list to HTML page, and highlight Topic. (This news story could be created also as an HTML page)

-43-

4. Enter the final new story name at Title. Click on Next button. 5. In the screen for specifying the metadata, please enter as Heading the Name of the news article again (this is what will be displayed on the real web page)

6. In the Template field, please click on … icon and select the News event template /resources/templates/2c_news_event from the tree containing the templates.

7. In the Object Category combo box select IAEA_News entry.8. Leave the other attributes to the default value and click Next button.9. In the next screen, add the Description and Keywords attributes with the corresponding content. In the Keywords field, commas are by default interpreted as

43

-44-

separators between the individual entries. The keywords would be useful when searching through the content of the pages.

10. Leave the other attributes empty and click Next. In the next screen, check Show on Home page under “What’s new?” if you want a link to this new page to appear in the What’s New section on the home page.

11. Add a value to the Alpha-number order among its siblings field in order to mention the order number of this entry in the final page. This will be used to order the articles in the list of entries in the parent list.12. Leave the other fields empty and click on Next button. In the next screen, in the iaea_news_abstract field, click on the … button and provide a short simple text content abstract for the news article in the HTML editor.13. Scroll down and fill the name of the person who posted the news in the iaea_news_posted_by field.14. Fill the date when the news article was posted in the field iaea_news_posted_date.

15. Click on the … button nearby the in the iaea_news_story field. The html Editor Window will be open. You can edit and format here the text of the news story.

-45-

16. When you finish, click on File >Save from the menu bar to save the file:

17. Click on the OK button.

18. Your news story page is created. It appears in the WCM navigation widow tree and by clicking on it you can see in a different browser widow (use ALT-TAB key combination to navigate to it) the real page.

45

-46-

On the final News Section parent page, it appears a link together with the short abstract to this news story.

-47-

A.7. How to add a video file inside a story page

1. Highlight the parent Story page where you want the movie file to be created

2. Right click the mouse and select New OR click on Object > New > From Object Type menu item3. The Objects Attributes dialogue box opens. Scroll down the list to HTML page, and highlight Assemble object.

4. Enter the movie file name at Title. Click on Next button. 5. In the screen for specifying the standard metadata, please enter as Heading the movie file name again (this is what will be displayed on the real web page)

47

-48-

6. In the Template field, please click on … icon and select the Section template /resources/templates/2c_video from the tree containing the templates.7. In the Object category field insert IAEA_Video8. Leave the other attributes to the default value and click Next button.9. In the next screen, add the Description and Keywords attributes with the corresponding content. 10. Leave the other attributes empty and click Next. In the next screen, do not check any of the existing check boxes.

11. Leave fields empty and click on Next button. Provide the necessary information in the next screen.

-49-

12. Click OK button. The video file is created as an assembled object.13. The video file appears in the Story page in the Related videos area.

14. In order to play the video, click on the file link and a new page will be open with the embedded player presenting the movie.

49

-50-

A.8. How to add an audio file inside a story page

15. Highlight the parent Story page where you want the audio file to be created


-51-

18. Enter the audio file name at Title. Click on Next button. 19. In the screen for specifying the standard metadata, please enter as Heading the movie file name again (this is what will be displayed on the real web page)

20. In the Template clear the field (The object should be without template).21. In the Object category field insert IAEA_Audio22. Leave the other attributes to the default value and click Next button.23. In the next screen, add the Description and Keywords attributes with the corresponding content. 24. Leave the other attributes empty and click Next. In the next screen, do not check any of the existing check boxes.

25. Leave fields empty and click on Next button. In the new screen, paste the URL of the video file you want to inserted in the iaea_audio_file text field. (This should be the URL of the audio file residing on the media server videoserver1.iaea.org).

51

-52-

26. Click OK button. The audio file is created as an assembled object.27. The video file appears in the Story page in the Related audios area.

28. In order to play the audio, click on the file link and an embedded player will be open presenting the audio file. The user can play the audio file inside the embedded player.

-53-

A.9. How to add a presentation file inside a story page

1. Highlight the parent Story page where you want the presentation file to be created


53

-54-

4. Enter the audio file name at Title. Click on Next button. 5. In the screen for specifying the standard metadata, please enter as Heading the movie file name again (this is what will be displayed on the real web page)

6. In the Template clear the field (The object should be without template).7. In the Object category field insert IAEA_Presentation. Leave the other attributes to the default value and click Next button.8. In the next screen, add the Description and Keywords attributes with the corresponding content. 9. Leave the other attributes empty and click Next. In the next screen, do not check any of the existing check boxes.

10. Leave fields empty and click on Next button. In the new screen, paste the URL of the video file you want to inserted in the iaea_presentation_url text field. (This should be the URL of the index file on the presentation residing on the media server videoserver1.iaea.org).

-55-

11. Click OK button. The audio file is created as an assembled object.12. The video file appears in the Story page in the Related Presentations area.

13. In order to view the presentation, click on the file link. A new window will open with the presentation.

55

-56-

A.10. How to Add Video file to the media share drive

1. Go to location \\www-stage\bss-media\HHW using file browser or internet explorer.

2. Copy the file in this location to any preferred sub-directory (eg: \\www-stage\bss-media\HHW\video\). Optionally you can also copy an image file into this folder that can be used as the video cover. (Note: The video cover will be shown only for flv, swf and mp4 files.)

3. The file will moved to production server in 5 minutes.

4. Open WCM content client http://wcm1.iaea.org/cmsclient/index.jsp

5. Navigate to the folder under which you would like to create the video file.

http://wcm1.iaea.org/cmsclient/index.jsp

-57-

Create a new file under this folder of type “Assembled Object”.

Assign the “Object category” as “IAEA_Video”.

Assign the “Template” as “2c_video”.

Click the Save button.

6. Open the following link http://videoserver1.iaea.org/media/HHW in a new Internet Explorer instance. A directory listing of all files and folders, identical to the structure under \\www-stage\bss-media\HHW will be seen. Navigate to the folder where the video file was pasted (eg. video). Find the file in the list and right click on it. Navigate to the option “Copy Shortcut” and click on it. The complete URL of the recently uploaded file will be copied to your clipboard.

57

http://videoserver1.iaea.org/media/HHW

-58-

7. Go back to the Explorer window that contains the content client.

Select the file that you recently created in step 5.

Click the “Properties” tab.

For the text box with the label “Video file URL” paste the recently copied URL.

You can specify the width and height to use for the video in the text boxes “Video width” and “Video height” respectively. If no width and height are provided, the default value 600 x 400 is used.

Note: The Video Width and Height values may be rejected by the underlying player. They work with only a few format like flv, wmv, etc.

Optionally if you have uploaded a cover image, paste the URL of the cover image file in the text box “Video cover image URL”

Also you can add additional description to the video file in the text box “Video description”


-59-

Note: All video files are set to auto start, unless it is not supported by the player.

Supported file formats

asf, avi, flv, mov, mpg, mpeg, mp4, qt, smil, swf, wmv, 3g2, 3gp

59

-60-

A.11. How to Add an Audio file to the Media Share Drive


2. Copy the file in this location to any preferred sub-directory (eg: \\www-stage\bss-media\HHW\audio\)

3. The file will moved to production server in 5 minutes.


5. Navigate to the folder under which you would like to create the audio file.


Assign the “Object category” as “IAEA_Audio”.


6. Open the following link http://videoserver1.iaea.org/media/HHW in a new Internet Explorer instance. A directory listing of all files and folders, identical to the structure under \\www-stage\bss-



-61-

media\HHW will be seen. Navigate to the folder where the audio file was pasted (eg. audio). Find the file in the list and right click on it. Navigate to the option “Copy Shortcut” and click on it. The complete URL of the recently uploaded file will be copied to your clipboard.




For the text box with the label “Audio file URL” paste the recently copied URL.


61

-62-

Note: No template is necessary.


aif, aac, au, gsm, mid, midi, mov, mp3, m4a, snd, rm, wav, wma

A.12. How to Add an Articulate Presentation to the media share drive


2. Copy the folder of the articulate presentation in this location to any preferred sub-directory (eg: \\www-stage\bss-media\HHW\presentation\)

3. The folder will moved to production server in 5 minutes.


5. Navigate to the folder under which you would like to create the presentation file.


Assign the “Object category” as “IAEA_Presentation”.




MP3, WAV


-63-

6. Open the following link http://videoserver1.iaea.org/media/HHW in a new Internet Explorer instance. A directory listing of all files and folders, identical to the structure under \\www-stage\bss-media\HHW will be seen. Navigate to the folder where the presentation folder was pasted (eg. presentation) and click on it. This will list the contents of the folder. Find the file “player.html” in the list and right click on it. Navigate to the option “Copy Shortcut” and click on it. The complete URL of the recently uploaded file will be copied to your clipboard.




63


-64-

For the text box with the label “Presentation file URL” paste the recently copied URL.




Articulate player.html file.

IMPORTANT NOTE:

In the WCM

-65-

A sample folder in WCM with “Category” as “HHW_Content” and “Template” as “2c_sub_section_content” under which the audio, video, presentation and any other files like PDF, DOC, EXCEL, etc have been added will look as follows

65

-66-

V. Other WCM System General Working Scenarios

Besides the above scenarios, here are presented some other content creating scenarios taken from a different WCM Content Providers user manual (OASIS manual). Even then could be some differences, this presents also some similar scenarios that could be useful for the Content Providers.

Below are ‘How To’s to guide you through the basics of creating, deleting and moving pages within the WCM System.

1. How to create a new HTML page

Highlight the folder inside which you wish to create the HTML file - in our example below, MTGS > References folder:

and click on Object > New > From Object Type:

The Objects Attributes dialogue box opens:

-67-

Scroll down the list to HTML page, and highlight HTML page. Enter the file name at Title (remember to use the underscore if the title consists of two words):

Click on OK and the WCM System Wizard automatically creates the HTML file.

You are returned to the Topic Structure screen of the WCM System and your new file (eg our example:‘test_page’) appears highlighted in the topic directory where you created it, e.g.:

67

-68-

The symbol beside the file name in the topic list is now blue: showing that a change has taken place.

This file or object is an empty HTML page. To add text to it, highlight the filename and click on it to open the sub-menu:

Click on Check out. The Check out icon appears beside the file in the file list

The new file opens in the Integrated Editor of the WCM System:

-69-

Note that by default the Integrated Editor opens the file in ‘Design’ mode. This is the ‘file display view’, i.e. the view which displays how your file will look as a finished product.

To add text to this file, simply type in text, or copy text from a WORD document, position your cursor at the top of your empty file, and click on Edit >Paste (or use CTRL + V).

The text appears in your file:

Click on File >Save from the menu bar to save the file:

69

-70-

To enhance the text in your file, highlight the text you wish to enhance, click on Format to open the Format menu from the menu bar, (just like the Formatting tools in MS WORD), and choose your enhancement, ie bold for bolded text.

When you have finished editing your file, click on File >Save to save your changes. Then click on File >Check In to check your file back into the topic structure:

The new HTML file is now Checked In to the Topic Structure. The icon beside the file name in the topic list is changes to blue: showing that the file is checked in to the topic list, and that a change has taken place.

-71-

2. How to move an HTML page from one folder to another

To begin with, please note that this paragraph applies only to HTML pages which are not linked in any way to another HTML page in the WCM System. For HTML pages which have links to other HTML pages, please consult the following chapter: How to move an HTML page which is linked to another HTML page or pages.

NOTE: It is safer to copy and paste a file from one folder to another, and then delete the unwanted file. Highlight the filename of the HTML page you wish to move, in order to open the sub-menu and choose Copy:

71

-72-

In our example, we want to move the HTML page from the Services topic to the References topic Highlight the name of the topic directory where you wish to place the HTML page (ie References) and choose Paste from the sub-menu. :

Click OK to close the Remarks box which appears:

The HTML page has been copied from the Services topic to the References topic, as in our example below:

We now need to delete the copy of this HTML page from the Services topic. To do so, and thus complete the ‘move’, highlight the copy of the HTML page in the Services topic, in order to open the sub-menu and click on ‘Delete’.

-73-

Click Yes at the prompt:

The copy of the HTML page is deleted from the Services topic and the only the HTML page itself is left in the References topic directory:

3. How to move an HTML page which is linked to another HTML page or pages

a. First step: what to do before deleting or moving an HTML page:

Before deleting or moving an HTML page, you need to check whether it has references (links) to another page, or several other pages. You need to remove these references or links first. Otherwise, you will cause broken links on your subsite.

Let’s say you want to delete an HTML page and let’s take as an example an HTML page from the MTIT subsite. For this example we’ll use the file ‘Notebooks’, under the topic References >‘Hardware_Standards’.First, high-light the filename in the sub-directory, and click on View> References:

Note that the Referencing objects tab is active. This is the default setting (see image above).

This displays the object (or objects) which are referenced by (ie connected to) the file you have selected to delete, ie the file Equipment and the file Policies_Directives.

73

-74-

This means there is a link in the two objects listed under Referencing objects to the file you are going to delete ( Notebooks ). You must therefore remove those links to your file, BEFORE you delete your file. Otherwise, these objects will display a broken link because they will be linking to a file which no longer exists on the website.

The location of the two objects (web pages) is listed on the Referencing objects tab:

The file ‘Equipment’ is located in the topic MTIT under References>IT_Services_FAQs. Navigate to this location in the WCM system and highlight this filename.

The Quality Assurance website opens behind the Content Client and displays the Equipment web page. There you can see that the link to the file ‘Notebooks’ is in the body of the file:

To remove the link, simply Check Out the file ‘Equipment’ into the WCM Integrated Editor, scroll down to this link, highlight it and delete it. Save, and Check In the file ‘Equipment’. Submit it to the Quality Assurance website and check that the link to Notebooks has disappeared. Then Release the file to the live website.

Return to the file ‘Notebooks’ to remove the second Referencing object, which is in the file ‘Policies_Directives’ located in the topic ICT under References:

Note that this file is located in the topic ITC under References.

-75-

Navigate to this location and highlight this filename. The Quality Assurance website opens behind the Content Client and displays the Policies_Directives web page.

There you can see that the link to the file ‘Notebooks’ is in the body of the file:

To remove the link, simply Check Out the file ‘Policies_Directives’ into the WCM Integrated Editor, scroll down to this link and delete it. Save, and Check In the file ‘Policies_Directives’. Submit it to the Quality Assurance website and check that the link to Notebooks has disappeared. Then Release the file to the live website.

Return to the original file which you want to delete, ‘Notebooks’ located in the MTIT topic under References>Hardware_Standards. You have now removed the two items under the Referencing objects tab.

Now click on the Referenced objects tab:

There are two items referenced, two PDF files.

75

-76-

Highlight the filename. The Quality Assurance website opens behind the Content Client and displays the Notebooks web page.

Scroll down to the Related Links on the bottom right-hand corner. The two links here are to the Referenced objects:

To remove these related links in the ‘Notebooks’ file, return to the WCM content client and click on View> Metadata to access the Metadata of the file. Then click on the Attributes tab and scroll down to Related links. Click on the dotted line …. to open the Integrated Editor and delete the two links.

Now there will be no more related links in this file. Therefore, you must also uncheck the ‘Show Related Links’ box under Related links on the Attributes tab.:

Then scroll down to the bottom of the Attributes tab and click on Save to save the metadata.

Highlight the filename and view it in the Quality Assurance website to check that the Related links have disappeared (meaning that the links to the two PDFs are now gone).

Return to highlight the file ‘Notebooks’ and click on View> References. Check once again that there are no references (=links) listed under the Referencing objects tab, nor under the Referenced objects tab. If they are both clear, you may now delete the file ‘Notebooks’, and be reassured that you have not caused any broken links on the website!!

b. Second step: Copy and Paste (= MOVE)

Now that the references have been deleted, it is safe to copy the HTML file and paste it elsewhere in your subsite.

Right-mouse click on the filename to open the sub-menu and select Copy.

Select the “destination” location in your subsite (i.e. Let us say that you want to move a file from your References directory to your Services directory). Highlight the destination location, right-mouse click to open the sub-menu and select Paste.

You now need to submit the file to the Quality Assurance site, check it there, and then release it to the Production (live) website.

-77-

Now, return to your References directory and look for the other version of this file.

Following the instructions in the chapter How to delete an HTML file to delete the other version of the file.

Now there should be only one version of the file on your website.

4. How to delete an HTML page

Before deleting an HTML page, please read through the chapter entitled 3a. First step: what to do before deleting or moving an HTML page above. If the HTML page contains Referencing objects or Referenced objects, follow the steps outlined in 3a. First step: what to do before deleting or moving an HTML page.

If the file contains no Referencing objects or Referenced objects, follow these instructions:

Highlight the HTML page you wish to delete. The sub-menu opens:

Scroll down to Delete and click on it.Click Yes at the prompt:

The HTML page no longer appears in the topic directory:

77

-78-

5. How to update an existing HTML page

Highlight the existing HTML page you wish to edit. The sub-menu opens:

Click on Check out. The Checked Out icon appears beside the HTML page name in the topic list.

The HTML page is now checked out of the WCM System and opens automatically in the integrated WCM System Integrated Editor.

Make your editing changes. Click on File >Save to save the HTML page.

Click on File >Check In to check the HTML page back into the WCM System and close the WCM System Integrated Editor.

The icon beside the HTML page in the topic structure is now blue , indicating that editing changes have been made.

Right-mouse click on the HTML page name in the list to open the sub-menu and click on Submit to submit the page to the Quality Assurance website, in order to check the changes you have made. Click OK at the ‘Send e-mail’ dialogue box:

-79-

The icon beside the HTML page in the topic list changes to . The HTML page can now be viewed on the Quality Assurance website.

1. Click on ALT+Tab. The Quality Assurance website appears on a screen behind the WCM System. Check your HTML page. If it is correct, return with ALT+Tab to the WCM System screen, highlight the HTML page name in the topic list to open the sub-menu again, and click on Release. The icon beside the HTML page in the topic directory changes to and the HTML page is now published on the live website.

6. How to create/remove a related link on an HTML page

A related link is added to an HTML page through the metadata of this particular page. See the chapter on Related Links and Contact Box

To create a related linkHighlight the file in the topic structure and click on View > Metadata. Then click on the Attributes tab to open it:

Scroll down the Attributes tab to the Related links block:

Click on the dotted line to open the WCM System Integrated Editor

Type in the text which needs to be linked:

On the menu bar, click on Insert, Add Reference to a WCM System object:79

-80-

The WCM System topic structure box opens:

You can now navigate to the topic which contains the file which you want to link to the highlighted text. Highlight the file and click OK:

The text is now linked to the file:

-81-

Click on File > Save to save this link. The WCM System Integrated Editor closes automatically and returns you to the metadata page.

Now this link displays in the Related links block:

Then scroll down to click on Save to save this addition to the metadata of the file.

NOTE: In order to make the Related Links display on your web page, check the Show related links box:

Click on Save again to save this addition to the metadata.

Now right-mouse click on the filename, open the sub-menu and select Submit to submit the file to the Quality Assurance website.

Click on ALT+TAB to scroll through to the Quality Assurance website and view the text which is now displayed under Related Links:

81

-82-

If the link is correct, return to the topic which contains the file, locate the file, right-mouse click on the filename to open the sub-menu, and select Release to release the file to the Production (ie Live) website.

To remove a Related LinkClick on the Attributes tab to open it:

Scroll down the Attributes tab to the Related links block:

Click on the dotted line to open the WCM System Integrated Editor

The WCM System Integrated Editor opens the Related links block and displays your link(s).

Simply highlight the text and hit your Backspace key to delete the text and link.

Click on Save. The WCM System Integrated Editor closes and returns you to the Attributes tab which now has now links displayed under Related Links.

Scroll down and click on Save to save these changes to the metadata of the file.

7. How to upload/delete a document (e.g. PDF, EXCEL file, PPT file or WORD document)

a. Heading of the document file

Before you upload any document type, you need to give it a ‘display name’ which will display on the web, in case you want to link to this document from another file later on and have its name displayed on the web. This ‘display name’ is known to the WCM system as a Heading. It may or may not be the same as the filename. If the filename consists of several words, they must be linked by an underscore, e.g. ‘Product_Issues.htm’, whereas the Heading displays in normal sentence format. The ‘Heading’ is part of the standard Metadata of the document as it provides additional information to the actual filename. The Heading is entered on the General tab of the Metadata tags, as in the example below, (see Chapter 5. Metadata ).

As we see in our example below, the Heading has the same wording as the Title, but without underscores. It is the Heading which will display on the webpage, not the Title, nor the Filename:

-83-

b. How to upload a PDF document

The example below explains how to upload/add a PDF file, which is the most frequent document type you are likely to add to your site (see the chapter ‘What are PDFs’ ).

Follow the same steps when adding different types of documents to the Documents folder on your subsite is the same e.g., a PPT file, an EXCEL file or a WORD document.

To add an existing PDF file to a topic area in the WCM System, click on Object, New, and select ‘from object type’, as in the screen shot below.

NOTE: All documents are known as ‘objects’ to the WCM System.

Click on Object>New>From Object Type

The Object Attributes dialogue box opens:

Click on Browse…. to locate your PDF file on your hard disk or desktop and select the file name and select Open. The WCM System searches through the list of file types, narrows down the list, and automatically selects the file and highlights the correct corresponding file type

(e.g. PDF document in this case), as in the screen shot below.

83

-84-

Click on OK …and the WCM System Wizard automatically imports the PDF into the selected folder :

The PDF document or object is imported into your topic structure, and is automatically attributed an object ID number (OID), which remains with the object/document, irrespective of file type or location on the website, even if it is moved from one location to another.

To publish this PDF file, highlight the filename to open the sub-menu and click on Submit. The blue icon changes to red/green . The PDF file has now been submitted to the Quality Assurance (QA) website where you can check its correctness. Switch (ALT+Tab) to the QA website which automatically appears behind the WCM System screen. If the PDF file displays correctly, switch back (ALT+Tab) to the WCM System screen, highlight the filename again to re-open the sub-menu, and click on Release. The red/green icon changes to green . This indicates that the PDF file has been published to the live website.

c. How to delete a document (e.g. a PDF document)

The example below explains how to delete a PDF file. Follow the same steps to delete an EXCEL file, PPT file or WORD document.

Highlight the document you wish to delete. The sub-menu opens. Scroll down to Delete and click on it.

-85-

Click Yes at the prompt:

The document (eg PDF file) is deleted, and no longer appears in the topic directory:

8. How to upload and/or delete an image

a. How to upload an image

You can add .JPGs, .GIFs or PNG images to your subsite. Images should always be added to the Documents sub-folder.

Our example explains how to upload a JPEG.

NOTE: All image types are known as ‘objects’ to the WCM System.

To add an image to a topic area in the WCM System, click on Object, New, and select ‘from object type’:

85

-87-

The Object Attributes dialogue box opens:

Type in the title of your image file at Title:

Click on Browse…. to locate your image file and select the file name. The name of your image file appears automatically in the Title: slot of the Objects attributes dialogue box, and the file-path appears in the File: slot.

87

-88-

The WCM System searches automatically through the list of file types, narrows down the list, and automatically highlights the file type (JPEG), as in the screen shot below:

and the WCM System Wizard automatically imports the image file into the selected folder.

The image file is imported into your topic structure, and is automatically attributed an object ID number (see OID 1488) which has been attributed to the JPEG ‘deliverservice’ in the screen shot below). This object ID number (OID) remains with the image file, irrespective of file type and location within the WCM System, even if the image is moved from one location to another.

To publish this image file, highlight the filename deliverservice to open the sub-menu and click on Submit. The blue icon changes to red/green . The image file has now been submitted to the Quality Assurance (QA) website. Switch (ALT+Tab) to the QA website which automatically appears behind the WCM System screen. If the image file displays correctly, switch back (ALT+Tab) to the WCM System screen, highlight the filename again to open the sub-menu, and click on Release. The

-89-

red/green icon changes to green . This indicates that the image file has been published to the live website.

b. How to delete an image

Our example shows how to delete a JPEG. The same steps apply to all image types.

Highlight the image file in the topic structure:

Right-mouse click to open the sub-menu, scroll down and click on Delete.

Click on Yes at the prompt. The image is deleted from the topic structure.

89

-90-

9. How do I make my page display on the website, if it does not appear after editing?

If, after releasing your page to the live website, the page does not display, there is usually a simple remedy:

Navigate to the filename inside the WCM System, highlight the filename and click on View>Metadata, to display the metadata of the file.

-91-

Click on the Attributes tab to activate it, and verify that at ‘Statify page:” there is the attribute on (see example below:)

Scroll down and click on Save to save the metadata. Then submit and release the file again.

The WCM System will index the file and a few minutes later it will appear on the live website.

91

-92-

10. How to operate on a group of resources simultaneously (example with a submit/release operation)

Let’s say that you want to submit a group of two or more changed resources in a single submit operation. Suppose they are like the story pages Story1 and Story 2 in the picture below.

As a hint, try to select the node in the hierarchy that contains all the changed resources as children, Ex SubSection2, in the picture.

Go to the main WCM client menu and click on View. In the just opened Menu, click on Object Filter

-93-

You will notice that the left panel in the WCM client interface will change to a form where you can filter the resources that are children of the previous selected node (Sub Section 2 in our case) and have a certain status.

Selected from the Combo box the changed status, as we want to submit two changed items.

93

-94-

In the case of a different type of operation (like Release, Reject, Destroy), we just need to select the corresponding status needed by that type of operation, like submitted, deleted.

The list of objects with the corresponding status, children of the selected parent node, will be displayed. In our case the two changed story pages are displayed.

From the displayed list, select the modified objects that have to be submitted. If all the elements in the list have to be submitted, you can check the Apply action to all objects checkbox.

-95-

After you selected the elements in the list, click on the Submit icon in the toolbar in order to submit the objects.

Click on the OK button in the dialog window that is open.

The changed elements disappeared from the left panel list, as they were submitted and changed their status.

95

-96-

Now it is advisable to switch back to the Topic Structure type of view.

The Topic structure of the website will be displayed, with the corresponding two submitted topics having the appropriate Submitted icon, which is the red-green square icon.

-97-

Note: These steps can be done for any operation involving a group operation, like Release, Delete, etc. What differs from the above steps are the types of objects that have to be filtered and the type of action that has to be done.

97

-98-

VI. ANNEX

IMPORTANT NOTES

S.No. Notes

1. For any page or topic that you create, do not forget to set the attribute “Statify page” to the value “on”. If this value is not set the page will not be displayed properly on the production.

2. To find information on the link to media share drive or the video server website use the link

http://wcm1.iaea.org/HHW_EDIT/WCM_Additional_Information/index.jsp

It can be found in the WCM of HHW under the root folder.

3. When uploading files to the media share drive, please use alpha-numeric naming convention for files and folders. Do not use special characters like , . ’ etc.

http://wcm1.iaea.org/HHW_EDIT/WCM_Additional_Information/index.jsp