AccidentMap PoaCleverson Lopes Ledur

PONTIFÍCIA UNIVERSIDADE CATÓLICA DO RIO GRANDE DO SULFACULDADE DE INFORMÁTICA - FACIN

Tópicos Especiais em Visualização I

Roteiro● Motivação● Objetivos● OpenLayers● Dados● Construção● Dificuldades● Demonstração● Conclusão

Introdução

● Visualização geográfica dos acidentes de Porto Alegre.○ 2000 - 2013○ Sem agrupamentos○ Diferentes marcadores para cada tipo de acidente.

● Heatmap (calendário) ○ Dividido por meses e anos

MotivaçãoO acidente de trânsito é uma ocorrência que afeta diretamente o cidadão. (ferimentos, mortes, psicologicamente,...)

É algo que pode acontecer com qualquer pessoa.

A adoção de melhorias de segurança no trânsito são sempre bem-vindas.

Objetivos

● Criar uma visualização sobre os acidentes de trânsito em Porto Alegre.

● Demonstrar os locais dos acidentes em um mapa.

● Demonstrar os meses em que ocorreram mais acidentes.

● Oferecer interatividade na visualização.

OpenLayers“OpenLayers is a pure JavaScript library for displaying map data in most modern web browsers, with no server-side dependencies. OpenLayers implements a JavaScript API for building rich web-based geographic applications, similar to the Google Maps APIs, with one important difference -- OpenLayers is Free Software, developed for and by the Open Source software community.” (http://openlayers.org/)

OpenLayers - Criando Mapa

OpenLayers - Adicionando Marcadores

Dados● Utilizados os dados do DataPoa sobre Acidentes de

trânsito em Porto Alegre.● 13 arquivos no formato CSV divididos por ano.

Dados

Os arquivos possuem informações de:● Data;● Local;● Tipos e quantidades de veículos;● Tempo;● Período do dia (noite/dia);● Tipo de acidente;● Número de mortos/feridos;

Dados

● Cada arquivo possui aprox. entre 15.000 e 22.000 linhas.

● De 35 - 42 colunas

Construção

● OpenLayers○ Criação do mapa e marcações.

● PHP, CSS, JavaScript e HTML○ Extração dos dados, preparação e

configurações da página.

Arquivos CSV Index.php

Filtragem

myScript.jsOpenLayers

Marcadores

Dia / Noite

Tempo

Mortes / Feridos=

18 ícones diferentes

Criação do Mapa

São exibidos os acidentes divididos por mês e ano.

- Por ano fica ilegível (devido ao grande número de marcadores)

- Agrupamento não foi possível devido aos diversos ícones.

Mapa

Clicando no Marcador

Heatmap (Calendário)

● Permitir visualizar os meses do ano que ocorrem mais acidentes.

● Ao clicar na cor do mês, carregar os marcadores referentes ao período no mapa.

Heatmap (calendário)

● Feito sem utilização de nenhuma biblioteca.

● Somente foi utilizado HTML e PHP.

Calendário

Calendário

Controles

Dificuldades

● Colunas dos arquivos CSV diferentes.

● Javascript

● Memória do Host

Acesso

http://cleversonledur.com.br/trabalhovis/

→ Mozilla Firefox

Demonstração da Visualização

Conclusão

Com o desenvolvimento desta visualização foi possível verificar os locais onde ocorreram acidentes analisando os dados históricos e também verificar os períodos do ano onde existe um número maior de acidentes na cidade de Porto Alegre.

ReferênciasHAZZARD, Erik. OpenLayers 2.10 Beginner's Guide. Packt Publishing Ltd, 2011.

PAIXÃO, Wdnei R. Uma Aplicação baseada em SIG para Análise de Acidentes de Trânsito: Estudo de caso na Rodovia BR-101/ES. IFES–Campus Serra, 2011.

SANTOS, L. (2006) Análise dos acidentes de trânsito do Município de São Carlos utilizando Sistema de Informação Geográfica – SIG e ferramentas de estatística espacial. Dissertação de Mestrado em Eng. Urbana, UFSCar.

W3C Schools (2014). JavaScript Tutorial. http://www.w3schools.com/js/DEFAULT.asp, Maio.

W3C Schools (2014). PHP Tutorial. http://www.w3schools.com/PHP/DEFAULT.asp, Maio.

W3C (2014). Guia de Referência CSS 2.1. http://www.w3c.br/divulgacao/guiasreferencia/css2/ , Maio.

Referências e trabalhos relacionadosHAZZARD, Erik. OpenLayers 2.10 Beginner's Guide. Packt Publishing Ltd, 2011.

PAIXÃO, Wdnei R. Uma Aplicação baseada em SIG para Análise de Acidentes de Trânsito: Estudo de caso na Rodovia BR-101/ES. IFES–Campus Serra, 2011.

SANTOS, L. (2006) Análise dos acidentes de trânsito do Município de São Carlos utilizando Sistema de Informação Geográfica – SIG e ferramentas de estatística espacial. Dissertação de Mestrado em Eng. Urbana, UFSCar.

W3C Schools (2014). JavaScript Tutorial. http://www.w3schools.com/js/DEFAULT.asp, Maio.

W3C Schools (2014). PHP Tutorial. http://www.w3schools.com/PHP/DEFAULT.asp, Maio.

W3C (2014). Guia de Referência CSS 2.1. http://www.w3c.br/divulgacao/guiasreferencia/css2/ , Maio.

QGis: QGIS is a user friendly Open Source Geographic Information System (GIS) licensed under the GNU General Public License. QGIS is an official project of the Open Source Geospatial Foundation (OSGeo). It runs on Linux, Unix, Mac OSX, Windows and Android and supports numerous vector, raster, and database formats and functionalities.