Visualização de Informação EMAp - FGV Setembro, 2015 Mestrado em Modelagem Matemática da Informação Prof. Asla Medeiros e Sá Walter Dominguez

Slides:



Advertisements
Apresentações semelhantes
Tutorial Joomla! Gerenciando Artigos Inclusão ou Edição de Artigos
Advertisements

Atividade 5 Objetivos: Conhecer as regras CSS “width”, “margin-left:auto” e “margin-left:right” e verificar que elas não funcionam no IE a menos que coloquemos.
Tutorial de Pesquisa Básica de Bibliotecas Acadêmicas
Faculdades Integradas Santa Cruz
WINDOWS Sistemas Operacionais PLATAFORMA TECNOLÓGICOS
Support.ebsco.com Tutorial do Meu EBSCOhost Tutorial.
Criação de Páginas Web Criação de Páginas Web – KompoZer
Como criar um website utilizando programas da Macromedia
Encontro Linguagem HTML; 13. Hospedagem na WWW.
Base SCOPUS 2011 Divisão de Biblioteca e Documentação FMUSP.
PUCRS Introdução a gráficos.
Wagner Santos C. de Jesus Roberto Cordeiro Walts
Tecnologia para Web JavaScript
Html 4 – Formatação de Páginas
Aula 01 – Apresentação e introdução html
HTML O que é? HiperText Markup Language
Programação WEB HTML.
A Linguagem HTML.
AULA DE HTML BÁSICO.
Linguagem de Programação para WEB
CSS Programação Web.
Criando Apresentações
VISÃO GERAL DO APLICATIVO.
HTML Técnicas em Programação para Internet
Aulas ministradas por:
Dicas para pesquisas no Google
Aula02 TAGS Estrutura de uma página html Como salvar página web
Acadêmicos: Durval Slompo Junior / Verediane R. S. Monteiro
Layout.
1ª Aula de Html Íria Albuquerque.
Material elaborado por
Introdução à Programação para WEB
Programação WEB HTML.
LOGIN Para acessar o sistema, digite em seu browser:
Cascading Style Sheets Folhas de Estilo em Cascata
Disciplina: Metodologia da Pesquisa e Tecnologia
Treinamento em HTML & CSS
Professor: Márcio Amador
Escola de Engenharia de Piracicaba Sistemas de Apoio a Decisão
Ferramentas para Sistema Web
WIC’ 2015-I WorkShop para o Ingressante em Ciência da Computação Curso de Desenvolvimento para WEB – HTML5.
Unidade 2 – Revisão de HTML, CSS e Formulários Prof.: Henrique Santos
Manual Sistema Stratec
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
Linguagens Web - Cliente Aula 2 Introdução ao HTML e XHTML Prof. Gilmar Medeiros – Fevereiro/2010 Instituto Metodista Izabela Hendrix Curso de Tecnologia.
7 - Criação de Páginas Web
Internet e Programação Web
O que é CSS? O CSS (Cascading Style Sheets) ou Folhas de Estilo em Cascatas é uma documentação que define as regras de formatação que serão aplicadas aos.
Passo a passo – Instrutor PeerMark – Avaliação por Pares.
Coordenação Regional de Tecnologia na Educação
Karine Alessandra Córdova
Karine Alessandra Córdova
HTML - HyperText Markup Language Professora: Fabrícia F. de Souza.
HTML Prof. Geyson Silva.
WIKISPACE Tutorial. Índice TópicoSlide Cadastramentoslide 3 Informações iniciaisslide 4 Edição básicaslides 5 – 7 Inserção de arquivos e imagensslides.
MRTG: Muito Ruim Ter que Gravar :D (Brincadeira) na verdade é:
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 02 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 02.
Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013.
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas
Workshop Linguagem de Hipertextos Formatação de Páginas para Web com CSS.
Prof. Wolley Profa. Érika
Introdução a Arquitetura, HTML e CSS
Desenvolvimento WEB II Introdução ao AJAX Professora: Kelly de Paula Cunha.
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas Programação para Aplicações WEB Profa. Semíramis Assis
Frames O frame é uma página que contém várias outras encaixadas. O frame tem ótima apresentação, mas é muito controverso. Embora forneçam excelentes recursos.
YOUR LOGO Tópicos Avançados em Internet Prof. Lincoln Ferreira Dantas Sistemas de Informação UNIESP – Presidente Epitácio.
WebDesign JavaScript e jQuery. HTML e W3C - O HTML segue padrão XML - linguagem somente de marcação - somente de visualização de conteúdo sem formatação.
Aplicativos para Web Prof.ª Erika Miranda Prof. Wolley.
Visualização de Informação
Visualização de Informação
Transcrição da apresentação:

Visualização de Informação EMAp - FGV Setembro, 2015 Mestrado em Modelagem Matemática da Informação Prof. Asla Medeiros e Sá Walter Dominguez

Indice: Visualizações Introdução Objetivo Requisitos Papeis Nuvem de palavras Processo para produzir a visualização Prospecção futura Visualização de Informação Visual NuvemPal avra Togecrowd. comwd.co m Togecrowd. comwd.co m Apoie. org  Pull

Visualização de Informação Visualização 1: Palavras em Portugues com frequencia 1, max pal para mostrar 326 e mostrando a frequencia. Foram achadas 318/318 palavras, variando tamanho e tonalidade da cor azul da palavra e em ordem alfabética..

Visualização de Informação Visualização 2: Palavras em Inglês com frequencia 1, max pal para mostrar 326 e mostrando a frequencia. Foram achadas 326/328 palavras, variando tamanho e tonalidade da cor azul da palavra e em ordem alfabética..

