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 ...
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.co...
Upcoming SlideShare
Loading in …5
×

Mirage 2: A responsive user interface for DSpace

2,129
-1

Published on

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.

Published in: Technology, Business

Mirage 2: A responsive user interface for DSpace

  1. 1. Mirage 2 Bram Luyten A responsive user interface for DSpace
  2. 2. What is “Responsive”?
  3. 3. WHAT IS RESPONSIVE? http://liquidapsive.com/
  4. 4. WHAT THIS MEANS FOR DSPACE http://atmire.com/preview
  5. 5. OVERVIEW Why we are doing this User experience improvements Customizing Mirage 2 Future developments
  6. 6. ORIGINAL DEVELOPMENTS FOR OKR http://openknowledge.worldbank.org
  7. 7. STOP REINVENTING THE WHEEL
  8. 8. A THOROUGH CLEANUP WAS DUE
  9. 9. USER EXPERIENCE IMPROVEMENTS Browsing and Searching Submissions Item pages
  10. 10. SEARCHING AND BROWSING http://atmire.com/preview/discover
  11. 11. SEARCHING AND BROWSING http://atmire.com/preview/discover
  12. 12. SEARCHING AND BROWSING http://atmire.com/preview/community-list
  13. 13. SUBMISSIONS http://atmire.com/preview/submit
  14. 14. ITEM PAGE https://atmire.com/preview/handle/123456789/1645
  15. 15. CUSTOMIZING MIRAGE 2
  16. 16. CUSTOMIZING MIRAGE 2 Implementing your local institutional style guidelines can be done just like before, through CSS and XSLT changes. A few examples
  17. 17. ESCHOLARSHARE@DRAKE http://escholarshare.drake.edu/
  18. 18. SCHOLARLY COMMONS @ MU http://sc.lib.muohio.edu/
  19. 19. MINERVA DIGITAL COMMONS https://mdc.usao.edu/
  20. 20. TRINITY ACCESS TO RESEARCH ARCHIVE http://www.tara.tcd.ie/
  21. 21. BOOTSWATCH THEMES http://bootswatch.com/
  22. 22. UNDERLYING TECHNOLOGIES Beyond plain CSS Build process Dependency management
  23. 23. FUTURE DSpace 5 and Mirage 2 Beyond DSpace 5 The long term future of DSpace UI
  24. 24. Questions? Thank You www.atmire.com
  25. 25. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×