I want to let the community know about our large GWT site that's now in production. It's a pretty substantial site, providing GUI tools for environmental meta-genomic DNA analysis in front of a 500-node computing grid. We've done some pretty cool things with GWT and some of the 3rd party tools, including integration with Google Maps, remote- paginating tables, lots of rounded features, Scriptaculous effects, and a Wizard framework for multiple pages within an entry point.
The main site is http://camera.calit2.net (this is NOT GWT). The GWT portion that we created is behind the Research tab. To really see the dynamic GWT usage, you'll want to run a BLAST job and view the results (see instructions below), which will require creating an an account (you have to agree to the Convention on Biological Diversity, which won't apply to you unless you try to commercialize any genomic discoveries you make :-). Please start your account name with "gwt-" so we can delete it later.
Michael Press Sr. Software Engineer J. Craig Venter Institute
--------------------------------------------------------------------------- ------ How to play with GWT on the CAMERA research site:
To get the full GWT experience, run a job using the BLAST wizard and view the results: * Run a BLAST job: * Select Jobs -> BLAST Wizard from the main menu * Paste in the eColi genome sequence (see below), including the first "< TEST..." line, as your Query sequence * Select "GOS: All metagenomic sequence reads" as your Reference Dataset * Enter a job name and submit. Go to Job Results to get status updates (it will take about 20 secs [asynchronously]) * View BLAST results: * Select Jobs -> Job Results from the main menu if not already there. * Click "completed" for a job to view the hits and geography. * Click a map marker for more info * Click a "JCVI_READ" link to view additional metadata and map/GWT panel integration (for multi-site reads) * View Publications: * Select Data -> Browse Publications from the main menu.
> I want to let the community know about our large GWT site that's now > in production. It's a pretty substantial site, providing GUI tools > for environmental meta-genomic DNA analysis in front of a 500-node > computing grid. We've done some pretty cool things with GWT and some > of the 3rd party tools, including integration with Google Maps, remote- > paginating tables, lots of rounded features, Scriptaculous effects, > and a Wizard framework for multiple pages within an entry point.
> The main site is http://camera.calit2.net (this is NOT GWT). The GWT > portion that we created is behind the Research tab. To really see the > dynamic GWT usage, you'll want to run a BLAST job and view the results > (see instructions below), which will require creating an an account > (you have to agree to the Convention on Biological Diversity, which > won't apply to you unless you try to commercialize any genomic > discoveries you make :-). Please start your account name with "gwt-" > so we can delete it later.
> Michael Press > Sr. Software Engineer > J. Craig Venter Institute
> --------------------------------------------------------------------------- ------ > How to play with GWT on the CAMERA research site:
> To get the full GWT experience, run a job using the BLAST wizard and > view the results: > * Run a BLAST job: > * Select Jobs -> BLAST Wizard from the main menu > * Paste in the eColi genome sequence (see below), including the > first "< TEST..." line, as your Query sequence > * Select "GOS: All metagenomic sequence reads" as your Reference > Dataset > * Enter a job name and submit. Go to Job Results to get status > updates (it will take about 20 secs [asynchronously]) > * View BLAST results: > * Select Jobs -> Job Results from the main menu if not already > there. > * Click "completed" for a job to view the hits and geography. > * Click a map marker for more info > * Click a "JCVI_READ" link to view additional metadata and map/GWT > panel integration (for multi-site reads) > * View Publications: > * Select Data -> Browse Publications from the main menu.
Very cool site! I am also working on a large GWT application. I definitely like the way that you are displaying the tables. Good job! I have some more ideas on what I would like to change in my application tomorrow at work.
> The main site is http://camera.calit2.net (this is NOT GWT). The GWT > portion that we created is behind the Research tab. To really see the > dynamic GWT usage, you'll want to run a BLAST job and view the results > (see instructions below), which will require creating an an account > (you have to agree to the Convention on Biological Diversity, which > won't apply to you unless you try to commercialize any genomic > discoveries you make :-). Please start your account name with "gwt-" > so we can delete it later.
> > The mainsiteishttp://camera.calit2.net(this is NOTGWT). TheGWT > > portion that we created is behind the Research tab. To really see the > > dynamicGWTusage, you'll want to run a BLAST job and view the results > > (see instructions below), which will require creating an an account > > (you have to agree to the Convention on Biological Diversity, which > > won't apply to you unless you try to commercialize any genomic > > discoveries you make :-). Please start your account name with "gwt-" > > so we can delete it later.
> I want to let the community know about our large GWT site that's now > in production. It's a pretty substantial site, providing GUI tools > for environmental meta-genomic DNA analysis in front of a 500-node > computing grid. We've done some pretty cool things with GWT and some > of the 3rd party tools, including integration with Google Maps, remote- > paginating tables, lots of rounded features, Scriptaculous effects, > and a Wizard framework for multiple pages within an entry point.
> The main site ishttp://camera.calit2.net(this is NOT GWT). The GWT > portion that we created is behind the Research tab. To really see the > dynamic GWT usage, you'll want to run a BLAST job and view the results > (see instructions below), which will require creating an an account > (you have to agree to the Convention on Biological Diversity, which > won't apply to you unless you try to commercialize any genomic > discoveries you make :-). Please start your account name with "gwt-" > so we can delete it later.
> Michael Press > Sr. Software Engineer > J. Craig Venter Institute
> --------------------------------------------------------------------------- ------ > How to play with GWT on the CAMERA research site:
> To get the full GWT experience, run a job using the BLAST wizard and > view the results: > * Run a BLAST job: > * Select Jobs -> BLAST Wizard from the main menu > * Paste in the eColi genome sequence (see below), including the > first "< TEST..." line, as your Query sequence > * Select "GOS: All metagenomic sequence reads" as your Reference > Dataset > * Enter a job name and submit. Go to Job Results to get status > updates (it will take about 20 secs [asynchronously]) > * View BLAST results: > * Select Jobs -> Job Results from the main menu if not already > there. > * Click "completed" for a job to view the hits and geography. > * Click a map marker for more info > * Click a "JCVI_READ" link to view additional metadata and map/GWT > panel integration (for multi-site reads) > * View Publications: > * Select Data -> Browse Publications from the main menu.
I based the rounded panels on the RoundedPanel class (http:// gwt.bouwkamp.com/), which I updated with my own rounding profiles and the ability to set a border color on the rounded caps.
The rounded tabs were more complicated. Basically I had to: * Copy GWT's TabPanel and TabBar and change some private stuff to protected * Create RoundedTabPanel which extends the new TabPanel, creates a RoundedTabBar instead of the regular TabBar, and overrides insert(Widget, String, boolean, int) to wrap the widget in a rounded panel. * Create RoundedTabBar which extends the new TabBar. It overrides inserTab(String, boolean, int) to wrap the tab text label in a top- rounded panel, and overrides setSelectionStyle(item, selected) to set styles on selection (because the rounded part of the panel has to have its style updated as well as the inner panel).
Michael
On Mar 22, 4:10 am, "Dominik Steiner" <Dominik.Stei...@partner.bmw-
I started with the SortableTable widget ( http://psthapar.googlepages.com/simplesortabletable ), which has an elegant solution for client-side sorting. I updated it to set all of our table styles and support other features like row highlighting, placing Widgets in cells, hiding columns, and executing the sort asynchronously so "loading..." labels show up.
But we quickly learned that GWT's FlexTable gets exponentially slower as you add data (I've got a table with 30 columns and 50 rows, and it takes 10+ secs to render), so we created a wrapper around the table that supports pagination (very similar design to the new GWT Widget library's recent pagination support).
Then when we started dealing with very large datasets (thousands of rows), I created a version of the paginator that supports dynamically retrieving pages from the database and server-side sorting. That's the one in the screenshots.
Michael
On Mar 22, 6:10 am, "lud0h" <nhari...@gmail.com> wrote:
> What widget is used to display the table list with sortable columns? > Is it a widget created by yourself or an opensource widget?
> Thx, > _H
> On Mar 21, 9:42 pm, "map" <michaelpr...@gmail.com> wrote:
> > I want to let the community know about our large GWT site that's now > > in production. It's a pretty substantial site, providing GUI tools > > for environmental meta-genomic DNA analysis in front of a 500-node > > computing grid. We've done some pretty cool things with GWT and some > > of the 3rd party tools, including integration with Google Maps, remote- > > paginating tables, lots of rounded features, Scriptaculous effects, > > and a Wizard framework for multiple pages within an entry point.
> > The main site ishttp://camera.calit2.net(thisis NOT GWT). The GWT > > portion that we created is behind the Research tab. To really see the > > dynamic GWT usage, you'll want to run a BLAST job and view the results > > (see instructions below), which will require creating an an account > > (you have to agree to the Convention on Biological Diversity, which > > won't apply to you unless you try to commercialize any genomic > > discoveries you make :-). Please start your account name with "gwt-" > > so we can delete it later.
> > Michael Press > > Sr. Software Engineer > > J. Craig Venter Institute
> > --------------------------------------------------------------------------- ------ > > How to play with GWT on the CAMERA research site:
> > To get the full GWT experience, run a job using the BLAST wizard and > > view the results: > > * Run a BLAST job: > > * Select Jobs -> BLAST Wizard from the main menu > > * Paste in the eColi genome sequence (see below), including the > > first "< TEST..." line, as your Query sequence > > * Select "GOS: All metagenomic sequence reads" as your Reference > > Dataset > > * Enter a job name and submit. Go to Job Results to get status > > updates (it will take about 20 secs [asynchronously]) > > * View BLAST results: > > * Select Jobs -> Job Results from the main menu if not already > > there. > > * Click "completed" for a job to view the hits and geography. > > * Click a map marker for more info > > * Click a "JCVI_READ" link to view additional metadata and map/GWT > > panel integration (for multi-site reads) > > * View Publications: > > * Select Data -> Browse Publications from the main menu.
> I want to let the community know about our large GWT site that's now > in production. It's a pretty substantial site, providing GUI tools > for environmental meta-genomic DNA analysis in front of a 500-node > computing grid. We've done some pretty cool things with GWT and some > of the 3rd party tools, including integration with Google Maps, remote- > paginating tables, lots of rounded features, Scriptaculous effects, > and a Wizard framework for multiple pages within an entry point.
> The main site ishttp://camera.calit2.net(this is NOT GWT). The GWT > portion that we created is behind the Research tab. To really see the > dynamic GWT usage, you'll want to run a BLAST job and view the results > (see instructions below), which will require creating an an account > (you have to agree to the Convention on Biological Diversity, which > won't apply to you unless you try to commercialize any genomic > discoveries you make :-). Please start your account name with "gwt-" > so we can delete it later.
> Michael Press > Sr. Software Engineer > J. Craig Venter Institute
> --------------------------------------------------------------------------- ------ > How to play with GWT on the CAMERA research site:
> To get the full GWT experience, run a job using the BLAST wizard and > view the results: > * Run a BLAST job: > * Select Jobs -> BLAST Wizard from the main menu > * Paste in the eColi genome sequence (see below), including the > first "< TEST..." line, as your Query sequence > * Select "GOS: All metagenomic sequence reads" as your Reference > Dataset > * Enter a job name and submit. Go to Job Results to get status > updates (it will take about 20 secs [asynchronously]) > * View BLAST results: > * Select Jobs -> Job Results from the main menu if not already > there. > * Click "completed" for a job to view the hits and geography. > * Click a map marker for more info > * Click a "JCVI_READ" link to view additional metadata and map/GWT > panel integration (for multi-site reads) > * View Publications: > * Select Data -> Browse Publications from the main menu.
Yeah, if only I had any idea what the heck I just did ;) Matching ecoli sequence read 30 miles from Cocos island? Far out. All it needs now is a techno beat in the backround and you'll be able to call up the people at CSI-GeneWarfare and get this on the show.
On Mar 23, 5:48 pm, "sbowman" <sloan.bow...@gmail.com> wrote:
> That is some fantastic work you have done there. Congrats!!! Now we > are all jealous!!
> On Mar 21, 3:42 pm, "map" <michaelpr...@gmail.com> wrote:
> > I want to let the community know about our large GWT site that's now > > in production. It's a pretty substantial site, providing GUI tools > > for environmental meta-genomic DNA analysis in front of a 500-node > > computing grid. We've done some pretty cool things with GWT and some > > of the 3rd party tools, including integration with Google Maps, remote- > > paginating tables, lots of rounded features, Scriptaculous effects, > > and a Wizard framework for multiple pages within an entry point.
> > The main site ishttp://camera.calit2.net(thisis NOT GWT). The GWT > > portion that we created is behind the Research tab. To really see the > > dynamic GWT usage, you'll want to run a BLAST job and view the results > > (see instructions below), which will require creating an an account > > (you have to agree to the Convention on Biological Diversity, which > > won't apply to you unless you try to commercialize any genomic > > discoveries you make :-). Please start your account name with "gwt-" > > so we can delete it later.
> > Michael Press > > Sr. Software Engineer > > J. Craig Venter Institute
> > --------------------------------------------------------------------------- ------ > > How to play with GWT on the CAMERA research site:
> > To get the full GWT experience, run a job using the BLAST wizard and > > view the results: > > * Run a BLAST job: > > * Select Jobs -> BLAST Wizard from the main menu > > * Paste in the eColi genome sequence (see below), including the > > first "< TEST..." line, as your Query sequence > > * Select "GOS: All metagenomic sequence reads" as your Reference > > Dataset > > * Enter a job name and submit. Go to Job Results to get status > > updates (it will take about 20 secs [asynchronously]) > > * View BLAST results: > > * Select Jobs -> Job Results from the main menu if not already > > there. > > * Click "completed" for a job to view the hits and geography. > > * Click a map marker for more info > > * Click a "JCVI_READ" link to view additional metadata and map/GWT > > panel integration (for multi-site reads) > > * View Publications: > > * Select Data -> Browse Publications from the main menu.
Isn't it interesting that everyone focuses on the rounded corners for the panel and tabs. GWT is great but the applications require a significant amount of work to look professional. We really need more professional looking widgets in the base system so each user does not have to spend an inordinate amount of time fussing with the looks of the application and can spend more time on the business functionality.
Good point, Mike. I recently finished implementing OmniSpense.com completely in GWT, and I spent a heck of a lot of time on aesthetics. And I'm still not happy with it! I'm not really sure what Google can really do about this. I suppose they could natively support rounded corners. That'd be awesome. But what else?
~ Jonathan
On Mar 26, 7:48 pm, "mjc" <m...@eastlandeng.com> wrote:
> Isn't it interesting that everyone focuses on the rounded corners for > the panel and tabs. GWT is great but the applications require a > significant amount of work to look professional. We really need more > professional looking widgets in the base system so each user does not > have to spend an inordinate amount of time fussing with the looks of > the application and can spend more time on the business functionality.
FWIW, we hear you. I think everyone on the GWT team is in favor of making things look a *lot* nicer out of the box. We started by getting the fundamentals solid and fast -- soon it will be time to add some bling.
> Good point, Mike. I recently finished implementing OmniSpense.com > completely in GWT, and I spent a heck of a lot of time on aesthetics. > And I'm still not happy with it! I'm not really sure what Google can > really do about this. I suppose they could natively support rounded > corners. That'd be awesome. But what else?
> ~ Jonathan
> On Mar 26, 7:48 pm, "mjc" <m...@eastlandeng.com> wrote: > > Isn't it interesting that everyone focuses on the rounded corners for > > the panel and tabs. GWT is great but the applications require a > > significant amount of work to look professional. We really need more > > professional looking widgets in the base system so each user does not > > have to spend an inordinate amount of time fussing with the looks of > > the application and can spend more time on the business functionality.
Bruce - leaning on CSS more, and less tables may help, along with some template CSS files/skins? Not many poeple know how much you can do with CSS that is amazing - I was only really shown by a CSS wizard the other day, and it opened by eyes. It also makes for cleaner code, cause you can avoid a LOT of layout in GWT code.
For rounded corners - they are all a nasty hack ;) Firefox has a nice CSS way of doing it, but its not standard :(
But it is possible to make things pretty, just lean on CSS ! And find a good designer ! (And I don't mean graphic designer, they are a waste of time, a real User Interface designer !).
On 3/29/07, Bruce Johnson <br...@google.com> wrote:
> FWIW, we hear you. I think everyone on the GWT team is in favor of making > things look a *lot* nicer out of the box. We started by getting the > fundamentals solid and fast -- soon it will be time to add some bling.
> -- Bruce
> On 3/27/07, JonathanIsTheBestNameE...@gmail.com <JonathanIsTheBestNameE...@gmail.com> > wrote:
> > Good point, Mike. I recently finished implementing OmniSpense.com > > completely in GWT, and I spent a heck of a lot of time on aesthetics. > > And I'm still not happy with it! I'm not really sure what Google can > > really do about this. I suppose they could natively support rounded > > corners. That'd be awesome. But what else?
> > ~ Jonathan
> > On Mar 26, 7:48 pm, "mjc" <m...@eastlandeng.com> wrote: > > > Isn't it interesting that everyone focuses on the rounded corners for > > > the panel and tabs. GWT is great but the applications require a > > > significant amount of work to look professional. We really need more > > > professional looking widgets in the base system so each user does not > > > have to spend an inordinate amount of time fussing with the looks of > > > the application and can spend more time on the business functionality.
Rounded corner can be easily done only with CSS and GWT any color any shape. look at this file.
Soon i will publish the RoundedPanel gwt widget to the community that i' had done for professional projects...
Erf: wanted to post the file on the forum but it seems that the feature is deactivated. Shame!!! I will publish it on the gwm site if i don't forget ...
> Bruce - leaning on CSS more, and less tables may help, along with some > template CSS files/skins? Not many poeple know how much you can do with CSS > that is amazing - I was only really shown by a CSS wizard the other day, and > it opened by eyes. It also makes for cleaner code, cause you can avoid a LOT > of layout in GWT code.
> For rounded corners - they are all a nasty hack ;) Firefox has a nice CSS > way of doing it, but its not standard :(
> But it is possible to make things pretty, just lean on CSS ! And find a good > designer ! (And I don't mean graphic designer, they are a waste of time, a > real User Interface designer !).
> On 3/29/07, Bruce Johnson <b...@google.com> wrote:
> > FWIW, we hear you. I think everyone on the GWT team is in favor of making > > things look a *lot* nicer out of the box. We started by getting the > > fundamentals solid and fast -- soon it will be time to add some bling.
> > -- Bruce
> > On 3/27/07, JonathanIsTheBestNameE...@gmail.com <JonathanIsTheBestNameE...@gmail.com> > > wrote:
> > > Good point, Mike. I recently finished implementing OmniSpense.com > > > completely in GWT, and I spent a heck of a lot of time on aesthetics. > > > And I'm still not happy with it! I'm not really sure what Google can > > > really do about this. I suppose they could natively support rounded > > > corners. That'd be awesome. But what else?
> > > ~ Jonathan
> > > On Mar 26, 7:48 pm, "mjc" <m...@eastlandeng.com> wrote: > > > > Isn't it interesting that everyone focuses on the rounded corners for > > > > the panel and tabs. GWT is great but the applications require a > > > > significant amount of work to look professional. We really need more > > > > professional looking widgets in the base system so each user does not > > > > have to spend an inordinate amount of time fussing with the looks of > > > > the application and can spend more time on the business functionality.
Looks good. One question though the rounded edges to the panels and tabs, how are you doing this? We are using an older version of gwt and achieve this using image slices. Are you doing this any differently?
See my other posts in this thread on the implementation of the rounded panels and rounded tabs.
I chose not to use image slices - I wanted the styles and colors to be entirely CSS-driven. Rounding on a rectangular panel is done by stacking as many as 5 1-pixel high lines of varying width above and below the panel, and setting the line colors and borders via CSS.
Michael
On Mar 29, 8:45 am, "vivmenon" <vivme...@gmail.com> wrote:
> Looks good. One question though the rounded edges to the panels and > tabs, how are you doing this? We are using an older version of gwt and > achieve this using image slices. Are you doing this any differently?
Would you mind saying a bit more on how you designed the FlexTable replacement widget? I am spending way too much time trying to make FlexTable work for me; perhaps it is time to use something else.
Thanks in advance.
Khun Yee
On Mar 22, 1:01 pm, "map" <michaelpr...@gmail.com> wrote:
> I started with the SortableTable widget (http://psthapar.googlepages.com/simplesortabletable > ), which has an elegant solution for client-side sorting. I updated it > to set all of our table styles and support other features like row > highlighting, placing Widgets in cells, hiding columns, and executing > the sort asynchronously so "loading..." labels show up.
> But we quickly learned that GWT's FlexTable gets exponentially slower > as you add data (I've got a table with 30 columns and 50 rows, and it > takes 10+ secs to render), so we created a wrapper around the table > that supports pagination (very similar design to the new GWT Widget > library's recent pagination support).
> Then when we started dealing with verylargedatasets (thousands of > rows), I created a version of the paginator that supports dynamically > retrieving pages from the database and server-side sorting. That's > the one in the screenshots.
> Michael
> On Mar 22, 6:10 am, "lud0h" <nhari...@gmail.com> wrote:
> > Cool design...and nice rounded corners.
> > What widget is used to display the table list with sortable columns? > > Is it a widget created by yourself or an opensource widget?
> > Thx, > > _H
> > On Mar 21, 9:42 pm, "map" <michaelpr...@gmail.com> wrote:
> > > I want to let the community know about ourlargeGWTsitethat's now > > > in production. It's a pretty substantialsite, providing GUI tools > > > for environmental meta-genomic DNA analysis in front of a 500-node > > > computing grid. We've done some pretty cool things with GWT and some > > > of the 3rd party tools, including integration with Google Maps, remote- > > > paginating tables, lots of rounded features, Scriptaculous effects, > > > and a Wizard framework for multiple pages within an entry point.
> > > The mainsiteishttp://camera.calit2.net(thisisNOT GWT). The GWT > > > portion that we created is behind the Research tab. To really see the > > > dynamic GWT usage, you'll want to run a BLAST job and view the results > > > (see instructions below), which will require creating an an account > > > (you have to agree to the Convention on Biological Diversity, which > > > won't apply to you unless you try to commercialize any genomic > > > discoveries you make :-). Please start your account name with "gwt-" > > > so we can delete it later.
> > > Michael Press > > > Sr. Software Engineer > > > J. Craig Venter Institute
> > > --------------------------------------------------------------------------- ------ > > > How to play with GWT on the CAMERA researchsite:
> > > To get the full GWT experience, run a job using the BLAST wizard and > > > view the results: > > > * Run a BLAST job: > > > * Select Jobs -> BLAST Wizard from the main menu > > > * Paste in the eColi genome sequence (see below), including the > > > first "< TEST..." line, as your Query sequence > > > * Select "GOS: All metagenomic sequence reads" as your Reference > > > Dataset > > > * Enter a job name and submit. Go to Job Results to get status > > > updates (it will take about 20 secs [asynchronously]) > > > * View BLAST results: > > > * Select Jobs -> Job Results from the main menu if not already > > > there. > > > * Click "completed" for a job to view the hits and geography. > > > * Click a map marker for more info > > > * Click a "JCVI_READ" link to view additional metadata and map/GWT > > > panel integration (for multi-sitereads) > > > * View Publications: > > > * Select Data -> Browse Publications from the main menu.
> I want to let the community know about our large GWT site that's now > in production. It's a pretty substantial site, providing GUI tools > for environmental meta-genomic DNA analysis in front of a 500-node > computing grid. We've done some pretty cool things with GWT and some > of the 3rd party tools, including integration with Google Maps, remote- > paginating tables, lots of rounded features, Scriptaculous effects, > and a Wizard framework for multiple pages within an entry point.
> The main site ishttp://camera.calit2.net(this is NOT GWT). The GWT > portion that we created is behind the Research tab. To really see the > dynamic GWT usage, you'll want to run a BLAST job and view the results > (see instructions below), which will require creating an an account > (you have to agree to the Convention on Biological Diversity, which > won't apply to you unless you try to commercialize any genomic > discoveries you make :-). Please start your account name with "gwt-" > so we can delete it later.
> Michael Press > Sr. Software Engineer > J. Craig Venter Institute
> --------------------------------------------------------------------------- ------ > How to play with GWT on the CAMERA research site:
> To get the full GWT experience, run a job using the BLAST wizard and > view the results: > * Run a BLAST job: > * Select Jobs -> BLAST Wizard from the main menu > * Paste in the eColi genome sequence (see below), including the > first "< TEST..." line, as your Query sequence > * Select "GOS: All metagenomic sequence reads" as your Reference > Dataset > * Enter a job name and submit. Go to Job Results to get status > updates (it will take about 20 secs [asynchronously]) > * View BLAST results: > * Select Jobs -> Job Results from the main menu if not already > there. > * Click "completed" for a job to view the hits and geography. > * Click a map marker for more info > * Click a "JCVI_READ" link to view additional metadata and map/GWT > panel integration (for multi-site reads) > * View Publications: > * Select Data -> Browse Publications from the main menu.
The problem with FlexTable is that every setText()/setWidget() call iterates through the underlying table and checks element parents for some (important I'm sure) reason (I glanced at the code but didn't try to follow it closely). So as your number of rows and cols gets large, the update to the DOM gets exponentially slower.
So the point of the Paginator is to limit the number of rows shown at one time to a manageable size (like "showing rows 1-10 of 1,000,000"), such that the FlexTable is still reasonably fast. This model is used all over the place, notably on google.com and the GWT issues list.
The GWT Widgets library now has a paginator similar to ours.
Michael
On Mar 30, 10:10 am, "Khun Yee Fung" <khunyee.f...@gmail.com> wrote:
> Would you mind saying a bit more on how you designed the FlexTable > replacement widget? I am spending way too much time trying to make > FlexTable work for me; perhaps it is time to use something else.
> Thanks in advance.
> Khun Yee
> On Mar 22, 1:01 pm, "map" <michaelpr...@gmail.com> wrote:
> > I started with the SortableTable widget (http://psthapar.googlepages.com/simplesortabletable > > ), which has an elegant solution for client-side sorting. I updated it > > to set all of our table styles and support other features like row > > highlighting, placing Widgets in cells, hiding columns, and executing > > the sort asynchronously so "loading..." labels show up.
> > But we quickly learned that GWT's FlexTable gets exponentially slower > > as you add data (I've got a table with 30 columns and 50 rows, and it > > takes 10+ secs to render), so we created a wrapper around the table > > that supports pagination (very similar design to the new GWT Widget > > library's recent pagination support).
> > Then when we started dealing with verylargedatasets (thousands of > > rows), I created a version of the paginator that supports dynamically > > retrieving pages from the database and server-side sorting. That's > > the one in the screenshots.
> > Michael
> > On Mar 22, 6:10 am, "lud0h" <nhari...@gmail.com> wrote:
> > > Cool design...and nice rounded corners.
> > > What widget is used to display the table list with sortable columns? > > > Is it a widget created by yourself or an opensource widget?
> > > Thx, > > > _H
> > > On Mar 21, 9:42 pm, "map" <michaelpr...@gmail.com> wrote:
> > > > I want to let the community know about ourlargeGWTsitethat's now > > > > in production. It's a pretty substantialsite, providing GUI tools > > > > for environmental meta-genomic DNA analysis in front of a 500-node > > > > computing grid. We've done some pretty cool things with GWT and some > > > > of the 3rd party tools, including integration with Google Maps, remote- > > > > paginating tables, lots of rounded features, Scriptaculous effects, > > > > and a Wizard framework for multiple pages within an entry point.
> > > > The mainsiteishttp://camera.calit2.net(thisisNOTGWT). The GWT > > > > portion that we created is behind the Research tab. To really see the > > > > dynamic GWT usage, you'll want to run a BLAST job and view the results > > > > (see instructions below), which will require creating an an account > > > > (you have to agree to the Convention on Biological Diversity, which > > > > won't apply to you unless you try to commercialize any genomic > > > > discoveries you make :-). Please start your account name with "gwt-" > > > > so we can delete it later.
> > > > Michael Press > > > > Sr. Software Engineer > > > > J. Craig Venter Institute
> > > > --------------------------------------------------------------------------- ------ > > > > How to play with GWT on the CAMERA researchsite:
> > > > To get the full GWT experience, run a job using the BLAST wizard and > > > > view the results: > > > > * Run a BLAST job: > > > > * Select Jobs -> BLAST Wizard from the main menu > > > > * Paste in the eColi genome sequence (see below), including the > > > > first "< TEST..." line, as your Query sequence > > > > * Select "GOS: All metagenomic sequence reads" as your Reference > > > > Dataset > > > > * Enter a job name and submit. Go to Job Results to get status > > > > updates (it will take about 20 secs [asynchronously]) > > > > * View BLAST results: > > > > * Select Jobs -> Job Results from the main menu if not already > > > > there. > > > > * Click "completed" for a job to view the hits and geography. > > > > * Click a map marker for more info > > > > * Click a "JCVI_READ" link to view additional metadata and map/GWT > > > > panel integration (for multi-sitereads) > > > > * View Publications: > > > > * Select Data -> Browse Publications from the main menu.
> The problem with FlexTable is that every setText()/setWidget() call > iterates through the underlying table and checks element parents for > some (important I'm sure) reason (I glanced at the code but didn't try > to follow it closely). So as your number of rows and cols gets large, > the update to the DOM gets exponentially slower.
> So the point of the Paginator is to limit the number of rows shown at > one time to a manageable size (like "showing rows 1-10 of 1,000,000"), > such that the FlexTable is still reasonably fast. This model is used > all over the place, notably on google.com and the GWT issues list.
> The GWT Widgets library now has a paginator similar to ours.
> Michael
> On Mar 30, 10:10 am, "Khun Yee Fung" <khunyee.f...@gmail.com> wrote:
> > Would you mind saying a bit more on how you designed the FlexTable > > replacement widget? I am spending way too much time trying to make > > FlexTable work for me; perhaps it is time to use something else.
> > Thanks in advance.
> > Khun Yee
> > On Mar 22, 1:01 pm, "map" <michaelpr...@gmail.com> wrote:
> > > I started with the SortableTable widget (http://psthapar.googlepages.com/simplesortabletable > > > ), which has an elegant solution for client-side sorting. I updated it > > > to set all of our table styles and support other features like row > > > highlighting, placing Widgets in cells, hiding columns, and executing > > > the sort asynchronously so "loading..." labels show up.
> > > But we quickly learned that GWT's FlexTable gets exponentially slower > > > as you add data (I've got a table with 30 columns and 50 rows, and it > > > takes 10+ secs to render), so we created a wrapper around the table > > > that supports pagination (very similar design to the new GWT Widget > > > library's recent pagination support).
> > > Then when we started dealing with verylargedatasets (thousands of > > > rows), I created a version of the paginator that supports dynamically > > > retrieving pages from the database and server-side sorting. That's > > > the one in the screenshots.
> > > Michael
> > > On Mar 22, 6:10 am, "lud0h" <nhari...@gmail.com> wrote:
> > > > Cool design...and nice rounded corners.
> > > > What widget is used to display the table list with sortable columns? > > > > Is it a widget created by yourself or an opensource widget?
> > > > Thx, > > > > _H
> > > > On Mar 21, 9:42 pm, "map" <michaelpr...@gmail.com> wrote:
> > > > > I want to let the community know about ourlargeGWTsitethat's now > > > > > in production. It's a pretty substantialsite, providing GUI tools > > > > > for environmental meta-genomic DNA analysis in front of a 500-node > > > > > computing grid. We've done some pretty cool things with GWT and some > > > > > of the 3rd party tools, including integration with Google Maps, remote- > > > > > paginating tables, lots of rounded features, Scriptaculous effects, > > > > > and a Wizard framework for multiple pages within an entry point.
> > > > > The mainsiteishttp://camera.calit2.net(thisisNOTGWT). The GWT > > > > > portion that we created is behind the Research tab. To really see the > > > > > dynamic GWT usage, you'll want to run a BLAST job and view the results > > > > > (see instructions below), which will require creating an an account > > > > > (you have to agree to the Convention on Biological Diversity, which > > > > > won't apply to you unless you try to commercialize any genomic > > > > > discoveries you make :-). Please start your account name with "gwt-" > > > > > so we can delete it later.
> > > > > Michael Press > > > > > Sr. Software Engineer > > > > > J. Craig Venter Institute
> > > > > --------------------------------------------------------------------------- ------ > > > > > How to play with GWT on the CAMERA researchsite:
> > > > > To get the full GWT experience, run a job using the BLAST wizard and > > > > > view the results: > > > > > * Run a BLAST job: > > > > > * Select Jobs -> BLAST Wizard from the main menu > > > > > * Paste in the eColi genome sequence (see below), including the > > > > > first "< TEST..." line, as your Query sequence > > > > > * Select "GOS: All metagenomic sequence reads" as your Reference > > > > > Dataset > > > > > * Enter a job name and submit. Go to Job Results to get status > > > > > updates (it will take about 20 secs [asynchronously]) > > > > > * View BLAST results: > > > > > * Select Jobs -> Job Results from the main menu if not already > > > > > there. > > > > > * Click "completed" for a job to view the hits and geography. > > > > > * Click a map marker for more info > > > > > * Click a "JCVI_READ" link to view additional metadata and map/GWT > > > > > panel integration (for multi-sitereads) > > > > > * View Publications: > > > > > * Select Data -> Browse Publications from the main menu.
