1. Developing Interfaces and Interactivity for DSpace with Manakin Part 6: Hands-on with Manakin’s Theme Tier Eric Luhrs Digital Initiatives Librarian, Lafayette College & NITLE Technology Fellow for DSpace and Manakin Presented at NITLE Information Services Camp Smith College, June 3, 2009 With curricular and technical assistance from Eric Jansson, NITLE

2. Overview of Part 6 1.Configuring our work environment 2.Five hands-on XML & XSL modifications

3. Configuring Our Work Environment Step 1: Only If You Rebooted If you rebooted since the last hands-on section, you will need to repeat the steps listed on slides 4-7 of “Part 4: Hand-on with Manakin’s Style Tier.” These will include: Connecting to network Fixing a few things Installing oXygen Registering oXygen Installing Firebug

4. Configuring Our Work Environment Step 2: Verify That You Have New Logo If not, download from http://tinyurl.com/manakinhttp://tinyurl.com/manakin –right click NITLE logo and choose “Save Image As” –save after navigating to the following directory /opt/dspace/dspace/webapps/xmlui/themes/Reference/images –replace file if prompted to do so

5. Configuring Our Work Environment Step 2: Standardize CSS Configuration From http://tinyurl.com/manakin click the “modified style.css file” link.http://tinyurl.com/manakin –Click File  Save Page As to save a local copy here: /opt/dspace/dspace/webapps/xmlui/themes/Reference/lib –Replace the file if prompted to do so –Right click the file from Firefox’s “Downloads” window and select “Open containing folder” –Right click style.css in the file browser, select “Properties” then choose the “Permissions” tab. Verify that “Access” is set to “Read and write”, then click “Close”

6. Configuring Our Work Environment Step 3: Copy XSL Stylesheet to Theme Dr Use File Browser ( Places  Computer  File System ) to copy existing XSL stylesheet /opt/dspace/dspace/webapps/xmlui/theme/Classic/Classic.xsl and paste to this directory /opt/dspace/dspace/webapps/xmlui/themes/Reference then right-click to rename file Reference.xsl

7. Configuring Our Work Environment Step 4: Tell Theme to Use XSL Stylesheet Open Reference theme’s sitemap.xmap file in oXygen (as XML document): /opt/dspace/dspace/webapps/xmlui/theme/Reference/sitemap.xmap find the following lines <!– Step 3: Transform to XHTML  and save after changing the second one to (another link in the chain: Reference.xsl will import dri2xhtml.xsl )

8. Configuring Our Work Environment Step 5: Create Icon to Restart Tomcat Right-click the desktop and choose “Create Launcher” then provide the following values before clicking “OK”: Type: Application in Terminal Name: Restart Tomcat Command: sudo /etc/init.d/tomcat5.5 restart

9. Configuration Complete! NOTE: because we cannot save changes to the DVD, the previous steps will need to be repeated each time the Linux Live DVD is rebooted We are now ready to customize Manakin’s theme tier

10. Reference Theme with Previous CSS Changes

11. Override Recipe to Remove Body Search Element

12. Override Recipe to Modify Header element (Remove Link)

13. Override Recipe to Introduce New Links Into Footer

14. Modify Manakin Configuration to Serve Static Content

15. Modify Manakin Configuration to Theme Specific Collection

16. Reference Theme with CSS & XSL Customizations

17. End of Part 6