PonteIneptique / simile-widgets

Automatically exported from code.google.com/p/simile-widgets
0 stars 0 forks source link

TIMELINE. Allow both vertical and horizontal scroll within a band #155

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
I notice that ticket # TIMELINE-28 somewhat addresses this though I believe
their might be an alternate solution.

First I want to say that Timeline is beautiful. It's an amazing tool and I
am glad I came across it.

What I would like to do is somewhat difficult to described, so I'll use the
U.S. Presidents example to illustrate what I would like to do.
http://simile.mit.edu/exhibit/examples/presidents/presidents.html

I have poorly photoshoped what I would like to do.
http://img510.imageshack.us/my.php?image=presidentstimelineil1.jpg (ignore
the ad, it's a free image hosting service)

I would like to create a small (e.g. 400px X 300px) Timeline window using
the horizontal layout.

I would like to list all of the U.S. Presidents on the left hand side (the
teal area on the image) while keeping the bottom band always viewable
without having to scroll to see the band.

Since we currently have 42 presidents, there would have to be some type of
vertical scrolling feature to display all the names of the presidents.

Essentially, some type of vertical scroll feature (maybe just a scrollbar)
to scroll the presidents names/time in office vertically AND horizontal
scroll time (decades)

Is this possible? If not, how might I add this feature?

Thanks in advance. It's great software.

[Submitted by :      Micheal on simile.mit.edu] 

Hi Michael, sorry, but that's not possible with the current architecture.
You need to rewire Timeline's internals quite a bit to get the vertical
scrolling functionality. Do you have a specific use case that you can talk
about? Perhaps there are other ways.
[ Show » ]
David F. Huynh - 08/Feb/07 08:06 AM Hi Michael, sorry, but that's not
possible with the current architecture. You need to rewire Timeline's
internals quite a bit to get the vertical scrolling functionality. Do you
have a specific use case that you can talk about? Perhaps there are other ways.

[ Permlink | « Hide ]
Micheal - 08/Feb/07 11:06 AM
Hi David.

What I would like to do is use Timeline as a calendar system so that I can
see my co-workers appointments. In many e-mail calendaring applications,
one is able to view their co-workers appointment schedule.

I would like to replicate such functionality using Timeline.

As Timeline is currently presented in the examples, and what I have
personally found, is that if I wanted to view all of my co-workers
appointments on a Timeline, the appointments (events) would be scattered
all over the Timeline without any easy way to differentiate which
appointment belongs to which co-worker.

What would be nice is the ability to categorize on a single horizontal line
(maybe a Band) appointments for a particular co-worker.

I have created a mock-up of such a system. See the image below.

http://img258.imageshack.us/img258/9563/calendarsystemvp9.jpg

Notice how Alice, Hank, Jack and James would be co-workers. Then displayed
to the right would be their appointments.

Notice also that I have included a vertical scrollbar by the co-workers
name. I have done this since one might have more co-workers than what is
able to be displayed on a single screen.

I have thought about using a dedicated Band person co-worker to display
their appointments, though I don't believe that will work since it's easy
to have more Bands than viewable screen space.

Please let me know what you think, and if this is possible or is able to
easily be modified for such functionality. I am currently diving into the
code to understand how Timeline is constructed. The website documentation
has been a huge help in understanding how you developed Timeline.

Many thanks, and I look forward to hearing from you.

Micheal
[ Show » ]
Micheal - 08/Feb/07 11:06 AM Hi David. What I would like to do is use
Timeline as a calendar system so that I can see my co-workers appointments.
In many e-mail calendaring applications, one is able to view their
co-workers appointment schedule. I would like to replicate such
functionality using Timeline. As Timeline is currently presented in the
examples, and what I have personally found, is that if I wanted to view all
of my co-workers appointments on a Timeline, the appointments (events)
would be scattered all over the Timeline without any easy way to
differentiate which appointment belongs to which co-worker. What would be
nice is the ability to categorize on a single horizontal line (maybe a
Band) appointments for a particular co-worker. I have created a mock-up of
such a system. See the image below.
http://img258.imageshack.us/img258/9563/calendarsystemvp9.jpgNotice how
Alice, Hank, Jack and James would be co-workers. Then displayed to the
right would be their appointments. Notice also that I have included a
vertical scrollbar by the co-workers name. I have done this since one might
have more co-workers than what is able to be displayed on a single screen.
I have thought about using a dedicated Band person co-worker to display
their appointments, though I don't believe that will work since it's easy
to have more Bands than viewable screen space. Please let me know what you
think, and if this is possible or is able to easily be modified for such
functionality. I am currently diving into the code to understand how
Timeline is constructed. The website documentation has been a huge help in
understanding how you developed Timeline. Many thanks, and I look forward
to hearing from you. Micheal

