Drupal at-embl-ebi gmod

Drupal at EMBL-EBI

Joseph Rossetto - Web developer

Web development Team

[email protected]

www.ebi.ac.uk

What is EMBL-EBI?

• Part of the European Molecular Biology Laboratory

• International, non-profit research institute

• Europe’s hub for biological data services and research

EMBL-EBI’s mission

• Provide freely available data and bioinformatics services

• Perform research in bioinformatics

• Provide advanced training

• Help disseminate technologies to industry

Drupal

What is Drupal?

• Content Management

System

• Free

• Open source

www.drupal.org

Why Drupal?

www.economist.comwww.whitehouse.govwww.greenpeace.org.uk/

• High performance

• SEO friendly

• Big community

• Framework

• User management

• Presentation // Content

The Drupal layers

Drupal EBI technology

EBI and Drupal

Drupal EBI websites in figures

28 Drupal 6

5 Drupal 7

_____________

33 Drupal sites

What are we doing already with Drupal?EBI branded websites

What are we doing already with Drupal?EBI non branded websites

What does Drupal do for us?

Data distribution

• Datasets

• Studies

• Catalogues

www.ebi.ac.uk/ega

www.ebi.ac.uk/dgva

European Genome-phenome archive

Database of genomic variants archive


Data distribution

• Datasets

• Studies

• Catalogues

www.ebi.ac.uk/ega

www.ebi.ac.uk/dgva

Data distribution

• Search inventory engine

• Query Bilder Interface

• Return (cached) objects multi formats

www.pombase.org


www.microme.eu

www.1000genomes.org


Display information

• Publications

• Announcements


Documentation

• Alfresco DMS

• Download area

www.biomedbridges.eu

www.ebi.ac.uk/Tools/docs

www.ebi.ac.uk/training/online


Community portal

• Membership

• Training events

• Blogs

www.biotnet.org

www.ebi.ac.uk/training



Project management

• Work packages

• Deliverables

• Partners



Drupal as a Service

The new EBI website

What is the story?

Evolution

Transition from old site to Drupal

Transition from old site to Drupal

• Make things look better

• Help users find what they

want

• Enable discovery

• Offer a consistent

experience

• Transition phase

Challenges

• Assets

• Content strategy

• Development

• Technology

• Template

• User management

• UX design & testing

• WYSIWYG

People

UX designers

Outreach

Web team Web admins

Developers

Target usersContent authors

Team leaders

Guidance for Design

Lot of meetings

Collaboration

Web guidelines

Styleguide

Web guidelines

committee

UX

The new EBI website in action

Changes

• Static HTML

• No users

• Dreamweaver

• Open roles

• Web server

• Scattered assets

• Local/live

deployment

CMS

Group-based CM

WYSIWYG

Editorial workflow

LAMP + VM

Repository

Dev/stage/prod

environments

Content & Content types


Create Group

Create Group


Create Group

Create Group

More content types…

More content types

Publications

Biblio Module:

• Import PubMed, Bibtex…

• Tied up to people/groups.

• Link to www.europepmc.org

Content feeds

< >

XML as Data vector

Content feeds

Contrib: Views Xml

Backend

Custom: Staff Feeds

Contrib: Views data export

Drupal to Drupal

Runtime

Cron job

http://www…

/file/system/…

Content feeds

XML

External MySQL

www.ebi.ac.uk/

dgva

www.ebi.ac.uk/ega

Non Drupal to Drupal

Organize content and group workflow

• Organic Group

• Workflow, OG workflow

• Revisioning, Rules

The Template

• Grid based

• HTML 5

• CSS 3

• Custom made Icon fonts

What’s next?

• Improve the content authors’ experience

• WYSIWYG

• Testing Drupal 8

• Responsive theme

• Respond to feedback

Questions?

Thank you

Slides athttps://dl.dropbox.com/u/2914319/Drupal-at-EMBL-

EBI_GMOD.pptx

https://dl.dropbox.com/u/2914319/Drupal-at-EMBL-EBI_GMOD.pdf

Sketchnote athttps://dl.dropbox.com/u/2914319/Drupal-at-EMBL-EBI-

sketchnotes-JosephRossetto.pdf

AknowledgmetsAt EBI

• Brendan Vaughan, Peter Walter, Thomas Laurent, Jenny Cham, Francis Rowland, Liang Shen, Rodrigo Lopez (head of Web Production team), the Webstyle Guidelines Committee members.

Sketchnotes by Francis Rowland

Slides of the content organization by Liang Shen

Images by

• Tkgd2007 (Own work) [CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0) or GFDL (http://www.gnu.org/copyleft/fdl.html)], via Wikimedia Commons

• RRZEicons (Own work) [CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons

• Bobarino [CC-BY-SA-2.5 (http://creativecommons.org/licenses/by-sa/2.5)], via Wikimedia Commons

• By The people from the Tango! project (The Tango! Desktop Project) [Public domain or Public domain], via Wikimedia Commons

• http://saa.dyndns.org/stewart [GFDL (www.gnu.org/copyleft/fdl.html) or CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons

• By nattu [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons

• By Berdea (Own work) [CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons

• Dries Buytaert for the Drupal logo

Stay in touch!

[email protected]

www.ebi.ac.uk/

www.ebi.ac.uk/about/news

Twitter: @emblebi

Weibo: emblebi

Facebook: EMBLEBI

YouTube: EMBLMedia