Wiki code for MIT Simile Project Timeline ''widget''

Hide Line numbers
1: #set ($sql = "where doc.space=’Timeline’ order by doc.name asc")
2: #set ($list = $xwiki.searchDocuments($sql))
3: #includeInContext("XWiki.Results")
4: 
5: <table border="0" class="BwDhwd"><tbody><tr><td class="zyVlgb XZlFIc"><table border="0" class="BwDhwd"><tbody><tr class="UszGxc"><td class="UdFq5e">{style:type=span|class=HcCDpe}from{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img id="upi" class="ilX2xb QrVm3d" src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=EP8xU|color=#00681c}Niels Mayer{style} {style:type=span|class=lDACoc}niels mayer at gmail.com{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}to{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img id="upi" class="Jx04sb QrVm3d" src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}dev@xwiki.org,\\{style}{style:type=span|class=JDpiNd}<img id="upi" class="Jx04sb QrVm3d" src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}XWiki Users \\{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}date{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}Thu, Jan 22, 2009 at 11:35 AM{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}subject{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}MIT Simile Widgets (spiffy JS Timeline/Timeplot/Timegrid) for Xwiki?{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}mailed-by{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}gmail.com{style}</td></tr><tr><td colspan="4"> </td></tr></tbody></table></td><td class="i8p5Ld">{style:type=div|class=XZlFIc UszGxc}\\{style}</td><td class="i8p5Ld cY8xve">{style:type=div|class=JbJ6Ye}<table border="0" class="gQ8wIf" id=":9"><tbody><tr><td class="dlyqC LtBCcf t9K9Me"> </td><td class="dlyqC t9K9Me"> </td><td class="t9K9Me"> </td><td class="tKFvYb tP6gIf t9K9Me"> </td></tr></tbody></table>{style}\\</td></tr></tbody></table>Has anybody integrated any of MIT’s open source "Project Simile" ( [http://code.google.com/p/simile-widgets/>http://code.google.com/p/simile-widgets/] ) JS widgetry into Xwiki? For example their [http://simile.mit.edu/timeline/>http://simile.mit.edu/timeline/]\\
6: 
7: [http://simile.mit.edu/timeplot/>http://simile.mit.edu/timeplot/] or [http://simile.mit.edu/timegrid/>http://simile.mit.edu/timegrid/] ??\\\\This has been discussed previously on these lists:\\
8: [http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:55peh7tm5z2vjoyd+state:results>http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:55peh7tm5z2vjoyd+state:results]\\
9: [http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:xu5d32bukkmtdldx+state:results>http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:xu5d32bukkmtdldx+state:results]\\
10: [http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:hefinq3w652jrkiy+state:results>http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:hefinq3w652jrkiy+state:results]\\
11: [http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:yd4a3nb2mk6e3fdu+state:results>http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:yd4a3nb2mk6e3fdu+state:results>]\\
12: [http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:nt5t5e27ccykrnx4+state:results>http://markmail.org/message/bds6fein6w4ftqot#query:MIT Simile Xwiki+page:1+mid:nt5t5e27ccykrnx4+state:results]\\
13: \\Unfortunately, all the emails mention example links that no longer
14: exist, so there’s no obvious Xwiki examples providing Simile widgetry
15: in Xwiki ...\\\\FYI, Other environments have integrated some of the MIT functionality:\\
16: [http://drupal.org/project/timeline>http://drupal.org/project/timeline]\\[http://drupal.org/project/exhibit>http://drupal.org/project/exhibit]\\[http://simile.mit.edu/wiki/Wibbit>http://simile.mit.edu/wiki/Wibbit]\\
17: \\Niels\\[http://nielsmayer.com]
18: \\
19: \\
20: 
21: <table border="0" class="BwDhwd"><tbody><tr><td class="zyVlgb XZlFIc"><table border="0" class="BwDhwd"><tbody><tr class="UszGxc"><td class="UdFq5e">{style:type=span|class=HcCDpe}from{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img id="upi" class="Jx04sb" src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=EP8xU|color=#5b1094}Jean-Vincent Drean{style} {style:type=span|class=lDACoc}jean vincent at drean.org{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}reply-to{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img id="upi" class="Jx04sb" src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}XWiki Users \\{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}to{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img id="upi" class="Jx04sb" src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}XWiki Users \\{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}date{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}Thu, Jan 22, 2009 at 1:44 PM{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}subject{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}Re: &#91;xwiki-users&#93; MIT Simile Widgets (spiffy JS Timeline/Timeplot/Timegrid) for Xwiki?{style}</td></tr><tr><td class="UdFq5e" colspan="2">{style:type=span|class=HcCDpe}mailing list{style}</td><td class="sA2K5" colspan="2">{style:type=span|class=JDpiNd}<img src="http://mail.google.com/mail/images/cleardot.gif" alt="" width="16" height="16" />{style}{style:type=span|class=HcCDpe}users.xwiki.org {style}</td></tr><tr><td colspan="4"> </td></tr></tbody></table></td><td class="i8p5Ld">{style:type=div|class=XZlFIc UszGxc}\\{style}</td><td class="i8p5Ld cY8xve">{style:type=div|class=JbJ6Ye}<table border="0" class="gQ8wIf" id=":v0"><tbody><tr><td class="cTzXV LtBCcf t9K9Me"><img class="DC6qBf" src="http://mail.google.com/mail/images/cleardot.gif" alt="" /></td><td class="cTzXV t9K9Me">{style:type=div|class=SvrlRe}\\{style}</td><td class="t9K9Me"> </td><td class="tKFvYb tP6gIf t9K9Me"><img class="S1nudd" src="http://mail.google.com/mail/images/cleardot.gif" alt="" /></td></tr></tbody></table>{style}</td></tr></tbody></table>Hi,\\
22: 
23: \\
24: I’ve played quite a lot with Simile Timeline in the past.\\
25: I’ve made a little snippet showing last modifications within the wiki\\
26: on [code.xwiki.org>http://code.xwiki.org/] :\\
27: [http://code.xwiki.org/xwiki/bin/view/Snippets/TimelineSnippet>http://code.xwiki.org/xwiki/bin/view/Snippets/TimelineSnippet>\\
28: \\
29: In action: [http://incubator.myxwiki.org/xwiki/bin/view/Main/Timeline>http://incubator.myxwiki.org/xwiki/bin/view/Main/Timeline]\\
30: \\
31: JV
32: 
33: ----
34: from    Niels Mayer <niels mayer  at [gmail.com>http://gmail.com/]>\\
35: to      XWiki Users <users at [xwiki.org>http://xwiki.org/]>\\
36: date    Mon, Feb 2, 2009 at 11:42 AM\\
37: subject Re: &#91;xwiki-users&#93; MIT Simile Widgets (spiffy JS Timeline/Timeplot/Timegrid) for Xwiki?\\
38: \\
39: I’ve updated and commented the Timeline example (\\
40: [http://code.xwiki.org/xwiki/bin/view/Snippets/TimelineSnippet>http://code.xwiki.org/xwiki/bin/view/Snippets/TimelineSnippet] ) in\\
41: preparation of my nefarious deconstruction of the widget into a novel\\
42: interface for a totally different form of usage ...\\
43: \\
44: working example:\\
45:  [http://nielsmayer.com/xwiki/bin/view/Timeline/TL2>http://nielsmayer.com/xwiki/bin/view/Timeline/TL2]\\
46: \\
47: sources:\\
48:  [http://nielsmayer.com/xwiki/bin/view/Timeline/TL2?viewer=code>http://nielsmayer.com/xwiki/bin/view/Timeline/TL2?viewer=code]\\
49:  [http://nielsmayer.com/xwiki/bin/view/Timeline/ChangesList?viewer=code>http://nielsmayer.com/xwiki/bin/view/Timeline/ChangesList?viewer=code]\\
50: \\
51: Next steps is to remove this constraint (suggested in [http://code.xwiki.org/xwiki/bin/view/Snippets/TimelineSnippet>http://code.xwiki.org/xwiki/bin/view/Snippets/TimelineSnippet] ). If you forget to do this, nothing works;  yet, adding it is quite annoying and shouldn’t be needed:\\<blockquote>
52:     Prerequisites\\
53:     You must add this line:\\
54:     <script src="[http://simile.mit.edu/timeline/api/timeline-api.js>http://simile.mit.edu/timeline/api/timeline-api.js]" type="text/javascript"></script>\\
55:     At the bottom of the "HTTP Meta Information" field in Administration > Presentation.\\</blockquote>{style:type=div|id=:1yc|class=ArwC7c ckChnd}\\
56: Seems like the following links are good starting points for a solution to the above issue:\\
57: [http://blog.localkinegrinds.com/2007/11/06/installing-mit-similes-timeline-locally-w-rails-integration/>http://blog.localkinegrinds.com/2007/11/06/installing-mit-similes-timeline-locally-w-rails-integration/]\\
58: [http://simile.mit.edu/mail/ReadMsg?listId=10&msgId=19202>http://simile.mit.edu/mail/ReadMsg?listId=10&msgId=19202]\\
59: [http://simile.mit.edu/mail/ReadMsg?listId=10&msgId=19199>http://simile.mit.edu/mail/ReadMsg?listId=10&msgId=19199]\\
60: \\
61: This entails installing a local copy of the timeline javascript and modifying a few lines of source. Othewise, with the existing solution, you’re stuck with loading the simile javascript for any page on your site, slowing down the initial load time even more with yet more global javascript that never gets called in most situations. (Alternately, perhaps catenating all the timeline javascript and shoving it into a single xwiki doc or template that gets included only in a timeline-using app).\\
62: \\
63:  - Niels\\
64: [http://nielsmayer.com>http://nielsmayer.com>_blank]\\
65: \\
66: PS: I think it would be interesting to put extra attributes on certain sets of documents, and then sql-query for those documents with those attributes and present them in the timeline. That way,  for example,\\
67: one could render a sequence of steps over time, where each step is a xwiki doc. There’s no reason why the horizontal axis needs to represent discrete time. It can represent any monotonically increasing sequence. For example, editing the sequence of steps and concurrent streaming media for purposes of making a movie or real-time presentation composed from wiki components.\\
68: \\
69: PPS: [http://en.wikibooks.org/wiki/XQuery/DBpedia&#95;with&#95;SPARQL&#95;and&#95;Simile&#95;Timeline&#95;-&#95;Album&#95;Chronology>http://en.wikibooks.org/wiki/XQuery/DBpedia_with_SPARQL_and_Simile_Timeline_-_Album_Chronology>_blank]\\
70: is another interesting application of the Timeline widget. It would be interesting if xwiki could support SPARQL ( [http://www.w3.org/TR/rdf-sparql-XMLres/>http://www.w3.org/TR/rdf-sparql-XMLres/>_blank] ). The timeline widget doesn’t necessarily need to be used as a timeline... you could also use it to present complex database result sets laid out in two-dimensions, for example (e.g. search hits presented over topic and confidence in matching.).\\
71: \\
72: ------------------\\
73: \\
74: PPPS: later suggested in chat as a means of providing timeline functionality (and loading the timeline JS only into specific pages needing the Timeline):\\
75: \\
76: (11:54:56 AM) vmassol: npm: nice timeline. would be great if you could improve a bit the timeline page on [xwiki.org>http://xwiki.org/>_blank] ([http://code.xwiki.org/xwiki/bin/view/Snippets/TimelineSnippet>http://code.xwiki.org/xwiki/bin/view/Snippets/TimelineSnippet>_blank])\\
77: ...\\
78: (11:58:12 AM) npm: after i figure out how to remove the install\\
79: constraint, that’s when it would be worth updating\\
80: (11:58:46 AM) vmassol: npm: I think you can fix this easily using our\\
81: new jsx (javascript extensions)\\
82: (11:59:03 AM) vmassol: see [http://platform.xwiki.org/xwiki/bin/view/DevGuide/SkinExtensionsTutorial>http://platform.xwiki.org/xwiki/bin/view/DevGuide/SkinExtensionsTutorial>_blank]\\
83: if you haven’t seen it yet\\
84: ---------------------------------{style}\\
85: 
86: ----
87: 
88: NB: see [http://code.google.com/p/simile-widgets/wiki/Timeline&#95;CreatingNewThemes>http://code.google.com/p/simile-widgets/wiki/Timeline_CreatingNewThemes] for info on customizations that are possible, like
89: 
90: {code}
91: var theme = Timeline.ClassicTheme.create(); // create the theme 
92: theme.event.bubble.width = 350;   // modify it 
93: theme.event.bubble.height = 300;
94: theme.event.track.height = 15;
95: theme.event.tape.height = 8;
96: {code}
97: 
98: \\
MIT Simile Project Timeline ''widget''

Top Menu

Wiki code for MIT Simile Project Timeline ''widget''

Search

Navigation:

Recently Modified

Recently Created