[ Permlink | « Hide ]
David F. Huynh - 08/Feb/07 11:22 AM
Hi Michael, that doesn't look like an easy tweak of Timeline. You do need
to re-architect it. Sorry.
[ Show » ]
David F. Huynh - 08/Feb/07 11:22 AM Hi Michael, that doesn't look like an
easy tweak of Timeline. You do need to re-architect it. Sorry.

[ Permlink | « Hide ]
Micheal - 08/Feb/07 11:43 AM
David

Thanks for such a quick reply. How about this.

Imagine in the screenshot above,
http://img258.imageshack.us/img258/9563/calendarsystemvp9.jpg, that I
create a Band per co-worker to list their appointments. So Alice, Hank,
Jack and James would each have their own Band.

I create the listing of co-workers names, and just their names, as show on
the screenshot on the left, outside of Timeline using an IFrame/HTML.

I also create Bands for those co-workers appointments not show in the
viewable screen. For example, imagine their is co-worker Bob, Tim, and Ted.
Since those 3 co-workers are not viewable until I scroll to their name, I
set their individual Bands (appointment listing) to "hidden" (e.g. in CSS,
display: none).

I create an action listener with javascript to listen for when someone
scrolls vertically on the HTML listing of co-workers names. Once someone
scrolls vertically, I "show" or "hide" the Band for the co-workers who are
now viewable or are no longer in viewable.

This gives the illusion of vertically scrolling even though it's not really
vertically scrolling. I would simply display only the Band (co-workers
appointments) when their name is viewable on the HTML listing on the
employee names.

Does that make sense? Any thoughts?

Micheal
[ Show » ]
Micheal - 08/Feb/07 11:43 AM David Thanks for such a quick reply. How about
this. Imagine in the screenshot above,
http://img258.imageshack.us/img258/9563/calendarsystemvp9.jpg, that I
create a Band per co-worker to list their appointments. So Alice, Hank,
Jack and James would each have their own Band. I create the listing of
co-workers names, and just their names, as show on the screenshot on the
left, outside of Timeline using an IFrame/HTML. I also create Bands for
those co-workers appointments not show in the viewable screen. For example,
imagine their is co-worker Bob, Tim, and Ted. Since those 3 co-workers are
not viewable until I scroll to their name, I set their individual Bands
(appointment listing) to "hidden" (e.g. in CSS, display: none). I create an
action listener with javascript to listen for when someone scrolls
vertically on the HTML listing of co-workers names. Once someone scrolls
vertically, I "show" or "hide" the Band for the co-workers who are now
viewable or are no longer in viewable. This gives the illusion of
vertically scrolling even though it's not really vertically scrolling. I
would simply display only the Band (co-workers appointments) when their
name is viewable on the HTML listing on the employee names. Does that make
sense? Any thoughts? Micheal

[ Permlink | « Hide ]
Micheal - 08/Feb/07 12:05 PM
I have created an image to better illustrate what I described above.

http://img252.imageshack.us/img252/961/calendar2kb6.jpg

The red area is Timeline. The green horizonal rectangle is a Band per
co-worker.

Hope that illustration helps.

Thanks again,
Micheal
[ Show » ]
Micheal - 08/Feb/07 12:05 PM I have created an image to better illustrate
what I described above.
http://img252.imageshack.us/img252/961/calendar2kb6.jpg The red area is
Timeline. The green horizonal rectangle is a Band per co-worker. Hope that
illustration helps. Thanks again, Micheal

[ Permlink | « Hide ]
David F. Huynh - 09/Feb/07 08:16 AM
Hi Michael,

The problem is that Timeline always tries to make sure that all bands fit
together and fill 100% of the height of the timeline. So if you're flipping
some bands visible/invisible, I don't know how that might break. You have
to try implementing it yourself and see.

Perhaps if you don't intend your version to be so generic that anyone else
can pick up and use, then maybe it's not so hard. For example, you don't
have to support a setting for whether the static band can be at the bottom
or the top, and a setting for whether the band labels can be on the left or
the right.

Good luck with it. I'm sorry I don't have time to help you implement it.

David
[ Show » ]
David F. Huynh - 09/Feb/07 08:16 AM Hi Michael, The problem is that
Timeline always tries to make sure that all bands fit together and fill
100% of the height of the timeline. So if you're flipping some bands
visible/invisible, I don't know how that might break. You have to try
implementing it yourself and see. Perhaps if you don't intend your version
to be so generic that anyone else can pick up and use, then maybe it's not
so hard. For example, you don't have to support a setting for whether the
static band can be at the bottom or the top, and a setting for whether the
band labels can be on the left or the right. Good luck with it. I'm sorry I
don't have time to help you implement it. David

[ Permlink | « Hide ]
Micheal - 09/Feb/07 10:26 AM
David

Thank you for your comments. I'll keep you posted on any developments.

Micheal
[ Show » ]
Micheal - 09/Feb/07 10:26 AM David Thank you for your comments. I'll keep
you posted on any developments. Micheal

Original issue reported on code.google.com by GabrielR...@googlemail.com on 5 Apr 2009 at 2:55