Mirage 2: A responsive user interface for DSpace

Preview:

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 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 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/

SCHOLARLY COMMONS @ MUhttp://sc.lib.muohio.edu/

MINERVA DIGITAL COMMONShttps://mdc.usao.edu/

TRINITY ACCESS TO RESEARCH ARCHIVEhttp://www.tara.tcd.ie/

BOOTSWATCH THEMEShttp://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.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

Recommended