search

intermine / bluegenes

A friendly next-generation interface for Genomic data discovery powered by InterMine
http://bluegenes.apps.intermine.org
Other
76 stars 56 forks source link

Report page performance is still pretty dire #277

Closed yochannah closed 4 years ago

yochannah commented 6 years ago

Loading tens of im-tables automatically just probably is never going to be good. I'd suggest a re-think and possibly a tabbed interface.

yochannah commented 6 years ago

A sub component of this is splitting things up into sub-headings (copy what's currently in intermine jsp pages for the chunking, please!) and allowing this to be configured somehow. tool api tools could have default locations or be similarly configured.

sehgalvibhor commented 5 years ago

Just my two cents, one way could be to make these im-tables to load/expand only when you click on the header of the. Basically, 'Click to Expand' this might save the loading time, improve the performance and reduce massive window size.

yochannah commented 5 years ago

This is actually one possibility! The JSP-based intermine UI works this way, and it's something we might implement if there's no other way.

I also feel like just dumping everything on to one page isn't the best answer, and we might be able to make the page layout smarter. I'm not sure if that's what our users want, though, so we'll need to have a bit of a think.

heralden commented 5 years ago

im-tables-3 seems pretty well thought out in regards to performance. When it's included in bluegenes, it's used as if it was part of the re-frame app, not as a separate webapp. It also initially renders itself as dumb html, until it's moused over and it re-renders as an interactive react/re-frame component. So I think our only choice is to reduce the amount of elements we show on a page.

I gave a different page layout some thinking and tried my hand at sketching a design. I went for the typical dashboard layout you see nowadays, with a sidebar that allows you to display/hide whole categories or specific aspects into the viewer to the right. Each block in the viewer corresponders to one subheader in the JSP-based InterMine UI, and they will build downwards like in a masonry layout. (Some blocks will probably need to span the entire length, for aspects that demand a lot of width.)

bgd-desktop

I sketched mobile versions of the design. The viewer will be responsive, so on a mobile screen you'll probably only fit a single block horizontally. The aspect selector would be collapsible from the top and toggled by tapping the report title (Gene: ARSD in this case). The menu panel would also be collapsible and toggled by tapping the hamburger icon.

bgd-mobile

bgd-mobile-aspect-selector

bgd-mobile-menu-panel

yochannah commented 4 years ago

hardcode this layout initially, but later this will be configurable and able to put on the webservice.

heralden commented 4 years ago

Closing this issue for it to be continued in #393.