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.

1. Mirage 2
Bram Luyten
A responsive user interface for DSpace

2. What is “Responsive”?

3. WHAT IS RESPONSIVE?
http://liquidapsive.com/

4. WHAT THIS MEANS FOR DSPACE
http://atmire.com/preview

5. OVERVIEW
Why we are doing this
User experience improvements
Customizing Mirage 2
Future developments

6. ORIGINAL DEVELOPMENTS FOR OKR
http://openknowledge.worldbank.org

7. STOP REINVENTING THE WHEEL

8. A THOROUGH CLEANUP WAS DUE

9. USER EXPERIENCE IMPROVEMENTS
Browsing and Searching
Submissions
Item pages

10. SEARCHING AND BROWSING
http://atmire.com/preview/discover

11. SEARCHING AND BROWSING
http://atmire.com/preview/discover

12. SEARCHING AND BROWSING
http://atmire.com/preview/community-list

13. SUBMISSIONS
http://atmire.com/preview/submit

14. ITEM PAGE
https://atmire.com/preview/handle/123456789/1645

15. CUSTOMIZING MIRAGE 2

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. ESCHOLARSHARE@DRAKE
http://escholarshare.drake.edu/

18. SCHOLARLY COMMONS @ MU
http://sc.lib.muohio.edu/

19. MINERVA DIGITAL COMMONS
https://mdc.usao.edu/

20. TRINITY ACCESS TO RESEARCH ARCHIVE
http://www.tara.tcd.ie/

21. BOOTSWATCH THEMES
http://bootswatch.com/

22. UNDERLYING TECHNOLOGIES
Beyond plain CSS Build process Dependency management

23. FUTURE
DSpace 5 and Mirage 2
Beyond DSpace 5
The long term future of DSpace UI

24. Questions?
Thank You
www.atmire.com

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