Difference between revisions of "SUNScholar/XMLUI Theme"

From Libopedia
Jump to navigation Jump to search
 
(50 intermediate revisions by the same user not shown)
Line 6: Line 6:
  
 
This procedure is much easier to achieve if you build yourself an [http://ubuntu.sun.ac.za Ubuntu desktop computer] to use first.
 
This procedure is much easier to achieve if you build yourself an [http://ubuntu.sun.ac.za Ubuntu desktop computer] to use first.
 +
 +
===<font color="red">'''''PLEASE NOTE''''':</font>===
 +
*The '''Mirage1''' theme is not responsive (automatically sizes web components for mobile devices) but it is lightweight (does not need to load many web components to function) and therefore better suited for situations where internet bandwidth is an issue.
 +
*The '''Mirage2''' theme is responsive, however there is a cost in increased internet bandwidth usage in order to load all the web components required. Some optimisation, eg: minification of css files can be done, but in general more bandwidth is required for the Mirage2 theme.
  
 
===Requirements===
 
===Requirements===
 
{{THEME-REQUIREMENTS}}
 
{{THEME-REQUIREMENTS}}
  
−
===[[SUNScholar/XMLUI_Theme/Tutorial|Step 1 - Read the Theory]]===
+
===[[SUNScholar/XMLUI_Theme/Tutorial|Step 1 - Read the XMLUI theme tutorial]]===
  
−
===[[SUNScholar/XMLUI_Theme/M1|Step 2A - Customise Mirage 1]]===
+
===[[SUNScholar/XMLUI_Theme/Common Elements|Step 2 - Common Elements]]===
  
−
===[[SUNScholar/XMLUI_Theme/M2|Step 2B - Customise Mirage 2]]===
+
===[[SUNScholar/XMLUI_Theme/M1|Step 3A - Customise Mirage 1]]===
  
−
===[[SUNScholar/Static_Folder|Step 3 - Check Static Folder]]===
+
===[[SUNScholar/XMLUI_Theme/M2|Step 3B - Customise Mirage 2]]===
  
−
===Step 4 - Check Theme Repository===
+
===[[SUNScholar/Static_Folder|Step 4 - Static Customisation]]===
 +
 
 +
===Step 5 - Check the XMLUI theme repositories===
 
Check out the following theme repositories.
 
Check out the following theme repositories.
−
*http://web.lib.sun.ac.za/style/sunscholar/theme
+
#http://web.lib.sun.ac.za/style/sunscholar/theme
−
*https://wiki.duraspace.org/display/DSPACE/Repository+of+XMLUI+themes
+
#https://wiki.duraspace.org/display/DSPACE/Repository+of+XMLUI+themes
−
 
+
#https://github.com/LongsightGroup/DSpace/tree/longsight-4_x/dspace-xmlui/src/main/webapp/themes
−
===Screenshots===
 
−
Below are screenshots comparing the themes.
 
−
 
 
−
====Mirage 2 / DSpace 5.0 (In alpha development)====
 
−
 
 
−
[[File:Mirage-2-screenshot.png|1024px]]
 
−
 
 
−
====Mirage 1 / DSpace 4.2 (In beta development)====
 
  
−
[[File:Mirage-1-screenshot.png]]
+
===Standards===
 +
====WWW General====
 +
*http://www.w3.org/standards/webarch
 +
*http://www.w3.org/standards/webdesign
 +
*http://www.w3.org/standards/xml
 +
* http://validator.w3.org
 +
* http://jigsaw.w3.org/css-validator
  
−
====Mirage 1 / DSpace 3.2 (current)====
+
====HTML and CSS====
 +
*http://www.w3schools.com/html
 +
*http://www.w3schools.com/css
 +
*http://html-color-codes.info
 +
====Style Frameworks====
 +
*http://getbootstrap.com
 +
*http://materializecss.com
  
−
[[File:Mirage-1-3.2-screensoht.png]]
+
===Styling Resources===
 +
*http://getfirebug.com
 +
*http://web.lib.sun.ac.za/books
 +
*https://www.edx.org/course/learn-html5-w3c-w3cx-html5-1x
 +
*http://www.cafeconleche.org/books/xmljava/chapters/index.html
 +
*https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
 +
*http://www.toptal.com/handbook
 +
*http://restfulwebapis.org
 +
* http://html5please.com
 +
* http://learnlayout.com
 +
* http://www.csstutorial.net
 +
* http://www.echoecho.com/css.htm
 +
* http://htmldog.com
 +
* http://htmlhelp.com/reference/css
 +
* http://www.fontsquirrel.com
 +
====Sample Themes====
 +
*https://github.com/hamslaai/Mirage2
 +
*https://github.com/aaronhelton/dag2
 +
*https://github.com/quatroelementos/mirage-gray
 +
*https://github.com/quatroelementos/mirage-blue
 +
*https://github.com/dswalker/alchemy
  
−
----
+
===Comment===
  
−
[[File:Comment-xmlui.png]]
+
[[File:Comment-xmlui.png|border]]
 +
[[Category:Customisation]]

Latest revision as of 12:01, 28 May 2016

Back to Theme

Introduction

This page describes the method for customising DSpace using the Manakin (XMLUI) interface with the supplied Mirage themes.

This procedure is much easier to achieve if you build yourself an Ubuntu desktop computer to use first.

PLEASE NOTE:

  • The Mirage1 theme is not responsive (automatically sizes web components for mobile devices) but it is lightweight (does not need to load many web components to function) and therefore better suited for situations where internet bandwidth is an issue.
  • The Mirage2 theme is responsive, however there is a cost in increased internet bandwidth usage in order to load all the web components required. Some optimisation, eg: minification of css files can be done, but in general more bandwidth is required for the Mirage2 theme.

Requirements

  1. Use port 80 and 443 as default on the Tomcat Java webapp server.
  2. Configure chosen UI as the default ROOT Java webapp.

Step 1 - Read the XMLUI theme tutorial

Step 2 - Common Elements

Step 3A - Customise Mirage 1

Step 3B - Customise Mirage 2

Step 4 - Static Customisation

Step 5 - Check the XMLUI theme repositories

Check out the following theme repositories.

  1. http://web.lib.sun.ac.za/style/sunscholar/theme
  2. https://wiki.duraspace.org/display/DSPACE/Repository+of+XMLUI+themes
  3. https://github.com/LongsightGroup/DSpace/tree/longsight-4_x/dspace-xmlui/src/main/webapp/themes

Standards

WWW General

HTML and CSS

Style Frameworks

Styling Resources

Sample Themes

Comment

Comment-xmlui.png

Retrieved from "http://wiki.lib.sun.ac.za/index.php?title=SUNScholar/XMLUI_Theme&oldid=42734"