Visualização de Informação Visualização 3: Palavras em Portugues com frequencia 13 (menor frequencia de uma das palavras do tópico), max pal para mostrar 326 e mostrando a frequencia.. Foram achadas 23/318 palavras, variando tamanho e tonalidade da cor azul da palavra e ordem Alfabética.

Visualização de Informação Visualização 4: Palavras em Portugues com frequencia 13, max pal para mostrar 300 e variando dados pela tonalidade da cor azul. Excluindo as palvras: apoie atribuir blank bold br chave class desc div font-weight frequencia height href html http li nao nbsp org px span style tagcloud tagcrow tagcrowd target texto titulo ul visualnuvempalavras visualnuvenmpalavras width xml

Visualização de Informação Indice do Relatório detalhado (makeoff)Relatório detalhado Treemap do indice -->

MOTIVAÇÃO Será que o nome do tópico esta coerente com seu conteudo? A resposta é utilizar a visualização de nuvem de palavras em um site de tópicos que se conheça a base de dados (apoie.org), para identificar as palavras de maior ocorrência e analisar. Este trabalho apresenta um ciclo de visualizações para verificar se o nome do tópico corresponde com seu conteudo de forma ágil. O conteudo do tópico é um texto no formato XML contendo várias tag's de script's e texto em português.. Visualização de Informação

MOTIVAÇÃO O método de desenvolvimento utilizado foi a partir de uma solução fazer melhoras continuas até a obtenção de um produto aceitavel. Foram utilizadas as ferramentas: Webservices de visualização já existente ( no qual foi colocado o conteudo e obtida a visualização. A apresentação do visualizador com seu conteudo foi feita pela apresentador já existente ( apoie.org). O código gerado das palavras foi salvo usando a própria ferramenta de visualização. A alteração desse código foi feita com editor html Kompozer. A Tecnologia utilizada: html, css, javascript e xml. Visualização de Informação

Requisitos: Fonte: O arquivo contém um tópico e esta no format xml. Contem: texto puro com tag’s xml, html, javascript, svg e outros scripts que possam surgir posteriormente. Visualização: Linguagem do texto: Português Numero máximo de palavras para mostar? : 40 (pode variar) Frequencia minima? : 5 (pode variar) Mostra frequencia junta as palavras?: yes (pode ser não) Visualização de Informação

Requisitos: Agrupa somente palavras similares? (Sómente em Inglês): sim (pode ser não) Converte para letra minuscula? : original Cor das palavras: uma cor (azul) com duas tonalidades Não mostrar palavras ou grupo de palavras selecionadas.. Visualização de Informação

Papéis: Iniciador- Asla Medeiros e Sá Coordenador – Walter Dominguez Jornalista, Designer, Cientista de Dados, Cientista Cognitivo, Comunicador – Walter (16,6% do esforço) Visualização de Informação

Criador dos dados: Conteudista (VisualNuvemPalavras.xml)VisualNuvemPalavras.xml Consumidor dos dados: Conteudista e Gestor do conhecimento Visualização de Informação Público

Variáveis de dados: 1 categoria nominal (texto). 1 quantitativa (frequencia das palavras). Variáveis visual: Tamanho da letra, tonalidade (claro/escuro) cor (azul). Método: Ocorrências de palavras. Iteração: Frequência minima de ocorrência, numero de palvras mostradas, palavras fora do contexto, idioma, conversão em letras minusculas ou original, grupo de palavras similares. Descrição: Cada palavra tem seu tamanho regido pela relevância em determinado corpo de texto. Contagem simples das ocorrências de determinada palavra no texto. Uma palavra citada 10 vezes vai ter um tamanho proporcionalmente maior do que uma palavra citada 5 vezes. A saida esta em ordem alfabética. As palavras excluidas deverão aparecer em ordem alfabética. Visualização de Informação Componentes da sintaxe gráfica

Fonte VisualNuvemPalavras.xml Seleção Palavras não selecionadas da fonte: alt aparecerao blank blog bold br caracteristicas class cloud componentes desc div entao exemplos font font-weight height href http id img informacao justify li linguagem links nao ordem org px quantidade sao sintaxe site span src strong style table tag tambem tarciziosilva tbody td text-align tipo title titulo topicos tr tras ul vao web width wikipedia wp wp-content wp- image www Ferramenta Passar os seguinte parâmetros: Visualização de Informação Processo para obtenção:

Gerador de nuvem de palavras: 1. Copiar texto fonte e colar em: Paste text to be visualized: 2. Em Options: Language of text: Portuguese Maximum number of words to show? : 40 Minimum frequency? : 5 Show frequencies?: yes Group similar words? (English only): yes Convert to lowercase? : original Don't show these words: copiar Palavras não selecionadas da fonte do item seleção. 3. Clicar em VISUALIZE! 4. Caso não tenha atendido ao objetivo inclua palavras que não deseja aparecer e execute de novo o passo 3 Processo para obtenção:

Pré-requisito: Qual a pergunta? Qual o público? Pós-requisito: Gráfico responde a pergunta. Procedimento: Escolher o gráfico e base de dados do que se deseja obter. Transformar Grafico -> Tabela (procedimento manual) Analisar tabela identificando os componentes de visualização (proc reflexivo) Melhorar gráfico procurando novos angulos para melhorar a visualização (proc analitico no computador) Visualização de Informação Processo para produzir o gráfico

FIM Visualização de Informação