Study of a new architecture for the CERN web

STUDY OF A NEWARCHITECTURE FOR THE CERN WEB AND REDESIGN OF THE CERN PUBLIC WEBSITE

Silvia Tomanin18 November 2013

What’s CERN?

CERN is the world's largest particle physics laboratory. It is one of the most respected centres for scientific research. Its business is fundamental physics: finding out what the universe is made of and how it works.

CERN is where the web was born too.

18/11/2013

2

Silvia Tomanin

CERN structure

18/11/2013Silvia Tomanin

3

CERN structure


4

The team


5

The Communications Group Press Office Bulletin Events Web teamWeb manager Content editorWeb developer

The team


6

The Communications Group Press Office Bulletin Events Web teamWeb manager Content editorWeb developer

That’s me!

Goals and timeline

1. Study of a newarchitecture for the CERN web

2. Add timeline

2. Redesign of the CERN website

18/11/2013

7

Silvia Tomanin

http://cern.ch/

Goal 1: Why?


8

1. Not a single site for CERN, thousands!2. No coherent treatment of CERN brand3. No clear way of distinguishing between official

and unofficial sites4. Content duplicated, often out of date5. Information hard to find6. Information largely available only in English

Goal 1: How?


9

Involve people Meetings with other departments and project leaders Established ENTICE project Annoucements, calls for feedback Blog

Study of CERN infrastructure What’s already there that could be useful? What needs to be implemented and/or integrated?

Try different solutions…

http://cern.ch/entice

http://cern.ch/change

Goal 1: CERN supported technologies


10

OS: Linux - SLC5Version control: SVNFramework: SharepointDB: Oracle

Goal 1: Is this enough?


11

OS: Linux - SLC5 Version control: SVN

Framework: Sharepoint DB: MySQL

Sharepoint isn’t customizable enough Drupal

Goal 1: Is this enough?


12

OS: Linux - SLC5 Version control: SVN Framework: Sharepoint

DB: Oracle

Oracle has no drivers available for DrupalMySQL

Goal 1: Solution adopted


13

Drupal LAMPLinux supported!Apache supported!MySQLPHP supported!

SVN supported!

Goal 1: How did this fix the initialproblems? 1. No coherent treatment

of CERN brand2. No clear way of

distinguing betweenofficial and unofficialsites

Design and UX guidelines

+CERN theme followingguidelines provided bydefault (ex. Entice and IT websites)

(…)

18/11/2013

14

Silvia Tomanin

http://design-guidelines.web.cern.ch/

http://ux.web.cern.ch/

http://cern.ch/entice

http://information-technology.web.cern.ch/

Goal 1: How did this fix the initialproblems?

3. Content duplicated, often out of date

4. Information hard tofind

5. Information largelyavailable only in English

6. Not a single site forCERN, thousands!

Drupal helpsmanaging content and supports SOLR

Drupal supportsmultilingual websites

Redesign of CERN website

18/11/2013

15

Silvia Tomanin

Goal 1: How did this fix the initialproblems?

3. Content duplicated, often out of date

4. Information hard tofind

5. Information largelyavailable only in English

6. Not a single site forCERN, thousands!

Drupal helpsmanaging content and supports SOLR

Drupal supportsmultilingual websites

Redesign of CERN website Goal 2!

18/11/2013

16

Silvia Tomanin

http://cern.ch/

Goal 2: Redesign, study of the audiences

Asking for feedback on the old website we cameup with 4 main audiences

General public Students and educators Scientists CERN people

18/11/2013

17

Silvia Tomanin

Goal 2: Definition of the contentstructure


18

Goal 2: Definition of the contentstructure


19

http://cern.ch/

http://cern.ch/

Goal 2: Definition of the contentstructure. How?


20

The different sections were built with

Drupal Views Contexts Blocks

Goal 2: Definition of the roles and workflows


21

We came up with the following roles Administrators Editors Writers Club presidents/editors CERN users Anonymous users

Goal 2: Definition of the roles and workflows. How?

CERN tools

CERN SSO Shibbolethauthentication

CERN e-groups

Drupal tools Drupal Shibboleth

module, customized Drupal roles and

permissions Drupal rules

18/11/2013

22

Silvia Tomanin

Roles and workflows were implemented with

Goal 2: CERN apps to integrate

ShibbolethSingle Sign-On

LDAP, Phonebook Indico, Maps Webcast CDS

18/11/2013

23

Silvia Tomanin

CERN applications

Goal 2: CERN apps to integrate

ShibbolethSingle Sign-On

LDAP, Phonebook Indico, Maps Webcast CDS

CERN toolbar

Profiles website Indico and Webcasts

feeds modules CDS integration

module (still in dev)

18/11/2013

24

Silvia Tomanin

CERN applications Integration with Drupal environment

Conclusions

Study of a newarchitecture for the CERN web Design and UX

guidelines definition CERN theme Drupal to

easily manage content multilingual websites allowe the customizations

needed

Redesign of the CERN website Audiences Roles and workflows Content structure Integration of CERN

applications

18/11/2013

25

Silvia Tomanin

Goal 1 Goal 2

Thank you for listening

Any questions?

18/11/2013

26

Silvia Tomanin

Study of a new architecture for the CERN web

Documents

Transcript of Study of a new architecture for the CERN web