Web page preloader

This website uses cookies to improve your browsing experience and help us with our marketing and analytics efforts. By continuing to use this website, you are giving your consent for us to set cookies.

Find out more Accept
Case study

Genesys

A global informational hub of the world’s crop diversity exploration

Managed by the Global Crop DiversityTrust

scroll down to discover
Project mockup

Foreword

Research data is usually boring, unattractive, and not user-friendly. But it doesn’t have to be.

Do you want to know how we helped create a user-friendly online platform where genebanks share information about сrops and trees diversity conserved worldwide? Read below.

  • Project team

    2 Backend developers, 1 Frontend developer, 1 QA, 1 Project Manager

  • In progress since

    February 2018

Story

Aimprosoft has been working on an online platform called Genesys for the Global Crop Diversity Trust since 2013. The Crop Trust is an international organization dedicated to conserving and making available crop diversity.

Genesys is an online platform where you can find information about Plant Genetic Resources for Food and Agriculture (PGRFA) conserved in genebanks worldwide. It is a smart, centralized and exhaustive single entry-point through which users can access accession-level data from genebanks for a variety of purposes.

Сrop diversity is essential for life on Earth. It underpins nearly everything we eat and drink. But it’s rapidly disappearing

Global Crop DiversityTrust

2010

Genesys is originally implemented as a PHP website

2013

The Crop Trust contracted Aimprosoft to implement

2015

Java version of Genesys goes live

2019

React website replaces JavaServer Pages

Objectives

Objectives

Building a global database is a painstaking process that takes many years. During the upgrade process, we were careful to keep the data safe and the website fully functional.

We have been working alongside the Crop Trust team to reach the goals of the platform:

  • Enable genebanks to share information about their crop collections
  • Allow plant breeders to identify material in genebanks for developing new varieties resistant to pests, diseases and changing climatic conditions.
  • Easy access to genebank data lies at the heart of the platform. Our goal was to make Genesys fit for simple data entry and exploration across the expanding database.
  • Data providers and users from across the world access the platform. It must be fast and secure.
  • The ecosystem of frameworks and libraries continues to evolve. Genesys must keep up to date to stay relevant.

The team at Aimprosoft is instrumental at keeping Genesys attractive to our users and data providers. Together we have built an open, fast and secure platform that provides researchers and breeders with the data about plant material in genebanks worldwide.

Matija Obreza

Product Owner

UI / UX Design

UI / UX Design

UI/UX development was based on user stories, and user flows thoroughly built on the client’s side.

Target audience

Genesys connects two distinct groups of stakeholders (1) data providers to the platform: national, regional and international genebanks and (2) breeders, researchers, and policymakers who use Genesys to inform their own work.

It was imperative for us to allow easy access to the database and to keep the data exchange running.

User needs

  • genebanks are able to easily update the database
  • users are able to explore and request samples from genebanks
  • сatchy, mobile-friendly UI

Development

featured images Genesys

Development

Backend

With over 4M entries in the database and increasing in number, it is highly important for users to reach the required info piece as quickly as possible. We needed a fast website.

React and Angular were considered for implementation of the new website where server-side rendering was a key requirement. On one hand, Angular reduces the amount of JavaScript code required for progressive web applications, but React is more convenient to use with existing Javascript libraries.

The successful implementation of Genesys catalog project convinced us to move forward with React.

featured images Genesys

Frontend

Genesys was implemented using Spring MVC and JSP and in 2018 it was ready for an upgrade. In the implementation of the Genesys Catalog project we explored new technologies: React for the frontend and REST APIs at the backend. Since the frontend and backend were strongly coupled in the original project, the task was to migrate to React. Existing entry points had to be migrated from MVC to REST and include the functionality of the Catalog project.

Stack

  • — Frontend
  • — Backend
  • React
  • Webpack 4
  • i18n
  • Redux
  • SCSS
  • d3.js
  • Material UI
  • Eclipse Jetty
  • MariaDB
  • mySQL
  • Hibernate
  • Elasticsearch
  • Hazelcast
  • Asciidoctor
  • Amazon S3
  • Liquibase
  • QueryDSL
  • Spring
  • OAuth 2

Features

Features

featured images Genesys

Full-text search

