CD Web XMS Training How to use the Xeno Media web site content management system

Course Outline Content Management Basics XMS Core Concepts Edit An Existing Page File Management Display Components Create A New Page Move/Relocate A Page Clone A Page

Content Management Basics Difference from file based web site:  Page content is stored in PostgreSQL database  Components of web page are individual database items and are therefore easier to replicate and relocate and in general manage  This system includes tools to easily create and edit pages without having to be an expert in html or purchase tools like Dreamweaver

Documentation  CD Users Manual bin/ShowDocument?docid= bin/ShowDocument?docid=2731

XMS Core Concepts Authentication via KCA Permission based on groups  Each page assigned to a group  Each user assigned to a group Current groups based on CD organization Quadrants: cdo, ilc, scp, scf, lsc

XMS Core Concepts Page with unique pid Display Components with unique cid Uploaders for images, PDF files and other files Inline editing

Edit an Existing Page Training login URL: Editing tools are displayed when:  You are logged in  You are on a page you have permission to edit Clicking on your name toggles inline editing on/off

Exercise: Edit a plain HTML page  Insert a heading  Insert a hyper link  Insert a table  Insert an anchor  Restore to a previous version

File Management If content is not part of the page, (i.e., image files, pdfs, excel sheets, etc.) it is not loaded into the PostgreSQL database These files are uploaded separately into the BlueArc file system and referenced from this location Use the uploader tool on the left while you are in edit mode to do this

Exercise: Upload a file Upload an image and a PDF file to your folder Find the URL of your uploaded file Insert an image on your page Insert a PDF link on your page

Display Components (DCs) A page is made up of smaller parts that are each given a unique component identification number, or “cid.”  cid=component identification number  pid=page identification number XMS provides you with a suite of DC templates you can use to customize your pages Most pages start with the Plain HTML DC

Display Components (DCs) Display component types  Plain HTML Most pages, provides wysiwyg editor  What’s New news items Plain HTML; you specify a title, e.g.  Top-bottom table container Add more than one DC to a container, consecutively, going down the page, e.g.  Tab container / Tab container child Add more than one DC to a container, each one as a separate tab, e.g.  Index Page Takes all children marked “visible,” e.g.  Literal text Same as HTML w/o wysiwyg editor, e.g.

Editing Areas 4 editing areas:  Left menu for division-standard “Quick Links”  Main content area  Sidebar for instructions, news, “on this page” content, etc.  Right menu - not recommended

Exercises Add a sidebar Add “What’s New news item” as the DC Enter some content in the DC

Creating a New Page Accomplished via the Page Editor, click:  “Create Page: sibling/child”

Exercise: Create a new page Define general properties of a page  Menu Name  Friendly URL name: optional; name replaces pid in the URL field; uses “Menu Name” by default  Page Title  Description: optional  Keyword: optional  Visible: show the page in the left side fly-out menus (if parent is visible)  Online: check it  RMInherit: not used  Auth: always choose “Public”  Editing Auth: always put in your respective quadrant  Status: optional

Exercise: Create a new page (cont.) Reuse a DC defined in the previous exercise Remove a DC

Move/Relocate a page Relocating: Changing web page’s location in the web site hierarchy Since pages are not stored in a file system, this cannot be done with standard file manipulation commands (i.e., copy, move) The page location determines the path in the URL: Use the page relocator tool to move or re- order pages: “This Page: edit/move”

Exercise: Move/Relocate Relocate a page in the previous exercise as a child of another page Relocate a page in the previous exercise as the next sibling of another page

Clone A Page Enables you to replicate a page that already exists Cloned page is given a new PID  To find your new page, see “My Pages: view”  Copy is labeled “Copy of” + original page name Useful if you want all your pages to have the same format  Just build a template page; then clone it and add the appropriate content

Exercise: Cloning Clone a page you have created Modify the page properties of the cloned page Put in new content onto the cloned page