Embed Size (px)
DESCRIPTION
Three years after the original contribution of the Mirage theme to DSpace 1.7, @mire is currently developing Mirage 2 for DSpace 4. This theme for the DSpace "Manakin" XML User Interface was built on modern web technologies including Bootstrap, SASS/Compass and Grunt. Mirage 2 adds support for devices in all shapes and sizes, an updated look & feel and an entire range of optimizations behind the scenes.
Citation preview
Mirage 2
Bram Luyten
A responsive user interface for DSpace
What is “Responsive”?
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 BROWSINGhttp://atmire.com/preview/discover
SEARCHING AND BROWSINGhttp://atmire.com/preview/discover
SEARCHING AND BROWSINGhttp://atmire.com/preview/community-list
SUBMISSIONShttp://atmire.com/preview/submit
ITEM PAGEhttps://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@DRAKEhttp://escholarshare.drake.edu/
TRINITY ACCESS TO RESEARCH ARCHIVEhttp://www.tara.tcd.ie/
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
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
