LARHUD - Contribuições do(a) usuário(a) [pt-br]

Timeline JS

2018-07-03T00:35:20Z

Raissa.meirelles:

[[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]]

'''Veja como ficou:'''

[[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.

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?]

Arquivo:7pp.png

2018-07-03T00:33:47Z

Raissa.meirelles:

Timeline JS

2018-07-03T00:13:41Z

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...'

[[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?]

Arquivo:6pp.png

2018-07-03T00:09:44Z

Raissa.meirelles:

Arquivo:5pp.jpg

2018-07-03T00:01:31Z

Raissa.meirelles:

Arquivo:4pp.jpg

2018-07-02T23:56:57Z

Raissa.meirelles:

Arquivo:3pp.jpg

2018-07-02T23:52:43Z

Raissa.meirelles:

Arquivo:2pp.png

2018-07-02T23:15:12Z

Raissa.meirelles:

Arquivo:1pp.jpg

2018-07-02T23:14:57Z

Raissa.meirelles:

Arquivo:0p.jpg

2018-07-02T23:13:53Z

Raissa.meirelles:

Ferramentas

2018-07-02T23:08:38Z

Raissa.meirelles: /* Visualização de Dados */

Ferramentas utilizadas em Humanidades Digitais:

=Análises Textuais=

[[Annotation Studio]]: aplicativo da Web de fácil uso que permite aos usuários escrever anotações nas margens de textos digitais.

[[Cortext]]: Permite criar gráficos a partir de palavras chaves a partir de um corpus.

[[InqScribe]]: software de transcrição de áudios e vídeos e de legendagem.

[[Google Ngram Viewer]] - O [https://books.google.com/ngrams Google Books Ngram Viewer] é uma ferramenta cujo objetivo é visualizar a história, ascensão, desenvolvimento e desuso de termos, palavras, ideias ou expressões ao longo do tempo. Em linhas gerais, a ferramenta apresenta a evolução de um termo ao longo do tempo desde seu surgimento, perpassando os períodos em que mais aparece, até quando, possivelmente, deixa de ser utilizado.

[[VosViewer]]: Permite criar redes bibliográficas.

[https://pt.wikipedia.org/wiki/IRaMuTeQ IRaMuTeQ]: O software realiza mineração de dados em textos, permitindo a obtenção de várias análises quantitativas dos corpus linguísticos: estatísticas textuais clássicas (contagem de palavras), pesquisa de especificidades de grupos, classificação hierárquica descendente, análise de similitudes e nuvem de palavras.

[[TagCrowd]]: É uma ferramenta de análise de texto, que indica ocorrência de termos e gera nuvem de palavras/tags.

[https://wiki.digitalmethods.net/Dmi/ToolTextRipper TextRipper]: Gera arquivos textos de um determinado site ou PDF

[[Voyant Tools]]: utilizado para mineração de textos.

=Extensões para compartilhar anotações=

[[Diigo]]: Ferramenta colaborativa para gestão do conhecimento pessoal.

[http://www.annotationstudio.org/ Annotation Studio]

[[Padlet]]: Aplicativo gratuito para montar painéis ou murais que permite aos usuários registrar, editar, guardar e compartilhar conteúdo multimidia.

=Mapas=

[https://en.wikipedia.org/wiki/TimeMap TimeMap]: é utilizado para desenvolver mapas interativos para web sites, para intranets ou para quiosques em museus. Além de utilizar [[dataset | datasets]] estáticos, o software tambem pode se conectar a banco de dados e, dessa forma, disponibilizar mapas com dados em tempo real.

=Repositórios=

[[Internet Archive]]: é um repositório digital criado em 1996 com o objetivo de guardar todas as páginas web disponibilizadas na internet, armazenando, inclusive, suas modificações ao longo do tempo. Atualmente é considerada uma das maiores biblioteca abertas do mundo e conta com cerca de 30 petabytes de dados. Além dos websites, seu acervo é composto por materiais multimídia, livros e programas de TV. Pode ser acessado livremente, de qualquer lugar e a qualquer hora. [https://archive.org/ clique]

=Visualização de Dados=

[[inZight]] Permite montar gráficos e estatísticas a partir de um conjunto de dados de forma interativa.

[[Orange]]: Ferramenta de código aberto que possibilita o uso para visualização e mineração de dados, assim como, para machine learning.

[[Information is Beautiful]]: site que permite a visualização de diversos tipos de gráficos a partir de dados coletados previamente pela equipe do site; são disponibilizados dados desde a área da saúde até entretenimento.

[[Timeline JS]]: ferramenta online, gratuita, de código aberto, que permite a criação de uma linha do tempo através de JavaScript.

=Gerenciadores de referências=
[[Zotero]]: Software de gerenciamento de referências bibliográficas, gratuito e em código aberto.

=Bibliografia=
POLLEY, David E. Visualizing the topical coverage of an institutional repository with VOSviewer. In: MAGNUSON, Lauren (Ed.). Data visualization: a guide to visual storytelling for libraries. Rowman & Littlefield, 2016.

Artigo sobre o Voyant Tools [http://eati.info/eati/2017/assets/anais/Longos/L129.pdf]

Ferramentas

2018-07-02T23:01:43Z

Raissa.meirelles: /* Visualização de Dados */

Ferramentas utilizadas em Humanidades Digitais:

=Análises Textuais=

[[Annotation Studio]]: aplicativo da Web de fácil uso que permite aos usuários escrever anotações nas margens de textos digitais.

[[Cortext]]: Permite criar gráficos a partir de palavras chaves a partir de um corpus.

[[InqScribe]]: software de transcrição de áudios e vídeos e de legendagem.

[[Google Ngram Viewer]] - O [https://books.google.com/ngrams Google Books Ngram Viewer] é uma ferramenta cujo objetivo é visualizar a história, ascensão, desenvolvimento e desuso de termos, palavras, ideias ou expressões ao longo do tempo. Em linhas gerais, a ferramenta apresenta a evolução de um termo ao longo do tempo desde seu surgimento, perpassando os períodos em que mais aparece, até quando, possivelmente, deixa de ser utilizado.

[[VosViewer]]: Permite criar redes bibliográficas.

[https://pt.wikipedia.org/wiki/IRaMuTeQ IRaMuTeQ]: O software realiza mineração de dados em textos, permitindo a obtenção de várias análises quantitativas dos corpus linguísticos: estatísticas textuais clássicas (contagem de palavras), pesquisa de especificidades de grupos, classificação hierárquica descendente, análise de similitudes e nuvem de palavras.

[[TagCrowd]]: É uma ferramenta de análise de texto, que indica ocorrência de termos e gera nuvem de palavras/tags.

[https://wiki.digitalmethods.net/Dmi/ToolTextRipper TextRipper]: Gera arquivos textos de um determinado site ou PDF

[[Voyant Tools]]: utilizado para mineração de textos.

=Extensões para compartilhar anotações=

[[Diigo]]: Ferramenta colaborativa para gestão do conhecimento pessoal.

[http://www.annotationstudio.org/ Annotation Studio]

[[Padlet]]: Aplicativo gratuito para montar painéis ou murais que permite aos usuários registrar, editar, guardar e compartilhar conteúdo multimidia.

=Mapas=

[https://en.wikipedia.org/wiki/TimeMap TimeMap]: é utilizado para desenvolver mapas interativos para web sites, para intranets ou para quiosques em museus. Além de utilizar [[dataset | datasets]] estáticos, o software tambem pode se conectar a banco de dados e, dessa forma, disponibilizar mapas com dados em tempo real.

=Repositórios=

[[Internet Archive]]: é um repositório digital criado em 1996 com o objetivo de guardar todas as páginas web disponibilizadas na internet, armazenando, inclusive, suas modificações ao longo do tempo. Atualmente é considerada uma das maiores biblioteca abertas do mundo e conta com cerca de 30 petabytes de dados. Além dos websites, seu acervo é composto por materiais multimídia, livros e programas de TV. Pode ser acessado livremente, de qualquer lugar e a qualquer hora. [https://archive.org/ clique]

=Visualização de Dados=

[[inZight]] Permite montar gráficos e estatísticas a partir de um conjunto de dados de forma interativa.

[[Orange]]: Ferramenta de código aberto que possibilita o uso para visualização e mineração de dados, assim como, para machine learning.

[[Information is Beautiful]]: site que permite a visualização de diversos tipos de gráficos a partir de dados coletados previamente pela equipe do site; são disponibilizados dados desde a área da saúde até entretenimento.

[[Timelime JS]]: ferramenta online, gratuita, de código aberto, que permite a criação de uma linha do tempo através de JavaScript.

=Gerenciadores de referências=
[[Zotero]]: Software de gerenciamento de referências bibliográficas, gratuito e em código aberto.

=Bibliografia=
POLLEY, David E. Visualizing the topical coverage of an institutional repository with VOSviewer. In: MAGNUSON, Lauren (Ed.). Data visualization: a guide to visual storytelling for libraries. Rowman & Littlefield, 2016.

Artigo sobre o Voyant Tools [http://eati.info/eati/2017/assets/anais/Longos/L129.pdf]