Adagio4

Web Content Management

EP Information Offices

Overview

◦Introduction to CMS

◦Your website

◦Your tool: Adagio4

◦Practical exercices

Basic notions for contributorsContent management

Usefull tools for intermediatesStructure management

Advanced tools for administrators Global management

Introduction to Adagio4

CMS Computer application used to create, edit, manage, and publish content. Content = any type of digital information : text, images, graphics, video… Slits form/content content mgt operation accessible to anyone.

ADAGIO4 – Web CMSAdagio4 is a web CMS, designed to simplify the publication of web content to EP info offices Websites.

Adagio4 support the following features: Separation of content's semantic layer from its layout Ability to submit content without requiring technical knowledge of html or the

uploading of files. Collaborative creation w/ ability to assign roles and responsibilities to different

users (For ex, a content creator submits content, which is published only after the admin revises it and the super admin approves it.)

Ability to use content for other purposes (ex: newsletters, intranet) Simplified / full editing interface in Fr and En

The website

Management◦ Adagio4 team◦ Super administrator◦ Administrators / contributors◦ Users

Field of intervention◦ Structure – navigation {admin}◦ Content {contributor}◦ Images◦ Mailing

Adagio4 – The editing interface

Tool used to perform editing functions to the content in the CMS

Accessible by typing the website address followed by “/edit ”(Exemple: http://test.adagio4.eu/edit)

Adagio4 - URL

The URL of your website is composed of 4 parts:

http://test.adagio4.eu/view/fr/contact.html

In red: the “host”, i.e. the website address.

In blue: the "mode". You can reach your website either in “View” mode (accessible to everyone), in “Edit” mode (to modify its content), or in “Preview” mode (to get a preview before publishing it).

In green: the language in which the website will be posted.

In purple: the location of the current page. This location is realized through a path. The pages are displayed in a tree-structure.

A uniform resource locator identifies the location of a website on the internet

Adagio4 - light interface

Tabulations

Content

Website composed of several pages tree-like navigation menuConcept of parent page / children pages

Boxes : used to manage these pages + structure

A webpage = a set of components choice of components

Editing zone to structure the page by adding components

Toolbar: tools used to save, preview, publish the website

Used by contributors to: create pages + manage their content

Menu

Active page = boldfaced

To move  a  page  in  the  structure:

◦ use green arrows (up / down / move down, under its brother / move up, under its parent’s parent)

Used to select a page in the navigation.

Toolbar

SAVE : to upload your modifications. PREVIEW : to preview content before publishing it. PUBLISH : to publish content on the Web.

Choice of LANGUAGE: select the language before inserting the content. MAILING: tool used to send a newsletter to users.

Boxes Menu edition

"Delete page“ : to delete a page selected in the menu + its content + its children.

"Add first" : to create a new page inserted as 'child" of the selected page / located on top.

“Add last" : to create a new page located after all other pages.

This dialog box is used to modify

the menu structure by adding/deleting pages.

Content editingEach page is made of components (titles, paragraphs, images…). You may assemble these components in the content editing zone.

Insert components:• Choose a component in the list • Click on "insert" in the content editing zone• Type your text in the grey zone• Click on “Save“

Erasing components:

Main componentsEach page is a set of components

Types of components:

Title componentsTitle: to edit the page title which appears in the Menu. (= page label)Subtitle: 9 different levels with own size / character style.

Textual componentsParagraph: block of textDate: displays the dateDescription: describes the page and is used for the web search engines.

Components LinksExternal link: to insert links towards other websites. Reversed link option : link automatically created if name appears in the websiteInternal link: to set links towards other pages in the website.Link to file: used to upload a file on the websiteLinks to pages: used to display links towards other pages.

Graphic componentsImage: free image : to upload an image as it is (no size modification fit

screen) standard image : to upload an image whose size will be

automatically adapted to fit a width defined in the template .

STEP BY STEP

Enter in Edit mode (ex: http://test.adagio4.eu/edit) Fill in a valid login and password You find yourself in the Editing interface In the Menu: select ‘root’ or the 'parent page' that will contain the new 'child

page'. In the "Add" field (in "Menu editor" box): introduce the name of the new page.

This name can only contain numbers, letters and the "_" character (Ex: news_2).

Click on "Ok". The new page is created, it appears in the menu under the selected parent page.

Select the page and start structuring it by selecting components from the "choice of component to insert" box.

Insert your text in these components. Regularly click on "Save“. Click on the Preview button to have an overview of the result. Once you're ready to publish the website, press the Publish button.

Create a page

STEP BY STEP Erase a page

Select the page by clicking on its name in the menu.

In the "menu edition" box, click on "OK" at the right side of the "delete page" button. The program requires a confirmation before erasing the page.

Notice: This "erase a page" action erases the selected page as well as its children.