Pré-visualizações

Vídeo demonstração

Tutorial

As pré-visualizações permitem uma rápida visualização do conteúdo referenciado em uma determinada posição no texto, sem necessariamente o usuário alterar a sua posição no código fonte.

Esta funcionalidade é ativada assim que o ponteiro do mouse é posicionado sobre o valor do atributo “src” de um elemento “media” no documento NCL. De modo semelhante, é ainda possível pré-vizualizar as regiões definidas no documento. Nesse caso, o atributo que dá início à pré-vizualização é o “id” do elemento “region”.

Pré-visualização de Conectores

Essa nova funcionalidade, é acionada quando o mouse é posicionado sobre um elemento <CausalConnector>, mostrando uma representação gráfica daquele connector.

Audio e Vídeo

A pré-visualização de áudio e vídeo ocorre com a chamada do player padrão do sistema. Desse forma, assim que o ponteiro do mouse sobrepor o atributo “src” do elemento “media”, um botão de play é exibido, através do qual é realizada a chamada do player.

tutorial-previsualization01.jpg

Imagem

Quando o tipo de mídia é uma imagem esta é exibida.

tutorial-previsualization02.jpg

Regiões

A pré-visualização das regiões exibe não só as suas dimensões e posicionamento, como o aninhamento entre as mesmas.

tutorial-previsualization03.jpg

Texto

Quando o tipo de mídia é um texto e, em especial, um arquivo html, a pré-vizualização pode se dar tanto a nível de código fonte, como de apresentação final.

*.html (View)

*.html (Source)

tutorial-previsualization05.jpg

*.txt

tutorial-previsualization06.jpg