Difference between revisions of "Main Page/VisualizationiAnnEvents"

From Protein Prediction 2 Winter Semester 2014
(Fancy libraries you plan to use)
Line 24: Line 24:
 
* Able to view information of each events, here we plan to implement this module using the technique Orthographic to Equirectangular.
 
* Able to view information of each events, here we plan to implement this module using the technique Orthographic to Equirectangular.
 
* Along with the event information corresponding url will also be embedded.
 
* Along with the event information corresponding url will also be embedded.
[[File:Orthographic_to_Equirectangular.gif‎|thumb|upright=2|alt=Illustration of the Orthographic_to_Equirectangular.|Illustration of the Orthographic_to_Equirectangular.]]
+
[[File:Orthographic_to_Equirectangular.gif‎|thumb|300|upright=2|alt=Illustration of the Orthographic_to_Equirectangular.|Illustration of the Orthographic_to_Equirectangular.]]
   
 
====Features====
 
====Features====

Revision as of 11:54, 20 November 2014

iAnn is an open source community-driven platform for dissemination of life science announcements, such as courses, conferences and workshops.Announcements are curated into a centralised registry through an editor. The information from the registry is exposed to the users through web services. And on top of the web services a javascript application is build to visualize the content using different views (list, maps and calendar).

IAnn workflow.png

1. GUI mockups

User experience

  • Currently the user interface looks like this

Ui1.PNG

Ui2.PNG

How we are going to improve it ?

By incorporating the following visualizations

  • 3D Globe for Maps
  • Word Cloud for filtering.
  • Bilevel/Zoomable Partition Layout for Events.

3D Globe for maps

Functionality
  • Can able to Rotate the map.
  • Able to view information of each events, here we plan to implement this module using the technique Orthographic to Equirectangular.
  • Along with the event information corresponding url will also be embedded.
Illustration of the Orthographic_to_Equirectangular.
Illustration of the Orthographic_to_Equirectangular.

Features

  • User can filter the events based on country and date.
  • Interconnected lines between the countries which are likely to have events happening on same date.

BiLevel/Zoomable Partition Layout for Events

Functionality
  • Navigation through events, with an emphasis on usability.
Features
  • Each inner circle is representing root category, i.e. country, which expands on click and displays details, i.e. events in a selected country.

Word Cloud for Keywords

Functionality
  • Visualization of the most used keywords in iAnn search.
Features
  • Based on popularity, the size of each word varies.

2. Application design

Expected technical difficulties

  • Implementing Orthographic to Equirectangular on each marker points(countries).
  • Interconnecting lines between the countries when the events from different countries likely to happen on same date, because we need latitude and longitude points to map.

Fancy libraries you plan to use

  • D3.js
  • Angular.js
  • Three.js

3. Data Format

Remarks

  • Input is likely to be in json format with events,location and date, etc.
  • With the above information it’s difficult to map the exact location in map, we need the latitude and longitude points to overcome it.

4. Roadmap

  • Finalize our proposed ideas.
  • Refactor the existing code of widget to make sure that object oriented approach is followed, so that it’s easy to combine with javascript events.
  • Developing all the required and accepted visualization components.
  • Finally Integrating into widget and upload to BioJs