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 http://cd-docdb.fnal.gov/cgi-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: https://cdint.fnal.gov/xms/secure_login

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. http://cdint.fnal.gov/xms/?pid=1000009

Top-bottom table container Add more than one DC to a container, consecutively, going down the

page, e.g. http://cdint.fnal.gov/xms/?pid=1000243

Tab container / Tab container child Add more than one DC to a container, each one as a separate tab, e.g.

http://cdint.fnal.gov/xms/?pid=1000243

Index Page Takes all children marked “visible,” e.g. http://cdint.fnal.gov/xms/?pid=1000482

Literal text Same as HTML w/o wysiwyg editor, e.g. http://cdint.fnal.gov/xms/?

pid=1000281

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:http://computing.fnal.gov/xms/Services/Getting_Services/OSes/MS_Windows

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