Trajectware - timeline-based navigation across computing heritage

Overview

Trajectware - timeline-based navigation across computing heritage

Goal and Scope

The history of calculation, information processig and computation is very rich quickly accelerating over the past century and is driving the industrial revolution and digital transformation of our world. It is marked by many events related to conceptual and technological breakthrough driving by several people and companies. In order to help in the analysis (by researchers) and explanation (to citizens), the NAM-IP Computer Museum developed and released an open source framework based on a the structuration of events in the form of timeline fragments that can be explored using various navigation operation to focus on specific period, aspects (technological, conceptual, cultural, contextual,...) or involved people/organisation.

The current scope is computing heritage and its validation is still on-going in this domain. However the concept could be enlarged any type of historical event and be used by other museum.

Design ideas / features

The framework is designed in two main components:

  • a knowledge base back-end to structure all the relevant information, a conceptual model was developed based on different standards (SEM, DOLCE/Spatial History Ontlogy, Constructed Past Theory, DBPedia) and accessed through queries and/or a specific API to extract a relevant timeline

  • a navigation front-end, currently based on ReactNative and that can easily be deployed as mobile application

Typical timelines are the following:

  • actors at different granularity levels: it can be the life of a person, a group or a company, possibly with a focus on common event characteristics,
  • object(s) also at different granularity levels: it could relate to the precise history of a specific object (e.g. the design of the LISA computer) but also of a family of objects according to specific criteria, e.g. micro-computer of a specific period, manufacturer, using a specific CPU,...
  • temporal, spatial or thematic contexts, respectively through specific Event (dates), Location or Tag characteristics. Different granularity levels can also be considered, e.g. to reflect the computer history related to micro-computer in France from 1970 to 1985. This can come as additional filter for the previous types of timelines.

Some timeline navigation operations:

  • event pivoting between related entities or features: e.g. from Amiga 500 computer to Commodore Company or the 68k CPU or GUI timeline.
  • time zoom in/out based on a defined period, e.g. the micro-computer history can be divided in early, golden age and standardisation periods.
  • actor zoom in/out, from person level to company.
  • object zoom in/out, e.g. down to version/variant level and up to product family level.
  • relations inclusion, possibly iterative and with closure, e.g. to follow casual relation to look for causes/consequences related to some events.
  • combining multiple timelines together, either merged or keeping them separated with an adequate visualisation (temporal alignment, shared events, specific relations...)

Status and Testing

A full prototype was developped and is currently used in the museum with the following scope

  • timelines of the micro-computer period (1970-1990) as support of the "micro-computer meg@ revolution" exhibition
  • coverting machines, user interface, operating systems, micro-processor evolution
  • trilingual: French/English/Dutch
  • support for high quality images (with zoom) and video replay
  • integrated quiz (only in French, a few random questions but not generated from knowledge base)
  • resources are fully bundled (internal sqlite, pictures, vidéos) so does not required WIFI (in principle but a react-native dependency actually require Internet access even though nothing is exchanged)
  • android APK available for download here: https://drive.google.com/file/d/17YhNBCE-d_gmcUPEi_gO5CmNyrL9eU7B/view?usp=sharing

Ongoing and Future work

  • REST API (OpenAPI) design and implementation for decoupling knowledge base back-end and navigation front-end
  • event extraction from various open data sources, generic (DBpedia) or more specialised (museum inventory application)
  • deployment on the full exhibition timeline of our museum
  • improved integration with physical artefact (qrcode)
  • more elaborated web-client
  • event learning, reliability ranking
  • ...

Documentation

Contributors

  • Aurélien Masson (ESEO), react native prototype
  • Christophe Ponsard (CETIC/Nam-IP), design & architecture
  • Thomas Collignon (UNamur), API
  • Ward Desmet (NAM-IP), NL translations
  • Marie Gevers (UNamur), texts
You might also like...

taichi.js - a modern GPU computing framework for Javascript

taichi.js is a modern GPU computing framework for Javascript. It transforms Javascript functions into WebGPU Compute Shaders for massive parallelization. It is a Javascript version of the Python library Taichi.

Dec 16, 2022

For this workshop, we're going to learn more about cloud computing by exploring how to use Pulumi to build, configure, and deploy a real-life, modern application using Docker

For this workshop, we're going to learn more about cloud computing by exploring how to use Pulumi to build, configure, and deploy a real-life, modern application using Docker. We will create a frontend, a backend, and a database to deploy the Pulumipus Boba Tea Shop. Along the way, we'll learn more about how Pulumi works.

Dec 29, 2022

The cloud computing part required by the Rebage application ☁

Rebage - Cloud Computing The cloud technology used in Rebage Powered by: Google Cloud Platform, offered by Google, is a suite of cloud computing servi

Sep 25, 2022

Bangkit Capstone C22-KY05 Cloud Computing

Bangkit Capstone C22-KY05 Cloud Computing This project is using Fastify as the server. Stack Node.js TypeScript Fastify Prisma PostgreSQL Cloud SQL Co

Jun 13, 2022

Distributed/Decentralized p2p Audio Timeline

Distributed/Decentralized p2p Audio Timeline

Hello, Timeline Decentralized p2p audio timeline experiment, pluggable with GUN, PeerJS or any other p2p network. About WebRTC is bandwidth expensive

Apr 25, 2022

Generate GitHub repositories timeline using a username

Generate GitHub repositories timeline using a username

ReposTimeline About ReposTimeline is a NextJS app that helps visualize your repositories in a timeline you can easily share. Installation git clone ht

Dec 31, 2022

Timeline/Graph2D is an interactive visualization chart to visualize data in time.

