Gabriel.macedo: Category: Timeline

2023-06-15T17:43:49Z

Category: Timeline

Raissa.meirelles em 00h35min de 3 de julho de 2018

2018-07-03T00:35:20Z

Raissa.meirelles: Criou página com 'right A ''[https://timeline.knightlab.com/ Timeline JS]'' é uma ferramenta online, gratuita, de código aberto, que permite a criação de uma linha do...'

2018-07-03T00:13:41Z

Criou página com 'right A ''[https://timeline.knightlab.com/ Timeline JS]'' é uma ferramenta online, gratuita, de código aberto, que permite a criação de uma linha do...'

Página nova

[[Arquivo:0p.jpg|right]]

A ''[https://timeline.knightlab.com/ 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 [https://knightlab.northwestern.edu/ Knight Lab] da Northwestern University, Estados Unidos. A linha do tempo pode ser preenchida a partir de uma planilha do Google ou um arquivo [https://timeline.knightlab.com/docs/json-format.html 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 [https://accounts.google.com/ Google].

'''Passo 1:''' Importe o modelo de planilha do Google oferecido pelos desenvolvedores disponível [https://docs.google.com/spreadsheets/d/1pHBvXN7nmGkiG8uQSUB82eNlnL8xHu6kydzH_-eguHQ/copy 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:

[[Arquivo: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]].

[[Arquivo:6pp.png]]

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

[[Arquivo:3pp.jpg]]

'''Passo 4:''' Copie o link da sua planilha, retorne pro website da ''[https://timeline.knightlab.com/ Timeline JS]'' e cole no campo sinalizado na imagem abaixo.

[[Arquivo:4pp.jpg]]

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

[[Arquivo:5pp.jpg]]

'''[https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1EKHQd28x2m6fl6P1QeL1k95IfCISw7x8UxznU4Hd0lk&font=Default&lang=en&initial_zoom=2&height=650 CLIQUE AQUI]''' para visualizar a linha do tempo 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 [https://timeline.knightlab.com/docs/ LINK].

== Dicas ==

#Mantenha curto. Não é recomendado haver mais de 20 slides para o leitor navegar.
#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.
#Escreva cada evento como parte de uma narrativa maior.
#Inclua eventos que se acumulam nas principais ocorrências - não apenas nos principais eventos.

== Referências ==

#[https://timeline.knightlab.com/docs/index.html Using Timeline JS ]
#[https://humanidadesdigitais.org/o-que-sao-humanidades-digitais/ O que são humanidades digitais?]

← Edição anterior		Edição das 17h43min de 15 de junho de 2023
Linha 73:		Linha 73:
	#[https://timeline.knightlab.com/docs/index.html Using Timeline JS ]		#[https://timeline.knightlab.com/docs/index.html Using Timeline JS ]
	#[https://humanidadesdigitais.org/o-que-sao-humanidades-digitais/ O que são humanidades digitais?]		#[https://humanidadesdigitais.org/o-que-sao-humanidades-digitais/ O que são humanidades digitais?]
		+
		+
		+	[[Category: Timeline]]

← Edição anterior		Edição das 00h35min de 3 de julho de 2018
Linha 48:		Linha 48:


		+	'''Veja como ficou:'''

−	'''[https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1EKHQd28x2m6fl6P1QeL1k95IfCISw7x8UxznU4Hd0lk&font=Default&lang=en&initial_zoom=2&height=650 CLIQUE AQUI]''' para visualizar a linha do tempo gerada a partir de alguns eventos de Humanidades Digitais.	+
		+	[[Arquivo:7pp.png]]
		+
		+
		+	'''[https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1EKHQd28x2m6fl6P1QeL1k95IfCISw7x8UxznU4Hd0lk&font=Default&lang=en&initial_zoom=2&height=650 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.		É possível editar a linha do tempo a qualquer momento a partir da planilha.

Timeline JS - Histórico de revisão

Gabriel.macedo: Category: Timeline

Raissa.meirelles em 00h35min de 3 de julho de 2018

Raissa.meirelles: Criou página com 'right A ''[https://timeline.knightlab.com/ Timeline JS]'' é uma ferramenta online, gratuita, de código aberto, que permite a criação de uma linha do...'