Loading...
 

Timeline

See also TimeMap

What

This project is to add a nice graphical way to represent relevant data in a timeline. The first iteration was added to Tiki in Tiki7 using tracker data and the no-longer-maintained Timeline Simile widget. This method has been working but seems to currently have issues. See a (currently broken) example at TikiFest Timeline and docs at PluginTrackerTimeline . New in Tiki 17, the H5P library includes a horizontal timeline feature; vertical timeline solutions still need to be found. Tiki native solutions are also described below.

Some Previous Research

Added since the earlier 2011 research, here are more ideas and possible libraries. But it seems that H5P for elaborate timelines and Tiki native solutions for simple ones may be the way to go, for horizontal timelines anyway. Gary Cunningham-Lee

Desired features:

  • Click/touch and drag parallax-movement time scales (year, month, day, etc.) like Simile’s.


Horizontal timelines:

  • jQuery.timeline - https://github.com/ka215/jquery.timeline
    “You can easily create the horizontal timeline with two types by using this jQuery plugin”. The two types are bar type (events are independent) and point type (events are points connected by lines to show relationship). MIT license.
  • https://github.com/ilkeryilmaz/timelinejs
    Has vertical option. MIT license.
  • Timeline - http://timeline.knightlab.com Git page
    “TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. TimelineJS 3 is a rewrite of the popular Timeline JS software.” (Maybe disqualified by Mozilla Public License (MPL), version 2.0.)


Vertical timelines:


Supports both horizontal and vertical

Some Initial Research (jb feb 2011)

It looks to me like the only real choice is the SIMILE Widgets one, the only other one that i’ve found from random searching and the links below, is the Google one which uses Flash and doesn’t seem to offer as much.

My main reservation about the SIMILE one is that it seems to have jQuery 1.2.6 embedded in it (seemingly in the middle of what looks like a required file) and also has it’s own, fairly bulky, AJAX library - which is surely duplication of the one in jQuery. Maybe this is optional - more research needed.

It says in one of the source files: “this JS code was written before some recent JS support libraries became widely used or available” and it all doesn’t seem to have been worked on for several years. Having said that, the code does look like it’s written to a very high standard, as you’d expect from MIT wink

However, as this does seem to be the only option, let’s see how far we get...

Timeline layouts

Horizontal Timelines

H5P

H5P, which has been added to Tiki 17 (https://doc.tiki.org/PluginH5P), implements Timeline.js (link listed below). So this is the solution, especially when it is able to handle tracker records, etc.

Plugin List

It is possible to use the plugin List to create a timeline using some CSS but no additional JavaScript.

Horizontal Timeline demo

 

Keywords

The following is a list of keywords that should serve as hubs for navigation within the Tiki development and should correspond to documentation keywords.

Each feature in Tiki has a wiki page which regroups all the bugs, requests for enhancements, etc. It is somewhat a form of wiki-based project management. You can also express your interest in a feature by adding it to your profile. You can also try out the Dynamic filter.

Accessibility (WAI & 508)
Accounting 7.x
Administration
Ajax 2.x
Articles & Submissions
Backlinks
Banner
Batch 6.x
BigBlueButton audio/video/chat/screensharing (5.x)
Blog
Bookmark
Browser Compatibility
Calendar
Category
Chat
Comment
Communication Center
Consistency
Contacts Address book
Contact us
Content template
Contribution 2.x
Cookie
Copyright
Credits 6.x
Custom Home (and Group Home Page)
Database MySQL - MyISAM
Database MySQL - InnoDB
Date and Time
Debugger Console
Directory (of hyperlinks)
Documentation link from Tiki to doc.tiki.org (Help System)
Docs 8.x
DogFood
Draw 7.x
Dynamic Content
Preferences
Dynamic Variable
External Authentication
FAQ
Featured links
Feeds (RSS)
File Gallery
Forum
Friendship Network (Community)
Group
Help
History
Hotword
HTML Page
i18n (Multilingual, l10n, Babelfish)
Image Gallery
Import-Export
Install
Integrator
Interoperability
Inter-User Messages
InterTiki
jQuery
Kaltura video management
Karma
Live Support
Logs (system & action)
Lost edit protection
Mail-in
Map
Menu
Meta Tag
Missing features
Visual Mapping 3.x
Mobile Tiki and Voice Tiki
Mods
Modules
MultiTiki
MyTiki
Newsletter
Notepad
OS independence (Non-Linux, Windows/IIS, Mac, BSD)
Organic Groups (Self-managed Teams)
Payment 5.x
Performance Speed / Load / Compression / Cache
Permission
Poll
Profiles
Quiz
Rating
Realname
Report
Revision Approval
Score
Search engine optimization (SEO)
Search
Security
Semantic links 3.x
Share
Shopping Cart 5.x
Shoutbox
Site Identity
Slideshow
Smarty Template
Social Networking
Spam protection (Anti-bot CATPCHA)
Spellcheck
Spreadsheet
Staging and Approval
Stats
Survey
Syntax Highlighter (Codemirror)
Tablesorter
Tags 2.x
Task
Tell a Friend, alert + Social Bookmarking
Terms and Conditions
Theme
TikiTests 2.x
Timesheet
Token Access
Toolbar (Quicktags)
Tours
Trackers
TRIM
User Administration
User Files
User Menu
Watch
WebHelp
Webmail and Groupmail
WebServices 3.x
Wiki 3D
Wiki History, page rename, etc
Wiki plugins extends basic syntax
Wiki syntax text area, parser, etc
Wiki structure (book and table of content)
Workspace and perspectives 4.x
WYSIWTSN 4.x
WYSIWYCA
WYSIWYG 2.x
XMLRPC




Useful Tools