https://script.spoken-tutorial.org/index.php?title=DSpace/C2/Customization-of--DSpace-Home-page-on-Windows-OS/English&feed=atom&action=historyDSpace/C2/Customization-of--DSpace-Home-page-on-Windows-OS/English - Revision history2024-03-29T10:52:02ZRevision history for this page on the wikiMediaWiki 1.23.17https://script.spoken-tutorial.org/index.php?title=DSpace/C2/Customization-of--DSpace-Home-page-on-Windows-OS/English&diff=54697&oldid=prevPravin1389 at 18:11, 13 January 20212021-01-13T18:11:40Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 18:11, 13 January 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 46:</td>
<td colspan="2" class="diff-lineno">Line 46:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Switch to '''WordPad''' and open the file</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Switch to '''WordPad''' and open the file</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| I have opened the '''commands file''' in the '''WordPad editor '''on my machine.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| I have opened the '''commands file''' in the '''WordPad editor '''on my machine.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>And I will use the same file to copy-paste the '''commands''' during the demonstration.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>And I will use the same file to copy-paste the '''commands''' during the demonstration.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>The shortcut to paste on the '''Command Prompt '''is''' Ctrl '''and '''V '''keys'''.'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>The shortcut to paste on the '''Command Prompt '''is''' Ctrl '''and '''V '''keys'''.'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 133:</td>
<td colspan="2" class="diff-lineno">Line 135:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Right click on '''Rebuild-DSpace '''>> '''Run as Administrator'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Right click on '''Rebuild-DSpace '''>> '''Run as Administrator'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Go to the '''Desktop '''and locate the file '''Rebuild-DSpace'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Go to the '''Desktop '''and locate the file '''Rebuild-DSpace'''</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Then right-click on it and select''' Run as Administrator.'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Then right-click on it and select''' Run as Administrator.'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 147:</td>
<td colspan="2" class="diff-lineno">Line 150:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Now, switch to the '''browser''' and refresh the page.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Now, switch to the '''browser''' and refresh the page.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Observe the change. The old '''Navigation bar''' '''logo''' is replaced with the new one.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Observe the change.  </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>The old '''Navigation bar''' '''logo''' is replaced with the new one.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Only narration</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Only narration</div></td></tr>
</table>Pravin1389https://script.spoken-tutorial.org/index.php?title=DSpace/C2/Customization-of--DSpace-Home-page-on-Windows-OS/English&diff=54663&oldid=prevNancyvarkey at 07:30, 9 January 20212021-01-09T07:30:23Z<p></p>
<a href="https://script.spoken-tutorial.org/index.php?title=DSpace/C2/Customization-of--DSpace-Home-page-on-Windows-OS/English&diff=54663&oldid=54653">Show changes</a>Nancyvarkeyhttps://script.spoken-tutorial.org/index.php?title=DSpace/C2/Customization-of--DSpace-Home-page-on-Windows-OS/English&diff=54653&oldid=prevPankajpatil694: Created page with "'''SayScript: Customization of DSpace Home Page (on Windows 10)''' '''Author : Pankaj Patil''' '''Keywords: DSpace Customization, Home page customization, Dspace Logo, DSpac..."2021-01-07T10:06:53Z<p>Created page with "'''SayScript: Customization of DSpace Home Page (on Windows 10)''' '''Author : Pankaj Patil''' '''Keywords: DSpace Customization, Home page customization, Dspace Logo, DSpac..."</p>
<p><b>New page</b></p><div>'''SayScript: Customization of DSpace Home Page (on Windows 10)'''<br />
<br />
'''Author : Pankaj Patil'''<br />
<br />
'''Keywords: DSpace Customization, Home page customization, Dspace Logo, DSpace Banner, DSpace news, DSpace customization on Windows 10'''<br />
<br />
{| border=1<br />
|- <br />
| align=center| '''Visual Cue'''<br />
| align=center| '''Narration'''<br />
|- <br />
|| Slide: Title<br />
|| Welcome to this spoken tutorial on '''Customization of''' '''DSpace home page (on Windows 10)'''<br />
|- <br />
|| Slide: Learning Objectives<br />
|| In this tutorial, we will learn to <br />
* Change '''DSpace''' '''logos'''<br />
* Modify the '''DSpace''' '''banner''' and<br />
* Update the '''News''' sections<br />
|- <br />
|| Slide: System requirements<br />
|| This tutorial is recorded using<br />
* '''Windows 10 64 bit OS'''<br />
* '''DSpace version 6.3'''<br />
* '''WordPad '''and<br />
* '''Firefox web browser'''<br />
However you may use any other '''text editor''' or '''browser''' of your choice.<br />
|- <br />
|| Slide: Pre-requisites <br />
|| To practice this tutorial, you should have<br />
* Installed '''DSpace version 6.3''' on your system<br />
* '''Tomcat''' service should be running<br />
* Have '''Administrator''' authority in '''DSpace '''and<br />
* And have a working '''internet''' connection<br />
|- <br />
|| Slide: Pre-requisites <br />
|| <br />
* You should also have familiarity with basic''' HTML''' tags<br />
* If not then please go through the prerequisite tutorials on this website.<br />
|- <br />
|| Slide: Code Files<br />
|| <br />
* The '''files''' and '''commands''' used in this tutorial are available in a file in the '''Code Files '''link on this tutorial page.<br />
* Please download and extract the files before practicing.<br />
|- <br />
|| Switch to '''WordPad''' and open the file<br />
|| I have opened the '''commands file''' in the '''WordPad editor '''on my machine.<br />
And I will use the same file to copy-paste the '''commands''' during the demonstration.<br />
The shortcut to paste on the '''Command Prompt '''is''' Ctrl '''and '''V '''keys'''.'''<br />
|- <br />
|| Slide : '''DSpace''' Customization<br />
|| <br />
* '''DSpace''' is a highly customizable '''software application'''.<br />
* We can customize the '''DSpace user''' interface and its behaviour as per our preference.<br />
|- <br />
|| Slide : '''DSpace''' UI Customization<br />
|| The '''user''' interface of '''DSpace''' can be modified for<br />
* Branding of a '''repository''' <br />
* Communicate vision, mission of the organization<br />
* Enhance aesthetics and usability and<br />
* Present tool tip or help to use<br />
Now, let us understand the different sections of the '''DSpace''' '''home page.'''<br />
|- <br />
|| Open Web Browser <br />
Address Bar >> '''localhost:8080'''<br />
|| Open a '''web browser'''.<br />
In the '''address bar''', type '''localhost:8080''' and press '''Enter'''.<br />
The '''DSpace''' interface opens.<br />
|- <br />
|| Point to different portions in''' DSpace home page'''<br />
|| We have a '''Navigation bar logo''' located at the top-left corner.<br />
Below that we have a '''Banner''' section.<br />
The''' DSpace logo''' is located next to the '''banner'''.<br />
|- <br />
|| Point to different portions in''' DSpace home page'''<br />
|| Below the '''banner''' section, we have a green color bar called '''breadcrumb bar'''.<br />
Below the '''breadcrumb bar, '''we have''' Top News '''and''' Side news '''sections.<br />
|- <br />
|| Slide: '''DSpace Navbar logo''' <br />
Name: '''dspace-logo-only.png'''<br />
Location: '''C:\dspace-6.3-src-release\dspace-jspui\src\main\webapp\image'''<br />
Dimensions: '''25 x 25 pixels'''.<br />
|| Let us begin with the customization of the '''DSpace Navigation bar logo'''.<br />
These are the properties for the '''logo'''.<br />
We will replace this default '''logo''' with a new one.<br />
Make sure that the new '''logo''' has the same properties, if you are using your own '''logo'''.<br />
|- <br />
|| Slide : '''DSpace''' source code<br />
|| The '''source code''' for '''DSpace''' is located in the '''dspace-6.3-src-release '''directory.<br />
If we wish to customize '''DSpace''', then we have to make changes in this directory.<br />
|- <br />
|| Narration only<br />
|| Let us rename the default '''DSpace navigation bar logo '''for''' '''backup purposes.<br />
|- <br />
|| Browse to '''image '''folder of dspace<br />
'''C drive >> dspace-6.3-src-release >> dspace-jspui >> src >> main >> webapp >> image'''<br />
|| To do so, browse to the '''image''' folder of '''dspace''' as shown.<br />
|- <br />
|| Rename''' dspace-logo-only.png '''as''' dspace-logo-only-old.png'''<br />
|| Rename''' dspace-logo-only.png '''as''' dspace-logo-only-old.png '''as shown.<br />
|- <br />
|| Narration Only<br />
|| Now, let us proceed to copy a new '''logo''' into the '''image''' directory.<br />
|- <br />
|| Open '''File Explorer '''<br />
|| For that, open the '''File Explorer''' application.<br />
|- <br />
|| Browse to '''Downloads''' folder<br />
|| Go to the folder where you downloaded the images from the '''Code files''' link.<br />
I have downloaded it in the '''Downloads''' folder.<br />
|- <br />
|| Browse to '''dimages '''folder<br />
|| I will now browse to the '''dimages''' folder.<br />
|- <br />
|| Copy '''dspace-logo-only.png '''from '''dimages '''to '''image '''folder of '''DSpace'''<br />
|| Copy '''dspace-logo-only.png '''from '''dimages '''to the '''image '''folder of '''DSpace''' as shown. <br />
|- <br />
|| Narration only<br />
|| Next we have to '''rebuild DSpace''' to update these changes.<br />
|- <br />
|| Go to the '''Desktop'''<br />
Right click on '''Rebuild-DSpace '''>> '''Run as Administrator'''<br />
|| Go to the '''Desktop '''and locate the file '''Rebuild-DSpace'''<br />
Then right-click on it and select''' Run as Administrator.'''<br />
|- <br />
|| Click''' '''on '''yes'''<br />
|| If '''prompted, '''click''' '''on the''' Yes '''button in the '''User Account Control''' dialog box<br />
|- <br />
|| Point to '''BUILD SUCCESSFUL '''message<br />
|| On successful completion,''' BUILD SUCCESSFUL '''message will appear on the '''Command Prompt.'''<br />
|- <br />
|| Show closing of '''Command Prompt'''<br />
|| After the '''rebuild''' process, the '''Command Prompt '''closes automatically.''' '''<br />
|- <br />
|| Refresh''' DSpace Home page'''<br />
|| Now, switch to the '''browser''' and refresh the page.<br />
Observe the change. The old '''Navigation bar''' '''logo''' is replaced with the new one.<br />
|- <br />
|| Only narration<br />
|| In case, if you can’t see the updated '''logo''', kindly clear the '''cache''' and refresh the page.<br />
|- <br />
|| '''Slide''' : DSpace logo<br />
Name: '''logo.gif'''<br />
Location: '''C:\dspace-6.3-src-release\dspace-jspui\src\main\webapp\image'''<br />
Dimensions: '''165 x 132 pixels'''.<br />
|| Now, next let us try to add our '''logo''' instead of the '''DSpace logo''' next to the '''banner''' section.<br />
These are the properties of the '''logo'''.<br />
We will replace this default '''logo''' with our own '''logo'''.<br />
Make sure that the new '''logo''' has the same properties, if you are using your own '''logo'''.<br />
|- <br />
|| Narration Only<br />
|| Let us rename the existing '''logo''' for backup purposes.<br />
|- <br />
|| Switch back to '''images '''folder of '''DSpace'''<br />
|| Switch to the '''images '''folder of '''DSpace.'''<br />
|- <br />
|| Rename '''logo.gif '''as''' logo-old.gif'''<br />
|| Rename '''logo.gif '''as''' logo-old.gif '''as shown.<br />
|- <br />
|| copy '''logo.gif''' image from '''dimages '''to '''image '''folder of '''DSpace'''<br />
|| Next, copy the new '''logo.gif''' image from '''dimages '''to the '''image '''folder of '''DSpace''' as shown. <br />
|- <br />
|| Narration only<br />
|| Now, '''rebuild DSpace''' to update the changes.<br />
|- <br />
|| Go to the '''Desktop'''<br />
|| Go to the '''Desktop'''.<br />
|- <br />
|| Right click on '''Rebuild-DSpace '''>> Select '''Run as Administrator'''<br />
|| '''Rebuild DSpace '''as shown.<br />
|- <br />
|| Point to '''BUILD SUCCESSFUL '''message<br />
|| The '''build''' is successful.<br />
|- <br />
|| Refresh''' DSpace Home page'''<br />
|| Now, switch to the '''browser''' and refresh the page. <br />
Observe the change.<br />
The '''DSpace logo''' next to the '''banner''' section is replaced with our own '''logo'''.<br />
|- <br />
|| Point to''' DSpace banner '''<br />
|| The''' DSpace banner''' is used for branding of '''repositories'''. <br />
Let us proceed to modify the '''banner''' content now.<br />
|- <br />
|| Browse to '''resources '''folder<br />
'''C Drive >> dspace-6.3-src-release >> dspace-api >> src >> main >> resources'''<br />
|| So, in the '''file explorer''', browse to the '''resources''' folder of '''dspace''' as shown.<br />
|- <br />
|| Point to '''Messages.properties'''<br />
|| '''Messages.properties '''is a file, which contains '''user interface''' text of '''DSpace'''<br />
|- <br />
|| Open '''Messages.properties '''with '''WordPad'''<br />
|| Let us open this file using the '''WordPad editor.'''<br />
|- <br />
|| Show '''Messages.properties '''file<br />
|| '''Messages.properties '''file contains '''Key Value''' pairs.<br />
'''Keys''' are referenced from '''jsp''' files and the corresponding '''value''' is rendered in '''UI'''. <br />
|- <br />
|| Banner Heading Text<br />
'''jsp.layout.header-default.brand.heading = IITB Repository'''<br />
|| Scroll down and locate the '''key '''<br />
'''jsp.layout.header-default.brand.heading '''<br />
Change its default '''value''' to '''IITB Repository'''.<br />
Basic '''HTML tags''' such as '''heading''' can be used to write the '''value'''.<br />
|- <br />
|| '''jsp.layout.header-default.brand.heading = <b> IITB Repository </b>'''<br />
|| If you wish to display the text in a stylish way, we can use those '''html tags''' also.<br />
For example, I can type the '''value''' as shown.<br />
|- <br />
|| '''<h3> IITB Digital Repository is the collection of digital assets </h3>'''<br />
|| Now locate the '''key''' '''jsp.layout.header-default.brand.description '''<br />
Change its default value as shown.<br />
|- <br />
|| Save and close<br />
|| Save and close the file.<br />
|- <br />
|| Right click on '''Rebuild-DSpace '''>> Run as Administrator<br />
|| Once again, '''rebuild DSpace '''as shown.<br />
|- <br />
|| Narration Only<br />
|| The '''build '''is successful as indicated by the on-screen message.<br />
|- <br />
|| Refresh''' DSpace Home page'''<br />
|| Now, switch to the '''browser''' and refresh the page. <br />
Observe the change.<br />
The '''banner section''' content is updated now.<br />
|- <br />
|| Point to '''Top and Sidebar news on Home Page'''<br />
|| '''Top news''' and '''Side news''' are used to display updates and news about the '''Repository'''.<br />
We will edit these in the front end itself with the help of the '''administrator'''.<br />
|- <br />
|| Log in to '''DSpace'''<br />
'''Mail address: dspace.u1@gmail.com'''<br />
'''Password: u1pass'''<br />
|| Click on the '''Sign on to '''button at the top right corner.<br />
From the drop-down, select '''My DSpace.'''<br />
'''Log''' into '''DSpace''' with your '''administrator’s email address '''and''' password'''.<br />
For this demonstration, I will log in with the '''administrator’s email id dspace.u1@gmail.com'''<br />
'''My DSpace''' page appears on the screen.<br />
|- <br />
|| Select''' Administer'''<br />
|| Click on the down arrow at the top right corner next to the '''admin’s mail id.'''<br />
Then select '''Administer'''.<br />
|- <br />
|| '''General Settings > Edit News'''<br />
|| We will be redirected to the '''admin''' interface.<br />
On the top '''navigation bar''', click on the '''General Settings''' menu.<br />
Then select '''Edit News '''from the drop-down.<br />
|- <br />
|| Select '''Top News'''<br />
|| Select '''Top News''' in the '''News Editor''' section to edit '''Top News.'''<br />
|- <br />
|| Click on '''Edit '''button<br />
|| Click on the '''Edit '''button.<br />
|- <br />
|| Point to''' News Editor'''<br />
|| '''News Editor''' page opens for the '''Top News''' with default '''DSpace Top News.'''<br />
You can use '''HTML''' '''tags''' in the '''News Editor.'''<br />
|- <br />
|| '''<p>Welcome to IITB digital repository!</p>'''<br />
|| I am updating the '''Top News''' as shown.<br />
|- <br />
|| Click on '''Save '''button<br />
|| Click on the '''Save''' button now.<br />
|- <br />
|| Select''' Sidebar News '''and click on''' Edit '''button<br />
Update the '''Sidebar News'''<br />
'''<p>Explore IITB digital repository and Enhance learning.</p>'''<br />
|| Likewise, I will edit the '''sidebar news '''as shown here.<br />
|- <br />
|| Save '''Sidebar News'''<br />
|| Click on the '''Save''' button.<br />
|- <br />
|| Click on''' Home Tab'''<br />
|| In the top '''navigation bar''', click on the '''Home '''menu'''.'''<br />
The''' Top News '''and''' Sidebar News '''section for the '''DSpace home page''' is now updated.<br />
|- <br />
|| Only narration<br />
|| LIkewise, we can customise our '''DSpace home page''' based on our requirements.<br />
|- <br />
|| Logout form '''DSpace'''<br />
|| Let us now '''logout''' from the '''DSpace''' interface.<br />
|- <br />
|| <br />
|| With this we have come to the end of this tutorial.<br />
Let us summarize.<br />
|-<br />
| | Slide: Summary<br />
<br />
| | In this tutorial, we learnt to :<br />
* Change '''DSpace logos'''<br />
* Modify '''DSpace banner''' and<br />
* Update news sections.<br />
|-<br />
| | Slide: Assignment<br />
| | As an assignment<br />
* Change '''Navbar logo '''and '''DSpace logo '''with your own '''logos'''<br />
* Modify the '''DSpace banner''' content as well<br />
|-<br />
| | Slide : About Spoken Tutorial project<br />
| | The video at the following link summarises the '''Spoken Tutorial project.'''<br />
Please download and watch it.<br />
|-<br />
| | Slide : Spoken Tutorial workshops<br />
| | The '''Spoken Tutorial Project''' team conducts workshops and gives certificates.<br />
For more details, please write to us.<br />
|- <br />
|| Slide: Answers for THIS Spoken Tutorial<br />
|| Please post your timed queries in this Forum.<br />
|-<br />
| | Slide: Acknowledgement -I<br />
| | '''Spoken Tutorial project''' is funded by the Ministry of Education (MoE), Government of India.<br />
|-<br />
| | Slide: Acknowledgement -II<br />
| | '''DSpace spoken tutorial''' series is funded by the National Virtual Library of India, Ministry of Culture, Government of India.<br />
|-<br />
| | Narration only<br />
| | This script and video for this tutorial was contributed by '''Pankaj Patil''' from''' IIT Bombay.'''<br />
And this is '''Nancy Varkey '''signing off. Thanks for joining.<br />
|-<br />
|}</div>Pankajpatil694