Version: 4.0.0

Tutorial - Configure your InterMine webapp!

This tutorial aims to cover the basics of configuring an InterMine webapp.

Overview#

In general, customisation of InterMine is accomplished by updating the appropriate configuration file and redeploying the webapp. A few features are updated via tagging as well. See Guide to Customising your Web Application for the full documentation on the webapp.

Note You should have completed the previous tutorial and have successfully deployed the webapp.

This tutorial is intended to give a general idea of what you can customise in InterMine and how to do it. We're going to go through each section of the webapp and give step by step instructions on how to configure different parts of the page. This is a detailed tutorial and should take you a few hours to complete - however it is not meant to be comprehensive. Where topics aren't covered, there are links provided for more information. If you have a question that you don't see answered, try searching the documentation or taking a look at the index. Intermine has an active developer's Mailing list as well.

Note You will need to have Tomcat running for this tutorial.

If your webapp is under heavy usage or development, Tomcat may run out of memory. See Tomcat for details on how to update your settings to adjust the amount of memory available to Tomcat.

General Layout#

Each web page in InterMine has the same header and footer. The header contains everything at the top of the page, including the navigation tabs and the keyword search. The footer contains the contact form and InterMine logo.

Header and footer of FlyMine website

Let's start configuring our mine by updating these common sections of our web application.

Header#

Logo#

First, let's update the logo of your site. The logo should be 45x43pixels and named logo.png, for example:

FlyMine's logo

  1. Copy your image into this directory:

    ./webapp/src/main/webapp/model/images/logo.png.

  2. Deploy your webapp with this command:

    $ ./gradlew cargoRedeployRemote
  3. Refresh your browser

Updated logo

You should see your new logo at the top left corner of your webapp. If you don't, try clearing your browser's cache.

clean#

If your changes are still not being reflected in your webapp, add the clean target:

$ ./gradlew clean; ./gradlew cargoRedeployRemote

This removes all temporary directories so you are certain your new files are being used.

See Gradle - Quick Start for a list of all available Gradle tasks.

Subtitle and Release version#

Next to the name of your mine in the header is the release version and subtitle for your mine:

Title, release version and subtitle

These values are set in a properties file. See Database and Web application for more details. This is the same properties file you updated in the previous tutorial. The subtitle and release versions are populated by the properties project.subTitle and project.releaseVersion, respectively. Update the values of these properties and redeploy your webapp using the commands given below. Once you have successfully released your webapp, you should see your new subtitle.

  1. Open the properties file in your favourite text editor.

    $ emacs ~/.intermine/biotestmine.properties
  2. Update the values of the subtitle and release version. Save your

    work.

    # text that appears in the header and elsewhere
    project.title=BioTestMine
    project.subTitle=An example of InterMine.bio with data from <i>Plasmodium falciparum</i>
    project.releaseVersion=tutorialx
  3. Redeploy your webapp

    $ ./gradlew cargoRedeployRemote
  4. Navigate to your mine's home page and see the updated values:

    http://localhost:8080/biotestmine

    Updated release version and subtitle

That's it! Well done! The majority of mine configuration will be accomplished this way - update a property in a text file and redeploy the webapp.

See Database and Web application for the full list of properties this properties file controls.

How do I know which property to change?#

Now you know how to change properties and configure your mine. How then do you know which property to change? There are a few resources available to you:

Guide to Customising your Web Application

A detailed listing of everything you can configure in the InterMine webapp. It's grouped by InterMine webpage, e.g. Home Page, so you should be able to find what you need easily.

Google

The search for this site is quite good, although you can still use Google, e.g. here's a Google search for help with logos.

Table of Contents / Index

On the upper right hand corner of every page are links to the Index and the table of contents. Both are fairly comprehensive.

Ask us!

A quick email to the dev Mailing list usually proves to be quite helpful too.

{% tabs %} {% tab title="Show all properties" %} You can also see and edit the values of every property set for your mine. To do this:

  1. Log in as the superuser for your mine. (See Website Admin for details on how to do this.)
  2. Change the last part of the URL in your browser to be showProperties.do, e.g. http://localhost:8080/biotestmine/showProperties.do

This lists all properties that are used in your webapp. You can update the values for each property and instantly see how the webapp is changed, without worrying about breaking anything. (The changes only last for that session. To permanently change a value, you'll need to update the appropriate config file.) {% endtab %} {% endtabs %}

Keyword Search#

InterMine's keyword search uses a Lucene-based index created at build-time. Every field in the database is indexed, unless you configure a table or column to be skipped. You can also configure facets / categories to help your users mine the search results. See Keyword Search for details on how to configure the keyword search.

{% tabs %} {% tab title="The first search" %} When the first search is executed after a webapp is released, the search index is:

  1. Retrieved from the database
  2. Written to temp files
  3. Loaded into memory for use by the webapp

This can take up to a minute. Our release scripts include a command to run this search so that the index is preloaded. {% endtab %} {% endtabs %}

The search box contains example identifiers to help your users know which types of search terms to use. To update the default value, set the quicksearch.example.identifiers property in the web.properties file. Redeploy your webapp to see your changes.

Note The Lucene index can become quite large, depending on the size of the database. FlyMine's index is ~2G, so make certain you have plenty of room.

Footer#

The footer is positioned at the bottom of every page in the InterMine webapp. It contains the contact link and the funding message.

Funding message in footer

To update the funding message, change the funding property in Text and messages. Redeploy your webapp to see your changes.

# Model specific internationalisation properties
# this file merges with InterMineWebApp.properties
funding = InterMine is funded by the <a href="http://www.wellcome.ac.uk/" target="_new" title="Wellcome Trust"><img src="images/wellcome-ico.png" border="0" /></a> and interoperation is funded by <a href="http://www.nih.gov/" target="_new" title="US National Institutes of Health"><img src="images/logo_nih.gif" height="30px" width="257px" border="0" /></a>

Here is the bit of code in footer.jsp that renders that message: https://github.com/intermine/intermine/blob/dev/intermine/webapp/main/resources/webapp/footer.jsp#L31

The model.properties file is the third configuration file you've edited today. There are four main files that control most of the behaviour in your InterMine webapp.

{% tabs %} {% tab title="InterMine properties files" %} ~/.intermine/biotestmine.properties****

database and webapp names and locations, includes passwords and shouldn't be in source control.

web.properties ****

webapp behaviour, e.g. link outs, tabs on home page

model.properties****

text displayed on webapp, e.g. error messages

webconfig-model.xml****

webapp functionality, e.g. custom export types, widgets, data display {% endtab %} {% endtabs %}

See General Layout for more details on how to update the header, footer and colour scheme of your InterMine webapp. Next we'll customise your home page.

Home page#

Almost everything on the home page is customisable. You can edit the text and set which RSS news feed to use. If you want something very different, you can create and use your own home page.

Boxes#

You can customise the text in the three boxes that appear at the top of the home page. Let's edit the example given in the middle box marked Analyse.

Three boxes at the top of the home page

Notice the text box already has an example, e.g. X, Y, Z. This is the default example and it's set by begin.listBox.example in an InterMine properties file, global.web.properties.

Add begin.listBox.example to your mine's Features file and redeploy your webapp to see your changes.

See Home page for more details on how to update your home page.