Mirage 2
Bram Luyten
A responsive user interface for DSpace
What is “Responsive”?
WHAT IS RESPONSIVE?
http://liquidapsive.com/
WHAT THIS MEANS FOR DSPACE
http://atmire.com/preview
OVERVIEW
Why we are doing this
User experience improvements
Customizing Mirage 2
Future developments
ORIGINAL DEVELOPMENTS FOR OKR
http://openknowledge.worldbank.org
STOP REINVENTING THE WHEEL
A THOROUGH CLEANUP WAS DUE
USER EXPERIENCE IMPROVEMENTS
Browsing and Searching
Submissions
Item pages
SEARCHING AND BROWSING
http://atmire.com/preview/discover
SEARCHING AND BROWSING
http://atmire.com/preview/discover
SEARCHING AND BROWSING
http://atmire.com/preview/community-list
SUBMISSIONS
http://atmire.com/preview/submit
ITEM PAGE
https://atmire.com/preview/handle/123456789/1645
CUSTOMIZING MIRAGE 2
CUSTOMIZING MIRAGE 2
Implementing your local institutional style
guidelines can be done just like before,
through CSS and XSLT changes.
A few examples
ESCHOLARSHARE@DRAKE
http://escholarshare.drake.edu/
SCHOLARLY COMMONS @ MU
http://sc.lib.muohio.edu/
MINERVA DIGITAL COMMONS
https://mdc.usao.edu/
TRINITY ACCESS TO RESEARCH ARCHIVE
http://www.tara.tcd.ie/
BOOTSWATCH THEMES
http://bootswatch.com/
UNDERLYING TECHNOLOGIES
Beyond plain CSS Build process Dependency management
FUTURE
DSpace 5 and Mirage 2
Beyond DSpace 5
The long term future of DSpace UI
Questions?
Thank You
www.atmire.com
IMAGE CREDITS
http://www.paulolyslager.com/wp-content/uploads/
2011/10/responsive_design.png
http://www.conceptcupboard.com/resource-
centre/how-altering-your-diet-can-greatly-improve-
your-productivity-part-1/man-asleep-at-desk/
https://flic.kr/p/8Uf1LK Jessica Lucia
https://flic.kr/p/cXXcnQ Mike Huett
https://flic.kr/p/aqbt73 Clogwog
www.atmire.com

Mirage 2: A responsive user interface for DSpace