1. Adagio4 Web Content Management EP Information Offices

2. Overview ◦Introduction to CMS ◦Your website ◦Your tool: Adagio4 ◦Practical exercices

3. Basic notions for contributors Content management Usefull tools for intermediates Structure management Advanced tools for administrators Global management

4. 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 CMS Adagio4 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

5. The website Management ◦Adagio4 team ◦Super administrator ◦Administrators / contributors ◦Users Field of intervention ◦Structure – navigation {admin} ◦Content {contributor} ◦Images ◦Mailing

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

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

8. Adagio4 - light interface

9. Tabulations  Content Website composed of several pages  tree-like navigation menu Concept 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

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

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

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

13. Content editing Each 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:

14. Main components Each page is a set of components Types of components: Title components Title: to edit the page title which appears in the Menu. (= page label) Subtitle: 9 different levels with own size / character style. Textual components Paragraph: block of text Date: displays the date Description: describes the page and is used for the web search engines.

15. Components Links External link: to insert links towards other websites. Reversed link option : link automatically created if name appears in the website Internal link: to set links towards other pages in the website. Link to file: used to upload a file on the website Links to pages: used to display links towards other pages. Graphic components Image: 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.

16. STEP BY STEP Enter in Edit mode (ex: http://test.adagio4.eu/edit)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

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