<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Generator" content="Microsoft Word 12 (filtered medium)">
<base href="http://www.dlib.org/dlib/march13/tzoc/03tzoc.html"><!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>A Mobile Interface for DSpace</title>
<link rel="Stylesheet" type="text/css" media="all" href="http://www.dlib.org/style/style1.css"><style>
<!--
/* Font Definitions */
@font-face
{font-family:Courier;
panose-1:2 7 4 9 2 2 5 2 4 4;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"Trebuchet MS";
panose-1:2 11 6 3 2 2 2 2 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
line-height:normal;
font-size:12.0pt;
font-family:"Times New Roman","serif";
color:windowtext;}
h2
{mso-style-priority:9;
mso-style-link:"Heading 2 Char";
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.5pt;
color:windowtext;
font-weight:bold;}
h3
{mso-style-priority:9;
mso-style-link:"Heading 3 Char";
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
line-height:normal;
font-size:13.5pt;
font-family:"Times New Roman","serif";
color:windowtext;
font-weight:bold;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
font-family:"Trebuchet MS","sans-serif";
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
font-family:"Trebuchet MS","sans-serif";
color:#4078B1;
text-decoration:underline;}
p
{mso-style-priority:99;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
pre
{mso-style-priority:99;
mso-style-link:"HTML Preformatted Char";
margin:0cm;
margin-bottom:.0001pt;
line-height:normal;
font-size:10.0pt;
font-family:"Courier New";
color:windowtext;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Balloon Text Char";
margin:0cm;
margin-bottom:.0001pt;
line-height:normal;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";
color:windowtext;}
span.Heading2Char
{mso-style-name:"Heading 2 Char";
mso-style-priority:9;
mso-style-link:"Heading 2";
font-family:"Cambria","serif";
color:#4F81BD;
font-weight:bold;}
p.interview, li.interview, div.interview
{mso-style-name:interview;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.subhead, li.subhead, div.subhead
{mso-style-name:subhead;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-weight:bold;}
p.lista, li.lista, div.lista
{mso-style-name:lista;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.listb, li.listb, div.listb
{mso-style-name:listb;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.listc, li.listc, div.listc
{mso-style-name:listc;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.listd, li.listd, div.listd
{mso-style-name:listd;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.liste, li.liste, div.liste
{mso-style-name:liste;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.listf, li.listf, div.listf
{mso-style-name:listf;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.code, li.code, div.code
{mso-style-name:code;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.shading, li.shading, div.shading
{mso-style-name:shading;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
background:#E0E6DC;
font-size:12.0pt;}
p.maintext, li.maintext, div.maintext
{mso-style-name:maintext;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.backbannerimage, li.backbannerimage, div.backbannerimage
{mso-style-name:backbannerimage;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.backbodyimage, li.backbodyimage, div.backbodyimage
{mso-style-name:backbodyimage;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.backnarrowimage, li.backnarrowimage, div.backnarrowimage
{mso-style-name:backnarrowimage;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.contents, li.contents, div.contents
{mso-style-name:contents;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.back, li.back, div.back
{mso-style-name:back;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.0pt;}
p.topborder, li.topborder, div.topborder
{mso-style-name:topborder;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.fcfont, li.fcfont, div.fcfont
{mso-style-name:fcfont;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.0pt;}
p.fcfontsmall, li.fcfontsmall, div.fcfontsmall
{mso-style-name:fcfontsmall;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:8.5pt;}
p.indent, li.indent, div.indent
{mso-style-name:indent;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:13.0pt;
margin-left:0cm;
text-align:center;
font-size:12.0pt;}
p.indentleft, li.indentleft, div.indentleft
{mso-style-name:indentleft;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:13.0pt;
margin-left:0cm;
font-size:12.0pt;}
p.indentnarrow, li.indentnarrow, div.indentnarrow
{mso-style-name:indentnarrow;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:13.0pt;
margin-left:0cm;
font-size:12.0pt;}
p.indentnarrow2, li.indentnarrow2, div.indentnarrow2
{mso-style-name:indentnarrow2;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:13.0pt;
margin-left:0cm;
font-size:12.0pt;}
p.indentnarrow3, li.indentnarrow3, div.indentnarrow3
{mso-style-name:indentnarrow3;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:13.0pt;
margin-left:0cm;
font-size:12.0pt;}
p.indentfigure, li.indentfigure, div.indentfigure
{mso-style-name:indentfigure;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:13.0pt;
margin-left:0cm;
font-size:12.0pt;
font-style:italic;}
p.indentquote, li.indentquote, div.indentquote
{mso-style-name:indentquote;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:13.0pt;
margin-left:0cm;
text-align:justify;
font-size:12.0pt;}
p.allianceindent, li.allianceindent, div.allianceindent
{mso-style-name:allianceindent;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.archive, li.archive, div.archive
{mso-style-name:archive;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.0pt;}
p.blue, li.blue, div.blue
{mso-style-name:blue;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.bluelarge, li.bluelarge, div.bluelarge
{mso-style-name:bluelarge;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.orange, li.orange, div.orange
{mso-style-name:orange;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.orangelarge, li.orangelarge, div.orangelarge
{mso-style-name:orangelarge;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.orange-indent, li.orange-indent, div.orange-indent
{mso-style-name:orange-indent;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:12.0pt;
margin-left:0cm;
font-size:12.0pt;}
p.blue-indent, li.blue-indent, div.blue-indent
{mso-style-name:blue-indent;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:12.0pt;
margin-left:0cm;
font-size:12.0pt;}
p.blue-center, li.blue-center, div.blue-center
{mso-style-name:blue-center;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
font-size:12.0pt;}
p.blue-space, li.blue-space, div.blue-space
{mso-style-name:blue-space;
mso-margin-top-alt:auto;
margin-right:0cm;
margin-bottom:12.0pt;
margin-left:0cm;
font-size:12.0pt;}
p.lgheaderblue, li.lgheaderblue, div.lgheaderblue
{mso-style-name:lgheaderblue;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.medheaderblue, li.medheaderblue, div.medheaderblue
{mso-style-name:medheaderblue;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:10.5pt;}
p.footer, li.footer, div.footer
{mso-style-name:footer;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
line-height:12.0pt;
font-size:8.5pt;}
p.navtext, li.navtext, div.navtext
{mso-style-name:navtext;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
line-height:19.5pt;
font-size:10.5pt;}
p.nolink, li.nolink, div.nolink
{mso-style-name:nolink;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.0pt;}
p.anchor, li.anchor, div.anchor
{mso-style-name:anchor;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;}
p.border, li.border, div.border
{mso-style-name:border;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.borderblue, li.borderblue, div.borderblue
{mso-style-name:borderblue;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.sans-serif, li.sans-serif, div.sans-serif
{mso-style-name:sans-serif;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.0pt;}
p.right, li.right, div.right
{mso-style-name:right;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.left, li.left, div.left
{mso-style-name:left;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.leftright, li.leftright, div.leftright
{mso-style-name:leftright;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.cellbottom, li.cellbottom, div.cellbottom
{mso-style-name:cellbottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.cellbottomgray, li.cellbottomgray, div.cellbottomgray
{mso-style-name:cellbottomgray;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.top, li.top, div.top
{mso-style-name:top;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.topbottom, li.topbottom, div.topbottom
{mso-style-name:topbottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.topbottomgray, li.topbottomgray, div.topbottomgray
{mso-style-name:topbottomgray;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.topright, li.topright, div.topright
{mso-style-name:topright;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.topleft, li.topleft, div.topleft
{mso-style-name:topleft;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.topleftright, li.topleftright, div.topleftright
{mso-style-name:topleftright;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.topleftbottom, li.topleftbottom, div.topleftbottom
{mso-style-name:topleftbottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.toprightbottom, li.toprightbottom, div.toprightbottom
{mso-style-name:toprightbottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.all, li.all, div.all
{mso-style-name:all;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.thicklines, li.thicklines, div.thicklines
{mso-style-name:thicklines;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.thicktopthinbottom, li.thicktopthinbottom, div.thicktopthinbottom
{mso-style-name:thicktopthinbottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.thicklinetop, li.thicklinetop, div.thicklinetop
{mso-style-name:thicklinetop;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.thicklinebottom, li.thicklinebottom, div.thicklinebottom
{mso-style-name:thicklinebottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.thinlinebottom, li.thinlinebottom, div.thinlinebottom
{mso-style-name:thinlinebottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.thintopthickbottom, li.thintopthickbottom, div.thintopthickbottom
{mso-style-name:thintopthickbottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.thinbottom, li.thinbottom, div.thinbottom
{mso-style-name:thinbottom;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
border:none;
padding:0cm;
font-size:12.0pt;}
p.cbs, li.cbs, div.cbs
{mso-style-name:cbs;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
font-size:8.5pt;
font-weight:bold;}
p.small60, li.small60, div.small60
{mso-style-name:small60;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
font-size:7.0pt;
font-weight:bold;}
p.small70, li.small70, div.small70
{mso-style-name:small70;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
font-size:8.5pt;
font-weight:bold;}
p.small70white, li.small70white, div.small70white
{mso-style-name:small70white;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
font-size:8.5pt;
font-weight:bold;}
p.smallregular, li.smallregular, div.smallregular
{mso-style-name:smallregular;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
font-size:8.5pt;}
p.smallfc, li.smallfc, div.smallfc
{mso-style-name:smallfc;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
font-size:9.0pt;}
p.small70leftblk, li.small70leftblk, div.small70leftblk
{mso-style-name:small70leftblk;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.5pt;}
p.small70left, li.small70left, div.small70left
{mso-style-name:small70left;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.5pt;}
p.largess, li.largess, div.largess
{mso-style-name:largess;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.0pt;}
p.smallfont, li.smallfont, div.smallfont
{mso-style-name:smallfont;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.5pt;}
p.smallfontcell1, li.smallfontcell1, div.smallfontcell1
{mso-style-name:smallfontcell1;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:11.0pt;}
p.smallfontcell2, li.smallfontcell2, div.smallfontcell2
{mso-style-name:smallfontcell2;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.5pt;}
p.smallfontcell3, li.smallfontcell3, div.smallfontcell3
{mso-style-name:smallfontcell3;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:11.0pt;}
p.smallfontbold, li.smallfontbold, div.smallfontbold
{mso-style-name:smallfontbold;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:8.5pt;
font-weight:bold;}
p.allianceside, li.allianceside, div.allianceside
{mso-style-name:allianceside;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
line-height:10.5pt;
font-size:8.5pt;}
p.menu, li.menu, div.menu
{mso-style-name:menu;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:9.0pt;
font-weight:bold;}
p.citation, li.citation, div.citation
{mso-style-name:citation;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
text-align:center;
font-size:7.0pt;
font-weight:bold;}
p.box, li.box, div.box
{mso-style-name:box;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:8.5pt;}
p.box-bold, li.box-bold, div.box-bold
{mso-style-name:box-bold;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:8.5pt;
font-weight:bold;}
p.rubric, li.rubric, div.rubric
{mso-style-name:rubric;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
line-height:10.5pt;
font-size:8.5pt;
font-weight:bold;}
span.Heading3Char
{mso-style-name:"Heading 3 Char";
mso-style-priority:9;
mso-style-link:"Heading 3";
font-family:"Cambria","serif";
color:#4F81BD;
font-weight:bold;}
span.HTMLPreformattedChar
{mso-style-name:"HTML Preformatted Char";
mso-style-priority:99;
mso-style-link:"HTML Preformatted";
font-family:Consolas;}
span.EmailStyle108
{mso-style-type:personal-compose;
font-family:"Trebuchet MS","sans-serif";
color:black;}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:410322360;
mso-list-template-ids:1068150442;}
@list l1
{mso-list-id:517433085;
mso-list-template-ids:2100213594;}
@list l1:level1
{mso-level-start-at:2;
mso-level-tab-stop:36.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l2
{mso-list-id:1623998815;
mso-list-template-ids:564304786;}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
-->
</style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body bgcolor="white" lang="EN-ZA" link="blue" vlink="#4078B1">
<font face="Arial" color="Blue" size="1">This message (and attachments) is subject to restrictions and a disclaimer. Please refer to http://www.unisa.ac.za/disclaimer for full details.<br>
</font>
<hr>
<br>
<div>
<div class="Section1">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:#2B538E">
<tbody>
<tr>
<td style="padding:0cm 0cm 0cm 0cm">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black"><img width="10" height="2" id="_x0000_i1040" src="cid:image001.png@01CE29FA.0EC9EBC0" alt="http://www.dlib.org/img2/space.gif"></span><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black"><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black;display:none"><o:p> </o:p></span></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr>
<td valign="bottom" style="background:#4078B1;padding:0cm 0cm 0cm 0cm">
<div align="right">
<table class="MsoNormalTable" border="0" cellpadding="0">
<tbody>
<tr>
<td style="padding:6.0pt .75pt .75pt .75pt">
<p class="MsoNormal" align="right" style="text-align:right;line-height:13.5pt"><span style="font-size:8.5pt;font-family:"Trebuchet MS","sans-serif";color:white"><img width="51" height="20" id="_x0000_i1039" src="cid:image002.gif@01CE29FA.0EC9EBC0" alt="http://www.dlib.org/img2/search2.gif"></span><span style="font-size:
8.5pt;font-family:"Trebuchet MS","sans-serif";color:white">Search
D-Lib:<o:p></o:p></span></p>
</td>
<td style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black">[ ]
<o:p></o:p></span></p>
</td>
<td style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black">[Go!]
<o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black;display:none"><o:p> </o:p></span></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%" id="outer">
<tbody>
<tr>
<td valign="bottom" style="padding:0cm 0cm 0cm 0cm">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:#E04C1E">
<tbody>
<tr>
<td style="padding:0cm 0cm 0cm 0cm">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black"><img width="10" height="1" id="_x0000_i1038" src="cid:image003.png@01CE29FA.0EC9EBC0" alt="http://www.dlib.org/img2/space.gif"></span><span style="font-size:
10.0pt;font-family:"Trebuchet MS","sans-serif";color:black"><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black;display:none"><o:p> </o:p></span></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:#F6F6F6" id="bannertable">
<tbody>
<tr>
<td width="830" style="width:622.5pt;background:#4078B1;padding:0cm 0cm 0cm 0cm">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black"><img width="450" height="100" id="_x0000_i1037" src="cid:image004.gif@01CE29FA.0EC9EBC0" alt="D-Lib Magazine"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><o:p></o:p></span></p>
</td>
</tr>
<tr>
<td width="830" style="width:622.5pt;background:#E04C1E;padding:0cm 0cm 0cm 0cm">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black"><img width="1" height="1" id="_x0000_i1036" src="cid:image005.gif@01CE29FA.0EC9EBC0" alt="spacer"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";color:black"><o:p></o:p></span></p>
</td>
</tr>
<tr>
<td width="830" style="width:622.5pt;background:#EDA443;padding:0cm 0cm 0cm 0cm">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black"><img width="830" height="24" id="_x0000_i1035" src="cid:image006.gif@01CE29FA.0EC9EBC0" alt="The Magazine of Digital Library Research"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";color:black"><o:p></o:p></span></p>
</td>
</tr>
<tr>
<td width="830" style="width:622.5pt;background:#E04C1E;padding:0cm 0cm 0cm 0cm">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black"><img width="1" height="1" id="_x0000_i1034" src="cid:image005.gif@01CE29FA.0EC9EBC0" alt="spacer"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";color:black"><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black;display:none"><o:p> </o:p></span></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%" id="navtable">
<tbody>
<tr style="height:15.0pt">
<td width="5" style="width:3.75pt;background:#2B538E;padding:0cm 0cm 0cm 0cm;
height:15.0pt">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.5pt;
font-family:"Trebuchet MS","sans-serif";color:#EFEFEF"> <o:p></o:p></span></p>
</td>
<td width="24" style="width:18.0pt;background:#2B538E;padding:0cm 0cm 0cm 0cm;
height:15.0pt">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.5pt;
font-family:"Trebuchet MS","sans-serif";color:#EFEFEF"><img width="24" height="20" id="_x0000_i1033" src="cid:image007.png@01CE29FA.0EC9EBC0" alt="http://www.dlib.org/img2/transparent.gif"></span><span style="font-size:10.5pt;font-family:"Trebuchet MS","sans-serif";color:#EFEFEF"><o:p></o:p></span></p>
</td>
<td nowrap="" style="background:#2B538E;padding:0cm 30.0pt 0cm 7.5pt;
height:15.0pt">
<p class="MsoNormal" style="line-height:19.5pt"><span style="font-size:10.5pt;
font-family:"Trebuchet MS","sans-serif";color:#EFEFEF"><a href="../../../dlib.html"><span style="font-size:8.5pt;color:#EFEFEF;
background:#2B538E;text-decoration:none">HOME</span></a> | <a href="../../../about.html"><span style="font-size:8.5pt;color:#EFEFEF;
background:#2B538E;text-decoration:none">ABOUT
D-LIB</span></a> | <a href="../../../contents.html"><span style="font-size:8.5pt;color:#EFEFEF;
background:#2B538E;text-decoration:none">CURRENT ISSUE</span></a> | <a href="../../../back.html"><span style="font-size:8.5pt;color:#EFEFEF;
background:#2B538E;text-decoration:none">ARCHIVE</span></a> | <a href="../../../author-index.html"><span style="font-size:8.5pt;color:#EFEFEF;
background:#2B538E;text-decoration:none">INDEXES</span></a> | <a href="http://www.dlib.org/groups.html"><span style="font-size:8.5pt;
color:#EFEFEF;background:#2B538E;text-decoration:none">CALENDAR</span></a> | <a href="../../author-guidelines.html"><span style="font-size:8.5pt;
color:#EFEFEF;background:#2B538E;text-decoration:none">AUTHOR
GUIDELINES</span></a> | <a href="http://www.dlib.org/mailman/listinfo/dlib-subscribers"><span style="font-size:8.5pt;color:#EFEFEF;background:#2B538E;text-decoration:
none">SUBSCRIBE</span></a> | <a href="../../letters.html"><span style="font-size:8.5pt;color:#EFEFEF;background:#2B538E;text-decoration:
none">CONTACT
D-LIB</span></a><o:p></o:p></span></p>
</td>
<td width="5" style="width:3.75pt;background:#2B538E;padding:0cm 0cm 0cm 0cm;
height:15.0pt">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.5pt;
font-family:"Trebuchet MS","sans-serif";color:#EFEFEF"> <o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black;display:none"><o:p> </o:p></span></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr style="height:.75pt">
<td width="55" style="width:41.25pt;background:#E04C1E;padding:0cm 0cm 0cm 0cm;
height:.75pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";color:black"><img border="0" width="1" height="1" id="_x0000_i1032" src="cid:image008.gif@01CE29FA.0EC9EBC0" alt="transparent image"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";color:black"><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black;display:none"><o:p> </o:p></span></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr>
<td style="padding:0cm 0cm 0cm 0cm">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white">
<tbody>
<tr>
<td width="10" style="width:7.5pt;padding:7.5pt 7.5pt 7.5pt 7.5pt">
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:
10.0pt;font-family:"Trebuchet MS","sans-serif";color:black"><img border="0" width="1" height="1" id="_x0000_i1031" src="cid:image008.gif@01CE29FA.0EC9EBC0" alt="http://www.dlib.org/img2/space.gif"></span><span style="font-size:
10.0pt;font-family:"Trebuchet MS","sans-serif";color:black"><o:p></o:p></span></p>
</td>
<td valign="top" style="padding:7.5pt 7.5pt 7.5pt 7.5pt">
<h3 style="margin-bottom:12.0pt;line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";color:#2B538E">D-Lib Magazine<o:p></o:p></span></h3>
<p class="blue"><span style="font-size:10.0pt">March/April 2013<br>
Volume 19, Number 3/4<br>
<a href="../03contents.html">Table of Contents</a> <o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="margin-bottom:12.0pt;line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";color:#2B538E">A Mobile Interface for DSpace<o:p></o:p></span></h3>
<p class="blue"><span style="font-size:10.0pt">Elías Tzoc<br>
Miami University Libraries<br>
tzoce@miamioh.edu <br>
<br>
doi:10.1045/march2013-tzoc <o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<p class="blue"><span style="font-size:10.0pt"><a href="03tzoc.print.html"><span style="font-size:9.0pt">Printer-friendly Version</span></a><o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:#2B538E">Abstract<o:p></o:p></span></h3>
<p class="blue"><span style="font-size:10.0pt">Academic libraries were among the first adopters of mobile websites in universities, but much of the early development was focused exclusively on traditional library content such as the library's homepage, catalog,
contact information, etc. As libraries continue to work on new technology developments, a mobile interface for their institutional repositories can be a good new way to reach out to faculty and other interested parties. Miami University's Scholarly Commons
runs on DSpace as part of a shared infrastructure administered by OhioLINK. DSpace is used at academic institutions, research and resource centers, museums, national libraries, and government and commercial organizations. With over a thousand installations
in more than 90 countries, DSpace is the most widely used open source repository platform by any measure. The steady popularity of DSpace suggests that a lot of institutions will benefit from an out-of-the-box mobile interface. This article describes the development
and implementation of the first mobile interface developed for DSpace using the jQuery Mobile Framework.
<o:p></o:p></span></p>
<p class="blue"><span style="font-size:10.0pt">Keywords: Mobile Interface, DSpace, Institutional Repositories, jQuery Mobile<o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:black">I. Introduction<o:p></o:p></span></h3>
<p><span style="font-size:10.0pt">Academic Libraries were among the early adopters of mobile interfaces in universities, although most of those mobile developments were focused exclusively on limited types of services such as a library's homepage, catalog,
contact information, etc. In the article "On the Move with the Mobile Web: Libraries and Mobile Technologies", the author provided a summary of major university libraries' mobile initiatives and stated, "Libraries are mastering the mobile web to bring patrons
a new set of services — services that their users are coming to expect from their communities and content providers" (Kroski,
<a href="#4">2008</a>). In 2010, <i>Library Journal</i> conducted a Mobile Library Survey where 483 respondents indicated that "44% of academic libraries and 34% of public libraries currently offer some type of mobile services to their customers; two out of
five libraries of all types, academic and public, report plans to 'go mobile' in the near future." (Thomas,
<a href="#6">2010</a>). Another study published in 2010 presented the type of services available on 39 Association of Research Libraries' mobile sites (Aldrich,
<a href="#2">2010</a>). In that publication, the author also compared and contrasted the results with the literature identifying what mobile web users desired and provided an initial benchmark for comparisons with other institutions.<o:p></o:p></span></p>
<p><span style="font-size:10.0pt">Undoubtedly, the development of library services and sites tailored to mobile users has gained momentum in the last four years and for many it may seem to have reached a level of maturity; however, libraries' content goes beyond
what we now see in current library mobile sites. A recent publication on mobile sites for other types of library content is the article "Developing Mobile Access to Digital Collections" in which the authors presented the "findings from in-depth case studies
of four selected institutions and university libraries" that offer mobile services for their digital collections or cultural heritage collections (Mitchell & Suchy,
<a href="#5">2012</a>). As libraries continue to work on new technology developments, a mobile interface for their institutional repositories can be a good new way to reach out to faculty and other parties interested in scholarly communication. In this article,
we describe the development and implementation of the first mobile interface for DSpace — an open source application used worldwide for institutional repositories.<o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:black">II. Why a mobile theme for DSpace?<o:p></o:p></span></h3>
<p><span style="font-size:10.0pt"><a href="http://www.dspace.org">DSpace</a> was developed by the Massachusetts Institute of Technology (MIT) Libraries and the Hewlett-Packard Labs; it was first released in 2002 and has become one of the most widely used platforms
for open access digital repositories at academic institutions, research and resource centers, national libraries, and government and commercial organizations. As of August 31, 2012 the "Usage of Open Access Repository Software" report in the Directory of Open
Access Repositories (<a href="http://www.opendoar.org/">OpenDOAR</a>) indicates that 891 (40.6%) of those registered repositories are using DSpace. On the same date, the
<a href="http://www.dspace.org/whos-using-dspace">DSpace Registry</a> reported 1,333 live DSpace instances. Some of the benefits of using DSpace for scholarly content include: built-in workflows for submitting data in any file format, international standards
for metadata, access to an active community of developers, availability of the XMLUI framework for creating customizable front-ends, and a growing list of service providers. One of the most recent and significant projects using DSpace is the
<a href="https://openknowledge.worldbank.org/">World Bank Open Knowledge Repository</a>, which was released in April 2012. As for the topic of mobile sites for institutional repositories in general, there seems to be little to nothing written or done about
it. In the section 'Possible Research Directions' of the article "Institutional Repositories: Features, Architecture, Design and Implementation Technologies", the authors briefly discussed mobile access, saying "Of all the eleven (11) IR platforms reviewed,
only Greenstone supports access via mobile devices." (Adewumi & Ikhu-Omoregbe, <a href="#1">
2011</a>).<o:p></o:p></span></p>
<p><span style="font-size:10.0pt">The steady popularity of DSpace in the last few years suggests that a lot of institutions will benefit from an out-of-the-box mobile interface. One of the dilemmas in providing mobile access seems to be deciding whether to
create an app for every major mobile device in the market, or create a mobile-optimized website. For us and many others, the best option was to develop a mobile-optimized website that can work on a wide range of mobile devices. The jQuery Mobile (jQM) framework
is definitely one of the best tools currently available for this approach. With jQM, developers can rest assured that their sites will work in low-capability phones as well as in high-end touch smartphones. The use of HTML5 standards in jQM allows developers
and web designers to create a single robust and highly branded website that will work on all popular smartphone, tablet, and desktop platforms.<o:p></o:p></span></p>
<p><span style="font-size:10.0pt">Miami University Libraries' institutional repository,
<a href="http://sc.lib.muohio.edu">Scholarly Commons</a>, is currently running on DSpace 1.6 and it is one of many instances hosted at the Ohio Library and Information Network (<a href="http://www.ohiolink.edu">OhioLINK</a>) in a shared infrastructure. Since
the deployment of the first website in 2008, the Digital Initiatives team has been using the XMLUI framework, initially developed by the Texas A&M University Libraries, to implement several front-end customizations. In early 2012, with the previous experience
in creating DSpace themes, and the need for a mobile interface for Scholarly Commons along with all the features available in the jQM Framework, we decided to propose the creation of a mobile theme for DSpace. A theme is a modular interface layer that allows
developers to create customized web interfaces for a DSpace repository, community or collection. A quick check of the DSpace-tech list archive confirmed that a mobile theme was added to the list of new features in September 2011, but after that, there was
nothing else done. With this in mind and in the hope that our work can help some of the organizations already using DSpace, we decided to add the mobile theme as a goal for the summer of 2012.<o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:black">III. Development and Implementation<o:p></o:p></span></h3>
<p><span style="font-size:10.0pt">The real adventure started in late May 2012 with a message to the DSpace-tech listserv with a couple of basic questions regarding the XMLUI webapp. The replies provided useful suggestions for setting up the required files for
a mobile theme experiment. The next step included two key activities:<o:p></o:p></span></p>
<ol start="1" type="1">
<li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l0 level1 lfo1">
<b><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Creating a wireframe for the mobile interface</span></b><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">. Figure 1 below illustrates the first design created using
the drag-and-drop UI builder available on the jQM's homepage. Even in this early part of the project it was important to stick to basic rules, such as data entry on mobile devices should be minimized, and the design should be kept simple and clean. Because
of those rules and since the target audience for the mobile theme are end-users and not DSpace administrators, we decided to remove the entire "ds-options" sidebar, which contains all of the administrative functions in DSpace.<o:p></o:p></span>
</li></ol>
<ol start="2" type="1">
<li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l1 level1 lfo2">
<b><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Researching for mobile "best practices"</span></b><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">. The first document we reviewed was "library/mobile: Tips on
Designing and Developing Mobile Web Sites" (Griggs, Bridges & Gascho, <a href="#3">
2009</a>) where the authors provide key design and development strategies for building mobile websites. Reading and becoming familiar with the wealth of information on the jQM's "<a href="http://jquerymobile.com/demos/">Demos & Documentation</a>" page was also
important. It was very useful to watch the "<a href="http://www.lynda.com/HTML-5-tutorials/Mobile-Web-Design-Development-Fundamentals/76334-2.html">Mobile Web Design & Development Fundamentals</a>" tutorial by Joe Marini, especially the chapters on Mobile
Web Development Guidelines, Setting Up a Development Environment, and Putting It All into Practice.<o:p></o:p></span>
</li></ol>
<p class="MsoNormal" align="center" style="text-align:center;line-height:
13.5pt">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><img border="0" width="680" height="749" id="_x0000_i1030" src="cid:image009.png@01CE29FA.0EC9EBC0" alt="Screen Shot"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><br>
<i>Figure 1: Wireframe for DSpace Mobile Theme</i><o:p></o:p></span></p>
<p><span style="font-size:10.0pt">In June, we incorporated proper HTML5 elements as specified in the Mobile page structure template in the default miami.xsl file. After completing the structure for the front page, the next step was to create a mobile theme
using the <a href="http://jquerymobile.com/themeroller/">ThemeRoller</a> site. At this point, we had a decent working mobile-optimized site, but we also noticed that even with the new page structure and the generated CSS files, several DSpace elements that
are dynamically generated and context sensitive (e.g. collection list or view) were still displaying in a non-mobile style. A first fix was to create a new JavaScript file and use the .html() property to modify the HTML on the fly; however, this solution in
jQM requires a manual page refresh and we cannot expect users to refresh a page every time they move to a new page. A Plan B was to create a new CSS file and add all the required CSS tweaks to give the entire site a mobile look-and-feel.<o:p></o:p></span></p>
<p><span style="font-size:10.0pt">Below is the basic template for the front page.<br>
</span><span style="font-size:10.0pt"><img border="0" width="668" height="812" id="_x0000_i1029" src="cid:image010.png@01CE29FA.0EC9EBC0" alt="Code"></span><span style="font-size:10.0pt"><o:p></o:p></span></p>
<p><span style="font-size:10.0pt">Another section of the mobile.xsl file that required a major customization was the template for displaying individual items. Figure 2 illustrates an example of a typical item page and five main elements: title, share button,
metadata with six fields (Title, Author/s, Description/Abstract, URL, Date, and Related items in Google Scholar), thumbnail and link for downloading files, and a link back to the item's collection or community.<o:p></o:p></span></p>
<p><span style="font-size:10.0pt">In mid July, we had a mobile theme running on a second copy of the XMLUI webapp on a DSpace 1.6 installation. We later learned this is probably not the best way to do this, but back then this was the only way we got it to work
and it allowed us to continue testing and tweaking some CSS, XML, XSL, and JS files. Another lesson learned during this phase of the project was to always devote enough time to testing your site on different devices or in every major device emulator available.
For us, the <a href="http://www.opera.com/developer/tools/mobile/">Opera Mobile Emulator</a> and the
<a href="http://developer.android.com/sdk/">Android SDK</a> were very useful in testing and adjusting the site to small screen sizes (even 320×240); the
<a href="http://developer.apple.com/library/ios/#DOCUMENTATION/Xcode/Conceptual/ios_development_workflow/25-Using_iOS_Simulator/ios_simulator_application.html">
iOS Simulator</a> worked just fine, but the real headache was with the <a href="http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff402563%28v=vs.92%29.aspx">
Windows Phone Emulator</a> because it simply did not work and kept displaying a "not loading" error. After considerable time was spent researching the error, we learned that it was an HTML element without a closing tag. We spent the rest of July adjusting and
testing the mobile theme in every device and emulator available.<o:p></o:p></span></p>
<p class="MsoNormal" align="center" style="text-align:center;line-height:
13.5pt">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><img border="0" width="415" height="770" id="_x0000_i1028" src="cid:image011.png@01CE29FA.0EC9EBC0" alt="Screen Shot"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><br>
<i>Figure 2: Example of an Item's Page</i><o:p></o:p></span></p>
<p><span style="font-size:10.0pt">In early August, we ran some final tests and we believed it was time to share the link with others and start collecting external feedback. We posted a comment and a link to a first zip file on the
<a href="https://jira.duraspace.org/browse/DS-1017">DuraSpace JIRA ticket page</a>. At the same time, we wanted to test the new interface on an OhioLINK machine and this was when we learned that duplicating the XMLUI webapp was neither effective nor sustainable,
especially in a shared infrastructure. James Russell, OhioLINK developer, came up with a solution, which required a second domain name and it turned out to be a great and robust solution for us. Figure 3 illustrates four screenshots of the new DSpace mobile
interface as viewed on four different emulators. On September 10th, we were pleased to actually see it up and running on a production machine. To access the site, visit
<a href="http://sc.lib.muohio.edu/">http://sc.lib.muohio.edu/</a>. If your device is not detected as mobile, try the mobile site
<a href="http://mobile.sc.lib.muohio.edu/">http://mobile.sc.lib.muohio.edu/</a>.<o:p></o:p></span></p>
<p class="MsoNormal" align="center" style="text-align:center;line-height:
13.5pt">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><img border="0" width="680" height="335" id="_x0000_i1027" src="cid:image012.png@01CE29FA.0EC9EBC0" alt="Screen Shot"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><br>
<i>Figure 3: DSpace Mobile Site on iOS, Android, Opera and Windows Phone Emulators<br>
To see a larger version, more detailed version of Figure 3, click <a href="tzoc-fig3-large.png">
here</a>.</i><o:p></o:p></span></p>
<p><span style="font-size:10.0pt">For anyone interested in installing and further customizing the DSpace mobile theme, a copy of the
<a href="http://staff.lib.muohio.edu/~tzocea/files/dspace/mobile/DSpace-mobile-theme.zip">
released version</a> is available. A working copy is available on the DSpace site on
<a href="https://github.com/DSpace/DSpace/tree/master/dspace-xmlui/src/main/webapp/themes/mobile%20">
GitHub</a>. It was added to DSpace version 3.0, released in November 2012. Details about the theme file structure and an installation guide is available in the
<a href="#appendix">Appendix</a> at the end of this article.<o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:black">IV. Conclusions<o:p></o:p></span></h3>
<p><span style="font-size:10.0pt">Overall, this summer project turned out to be quite exciting and positive, as it allowed us to implement a mobile interface for our Scholarly Commons site and perhaps most importantly, the project was added to the core code
of DSpace 3.0, which will potentially benefit many DSpace users. As noted earlier, this first mobile theme is exclusively focused on end-users of the DSpace repository whose main activities are likely to be searching and browsing for scholarly content. Among
the future activities that can help to further develop the mobile theme for DSpace are: a) developing a usability test of the current theme; b) development of mobile-friendly structures for complex pages such as the "Advanced Search" page; and c) evaluating
the feasibility of a mobile interface for DSpace administrators, which may incorporate the SWORD (Simple Web-service Offering Repository Deposit) protocol to easily ingest items into a repository.<o:p></o:p></span></p>
<p><span style="font-size:10.0pt">Finally, as we worked on this mobile project, we learned how hard it can be to be compatible with the majority of the mobile devices and screen sizes currently on the market. In fact, many web designers and developers are quickly
getting to the point where they are unable to keep up with the rapidly growing number of new devices and screen sizes. They argue that for many websites, creating a website version for each resolution and new device would be impractical. The discussion seems
to suggest that the solution relies on the concept of "Responsive Web Design", which is an approach to web design where the site is created to provide an optimal user experience regardless of the end-user' device. Thus, an interesting question for the DSpace
community to consider is would it be feasible to explore the possibilities of responsive web design for DSpace.<o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:black">Acknowledgements<o:p></o:p></span></h3>
<p><span style="font-size:10.0pt">The author would like to thank James Russell, OhioLINK developer, for helping with the implementation of a second domain for the mobile theme; and Ivan Masár, Member of the DSpace Committer team, for providing technical assistance
in adding the code to the DSpace 3.0 release.<o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:black">References<o:p></o:p></span></h3>
<p><a name="1"><span style="font-size:10.0pt">[1]</span></a><span style="font-size:10.0pt"> Adewumi, A. O. & Ikhu-Omoregbe, N. A. (2011).
<a href="http://eprints.covenantuniversity.edu.ng/108/">Institutional Repositories: Features, Architecture, Design and Implementation Technologies</a>.
<i>Journal of Computing</i>, Vol. 2 No. 8.<o:p></o:p></span></p>
<p><a name="2"><span style="font-size:10.0pt">[2]</span></a><span style="font-size:10.0pt"> Aldrich, A. W. (2010).
<a href="http://www.educause.edu/EDUCAUSE+Quarterly/EDUCAUSEQuarterlyMagazineVolum/UniversitiesandLibrariesMoveto/206531">
Universities and libraries move to the mobile web</a>. <i>EDUCAUSE Quarterly</i>, Vol. 33 No.2.<o:p></o:p></span></p>
<p><a name="3"><span style="font-size:10.0pt">[3]</span></a><span style="font-size:10.0pt"> Griggs, K., Bridges, L.M., & Gascho, H. (2009).
<a href="http://journal.code4lib.org/articles/2055">library/mobile: Tips on Designing and Developing Mobile Web Sites</a>.
<i>Code4Lib</i> Journal, Issue 8.<o:p></o:p></span></p>
<p><a name="4"><span style="font-size:10.0pt">[4]</span></a><span style="font-size:10.0pt"> Kroski, E. (2008).
<a href="http://www.alatechsource.org/ltr/on-the-move-with-the-mobile-web-libraries-and-mobile-technologies">
On the Move with the Mobile Web: Libraries and Mobile Technologies</a>. <i>Library Technology Reports — American Library Association</i>.<o:p></o:p></span></p>
<p><a name="5"><span style="font-size:10.0pt">[5]</span></a><span style="font-size:10.0pt"> Mitchell, C. & Suchy, D. (2012) Developing Mobile Access to Digital Collections.
<i>D-Lib Magazine</i> Vol. 18, No. 1/2. <a href="http://dx.doi.org/10.1045/january2012-mitchell">
http://dx.doi.org/10.1045/january2012-mitchell</a><o:p></o:p></span></p>
<p><a name="6"><span style="font-size:10.0pt">[6]</span></a><span style="font-size:10.0pt"> Thomas, C. L. (2010).
<a href="http://www.libraryjournal.com/lj/ljinprintcurrentissue/886987-403/gone_mobile_mobile_libraries_survey.html.csp">
Gone mobile? (Mobile Libraries Survey 2010)</a>. <i>Library Journal</i>, Issue 17.<o:p></o:p></span></p>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><a name="appendix"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> </span></a><span style="font-size:7.0pt;font-family:
"Trebuchet MS","sans-serif";color:black"><o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:black">Appendix<o:p></o:p></span></h3>
<p><span style="font-size:10.0pt">The mobile theme file structure is:<o:p></o:p></span></p>
<pre style="line-height:13.5pt"><span style="color:black"><o:p> </o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">+-- mobile<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| +-- lib<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- cookies.js<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- detectmobile.js<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- images<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | | +-- ajax-loader.gif<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | | +-- default-thumbnail.png<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | | +-- icons-18-black.png<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | | +-- icons-18-white.png<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | | +-- icons-36-black.png<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | | +-- icons-36-white.png<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- m-tweaks.css<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- sc-mobile.css<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- sc-mobile.min.css<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- mobile.xsl<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- sitemap.xmap<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| | +-- themes.xmap<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black">| +-- readme.txt<o:p></o:p></span></pre>
<pre style="line-height:13.5pt"><span style="color:black"><o:p> </o:p></span></pre>
<p><span style="font-size:10.0pt">The installation process is as follows:<o:p></o:p></span></p>
<ol start="1" type="1">
<li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l2 level1 lfo3">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Get a new domain name that is an alias of the existing domain name for your DSpace installation, e.g. if your current domain is yoursite.edu your new domain name might be mobile.yoursite.edu.
(These instructions assume that the new domain name starts with 'mobile.' If it is something else, you will need to make a change in step 4.)<o:p></o:p></span>
</li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l2 level1 lfo3">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Copy the mobile theme folder into your XMLUI theme folder, e.g., ../dspace/webapps/xmlui/themes/.<o:p></o:p></span>
</li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l2 level1 lfo3">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Copy the messages_mobile.xml file into the default i18n folder, e.g., ../dspace/webapps/xmlui/i18n. This is a workaround that guarantees that the mobile theme only reads this file as it
contains new/short labels for the mobile interface.<o:p></o:p></span> </li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l2 level1 lfo3">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Add a call for the detectmobile.js and cookies.js file in the header of your current main theme.xsl file. It should look like this example:<br>
<br>
<script type="text/javascript" sc="/themes/mobile/lib/detectmobile.js">& #160;</script><br>
<script type="text/javascript" sc="/themes/mobile/lib/cookies.js">& #160;</script><br>
<br>
In this file, you can also add a "View mobile site" link in the footer section, which will allow users to view the full site on their mobile devices. The cookies.js file saves this preference but it is erased when the session is closed.<o:p></o:p></span>
</li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l2 level1 lfo3">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Open the detectmobile.js file and enter your new mobile domain at the end of the function call e.g. mobile.yoursite.edu. If you choose a different domain name or theme name other than "mobile"
make sure to update the settings in the sitemap.xmap<o:p></o:p></span> </li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l2 level1 lfo3">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">In mobile.xml, find the link "View full website" and replace the references to yoursite.edu with the domain name for your main site. Check for lines 255-257.<o:p></o:p></span>
</li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l2 level1 lfo3">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Replace or edit the themes.xmap file located in your default theme folder, e.g., ../dspace/webapps/xmlui/themes/. The code for setting up the properties for the domain is in lines 32-37.
This will need to be changed if the domain name for your mobile site starts with something other than 'mobile.'<o:p></o:p></span>
</li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;
mso-margin-bottom-alt:auto;line-height:13.5pt;mso-list:l2 level1 lfo3">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif"">Restart Tomcat. You should be able to see the mobile theme in action; to change the look-and-feel, go to
<a href="http://jquerymobile.com/themeroller/">http://jquerymobile.com/themeroller/</a> and either create your own files or import/upgrade the uncompressed sc-mobile.css file.<o:p></o:p></span>
</li></ol>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<h3 style="line-height:13.5pt"><span style="font-family:"Trebuchet MS","sans-serif";
color:black">About the Author<o:p></o:p></span></h3>
<table class="MsoNormalTable" border="0" cellpadding="0" style="background:
white">
<tbody>
<tr>
<td style="padding:4.5pt 4.5pt 4.5pt 4.5pt">
<p class="MsoNormal" align="center" style="text-align:center;line-height:
13.5pt">
<span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><img border="0" width="100" height="107" id="_x0000_i1026" src="cid:image013.png@01CE29FA.0EC9EBC0" alt="Photo of E. Tcoz"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><o:p></o:p></span></p>
</td>
<td style="padding:4.5pt 4.5pt 4.5pt 4.5pt">
<p class="blue"><b><span style="font-size:10.0pt">Elías Tzoc</span></b><span style="font-size:10.0pt">, originally from Guatemala, assists the head of the Center for Digital Scholarship to provide Miami University scholars with the facilities, services, and
expertise to support the creation and use of digital scholarship in all its forms. His current/recent work includes: developing and prototyping web interfaces for digital projects using CONTENTdm, DSpace, WordPress, OJS, and Omeka; researching for new access
points and mobile apps for digital library programs using the jQuery mobile framework; researching and publishing on technical issues and open source applications for libraries; writing and co-leading grant-funded projects; and developing web plug-ins using
PHP, HTML5, XSLT, CSS, and jQuery.<o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
<div style="border:none;border-bottom:solid #E04C1E 1.0pt;padding:0cm 0cm 0cm 0cm;
margin-bottom:8.25pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:7.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"> <o:p></o:p></span></p>
</div>
<div>
<p class="footer">Copyright © 2013 Elías Tzoc<o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="line-height:13.5pt"><span style="font-size:10.0pt;
font-family:"Trebuchet MS","sans-serif";color:black;display:none"><o:p> </o:p></span></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr style="height:.75pt">
<td style="background:#2B538E;padding:0cm 0cm 0cm 0cm;height:.75pt">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><img border="0" width="100" height="2" id="_x0000_i1025" src="cid:image014.png@01CE29FA.0EC9EBC0" alt="transparent image"></span><span style="font-size:10.0pt;font-family:"Trebuchet MS","sans-serif";
color:black"><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</div>
</body>
</html>