Difference between revisions of "SUNScholar/Theme"
Jump to navigation
Jump to search
m |
|||
| (34 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<center> | <center> | ||
'''[[SUNScholar/Customisation|Back to Customisation]]''' | '''[[SUNScholar/Customisation|Back to Customisation]]''' | ||
| + | |||
| + | '''<span style="color:#76273c">Simplicity is hard to build, easy to use, and hard to charge for.<br>Complexity is easy to build, hard to use, and easy to charge for.</span>''' | ||
</center> | </center> | ||
| − | + | ||
==Introduction== | ==Introduction== | ||
The look and feel of the DSpace web site is usually one of the first considerations when evaluating DSpace as an institutional repository platform. | The look and feel of the DSpace web site is usually one of the first considerations when evaluating DSpace as an institutional repository platform. | ||
This wiki page provides help for the two user interfaces available for DSpace, the XMLUI and JSPUI. | This wiki page provides help for the two user interfaces available for DSpace, the XMLUI and JSPUI. | ||
| − | + | ||
| − | + | Our repository, marketed as SUNScholar, uses the XMLUI. | |
==Design Considerations== | ==Design Considerations== | ||
| + | <font color="red">'''Please see:'''</font> [http://www.worldcat.org/oclc/878812623 Useful, usable, desirable : applying user experience design to your library] | ||
| + | |||
| + | [[File:Acid_picdump_06.jpg|555px|border]] | ||
| + | |||
*In the absence of an official University website style guideline we decided to try to match the theme of the [http://library.sun.ac.za library website]. | *In the absence of an official University website style guideline we decided to try to match the theme of the [http://library.sun.ac.za library website]. | ||
*The focus of the theme was to ensure that the website was pleasant to the eye to view and that it had a somber research tone. | *The focus of the theme was to ensure that the website was pleasant to the eye to view and that it had a somber research tone. | ||
*We avoided too many pictures and animations as these take time to load on slow connections and they use up the scarce internet data allocation of users in Africa. | *We avoided too many pictures and animations as these take time to load on slow connections and they use up the scarce internet data allocation of users in Africa. | ||
| − | *We applied the colors used | + | *We applied the colors used for University logo's as a [[SUNScholar/Color_Palette|color palette]]. |
*We kept our banner logo as simple possible to clearly convey who is providing the repository service and what the repository does. | *We kept our banner logo as simple possible to clearly convey who is providing the repository service and what the repository does. | ||
| − | *We also tried to theme the website so that the eye is drawn quickly and easily to the elements that matter, which are the items in collections. | + | *''We also tried to theme the website so that the eye is drawn quickly and easily to the elements that matter, which are the items in collections.'' |
| − | |||
| − | |||
| − | |||
*We do not post current news etc and leave that to our blog, mailing list and twitter feed. | *We do not post current news etc and leave that to our blog, mailing list and twitter feed. | ||
*We also do not post detailed help guides, but rather built a wiki help guide. | *We also do not post detailed help guides, but rather built a wiki help guide. | ||
| Line 26: | Line 29: | ||
==History== | ==History== | ||
#In the beginning there was only the JSP interface. | #In the beginning there was only the JSP interface. | ||
| − | #Then the | + | #Then the XMLUI was introduced in DSpace version 1.5. |
| − | #Mirage | + | #Mirage, a new XMLUI theme was added in DSpace 1.7. |
| − | #Then the Bootstrap theme for the JSPUI was introduced. | + | #Then the Bootstrap theme for the JSPUI was introduced in DSpace version 4.X. |
| − | # | + | #In addition, the Mobile theme for the XMLUI was introduced in DSpace version 4.X. |
| − | #Then the | + | #Then the Mirage 2 [http://getbootstrap.com bootstrap framework] based theme for the XMLUI was introduced with DSpace version 5.X. |
| − | |||
| − | |||
| − | |||
| − | |||
==[[SUNScholar/XMLUI_Theme|XMLUI]]== | ==[[SUNScholar/XMLUI_Theme|XMLUI]]== | ||
| Line 42: | Line 41: | ||
==[[SUNScholar/Theme/Fonts|Fonts]]== | ==[[SUNScholar/Theme/Fonts|Fonts]]== | ||
==[[SUNScholar/Troubleshooting|Troubleshooting]]== | ==[[SUNScholar/Troubleshooting|Troubleshooting]]== | ||
| + | ==Coding Training== | ||
| + | *https://www.khanacademy.org/computing/computer-programming/html-css | ||
| + | *http://www.vikingcodeschool.com/web-markup-and-coding/html-and-css-in-action | ||
| + | |||
| + | ==Style Example Websites== | ||
| + | *http://demo.dspace.org | ||
| + | *http://scholar.sun.ac.za | ||
| + | *http://repository.up.ac.za | ||
| + | *http://ir.dut.ac.za | ||
| + | *https://openaccess.adb.org | ||
| + | *http://repository.uneca.org | ||
| + | |||
==Media Viewer Plugins== | ==Media Viewer Plugins== | ||
* https://wiki.duraspace.org/display/DSPACE/Document+Viewer+Integration | * https://wiki.duraspace.org/display/DSPACE/Document+Viewer+Integration | ||
| Line 54: | Line 65: | ||
* https://code.google.com/p/swfobject | * https://code.google.com/p/swfobject | ||
| − | ==Comment== | + | ==Comment by Graphics== |
| − | + | <gallery> | |
| − | + | File:Ui.jpg | |
| − | + | File:Simplicity-jobs.jpg | |
| − | + | File:Simplicity.jpg | |
| − | + | </gallery> | |
| − | + | [[Category:Customisation]] | |
| − | |||
| − | [[ | ||
| − | |||
| − | |||
| − | |||
Latest revision as of 10:16, 5 July 2016
Back to Customisation
Simplicity is hard to build, easy to use, and hard to charge for.
Complexity is easy to build, hard to use, and easy to charge for.
Contents
Introduction
The look and feel of the DSpace web site is usually one of the first considerations when evaluating DSpace as an institutional repository platform.
This wiki page provides help for the two user interfaces available for DSpace, the XMLUI and JSPUI.
Our repository, marketed as SUNScholar, uses the XMLUI.
Design Considerations
Please see: Useful, usable, desirable : applying user experience design to your library
- In the absence of an official University website style guideline we decided to try to match the theme of the library website.
- The focus of the theme was to ensure that the website was pleasant to the eye to view and that it had a somber research tone.
- We avoided too many pictures and animations as these take time to load on slow connections and they use up the scarce internet data allocation of users in Africa.
- We applied the colors used for University logo's as a color palette.
- We kept our banner logo as simple possible to clearly convey who is providing the repository service and what the repository does.
- We also tried to theme the website so that the eye is drawn quickly and easily to the elements that matter, which are the items in collections.
- We do not post current news etc and leave that to our blog, mailing list and twitter feed.
- We also do not post detailed help guides, but rather built a wiki help guide.
- See: http://scholar.sun.ac.za for an example.
History
- In the beginning there was only the JSP interface.
- Then the XMLUI was introduced in DSpace version 1.5.
- Mirage, a new XMLUI theme was added in DSpace 1.7.
- Then the Bootstrap theme for the JSPUI was introduced in DSpace version 4.X.
- In addition, the Mobile theme for the XMLUI was introduced in DSpace version 4.X.
- Then the Mirage 2 bootstrap framework based theme for the XMLUI was introduced with DSpace version 5.X.
XMLUI
JSPUI
Mobile
Color Palette
Fonts
Troubleshooting
Coding Training
- https://www.khanacademy.org/computing/computer-programming/html-css
- http://www.vikingcodeschool.com/web-markup-and-coding/html-and-css-in-action
Style Example Websites
- http://demo.dspace.org
- http://scholar.sun.ac.za
- http://repository.up.ac.za
- http://ir.dut.ac.za
- https://openaccess.adb.org
- http://repository.uneca.org
Media Viewer Plugins
- https://wiki.duraspace.org/display/DSPACE/Document+Viewer+Integration
- https://www.multivio.org
- http://mediaelementjs.com
- http://www.videojs.com
- http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone
- https://github.com/mozilla/pdf.js
- http://stackoverflow.com/questions/6118635/what-is-the-best-pdf-open-source-library-for-java
- http://gettopup.com
- http://pdfobject.com
- https://code.google.com/p/swfobject