Finding information about a particular record in a large database can be exhausting for users. We wanted to design the platform so that a user can find an accession in a simpler way. Elasticsearch turned out to be a great solution that allows for full-text search and filtering for specific values.

featured images Genesys

Visualization with interactive maps

Taking into account that the human brain perceives visual content easier than long tables of dry data, we needed a modern Javascript solution for interactive maps that can integrate with Genesys APIs.

Using the open-source Leaflet library we implemented a map-based search for users to explore the provenance of crops.

The map shows locations of where the samples of crops were originally collected. Users can select a place on the map with an Area selection button and see locations mapped with green spots. After filtering accessions, a map with selected accession indexes associated with a particular area will appear before them accordingly to the required area or across the globe. A user is referred to the accession details page by clicking on the index.

Users can set a specified location of provenance knowing accession geodata as latitude and longitude and can select an area to find out which cultivars were originated there. Each accession contains information about its origin, soil, climate, in which climatic environment it was originally grown, etc.

Thus, from an ordinary map, it turned to a visual display channel for users, helping get the information more easily.

featured images Genesys

Filter by climate

Where plants thrive is heavily influenced by the climatic conditions: precipitation, temperature, wind, etc. This is an important factor for breeders when selecting material.

Many cultivars grow in several locations worldwide in a similar climate to that of the place of origin. That’s why we implemented a function where users can search for accessions based on the climatic parameters of their origin.

Users can configure the map, setting the preferred temperature and precipitation values with a slider. We added twelve essential climate layers with current and future climate conditions based on global climate data from WorldClim.org. Users can configure the map layer transparency, putting one layer over another to see their correlation. For example, if users put on the temperature layer and a slightly transparent precipitations layer above it, they can visualize selected climate conditions.

featured images Genesys

Map configuration

By clicking on the Accession list button at the bottom, users are redirected to the list of accessions sourced from the locations of the selected climate conditions. You can see all the details neatly structured in one place by clicking on the accession.

Now you can look into the complete information and choose a sample for request. Users can sort cultivars by climate conditions and see climate visually at the origin with precipitation on colorful diagrams.

featured images Genesys

Saved filters and maps

Everybody knows it’s tedious having to check off filter settings again and again. We tried to provide users with a shortcut to finding what they are looking for.

The ability to save filtered content in the browser reduces the search time of users. That’s why we made it possible to save accession filter settings in order not to set up again when the browser is reopened. The same feature is available for climate maps.

featured images Genesys

My list

Researchers and breeders can request samples of cultivars from select genebank. Users can add entries to their list by selecting the holding institute and the list of accession numbers of interest. They can request multiple accessions from different genebanks at the same time.

Another way to select accessions for the request is finding them on the map. The map-first way of search allows starting with geo conditions, which is a decisive factor for many breeders.

featured images Genesys

Image handling

Unoptimized image quality and size result in high bandwidth usage while browsing the website. We introduced gradual image resampling from high to low resolutions for thumbnails served by the website.

The visibility sensor helps determine when a user is ready to see more images of samples and calls algorithms to action. This prevents fetching images that are not visible on screen. We made it work smoothly without long loading times for users.

featured images Genesys

Genesys API

Curating data about crops in a genebank is a labor-intensive and noble cause at the same time.

How do we engage institutes in data sharing? By providing them with solutions that simplify the process.

The Genesys platform offers APIs and allows using a Java-based Anno upload tool for quick data contribution. We made the Anno app downloadable to convert users’ Excel, CSV files and database SQL queries to Multi-Crop Passport Descriptor format (MCPD). After that, saved data goes to the Genesys platform for publication.

Results

Results

  • As the result of cooperation with the Crop Trust, Aimprosoft significantly contributed to a platform of global importance.
  • Due to the tireless efforts of Crop Trust’s team and Aimprosoft’s technical implementers, users are now able to explore data of over 4M plant samples.
  • The project experiences a permanent improvement. We are going to move forward.

Let’s talk

Millions of records structured in a complicated manner, but you want to search fast. Is that about you?

    Up to 2Mb .pdf, .doc, .docx or .txt file

    Great! Thank you

    The form was submitted successfully. We will contact you shortly. Meanwhile, we suggest checking out what our clients say about software development with Aimprosoft.

    Proceed to Clutch