Drupal at-embl-ebi gmod
-
Upload
josephrossetto -
Category
Technology
-
view
1.635 -
download
0
Transcript of Drupal at-embl-ebi gmod
![Page 1: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/1.jpg)
Drupal at EMBL-EBI
Joseph Rossetto - Web developer
Web development Team
www.ebi.ac.uk
![Page 2: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/2.jpg)
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
![Page 3: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/3.jpg)
EMBL-EBI’s mission
• Provide freely available data and bioinformatics services
• Perform research in bioinformatics
• Provide advanced training
• Help disseminate technologies to industry
![Page 4: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/4.jpg)
Drupal
![Page 5: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/5.jpg)
What is Drupal?
• Content Management
System
• Free
• Open source
www.drupal.org
![Page 6: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/6.jpg)
Why Drupal?
www.economist.comwww.whitehouse.govwww.greenpeace.org.uk/
• High performance
• SEO friendly
• Big community
• Framework
• User management
• Presentation // Content
![Page 7: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/7.jpg)
The Drupal layers
![Page 8: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/8.jpg)
Drupal EBI technology
![Page 9: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/9.jpg)
EBI and Drupal
![Page 10: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/10.jpg)
Drupal EBI websites in figures
28 Drupal 6
5 Drupal 7
_____________
33 Drupal sites
![Page 11: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/11.jpg)
What are we doing already with Drupal?EBI branded websites
![Page 12: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/12.jpg)
What are we doing already with Drupal?EBI non branded websites
![Page 13: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/13.jpg)
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
![Page 14: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/14.jpg)
What does Drupal do for us?
Data distribution
• Datasets
• Studies
• Catalogues
www.ebi.ac.uk/ega
www.ebi.ac.uk/dgva
![Page 15: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/15.jpg)
Data distribution
• Search inventory engine
• Query Bilder Interface
• Return (cached) objects multi formats
www.pombase.org
What does Drupal do for us?
![Page 16: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/16.jpg)
www.microme.eu
www.1000genomes.org
What does Drupal do for us?
Display information
• Publications
• Announcements
![Page 17: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/17.jpg)
What does Drupal do for us?
Documentation
• Alfresco DMS
• Download area
www.biomedbridges.eu
www.ebi.ac.uk/Tools/docs
www.ebi.ac.uk/training/online
![Page 18: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/18.jpg)
What does Drupal do for us?
Community portal
• Membership
• Training events
• Blogs
www.biotnet.org
www.ebi.ac.uk/training
www.biomedbridges.eu
![Page 19: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/19.jpg)
What does Drupal do for us?
Project management
• Work packages
• Deliverables
• Partners
www.biomedbridges.eu
![Page 20: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/20.jpg)
What does Drupal do for us?
Drupal as a Service
![Page 21: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/21.jpg)
The new EBI website
![Page 22: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/22.jpg)
What is the story?
![Page 23: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/23.jpg)
Evolution
![Page 24: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/24.jpg)
Transition from old site to Drupal
![Page 25: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/25.jpg)
Transition from old site to Drupal
• Make things look better
• Help users find what they
want
• Enable discovery
• Offer a consistent
experience
• Transition phase
![Page 26: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/26.jpg)
Challenges
• Assets
• Content strategy
• Development
• Technology
• Template
• User management
• UX design & testing
• WYSIWYG
![Page 27: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/27.jpg)
People
UX designers
Outreach
Web team Web admins
Developers
Target usersContent authors
Team leaders
![Page 28: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/28.jpg)
Guidance for Design
Lot of meetings
Collaboration
Web guidelines
Styleguide
Web guidelines
committee
UX
![Page 29: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/29.jpg)
The new EBI website in action
![Page 30: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/30.jpg)
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
![Page 31: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/31.jpg)
Content & Content types
![Page 32: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/32.jpg)
Content & Content types
Create Group
Create Group
![Page 33: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/33.jpg)
Content & Content types
Create Group
Create Group
More content types…
More content types
![Page 34: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/34.jpg)
Publications
Biblio Module:
• Import PubMed, Bibtex…
• Tied up to people/groups.
• Link to www.europepmc.org
![Page 35: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/35.jpg)
Content feeds
< >
XML as Data vector
![Page 36: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/36.jpg)
Content feeds
Contrib: Views Xml
Backend
Custom: Staff Feeds
Contrib: Views data export
Drupal to Drupal
Runtime
Cron job
http://www…
/file/system/…
![Page 37: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/37.jpg)
Content feeds
XML
External MySQL
www.ebi.ac.uk/
dgva
www.ebi.ac.uk/ega
Non Drupal to Drupal
![Page 38: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/38.jpg)
Organize content and group workflow
• Organic Group
• Workflow, OG workflow
• Revisioning, Rules
![Page 39: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/39.jpg)
The Template
• Grid based
• HTML 5
• CSS 3
• Custom made Icon fonts
![Page 40: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/40.jpg)
What’s next?
• Improve the content authors’ experience
• WYSIWYG
• Testing Drupal 8
• Responsive theme
• Respond to feedback
![Page 41: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/41.jpg)
Questions?
![Page 42: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/42.jpg)
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
![Page 43: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/43.jpg)
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
![Page 44: Drupal at-embl-ebi gmod](https://reader038.fdocuments.net/reader038/viewer/2022103113/55496f56b4c9056e598b50dd/html5/thumbnails/44.jpg)
Stay in touch!
www.ebi.ac.uk/
www.ebi.ac.uk/about/news
Twitter: @emblebi
Weibo: emblebi
Facebook: EMBLEBI
YouTube: EMBLMedia