Explorando a TimelineJS com Lana del Rey

Lana del Rey é uma cantora estadunidense de indie pop que estourou na grande mídia com o hit video games, de 2011, porém, antes disso, a cantora fazia bicos em bares de NYC e dormia no sofá de amigos, apesar de fazer parte de uma família abastada.

Acompanhe sua trajetória musical, dos 5 minutos de fama em video games à carreira internacional reconhecida e consolidada pela crítica, através da ferramenta TimelineJS:

Agora que você já está por dentro da trajetória de Lana del Rey, vamos apresentar a ferramenta que possibilitou a organização cronológica de seus álbuns de estúdio: TimelineJS.

A TimelineJS é uma ferramenta de código aberto que permite a qualquer pessoa construir cronogramas visualmente ricos e interativos. Iniciantes podem criar uma linha do tempo usando nada mais do que uma planilha do Google.

Inicialmente, você deve acessar o site http://timeline.knightlab.com/#preview-embed e seguir os seguintes passos:

Passo 1: crie sua planilha

Crie uma nova planilha do Google usando o modelo disponível no site (ou se preferir, acesse o link https://bityli.com/KUTP9). Você precisará copiar o modelo para sua própria conta do Google Drive clicando no botão “Fazer uma cópia”. Em seguida, acrescente datas, texto e links para a mídia nas colunas apropriadas.

Passo 2: publique na web

No menu Arquivo, selecione em Publicar na Web.

Na próxima janela, altere o menu que diz “documento inteiro” para “od1”. Em seguida, clique no botão azul “publicar”. Quando perguntado, “Tem certeza …?” Clique OK. Ignore o URL que aparece no centro da janela. Basta fechar a janela usando o X no canto superior direito.

Depois de fechar a janela, copie o URL na barra de endereço do seu navegador. Você usará isso na próxima etapa.

Passo 3: gere sua linha do tempo

Copie e cole o URL da planilha na caixa disponibilizada no final do site http://timeline.knightlab.com/#preview-embed para gerar sua linha do tempo. (Certifique-se de que publicou a planilha.)

Passo 4: compartilhe sua linha do tempo

compartilhar

Use o link disponibilizado para vincular diretamente à sua linha do tempo. Se você estiver incorporando no Medium.com ou em outros serviços compatíveis com oembed, apenas cole este link em uma linha onde deseja que sua linha do tempo apareça.

embutir

Copie o código incorporado e cole-o em seu site onde deseja que sua linha do tempo apareça (como um vídeo do YouTube).

Prontinho! Agora é só você clicar em Preview pra visualizar sua linha do tempo.

Por fim, depois de ler este tutorial, você deve ter uma ideia clara de como funciona a ferramenta TimelineJS e como aplicá-la em suas diversas funções de acordo com suas necessidades.

Você já experimentou esta ferramenta antes? Conta pra gente nos comentários!

Write a Comment

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *