Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mirage 2: A responsive user interface for DSpace

4,564 views

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

×