Timeline/Graph2D is an interactive visualization chart to visualize data in time.

vis-timeline The Timeline/Graph2D is an interactive visualization chart to visualize data in time. The data items can take place on a single date, or

Jan 3, 2023

A compact JavaScript animation library with a GUI timeline for fast editing.

Timeline.js A compact JavaScript animation library with a GUI timeline for fast editing. Check it out in this example: http://vorg.github.io/timeline.

Nov 26, 2022

You can easily create the horizontal timeline with two types by using this jQuery plugin.

You can easily create the horizontal timeline with two types by using this jQuery plugin.

jQuery.Timeline V2 You are able to easily create two types of horizontal timeline with this jQuery plugin. Report bug · Request feature · Blog Table o

Dec 9, 2022

Hides all the @saveToNotion @memdotai @threadreaderapp tweets from your Twitter timeline

This is a Plasmo extension project bootstrapped with plasmo init. Getting Started First, run the development server: pnpm dev # or npm run dev Open yo

Oct 11, 2022

Free and open fair-code licensed node based Workflow Automation Tool. Easily automate tasks across different services.

Free and open fair-code licensed node based Workflow Automation Tool. Easily automate tasks across different services.

n8n - Workflow Automation Tool n8n is an extendable workflow automation tool. With a fair-code distribution model, n8n will always have visible source

Dec 30, 2022

Selectize is the hybrid of a textbox and select box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

selectize.js → Selectize is looking for new members on the maintenance team! Selectize is an extensible jQuery-based custom select UI control. It's

Dec 31, 2022

Selectize is the hybrid of a textbox and select box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

selectize.js → Selectize is looking for new members on the maintenance team! Selectize is an extensible jQuery-based custom select UI control. It's

Dec 31, 2022

JavaScript library for one-directional scrolling with item based navigation support.

Sly JavaScript library for one-directional scrolling with item based navigation support. Sly supports navigation with: mouse wheel scrolling scrollbar

Dec 23, 2022

Collection of Animated 60 FPS TabBar Component's based on React Navigation.

Collection of Animated 60 FPS TabBar Component's based on React Navigation.

React Navigation TabBar Collection Collection of Animated 60 FPS TabBar Components based on React Navigation. Features 60 FPS Animation Beautiful TabB

Dec 9, 2022

A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page

A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page

Driver.js Powerful, highly customizable vanilla JavaScript engine to drive the user's focus across the page No external dependencies, supports all maj

Jan 4, 2023

Cross-browser storage for all use cases, used across the web.

Store.js Cross-browser storage for all use cases, used across the web. Store.js has been around since 2010 (first commit, v1 release). It is used in p

Dec 29, 2022

Solidarity is an environment checker for project dependencies across multiple machines.

Solidarity is an environment checker for project dependencies across multiple machines.

Solidarity is an environment checker for project dependencies across multiple machines. When the same exact code works on one machine but not another,

Dec 11, 2022
Owner
NAM-IP
Digital preservation work by Computer Museum located in Namur (Belgium)
NAM-IP
An wide ranged emoji picker extension for firefox based browsers.

Fire-Picker A wide ranged emoji picker extension for firefox based browsers made with pure js. This is still in a prototype phase. Changes will be mad

Furha Lepton 2 Jan 10, 2022
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]

Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]

neuronet.io 2.1k Dec 30, 2022
Portable Activity Timeline that draws the Timeline based on data given in JSON or CSV format

Portable Activity Timeline that draws the Timeline based on data given in JSON or CSV format. By clicking on any activity a detailed modal window is displayed. Initially developed for post incident investigations to get a overview of the situation in an it-environment.

Daniel 5 Oct 11, 2022
TimelineJS v3: A Storytelling Timeline built in JavaScript. http://timeline.knightlab.com

TimelineJS3 TimelineJS v3: A Storytelling Timeline built in JavaScript. https://timeline.knightlab.com Overview TimelineJS 3 is a rewrite of the popul

null 2.6k Dec 24, 2022
Horizontal Timeline 2.0, a fully customisable jQuery plugin to create a dynamic timeline on the horizontal axis.

Horizontal Timeline 2.0 by yCodeTech Twitter @yCodeTech Current Version: 2.0.5.3 Quick Links: Setup | Options | Autoplay | Known Issues | Known Issues

Stu 18 May 29, 2022
jQuery plugin to show a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML pages.

jquery.simpletabs v1.2.3 The jquery.simpletabs plugin shows a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML p

Peter Thoeny 1 Feb 23, 2022
Navigation-Menu-Javascript - A simple Navbar navigation using vanilla javascript, to change links to the active link when clicked.

Navigation-Menu-Javascript A simple Navbar navigation using vanilla javascript, to change links to the active link when clicked. Desktop view Mobile v

Ellis 2 Feb 16, 2021
Timeline maker, based on D3.js

Timeline maker, based on D3.js

Altilunium 7 Sep 6, 2022
Use real-time computing technology and web technology to build a big data Kanban l to solve the problem. Among them, practical technologies include MySQL, Kafka, Flink, Redis, Flask and Echarts

实时计算(English Version) 运用实时计算技术、Web 技术构建一个大数据看板来解决问题。其中实用技术包括Mysql、Kafka、Flink、Redis、Flask和Echarts 目录 1.问题需求 2.方案分析 3.安装环境 4.环境启动命令和运行代码的方法 5.代码目录结构说明

Serendipity 2 Jan 8, 2022
Scientific and statistical computing in JavaScript.

Science.js Science.js is a JavaScript library for scientific and statistical computing. Currently, there are two modules: science.stats, containing va

Jason Davies 873 Dec 14, 2022