Timeline JS

De LARHUD
Ir para: navegação, pesquisa
0p.jpg

A Timeline JS é uma ferramenta online, gratuita, de código aberto, que permite a criação de uma linha do tempo através de JavaScript. Foi desenvolvida pelo Knight Lab da Northwestern University, Estados Unidos. A linha do tempo pode ser preenchida a partir de uma planilha do Google ou um arquivo JSON (indicado para mais experientes).

A Timeline JS é intuitiva e suporta material de mídia de várias fontes como Twitter, Flickr, Wikipedia, Maps, YouTube, entre outros. Essa ferramenta foi projetada para ser de fácil uso e de fácil incorporação aos resultados em outra página da web.

O portal da Timeline JS possui diversas dicas e tutoriais próprios para criação da linha do tempo, incluindo um vídeo de aproximadamente 3 minutos.


Tutorial

Segue abaixo o tutorial baseado no site da ferramenta mas antes de começar, será preciso ter uma conta do Google.


Passo 1: Importe o modelo de planilha do Google oferecido pelos desenvolvedores disponível clicando aqui. Será necessário copiar o modelo para sua própria conta do Google Drive clicando no botão "Fazer uma cópia". Esse modelo que você deverá editar com as informações da sua linha do tempo:


1pp.jpg


Passo 2: Edite as colunas e linhas incluindo os dados da linha do tempo que você está criando. Você deve inserir as datas de início de cada evento mas as datas de encerramento são opcionais. Na coluna "Headline" deverá ser incluso o título do evento. Em "text", o texto explicativo. Já em "media" será incluso o link da mídia que será utilizado. Em "media credit" os créditos dos responsáveis e/ou detentores dos direitos autorais da mídia. Segue a imagem da planilha editada feita pela equipe do LarHud.


6pp.png


Passo 3: Após a edição da sua planilha, é preciso clicar em Arquivo > Publicar na web > Publicar.


3pp.jpg


Passo 4: Copie o link da sua planilha, retorne pro website da Timeline JS e cole no campo sinalizado na imagem abaixo.


4pp.jpg


Passo 5: Copie o link gerado pela Timeline JS e compartilhe sua linha do tempo!


5pp.jpg


Veja como ficou:


7pp.png


CLIQUE AQUI para visualizar a linha do tempo completa gerada a partir de alguns eventos de Humanidades Digitais.

É possível editar a linha do tempo a qualquer momento a partir da planilha.

Você pode obter informações sobre edições mais avançadas através desse LINK.


Dicas

  1. Mantenha curto. Não é recomendado haver mais de 20 slides para o leitor navegar.
  2. Escolha histórias que tenham uma narrativa cronológica forte pois o Timeline JS não funciona bem para histórias que precisam se movimentar na linha do tempo.
  3. Escreva cada evento como parte de uma narrativa maior.
  4. Inclua eventos que se acumulam nas principais ocorrências - não apenas nos principais eventos.


Referências

  1. Using Timeline JS
  2. O que são humanidades digitais?