🌎
Documental.xyz
  • Documental.xyz
  • Configuração da plataforma
  • Organizando os geodados no Mapbox
  • Publicando uma história
  • Técnicas de scrollytelling
  • Métodos de scrollytelling
  • Como colaborar?
  • Referências e recursos
  • Equipe
Powered by GitBook
On this page
  • Integração com o Mapbox
  • Content
  • Cover
  • Map Blocks

Publicando uma história

PreviousOrganizando os geodados no MapboxNextTécnicas de scrollytelling

Last updated 2 years ago

Para publicar uma história, selecione a opção Stories e, em seguida, o botão Create entry na sua instalação. Repare que serão exibidas duas abas: Content and Mapbox. Na primeira, iremos inserir o conteúdo da página propriamente dito e, na segunda, fazemos a integração com o Mapbox. Iremos começar por esta última.

Integração com o Mapbox

Clique na segunda aba, Mapbox.

Depois disso, será necessário definir qual será a visualização inicial ou "ponto de partida" no mapa. Você pode definir também uma localização (latitude e longitude, Mapbox start lat e Mapbox Access Token, respectivamente) e um nível de zoom para sua visualização.

Content

A aba está dividia em duas partes. Na seção superior, é possível definir um título (title), resumo (abstract) e uma imagem de capa (cover image) para a história. Em seguida, há a seção NARRATIVE. A versão atual do Documental disponibiliza quatros tipos de elementos para a construção da narrativa.

Para a construção de narrativas baseadas em mapas, a mais importante delas é o Map blocks. Porém, abaixo, iremos ver em detalhes todas opções.

Cover

Este elemento permite a inclusão de imagens, vídeos ou títulos ocupando toda largura da tela. Como o nome indica, é útil para fazer "capas", que servem para apresentar as seções ou capítulos (chapters) do seu trabalho.

É possível incluir, por exemplo, uma foto ou vídeo de impacto como imagem de fundo (background) e inserir campos de texto. Em Chapter intro, existem campos para definição de título e subtítulo. Textos mais longos podem ser incluídos como Texto block. Ambos irão aparecer sobrepostos na imagem de fundo, se definida.

Para melhorar a legibilidade do texto, é possível também definir uma nível de transparência para a imagem, no campo Overlay Opacity.

Article

O elemento Article permite a inclusão de textos corridos, que aparecem centralizados na tela sobre um fundo branco. O Statamic oferece alguns recursos de formatação para hierarquização de títulos, negrito, itálico, listagens e enumerações, citações, links e códigos.

Video gallery

Este recurso permite a incorporação (embed) de fontes externas de vídeos, como o YouTube e o Vimeo. É possível definir um título geral para a galeria e um ou mais vídeos para serem exibidos, cada um pode ter também seu próprio título.

Na visualização, os vídeos aparecem centralizados, ocupando toda largura da tela, e podem ser reproduzidos na própria página.

Map Blocks

Os blocos de mapas ("map blocks") são a essência da construção de narrativas baseadas em mapas no Documental. Além das informações latitude/longitude e de um bloco de texto a ser exibido sobre o mapa, é possível ainda configurar outras opções.

  • Duration: duração da transição entre os blocos, em milissegundos;

  • Zoom: nível de zoom do mapa;

  • Pitch: permite definir uma "inclinação" da câmera;

Layers

Na seção 'Layers', listamos os dados geográficos do Mapbox que devem ser exibidos. Também é possível fazer filtros para que apenas determinadas feições (features) dos dados apareçam.

Labels

Permite definir rótulos explicativos para os dados, como legendas descritivas para visualizações de dados.

Aqui, precisaremos dos códigos geradas na . Cole os códigos obtidos para os campos Mapbox Style e Mapbox Access Token.

Confira abaixo um exemplo real de como é a visualização de três valores diferente para o zoom, com imagens do projeto .

: este campo permite rotacionar o mapa. Se o valor dele for 0, significa que o mapa ficará visualizado com o norte "para cima". Os valores 90, 180 e 270 representam o leste, sul e oeste, respectivamente.

etapa anterior
Territórios de Exceção
Bearing
38KB
narrative.png
image
Opções de elementos para construção da narrativa.
Integração do Statamic com o Mapbox ao criar uma nova história.