ANNEX VIII.2 New dangerous substances website. Safety and health at work is everyone s concern. It s good for you. It s good for business.

Transcription

1 ANNEX VIII.2 New dangerous substances website Safety and health at work is everyone s concern. It s good for you. It s good for business.

2 Information architecture 2

3 Information architecture Multilingual Only in English Discarded News & Events Private zone What s new? Dangerous substances Partners Interesting links Promotional materials News Events OSHWiki articles Publications Other articles Legislation Challenges Facts and figures ESENER information at EU level in order to illustrate the content Community EU/national social partners Involvement of social partners and national authorities Access to Private zone FAQs Interesting links (dangerous substances) Introductory page Promotional materials 3

4 Information architecture Multilingual section Only in English Discarded News & Events Private zone What s new? News Events OSHWiki articles Publications Other articles Most recently published items to be displayed in the What s new section. News (monthly news and quarterly web teasers) and events created by partners or directly created in the back-end of the corporate website to be displayed, tagged with Dangerous substances keywords. The latest directives and guidelines published on the NCW to be displayed, tagged with Dangerous substances keywords. Latest OSHWiki articles published in OSHWiki, tagged with Dangerous substances keywords. Latest related publications published or updated on the corporate website, tagged with Dangerous substances. Latest content published or updated on the website, such as the SESAME project or the ESENER data. 4

5 Information architecture Multilingual section Only in English Discarded News & Events Private zone Dangerous substances Legislation Information about European legislation. Challenges Challenges and outputs for dangerous substances. Facts and figures ESENER information at EU level in order to illustrate the content ESENER and SESAME project graphics focused on dangerous substances. 5

6 Information architecture Multilingual section Only in English Discarded News & Events Private zone Partners Community EU/national social partners Involvement of social partners and national authorities Access to Private zone Community section including the content related to the involvement of social partners and authorities, with access to the Private zone for partners. FAQs FAQs. 6

7 Information architecture Multilingual section Only in English Discarded News & Events Private zone Interesting links A list of interesting links on dangerous substances added by the partners in the Private zone. Interesting links (dangerous substances) 7

8 Information architecture Multilingual section Only in English Discarded News & Events Private zone Promotional materials Introductory page including all the different types of material with access to each of them. All the promotional material available, including that uploaded by partners in the Private zone. The list will have a filter to simplify the search (type, language and free text). Introductory page Promotional materials 8

9 Private zone 2 9

10 Private zone Private zone (for EU-OSHA partners only) 1 Partner s information 2 Update your profile 3 4 Create News Create Events 5 Create Interesting links 10

11 Update your profile (I) Information retrieved from the CDB Information to be stored in Drupal Your contribution 11

12 Update your profile (II) Other collaborators Information retrieved from the CDB Information to be stored in Drupal Collaborator name Collaborator logo Collaborator name Collaborator logo Collaborator name Collaborator logo 12

13 Update your profile (II) After submitting, the following steps will be triggered: - the other user will be created in LDAP; - the system will send an to the other user with a link to reset the password. 13

14 2-3. Creation of News, Events and Interesting links* *The same kind of form should be created to add interesting links, with the following fields: title, URL, creation date, description, organisation name and organisation URL (no image is required). Tags * Tags * Website of the New item 14

15 3 News, Events and Interesting links 15

16 News and Events Specific section for News & Events with an introductory page Direct access to News and Events from the header 16

17 Events list Distinction between upcoming and past events Filter by year and month, with the option to search by free text List of events, highlighting the date and title of each event 17

18 Event detail Highlight the date, time and location of an event using a more visual layout 18

19 News list Display upcoming events next to the list of news 19

20 News list Include a summary for certain news items to highlight particular content 20

21 News detail RSS service only for News, Events, Tools, Interesting links and Publications Include a summary of certain news items to highlight particular content 21

22 Interesting links list Interesting links Include the creation date Include the description This should be the link to the website Instead of a picture, an icon will be added 22

23 Articles 4 23

24 Articles (I) Large picture, with shorter content and related content/articles highlighted at the bottom of the page Other additional resources related to the article to be added (e.g. YouTube videos, Slide share, publications, News, Events and promotional materials) 24

25 Articles (II) Integration with OSHWiki: direct access to related OSHWiki articles display two related OSHWiki articles with the content tagged with Risk assessment and/or MSEs Smaller picture with introductory text to catch the attention of the reader, with the longer content structured in different sections Display related resources (e.g. publications, news, events) in the left portlet, tagged with the same keyword as the main content 25

26 FAQs 5 26

27 FAQs with or without Contact us section Select some questions (up to 15) to display. Use the question only, with the option to open the accordion to see the answer If the user has not found the answer in the FAQs, he/she can contact the EU-OSHA team via the same page 27

28 Promotional material 6 28

29 Promotional material Promotional material Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui see all the promotional material. Factsheets Infographics Standard presentations Introductory page with information about the types of promotional material the user could find and the option to navigate to each specific type of material, with access to each type provided through the link in the introduction Base documents with all key information. Articles Graphic visual representations of information, data or knowledge intended to present Dangerous Substances related information quickly and clearly. Best practice case studies Presentation with detailed information with examples and screen shots. Videos 29

30 Promotional material Carousel to highlight 4-5 materials (the most recently published selected automatically by the system or the most important or noteworthy ones to be selected manually) Promotional material Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. Type: EU-OSHA will have the option to create promotional materials on behalf of partners Filter by type of promotional material. If the user clicks on Case studies he/she would navigate to the page with this type of material Filter by the language in which the material is available. By default this will be marked as the navigation language 30

31 Header and Footer 7 31

32 Header 3 Home Page access with an icon in the main menu 2 Language selector in a different colour 1 Logos: EU-OSHA + EU Flag + Text Online interactive Risk Assessment 4 Social media profiles (the same as in the NCW with Flicker and without the blog) 5 Print-friendly with the option to change the font size Online interactive risk assessment 6 Contact us and FAQs 7 Access to Private zone 8 Search option 32

33 Footer 1 Reference to the Agency 2 Social media profiles 3 Option to contact the Agency 6 RSS 4 Access to Private zone 5 Privacy and Legal notices 8 Site map 33

34 Back-end features 8 34

35 Back-end features 1 2 Content validation workflow (for all the content uploaded by partners, but for documents in the collaboration area) 3 Translation workflow Images and files gallery 4 Broken links checker (without the notification) 5 Print friendly 6 Responsive design (PC, tablet and mobile) Back-end and other features Accessibility Content validation workflow for EU-OSHA (as per the NCW) Aliases and redirects Search and replace Archiving and reminders Lingua tools Content management Integration with LDAP, for users and partners Integration with OSHWiki (display OSHWiki-related articles) Integration with corporate website (display related News, Events and Publications from the corporate website) 17 Import of XML file with partners information 35