Mirage 2: A responsive user interface for DSpace
-
Upload
bram-luyten -
Category
Technology
-
view
930 -
download
7
description
Transcript of Mirage 2: A responsive user interface for DSpace
![Page 1: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/1.jpg)
Mirage 2
Bram Luyten
A responsive user interface for DSpace
![Page 2: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/2.jpg)
What is “Responsive”?
![Page 4: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/4.jpg)
WHAT THIS MEANS FOR DSPACE
http://atmire.com/preview
![Page 5: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/5.jpg)
OVERVIEW
Why we are doing this
User experience improvements
Customizing Mirage 2
Future developments
![Page 6: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/6.jpg)
ORIGINAL DEVELOPMENTS FOR OKR
http://openknowledge.worldbank.org
![Page 7: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/7.jpg)
STOP REINVENTING THE WHEEL
![Page 8: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/8.jpg)
A THOROUGH CLEANUP WAS DUE
![Page 9: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/9.jpg)
USER EXPERIENCE IMPROVEMENTS
Browsing and Searching
Submissions
Item pages
![Page 10: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/10.jpg)
SEARCHING AND BROWSINGhttp://atmire.com/preview/discover
![Page 11: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/11.jpg)
SEARCHING AND BROWSINGhttp://atmire.com/preview/discover
![Page 12: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/12.jpg)
SEARCHING AND BROWSINGhttp://atmire.com/preview/community-list
![Page 13: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/13.jpg)
SUBMISSIONShttp://atmire.com/preview/submit
![Page 14: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/14.jpg)
ITEM PAGEhttps://atmire.com/preview/handle/123456789/1645
![Page 15: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/15.jpg)
CUSTOMIZING MIRAGE 2
![Page 16: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/16.jpg)
CUSTOMIZING MIRAGE 2
Implementing your local institutional style guidelines can be done just like before, through CSS and XSLT changes.
A few examples
![Page 17: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/17.jpg)
ESCHOLARSHARE@DRAKEhttp://escholarshare.drake.edu/
![Page 20: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/20.jpg)
TRINITY ACCESS TO RESEARCH ARCHIVEhttp://www.tara.tcd.ie/
![Page 22: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/22.jpg)
UNDERLYING TECHNOLOGIES
Beyond plain CSS Build process Dependency management
![Page 23: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/23.jpg)
FUTURE
DSpace 5 and Mirage 2
Beyond DSpace 5
The long term future of DSpace UI
![Page 25: Mirage 2: A responsive user interface for DSpace](https://reader030.fdocuments.us/reader030/viewer/2022020207/54c2e4664a7959ad5c8b4593/html5/thumbnails/25.jpg)
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