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

2. 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

3. 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

4. Documentation  CD Users Manual http://cd-docdb.fnal.gov/cgi- bin/ShowDocument?docid=2731 http://cd-docdb.fnal.gov/cgi- bin/ShowDocument?docid=2731

5. 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

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

7. 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

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

9. 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

10. 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

11. 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

12. 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 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=1000243http://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 http://cdint.fnal.gov/xms/?pid=1000243  Index Page Takes all children marked “visible,” e.g. http://cdint.fnal.gov/xms/?pid=1000482http://cdint.fnal.gov/xms/?pid=1000482  Literal text Same as HTML w/o wysiwyg editor, e.g. http://cdint.fnal.gov/xms/?pid=1000281ttp://cdint.fnal.gov/xms/?pid=1000281

13. 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

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

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

16. 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

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

18. 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”

19. 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

20. 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

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