Você está na página 1de 241

1

unesp

UNIVERSIDADE ESTADUAL PAULISTA


FACULDADE DE CINCIAS E TECNOLOGIA CAMPUS DE PRESIDENTE PRUDENTE
Programa de Ps - Graduao em Cincias Cartogrficas

FRANCE MICHEL FERREIRA

DESENVOLVIMENTO DO GUIA CARTOGRFICO INTERATIVO DA UNESP PARA A INTERNET


ESTUDO DE CASO: CAMPUS DE PRESIDENTE PRUDENTE

DISSERTAO DE MESTRADO

Presidente Prudente 2004

FRANCE MICHEL FERREIRA

DESENVOLVIMENTO DO GUIA CARTOGRFICO INTERATIVO DA UNESP PARA A INTERNET


ESTUDO DE CASO: CAMPUS DE PRESIDENTE PRUDENTE

Dissertao

apresentada

Faculdade

de

Cincias

Tecnologia da Universidade Estadual Paulista Jlio de Mesquita Filho, Campus de Presidente Prudente, para a obteno do ttulo de Mestre em Cincias Cartogrficas (rea de Concentrao: Aquisio, Anlise e Representao de Informaes Espaciais).

Orientadora: Profa. Dra. Mnica Modesta Santos Decanini

Presidente Prudente 2004

F884d

France, Michel Ferreira. Desenvolvimento do guia cartogrfico interativo da unesp para a Internet estudo de caso: Campus de Presidente Prudente / Michel Ferreira France. Presidente Prudente: [s.n.], 2004 240 f. : il. , tab. Dissertao (mestrado). Universidade Estadual Paulista, Faculdade de Cincias e Tecnologia Orientador: Mnica Modesta Santos Decanini 1. Cartografia. 2. Cartografia temtica. 3. Projeto cartogrfico. 4. Mapas para web. 5. Modelagem navegacional. 6. Animao. 7. Guia cartogrfico. I. Decanini, Mnica Modesta Santos. II. Ttulo. CDD (18.ed.) 623.71

DADOS CURRICULARES

FRANCE MICHEL FERREIRA

NASCIMENTO FILIAO

21.07.1976 Santos/SP Hlio Ferreira Hilda Teodora de Abreu Ferreira

1996/2001

Curso de Graduao Engenharia Cartogrfica FCT/UNESP

2002/2004

Curso de Ps-graduao Mestrado em Cincias Cartogrficas FCT/UNESP

Ofereo Aos meus pais e irmos.

Dedico A minha eterna namorada Eliane.

AGRADECIMENTOS Agora que estou terminando mais uma grande etapa da minha vida e formao profissional me lembro das pessoas que participaram de alguma forma desse trabalho. Em primeiro lugar, agradeo a minha orientadora por toda a pacincia que teve comigo e, principalmente, pela compreenso nos momentos mais difceis que um ser humano pode ter. Espero manter sempre esse contato com algum to agradvel e de cabea to aberta a novas idias. Meus sinceros agradecimentos ao meu amigo Edmur, que me ajudou com suas sugestes em meu trabalho, principalmente na parte da produo cartogrfica e do design. Agradeo a minha querida Eliane pela compreenso da minha ausncia em prol do meu aprimoramento profissional. Certamente toda essa espera ser gratificada com longos e deliciosos momentos em nossa linda So Vicente de belas praias urbanizadas, com suas vistas panormicas dos mirantes ou do telefrico, suas cachoeiras, seus morros verdejantes, a calma rua Japo e sua charmosa Ponte Pnsil que tanto sinto falta, aqui, distante do meu lar e da sua presena. Certamente a voc a quem dedico esse trabalho. Agradeo aos meus pais e familiares que sempre me apoiaram e ficaram preocupados comigo. Agradeo ao meu amigo Mateus por sempre lembrar de mim, mesmo depois de uma dcada de exlio ainda manteve a nossa amizade. Agradeo muito ao meu amigo talo pela ajuda que me prestou nas horas difceis e pela troca de conhecimento tcnico.

Agradeo aos meus colegas da ps-graduao, com quem sempre conversei nas horas de dar um tempo do trabalho, espero que eles se mantenham unidos e que jamais as rivalidades autorais e pessoais venham a se desenvolver. Agradeo aos meus professores que tiveram pacincia em sanar a minha imensa curiosidade. Agradeo tambm ao pessoal da Engemap por fornecer dados que compem este trabalho. Agradeo aos meus irmos Fabrcio, com quem sempre aproveitei o pouco tempo que estive em casa, e Flvia com quem compartilho a mesma formao acadmica. Finalmente e mais importante, agradeo a Deus, afinal sem a existncia dEle eu jamais existiria, assim como esse trabalho.

Grande coisa haver recebido do cu uma partcula de sabedoria, o dom de achar as relaes das coisas, a faculdade de as comparar e o talento de concluir !

Machado de Assis (Memrias pstumas de Brs Cubas)

FERREIRA, F. M. Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente. Presidente Prudente, 2004. 240p. Dissertao (Mestrado em Cincias Cartogrficas) Faculdade de Cincias e Tecnologia, Campus de Presidente Prudente, Universidade Estadual Paulista Jlio de Mesquita Filho.

PALAVRAS-CHAVE: cartografia temtica, projeto cartogrfico, Internet, modelagem navegacional, animao.

RESUMO

Este trabalho visou desenvolver um guia cartogrfico interativo da UNESP para a Internet. Um prottipo foi gerado para o Campus de Presidente Prudente Faculdade de Cincias e Tecnologia (FCT/UNESP). Para isso foi realizado o projeto cartogrfico, a modelagem de dados geogrficos embasada na abordagem GeoOMT (Geographic Object Modeling Technique), e a modelagem do site, fundamentada na abordagem OOHDM (Object Oriented Hypermidia Design Method). As principais ferramentas utilizadas para a produo dos mapas foram os aplicativos Spring 4.0, ArcView 3.2 e Adobe Photoshop 7, e para a implementao do guia para a Internet foi o programa Microsoft FrontPage 4.0. Com este trabalho, as informaes a respeito dos recursos dos campi, bem como das respectivas cidades, estaro acessveis via Internet, com a finalidade de que os futuros universitrios conheam, se interessem e saibam como chegar ao campus.

10

FERREIRA, F. M. Interactive Cartographic Guide Development of UNESP for Internet Study Case: Campus de Presidente Prudente. Presidente Prudente, 2004. 240p. Dissertao (Mestrado em Cincias Cartogrficas) Faculdade de Cincias e Tecnologia, Campus de Presidente Prudente, Universidade Estadual Paulista Jlio de Mesquita Filho.

KEYWORDS: thematic cartography, cartographic design, Internet, navigational modeling, animation.

ABSTRACT

The aim of this work is to develop an UNESP interactive cartographic guide for Internet. In order to do that, it was created a prototype for the Presidente Prudente Campus - Faculdade de Cincias e Tecnologia (FCT/UNESP). It was carried out the cartographic design, the data modeling, that was based on Geo-OMT (Geographic Object Modeling Technique) approach, and the site modeling, based on OOHDM (Object Oriented Hypermidia Design Method) approach. The main tools used to produce the maps were Spring 4.0, ArcView 3.2 and Adobe Photoshop 7 software resources. In order to develop the guide for Internet it was used Microsoft FrontPage 4.0 software. By through this work information about the campi will be available in the Internet. This will help future students gain interest and at same time, know how to get to the campus.

11

SUMRIO

LISTA DE FIGURAS .................................................................................................13 LISTA DE TABELAS .................................................................................................15 LISTA DE TABELAS .................................................................................................15 1. INTRODUO ......................................................................................................17 1.1 Objetivos..........................................................................................................19 1.2 Estrutura do trabalho .......................................................................................19 2. PROJETO CARTOGRFICO E MODELO DE DADOS GEOGRFICOS PARA A INTERNET ................................................................................................................20 2.1 Princpios do projeto cartogrfico ....................................................................20 2.1.1 Uso de cores no projeto cartogrfico.........................................................27 2.1.2 Animao na cartografia ...........................................................................35 2.2 Projeto cartogrfico na web para mapas tursticos ..........................................38 2.3 Modelagem de dados geogrficos para a web ................................................47 2.3.1 Modelo de dados geogrficos ...................................................................47 2.3.2 Modelo de sistema hipertexto ...................................................................60 2.4 Usabilidade de sites.........................................................................................70 2.4.1 Avaliao de usabilidade para sites ..........................................................74 3. PROJETO DO GUIA CARTOGRFICO INTERATIVO DA UNESP......................76 3.1 Descrio da rea geogrfica ..........................................................................76 3.2 Anlise das demandas e possibilidades do usurio ........................................79 3.3 Organizao da Informao geogrfica ...........................................................86 3.4 Definio das escalas de trabalho ...................................................................89 3.5 Modelagem dos dados geogrficos .................................................................91 3.6 Modelagem de sistema hipertexto ...................................................................96 4. PROJETO E PRODUO DOS MAPAS DO GUIA CARTOGRFICO INTERATIVO DA UNESP PARA A INTERNET.......................................................101 4.1 Coleta e edio dos dados cartogrficos .......................................................101 4.2 Projeto temtico UNESP NO ESTADO DE SO PAULO............................108 4.2.1 Projeto e teste dos smbolos cartogrficos..............................................108 4.2.2 Projeto e produo do mapa temtico.....................................................120 4.3 Projeto temtico COMO CHEGAR ..............................................................124 4.4 Projeto temtico CIDADE DE PRESIDENTE PRUDENTE..........................129 4.5 Projeto temtico CENTRO DE PRESIDENTE PRUDENTE ........................136 4.6 Projeto temtico FACULDADE DE CINCIAS E TECNOLOGIA CAMPUS DE PRESIDENTE PRUDENTE ..........................................................................141 4.7 Tabelas de descrio dos cursos ministrados na FCT/UNESP .....................146 5. IMPLEMENTAO DO GUIA CARTOGRFICO INTERATIVO DA UNESP PARA A INTERNET ...........................................................................................................151

12

5.1 Introduo......................................................................................................151 5.2 Estrutura do guia cartogrfico interativo ........................................................153 6. CONCLUSES E RECOMENDAES..............................................................168 REFERNCIAS BIBLIOGRFICAS ........................................................................170

APNDICE A FORMULRIO DE PESQUISA APLICADO AOS ALUNOS


INGRESSANTES DO CAMPUS DE PRESIDENTE PRUDENTE NO ANO DE 2004 ................................................................................................................................173

APNDICE B QUADROS DE DESCRIO DAS CLASSES E


RELACIONAMENTOS DO MODELO CONCEITUAL DOS DADOS GEOGRFICOS ................................................................................................................................177

APNDICE C QUADROS DE DESCRIO DOS NS E ELOS DO PROJETO


NAVEGACIONAL ....................................................................................................199

APNDICE D QUADROS DE DESCRIO DOS CONTEXTOS


NAVEGACIONAIS E ESTRUTURAS DE ACESSO ................................................208

APNDICE E QUADROS DE DESCRIO ADVS ........................................219 APNDICE F QUADROS DE DESCRIO DOS DIAGRAMAS DE
CONFIGURAO DOS ADVS ..............................................................................228

APNDICE G QUADROS DE DESCRIO DOS ADVCHARTS ...................237

13

LISTA DE FIGURAS

Figura 1 Fatores envolvidos no projeto de smbolos cartogrficos........................21 Figura 2 Variveis interdependentes do projeto cartogrfico ................................23 Figura 3 Variveis visuais disponveis para representaes pontuais, lineares e zonais.................................................................................................................26 Figura 4 Faixa do espectro eletromagntico de radiaes visveis. .......................28 Figura 5 Mtodo de representao das cores com o slido de OSTWALD ...........29 Figura 6 Mtodo de representao das cores com o cubo de cores RGB .............30 Figura 7 Crculo psicomtrico das cores. ...............................................................31 Figura 8 Contraste simultneo de matizes por proximidade. .....................................34 Figura 9 Contraste simultneo de matizes por relao figura-fundo. .......................34 Figura 10 Esquema ilustrativo para a apresentao das mltiplas escalas ...........41 Figura 11 Caracterstica de objetos clicveis .........................................................42 Figura 12 Capacidades da legenda........................................................................43 Figura 13 Zoom compassado esttico. ..................................................................46 Figura 14 Classes do modelo Geo-OMT................................................................56 Figura 15 Notao grfica das classes do Geo-OMT.............................................57 Figura 16 Pictogramas da classe Geo-Objeto com topologia.................................58 Figura 17 Relacionamentos entre classes Geo-OMT utilizados nessa dissertao ...........................................................................................................................59 Figura 18 Relacionamentos entre classes Geo-OMT utilizados nessa dissertao ...........................................................................................................................60 Figura 19 Exemplo de carto de classe .................................................................62 Figura 20 Exemplo de carto de relacionamento ...................................................62 Figura 21 Carto de n ..........................................................................................63 Figura 22 Carto de elo..........................................................................................63 Figura 23 Primitivas grficas para definio de esquema contextual.....................65 Figura 24 Exemplo de esquema contextual de navegao ....................................65 Figura 25 Exemplo carto de descrio para contexto navegacional. ...................66 Figura 26 Carto de estrutura de acesso ...............................................................66 Figura 27 Exemplo de carto de ADV ....................................................................68 Figura 28 Exemplo de diagrama de configurao de ADV.....................................69 Figura 29 Exemplo de ADVChart ...........................................................................70 Figura 30 Relao entre nmero de usurios testados e problemas encontrados em um projeto de web........................................................................................75 Figura 31 Estado de So Paulo. Em destaque a cidade de Presidente Prudente, que contm o campus FCT/UNESP (caso de estudo). ......................................78 Figura 32 Diviso etria do grupo de calouros entrevistados.................................83 Figura 33 Ano em que os calouros comearam a usar a Internet. .........................83 Figura 34 Esquema ilustrativo para a apresentao das mltiplas escalas. ..........90 Figura 35 Modelo conceitual para a UNESP no Estado de So Paulo. .................92 Figura 36 modelo conceitual para cidade...............................................................93 Figura 37 Modelo conceitual para servios. ...........................................................94 Figura 38 Modelo conceitual para entretenimento, servios acadmicos e uso do solo. ...................................................................................................................95 Figura 39 Esquema de classes navegacionais. .....................................................97 Figura 40 Esquema para contexto navegacional. ..................................................99

14

Figura 41 Exemplo de mapa sem a edio de cores. ..........................................105 Figura 42 Exemplo de mapa aps a edio de cores. .........................................105 Figura 43 Exemplo de mapa antes da edio de feies. ....................................107 Figura 44 Exemplo de mapa aps a edio de feies........................................107 Figura 45 Mapa 1 utilizado em pesquisa de opinio de cor de fundo...................110 Figura 46 Mapa 2 utilizado em pesquisa de opinio de cor de fundo...................111 Figura 47 Mapa 3 utilizado em pesquisa de opinio de cor de fundo...................111 Figura 48 Mapa 4 utilizado em pesquisa de opinio para smbolo 1 de campus. 113 Figura 49 Mapa 5 utilizado em pesquisa de opinio para smbolo 2 de campus. 114 Figura 50 Mapa 6 utilizado em pesquisa de opinio para smbolo 3 de campus. 114 Figura 51 Mapa 7 utilizado em pesquisa de opinio para efeito visual tridimensional em smbolo reativo...........................................................................................117 Figura 52 Mapa 8 utilizado em pesquisa de opinio para efeito visual cintilante (estado 1) em smbolo reativo..........................................................................117 Figura 53 Mapa 8 utilizado em pesquisa de opinio para efeito visual cintilante (estado 2) em smbolo reativo..........................................................................118 Figura 54 Mapa 9 utilizado em pesquisa de opinio para efeito visual de sombra em smbolo reativo...........................................................................................118 Figura 55 Mapa temtico UNESP no estado de So Paulo exibindo a base cartogrfica e o tema Campus universitrio...................................................123 Figura 56 Exemplo de animao de rota (posio rodovia). ................................126 Figura 57 Exemplo de animao de rota (posio UNESP).................................127 Figura 58 Mapa temtico Cidade de Presidente Prudente.................................135 Figura 59 Mapa temtico Centro de Presidente Prudente. ................................140 Figura 60 Mapa temtico Faculdade de Cincia e Tecnologia Campus de Presidente Prudente. ......................................................................................146 Figura 61 Pgina AJUDA DO SITE....................................................................154 Figura 62 Exemplo de janela para exibio de mapa...........................................156 Figura 63 Exemplo de legenda.............................................................................158 Figura 64 Pgina de ajuda da legenda.................................................................158 Figura 65 Pgina do mapa UNESP NO ESTADO DE SO PAULO..................159 Figura 66 Exemplo de recurso de acessibilidade. ................................................160 Figura 67 Pgina do mapa CIDADE DE PRESIDENTE PRUDENTE................161 Figura 68 Pgina do mapa CENTRO DA CIDADE DE PRESIDENTE PRUDENTE. ...................................................................................................161 Figura 69 Pgina do mapa FACULDADE DE CINCIAS E TECNOLOGIA CAMPUS DE PRESIDENTE PRUDENTE. .....................................................162 Figura 70 Ajuda do zoom de ampliao de regies do mapa CIDADE DE PRESIDENTE PRUDENTE. ...........................................................................162 Figura 71 Pgina de informaes do mapa CIDADE DE PRESIDENTE PRUDENTE. ...................................................................................................163 Figura 72 Exemplo de mdia alternativa. ..............................................................164 Figura 73 Pgina do mapa animado COMO CHEGAR A FACULDADE DE CINCIAS E TECNOLOGIA. ..........................................................................164 Figura 74 Exemplo de visita a um hyperlink com foto a partir do mapa de rota de carro. ................................................................................................................165 Figura 75 Pgina CURSOS MINISTRADOS NA UNESP. .................................166 Figura 76 Pgina CURSOS MINISTRADOS NA UNESP. .................................166 Figura 77 Pgina LINKS DE SITES RELACIONADOS......................................167 Figura 78 Pgina OS CRDITOS DO GUIA. .....................................................167

15

LISTA DE TABELAS

Tabela 1 Descrio das propriedades perceptivas das variveis visuais...............25 Tabela 2 Esboo da metodologia OOHDM. ...........................................................61 Tabela 3 Resultados da pesquisa realizada com calouros da FCT/UNESP. .........79 Tabela 4 Resultados da pesquisa realizada com calouros da FCT/UNESP. .........80 Tabela 5 Resultados da pesquisa realizada com calouros da FCT/UNESP. .........81 Tabela 6 Resultados da pesquisa realizada com calouros da FCT/UNESP. .........82 Tabela 7 Classificao e descrio dos componentes da base cartogrfica. ........87 Tabela 8 Classificao e descrio dos elementos temticos................................87 Tabela 9 Classificao e descrio dos elementos temticos................................88 Tabela 10 Classificao e descrio dos elementos temticos..............................89 Tabela 11 Descrio do conjunto de entrevistados para o teste da cor de fundo de mapa. ...............................................................................................................109 Tabela 12 Cores de fundo utilizadas nos mapas de pesquisa de opinio. ...........112 Tabela 13 Descrio do conjunto de entrevistados para o teste do smbolo da UNESP.............................................................................................................112 Tabela 14 Smbolos para o campus da UNESP utilizados nos mapas de pesquisa de opinio:........................................................................................................115 Tabela 15 Descrio do conjunto de entrevistados para o teste dos smbolos para municpios. .......................................................................................................116 Tabela 16 Resultados da pesquisa de opinio sobre os smbolos reativos .........119 Tabela 17 Smbolo da feio zonal utilizada no mapa do estado de So Paulo. .120 Tabela 18 Smbolo das feies lineares utilizadas no mapa do estado de So Paulo. ...............................................................................................................120 Tabela 19 Especificao dos smbolos pontuais utilizados no mapa do estado de So Paulo.........................................................................................................120 Tabela 20 Especificao da toponmia.................................................................122 Tabela 21 Contedo da legenda do mapa UNESP no estado de So Paulo.....122 Tabela 22 Conjunto de smbolos zonais para a base cartogrfica do mapa Como chegar. ............................................................................................................124 Tabela 23 Conjunto de smbolos lineares para a base cartogrfica do mapa Como chegar. ............................................................................................................124 Tabela 24 Smbolos pontual para os temas do mapa Como chegar. ................125 Tabela 25 Especificao da toponmia.................................................................128 Tabela 26 Contedo da legenda do mapa Como chegar. .................................128 Tabela 27 Conjunto de smbolos zonais para a base cartogrfica do mapa Cidade de Presidente Prudente. .................................................................................129 Tabela 28 Conjunto de smbolos lineares para o mapa das cidades. ..................130 Tabela 29 Conjunto de smbolos pontuais para o mapa das cidades. .................130 Tabela 30 Conjunto de smbolos pontuais para o mapa das cidades. .................131 Tabela 31 Especificao da toponmia.................................................................132 Tabela 32 Contedo da legenda do mapa Cidade de Presidente Prudente. .....133 Tabela 33 Contedo da legenda do mapa Cidade de Presidente Prudente. .....134 Tabela 34 Conjunto de smbolos zonais para o mapa Centro de Presidente Prudente. ........................................................................................................136 Tabela 35 Conjunto de smbolos lineares para o mapa Centro de Presidente Prudente. ........................................................................................................136

16

Tabela 36 Descrio dos smbolos pontuais temticos para o mapa Centro de Presidente Prudente. ......................................................................................137 Tabela 37 Descrio dos smbolos pontuais temticos para o mapa Centro de Presidente Prudente. ......................................................................................138 Tabela 38 Especificao da toponmia.................................................................138 Tabela 39 Contedo da legenda do mapa Centro de Presidente Prudente.......139 Tabela 40 Conjunto de smbolos zonais para o mapa do campus. ......................141 Tabela 41 Conjunto de smbolos lineares para o mapa do campus.....................141 Tabela 42 Conjunto de smbolos pontuais para o mapa do campus....................142 Tabela 43 Conjunto de smbolos pontuais para o mapa do campus....................143 Tabela 44 Especificao da toponmia.................................................................143 Tabela 45 Contedo da legenda do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente. ...................................................................144 Tabela 46 Contedo da legenda do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente. ...................................................................145 Tabela 47 Descrio dos cursos ministrados na FCT/UNESP.............................147 Tabela 48 Descrio dos cursos ministrados na FCT/UNESP............................148 Tabela 49 Descrio dos cursos ministrados na FCT/UNESP............................149

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

17

1. INTRODUO

A comunicao a grande essncia da humanidade, devido a sua existncia e grande importncia que ocorreram os avanos nas mais diversificadas reas do conhecimento humano, assim como a prpria perpetuao das Cincias atravs das geraes. Dentre os quatro modos bsicos de comunicao, tambm quatro tipos bsicos de inteligncia, o primeiro a se desenvolver foi o domnio da habilidade espao-visual. O segundo modo apareceu na forma de rudos sociais, o terceiro tipo foi a escrita e o ltimo a habilidade de lidar com smbolos numricos (BALCHIN, 1978). Certamente que foi aps o advento da escrita que a sociedade comeou a realizar grandes saltos evolutivos, o que confere a passagem da PrHistria para a Histria. Porm, a transmisso de conhecimento atravs dos meios escritos era coibida pela sua forma de reproduo, pois os livros eram carssimos e, portanto inacessveis populao em geral, razo pela qual os professores eram tratados como integrantes da elite. O primeiro passo na comunicao em massa foi dado quando Johannes Guttenberg inventou a impressa no sculo XV. Seguindo a Histria, os grandes meios de comunicao a serem inventados foram seqencialmente o telefone, o rdio e a televiso. Cada um com suas vantagens e limitaes. Atualmente, um dos meios mais flexveis de obteno de conhecimento a Internet, que possibilita grandes economias de tempo e eliminao de distncias. Atravs dela, possvel exercer os quatro tipos bsicos de comunicao.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

18

A Internet um conjunto de vrios servios, como disponibilizao de home pages, servios de e-mail, FTP (File Transfer Protocol), servio de hora certa etc. A World Wide Web, ou simplesmente web, uma parte da Internet que pode ser definida como o conjunto de documentos livremente entrelaados atravs do conceito chamado hipertexto (WEINMAN e WEINMAN, 2002). Por extenso, o termo hipermdia compreende as diversas mdias, tais como texto, imagem, som, animao, arquivo para baixar etc. A disponibilizao de material com contedo informativo espaovisual, ou seja, cartogrfico, na Internet ainda uma tarefa desafiadora, por ser a mais recente forma de disponibilizar dados geogrficos. O design de mapas para web est fadado as limitaes, oportunidades e caractersticas desse meio. O desenvolvimento de um produto cartogrfico para a Internet se inicia com a anlise de demandas dos futuros usurios, cabendo aos profissionais produzir um bom projeto grfico e de webdesign. A implementao pode ser realizada com vrias tecnologias inerentes a Internet, algumas necessitam o pagamento de licenas por parte dos desenvolvedores, ou plugins por parte da comunidade usuria. Por fim, necessria a avaliao do produto gerado para o refinamento dos pontos falhos. Os mapas para web podem ter diversas finalidades, por exemplo, o turismo recreativo ou o receptivo. Com a finalidade de facilitar a vinda dos futuros calouros, este trabalho visa o desenvolvimento de um guia cartogrfico para a Internet que divulgue os recursos do campus e da cidade de Presidente Prudente, podendo servir de prottipo a toda UNESP.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

19

1.1 Objetivos

O objetivo geral desse trabalho desenvolver um guia cartogrfico interativo da UNESP para a Internet, tendo como estudo de caso o Campus de Presidente Prudente, na cidade de Presidente Prudente, para ser disponibilizado na web. Como objetivos especficos, tem-se: Analisar as demandas dos usurios na rea de estudo, a fim de estabelecer os temas de dados geogrficos para o guia; Projetar, produzir e testar smbolos cartogrficos; e Projetar e implementar o Guia cartogrfico interativo da UNESP para a Internet.

1.2 Estrutura do trabalho

Este trabalho composto por seis captulos. No segundo captulo define-se as bases conceituais e metodolgicas para o desenvolvimento dessa pesquisa. No terceiro captulo documenta-se toda a modelagem da base de dados geogrficos bem como a modelagem do Guia cartogrfico interativo da UNESP. No quarto captulo relata-se o procedimento para o projeto e produo cartogrfica, no qual apresenta-se os resultados dos testes com os smbolos cartogrficos produzidos. No captulo 5 descreve-se a implementao do guia cartogrfico. No ltimo captulo tem-se as concluses e recomendaes.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

20

2. PROJETO CARTOGRFICO E MODELO DE DADOS GEOGRFICOS PARA A INTERNET

2.1 Princpios do projeto cartogrfico

O termo projeto usado para descrever uma grande variedade de atividades, variando desde um simples objeto, como um jarro, at o projeto de um arranjo complexo no espao, tal como uma nova cidade ou um sistema de transporte (KEATES, 1989). No caso de um projeto cartogrfico temtico pode-se citar as etapas (BOS, 1984) ilustradas na figura 1.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

21

P Propsito

Figura 1 Fatores envolvidos no projeto de smbolos cartogrficos, Fonte: Bos (1984)

Conforme enfatiza Bos (1984), prioritariamente, deve-se definir o propsito e a partir disso passar para as etapas que seguem: A delimitao do contedo e o tipo de informao do mapa so realizados atravs da definio das variveis interdependentes com relao ao contedo do mapa, tais como: escala, rea geogrfica, formato, projeo e custos; Os dados geogrficos, assim como os elementos da base cartogrfica, so examinados para a maior compreenso das caractersticas quanto s feies geogrficas em relao s dimenses espaciais necessrias para a sua representao, sendo pontuais, lineares ou zonais. Os dados so divididos em

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

22

classes e subclasses e em seguida os seus nveis de medida devem so determinados (qualitativo, ordenativo e quantitativo); Os smbolos convencionais e padronizados dos mapas so analisados, levandose em considerao as necessidades quanto ao seu uso; Os nveis de percepo so definidos a partir dos dados solicitados e dos elementos da base cartogrfica com a relao objeto-tema/fundo-base; As variveis visuais so selecionadas, sendo includas as formas dos smbolos (pictrica, geomtrica ou alfanumrica); As exigncias dos mapas especiais so analisados levando-se em considerao os mapas utilizados em condies especiais, como, por exemplo, baixa luminosidade, curto perodo de tempo para visualizao, dimenses e resoluo espacial dos dispositivos para visualizao; O projeto com base na experincia profissional, assim como materiais para produo e reproduo, o uso do aplicativo Computer Aided Design (CAD), Sistema de Informaes Geogrficas (SIG) e editores grficos, so

implementados atravs de um projeto de smbolos, visando manter o layout agradvel; e A avaliao do projeto dos smbolos implementados feita a partir da verificao do contexto do mapa, com destaque aos nveis de percepo quanto aos smbolos utilizados. As variveis interdependentes so elementos que devem ser cuidadosamente examinados, pois esto intrinsecamente ligados entre si e a deciso sobre uma afeta a outra (OXTOBY e VAN DEN WORM (1986)1; KEATES,

OXTOBY, P. ; VAN DEN WORM, J. The Application of Type in Cartography. 1986. 61p.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

23

(1989)2 apud DECANINI e IMAI, 2001), ou seja, ao definir a escala, o formato e a rea geogrfica a quantidade e qualidade de informao a ser empregada ser selecionada. Essas variveis devem ser definidas na parte inicial do projeto. Essa fase refere-se a uma composio geral (OSTROWSKI e OSTROWSKI, 1975). Conforme figura 2, observa-se a ligao entre essas variveis interdependentes e a importncia da definio do propsito do produto cartogrfico a ser elaborado.

INFORMAO PROPSITO REA GEOGRFICA PROPSITO PROPSITO PROPSITO ESCALA

FORMATO

Figura 2 Variveis interdependentes do projeto cartogrfico. Fonte: adaptado de Oxtoby ; Van Den Worm (1986); Keates (1989) apud Decanini e Imai (2001)

As propriedades dimensionais (dependentes da escala do mapa) das feies geogrficas so escolhidas a partir da definio das variveis interdependentes, que so: Ponto: indica a posio e identidade, ou ainda uma pequena extenso territorial em relao escala do mapa; Linha: representa feies com caractersticas lineares (por exemplo, rios e estradas). No caso dos limites, as linhas podem ser consideradas parte da rea

KEATES, J. S. Cartographic Design and Production. New York: Longman, Inc.,1989.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

24

que contornam, como o limite de uma floresta, por exemplo, podendo ser utilizada, ainda, como linha divisria, como limite poltico; e rea: representa feies de reas extensas com relao escala do mapa. Quanto forma e a superfcie, os smbolos so determinados de acordo com as caractersticas das feies do terreno. As coletas de dados temticos e da base cartogrfica, ao serem analisadas, facilitam a formao da legenda. Feito isso, o passo seguinte a escolha das feies visuais, que, de acordo com os nveis de medidas, so classificados em (MARTINELLI, 1991; BOS, 1984): Qualitativo: caracteriza as relaes de diversidade e similaridade entre objetos; Ordenado: organiza as feies por ordem de importncia, levando em considerao os aspectos quantitativo, qualitativo e dataes; e Quantitativo: caracteriza as relaes de proporcionalidade entre objetos. A organizao em nveis de percepo cria uma hierarquia de importncia, tanto dentro do conjunto de dados temticos, como o conjunto de dados da base cartogrfica, ou entre ambos, baseando-se nas leis da percepo. Porm, sempre mantendo os elementos temticos com destaque sobre a base. Depois de definido o nvel de medida, a propriedade dimensional e o nvel de percepo relacionado a cada classe, escolhe-se as variveis visuais de acordo com suas propriedades perceptivas, conforme tabela 1 (BERTIN (1977)3 apud MARTINELLI (1991)). Neste quadro pode-se observar as variveis que constroem o significado da imagem (variveis visuais da imagem): duas dimenses do plano, tamanho, valor e as variveis visuais que separam os elementos grficos (variveis visuais de separao): granulao, cor, orientao, saturao e forma.
BERTIN, J. La Graphique et l Traitement Graphique de lInformation. Paris: Flammarion, 1977. p. 230-231. France Michel Ferreira
3

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

25

Da imagem

Tabela 1 Descrio das propriedades perceptivas das variveis visuais Propriedades perceptivas Varivel Tipo Associativa/ Visual Quantitativa Ordenativa Seletiva Dissociativa Dimenses Sim Sim Sim Associativa do plano Tamanho Valor Granulao Cor Orientao Forma Sim Sim Sim Sim Sim Sim Sim Sim Sim Dissociativa Dissociativa Associativa Associativa Associativa Associativa

De separao

As transcries grficas simbolizadas como destroem o significado da imagem Fonte: adaptado de Bertin (1977) apud Martinelli (1991).

Segundo Martinelli (1991), as variveis visuais transmitem um contedo semntico atravs de suas propriedades perceptivas, essas propriedades podem ser: Dissociativa a visibilidade varivel, afastando da vista tamanhos diferentes, eles somem sucessivamente; Associativa a visibilidade constante: as categorias se confundem, afastandose da vista eles somem; Seletiva o olho consegue isolar os elementos; Ordenada as categorias se ordenam espontaneamente; e Quantitativa a relao de proporo imediata.

De acordo com MacEachren (1994) algumas inovaes so encontradas, nota-se que as propriedades cromticas so desdobradas em: tom
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

26

(cor-matiz) e saturao, conforme figura 3. Nota-se as trs maneiras de implantao da simbologia: pontual, linear e zonal.

ponto

linha

rea

tamanho

valor

matiz

saturao

orientao

forma

arranjo

textura

Figura 3 Variveis visuais disponveis para representaes pontuais, lineares e zonais. Fonte: traduzido de MacEachren (1994)

Para se diferenciar a sensao de cor que as maiorias das pessoas percebem como vermelho, verde, azul etc aplica-se o termo cor-matiz.

Especificamente, a matiz a medida do comprimento de onda que uma superfcie reflete (ou emite no caso do monitor do computador). Diferentes matizes so percebidos pela reflexo de pontos diferentes no espectro eletromagntico. As cores visveis, ou seja, os matizes, variam dos longos comprimentos de onda (do

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

27

vermelho ao laranja), para os mdios (do amarelo para o verde) e para os curtos (azul e violeta). A varivel cor-saturao apresenta uma ordem visual bvia. Enquanto a varivel valor disponvel tanto para mapas preto e branco quanto coloridos, a saturao definida somente no contexto das cores. Saturao pode ser pensada como a pureza de uma cor. Mais precisamente ela a amplitude do comprimento de onda refletido (ou emitido) de uma localizao particular do mapa. Se uma variao limitada do comprimento de onda refletido, muitos resultados de cores so reconhecveis. Por outro lado, a refletncia inclui comprimentos de onda de uma larga poro do espectro, a percepo uma mistura de tonalidades sem nenhuma dominncia uma cor pura ou impura. Ao extremo, se todos os comprimentos de onda so refletidos a percepo do branco ou cinza, nenhum matiz (ou todos matizes) domina. Para se expressar a variao de luminosidade de uma cor aplica-se o termo valor (MacEachren, 1994). Altos valores so claros (por exemplo, o branco ou o amarelo) e baixos valores so escuros (por exemplo, o preto ou azul marinho). O valor tem uma escala finita, partindo do branco puro ao preto puro, que na cartografia e na impresso, freqentemente especificada como porcentagem de preto de 0% a 100%.

2.1.1 Uso de cores no projeto cartogrfico

A cor no projeto cartogrfico merece uma ateno especial, pois se trata de uma realidade sensorial sempre presente e sem dvida alguma tem grande

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

28

poder na comunicao visual, alm de atuar sobre a emotividade humana (MARTINELLI, 1991). Na percepo das cores deve-se levar em considerao trs fatores que intervm conjugadamente (MARTINELLI, 1991). So chamados, tambm, de as trs dimenses das cores. O matiz uma nuana cromtica seqencial, portanto, a uma radiao espectral pura. Corresponde a um nico comprimento de onda bem definido na faixa do espectro eletromagntico de radiaes visveis (figura 4). A saturao a variao que assume um mesmo matiz, indo desde o neutro absoluto (cinza) at a cor espectral pura. O valor a quantidade de energia refletida. Uma srie de valores pode ser comparada a uma seqncia de cinzas, indo desde o preto at o branco, organizados em eqidistncias perceptivas.

Figura 4 Faixa do espectro eletromagntico de radiaes visveis. Fonte: Martinelli (1991)

Estas trs dimenses podem ser representadas em um slido, um cone, dito slido de OSTWALD (figura 5). No eixo vertical percebe-se o valor (V), desde o preto no pice, at o branco, no ponto mais alto. No eixo horizontal tem-se a saturao (S) desde o neutro at a cor pura. Na circunferncia distribuem-se as cores puras (H hue ou matizes). Esse modelo adequado para explicar a percepo humana das cores.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

29

Figura 5 Mtodo de representao das cores com o slido de OSTWALD. Fonte: Wikipedia (2003)

Em dispositivos que representam a imagem com o uso de cor-luz, como tubos de raios catdicos, como no aparelho de televiso ou computador, telas de cristal liquido (LCD Liquid Cristal Display) como em telas de computadores portteis, ela reproduzida como a composio das cores vermelho, verde e azul (RGB Red, Green, Blue). Para a composio da cor utilizado o processo adio, em que a soma das trs cores resulta na cor branca. Um modelo para representar as cores em tais dispositivos o cubo RGB, conforme figura 6. Os valores podem ser medidos em porcentagens das trs cores componentes, no caso da figura foi discretizado em 255 nveis. As trs variveis do modelo HSV se apresentam de forma diferente nesse espao, por exemplo, o valor (brilho) medido

percentualmente sobre a diagonal do cubo.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

30

Fatia com brilho de 50 %

Figura 6 Mtodo de representao das cores com o cubo de cores RGB, Fonte: site Grokking the GIMP4

Na prtica das cores cmodo dispor de um crculo cromtico (MARTINELLI, 1991). Para constru-lo considera-se uma srie de pastilhas coloridas segundo a sucesso espectral, de acordo com os comprimentos de onda, assim como no crculo dos matizes do slido de OSTWALD. Esta mesma srie pode ser organizada relacionando-se aos mecanismos naturais da percepo humana, possibilitando estabelecer o crculo psicomtrico das cores, onde estas esto numa seqncia de eqidistncias perceptivas (figura 7).

http://gug.sunsite.dk/docs/Grokking-the-GIMP-v1.0/node52.html , acessado no dia 5 de dezembro de 2003. France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

31

Cores frias

Cores quentes

Figura 7 Crculo psicomtrico das cores. Fonte: Martinelli (1991)

No crculo psicomtrico, pode-se intencionalmente dar a idia de tenso por antagonismos num mesmo campo ou, ao contrrio, buscar a sensao de quietude. Uma combinao contrastante quando as cores so totalmente diversas entre si, como opostas sobre o crculo cromtico, ou seja, cores complementares. Uma combinao harmnica quando as cores possuem uma parte bsica comum a todas, como a escala monocromtica ou as cores vizinhas sobre o crculo cromtico (MARTINELLI, 1991). Com base nessas consideraes tericas pode-se efetuar

modulaes corretas da varivel visual cor na representao grfica, em geral e na cartografia temtica, em particular. A cor uma varivel visual altamente seletiva, portanto ideal para transcrever relaes de diversidade entre objetos, principalmente na implantao zonal. Por exemplo, as diferentes categorias de uso do solo. Para tanto, a aplicao das cores, vistas sempre em trs dimenses (matiz, saturao, valor), deve ser levado em conta que (MARTINELLI, 1991): As cores puras (saturadas) oferecem a melhor seletividade e no possuem o mesmo valor. Nas extremidades do amarelo, na seqncia espectral existem sempre duas cores de mesmo valor visual mais perceptveis pelas suas
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

32

semelhanas do que pelas diferenas. Alm disso, as cores das extremidades so escuras enquanto as centrais so mais claras; e A cognio dos valores prevalece sobre a percepo dos matizes. Assim sendo, possvel ordenar progressivamente todas as cores do espectro: amarelo, verde claro, azul e violeta. Como conseqncia, pode-se considerar que a seletividade varia com o valor. Para os valores claros tem-se melhor seletividade com o verde, o amarelo e o laranja. J para os escuros, obtm-se com o vermelho, o azul e o violeta. Na seqncia espectral, as cores criam duas ordens visuais opostas a partir do amarelo que se encontra no centro: de um lado para os matizes frios, em direo aos violetas, e de outro, para os matizes quentes, em direo aos vermelhos. Tal seqncia convm para fenmenos que se manifestam mediante duas ordens opostas a partir da situao intermediria. importante ressaltar que cores de mesmo valor espectral no se ordenam visualmente, no podendo representar uma informao ordenada. O emprego de cores no projeto cartogrfico uma das tcnicas principais no desenvolvimento de contraste no projeto cartogrfico. Cores podem diferenciar reas no mapa para uma variedade de propsitos (DENT, 1993). Uma tendncia perceptual fundamental organizar o campo visual em categorias contrastantes (BOS, 1984): figuras: objetos importantes que se destacam dos fundos, nas quais o olhar se fixa; e fundos: objetos de menor importncia, nos quais a ateno no se prende, apenas
emolduram os objetos principais.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

33

Assim, todo mapa temtico deve incorporar pelo menos dois nveis de informao:
A informao da base cartogrfica necessria para a localizao da informao temtica; e

Os elementos que transmitem o contedo principal da informao que est sendo mapeada, isto , a informao temtica.

O uso da cor no projeto cartogrfico deve considerar que o olho do leitor percebe as cores em avano e recuo. Dent (1993) enfatiza que, por exemplo, em termos de saturao, as cores mais saturadas avanam e as menos saturadas recuam. Portanto, o desenvolvimento da figura-fundo pode ser enfatizado pela seleo de cores que geram o efeito de avano ou recuo na mente, ou seja, o contraste perceptivo, que produzido pela reciprocidade entre cores diferentes justapostas, sendo baseado no princpio de que nenhuma cor tem valor por si mesmo,
ou seja, o matiz pode ser acentuado, atenuado ou modificado de acordo com as cores superpostas. J no contraste simultneo do matiz, as feies com tonalidades semelhantes no crculo cromtico parecem diferentes quando muito prximas, mas quando as feies esto distantes parecem similares, o matiz vermelho e o matiz laranja-avermelhado (figura 8) (BOS, 1984). Esse exemplo aplica-se distino de feies como os tipos de usos do solo dos lotes uma quadra.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

34

Percepo de similaridade de matizes

Percepo de diferena de matizes

Figura 8 Contraste simultneo de matizes por proximidade

Outra observao importante a respeito do matiz quanto ao destaque da figura com o seu fundo. Um matiz pode parecer mais claro ou mais escuro, dependendo do tipo de fundo aplicado no mapa (WONG, 1987), por exemplo, ao se contrastar uma figura laranja com um fundo verde ou com um fundo amarelo (figura 9).

Percepo de fundo escuro

Percepo de fundo claro

Figura 9 Contraste simultneo de matizes por relao figura-fundo. Fonte: adaptado de Wong (1987)

Para se obter um alto contraste, adota-se cores diametralmente opostas do crculo psicomtrico das cores.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

35

2.1.2 Animao na cartografia

De acordo com Pedrosa e Cmara (2004), a tecnologia de Geoprocessamento enfatizou a representao de fenmenos espaciais no computador de forma esttica. Isto se deve ao fato de que a principal abstrao utilizada em SIG o mapa. Porm um importante conjunto de fenmenos espaciais, tais como rotas de veculos, e escoamento de gua, entre outros so inerentemente dinmicos e as representaes estticas comumente utilizadas no os capturam de formas adequadas. Assim, um dos grandes desafios da Cincia da Informao Espacial o desenvolvimento de tcnicas e abstraes que sejam capazes de representar adequadamente fenmenos espao-temporais dinmicos. Segundo Robbi (2000), para descrever tais acontecimentos o uso de animao se faz necessrio para a cartografia. Conforme Peterson (1995), animao uma manifestao visual dinmica, que envolve criar a iluso de mudana, atravs da apresentao rpida de uma srie de quadros (frames) individuais, como ocorre com os filmes ou vdeos. Campbell e Egbert (1990)5 apud Robbi (2000), no intuito de mostrar a necessidade de animao em cartografia, pesquisaram diversos trabalhos que exemplificam as representaes de sries temporais. A variao temporal dos fenmenos geogrficos pode ser representada por mudana temporal sobre um mapa ou sries temporais em mltiplos mapas. No primeiro caso, a variao temporal representada pela variao dos smbolos grficos, como por exemplo, o uso de diferentes tons de cor para mostrar o crescimento de uma determinada
CAMPBELL, C.S.; EGBERT, S.L. Animated cartography/thirty years of scratching the surface. In: Cartographica, vol. 27, n. 2, p. 24-46, 1990. France Michel Ferreira
5

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

36

regio urbana. importante que a imagem resultante seja simples o suficiente para que sua interpretao ocorra de forma fcil. No segundo caso, a variao do fenmeno no tempo representada por uma srie de mapas estticos, cada um representando o fenmeno num instante de tempo. A necessidade de representao das caractersticas temporais dos fenmenos geogrficos e as dificuldades para analisar uma srie de mapas estticos, mostram a necessidade de animao de mapas. Segundo Robbi (2000), em cartografia, os quadros que compem cada cena so mapas estticos, que podem ser construdos computacionalmente atravs de tcnicas conhecidas da cartografia digital. As feies topogrficas da base cartogrfica so armazenadas por procedimentos de digitalizao incluindo mesas digitalizadoras, escaneadores ou restituidores analticos. A definio das cenas significa o projeto cartogrfico para cada um dos mapas estticos, bem como o perodo da evoluo do fenmeno representado. Conseqentemente, o fundo a base cartogrfica e os personagens significam os temas representados. O movimento da cmera deve ser definido para animaes tridimensionais. As variveis de animao incluem tanto manipulaes grficas como sonoras. O som pode ser empregado para enfatizar uma animao. As variveis grficas da animao incluem (PETERSON, 1995): Tamanho uma rea do mapa pode ser alterada para mostrar seu valor. Por exemplo, os tamanhos dos pases so proporcionalmente maiores ou menores para representar a quantidade das reservas de leo ou carvo; Forma Uma rea no mapa tem a sua forma alterada. A forma (e o tamanho) da Groelndia variam como resultado da influncia da projeo do mapa. Uma

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

37

animao pode ser adotada para fundir duas formas, para enfatizar o efeito das diferentes projees; Posio Um ponto movido atravs do mapa para mostrar mudana na localizao. Por exemplo, o centro de massa da populao nos Estados Unidos tem se movido consistentemente para o oeste e, mais recentemente, para o sul. Uma animao pode ser adotada para descrever o movimento atravs do tempo; Velocidade A velocidade do movimento varia para acentuar a taxa de mudana, como, por exemplo, uma animao que descreve o movimento do centro de massa da populao dos Estados Unidos; Ponto de vista Uma mudana no ngulo de vista pode ser utilizada para enfatizar uma parte particular do mapa, como parte de uma animao. Uma animao da mudana da populao nos Estados Unidos pode usar um ngulo de viso que focaliza a ateno nos estados ocidentais e austrais, onde o aumento significativo da populao tem ocorrido; Distncia Uma mudana na proximidade do usurio em relao cena, como no caso de uma viso em perspectiva. Na cartografia a varivel distncia pode ser interpretada como uma mudana de escala; Cena O uso dos efeitos visuais de fade (desbotar), mix (fundir) e wipe (limpar) para indicar uma transio na animao de um assunto para outro; e Textura, Modelo, Sombreamento e Cor variveis grficas que descrevem uma mudana em perspectiva para um objeto tridimensional. Esses componentes podem ser empregados para piscar uma parte do mapa para se enfatizar uma feio.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

38

2.2 Projeto cartogrfico na web para mapas tursticos

Segundo Brown et al. (2001), alguns ramos da indstria turstica fazem grande uso de mapas e dessa forma tem-se descoberto um mercado potencial na Internet, mas em muitos casos ainda no foi explorado em todo o seu potencial, comparado aos tradicionais mapas em papel. No caso de viagens de frias necessrio o planejamento prvio baseado em informaes disponveis. Dessa forma, para o mercado turstico ter um bom rendimento importante que os clientes potenciais sejam providos da melhor informao. O produto de frias tem que receber um marketing eficiente e compor um pacote atrativo. Para disponibilizar tais informaes aos clientes com conforto a Internet bastante adequada. Esse meio muito utilizado, por exemplo, na Holanda quase um quinto da populao, aproximadamente trs milhes de pessoas, procuram informaes para viagem na rede mundial de computadores, o que se deve ao fato dos clientes esperarem informaes atualizadas (BROWN et al., 2001). As pginas de web criadas para o turismo podem ser projetadas para serem muitos atrativas e podem incluir muito mais que as tradicionais brochuras impressas. Todo material disponvel na web tem suas vantagens e desvantagens, devendo receber um tratamento diferente dos mapas em papel. Alm da qualidade do material disponibilizado, outras limitaes encontradas so (VAN ELZAKKER (2001)6 apud BROWN et al. (2001)): Dificuldade de localizao de mapas e dados geogrficos, a partir dos mecanismos de busca da Internet;
6

ELZAKKER, C. P. J. M. V. Use of maps on the Web, In: Web Cartography: developments and prospects, pp. 21-36, London: Taylor ; Francis, 2001. France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

39

Linguagem apresentada da maioria das pginas o Ingls, porm no totalmente conhecida por todos os usurios;

Acessibilidade internet no abrange grandes parcelas da populao; Mapa para web e dados geogrficos de qualidade so em grande parte pagos; As informaes da Internet beneficiam muito pouco a Internet mvel (telefones celulares, sistema de navegao rodovirio); e

Velocidade da transferncia de dados limitada, influencia no tempo de acesso s informaes. Assim, ao se criar um website para a comercializao de pacotes

tursticos, que pode ser comparado a um agente de viagem e, que tem como papel filtrar as possibilidades recreacionais que mais convenham aos seus clientes, provavelmente as questes iniciais mais freqentes sejam (BROWN et al., 2001): O que quer fazer?; Onde quer ir?; Quando voc quer viajar e para quais finalidades?; Voc quer viajar em grupo?; Que tipo de acomodao voc prefere?; e Quanto voc pretende gastar?. Em um website a maioria das questes pode ser respondida atravs de um questionrio on-line, porm a questo do onde pode ser realizada com a apresentao de um mapa clicvel na primeira pgina. Segundo Kbben (2001), os mapas clicveis podem ser: server-side e client-side. No caso dos mapas serverside, os polgonos so armazenados em um arquivo a parte no servidor, tendo como desvantagens um trfego extra entre servidor e cliente e a no possibilidade de testar as imagens localmente. No caso de mapas clicveis client-side, as
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

40

informaes so armazenadas em hyperlinks no documento HTML que define as reas clicveis na imagem vinculada. Os mapas client-side so mais rpidos que os mapas server-side e atualmente so suportados por todos browsers. Para a aplicao de todo esse potencial da Internet em um mapa turstico, necessrio que os cartgrafos adeqem seus projetos cartogrficos para a web e para o qu esta pode oferecer. Esse detalhe muitas vezes ignorado, pois, muitos mapas disponveis na web so digitalizados com o emprego de escaneadores em seus originais em papel. Essa falta de cuidado pode resultar em mapas tursticos para web mostrando cores imprprias, textos ilegveis, smbolos que so muito pequenos e arquivos muito demorados para serem baixados. Devido ao pouco tempo que os leitores tm para leitura, mapas para web necessitam conter as informaes (feies) dispostas em uma hierarquia, assim, os elementos grficos mais importantes sero mais rapidamente capturados pelo usurio. Dessa forma, o mapa teria um contedo principal formado pelo tema e pelos objetos interativos de web e um contedo secundrio relacionado ao mapabase, e por fim o contedo de suporte como legenda e as informaes marginais, como indicao do norte, nome, escala, projeo etc (ver figura 10).

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

41

Contedo secundrio

Figura 10 Esquema ilustrativo para a apresentao das mltiplas escalas, Fonte: adaptado de BROWN et al., 2001

France Michel Ferreira

Contedo de suporte

Contedo principal

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

42

Para a criao do projeto cartogrfico, os detalhes mais importante a serem considerados so: escala, simbologia e tipografia (BROWN et al., 2001). A escala varia conforme o tamanho do pixel do monitor. Conforme Stynes et al.(sem data), o tamanho absoluto importante quando se considera o menor objeto visvel (Smallest Visible Object SVO). Para possibilitar ao usurio uma visualizao com riqueza de detalhes e de fcil download, importante utilizar estratgias de zoom e visualizao dinmica. Na criao da simbologia, existe a possibilidade de se utilizar vrias cores para criao de smbolos e efeitos de formas em trs dimenses e animadas, que podem ser aplicados aos smbolos clicveis, aumentando assim as possibilidades de interatividade (BROWN et al., 2001), conforme figura 11 mostra exemplos desses smbolos com hyperlinks que se destacam com efeito 3D.

Smbolos pontuais

Pictorial

Geomtrico

Alfanumrico

Mapas estticos somente para ver

Mapas estticos interativo

Figura 11 Caracterstica de objetos clicveis, Fonte: Brown et al., 2001

O uso de alguns smbolos muito complexos torna necessria a existncia da legenda. importante que esse elemento seja visvel por todo o mapa, mesmo quando aplicado movimentao panormica ou rolagem de tela. A legenda

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

43

tambm pode possuir interatividade, com a capacidade de exibir ou ocultar objetos (figura 12).

Prefeitura Igreja Catlica Igreja Protestante

Figura 12 Capacidades da legenda, Fonte: adaptado de Brown et al., 2001

Segundo Vehe (1996), em mapas para web a interao importante porque permite ao usurio tomar decises sobre os fatores como escala, feies exibidas e seleo de cores. Assim, possibilita a disponibilizao de mapas de acordo com as necessidades e especificaes, tornando o mapa til ao usurio. Alm disso, o usurio pode ver informaes adicionais, como outros mapas, fotos etc a respeito da rea visualizada. Outro problema existente com relao distribuio dos mapas para o pblico a necessidade de software especfico que a maioria das pessoas no possuem. A Internet auxilia a resolver este problema ao utilizar o browser de web com plugins, e dessa forma, os mapas interativos e animados so distribudos mais facilmente com custos menores. Sem a web, mapas animados e interativos no poderiam ser facilmente acessveis populao. Um outro elemento fundamental no projeto cartogrfico para a web a tipografia. A tipografia ocupa duas aplicaes principais: o texto fora da rea do
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

44

mapa e o texto dentro da rea do mapa. O texto fora da rea do mapa pode ser tratado como um texto qualquer na pgina de website. O texto dentro da rea do mapa normalmente til a simbologia e a informaes descritivas adicionais. necessrio evitar texto com tipos muito pequenos ou borrados. Um ltimo detalhe a ser enfatizado o zoom. Conforme Cecconi e Galanda (2002), no h dvidas que o mapeamento para web e aplicaes de SIG para web perdem qualidade cartogrfica, alm das limitaes tcnicas relacionadas a disponibilizao na Internet, como por exemplo resoluo da tela, velocidade da transmisso etc., tambm negligenciado um dos princpios do mapeamento digital, denominado zoom adaptativo. O zoom adaptativo descreve o ajustamento de um mapa, seu contedo e a simbolizao, para a escala alvo em conseqncia da operao de zoom (mudana de escala). Em mapeamento na web, comum o conceito de nveis de detalhe (Levels of Detail - LoD) que aplicado a uma certa seqncia pr-calculada de mapas que cobrem uma rea mapeada em diferentes escalas, para cada classe de objeto. Esse conceito apresenta as seguintes desvantagens: Para uma grande variao de escalas so necessrios vrios LoDs para alcanar uma boa adaptao; O zoom limitado aos mapas nas escalas existentes; e A atualizao deve ser propagada para todas as escalas. Para uma aproximao a escala requerida pelo usurio, seria necessria a existncia de uma base de dados mestra em que se possa aplicar um processamento baseado na escala desejada por meio de um processo de generalizao. Porm para uso em Internet, isso no adequado, por causa do tempo limite disponvel para reagir a uma solicitao de zoom ( assumido um limite

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

45

de dez segundos). Os requerimentos de software para uma generalizao em tempo real so muito rigorosos, devido ao tempo de resposta, e possuem as seguintes caractersticas (CECCONI e GALANDA, 2002): Um conjunto de dados temporrios para a reduo de escala gerado para propsitos de visualizao; O conjunto de dados tem que reunir as preferncias do usurio e as especificaes tcnicas, ou seja, as especificaes do mapa; A escala arbitrria e no predefinida; e O processo de generalizao acoplado automaticamente, sem possibilidades de verificar os resultados antes da publicao. Assim, uma soluo para os dados geogrficos que possuem riqueza de detalhes, como edificaes e malha viria, necessrio o

armazenamento de uma srie de mapas em diferentes nveis de detalhes para cada classe de objeto, j para feies mais simples, tais como rios e lagos, pode-se aplicar o processamento em tempo real com algoritmos mais simples (CECCONI e GALANDA, 2002). Segundo Brown et al. (2001), opes de zoom na web podem depender do sistema do usurio e dos plugins instalados. Havendo trs opes de zoom a serem aplicadas: Zoom linear esttico o mapa linearmente ampliado ou reduzido sem alterar seu contedo; Zoom compassado esttico uma srie de mapas (em formato de imagem) da mesma rea geogrfica disponvel em diferentes nveis de detalhamento, sendo cada um projetado para uma determinada escala, conforme figura 13; e

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

46

Zoom dinmico ou escala animada h uma ligao de tempo real entre a escala e o contedo do mapa, dessa forma, ao ampliar a escala, mais contedo includo a partir de uma base de dados geogrficos.

Figura 13 Zoom compassado esttico, Fonte: Brown et al.,2001

Para que usurio utilize o mapa turstico para uma rpida consulta, sempre possvel a simples impresso de uma pgina de web diretamente em uma impressora monocromtica ou colorida. Porm a qualidade atual de impresso das impressoras domsticas deixa muito a desejar. Para uma boa qualidade, um projetista iria utilizar mapas em formato GIF ou JPEG, porm se a qualidade de impresso necessria for muito alta, leva um longo tempo de espera para download (BROWN et al. , 2001).

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

47

2.3 Modelagem de dados geogrficos para a web

Um modelo de dados um conjunto de conceitos que podem ser usados para descrever a estrutura e as operaes de um banco de dados (ELSMARI e; NAVATHE (1991)7 apud BORGES e DAVIS, 2001). O modelo busca sistematizar o entendimento que desenvolvido a respeito de objetos e fenmenos que sero representados em um sistema informatizado (BORGES e DAVIS, 2001). No caso de um contedo cartogrfico complexo para ser disponibilizado na Internet necessrio o emprego de um modelo de dados geogrficos e um modelo de sistemas hipertexto.

2.3.1 Modelo de dados geogrficos

Os objetos e fenmenos do mundo real so complexos demais para permitir uma representao completa em um meio informatizado, dessa forma necessrio construir uma abstrao dos objetos e fenmenos do mundo real, de modo a se obter uma forma de representao conveniente, embora simplificada, que seja adequada s finalidades das aplicaes (BORGES e DAVIS, 2001). A abstrao de conceitos e entidades existentes no mundo real uma parte importante da criao de sistemas de informao. Alm disso, o sucesso de qualquer implementao em computador de um sistema de informao
7

ELMASRI, R., NAVATHE, S. Fundamental of Database Systems. 2nd Edition. Menlo Park, CA: Addison-Wesley, 1991. 873p. France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

48

dependente da qualidade da transposio de entidades do mundo real e suas interaes para um banco de dados informatizado. A abstrao funciona como ferramenta que nos ajuda a compreender o sistema, dividindo-o em componentes separados. Cada um destes componentes pode ser visualizado em diferentes nveis de complexidade e detalhe, de acordo com a necessidade de compreenso e representao das diversas entidades de interesse do sistema de informao e suas interaes (BORGES e DAVIS, 2001). As entidades do mundo real so mais adequadamente transpostas, tanto nas suas propriedades como funcionalidades, atravs dos modelos conceituais. Estes se destinam a descrever a estrutura de um banco de dados em um nvel de abstrao independente dos aspectos de implementao. Dentre os modelos de representao de aplicaes cartogrficas se destacam os modelos baseados no paradigma de orientao a objetos (BORGES e DAVIS, 2001). A orientao a objetos apresentada por Coleman (1996) como uma abordagem de programao que procura explorar o lado intuitivo. Os tomos da computao orientada, os objetos, so anlogos aos objetos no mundo fsico. Isso produz um modelo de programao que difere marcadamente da viso funcional. Essa diferena , ao mesmo tempo, um ponto forte e uma fraqueza da abordagem orientada a objetos. um ponto forte devido ao apelo que gera nossa intuio, e tambm porque a orientao a objetos se mostra produtiva tanto na teoria quanto na prtica. Por outro lado, representa uma fraqueza, porque os mtodos de desenvolvimento de software tradicionais no combinam com esta nova abordagem. Os objetos geogrficos se adequam bem aos modelos orientados a objetos, assim como vrias outras reas do conhecimento que adotam estruturas de

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

49

dados no convencionais, tais como sistemas de informaes geogrficas (SIG), CAD (Computer Aided Design), medicina, multimdia etc. A modelagem do mundo real uma atividade complexa porque envolve a discretizao do espao geogrfico e a sua devida representao. Inmeros so os fatores envolvidos nesse processo de discretizao do espao, dentre eles se destacam (BORGES e DAVIS, 2001): Transcrio da informao geogrfica em unidades lgicas de dados O esquema de uma aplicao geogrfica uma representao limitada da realidade, tendo em vista a natureza finita e discreta de representao nos computadores. Por maior que seja o nvel de abstrao utilizado, a realidade modelada atravs de conceitos geomtricos e, para que esses conceitos sejam implementados em computadores, precisam ser formalizados, sendo necessrio um maior nmero de conceitos abstratos para descrever os dados geomtricos e um maior nmero de operaes apropriadas, as quais so independentes de implementao; Forma como as pessoas percebem o espao O aspecto cognitivo na percepo espacial um dos aspectos que torna a modelagem de dados geogrficos diferente da modelagem tradicional. Dependendo do observador, da sua experincia e de sua necessidade especfica, uma mesma entidade geogrfica pode ser percebida de diversas formas. Uma escola, por exemplo, poder ser vista como um ponto ou como uma rea, depende do que se pretende com essa representao. Alm do aspecto cognitivo, existe tambm a questo da escala, na qual a mesma entidade geogrfica pode ser representada por diferentes formas (pontual, linear ou zonal), de acordo com a escala utilizada. O uso dessas mltiplas representaes pode ocorrer simultaneamente,

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

50

apresentando formas alternativas de representar uma mesma entidade geogrfica, como por exemplo, um aeroporto que pode ser representado ao mesmo tempo por uma rea, a qual este abrange e por smbolos cartogrficos pontuais. A representao poder tambm ser mutuamente excludente quando cada smbolo vlido somente para visualizao numa determinada escala. A percepo das variaes do espao modelado muito importante para definir a melhor forma de representar o mundo real pois, mltiplas representaes podem ser necessrias a diferentes propsitos; Natureza diversificada dos dados geogrficos Alm dos dados geogrficos possurem geometria, localizao no espao, informaes associadas e caractersticas temporais, possuem tambm fontes distintas, por exemplo, os dados ambientais so derivados dos dados disponveis sobre a topografia, clima e tempo, propriedades do solo, propriedades geolgicas, cobertura da terra, hidrografia e qualidade da gua. Alguns desses fenmenos, como elevao e propriedades do solo, variam continuamente sobre o espao (viso de campos). Outros, como falha geolgicas e redes de rios, podem ser discretizados (viso de objetos), enquanto outros podem estar em ambas as categorias dependendo do nvel de detalhe considerado; Existncia de relaes espaciais (topolgicas, mtricas, de ordem e nebulosas ou fuzzy) Essas relaes so abstraes que nos ajudam a compreender como no mundo real os objetos se relacionam uns com os outros. Muitas relaes espaciais necessitam estar explicitadas no diagrama da aplicao, de forma a torn-lo mais compreensvel. As relaes topolgicas so fundamentais na definio de regras de integridade espacial, que especificam o

comportamento geomtrico dos objetos; e

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

51

Coexistncia de entidades essenciais ao processamento e a entidades cartogrficas Entidades cartogrficas representam a viso do mundo atravs dos objetos lineares no relacionados, ou seja, sem nenhum comprometimento com o processamento. comum, principalmente em aplicaes geogrficas de reas urbanas, a presena de entidades geogrficas com caractersticas apenas de exibio, no sendo usadas para processamento geogrfico (embora sejam parte do mapa base). Como exemplo, tem-se os textos que identificam acidentes geogrficos como serras, picos, ou objetos como murros, cercas vivas, cerca mista e cerca que identificam a delimitao de um lote. O que ser provavelmente usado no processamento geogrfico o lote, como um polgono.Se o lote cercado ou no, ou se a delimitao um murro ou uma cerca, no far diferena, podendo ser uma informao alfanumrica associada. No entanto, a nvel cartogrfico muito utilizado o registro fiel da realidade observada, sendo considerada significativa a visualizao dessa informao. Nesse aspecto, o desenvolvimento de aplicaes geogrficas difere da convencional. Como pode ser percebido, muitas entidades geogrficas podero ser criadas no banco de dados sem que necessariamente tenham sido representadas no esquema da aplicao. Atualmente para prover abstraes de alto nvel para a modelagem

de dados, independente de software ou hardware utilizados, so adotados modelos de dados semnticos. Segundo Navathe (1992)8 apud Borges e Davis (2001), esses modelos possuem as seguintes caractersticas: Expressividade O modelo deve distinguir diferentes tipos de dados, relacionamentos e restries;
8

NAVATHE, S. B. Evolution for data modeling for databases. Communications of the ACM, v.35, n.9, p.112-123, 1992.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

52

Simplicidade O modelo deve ser simples o bastante para que os usurios possam entender e usar devendo possuir uma notao diagramtica simples;

Minimalidade O modelo deve consistir num pequeno nmero de conceitos bsicos, que so distintos e ortogonais em seu significado; e

Formalidade Cada esquema deve ser representado de forma inequvoca. Alm disso, um modelo deve suportar os seguintes conceitos de

abstrao: Agregao um conceito abstrato de construo de um objeto agregado a partir de objetos a partir de objetos componentes. O relacionamento entre o objeto agregado e os componentes descrito como -parte-de. Num nvel mais simples, uma agregao usada, por exemplo, para agregar atributos, ou seja, um objeto definido pelo conjunto de atributos que o descreve; Classificao e Instanciao A Classificao o processo de abstrao no qual objetos similares (instncias) so agrupados dentro de uma mesma classe. As propriedades podem ser estticas (estruturais) ou dinmicas

(comportamentais). A maioria dos modelos semnticos representa apenas as caractersticas estticas das entidades. As propriedades dinmicas so representadas nos modelos orientados a objetos. O relacionamento existente entre o objeto e sua classe denominado -membro-de ou -instncia-de significando que cada objeto uma instancia da classe; Generalizao/especializao A generalizao um processo de abstrao no qual um conjunto de classes similares generalizado em uma classe genrica (superclasse). A especializao o processo inverso, onde a partir de uma determinada classe genrica (superclasse) so detalhadas classes mais especficas (subclasse). As subclasses possuem algumas caractersticas que as
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

53

diferem da superclasse. O relacionamento entre cada subclasse e a superclasse chamado de -um. As subclasses automaticamente herdam os atributos da superclasse; Identificao Cada conceito abstrato ou objeto concreto tem identificadores nicos. Os modelos de dados podem variar de acordo com o nvel de abstrao empregado. De acordo com Cmara et al.(1996)9: Nvel do mundo real Contm os fenmenos geogrficos a serem mapeados, como, rios, cidades, e vegetao; Nvel conceitual Oferece um conjunto de modelos formais para modelar as entidades geogrficas em um alto nvel de abstrao. Esse nvel determina as classes bsicas (contnuas e discretas) que sero criadas no banco de dados; Nvel de representao As entidades formais definidas no nvel conceitual (classes de campos e objetos) so associadas s classes de representao espacial. As diferentes representaes geomtricas podem variar conforme a escala, a projeo cartogrfica escolhida ou a viso do usurio. O nvel de representao no tem correspondente na metodologia tradicional de banco de dados, j que aplicaes convencionais raramente lidam com o problema de mltiplas representaes; e Nvel de implementao Define padres, formas de armazenamento e estruturas de dados para implementar cada tipo de representao. A escolha por um determinado modelo de dados para aplicaes geogrficas deve ser realizada com base nos nveis de abstrao dos dados

CMARA, G. ; CASANOVA, M. ; HEMERLY, A. ; MAGALHES, G. ; MEDEIROS, C. Anatomia de Sistemas de Informao Geogrfica. Campinas: Instituto de Computao, UNICAMP, 1996. 197p. France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

54

geogrficos, nos requisitos de um modelo de dados e na forma de representao dos dados. O modelo Geo-OMT (BORGES e DAVIS, 2001) um modelo de dados geogrficos, ou seja, possui primitivas especficas de modelagem. Este modelo apresenta as seguintes caractersticas: Segue o paradigma de orientao a objetos suportando os conceitos de classe, herana, objeto complexo e mtodo; Representa e diferencia os diversos tipos de dados envolvidos nas aplicaes geogrficas. Faz uso de uma representao simblica que possibilita a percepo imediata da natureza do dado e elimina assim, a extensa classe de hierarquias utilizadas para representar a geometria e a topologia dos objetos espaciais. Fornece uma viso integrada do espao modelado, representando e diferenciando classes com representao grfica (georreferenciadas) e classes convencionais (no-espaciais), assim como os diferentes tipos de

relacionamentos entre elas; Caracteriza as classes em contnuas e discretas, utilizando os conceitos de viso de campos e viso de objetos. Representa a dinmica da interao entre os vrios objetos, explicitando tanto as relaes espaciais como as associaes simples; Representa as estruturas topolgicas todo-parte e de rede; Formaliza as possveis relaes espaciais, levando em considerao a forma geomtrica da classe; Traduz as relaes topolgicas e espaciais e restries de integridade espaciais;

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

55

Representa os diversos fenmenos geogrficos, utilizando conceitos natos que o ser humano tem sobre dados espaciais;

Possibilita a representao de mltiplas vises de uma mesma classe geogrfica, tanto baseada em variaes de escala, quanto nas vrias formas de se perceber o mesmo objeto no mundo real;

de fcil visualizao e entendimento, pois utiliza basicamente os mesmos tipos construtores definidos no modelo OMT;

No utiliza o conceito de camadas e sim o de nveis de informao (temas), no limitando o aparecimento de uma classe geogrfica em apenas um nvel de informao; e

independente de implementao. O modelo Geo-OMT baseado nos conceitos de classe,

relacionamentos e restries de integridade espacial, atuando nos nveis conceitual e de representao. Nessa dissertao so apresentadas apenas as classes essenciais ao escopo dessa obra. As bsicas so Classes Georreferenciadas e Classes Convencionais (figura 14).

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

56

Figura 14 Classes do modelo Geo-OMT usadas nesta dissertao, adaptado de Borges e Davis, 2001

Uma Classe Convencional descreve um conjunto de objetos com propriedades, comportamento, relacionamentos e semntica semelhantes, que possuem alguma relao com objetos espaciais, mas que no possuem propriedades geomtricas. Um exemplo desse tipo de classe a que define os proprietrios de imveis cadastrados para fins de tributao (IPTU) e que possuem relao de propriedade com os lotes e edificaes presentes no banco de dados geogrficos. Uma Classe Georreferenciada descreve um conjunto de objetos que possuem representao espacial e esto associados a regies da superfcie da Terra, representando a viso de campos e objetos.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

57

As classes do tipo Geo-Campo representam objetos distribudos continuamente no espao, correspondendo a grandezas como tipo de solo, topografia e teor de minerais. As classes do tipo Geo-Objeto representam objetos geogrficos individualizveis, que possuem identificao com elementos do mundo real, como lotes, rios e postes. Tais objetos podem ter ou no atributos no-espaciais e podem estar associados a mais de uma representao geomtrica dependendo da escala em que so representados, ou de como so percebidos pelo usurio. Todas as subclasses georreferenciadas apresentam uma

representao simblica, construindo assim um sistema semntico, na qual cada smbolo possui um significado prprio que incorpora a sua natureza e geometria (BORGES e DAVIS, 2001). A notao grfica utilizada para as classes representada por um retngulo subdividido em trs partes contendo,

respectivamente, o nome da classe, a lista dos atributos alfanumricos e a lista das operaes que so aplicadas classe. A forma simplificada utilizada o retngulo contendo apenas o nome da classe (figura 15).

Nome da classe

Nome da classe Atributos grficos Atributos Operaes

Representao simplificada Figura 15 Notao grfica das classes do Geo-OMT. Fonte: Borges e Davis, 2001

No caso das classes georreferenciadas para geo-objetos com topologia, utiliza-se na primeira diviso da notao (no alto a esquerda) os
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

58

pictogramas (figura 16). Os pictogramas das subclasses apresentados so respectivamente: Subclasse Ponto Representa objetos pontuais, que possuem um nico par de coordenadas (x,y). Na representao do mobilirio urbano freqente o uso de smbolos, como por exemplo na representao de postes, orelhes, hidrante etc (figura 16 a); Subclasse Linha Representa objetos lineares sem a exigncia de conectividade. Como por exemplo pode-se citar a representao de muros, cercas e meio-fios (figura 16 b); e Subclasse Polgono Representa objetos de rea, podendo aparecer conectada, como lotes dentro de uma quadra, ou isolado, como a representao de uma ilha (figura 16 c).

Figura 16 Pictogramas da classe Geo-Objeto com topologia. Fonte: Borges e Davis, 2001

Alm da existncia da notao de classes, necessria a notao para os relacionamentos. Os relacionamentos esclarecem a forma como as classes se associam entre si. Na figura 17 demonstrada a notao para um relacionamento comum entre classe georreferenciada, o tipo de relacionamento descrito na linha que representa o relacionamento desta classe com outra, nota-se que a linha de um

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

59

relacionamento espacial sempre pontilhada para diferenciar do relacionamento convencional que sempre contnua. Tambm na figura 17, mostrado o relacionamento CONTM, importante para feies espaciais que contm outras. O relacionamento HIERARQUIA ESPACIAL necessrio quando uma classe sempre est presente em todos os pontos de outra classe.

Nome da classe

Nome da relao

Relacionamento espacial comum

Nome da classe

Relacionamento espacial CONTM

Nome da classe

Relacionamento espacial HIERARQUIA ESPACIAL

Figura 17 Relacionamentos entre classes Geo-OMT utilizados nessa dissertao. Fonte: Borges e Davis, 2001

A generalizao espacial pode ser representada conforme figura 18. O tringulo preenchido denota que a restrio de disjuno, ou seja, as feies no se sobrepem. Tambm pode se observar a generalizao pela escala, que aplicada quando uma feio assume formas diferentes de implantao (pontual, linear ou zonal) conforme a escala, sempre sendo representada por um quadrado

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

60

vazado, pois, a feio ir assumir apenas uma forma para cada escala (idia de disjuno).

Generalizao espacial

Generalizao cartogrfica pela FORMA

Figura 18 Relacionamentos entre classes Geo-OMT utilizados nessa dissertao. Fonte: Borges e Davis, 2001

2.3.2 Modelo de sistema hipertexto

O processo de construo de aplicaes hipermdia no intrinsecamente diferente daquele utilizado na construo das aplicaes

convencionais. Existe um crescente consenso acerca do tipo de atividades que devem ser desempenhadas com respeito ao produto de software: modelagem ou anlise, projeto, implementao, teste e manuteno (SCHWABE et al., 2001). No desenvolvimento de uma aplicao hipermdia h a necessidade de se utilizar um modelo, para orientar as etapas de construo e o uso da tecnologia relacionada. Uma possibilidade o modelo OOHDM (Object Oriented Hypermedia Design Method), nele o processo de desenvolvimento possui quatro etapas (SCHWABE et al., 2001), conforme tabela 2.
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

61

Tabela 2 Esboo da metodologia OOHDM Atividades Modelagem conceitual Produtos Classes, subsistemas, relacionamentos, perspectivas de atributos Ns, elos, estruturas de acesso, contextos de navegao, transformaes navegacionais Objetos de interface abstrata, reaes a eventos externos, transformaes de interface Mecanismos Classificao, composio, generalizao especializao Interesses do Projeto Modelagem da semntica do de e domnio aplicao Leva em conta o perfil do usurio e a tarefa; nfase em aspectos cognitivos e arquiteturais

Projeto da Navegao

Modelagem de objetos perceptveis, implementa metforas Projeto da escolhidas. Interface Abstrata Descrio de interface para objetos navegacionais Aplicao em Aqueles fornecidos Desempenho, Implementao execuo pelo ambiente alvo completitude Fonte: Adaptado de Schwabe et al., 2001. Na etapa da modelagem conceitual, tem-se como resultado o modelo do domnio, que ser til para uma viso geral do sistema em desenvolvimento. Nesta fase gerado o modelo conceitual de navegao, no qual so abstradas classes e os seus relacionamentos, para ento serem anotados em cartes de classes (figura 19). Em um carto de classe, tem-se os campos necessrios para guardar os valores de dados, comportamentos e meta-dados a respeito daquela classe. Como essas classes sero utilizadas para dados geogrficos adotou-se um campo especfico para atributos grficos.

Mapeamento entre objetos conceituais e de navegao para a descrio da estrutura geral da aplicao Mapeamento entre objetos de navegao e objetos de interface

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

62

Classe: Atributos: Atributos grficos: Comportamentos: Figura 19 Exemplo de carto de classe. Adaptado de Silva et al. 2001

Os relacionamentos so anotados em cartes de relacionamentos (figura 20). Nesses cartes h campos para se armazenar os tipos de classe e a respectiva relao entre as classes e uma descrio mais detalhada.

Tipo de relao: Relaciona: Com: Descrio: Figura 20 Exemplo de carto de relacionamento. Adaptado de Silva et al. 2001

Na fase do projeto navegacional so desenvolvidos os mecanismos pelos quais ocorre a navegao, ou seja, o conjunto de ns, elos, gatilhos e alvos. Os ns contm informaes bsicas (atributos) na aplicao hipermdia e a navegao ocorre partindo de um e indo a outro atravs de um elo. O elo representa um determinado fluxo de um n A origem a um n B destino. O norigem tem um gatilho, que tem a funcionalidade de disparar a navegao e alcana o seu determinado n-destino. Os ns so descritos pelos cartes de ns (figura 21). Neles so anotados as ncoras que chegam e retornam a origem da navegao, tambm so anotadas as classes em que h informaes relacionadas por contextos, podendo ser acessados de diferentes contextos.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

63

Nome do n: ncora de origem:

ncora: Aparece nos contextos: Atributos: Figura 21 Carto de n. Adaptado de Silva et al., 2001

ncora de retorno: Classes relacionadas Ao do elo: Classe:

Os elos fazem a ligao entre os objetos navegacionais e podem ser de um-a-um ou um-a-muitos. O resultado da travessia de um elo expresso pela definio das semnticas navegacionais, como resultado do comportamento do elo. A notao de um elo feita atravs dos cartes de elos (figura 22) e descreve a origem (gatilho) e o destino (alvo).

Nome do elo: Origem: Descrio:

Destino: Figura 22 Carto de elo. Adaptado de Silva et al. 2001

Qualquer aplicao multimdia bem projetada deve levar em conta o modo como o usurio explora o espao de informaes hipermdia (textos, imagens, vdeos etc). Deve-se evitar a apresentao de informaes redundantes e ajudar, de forma consistente e controlada o usurio a escolher a maneira como navegar (SCHWABE, 2001). Infelizmente os ns e elos no so suficientes para alcanar este objetivo. A soluo comumente adotada para este problema a implementao de ferramenta de orientao. Alm destas ferramentas, devem ser utilizadas primitivas de navegao de mais alto nvel como os contextos navegacionais. Um contexto navegacional constitudo por um conjunto de ns, elos e outros contextos navegacionais, incluindo tambm um caminho definido entre seus elementos. Normalmente os contextos navegacionais so induzidos pelas
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

64

classes navegacionais. Os tipos de contextos navegacionais variam de acordo com o modo como so originados, por exemplo (SCHWABE, 2001): Contexto navegacional arbitrrio definido pela escolha arbitrria de seus membros, por exemplo um roteiro guiado; Contexto navegacional derivado de classe um conjunto de todas as instncias de uma classe de ns, esse tipo de contexto navegacional pode ser especializado para o conjunto de instncias que satisfaam um determinado predicado de seus atributos, tal como todas as obras de arte sobre um determinado tema; Contexto navegacional derivado de elo Elos de um-a-muitos permitem a definio deste tipo de contexto navegacional, constitudo pelo conjunto de ns que podem ser acessados a partir de um determinado elo; e Contexto navegacional derivado de n composto Os ns compostos geram um contexto de navegao, por exemplo, o conjunto das partes do n. Para a melhor compreenso da navegao por contextos, importante criar o esquema de contexto, com base nas primitivas grficas da figura 23. Um ndice ser a forma como o usurio navega para um determinado contexto que poder estar agrupado conforme as restries de seus acessos por navegao. Para entender melhor, um exemplo apresentado na figura 24.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

65

ndice

navegao

C C1 C2 Contexto inclui C1 e C2 Agrupamento de contextos

Figura 23 Primitivas grficas para definio de esquema contextual. Fonte: Schwabe, 2001

Contexto de cursos Curso ndice de nomes Mapa ndice por rea de conhecimento por Nome por Campus por Cidade

Figura 24 Exemplo de esquema contextual de navegao. Adaptado de Schwabe, 2001

O esquema de contexto navegacional possibilita uma melhor visualizao da navegao geral, facilitando a compreenso dos contextos para poder document-los em cartes (SCHWABE, 2001) (figura 25). Nestes, todas as informaes a serem apresentadas so declaradas em categoria de itens.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

66

Contexto navegacional: Categoria: Item 1 item 2 item n Figura 25 Exemplo carto de descrio para contexto navegacional. Adaptado de Silva et al., 2001

Para que o usurio alcance a informao desejada, necessrio o uso de componentes e interface com link, tais como mapa ndice, boto, linha de tempo, menu e legenda interativa. Dessa forma, so formalizadas as estruturas de acesso que funcionam como ndices ou dicionrios que auxiliam a navegao (SCHWABE, 2001). As estruturas de acesso tambm podem ser modeladas como classes e caracterizadas por um conjunto de seletores, um conjunto de objetos alvo (geralmente objetos no contexto navegacional corrente) e um predicado nos objetos de destino. Tais estruturas podem conter outros atributos, como meta-informaes ou informaes de interesse do usurio. A estrutura de acesso um tipo de n, onde as ncoras so definidas por seletores e os elos para objetos de destino so definidos implicitamente (SCHWABE, 2001). A documentao de uma estrutura de acesso realizada com um carto de n (figura 26).

Estrutura de acesso: Seletores: Destino: Predicado: Descrio: Figura 26 Carto de estrutura de acesso. Adaptado de Silva et al. 2001

Algumas semnticas navegacionais padronizadas podem ser aplicadas a cada estrutura, pela definio de transformaes navegacionais
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

67

apropriadas a ela. Tais semnticas prescrevem que, quando selecionado um item em uma estrutura de acesso, o destino ativado e a estrutura desaparece do espao navegacional. Para especificar o modelo abstrato de interface necessrio definir metforas de interface e descrever suas propriedades estticas e dinmicas, assim como seus relacionamentos com o modelo navegacional de uma forma independente de implementao. preciso especificar (SCHWABE, 2001): A aparncia interfacial de cada objeto navegacional que ser percebido pelo usurio, isto , a representao de seus atributos (incluindo ncoras). O mesmo objeto navegacional pode ter diferentes representaes de interface em diferentes situaes. Por exemplo, um n pode ser representado no mapa em uma escala ou um smbolo pontual e em outro mapa por um polgono; Outros objetos de interface para oferecer as diversas funes da aplicao, como barras de menus, botes de controle e menus; Os relacionamentos entre objetos de interface e navegacionais, tais como o modo com que um evento externo, (o fato de o usurio clicar o mouse, por exemplo) afetar a navegao; As transformaes de interface ocorridas pelo efeito da navegao ou de eventos externos no comportamento de diferentes objetos de interface; e Deve-se considerar a sincronizao de alguns objetos de interface,

especialmente quando h meios dinmicos, como udio e vdeo envolvidos. No modelo OOHDM emprega-se Abstract Data Views (ADV) para especificar o modelo de interface abstrata, que separa a interface do usurio dos componentes de software de um sistema e para oferecer um mtodo de projeto independente de implementao gerando graus mais altos de reuso de
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

68

componentes de projeto e de interface. Os ADVs so objetos no sentido que possuem uma interface e um estado. Sua interface pode ser exercida atravs de outros objetos, ou de eventos de entrada e sada. Os ADVs so abstratos no sentido que representam apenas a interface e o estado e no a implementao. Os ADVs so geralmente usados para representar interfaces entre duas mdias distintas, tais como uma rede ou um mecanismo marcador de tempo, ou como uma interface entre dois ou mais Abstract Data Objects (ADO). Estes ADVs no suportam eventos externos, sendo assim a informao (ADO) est separada da interface (ADV) (SCHWABE, 2001). Na figura 27 apresentado como um ADV descreve uma barra de navegao.

ADV Nome Barra de navegao: ncoras: A B C D Figura 27 Exemplo de carto de ADV. Adaptado de Silva et al. 2001

Para se expressar os padres de comunicao entre objetos, em termos de servios oferecidos ou requeridos de interface, importante a aplicao de diagramas de configurao. Na abordagem de projeto, os ADVs so usados para representar eventos externos (iniciados pelo usurio) manejados por outro ADV: os servios oferecidos pelo ADV (como navegar) e a comunicao entre ADVs e ADOs (SCHWABE, 2001). Um diagrama pode mostrar, tambm, a estrutura de aninhamentos de ADVs compostos (figura 28).

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

69

ADV Nome Barra de navegao: ncoras: A B C D

Ns:

mouse clicado

navegar no site

Figura 28 Exemplo de diagrama de configurao de ADV. Adaptado de Silva et al., 2001

Os ADVCharts so as expresses interfaciais dos diagramas de navegao, isto , expressam transformaes no nvel da interface de usurio e seu impacto nos objetos navegacionais. Um ADV permite mostrar a estrutura de agregao dos objetos de interface. Os ADVs podem estar em estados diferentes e, de acordo com os eventos externos (gerados pelo usurio) ou internos (gerados pelo sistema), podem mudar de estado. Os estados so conectados uns aos outros por meio de transies. Neste formalismo, uma transio especificada pela afirmao do evento que a desencadeia, das suas pr-condies e das suas ps-condies (aes). Quando dois ADVs so aninhados em modo XOR (ou exclusivo), no aparecem simultaneamente na interface. Entretanto, se forem aninhados em modo AND podem ser percebidos ao mesmo tempo. Esta lgica tambm se aplica aos estados aninhados em XOR e AND. Visualmente, os ADVs so apresentados como caixas e os estados como caixas arredondadas e as transies so representadas como setas (figura 29). As semnticas dos ADVs e dos estados so um pouco diferentes. Enquanto um ADV um objeto que abstrai estrutura e comportamento, os estados so usados apenas para expressar aspectos comportamentais da interface (SCHWABE, 2001).
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

70

ADV

Exibir ligado Imagem Seletor de camadas 1

Transies 1: Evento: Mouse Clicado Pr-condio: foco na imagem Ps-condio: exibe texto

Texto Descrio do mapa

Figura 29 Exemplo de ADVChart. Adaptado de Silva et al. 2001

2.4 Usabilidade de sites

Atualmente, h a possibilidade de que qualquer pessoa que possua acesso Internet, aprenda a construir a sua prpria pgina pessoal na web, alm de facilmente disponibiliz-la em um provedor gratuito. Devido a isso, cria-se a impresso de que a construo de um site uma tarefa simples, bastando alguns poucos cuidados. Porm, segundo Dias (2003), em virtude da forma hipertextual, no-linear de interao e da quantidade de pginas disponveis na Internet, um dos maiores problemas identificados em testes com usurios sua desorientao. Para minimizar os efeitos dessa desorientao, o site deve sempre manter o usurio informado quanto pgina em que ele se encontra, como chegou at essa pgina e quais so suas opes de sada, isto , onde ele se encontra numa seqncia de interaes ou na execuo de uma tarefa. Uma boa conduo facilita o aprendizado

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

71

e a utilizao do site, possibilitando um melhor desempenho e a diminuio do nmero de erros. Se os usurios puderem reconhecer onde esto simplesmente olhando para a pgina em que se encontram, sem a necessidade de relembrarem o caminho percorrido a partir da pgina principal, a probabilidade de se perderem ou ficarem desorientados ser menor. Um site legvel e esteticamente agradvel facilita a leitura da informao nele apresentada, melhorando inclusive o desempenho do usurio na realizao da tarefa proposta e influenciando seu nvel de satisfao durante a interao com o site. Alm disso, quanto menos o usurio for distrado por informao desnecessria, maior a probabilidade desse usurio desempenhar suas tarefas de forma eficiente e menor a probabilidade de erros. O site no deve conter informaes irrelevantes ou raramente necessrias, pois cada unidade extra de informao compete com as unidades relevantes de informao, diminuindo a visibilidade relativa das informaes importantes. Na maioria das tarefas, o desempenho dos usurios piora quando a densidade de informao muito alta ou muito baixa, acarretando a ocorrncia freqente de erros. recomendvel estabelecer nveis de detalhamento, apresentando em primeiro plano os aspectos mais importantes e gerais, deixando os detalhes para outras pginas suplementares que podero ser acessadas pelos usurios interessados em mais informaes sobre o assunto. Os usurios de qualquer sistema interativo esperam deter controle sobre o sistema, fazendo com que este responda a suas solicitaes e expectativas. Aes inesperadas do sistema, infindveis seqncias de entrada de dados, incapacidade ou dificuldade em obter a informao necessria e incapacidade em

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

72

produzir os resultados desejados contribuem para o aumento da ansiedade e da insatisfao do usurio. As aes do site devem ser reversveis, isto , o usurio deve ser capaz de desfazer pelo menos a ltima ao realizada. Essa capacidade diminui a ansiedade, pois o usurio sabe, de antemo, que os erros cometidos podem ser corrigidos, encorajando-o a explorar opes desconhecidas do site. Em funo da diversidade de tipos de usurios de um site, necessrio que sua interface seja flexvel o bastante para realizar a mesma tarefa de diferentes maneiras, de acordo com o contexto e com as caractersticas de cada tipo de usurio. Deve-se fornecer ao usurio procedimentos e opes diferentes para atingir o mesmo objetivo, da forma que mais lhe convier. Alm da flexibilidade, outros procedimentos podem ser adotados para tornar o uso do site mais eficiente, tais como a eliminao de pginas ou passos desnecessrios em uma seqncia para a realizao de uma tarefa e o uso de valores padronizados, sem a necessidade de digitao por parte do usurio. As interrupes provocadas por erros de processamento tm conseqncias negativas sobre a atividade do usurio com o site, prolongando e perturbando a realizao de suas tarefas. Quanto menor a probabilidade de erros, menos interrupes ocorrem e melhor o desempenho do usurio. Para possibilitar a correo de erros, importante que as mensagens de erro sejam pertinentes, legveis, redigidas em linguagem natural (sem cdigos), exatas quanto natureza do erro cometido, e sugiram possveis aes para sua correo. Dessa forma, as mensagens de erro favorecem o aprendizado do sistema, ao indicar ao usurio a razo do erro e suas possveis correes. Entretanto, melhor do que boas mensagens de erro , em primeiro lugar, prevenir a ocorrncia de erros.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

73

Um projeto consistente facilita o reconhecimento, o aprendizado, a localizao e, por fim, a utilizao de um site por seus usurios. A padronizao de formatos, localizaes e sintaxe torna o site mais previsvel, diminuindo a incidncia de erros e as dificuldades de aprendizado e compreenso. conveniente padronizar tanto quanto possvel os elementos do site quanto a seu formato, cor, localizao e denominao, para que o usurio identifique mais facilmente situaes e elementos similares e realize suas tarefas com maior rapidez. A falta de homogeneidade pode comprometer tanto o desempenho quanto a satisfao do usurio com o site (DIAS, 2003). O desempenho dos usurios de qualquer sistema interativo melhora quando os procedimentos necessrios ao cumprimento da tarefa so compatveis com as caractersticas psicolgicas, culturais e tcnicas dos usurios e quando os procedimentos e as tarefas so organizados de acordo com as expectativas e costumes dos usurios. O site deve "falar" a lngua do usurio, com palavras, frases e conceitos familiares, ao invs de termos tcnicos relacionados ao site ou tecnologia web. As convenes do mundo real devem ser seguidas, apresentando informaes em uma ordem lgica e natural.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

74

2.4.1 Avaliao de usabilidade para sites

Assim como um produto tradicional, o site segue um ciclo de desenvolvimento que engloba a anlise das demandas, projeto, implementao e avaliao. A fase da avaliao tem assim um papel fundamental para a descoberta de falhas no projeto inicial que possam tornar o produto invivel ao consumidor final. Um grande mito que muitas pessoas acreditam que avaliao de usabilidade tem um custo muito alto e muito complexa, sendo assim reservada a grandes projetos que dispendem muito tempo e dinheiro. Entretanto, segundo Nielsen (2000), os bons resultados podem ser conseguidos com avaliaes utilizando-se apenas 5 usurios. O nmero de problemas de usabilidade encontrados em testes de usabilidade com n usurios dado pela equao 2.1. NPU = N 1 (1 L ) sendo: NPU o nmero de problemas de usabilidade encontrados; N o nmero total de problemas de usabilidade no projeto; e L a proporo de problemas de usabilidade descoberto durante o teste com um nico usurio. Tendo-se 31 como o valor de L, tomado como mdia aps um grande nmero de projetos estudados. Tem-se como a curva dessa funo a figura 30.

(2.1)

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

75

Problemas de usabilidade encontrados

Nmero de usurios testados

Figura 30 Relao entre nmero de usurios testados e problemas encontrados em um projeto de web

Pela anlise do grfico, fica evidente que aps a avaliao do quinto usurio h um desperdcio de esforos, pois, a cada novo usurio percebe-se apenas os mesmos erros repetidamente sem nenhuma grande avano. Porm esta frmula somente funciona para grupos sem grandes disparidades, como por exemplo, pessoas da mesma faixa etria ou mesmo grau de escolaridade (NIELSEN, 2000). Uma forma para se cobrir a maioria dos erros se refazer os testes aps uma reformulao do produto com novos usurios, assim sero descobertos novos erros do restante de 15% que passou sem ser notado pelos primeiros 5 usurios.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

76

3. PROJETO DO GUIA CARTOGRFICO INTERATIVO DA UNESP

O projeto e a produo cartogrfica so iniciados com a determinao, ou familiarizao, do contedo do mapa. Para alcanar tal finalidade fundamental conhecer os interesses e necessidades dos usurios. Assim, importante reconhecer o mundo real a ser mapeado e seus atributos para gerar os modelos que formalizam o projeto cartogrfico e as pginas da web. O projeto cartogrfico consiste das seguintes fases (OSTROWSKI E OSTROWSKI, 1975): composio geral em que so definidos: o propsito do mapa, a anlise de

demandas, a seleo da rea geogrfica, o formato, a escala, a projeo, a seleo e a classificao dos dados. Essa fase ser descrita neste captulo; e composio grfica projeto dos smbolos cartogrficos, toponmia e layout.

Essa fase ser discutida no captulo 4.

3.1 Descrio da rea geogrfica

A rea geogrfica, no nvel regional, do objeto de estudo desse trabalho o Estado de So Paulo. Nesse Estado se situa a Universidade Estadual Paulista Julio de Mesquita Filho que possui campi nas seguintes cidades: Araraquara, Araatuba, Assis, Bauru, Botucatu, Dracena, Franca, Guaratinguet, Ilha Solteira, Itapeva, Jaboticabal, Marilia, Ourinhos, Presidente Prudente, Registro,

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

77

Rio Claro, Rosana, So Jos do Rio Preto, So Jos dos Campos, So Paulo, So Vicente, Sorocaba/Iper e Tup. No nvel local tem-se o prprio campus da UNESP. Adotou-se como caso de estudo, o campus da Faculdade de Cincias e Tecnologia da UNESP (FCT/UNESP), situado na cidade de Presidente Prudente. O municpio, fundado em 1921, est localizado no sudoeste do Estado de So Paulo, a 550 quilmetros da capital. Sua populao oficial est em torno de 201 mil habitantes, entretanto, estima-se que a populao flutuante chegue a cerca de 30 mil habitantes. Portanto, a cidade exerce grande influncia regional. Essa regio compreende a uma populao em torno de 2 milhes de habitantes (IBGE, 2003). Presidente Prudente uma cidade em franco desenvolvimento. Possui um eficiente sistema de comunicao, com emissoras de rdio e televiso, jornais dirios e moderno sistema de telefonia. Com seus shopping centers em destaque, o comrcio atrai toda a regio. Possui ainda aeroporto internacional e infra-estrutura na rea da sade que garantem atendimento para toda a regio. O referido municpio localiza-se no sudoeste do Estado de So Paulo, suas coordenadas de origem so 22o 07 04 ao sul do equador e 51o 22 57 a oeste do meridiano origem de Greenwich, na Praa Monsenhor Sarrion (ver figura 31). Os municpios que lhe fazem divisa so: ao Norte, Flora Rica e Florida Paulista, ao Sul, Pirapzinho e Regente Feij, ao Leste, Caiab e Maripolis e ao Oeste, Alfredo Marcondes, lvares Machado e Santo Expedito.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

78

Figura 31 Estado de So Paulo. Em destaque a cidade de Presidente Prudente, que contm o campus FCT/UNESP (caso de estudo)

No que se refere ao transporte rodovirio, Presidente Prudente possui ligao com Minas Gerais e Norte do Paran, alm de ligao com a capital e demais cidades do interior do Estado. As principais rodovias so: SP - 270, (Rodovia Raposo Tavares) que liga Presidente Prudente a So Paulo e, em sentido contrrio, a Presidente Epitcio (divisa com o Estado do Mato Grosso do Sul); SP - 425, Assis Chateubriant - Ligando Presidente Prudente a Santo Incio (divisa com o estado do Paran) e, em sentido contrrio, a So Jos do Rio Preto e desta a Miguelpolis (divisa com o Estado de Minas Gerais); e

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

79

SP - 501, Jlio Budisk ligando Presidente Prudente a SP - 294 Comandante Joo Ribeiro de Barros (Alta Paulista). O campus da FCT/UNESP oferece 19 cursos divididos em

graduao e ps-graduao, contando atualmente com aproximadamente 1500 alunos matriculados. composto fisicamente por 39 edificaes, dentre elas prdios administrativos, docentes, dicentes, quadras poliesportivas, ginsio de esporte, pista de atletismo, creche, estao meteorolgica, biblioteca etc.

3.2 Anlise das demandas e possibilidades do usurio

Para conhecer melhor o perfil dos futuros usurios dos mapas a serem utilizados, foi realizada uma pesquisa na prpria unidade com 23 calouros do ano de 2004 (ver questionrio no apndice G). Os resultados podem ser observados nas tabelas 3, 4, 5 e 6. Algumas questes possibilitavam mais de uma resposta, nesses casos o nmero de opinies excedeu o nmero de entrevistados.

Tabela 3 Resultados da pesquisa realizada com calouros da FCT/UNESP Qual o seu curso ? Nmero de Curso Porcentagem entrevistados Engenharia Cartogrfica 11 47,83 Cincias da Computao 2 8,70 Geografia 2 8,70 Fisioterapia 2 8,70 Estatstica 2 8,70 Matemtica 1 4,35 Qumica 1 4,35 Pedagogia 1 4,35 Fsica 1 4,35
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

80

Tabela 4 Resultados da pesquisa realizada com calouros da FCT/UNESP Qual a sua idade ? Nmero de Idade Porcentagem entrevistados 17 7 30,43 18 5 21,74 19 4 17,39 20 3 13,04 21 2 8,70 22 1 4,35 23 1 4,35 Mdia: 20 anos Qual seu sexo ? Nmero de Sexo Porcentagem entrevistados Homens 12 52,17 Mulheres 11 47,83 Conhecia Presidente Prudente ? Nmero de Porcentagem Resposta entrevistados Sim 10 43,48 No 13 56,52 Mora na regio ? Nmero de Resposta Porcentagem entrevistados Sim 10 43,48 No 13 56,52 Se mora em Presidente Prudente ou regio, h quanto tempo ? Nmero de Tempo Porcentagem entrevistados Menos ou igual a 1 ano 18 78,26 Mais que 1 ano 5 21,73 Conhecia a FCT/UNESP ? Nmero de Resposta Porcentagem entrevistados Sim 10 43,48 No 13 56,52 Que fonte de informao usou para saber sobre o curso ? Fonte de informao Nmero de opinies Porcentagem Internet 5 17,86 Revistas e jornais 5 17,86 Radio e tv 0 0,00 Pessoas conhecidas 13 46,43 Outros 5 17,86

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

81

Tabela 5 Resultados da pesquisa realizada com calouros da FCT/UNESP Se no mora em Presidente Prudente, que meio de transporte utilizou para vir a esta cidade ? Nmero de Meio de Transporte Porcentagem entrevistados Carro 4 23,53 nibus 12 70,59 Outros 1 5,88 Se no mora em Presidente Prudente, que fonte de informao utilizou para chegar em Presidente Prudente ? Fonte de informao Nmero de opinies Porcentagem Internet 1 5,56 Mapa 4 22,22 Auxlio de conhecido 11 61,11 Outros 2 11,11 Se no mora em Presidente Prudente, onde ficou hospedado quando veio pela primeira vez ? Nmero de Local de hospedagem Porcentagem entrevistados Casa de amigo 2 18,18 Moradia da UNESP 3 27,27 Penso 1 9,09 Casa de parentes 3 27,27 Hotel 2 18,18 Se no mora em Presidente Prudente, Ao ficar hospedado a primeira vez, como soube deste lugar ? Nmero de Fonte de informao Porcentagem entrevistados Alunos da FCT 4 33,33 Conhecidos 6 50,00 Internet 1 8,33 FCT 1 8,33 Onde se alimenta diariamente ? Nmero de Local de alimentao Porcentagem entrevistados Moradia da UNESP 2 8,70 Casa de amigo 2 8,70 Pensionato 1 4,35 Faculdade 1 4,35 Casa 17 73,91

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

82

Tabela 6 Resultados da pesquisa realizada com calouros da FCT/UNESP Se sua cidade de origem no Presidente Prudente, apesar de morar na cidade, onde reside ? Local de residncia Nmero de Porcentagem na cidade entrevistados Pensionato 1 6,25 Aluguel (sozinho) 1 6,25 Repblica 6 37,50 Moradia da UNESP 3 18,75 Outros 2 12,50 Famlia 2 12,50 Casa de parentes 1 6,25 Se mora em Presidente Prudente recentemente por causa dos estudos, como soube da sua atual residncia nesta cidade ? Fonte de informao Nmero de opinies Porcentagem Anuncio no campus 4 33,33 Conhecidos 6 50,00 Internet 1 8,33 Imobiliria 1 8,33 Ao escolher a sua moradia, levou em considerao a proximidade com o campus ? Nmero de Resposta Porcentagem entrevistados Sim 11 91,66 No 1 8,33 Se for mantido pelo pai, se preocupou com as agncias bancrias mais prximas ao utilizar alguma conta bancria ? Nmero de Resposta Porcentagem entrevistados Sim 7 58,33 No 5 41,66 H quanto tempo utiliza Internet ? Nmero de Tempo de uso Porcentagem entrevistados Desde 2003 3 13,04 Desde 2002 3 13,04 Desde 2001 6 26,09 Desde 2000 3 13,04 Desde 1999 1 4,35 Desde antes de 1999 5 21,74 No usa 2 8,70 O grupo observado era bastante homogneo quanto diviso por gnero e quanto diviso por idade, j que metade dos estudantes estava com 17 ou 18 anos de idade (ver figura 32), sendo a mdia de 20 anos.
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

83

Qual a sua idade ?

22% 31%

4% 4% 9% 13%

17%

Idade 17 18 19 20 21 22 23

Figura 32 Diviso etria do grupo de calouros entrevistados

O alto ndice de incluso digital foi um aspecto relevante: um total de 91,3% das pessoas utilizava a web como meio de acesso informao, conforme figura 33.

Desde quando utiliza a Internet ? Ano em que comeou usar 2003


13% 26% 4%

2002 2001

22% 13% 13% 9%

2000 1999 antes de 1999 no usa

Figura 33 Ano em que os calouros comearam a usar a Internet

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

84

Os dados analisados revelaram que a maioria dos alunos (56,52%) no conhecia a FCT/UNESP, a cidade de Presidente Prudente nem moravam na regio. Dentre os alunos que residem em Presidente Prudente, apenas um quarto deles (21,73%) vive na cidade h mais de um ano. Metade dos pesquisados (46,43%) se basearam em informaes informais de pessoas prximas ao tomarem cincia quanto escolha do curso e da faculdade. Quanto ao uso do nibus como meio de transporte para chegar a cidade de Presidente Prudente, essa informao foi fornecida pela mesma fonte, de acordo com 61,11% dos alunos entrevistados. Os alunos foram questionados quanto ao lugar em que se hospedaram ao vir para a cidade pela primeira vez. Apenas um quarto deles (27,27%) optou por servios de hotelaria, enquanto os demais permaneceram na casa de amigos, na moradia estudantil ou em casa de parentes. Metade dos estudantes obteve conhecimento quanto estadia atravs de amigos e/ou alunos da FCT/UNESP (33,33%); j os demais utilizaram a Internet (8,33%) ou recorreram prpria faculdade (8,33%). Aproximadamente, um tero dos universitrios entrevistados (37,5%) no so da regio; os mesmos vivem em repblica, meio de acomodao mais procurado pelo baixo custo financeiro. Metade das informaes fornecidas aos calouros foi adquirida por meio de amigos, familiares ou anncios no prprio campus; alguns citaram uma ou mais fontes. A proximidade do campus e de servios bancrios, por exemplo, caixas eletrnicos, bancos e casas lotricas, foi considerada na escolha da residncia, pela maioria dos pesquisados, que dependem financeiramente dos pais.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

85

Os alunos tambm foram questionados sobre onde fazem as suas refeies. Apenas um quarto deles declarou que no se alimentava em casa devido ao alto custo e escassez de tempo. A partir da coleta desses dados, observou-se que a grande parte dos discentes, oriundos de outras regies do Estado, possuem pouco ou nenhum conhecimento relacionado cidade e ao campus. Comumente o acesso s informaes quanto futura residncia estudantil, aos meios de transporte, entre outros, procedem de fontes pouco precisas, muitas vezes desatualizadas e de pouco contedo por se originarem majoritariamente de pessoas conhecidas; o que refora ainda mais a ineficincia em sua obteno. Fica evidente tambm que poucos acessaram mapas pelas Internet , apenas 5,56%. Uma soluo para essa carncia de conhecimento o uso da web por ser considerado, atualmente, um meio de informao rpido e com grande diversidade de contedo. Apesar do acesso ser comum entre os estudantes, a Internet pouco aproveitada para a aquisio destes dados, principalmente os que so relacionados informao posicional. Esses internautas encontram como barreiras: um contedo escasso (falta de mapas adequados), a baixa divulgao, a inexistncia de sites que suprissem suas prprias necessidades e viessem a sanar suas dvidas, a falta de hbito com relao pesquisa nesse meio digital ou at mesmo o uso de sites de busca convencionais, o que torna a pesquisa cansativa pela falta de objetividade e dispndio de tempo. Um recurso a ser explorado para superar as dificuldades apresentadas a organizao e implementao de um guia cartogrfico interativo, com base nas informaes necessrias aos calouros, disponvel no site da prpria

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

86

faculdade atravs de hyperlinks. Tal proposta ser detalhada com maior riqueza nos prximos tpicos.

3.3 Organizao da Informao geogrfica

Tendo em vista que o material do site ter como finalidade o reconhecimento dos servios na cidade e do campus, foi conveniente classificar as feies, tanto da base cartogrfica como os elementos temticos em classes e subclasses. Esta classificao est representada nas tabelas 7, 8, 9 e 10. Esta classificao foi baseada em Oliveira (2001), que produziu um guia cartogrfico das represas do Estado de So Paulo para a Internet, e tambm nas especificidades do usurio, incluindo, por exemplo, o tema Servios acadmicos. Isso foi observado na experincia do autor como aluno. Embora o campus de Presidente Prudente esteja dentro da rea urbana, h campus da UNESP que esto situados na zona rural, portanto a FCT/UNESP foi adicionada no ambiente administrativo do municpio. Os temas e classes so aplicados em todos os campi, porm as subclasses so especficas para cada campus.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

87

Tabela 7 Classificao e descrio dos componentes da base cartogrfica Dimenso Nvel de Categoria Classe / Subclasse Espacial Medida Regio: Estado rea Qualitativo Municpio Cidade: Capital estadual rea / Ordenativo Sede regional Ambiente Ponto Sede municipal Administrativo e Virio Via: Caminho para pedestre Calado Linha Ordenativo Via interna (veculo / pedestre) Via principal Via secundria Uso do solo urbano10: rea / Campus universitrio Ponto Parque Praa Centro comercial e de servios Qualitativo Uso do solo Centro comercial shopping Terminal rodovirio rea Terminal urbano Quadra Edificao pblica

Tabela 8 Classificao e descrio dos elementos temticos Dimenso Tema Classe / Subclasse Espacial Rota: Ponto Carro Instalao: Transporte Ponto de Txi Ponto de nibus coberto Ponto Ponto de nibus descoberto Estacionamento

Nvel de Medida Qualitativo

Qualitativo

10

A classe uso do solo rural ser apresentada somente para os campi que esto localizados no meio rural

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

88

Tabela 9 Classificao e descrio dos elementos temticos Tema Classe / Subclasse Elemento de orientao: Caixa dgua Monumento Cristo Igreja Museu Recreao: Quadra poliesportiva Ginsio de esportes Campo de futebol Piscina Pista de atletismo Termas Lazer: Cinema Bar Cyber caf Alimentao: Restaurante Sorveteria Lanchonete Acomodao: Hotel Moradia da UNESP Locao de imveis: Imobiliria Dimenso Espacial Nvel de Medida

Elemento De Orientao

Ponto

Qualitativo

Ponto

Qualitativo

Entretenimento

Ponto

Qualitativo

Alimentao

Ponto

Qualitativo

Acomodao Locao de imveis

Ponto Ponto

Qualitativo Qualitativo

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

89

Tabela 10 Classificao e descrio dos elementos temticos Tema Classe / Subclasse Emergencial: Atendimento mdico emergencial Posto policial Delegacia Bombeiro Geral: Atendimento mdico da UNESP Agncia bancria Caixa eletrnico Casa lotrica Telefone pblico Correio Central telefnica Xerox Biblioteca Acadmicos: Secretaria de departamento DA Seo de graduao Seo de ps-graduao Seo de comunicao Cabine de informaes Dimenso Espacial Nvel de Medida

Servios

Ponto

Qualitativo

3.4 Definio das escalas de trabalho

O contedo cartogrfico a ser apresentado por este trabalho foi organizado em quatro escalas cartogrficas, conforme a figura 34, respectivamente para o Estado de So Paulo, a rota de acesso cidade de Presidente Prudente pela rodovia Raposo Tavares (SP - 270), a parte principal da cidade de Presidente Prudente, a FCT/UNESP em detalhes e a regio central da cidade de Presidente Prudente.
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

90

ESTADO DE SO PAULO Escala 1:5000000

ROTA Escala 1:18000

CIDADE Escala 1:18000

FCT/UNESP Escala 1:8000

CENTRO Escala 1:3000

Figura 34 Esquema ilustrativo para a apresentao das mltiplas escalas

Definiu-se que o mapa do Estado de So Paulo ser apresentado por inteiro no monitor, para facilitar a visualizao do conjunto das cidades relevantes, sendo essas as sedes municipais, que possuem campus da UNESP, sedes regionais e capital estadual. Alguns nveis de detalhamento da cidade so necessrios para mostrar as formas de acesso do usurio aos servios oferecidos. Dependendo da rea geogrfica da cidade necessria uma escala de representao cartogrfica mais detalhada, para visualizar, por exemplo, o nome de todas as ruas de acesso rea central. No caso da cidade de Presidente Prudente foi escolhida a regio que abrange o centro, a FCT/UNESP e a rodoviria para o mapa da cidade. Para o mapa de rota foi selecionada a rea do municpio que abrange a ligao com a rodovia Raposo Tavares e o campus.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

91

O display do campus foi projetado para exibir o mapa utilizando bem todo a rea do mapa, incluindo as adjacncias com o Prudenshopping.

3.5 Modelagem dos dados geogrficos

O modelo conceitual dos dados geogrficos, do caso de estudo, foi realizado com base na modelagem Geo-OMT, de Borges e Davis (2001), partindo da classificao da informao geogrfica organizada no tpico 3.3. O modelo apresentado nas figuras 35, 36, 37 e 38. O crculo numerado serve para conectar as partes do modelo, uma vez que no foi possvel representa-lo por completo em uma s pgina.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

92

Figura 35 Modelo conceitual para a UNESP no Estado de So Paulo

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

93

Figura 36 modelo conceitual para cidade

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

94

Figura 37 Modelo conceitual para servios

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

95

Figura 38 Modelo conceitual para entretenimento, servios acadmicos e uso do solo

A descrio das classes e dos relacionamentos do modelo conceitual foi efetuada com cartes de classes e com cartes de relacionamentos,

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

96

respectivamente, formalizados na modelagem OOHDM, sendo apresentados nos quadros do apndice B.

3.6 Modelagem de sistema hipertexto

O produto de hipermdia foi modelado conforme a abordagem OOHDM (SCHWABE, 2002). Assim, primeiro foi realizada a modelagem conceitual das classes navegacionais, conforme figura 39. Nesta figura, todos os mapas contm informaes adicionais declaradas na classe Informaes do mapa que descrevem suas fontes. A classe Cidade pode conter nenhum ou mais campus, pois decidiu-se que seriam includas todas as sedes regionais para facilitar a localizao dos campi, porm nem todas as sedes possuem unidades da UNESP.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

97

Figura 39 Esquema de classes navegacionais


France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

98

O projeto navegacional se iniciou com a declarao dos cartes de ns e elos descritos no apndice C. O projeto do site inclui dois recursos comuns: a barra de navegao e a barra de ferramentas. A barra de navegao possui controle de navegao e esta presente em todas as pginas do site, esta situada no topo da janela do browser. A barra de ferramentas sensvel ao contexto da pgina navegada, possuindo controle especficos, e se situa no rodap da janela. A forma de acesso aos ns (de informao) foi explicitada na representao do esquema de contextos navegacionais (figura 40) e das estruturas de acesso.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente
Curso Curso ndice de nomes por rea de conhecimento por Nome por Campus por Cidade Campus Campus Mapa ndice por Tema por Feio Rota Boto por Rota

99

Cidade por Tema Cidade Mapa ndice por Feio por Regio

UNESP no Estado Campus Cidade Ajuda Links Crditos Informaes do mapa Botes Informao adicional por Rtulo Mapa ndice por Campus por Cidade

Figura 40 Esquema para contexto navegacional

O contedo de cada contexto navegacional foi declarado com um carto de contexto navegacional e as estruturas de acesso foram declaradas em cartes apropriados, conforme apndice D.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

100

As interfaces do produto foram formalizadas no projeto de interface abstrata com o auxlio dos cartes de ADV (apndice E). Os relacionamentos entre os componentes reativos da interface e os ns de informao foram declarados nos diagramas de configurao dos ADVs no apndice F. Os comportamentos dos componentes reativos da interface foram especificados pelos ADVCharts. Para as interfaces que exibem mapas tem se a legenda com seletores de camada, botes para ligar e desligar as classes temticas e os botes imprimir e voltar na barra de ferramentas, conforme quadro 195 do apndice G. As tabelas de cursos so exibidas em uma interface apropriada que possibilita a navegao para mapas e pginas relacionadas aos cursos (quadro 196 no apndice G). A pgina Links baseada em texto com link e sua interface baseada no quadro 197 no apndice F.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

101

4. PROJETO E PRODUO DOS MAPAS DO GUIA CARTOGRFICO INTERATIVO DA UNESP PARA A INTERNET

Este captulo tem como objetivo apresentar a fase de elaborao dos mapas para o prottipo do Guia cartogrfico interativo da UNESP para a Internet, tendo como base a Faculdade de Cincias e Tecnologia do Campus de Presidente Prudente da UNESP (FCT/UNESP). Adotou-se o aplicativo Microstation SE para edio geomtrica, o aplicativo Spring 4.0 para a edio topolgica dos dados e na produo dos mapas foram empregados os aplicativos ArcView 3.0 e Adobe ImageReady 7.0. A fase de criao das pginas de web foi realizada com a utilizao do aplicativo Microsoft Front Page 200011. Para a implementao do projeto, foi utilizado um computador com placa grfica SiS 620, um monitor Super VGA utilizando 32 bits de cor, ou seja, 4294967296 cores.

4.1 Coleta e edio dos dados cartogrficos

O guia cartogrfico para a UNESP foi desenvolvido com os seguintes dados disponveis: Base cartogrfica do estado de So Paulo em mdia digital no formato SHAPEFILE, contendo as feies: limites de municpio, sede de municpios etc. Esses dados foram obtidos da empresa Engemap que utilizou a Carta Municipal
um aplicativo WYSIWYG (What You See Is What You Get), indica um tipo de editor HTML que afirma eliminar todas as dificuldades da escrita do cdigo HTML (Weinman e Weinman, 2002). France Michel Ferreira
11

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

102

do Estado de So Paulo compilada pelo Instituto Geogrfico e Cartogrfico (IGC); Carta da cidade de Presidente Prudente obtida do Departamento de gua e Esgoto S/A (DAE) em mdia digital no formato DWG, compilada pela empresa TerraFoto em 1977 e atualizada em julho de 1995 pelos alunos12 da FCT/UNESP, por levantamento fotogramtrico realizado em 1994, e recompilada em dezembro de 1995, produzida na projeo Universal Transversa de Mercator, com datum horizontal Crrego Alegre e datum vertical no margrafo de Imbituba (Santa Catarina), na escala de 1:10000. A referida carta apresenta a regio delimitada pelas coordenadas 22 06 15 e 22 08 45 S de latitude, e 51 26 15 e 51 22 30 W de longitude; Mapa da Faculdade de Cincias e Tecnologia obtida do Departamento de gua e Esgoto S/A (DAE) em mdia digital no formato DWG, compilada pela empresa TerraFoto em 1977 e atualizada em 1995 pelos alunos13 da FCT/UNESP, por levantamento topogrfico convencional realizado em 1995. Foi recompilada em julho de 1995, produzida na projeo Universal Transversa de Mercator, com datum horizontal SAD 69 e datum vertical no margrafo de Imbituba (Santa Catarina), na escala de 1:2000. A referida carta apresenta a regio delimitada pelas coordenadas 22 06 53,30 e 22 07 30 S de latitude, e 51 24 50 e 51 24 12 W de longitude; Dados temticos pontuais que foram reambulados na cidade de Presidente Prudente e na Faculdade de Cincias e Tecnologia. As feies foram identificadas visualmente e mapeadas em relao a posio da quadra, porm
Trabalho de Graduao executado pelos alunos Anderson Eimi Yonemoto, Fernando Marques de Almeida Nogueira e Flvia Renata Ferreira. 13 Trabalho de Graduao executado pelos alunos Danilo Rovira Pereira da Silva, Evandro Marchi e Rita de Cssia Vieira Martins. France Michel Ferreira
12

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

103

mantendo as relaes topolgicas e a acuracidade semntica. Para a cidade, os smbolos pontuais foram posicionados nas quadras e no caso da UNESP, as feies pontuais foram posicionadas nos prdios em que se situam; Informaes disponveis na home page do campus e diretamente nas sees de graduao e ps-graduao da FCT/UNESP. A base cartogrfica digital do Estado de So Paulo foi utilizada como fonte de dados na elaborao do mapa temtico das unidades da UNESP, por conter a localizao da capital estadual, das sedes regionais e das cidades que possuem seu respectivo campus. O contorno do estado foi obtido por processo de generalizao cartogrfica e por omisso dos limites dos municpios com a operao do aplicativo de combinao dos polgonos correspondente aos municpios no aplicativo ArcView. Tambm foram teis as informaes quanto s sedes de municpios, para que se pudesse localizar as unidades da UNESP no estado. Com relao carta do DAE, foram extrados os seguintes elementos: Quadras da cidade; Principais edificaes; e Toponmia. Estes dados foram utilizados para a elaborao de mapas temticos da cidade de Presidente Prudente. Tais mapas representam as rotas que orientam o caminho de acesso cidade (desde a rodovia at o campus), a parte principal da mancha urbana e uma ampliao do centro da cidade. As rotas (sentido So Paulo Presidente Prudente e sentido Mato Grosso do Sul Presidente Prudente) foram criadas tomando-se como base o caminho mais rpido e curto da rodovia Raposo Tavares (SP - 270) at o campus e,
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

104

assim, foram compostos quadros em uma animao que a representasse no programa Adobe ImageReady 7.0. Um detalhe ampliado foi ainda utilizado para mostrar a regio central de Presidente Prudente, o que permitiu uma melhor visualizao do centro da cidade ao exibir mais detalhes para a nova escala, como a toponmia de todos os logradouros, por exemplo. Os dados obtidos a partir do mapa da FCT/UNESP foram: Quadras; e Edificaes. Estes dados foram utilizados na elaborao do mapa temtico da FCT/UNESP, o qual mostra tanto estrutura fsica como a localizao dos servios internos. Partindo-se da base cartogrfica existente em formato SHAPEFILE, utilizou-se o programa ArcView para a edio de atributos do mapa do estado de So Paulo. Para esta nova edio, foram ajustadas as cores, a toponmia e a simbologia dos mapas. Como exemplo de edio de cores, tem-se os mapas das figuras 41 e 42, respectivamente antes e aps a edio.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

105

Figura 41 Exemplo de mapa sem a edio de cores

Figura 42 Exemplo de mapa aps a edio de cores Para os mapas que abrangem a cidade de Presidente Prudente e a rota de acesso ao campus e a FCT/UNESP, foram utilizadas as bases cartogrficas

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

106

existentes em formato DWG, das quais extraiu-se as regies de interesse no aplicativo MicroStation. A base cartogrfica de Presidente Prudente, por ser muito extensa foi limitada em apenas uma frao de interesse, que continha o centro da cidade, a rodoviria e a FCT/UNESP. Assim, foi editada de acordo com as figuras 43 e 44, respectivamente, antes e aps a edio. Esses dados foram convertidos para o formato DXF a fim de serem utilizados no programa Spring, no qual foram feitos os fechamentos dos polgonos e a criao de topologia. Feito isso, a exportao dos arquivos foi feita no formato SHAPEFILE para que edio dos mapas no aplicativo ArcView fosse realizada. Para a aplicao de zoom, houve o reaproveitamento do mapa do centro da cidade. Os temas foram adicionados sobre os mapas na forma de camadas de informao, possuindo a propriedade de transparncia (o que permite que algumas regies da imagem sejam transparentes), sendo que houve o cuidado de no se sobrepor os smbolos dentro de uma mesma camada. Aps a criao das camadas com os temas, foi necessria uma edio para que os smbolos no se sobrepusessem, possibilitando assim que todos os temas fossem visveis simultaneamente.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

107

Figura 43 Exemplo de mapa antes da edio de feies

Figura 44 Exemplo de mapa aps a edio de feies

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

108

4.2 Projeto temtico UNESP NO ESTADO DE SO PAULO

O primeiro mapa a ser apresentado no guia o que mostra a localizao dos campi no Estado de So Paulo. Devido necessidade de se criar um mapa simples para uma rpida localizao e acesso aos dados dos campi da UNESP, selecionou-se poucas feies. Este mapa mostrado em uma escala aproximada de 1:5000000, utilizando-se as feies: Limite estadual, Capital estadual, Sede regional, Sede municipal e Campus universitrio. O projeto e produo deste mapa, bem como os demais (cidade de Presidente Prudente, campus de Presidente Prudente e rota de chegada ao campus (Como Chegar)) sero descritos.

4.2.1 Projeto e teste dos smbolos cartogrficos

Nesta etapa, foram realizados o projeto e os testes dos smbolos cartogrficos. A especificao das cores foi realizada no aplicativo ArcView, no sistema Matiz-Saturao-Intensidade ou Hue-Saturation-Value (HSV), no qual os valores variam de 0 a 255, porm foram expressas no sistema Vermelho-Verde-Azul (RGB), sendo medidas no programa ImageReady. Para testar a simbologia da cor de fundo dos mapas, foram criados trs mapas do estado de So Paulo com cores diferentes. A seleo das cores foi baseada na teoria da cor aplicada cartografia, o que levou escolha de cores mais

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

109

claras e no saturadas para representar o fundo, uma vez que as cores muito escuras e saturadas avanam e do a impresso de maior importncia, pois segundo Dent (1993), as cores saturadas avanam (se aproximam do leitor) enquanto as cores menos saturadas recuam (se afastam do leitor). Nesse mapa, o smbolo pontual representando a localizao da UNESP a informao principal (figura ou tema), e a rea representando o estado a informao secundria (fundo), ou seja, a base cartogrfica. Portanto, os smbolos pontuais devem estar claramente destacados do fundo. Para avaliar a preferncia do usurio em relao escolha da cor mais conveniente quando apresentada no monitor, um teste foi aplicado. Os trs mapas foram mostrados sem que o tempo de resposta fosse limitado. O entrevistado era questionado quanto ao melhor smbolo e a razo pela qual o levou a sua respectiva escolha. Esses mapas foram testados em uma pesquisa de opinio em um grupo de homogneo de 26 pessoas, composto por 12 homens e 14 mulheres, com uma mdia de idade de 26 anos, conforme tabela 11.

Tabela 11 Descrio do conjunto de entrevistados para o teste da cor de fundo de mapa Atividades dos entrevistados Nmero de opinies Graduao, ps-graduao ou docncia 14 em cartografia Graduao em matemtica 1 Curso tcnico 1 Graduao em publicidade 2 Secretria 2 Graduao em letras 1 Ps-graduao em geografia 2 Ps-graduao em educao 1 Graduao em fisioterapia 1 Graduao em pedagogia 1

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

110

Considerou-se o nmero de entrevistados expressivo; pois, segundo NIELSEN (2000), bastam apenas 5 usurios para se descobrir problemas em um projeto para web, uma vez que so grupos homogneos (usurios universitrios e grupos afins). Os mapa testados so exibidos nas figuras 45, 46 e 47. As cores dos mapa esto especificadas na tabela 12.

Figura 45 Mapa 1 utilizado em pesquisa de opinio de cor de fundo

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

111

Figura 46 Mapa 2 utilizado em pesquisa de opinio de cor de fundo

Figura 47 Mapa 3 utilizado em pesquisa de opinio de cor de fundo Posteriormente, foram contabilizadas as opinies conforme a tabela 12.
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

112

Tabela 12 Cores de fundo utilizadas nos mapas de pesquisa de opinio Nmero de Cor do fundo Porcentagem Mapa votos R, G, B Smbolo 1 253, 253, 198 10 38,46 2 253, 227, 216 3 11,54 3 252, 215, 182 13 50,00 O principal motivo manifestado pelos entrevistados para a escolha da cor do mapa 3, conforme a tabela 12, foi o maior destaque dos smbolos pontuais, que so a informao principal e, por isso esto representados em cor saturada. A cor com os valores 252, 215, 182 foi ento escolhida para ser a cor de fundo dos mapas. Partindo dessa informao, realizou-se outra pesquisa para que fosse obtido o smbolo que melhor representasse o campus da UNESP. Essa cor foi utilizada tambm como fundo (quadras) nos mapas da cidade. Foram criados trs smbolos pictricos e testados sobre o mapa do estado de So Paulo com a cor de fundo escolhida na pesquisa anterior. Adotou-se a mesma cor para os trs smbolos, similar a cor azul do logotipo da UNESP (R= 4, G= 4, B= 255), conforme a padronizao de webdesign recomendada por DIAS (2001). Nesse teste, o conjunto de entrevistados foi composto por 6 homens e 11 mulheres, com uma mdia de idade de 21 anos, conforme tabela 13. Tabela 13 Descrio do conjunto de entrevistados para o teste do smbolo da UNESP Atividades dos entrevistados Nmero de opinies Graduao em computao 5 Enfermeira (estagiria) 1 Balconista (graduao em Biologia) 1 Ps-graduao em cartografia 1 Graduao em matemtica 2 Graduao em pedagogia 3 Graduao em fsica 2 Magistrio 2
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

113

Os mapas apresentados podem ser visualizados nas figuras 48, 49 e 50. Adotou-se o cone do mapa do estado utilizado no logotipo da UNESP. O primeiro smbolo foi elaborado sem contorno, o segundo smbolo com contorno e, no ltimo, criou-se um negativo do segundo smbolo, conforme tabela 14.

Figura 48 Mapa 4 utilizado em pesquisa de opinio para smbolo 1 de campus

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

114

Figura 49 Mapa 5 utilizado em pesquisa de opinio para smbolo 2 de campus

Figura 50 Mapa 6 utilizado em pesquisa de opinio para smbolo 3 de campus

As opinies esto sumariadas na tabela 14.


France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

115

Tabela 14 Smbolos para o campus da UNESP utilizados nos mapas de pesquisa de opinio Mapa Smbolo Nmero de votos Porcentagem 4 9 52,94 5 5 29,41 6 3 17,65 O motivo alegado pelos entrevistados para a escolha do smbolo do mapa 4, o smbolo preferido, foi a simplicidade, estando de acordo com a teoria da Gestalt, segundo Granha (2001). Embora tenha sido levantada apenas a preferncia e no a performance (acuracidade e tempo) dos smbolos, Forrest e Castner (1985) observam que os smbolos com contorno possuem a melhor performance na busca visual. Isso pode ser um fator relevante quando o mapa possui muitas classes e detalhes. Entretanto, nesse caso, o mapa composto de uma nica classe (campus da UNESP), alm disso, no h uma grande densidade de detalhes, ou seja, a base cartogrfica s composta do contorno do Estado e da localizao das cidades que contm campus da UNESP. Aps a escolha da cor de fundo dos mapas e do smbolo para representar o campus da UNESP, foi necessrio escolher o melhor efeito para a aplicao nos smbolos reativos, que esto condicionados a reagirem a eventos do usurio na Internet. Conforme Brown et al. (2001), os smbolos devem ser obviamente intuitivos, caso sejam interativos, sugerindo, portanto, o uso dos efeitos visuais, tais como sombra e tridimensional. Para isso, foi realizada uma pesquisa em que se aplicou trs tipos de efeitos visuais diferentes: Tridimensional utilizao de ponto de iluminao em posio arbitrria; Cintilao alternncia de cores; e Sombra tambm conhecido como shadow.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

116

Para o teste, utilizou-se o smbolo pontual selecionado previamente pelo grupo testado. Tambm foram aplicados para os smbolos que representam as cidades, os efeitos visuais mencionados acima. A partir dos smbolos pontuais, criou-se trs novos conjuntos de smbolos, um para cada efeito visual, que podem ser observados nas figuras 51, 52, 53 e 54. Estes smbolos foram testados parte e depois no contexto do mapa em um conjunto de entrevistados composto por 17 pessoas, sendo 3 homens e 14 mulheres, com uma mdia de idade de 22 anos, descrito na tabela 15.

Tabela 15 Descrio do conjunto de entrevistados para o teste dos smbolos para municpios Atividades dos entrevistados Nmero de opinies Ps-graduao em cartografia 1 Graduao ou ps-graduao em 2 fisioterapia Graduao em geografia 1 Graduao em matemtica 2 Funcionrio do xerox 2 Graduao em pedagogia 4 Graduao em computao 2 Auxiliar de enfermagem 2 Graduao em engenharia ambiental 1

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

117

Figura 51 Mapa 7 utilizado em pesquisa de opinio para efeito visual tridimensional em smbolo reativo

Figura 52 Mapa 8 utilizado em pesquisa de opinio para efeito visual cintilante (estado 1) em smbolo reativo
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

118

Figura 53 Mapa 8 utilizado em pesquisa de opinio para efeito visual cintilante (estado 2) em smbolo reativo

Figura 54 Mapa 9 utilizado em pesquisa de opinio para efeito visual de sombra em smbolo reativo

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

119

A partir da tabela 16, pode se analisar as opinies obtidas. Nota-se que houve uma mudana de opinio da maioria dos entrevistados. Na primeira etapa do teste, quando os smbolos foram mostrados parte, a maior preferncia foi por smbolos cintilantes (47,06%). Conforme a maioria dos entrevistados, a razo de suas escolha se deu pelo destaque em relao ao fundo. Porm, na segunda parte do teste, quando os smbolos foram aplicados sobre o mapa, a maior preferncia se deu por smbolos com o efeito visual de sombra (41,48%) por serem esteticamente mais agradveis. Levanta-se aqui a hiptese de que os smbolos cintilantes no arranjo do mapa geram um efeito visual desagradvel.

Tabela 16 Resultados da pesquisa de opinio sobre os smbolos reativos, nos contextos isolado versus mapa Mapa Smbolos Significado Efeito visual Capital Sede regional Tridimensional Cidade com UNESP Campus Capital Sede regional Cintilao Cidade com UNESP Campus Capital Sede regional Sombra Cidade com UNESP Campus Nmero de Porcentagem votos Isolado Mapa Isolado Mapa

41,18% 23,53%

47,06% 35,29%

11,76% 41,48%

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

120

4.2.2 Projeto e produo do mapa temtico

O smbolo utilizado para representar a rea do estado esta descrita na tabela 17, e o smbolo para representar o seu contorno esta na tabela 18.

Tabela 17 Smbolo da feio zonal utilizada no mapa do estado de So Paulo Feio Cor (R,G,B) Textura Smbolo rea interna do mapa Salmo (252,215,182)

Tabela 18 Smbolo das feies lineares utilizadas no mapa do estado de So Paulo Feio Cor (R,G,B) Espessura do trao Smbolo Contorno do mapa Cinza (210,210,210) 0,1 mm As cidades (na base cartogrfica) e os campi (elementos temticos) por serem feies pontuais, tm suas descries dadas na tabela 19, as cores descritas (com exceo do preto e branco) so dadas em valores do sistema RGB. No caso das cidades, foi adotada uma simbologia geralmente utilizada no mapa rodovirio do Estado de So Paulo (2001). Sobretudo, considerou-se o nvel de medida ordinal, sendo adotada a variao de tamanho e forma. J no caso dos campi, se utilizou a simbologia desenvolvida e testada, muito prxima ao smbolo utilizado pela prpria instituio Tabela 19 Especificao dos smbolos pontuais utilizados no mapa do estado de So Paulo Classes da base Dimenses (pixels cartogrfica e dos Cor (R,G,B) Smbolo de largura x altura) temas Capital estadual Preto 11 x 11 Branco; Sede regional 9x9 Preto Sede municipal Preto 6x6 Branco; Campus universitrio 18 x 11 Azul (4,4,255)
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

121

O smbolo de campus aparece associado a cada unidade da UNESP: Faculdade de Cincias Farmacuticas; Faculdade de Cincias e Letras; Faculdade de Odontologia (Araatuba); Instituto de Qumica; Faculdade de Odontologia (Araraquara); Faculdade de Cincias e Letras; Faculdade de Arquitetura, Artes e Comunicao; Faculdade de Cincias; Faculdade de Engenharia (Bauru); Faculdade de Cincias Agronmicas; Faculdade de Medicina; Faculdade de Medicina Veterinria e Zootecnia; Instituto de Biocincias (Rio Claro); Faculdade de Histria, Direito e Servio Social; Faculdade de Engenharia (Guaratinguet); Faculdade de Engenharia (Ilha Solteira); Faculdade de Cincias Agrrias e Veterinrias; Faculdade de Filosofia e Cincias; Faculdade de Cincias e Tecnologia; Instituto de Biocincias (Botucatu); Instituto de Geocincias e Cincias Exatas; Instituto de Biocincias, Letras e Cincias Exatas; Faculdade de Odontologia (So Jos dos Campos); e Unidades diferenciadas de: Instituto de Artes; Campus do Litoral Paulista; Dracena; Itapeva; Ourinhos; Registro; Rosana; Sorocaba/Iper; Tup. A especificao da toponmia utilizada nesse mapa est

apresentada na tabela 20. No caso do nome do campus, a toponmia exibida como texto alternativo, sendo mostrado com a passagem do ponteiro sobre seu smbolo (evento mouseover), sendo o texto formatado com tipografia determinada pelo prprio browser.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

122

Tabela 20 Especificao da toponmia Rtulo Capital Estadual Sede Regional Sede Municipal UNESP Caixa alta Caixa alta/Caixa Baixa Verdana Arial Normal Normal Preto Preto Negrito Normal 12 Fixo Caixa alta Verdana Normal Preto Negrito 12 Caixa alta Verdana Normal Preto Negrito 12 Forma Tipo Orientao Cor Valor Tamanho (pts)

Quanto s informaes marginais que so apresentadas, tem-se a rosa dos ventos, a barra de escala grfica e a legenda (tabela 21). A legenda dividida em base cartogrfica, denominada por Mapa por ser um termo mais popular, e em temas, que por sua vez, so divididos em classes (temticas).

Tabela 21 Contedo da legenda do mapa UNESP no estado de So Paulo Base cartogrfica: Mapa Classe Smbolo Capital Estadual Sede Regional Sede Municipal Tema: Campus Universitrio Classe Smbolo Campus Universitrio

O mapa resultante deste projeto pode ser verificado na figura 55.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

123

Figura 55 Mapa temtico UNESP no estado de So Paulo exibindo a base cartogrfica e o tema Campus universitrio

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

124

4.3 Projeto temtico COMO CHEGAR

O projeto temtico do mapa Como chegar possui como tema principal a rota de carro para se chegar na cidade de Presidente Prudente, partindo dos acessos da rodovia Raposo Tavares (SP-270), na escala aproximada de

1:18000. Neste mapa, tem-se a base cartogrfica e o tema animado para mostrar a rota. A simbologia utilizada para representar as feies zonais da base cartogrfica esto descritas na tabela 22 e as feies lineares na tabela 23.

Tabela 22 Conjunto de smbolos zonais para a base cartogrfica do mapa Como chegar Feio Cor (R,G,B) Textura Smbolo UNESP Edificao Pblica Parque Praa Quadra Shopping Azul (41,44,251) Ocre (213,140,0) Verde (171,252,164) Verde (146,174,47) Salmo (251,214,182) Cinza (165,165,165)

Tabela 23 Conjunto de smbolos lineares para a base cartogrfica do mapa Como chegar Elementos da base Cor (R,G,B) Espessura do trao Smbolo cartogrfica Calado Vermelho (255,0,0) 2 mm Rodovia Vermelho (253,54,68) 2 mm Via principal Amarelo (255,255,0) 2 mm A rota, como tema principal, representada com o smbolo Carro da classe temtica Rota, sendo especificado na tabela 24. Este smbolo se movimenta em direo ao campus da UNESP.
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

125

Tabela 24 Smbolos pontual para os temas do mapa Como chegar Dimenses (pixels Classe temtica Cor (R,G,B) Smbolo de largura x altura) Branco; Estacionamento Preto; 17 x 16 Vermelho (255,0,0) Branco; Cristo 15 x 15 Magenta (255,0,255) Branco; Monumento 15 x 15 Magenta (255,0,255) Branco; Museu 15 x 15 Preto Rota Verde (67,188,113) 20 x 17 Para se adotar o recurso de animao, foi criada uma imagem animada no formato gif com o aplicativo Adobe ImageReady. Essa imagem possui 41 quadros que se apresentam em uma seqncia arbitrada com o tempo de 1 segundo cada um. Com esse recurso possvel compreender o trajeto de ida FCT/UNESP a partir da rodovia SP-270, tanto para as pessoas que viajam partindo de So Paulo (e derivaes), como tambm, as que partem do Mato Grosso do Sul (e derivaes). Como exemplo, pode-se ver alguns quadros dessa animao nas figuras 56 e 57.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

126

Figura 56 Exemplo de animao de rota (posio rodovia)

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

127

Figura 57 Exemplo de animao de rota (posio UNESP)

A toponmia utilizada nesse mapa foi aplicada na forma e texto sobre o mapa, conforme a tabela 25.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

128

Tabela 25 Especificao da toponmia Rtulo Avenida Rua Campus Forma Caixa alta/ Caixa baixa Caixa alta/ Caixa baixa Caixa alta/ Caixa baixa Tipo Arial Arial Arial Orientao Normal Normal Normal Cor Preto Preto Branco Valor Negrito Negrito Negrito Tamanho (pts) 12 12 18

Quanto s informaes marginais apresentadas, tem-se a rosa dos ventos, a barra de escala grfica e a legenda (tabela 26).

Tabela 26 Contedo da legenda do mapa Como chegar Base cartogrfica: Mapa Feio UNESP Edificao pblica Parque Praa Quadras Shopping Calado Rodovia Via principal Tema: Transporte Feio Estacionamento Tema: Elemento de orientao Feio Cristo Monumento Museu Tema animado: Rota Feio Carro

Smbolo

Smbolo Smbolo

Smbolo

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

129

4.4 Projeto temtico CIDADE DE PRESIDENTE PRUDENTE

Neste projeto temtico apresentada a cidade de Presidente Prudente, bem como vrias outras feies. Por haver muita informao a ser representada conjuntamente na base cartogrfica, o uso de camadas de informaes ocultveis para dar suporte a cada categoria foi fundamental, pois, caso contrrio, seria impossvel expressar todas as informaes relevantes de uma cidade simultaneamente sem haver profuso de informao. Para isso, os temas foram gerados separadamente no aplicativo Adobe ImageReady como arquivos de imagem no formato gif transparentes, pois assim, exercem o papel de camadas de informao cartogrficas sobre a base cartogrfica (fundo). Dessa forma, o usurio poder optar por mant-los visveis ou invisveis. Este mapa mostrado na escala aproximada de 1:18000. A simbologia utilizada para representar as feies zonais est descrita nas tabelas 27 e 28, as feies lineares na tabela 29 e as feies pontuais, que representam os temas, nas tabelas 30, 31 e 32. Os smbolos pontuais foram projetados na forma pictrica para facilitar a leitura do mapa, conforme a recomendao de Ostrowski e Ostrowski (1975).

Tabela 27 Conjunto de smbolos zonais para a base cartogrfica do mapa Cidade de Presidente Prudente Feio Cor (R,G,B) Textura Smbolo 1o.plano (foreground): Roxo (94,102,216) Centro comercial e 2o.plano (background): bancrio Salmo (251,214,182) Parque Praa
France Michel Ferreira

Verde (171,252,164) Verde (146,174,47)

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

130

Tabela 28 Conjunto de smbolos zonais para a base cartogrfica do mapa Cidade de Presidente Prudente Feio Cor (R,G,B) Textura Smbolo Quadra Terminal urbano Terminal rodovirio Shopping UNESP Ampliao Salmo (251,214,182) Ocre (213,140,0) Vinho (209,99,107) Cinza (165,165,165) Azul (103,109,250) Preto; Transparente -

Tabela 29 Conjunto de smbolos lineares para o mapa das cidades Feio Cor (R,G,B) Espessura do trao Smbolo Calado Vermelho (255,0,0) 2 mm Vias principais Amarelo (255,255,0) 2 mm

Tabela 30 Conjunto de smbolos pontuais para o mapa das cidades Dimenses (pixels Feio Cor (R,G,B) Smbolo de largura x altura) Branco; Hotel 15 x 15 Preto Preto; Moradia da UNESP 15 x 15 Verde (0,251,162) Branco; Preto; 15 x 15 Verde (67,182,75); Lanchonete Amarelo (255,197,11); Marrom (105,52,57) Branco; Restaurante 15 x 15 Preto Branco; Preto; 15 x 15 Sorveteria Roxo (170,0,85); Amarelo (255,197,11) Branco; Igreja 15 x 15 Preto Branco; Monumento 15 x 15 Magenta (255,0,255) Branco; Museu 15 x 15 Preto Branco; Azul (0,0,255); Bar 15 x 15 Amarelo (227,192,16);
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

131

Tabela 31 Conjunto de smbolos pontuais para o mapa das cidades. Dimenses (pixels Feio Cor (R,G,B) Smbolo de largura x altura) Branco; Cinema 15 x 15 Preto Branco; Termas Preto; 14 x 15 Verde (69,223,37) Branco; Campo de futebol Preto; 15 x 15 Vermelho (255,0,0) Branco; Ginsio de esportes 15 x 15 Preto Branco; Piscina 16 x 14 Preto Branco; Pista de atletismo 15 x 15 Preto Branco; Quadra poliesportiva 15 x 15 Preto Atendimento mdico Branco; 15 x 15 emergencial Vermelho (254,29,0) Branco; Bombeiro 15 x 15 Vermelho (255,0,0) Branco; Delegacia 15 x 15 Preto Branco; Posto policial 15 x 15 Preto Branco; Agencia bancria 15 x 15 Verde (0,130,2) Atendimento mdico da Branco; 15 x 15 UNESP Vermelho (254,29,0) Branco; Biblioteca 15 x 15 Azul (0,0,255) Branco; Caixa eletrnico Preto; 15 x 15 Verde (0, 130, 2) Branco; Central telefnica Preto; 15 x 16 Amarelo (255,255,0) Preto; Correio 17 x 11 Amarelo (255,255,0) Branco; Xerox Preto; 16 x 15 Amarelo (255,243,0) Branco; Estacionamento Preto; 17 x 16 Vermelho (255,0,0)

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

132

Tabela 32 Conjunto de smbolos pontuais para o mapa das cidades. Feio Ponto de nibus coberto Ponto de Txi Cor (R,G,B) Preto; Amarelo (255,255,0) Preto; Verde (0,251,162) Dimenses (pixels Smbolo de largura x altura) 15 x 15 15 x 14

A toponmia utilizada nesse mapa foi aplicada na forma de texto sobre a base cartogrfica, conforme a tabela 33. Para os temas, utilizou-se o texto alternativo que exibido no evento da passagem do ponteiro do mouse sobre cada smbolos (mouseover).

Tabela 33 Especificao da toponmia Rtulo Avenida Rua Campus Parque do Povo Forma Caixa alta/ Caixa baixa Caixa alta/ Caixa baixa Caixa alta/ Caixa baixa Caixa alta/ Caixa baixa Tipo Verdana Verdana Verdana Verdana Orientao Normal Normal Normal Normal Cor Preto Preto ou Vermelho Branco Preto Valor Negrito Negrito Negrito Normal Tamanho (pts) 9 9 19 12

Quanto s informaes marginais que so apresentadas, tem-se: a rosa dos ventos, a barra de escala grfica e a legenda (tabelas 34 e 35).

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

133

Tabela 34 Contedo da legenda do mapa Cidade de Presidente Prudente. Base cartogrfica: Mapa Feio Smbolo Centro comercial e bancrio Parque Praa Quadra Terminal urbano Terminal rodovirio Shopping UNESP Calado Via principal Classe: Ampliao Feio Smbolo Regio Classe: Acomodao Feio Smbolo Hotel Moradia da UNESP Classe: Alimentao Feio Smbolo Lanchonete Restaurante Sorveteria Classe: Elemento de orientao Feio Smbolo Igreja Monumento Museu Classe: Lazer Feio Smbolo Bar Cinema Termas Classe: Recreao Feio Smbolo Campo de futebol Ginsio de esportes Piscina Pista de atletismo Quadra poliesportiva

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

134

Tabela 35 Contedo da legenda do mapa Cidade de Presidente Prudente. Classe: Servios emergenciais Feio Smbolo Atendimento mdico emergencial Bombeiro Delegacia Posto policial Classe: Servios gerais Feio Smbolo Agncia bancria Atendimento mdico da UNESP Biblioteca Caixa eletrnico Central telefnica Correio Xerox Classe: Transporte Feio Smbolo Estacionamento Ponto de nibus coberto Ponto de txi O mapa resultante deste projeto pode ser verificado na figura 58. Nesse mapa, a toponmia s aparece nas vias principais devido limitao de escala. Para acessar os servios, h um display da rea de interesse com a toponmia detalhada (inset), como exemplo, tem-se a figura 59 no prximo tpico.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

135

Figura 58 Mapa temtico Cidade de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

136

4.5 Projeto temtico CENTRO DE PRESIDENTE PRUDENTE

Este projeto temtico apresenta um zoom do centro da cidade de Presidente Prudente. Nesse caso, uma regio menor mostrada, porm, contendo mais informaes. Por exemplo, nomes dos logradouros prximos aos servios requisitados. Devido a grande quantidade de temas, tambm foi utilizado o recurso de imagens transparentes, como descrito no tpico anterior. Esse mapa foi criado na escala aproximada de 1:3000. A simbologia utilizada para apresentar as feies zonais est descrita na tabela 36, as feies lineares na tabela 37 e as feies pontuais nas tabelas 38 e 39.

Tabela 36 Conjunto de smbolos zonais para o mapa Centro de Presidente Prudente Feio Cor (R,G,B) Textura Smbolo o 1 .plano: Roxo (94,102,216) Centro comercial e bancrio 2o.plano: Salmo (251,214,182) Edificao pblica Praa Quadra Ocre (213,140,0) Verde (146,174,47) Salmo (251,214,182)

Tabela 37 Conjunto de smbolos lineares para o mapa Centro de Presidente Prudente Feio Cor (R,G,B) Espessura do trao Smbolo Calado Vermelho (255,0,0) 10 mm Via principal Amarelo (255,255,0) 10 mm

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

137

Tabela 38 Descrio dos smbolos pontuais temticos para o mapa Centro de Presidente Prudente Dimenses (pixels Feio Cor (R,G,B) Smbolo de largura x altura) Branco; Hotel 15 x 15 Preto Branco Preto; 15 x 15 Verde (67,182,75) Lanchonete Amarelo (255,197,11) Marrom (105,52,57) Branco; Restaurante 15 x 15 Preto Branco; Preto; 15 x 15 Sorveteria Roxo (170,0,85); Amarelo (255,197,11) Branco; Igreja 15 x 15 Preto Branco; Bar Azul (0,0,255); 15 x 15 Amarelo (227,192,16) Branco; Cyber caf Preto; 15 x 15 Verde (0, 251,162) Branco; Imobiliria 15 x 15 Preto Branco; Bombeiro 15 x 15 Vermelho (255,0,0) Branco; Delegacia 15 x 15 Preto Branco; Posto policial 15 x 15 Preto Branco; Agncia bancria Preto; 15 x 15 Verde (0,130,2) Branco; Casa lotrica Preto; 17 x 18 Verde (0,130,2) Branco; Caixa eletrnico Preto; 15 x 15 Verde (0,130,2)

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

138

Tabela 39 Descrio dos smbolos pontuais temticos para o mapa Centro de Presidente Prudente. Feio Central Telefnica Telefone Pblico Correio Xerox Estacionamento Ponto de nibus coberto Ponto de nibus descoberto Ponto de txi Cor (R,G,B) Branco; Preto; Amarelo (255,255,0) Branco; Preto; Amarelo (255,255,0) Preto; Amarelo (255,255,0) Branco; Preto; Amarelo(255,243,0) Branco; Preto; Vermelho (255,0,0) Preto; Amarelo (255,255,0) Preto; Amarelo (255,255,0) Preto; Verde (0,251,162) Dimenses (pixels Smbolo de largura x altura) 15 x 15 15 x 15 17 x 11 16 x 15 17 x 16 15 x 15 15 x 15 15 x 14

A toponmia utilizada nesse mapa foi aplicada na forma de texto sobre a base cartogrfica, conforme a tabela 40. Para o tema Igreja, utilizou-se texto alternativo, sendo este exibido no evento da passagem do ponteiro do mouse sobre seu smbolo (mouseover). Tabela 40 Especificao da toponmia. Rtulo Avenida Rua Forma Caixa alta/ Caixa baixa Caixa alta/ Caixa baixa Tipo Verdana Verdana Orientao Normal Normal Cor Preto Preto ou Vermelho Valor Negrito Negrito Tamanho (pts) 9 9

Quanto s informaes marginais que so apresentadas, tem-se: a rosa dos ventos, a barra de escala grfica e a legenda (tabela 41).

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

139

Tabela 41 Contedo da legenda do mapa Centro de Presidente Prudente. Base cartogrfica: Mapa Feio Smbolo Centro comercial e bancrio Edificao pblica Praa Quadra Via principal Calado Tema: Acomodao Feio Smbolo Hotel Tema: Alimentao Feio Smbolo Lanchonete Restaurante Sorveteria Tema: Elemento de orientao Feio Smbolo Igreja Tema: Lazer Feio Smbolo Bar Cyber Caf Tema: Locao de imveis Feio Smbolo Imobiliria Tema: Servios emergenciais Feio Smbolo Bombeiro Delegacia Posto Policial Tema: Servios gerais Feio Smbolo Agncia bancria Casa lotrica Caixa eletrnico Central telefnica Telefone pblico Correio Xerox Tema: Transporte Feio Smbolo Estacionamento Ponto de nibus coberto Ponto de nibus descoberto Ponto de txi

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

140

O mapa resultante deste projeto pode ser verificado na figura 59.

Figura 59 Mapa temtico Centro de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

141

4.6 Projeto temtico FACULDADE DE CINCIAS E TECNOLOGIA CAMPUS DE PRESIDENTE PRUDENTE

Neste projeto temtico apresentado o campus da FCT/UNESP. Devido a grande quantidade de informaes, foi necessrio utilizar o recurso de camadas de informao. Assim como o mapa anterior, tambm se gerou os temas separadamente. Este mapa exibido em uma escala aproximada de 1:8000. A simbologia utilizada para representar as feies zonais est descrita na tabela 42, as feies lineares na tabela 43 e as feies pontuais nas tabelas 44 e 45.

Tabela 42 Conjunto de smbolos zonais para o mapa do campus. Feio Cor (R,G,B) Textura Campo de futebol Edificao Pblica Parque Piscina Pista de atletismo Praa Quadra Quadra Poliesportiva Shopping UNESP Verde (171,219,20) Ocre (213,140,0) Verde (171,252,164) Azul (0,254,254) Cinza (120,120,120) Verde (146,173,47) Salmo (250,213,180) Verde (66,173,25) Cinza (165,165,165) Azul (158,166,244)

Smbolo

Tabela 43 Conjunto de smbolos lineares para o mapa do campus. Feio Cor (R,G,B) Espessura do trao Smbolo Calado Vermelho (255,0,0) 10 mm Caminhos Amarelo (255,255,0) 1 mm Cerca Cinza (120,120,120) 0,5 mm Via Principal Amarelo (255,255,0) 10 mm
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

142

Tabela 44 Conjunto de smbolos pontuais para o mapa do campus Dimenses (pixels Feio Cor (R,G,B) Smbolo de largura x altura) Preto; Moradia da UNESP 15 x 15 Verde (0,251,162) Branco; Preto; 15 x 15 Verde (67,182,75); Lanchonete Amarelo (255,197,11); Marrom (105,52,57) Branco; Restaurante 15 x 15 Preto Branco; Preto; 15 x 15 Sorveteria Roxo (170,0,85); Amarelo (255,197,11) Branco; Caixa dgua Preto; 15 x 15 Amarelo (255,255,0) Branco; Monumento 15 x 15 Magenta (255,0,255) Branco; Museu 15 x 15 Preto Branco; Cinema 15 x 15 Preto Branco; Campo de futebol Preto; 15 x 15 Vermelho (255,0,0) Branco; Ginsio de esportes 15 x 15 Preto Branco; Piscina 16 x 14 Preto Branco; Pista de atletismo 15 x 15 Preto Branco; Quadra poliesportiva 15 x 15 Preto Preto; Cabine de informaes 15 x 15 Amarelo (255,255,0) Preto; DA (diretrio acadmico) 15 x 15 Amarelo (255,255,0) Preto; Seo de comunicao 15 x 15 Amarelo (255,255,0) Preto; Seo de graduao 15 x 15 Amarelo (255,255,0) Preto; Seo de ps-graduao 15 x 15 Amarelo (255,255,0) Secretaria de Preto; 15 x 15 departamento Amarelo (255,255,0)

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

143

Tabela 45 Conjunto de smbolos pontuais para o mapa do campus. Dimenses (pixels Feio Cor (R,G,B) Smbolo de largura x altura) Branco; Agncia bancria 15 x 15 Verde (0,130,2) Atendimento mdico da Branco; 15 x 15 UNESP Vermelho (254,29,0) Branco; Biblioteca 15 x 15 Azul (0,0,255) Branco; Caixa eletrnico Preto; 15 x 15 Verde (0,130,2) Branco; Casa lotrica Preto; 17 x 18 Verde (0,130,2) Branco; Telefone pblico Preto; 15 x 16 Amarelo (255,255,0) Branco; Xerox Preto; 16 x 15 Amarelo (255,255,0) Branco; Estacionamento Preto; 15 x 15 Vermelho (255,0,0) Preto; Ponto de nibus coberto 15 x 15 Amarelo (255,255,0) Ponto de nibus Preto; 15 x 15 descoberto Amarelo (255,255,0) Preto; Ponto de txi 15 x 14 Verde (0,251,162) A toponmia utilizada nesse mapa foi aplicada somente sobre a base cartogrfica, conforme a tabela 46.

Tabela 46 Especificao da toponmia. Rtulo Rua Via Principal Forma Caixa alta/ Caixa baixa Caixa alta/ Caixa baixa Tipo Verdana Verdana Orientao Normal Normal Cor Preto ou Vermelho Preto ou Vermelho Valor Negrito Negrito Tamanho (pts) 9 12

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

144

Quanto s informaes marginais que so apresentadas, tem-se a rosa dos ventos, a barra de escala grfica e a legenda (tabelas 47 e 48).

Tabela 47 Contedo da legenda do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente. Base cartogrfica: Mapa Feio Smbolo Campo de futebol Edificao pblica Parque Piscina Pista de atletismo Praa Quadra Quadra Poliesportiva Shopping UNESP Calado Caminho Cerca Via principal Tema: Acomodao Feio Smbolo Moradia da UNESP Tema: Alimentao Feio Smbolo Lanchonete Restaurante Sorveteria Tema: Elemento de orientao Feio Smbolo Caixa dgua Monumento Museu Tema: Lazer Feio Smbolo Cinema Tema: Recreao Feio Smbolo Campo de futebol Ginsio de esportes Piscina Pista de atletismo Quadra poliesportiva

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

145

Tabela 48 Contedo da legenda do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente Tema: Servios acadmicos Feio Seo de graduao Seo de ps-graduao Seo de comunicao Cabine de informaes DA/CA Secretaria de departamento Tema: Servios gerais Feio Agncia Bancria Atendimento Mdico da UNESP Biblioteca Caixa eletrnico Casa lotrica Telefone pblico Xerox Tema: Transporte Feio Ponto de nibus coberto Ponto de nibus descoberto Estacionamento Ponto de txi Smbolo

Smbolo

Smbolo

O mapa resultante desse projeto pode ser verificado na figura 60.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

146

Figura 60 Mapa temtico Faculdade de Cincia e Tecnologia Campus de Presidente Prudente

4.7 Tabelas de descrio dos cursos ministrados na FCT/UNESP

A descrio dos cursos ministrados na FCT/UNESP foi organizada na forma de tabelas, tendo como critrio a rea de conhecimento, e o tipo de formao curricular de cada curso , tendo-se:
France Michel Ferreira

Graduao em Biolgicas; Graduao em Exatas; Graduao em Humana;

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

147

Ps-graduao em cincias exatas e da terra; Ps-graduao em cincias humanas; Ps-graduao em cincias sociais e aplicadas; Ps-graduao em Cincias humanas; Especializao em Educao; e Especializao em Sade.

Essas tabelas possuem uma breve descrio cada curso, de acordo com suas respectivas unidade (esse prottipo possui apenas para a FCT/UNESP), municpio (somente para o municpio de Presidente prudente), durao, perodo e nmero de vagas. Os itens que apresentam o nome do curso, o campus universitrio e a cidade possuem links. As tabelas apresentadas no guia cartogrfico podem ser verificadas nas tabela 49, 50 e 51. Tabela 49 Descrio dos cursos ministrados na FCT/UNESP. Graduao - Cincias biolgicas Campus Cidade Durao Curso universitrio Faculdade de Presidente 4 anos Educao fsica Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Educao fsica Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Fisioterapia Cincias e Prudente Tecnologia

Perodo matutino noturno integral

Vagas 45 45 45

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

148

Tabela 50 Descrio dos cursos ministrados na FCT/UNESP Curso Cincias da computao Engenharia ambiental Engenharia cartogrfica Estatstica Fsica Matemtica licenciatura Matemtica licenciatura Qumica Graduao Cincias exatas Campus Cidade Durao universitrio Faculdade de Presidente 5 anos Cincias e Prudente Tecnologia Faculdade de Presidente 5 anos Cincias e Prudente Tecnologia Faculdade de Presidente 5 anos Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Cincias e Prudente Tecnologia Faculdade de Presidente 5 anos Cincias e Prudente Tecnologia Graduao - Cincias humanas Campus Cidade Durao universitrio Faculdade de Presidente 5 anos Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Cincias e Prudente Tecnologia Faculdade de Presidente 4 anos Cincias e Prudente Tecnologia Faculdade de Presidente 5 anos Cincias e Prudente Tecnologia Perodo noturno integral integral diurno diurno matutino noturno noturno Vagas 35 35 40 30 30 40 50 40

Curso Arquitetura e urbanismo Geografia licenciatura e bacharelado Geografia licenciatura e bacharelado Pedagogia Pedagogia

perodo diurno matutino noturno vespertino vespertino

vagas 40 40 45 35 45

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

149

Tabela 51 Descrio dos cursos ministrados na FCT/UNESP Ps-graduao - Cincias exatas e da terra Curso Mestrado em cincias cartogrficas Doutorado em cincias cartogrficas Curso Campus Cidade Durao perodo universitrio Faculdade de Presidente 24 meses integral Cincias e Prudente Tecnologia Faculdade de Presidente 48 meses integral Cincias e Prudente Tecnologia Ps-graduao - Cincias Sociais e aplicadas vagas 10 4

Campus Cidade Durao perodo universitrio Faculdade de Mestrado em Presidente 30 meses integral Cincias e Produo do Prudente espao geogrfico Tecnologia Faculdade de Doutorado em Presidente 44 meses integral Cincias e Produo do Prudente espao geogrfico Tecnologia Ps-graduao - Cincias humanas Curso Campus universitrio Cidade Durao perodo

vagas 15 10

vagas 15

Mestrado Faculdade de Presidente formao inicial e 30 meses integral Cincias e Prudente continuada de Tecnologia professores Especializao Educao Curso

Campus Cidade Durao perodo vagas universitrio Faculdade de Presidente Gesto 2 anos quinzenal 40 Cincias e Prudente Educacional Tecnologia O ensino do texto: Faculdade de Presidente 2 anos quinzenal 40 teoria e prtica na Cincias e Prudente Tecnologia sala de aula Especializao Sade Campus universitrio Faculdade de Fisioterapia Cincias e neurolgica Tecnologia Faculdade de Fisioterapia Cincias e Cardio-respiratria Tecnologia Curso Cidade Presidente Prudente Presidente Prudente Durao perodo 1 ano 1 ano quinzenal quinzenal vagas 40 40

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

150

No captulo seguinte ser descrita a implementao do guia cartogrfico interativo.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

151

5. IMPLEMENTAO DO GUIA CARTOGRFICO INTERATIVO DA UNESP PARA A INTERNET

Nesse captulo descreve-se a implementao do Guia cartogrfico interativo da UNESP para a Internet, que foi projetado para atender as configuraes mais utilizadas popularmente, tanto em termos de equipamento quanto de aplicaes utilizadas para navegao na web e o tipo de conexo com a Internet. Sua implementao foi realizada com base na modelagem do captulo 2.

5.1 Introduo

Conforme o site W3schools14, 60% dos usurios utilizam o sistema operacional Windows 98 e Windows ME, dos quais majoritariamente 44% dos computadores utilizam configurao de cores com 16 bits, ou seja, 65536 cores; porm, foi considerada a configurao de 24 bits (16777216 cores) por se tratar de um ajuste de cores mais atual. Com relao resoluo espacial da tela, 47% das mquinas possui 800 pontos de resoluo horizontal e 600 pontos de resoluo vertical (W3SCHOOLS, 2003). Uma configurao ultrapassada pode facilitar a vida de usurios que ainda utilizam um monitor de 15 polegadas. Segundo Brown et al. (1993), monitores de 14 polegadas possuem uma boa resoluo at 800 por 600 pontos no mximo. O tipo de programa mais utilizado para navegar o Microsoft Internet Explorer, nas verses 5.0 e 6.0 que juntas somam a preferncia de 71% dos
http://www.w3schools.com/browsers/browsers/browsers-stats.asp acessado dia 10 de abril de 2003 e 5 de agosto de 2004. France Michel Ferreira
14

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

152

usurios, segundo estatsticas providas pelo site W3schools, em julho 2004. Assim, o guia eletrnico foi desenvolvido prioritariamente para ambas verses. Quanto aos recursos de desenvolvimento utilizados, 89% dos navegadores de web possuem suporte a linguagem de programao JavaScript 1.2, de acordo com o site W3schools. No Brasil, apenas um em cada cinco internautas com conexo domstica possui conexo com acesso rpido. O desenvolvimento do guia foi realizado com a utilizao o aplicativo Microsoft FrontPage, as linguagens de programao HTML, JavaScript e folhas de estilo em cascata. Segundo Weinman e Weinman (2002), a linguagem HTML (Hypertext Makup Language Linguagem de Marcao de Hipertexto) a linguagem com a qual as pginas da web so escritas e criadas, embora a maioria dos designers sejam reticentes diante da idia de chamar HTML de uma linguagem de layout. Esse precisamente o ponto, a HTML no foi escrita para ser uma ferramenta de design, mas para ser uma linguagem de exibio com a inteno de oferecer visualizaes diferentes em mquinas e sistemas operacionais distintos. Seu foco a estrutura grfica da pgina de web. Atravs dessa linguagem so feitos os hyperlinks, que permitem navegar pela web. Para isso, utiliza-se a marcaes, chamadas marcas (tags) no ponto da pgina em que feito um hyperlink com outra pgina, porm o seu foco estrutural. Segundo Silva (2003), a linguagem JavaScript possibilita a realizao de muitas tarefas importantes para o enriquecimento de uma pgina web, desde a validao dos dados at a exibio de mensagens e efeitos dinmicos, tudo possvel. O foco dessa linguagem a parte mais funcional da pgina, possibilitando maior flexibilidade na construo das pginas de aplicaes.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

153

Segundo Weinman ; Weinman (2002), folhas de estilo em cascata (CSS Cascading Style Sheet), uma coleo de modelos e/ou estilos, aplicadas a vrias partes de seu documento e que descrevem de maneira como ele processado, servindo para redefinir as propriedades dos vrios elementos e marcas HTML, como por exemplo, tipo de fonte em algumas partes do texto.

5.2 Estrutura do guia cartogrfico interativo

Ao produzir o guia, foram tomados alguns cuidados que facilitaram a percepo de vrios componentes visuais relacionados navegao e ao usurio. A janela do aplicativo para navegao de pginas web foi otimizada de forma a obter a maior dimenso possvel na tela do monitor; para isso foram desativadas as barras de ferramentas, com exceo da barra de status. Para uma melhor explanao, tem-se a primeira pgina do guia, intitulada AJUDA DO SITE que dispe algumas recomendaes para o uso adequado. Nessa pgina nota-se a barra de navegao no topo da janela, que segue o padro grfico do site da FCT/UNESP, conforme a figura 61.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

154

Figura 61 Pgina AJUDA DO SITE

Outros cuidados com a produo do guia cartogrfico foram em relao extenso das pginas para que no ultrapassassem a dimenso da janela do browser, evitando a necessidade da rolagem de pgina para facilitar a navegao e compreenso. O uso de hyperlinks para outros sites tambm foi aplicado para melhorar as possibilidades de navegao e reutilizar outros documentos j disponibilizados na Internet. Os controles de voltar a pgina anterior e impresso foram adicionados na barra de ferramentas de todas as pginas do guia. Para tornar a visita do internauta mais agradvel foi empregado o recurso de sonorizao com fundo musical suave que no interrompido durante toda a navegao. Toda a informao provida pelo guia cartogrfico pode ser classificada nos seguintes tipos de apresentao: Mapa apresentado em uma janela e possui o auxlio da legenda;

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

155

Tabela composto por texto com link em disposio tabular; e

Informao descritiva informaes adicionais do guia.

Os mapas so disponibilizados em janelas com vrios itens de interao visual mostrados e enumerados na figura 62, sendo: 1) Barra de navegao permite o acesso a vrias pginas do guia; 2) Ttulo da pgina apresentada; 3) Legenda interativa, flutuante, ocultvel e mvel; 4) Menus suspensos com listas de itens expandem-se ao serem sobrepostos pelo ponteiro do mouse; 5) Barra de ferramentas da pgina dispem funes especficas para a pgina; 6) Mensagens na barra de status; e 7) Janela para exibir temas dispostos em nveis, que se sobrepem visualmente e so controlveis pela legenda.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

156

Figura 62 Exemplo de janela para exibio de mapa

A legenda utilizada para auxiliar a visualizao dos temas, e suas respectivas classes, possui a propriedade de ser interativa, flutuante e ocultvel; quando seu contedo muito extenso, ela recebe uma barra de rolagem vertical. Segundo Brown et al. (2001), se a legenda tratada como um objeto separado, ela pode ser mantida em uma estrutura separada ou tratada como um objeto mvel que pode ser colocada em uma localizao conveniente numa janela do mapa. Em qualquer evento, uma legenda de mapa no interativo deve ser mantida pequena; sendo assim, no houve preocupaes quanto ao tamanho da legenda, levando-se em considerao a interatividade do mapa. Em caso de fechamento da janela de legenda pelo usurio, esta pode ser aberta novamente com o uso o boto Legenda na barra de ferramentas. A legenda foi sempre posicionada inicialmente no canto superior esquerdo, dessa forma, ser focada pelo usurio antes de ver o mapa
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

157

(DENT, 1993), mas pode ser deslocada quando for necessrio, por exemplo, no mapa CIDADE DE PRESIDENTE PRUDENTE a legenda encobre algumas feies de classes temticas. J as demais informaes marginais (a barra de escala grfica e a rosa dos ventos) foram dispostas seguindo as linhas centrais ortogonais e diagonais do mapa, de tal forma que facilite o foco de ateno do usurio (DENT, 1993). Devido ao grande quantidade de feies mapeadas foi necessrio implementar os controles de visibilidade e seleo dos temas, assim a legenda interage exibindo ou ocultando os temas e tornando apenas um tema selecionado atravs dos eventos de mouse pelo usurio. Seus componentes so mostrados e enumerados na figura 63, como: 1) Barra de ttulo da legenda permite mover, fechar e abrir a ajuda da legenda em uma nova janela de browser (figura 64); 2) Indicador de seleo do tema no estado selecionado (em preto); 3) Indicador de seleo do tema no estado no selecionado (em cinza); 4) Rtulo da classe temtica em estado visvel; 5) Rtulo da classe temtica em estado invisvel; 6) Smbolo da classe temtica utilizado sobre o mapa; e 7) Rtulo da classe temtica.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

158

Figura 63 Exemplo de legenda

Figura 64 Pgina de ajuda da legenda

A partir da pgina inicial AJUDA DO SITE, a navegao pode ser continuada, por exemplo, pelo boto UNESP, localizado na barra de navegao, com isso exibida a pgina do mapa UNESP NO ESTADO DE SO PAULO (figura 65). Nesse mapa so apresentadas vrias cidade e campi da UNESP, apenas a cidade e o campus de Presidente Prudente possuem links em virtude desse trabalho ser apenas um prottipo. A legenda possui um exemplo de recurso
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

159

de acessibilidade para deficientes visuais parciais, em que ao clicar no nome da classe temtica Capital estadual ou no seu respectivo cone, aberta uma janela com animao que realiza a reproduo sonora do seu nome (figura 66). Na barra de ferramentas h um boto para ir ao Portal UNESP para se obter outras informaes. A navegao por cidades ou campi pode ser realizada tanto por meio dos cones no mapa como pelos menus suspensos Cidade e Campus universitrio na barra de navegao.

Figura 65 Pgina do mapa UNESP NO ESTADO DE SO PAULO

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

160

Figura 66 Exemplo de recurso de acessibilidade

A pgina da cidade de Presidente Prudente mostra o mapa CIDADE DE PRESIDENTE PRUDENTE (figura 67). O usurio pode utilizar as regies de zoom delimitadas por retngulos vazados de bordas pretas para visitar os mapa do centro da cidade, intitulado CENTRO DA CIDADE DE PRESIDENTE PRUDENTE (figura 68) ou o mapa do campus, intitulado FACULDADE DE CINCIAS E TECNOLOGIA CAMPUS DE PRESIDENTE PRUDENTE (figura 69), para facilitar a compreenso do recurso de zoom, o usurio pode acessar a pgina de ajuda (figura 70). O mapa do centro da cidade tambm pode visitado atravs do boto Centro, existente na barra de ferramentas. Tambm na barra de ferramentas h o boto Prefeitura que possibilita uma navegao para o site institucional da prefeitura. Caso o usurio sinta dificuldade de localizar as feies de interesse devido a profuso de informaes, ele pode desligar os temas que julgar suprfluos a partir da legenda interativa. Quanto a informao temporal, possvel verificar as datas de levantamento, atualizao e compilao da base cartogrfica, assim como
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

161

a data do levantamento dos dados temticos pode ser verificada atravs do boto Informaes do mapa visualizando-se a pgina homnima (figura 71).

Figura 67 Pgina do mapa CIDADE DE PRESIDENTE PRUDENTE

Figura 68 Pgina do mapa CENTRO DA CIDADE DE PRESIDENTE PRUDENTE


France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

162

Figura 69 Pgina do mapa FACULDADE DE CINCIAS E TECNOLOGIA CAMPUS DE PRESIDENTE PRUDENTE

Figura 70 Ajuda do zoom de ampliao de regies do mapa CIDADE DE PRESIDENTE PRUDENTE

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

163

Figura 71 Pgina de informaes do mapa CIDADE DE PRESIDENTE PRUDENTE

Na pgina do mapa do campus, o internauta pode ter acesso a exibio de fotos de feies mapeadas, o que facilita uma melhor percepo do ambiente geogrfico pesquisado. Esse tipo de produto, mdias alternativas, pode favorecer e estimular o interesse e a visita do usurio ao campus (figura 72). Nessa mesma pgina o internauta pode acessar a pgina do mapa COMO CHEGAR A FACULDADE DE CINCIAS E TECNOLOGIA, atravs do boto Como chegar, que emprega o recurso de animao em cartografia (figura 73), no qual mostrado o caminho da rodovia at a universidade.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

164

Figura 72 Exemplo de mdia alternativa

Figura 73 Pgina do mapa animado COMO CHEGAR A FACULDADE DE CINCIAS E TECNOLOGIA

O mapa de rota de carro possui quase toda toponmia implantada na base cartogrfica, o que dispensa o evento mouseover para reconhecer os nomes,
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

165

assim, esse mapa impresso poder servir como guia porttil, dispensando o aparato eletrnico. As feies que foram introduzidas so apenas aquelas que podem ser teis como elemento de orientao durante o deslocamento automotivo, tais como monumentos, estatua do Cristo, museu da cidade e comrcios com grandes letreiros que so bastante visveis no sentido de deslocamento rodovia-campus. Tambm para facilitar a viagem foram introduzidos links com fotos desses elementos notveis para um reconhecimento antes da viagem (figura 74).

Figura 74 Exemplo de visita a um hyperlink com foto a partir do mapa de rota de carro

O pblico interessado em ingressar em um curso da UNESP pode pesquisar os cursos lecionados pelo boto Cursos disponvel na barra de navegao. Na pgina CURSOS MINISTRADOS NA UNESP h uma relao das reas do conhecimento classificadas por nveis de formao (graduao, psFrance Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

166

graduao e especializao), conforme figura 75. Ao entrar nessa pgina, o usurio pode navegar pelas reas do conhecimento ou rolar a pgina e visitar todos os cursos para obter informaes dos cursos, ou mapas da cidade e do campus relacionados a um determinado curso (figura 76).

Figura 75 Pgina CURSOS MINISTRADOS NA UNESP

Figura 76 Pgina CURSOS MINISTRADOS NA UNESP


France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

167

O guia tambm possui pginas que provem links relacionados ao guia cartogrfico interativo (figura 77), e os crditos do desenvolvimento do guia (figura 78), ambos acessveis pela barra de navegao.

Figura 77 Pgina LINKS DE SITES RELACIONADOS

Figura 78 Pgina OS CRDITOS DO GUIA


France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

168

6. CONCLUSES E RECOMENDAES

A abordagem metodolgica desse trabalho envolve conceitos essenciais tanto a produo cartogrfica quanto ao desenvolvimento de uma aplicao hipermdia, pois ambas as tarefas so complexas e necessitam procedimentos com um alto grau de organizao. A anlise de demanda foi essencial para definir quais temas, e suas respectivas classes, seriam includos no projeto cartogrfico, para posteriormente serem apresentados no mapa. Nessa etapa uma pesquisa com os calouros se mostrou uma ferramenta de mera relevncia. A modelagem dos dados geogrficos mostrou ser uma tarefa que abrange a vrias etapas, devido a inmeras particularidades que precisaram ser compreendidas e tratadas de vrios ngulos, sempre se pensando na viso do usurio. Nessa fase foi importante limitar at que ponto a realidade seria abstrada, evitando assim a falta ou excesso de dados geogrficos. A modelagem da aplicao multimdia reaproveita vrias abstraes realizadas no modelo de dados geogrficos. Um ponto fundamental foi a criao de uma documentao para orientar o desenvolvimento do site e poder facilitar futuras manutenes corretivas e evolutivas, possibilitando que o projeto seja extensvel e reutilizvel. A produo dos mapas foi uma etapa em que se empregou a pesquisa de opinio para manter a convenincia ao usurio. Nesta etapa observouse que os smbolos cintilantes produzem estmulos diferentes quando visualizado

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

169

isoladamente e aplicados em conjunto sobre a base cartogrfica, o que sugere estudos posteriores. O emprego de animao para representar uma rota foi muito importante, pois ao mesmo tempo em que informa, pode ser visualmente chamativo e agradvel. Tambm notou se que a animao auxilia o destaque dos elementos temticos na hierarquia das feies apresentadas no mapa, permitindo melhorar a relao figura-fundo, alm de contornar o problema da sobreposio de feies. Uma sugesto utilizar o mesmo recurso para representar algumas rotas de nibus municipais para os usurios que se deslocam a partir da rodoviria ao campus. A portabilidade do mapa tambm poderia ser melhor explorada com a adio de uma verso prpria para a impresso, que empregasse as paletas de cores PANTONE para garantir a fidelidade das cores na impresso colorida, e

disponibilizando esses mapas em formato PDF (Portable Document Format), para que sejam obtidos por download e impressos com uma qualidade muito melhor que a tela do computador. Nessa verso, importante ressaltar que a legenda deve acompanhar o mapa impresso. A implementao do guia foi realizada tomando como base o browser mais utilizado pelos internautas, com base em estatsticas da Internet. Para uma maior eficcia precisa-se ainda, realizar pesquisas de usabilidade e tambm testes de performance e acurcia dos smbolos pontuais empregados. Por fim, recomenda-se o estudo da introduo de recursos de acessibilidade adicionais para deficientes visuais parciais, auditivos ou mentais e a adoo de uma galeria virtual de fotos para auxiliar no marketing da rea mapeada, contando inclusive com o emprego de vrios tipos de mdias alternativas.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

170

REFERNCIAS BIBLIOGRFICAS

BALCHIN, W. G. V. Graficacia, In: Revista Geografia, v. 3, n. 5, p. 1-13, 1978. BERTIN, J. La Graphique et l Traitement Graphique de lInformation. Paris: Flammarion, 1977. p. 230-231. BORGES, K.; DAVIS, C. Modelagem de Dados Geogrficos. 2001. Disponvel em: <http://www.dpi.inpe.br>. Acessado dia 23 fevereiro 2003. BOS, E. S. Cartographic Symbol Design. The Netherlands: ITC, 1984. 83p. BROWN, A.; EMMER, N.; VAN DEN WORM, J. Cartographic Design and Production in the Internet Era, In: The Cartographic Journal, v. 38, p. 61-72, The British Cartographic Society, 2001. BROWN, A. Map Design for screen displays, In: The Cartographic Journal, v. 30, p. 129-135, 1993. CMARA, G. ; CASANOVA, M. ; HEMERLY, A. ; MAGALHES, G. ; MEDEIROS, C. Anatomia de Sistemas de Informao Geogrfica. Campinas: Instituto de Computao, UNICAMP, 1996. 197p. CAMPBELL, C.S.; EGBERT, S.L. Animated cartography/thirty years of scratching the surface. In: Cartographica, vol. 27, n. 2, p. 24-46, 1990. CECCONI, A.; GALANDA, M. Adaptative Zooming in Web Cartography, Disponvel em <http://www-br.ebsco.com/online>. Acessado dia 11 junho 2003, 11:00. COLEMAN, et al. D. Desenvolvimento Orientado a Objetos O mtodo Fusion. Rio de Janeiro, 1996, Editora Campus. DECANINI, M. M. S. ; IMAI, N. N. Mapeamento na Bacia do Alto Paraguai: Projeto e Produo Cartogrfica. In: Revista Brasileira de Cartografia, 52, 65-75, 2001. DENT, B. D. Introduction to Thematic Mapping. In: ___. Cartography: Thematic MapDesign. 3 ed. Dubuque: Wm. C. Brown Publishers, 1993. chap , p.2-23. DIAS, C. Mtodos de Avaliao de Usabilidade no Contexto de Portais Corporativos: um estudo de caso no Senado Federal. Braslia: Universidade de Braslia, 2001. 229p. ELMASRI, R., NAVATHE, S. Fundamental of Database Systems. 2nd Edition. Menlo Park, CA: Addison-Wesley, 1991. 873p. ELZAKKER, C. P. J. M. V. Use of maps on the Web, In: Web Cartography: developments and prospects, ed. by Kraak, M.J., and Brown, A., pp. 21-36, London: Taylor ; Francis, 2001.
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

171

FORREST, D. ; CASTNER, H. W. The Design and Perception of Point Symbols for Tourist Maps. In: The Cartographic Journal. v.22, p.11-19, 1985 GRANHA, G. Metodologia de Criao de Smbolos Cartogrficos: uma Aplicao para Estudos de Impacto Ambiental. 2001. (Dissertao) Instituto Militar de Engenharia, Rio de Janeiro. Grokking the GIMP (site). Disponvel em <http://gug.sunsite.dk/docs/Grokking-theGIMP-v1.0/node52.html> , acessado no dia 5 de dezembro de 2003. IBGE (site). Dsicponvel em <http://www.ibge.gov.br/>, acessado no dia 28 de setembro de 2004. KEATES , J. S. Cartographic design and production. New York: Longman, Inc., 1989. KBBEN, B. Publishing Maps on the Web, Web Cartography: Development and Prospects, 214 p., Taylor ; Francis, London ; New York, 2001. MACEACHREN, A. M. Cartographic Language. In: ___. Some truth with maps: A primer on symbolization and design. Pennsylvania: AAG, 1994. chap. 2, p.13-36. MAPA RODOVIRIO DO ESTADO DE SO PAULO, Departamento de Estradas de Rodagem Diretoria de planejamento, 2001. MARTINELLI, M., Curso de Cartografia Temtica. So Paulo: Contexto, 1991. 180p. NAVATHE, S. B. Evolution for data modeling for databases. Communications of the ACM, v.35, n.9, p.112-123, 1992. NIELSEN, J. Why You Only Need to Test With 5 Users. Disponvel em http://www.useit.com/alertbox/20000319.html>, acessado dia 15 de dezembro 2003. OLIVEIRA, K. C. L. Projeto e Produo Cartogrfica do Guia Turstico das Represas Paulistas Caso de Estudo: Balnerio da Represa Laranja Doce. Presidente Prudente, 2001. 185p. Dissertao (Mestrado em Cincias Cartogrficas) Faculdade de Cincias e Tecnologia, Campus de Presidente Prudente, Universidade Estadual Paulista Jlio de Mesquita Filho. OSTROWSKI, J. ; OSTROWSKI, W. Cartographic Conception of Tourist of Towns. In: International Yearbook of Cartography, p.123-131, 1975. OXTOBY, P. ; VAN DEN WORM, J. The Application of Type in Cartography. 1986. 61p. PEDROSA, B. M. ; CMARA, G. Introduo Modelagem Dinmica Espacial. Captulo 1. Disponvel em <http://www.dpi.inpe.br/cursos/tutoriais/modelagem/>. Acessado dia 13 maro 2004. PETERSON, M. P. (1995). Interactive and Animated Cartography. Englewood Cliffs, New Jersey: Prentice Hall, 257p.
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

172

Presidente Prudente: A maior regio do Nelore Mocho. Disponvel em <http://www.prudensite.com.br/cidade>, acessado dia 13 de maio de 2003. ROBBI, C. Sistema para Visualizao de Informaes Cartogrficas para Planejamento Urbano / C. Robbi So Jos dos Campos: INPE, 2000. SCHWABE, D. Modelagem de Dados Hipermdia OOHDM (Object Oriented Hipermedia Design Method). Tese de doutorado. 2001. Disponvel em <http://www.telemidia.puc-rio/oohdm/oohdm.html>. Acessado dia 12 dezembro 2002. SILVA, O. J., JavaScript Avanado: Animao, Interatividade e Desenvolvimentos de Aplicativos. So Paulo: rica, 2003 SILVA, A. A.; REX, H. K. A.; VICENTE, J. Desenvolvimento de Aplicao SIG na Web para o Parque Estadual Morro Do Diabo PEMD. Presidente Prudente, 2001. Trabalho de Graduao Faculdade de Cincias e Tecnologia, UNESP. STYNES, K.; Wood, J.; Dykes, J.; Fisher, P.; Unwin, D. Publishing Cartography on the Web. Disponvel em <http://www.geogle.ac.uk/argus/ICA/K.Stynes/>. Acessado dia 11 maio 2003. VEHE, S. M. Research Directions in Cartography: Web Based Maps Versus Paper Maps, University of Nebraska, 1996. Disponvel em <http://maps.unomaha.edu/peterson/methods/Research/Vehe.html>. Acessado dia 11 maio 2003. W3Schools: Web Statistics (site). Disponvel em <http://www.w3schools.com/browsers/browsers/browsers-stats.asp>, acessado dia 10 de abril de 2003. WEINMAN, L.; WEINMAN, W. <Design Criativo com HTML.2>: um guia prtico e completo para design na web. Rio de Janeiro: Cincia Moderna, 2002. Wikipedia (site) <http://en.wikipedia.org/wiki/HSV_color_space>, acessado dia 5 de dezembro de 2003. WONG, W. Pincipios del diseo en color. Barcelona: Gustavo Gili, 1987. WORBOYS, M. F. GIS: A Computing Perspective, Taylor ; Francis, 1995.

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

173

APNDICE A FORMULRIO DE PESQUISA APLICADO AOS ALUNOS


INGRESSANTES DO CAMPUS DE PRESIDENTE PRUDENTE NO ANO DE 2004

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

174

QUESTIONRIO SOBRE O USO DE INFORMAES CARTOGRFICAS PELOS CALOUROS DO CAMPUS DA FCT/UNESP PARA TRABALHO DE PESQUISA NA PS-GRADUAO EM CINCIAS CARTOGRFICAS

DADOS PESSOAIS Esta em qual curso ? __________________________________________________________ Qual a sua idade ?___________ Sexo: Masculino Feminino

CIDADE DE ORIGEM Mora na cidade? Se sim, h quanto tempo ?____________ Se no, conhecia Presidente Prudente ? Sim conhecia o campus da UNESP ? Sim qual a sua ________ ESCOLHA DO CURSO Que fonte de informao voc usou para saber sobre o curso ? Internet, qual site ?__________________________________________________________ Revistas e Jornais Rdio e televiso Pessoas conhecidas Outros______________________________________________________________ ______ TRANSPORTE Ao vir para esta CIDADE que meio de transporte utilizou ? Carro, se sim, como fez o roteiro ? _____________________________________________ nibus Carona

No No cidade ?

___________________________________________________________________

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

175

Outros______________________________________________________________ ______ Que fonte de informao utilizou para saber como vir para Presidente Prudente? Internet, qual site? __________________________________________________________ Mapas Auxlio de algum Outros ___________________________________________________________________ Ao vir para o CAMPUS que meio de transporte utilizou? A p, se sim, como fez o roteiro? ______________________________________________ Carro, se sim, como fez o roteiro? _____________________________________________ nibus, se sim, como se informou da linha? _____________________________________ Carona Outros______________________________________________________________ _____ SERVIOS Se mora fora de Presidente Prudente, quando veio pela primeira vez, onde ficou hospedado?__________________________________________________________ ________ Como ________ Onde MORADIA Atualmente voc mora em: Moradia estudantil Repblica Aluguel (sozinho) Famlia Casa de parentes que moram na cidade Outros __________________________________________________________________
France Michel Ferreira

ficou

sabendo

desse

lugar

para

ficar

hospedado?

___________________________________________________________________ voc se alimenta

diariamente?______________________________________________

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

176

Como ficou sabendo desse lugar?______________________________________________________________ _______ Ao escolher a sua moradia, levou em considerao a proximidade com o campus? Sim No, ento o que levou em considerao?_______________________________________ RENDA SE FOR MANTIDO PELO PAI, se preocupou com as agncias bancrias mais prximas ao utilizar alguma conta bancria? Sim No INTERNET Voc utiliza Internet? Sim No H quanto tempo usa a Internet?______________________ Onde? Trabalho Casa Cybercaf / Lanhouse / Infocentro Instituio educacional Outros______________________________________________________________ _____

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

177

APNDICE B QUADROS DE DESCRIO DAS CLASSES E


RELACIONAMENTOS DO MODELO CONCEITUAL DOS DADOS GEOGRFICOS

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

178

A descrio dos cartes, a passagem do ponteiro do mouse sobre o cone denominada mouseover e o apertar o boto esquerdo do mouse com o ponteiro sobre o cone denominada clicar.

Classe: Estado Atributos: contm cidades e os campi da UNESP; links para: site da UNESP, informaes adicionais; comando de impresso; toponmia das cidades. Atributos grficos: representao zonal; cor; textura; contorno do Estado de So Paulo; legenda. Comportamentos: Quadro 1 Carto da classe Estado

Classe abstrata: Campus Universitrio Atributos: generalizao cartogrfica por escala das visualizaes do campus universitrio; contm cursos; Atributos grficos: Comportamentos: Quadro 2 Carto da classe abstrata Campus Universitrio

Classe: Campus Universitrio Ponto Atributos: nome do campus. Atributos grficos: representao pontual; cor; dimenses; logotipo da UNESP, forma. Comportamentos: mouseover: exibe o nome do campus; clique: navega para o mapa da unidade. Quadro 3 Carto da classe Campus Universitrio Ponto

Classe: Campus Universitrio Polgono Atributos: contm as edificaes e servios acadmicos; links para: servios, site do campus, informaes do mapa; comando de impresso; toponmia. Atributos grficos: representao zonal; cor; textura; legenda. Comportamentos: mouseover: exibe o nome das feies. Quadro 4 Carto da classe Campus universitrio polgono

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

179

Classe convencional: Curso Atributos: nome da cidade; nome do campus; durao; nmero de vagas; rea do conhecimento; perodo; durao nmero de vagas; graduao (nome da rea); psgraduao (nome da rea); especializao (nome da rea) Quadro 5 Carto da classe convencional Curso

Classe: Edificao Pblica Atributos: toponmia. Atributos grficos: representao zonal; cor; textura. Comportamentos: Quadro 6 Carto da classe Edificao Pblica

Classe abstrata: Via Urbana Atributos: generaliza os tipos de via. Atributos grficos: Comportamentos: Quadro 7 Carto da classe abstrata Via Urbana

Classe: Via Principal Atributos: toponmia. Atributos grficos: representao linear; cor; espessura. Comportamentos: Quadro 8 Carto da classe Via Principal

Classe: Via Secundria Atributos: toponmia (em grande escala). Atributos grficos: representao linear; cor; espessura. Comportamentos: Quadro 9 Carto da classe Via Secundria

Classe: Calado Atributos: Atributos grficos: representao linear; cor; espessura. Comportamentos: Quadro 10 Carto da classe Calado

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

180

Classe abstrata: Via Interna Atributos: vias internas do campus. Atributos grficos: Comportamentos: Quadro 11 Carto da classe abstrata Via Interna

Classe: Veculo Atributos: vias internas do campus para circulao de veculos. Atributos grficos: representao linear; cor; espessura. Comportamentos: Quadro 12 Carto da classe Veculo

Classe: Pedestre Atributos: vias internas do campus para circulao de pedestres. Atributos grficos: representao linear; cor; espessura. Comportamentos: Quadro 13 Carto da classe Pedestre

Classe abstrata: Rodovia Atributos: generaliza os tipos de rodovia. Atributos grficos: Comportamentos: Quadro 14 Carto da classe Rodovia

Classe: Pavimentada Atributos: toponmia. Atributos grficos: representao pontual; cor; espessura. Comportamentos: Quadro 15 Carto da classe Pavimentada

Classe: No Pavimentada Atributos: toponmia. Atributos grficos: representao pontual; cor; espessura. Comportamentos: Quadro 16 Carto da classe No Pavimentada

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

181

Classe abstrata: Uso do Solo Atributos: generaliza os diversos usos do solo urbano. Atributos grficos: Comportamentos: Quadro 17 Carto da classe abstrata Uso do Solo

Classe abstrata: Municpio Atributos: contm a cidade e os campi universitrios Atributos grficos: Comportamentos: Quadro 18 Carto da classe abstrata Municpio

Classe abstrata: Cidade Atributos: generaliza os tipos de cidades e contm vias urbanas Atributos grficos: Comportamentos: Quadro 19 Carto da classe abstrata Cidade

Classe abstrata: Capital Estadual Atributos: generaliza por escala a capital estadual. Atributos grficos: Comportamentos: Quadro 20 Carto da Classe Capital Estadual

Classe: Capital Estadual Ponto Atributos: toponmia. Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para o mapa da feio. Quadro 21 Carto da classe Capital Estadual Ponto

Classe: Capital Estadual Polgono Atributos: contm feies urbanas. Atributos grficos: representao zonal; cor; textura. Comportamentos: mouseover: navega para o zoom de uma regio urbana (ex: centro) Quadro 22 Carto da Classe Capital Estadual Polgono

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

182

Classe abstrata: Sede Regional Atributos: generaliza por escala as sedes regionais. Atributos grficos: Comportamentos: Quadro 23 Carto da abstrata classe Sede Regional

Classe: Sede Regional Ponto Atributos: toponmia. Atributos grficos: representao pontual; cor; dimenso, forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para o mapa da feio. Quadro 24 Carto da classe Sede Regional Ponto

Classe: Sede Regional Polgono Atributos: contm feies urbanas. Atributos grficos: representao zonal; cor; textura. Comportamentos: mouseover: navega para o zoom de uma regio urbana. Quadro 25 Carto da classe Sede Regional Polgono

Classe abstrata: Sede Municipal Atributos: generaliza por escala as sedes municipais Atributos grficos: Comportamentos: Quadro 26 Carto da classe abstrata Sede Municipal

Classe: Sede Municipal Ponto Atributos: toponmia. Atributos grficos: representao pontual; cor; dimenso, forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para o mapa da feio Quadro 27 Carto da classe Cidade ponto

Classe: Sede Municipal Polgono Atributos: contm feies urbanas Atributos grficos: representao pontual; cor; textura. Comportamentos: mouseover: navega para o zoom de uma regio. Quadro 28 Carto da classe Sede Municipal Polgono

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

183

Classe abstrata: Transporte Atributos: generaliza os servios de transporte. Atributos grficos: Comportamentos: Quadro 29 Carto da classe abstrata Transporte

Classe abstrata: Instalao Atributos: generaliza as instalaes de transporte. Atributos grficos: Comportamentos: Quadro 20 Carto da classe abstrata Instalao

Classe: Ponto de Txi Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: Quadro 21 Carto da classe Ponto de Txi

Classe abstrata: Ponto de nibus Atributos: generaliza os tipos de pontos de nibus. Atributos grficos: Comportamentos: Quadro 22 Carto da classe Ponto de nibus

Classe: Descoberto Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: Quadro 23 Carto da classe Descoberto

Classe: Coberto Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: Quadro 24 Carto da classe Coberto

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

184

Classe: Estacionamento Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: Quadro 25 Carto da classe Estacionamento

Classe: Rota de carro Atributos: Atributos grficos: representao linear; smbolo mvel. Comportamentos: animao automtica. Quadro 26 Carto da classe Rota de carro

Classe abstrata: Elementos de orientao Atributos: generaliza os elementos para reconhecimento na navegao terrestre. Atributos grficos: Comportamentos: Quadro 27 Carto da classe abstrata Elementos de orientao

Classe: Caixa dgua Atributos: toponmia. Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 28 Carto da classe Caixa dgua

Classe: Monumento Atributos: toponmia. Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 29 Carto da classe Monumento

Classe: Igreja Atributos: toponmia. Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio Quadro 30 Carto da classe Igreja

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

185

Classe: Museu Atributos: toponmia. Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: exibe a foto do museu e navega para a pgina do museu. Quadro 31 Carto da classe Museu

Classe abstrata: Alimentao Atributos: generaliza os tipos de comrcio de alimentos. Atributos grficos: Comportamentos: Quadro 32 Carto da classe abstrata Alimentao

Classe: Restaurante Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para a pgina de restaurantes Quadro 33 Carto da classe Restaurante

Classe: Sorveteria Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 34 Carto da classe Sorveteria

Classe: Lanchonete Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 35 Carto da classe Lanchonete

Classe: Imobiliria Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: Quadro 36 Carto da classe Imobiliria

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

186

Classe abstrata: Acomodao Atributos: generaliza recursos de acomodao. Atributos grficos: Comportamentos: Quadro 37 Carto da classe abstrata Acomodao

Classe: Hotel Atributos: toponmia. Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 38 Carto da classe Hotel

Classe: Moradia da UNESP Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 39 Carto da classe Moradia da UNESP

Classe abstrata: Servio Atributos: generaliza os servios urbanos. Atributos grficos: Comportamentos: Quadro 40 Carto da classe abstrata Servio

Classe abstrata: Servio Emergencial Atributos: generaliza os servios urbanos emergenciais. Atributos grficos: Comportamentos: Quadro 41 Carto da classe abstrata Servio Emergencial

Classe abstrata: Servio Geral Atributos: generaliza os servios urbanos gerais. Atributos grficos: Comportamentos: Quadro 42 Carto da classe abstrata Servio Geral

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

187

Classe: Atendimento Mdico Emergencial Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para a pgina de pronto-socorros. Quadro 43 Carto da classe Atendimento Mdico Emergencial

Classe: Posto Policial Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para a pgina da polcia militar. Quadro 44 Carto da classe Posto Policial

Classe: Bombeiro Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: Quadro 45 Carto da classe Bombeiro

Classe: Delegacia Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para a pgina da polcia militar. Quadro 46 Carto da classe Delegacia

Classe: Agncia Bancria Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o(s) nome(s) da(s) financeira(s). Quadro 47 Carto da classe Agncia Bancria

instituio(es)

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

188

Classe: Caixa Eletrnico Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o(s) nome(s) da(s) financeira(s). Quadro 48 Carto da classe Caixa eletrnico

instituio(es)

Classe: Casa Lotrica Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 49 Carto da classe Casa Lotrica Classe: Xerox Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 50 Carto da classe Xerox

Classe: Biblioteca Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 51 Carto da classe Biblioteca

Classe: Atendimento Mdico da UNESP Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 52 Carto da classe Atendimento Mdico da UNESP

Classe: Central Telefnica Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 54 Carto da classe Central Telefnica

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

189

Classe: Correio Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 55 Carto da classe Correio

Classe: Telefone Pblico Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 56 Carto da classe Telefone Pblico

Classe abstrata: Entretenimento Atributos: generaliza os meios de entretenimento. Atributos grficos: Comportamentos: Quadro 57 Carto da classe abstrata Entretenimento

Classe abstrata: Recreao Atributos: generaliza os meios de recreao. Atributos grficos: Comportamentos: Quadro 58 Carto da classe abstrata Recreao

Classe abstrata: Lazer Atributos: generaliza os meios de lazer. Atributos grficos: Comportamentos: Quadro 59 Carto da classe abstrata Lazer

Classe: Quadra Poliesportiva Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 60 Carto da classe Quadra Poliesportiva

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

190

Classe: Ginsio de Esportes Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: exibe foto da feio. Quadro 61 Carto da classe Ginsio de Esportes

Classe: Campo de Futebol Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 62 Carto da classe Campo de Futebol

Classe: Piscina Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: exibe foto da feio. Quadro 63 Carto da classe Piscina

Classe: Pista de Atletismo Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: exibe foto da feio. Quadro 64 Carto da classe Pista de Atletismo

Classe: Termas Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para a pgina do Termas. Quadro 65 Carto da classe Termas

Classe: Cinema Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para a pgina do shopping que contm o cinema. Quadro 66 Carto da classe Cinema

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

191

Classe: Cyber Caf Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 67 Carto da classe Cyber Caf

Classe: Bar Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 68 Carto da classe Bar

Classe abstrata: Servio Acadmico Atributos: generaliza os servios do campus. Atributos grficos: Comportamentos: Quadro 69 Carto da classe Servio Acadmico

Classe: Secretaria de Departamento Atributos: nome do departamento. Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: navega para a pgina do departamento. Quadro 70 Carto da classe Secretaria de Departamento

Classe: DA Atributos: localizao do diretrio acadmico. Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 71 Carto da classe DA

Classe abstrata: Atendimento Atributos: generaliza os servios de atendimento aos alunos do campus. Atributos grficos: Comportamentos: Quadro 72 Carto da classe Atendimento

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

192

Classe: Seo de Graduao Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 73 Carto da classe Seo de Graduao

Classe: Seo de Ps-Graduao Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 74 Carto da classe Seo de Ps-Graduao

Classe abstrata: Geral Atributos: generaliza os servios de atendimento pblico do campus. Atributos grficos: Comportamentos: Quadro 75 Carto da abstrata classe Geral

Classe: Seo de Comunicao Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio. Quadro 76 Carto da classe Seo de Comunicao

Classe: Cabine de Informaes Atributos: Atributos grficos: representao pontual; cor; dimenso; forma. Comportamentos: mouseover: exibe o nome da feio; clique: exibe foto da diretoria. Quadro 77 Carto da classe Cabine de Informaes

Classe: Centro Comercial e Bancrio Atributos: Atributos grficos: representao zonal; cor; textura; primeiro e segundo plano. Comportamentos: Quadro 78 Carto da classe Centro Comercial e Bancrio

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

193

Classe: Centro Comercial Shopping Atributos: Atributos grficos: representao zonal; cor; textura. Comportamentos: Quadro 79 Carto da classe Centro Comercial - Shopping

Classe: Parque Atributos: toponmia. Atributos grficos: representao zonal; cor; textura. Comportamentos: Quadro 80 Carto da classe Parque

Classe: Quadra Atributos: Atributos grficos: representao zonal; cor; textura. Comportamentos: Quadro 81 Carto da classe Quadra

Classe: Praa Atributos: Atributos grficos: representao zonal; cor; textura. Comportamentos: Quadro 82 Carto da classe Praa

Classe: Terminal Urbano Atributos: Atributos grficos: representao zonal; cor; textura. Comportamentos: Quadro 83 Carto da classe Terminal Urbano

Classe: Terminal Rodovirio Atributos: Atributos grficos: representao zonal; cor; textura. Comportamentos: Quadro 84 Carto da classe Terminal Rodovirio

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

194

Tipo de relao: Agregao espacial contm Relaciona: Campus Universitrio Com: Servio acadmico, Via interna Descrio: Elementos componentes do campus universitrio. Quadro 85 Carto de relacionamento Agregao espacial contm

Tipo de relao: Generalizao cartogrfica pela escala Relaciona: Campus universitrio Com: Campus Universitrio Ponto, Campus Universitrio Polgono Descrio: O campus utilizado em duas escalas. Quadro 86 Carto de relacionamento Generalizao cartogrfica pela escala

Tipo de relao: Generalizao espacial Relaciona: Via Urbana Com: Via Principal, Via Secundria, Calado, Via Interna Descrio: Quadro 87 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Via interna Com: Veculo, Pedestre Descrio: Quadro 88 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Rodovia Com: Pavimentada, No Pavimentada Descrio: Quadro 89 Carto de relacionamento Generalizao Espacial

Tipo de relao: Cruza Relaciona: Rodovia Com: Estado Descrio: As vias cruzam o Estado Quadro 90 Carto de relacionamento Cruza

Tipo de relao: Agregao espacial contm Relaciona: Estado Com: Municpio Descrio: Quadro 91 Carto de relacionamento Agregao espacial contm

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

195

Tipo de relao: Agregao espacial contm Relaciona: Municpio Com: Campus Universitrio, Cidade Descrio: Quadro 92 Carto de relacionamento Agregao espacial contm

Tipo de relao: Agregao espacial contm Relaciona: Cidade Com: Via Urbana Descrio: Quadro 93 Carto de relacionamento Agregao espacial contm

Tipo de relao: Hierarquia espacial Relaciona: Uso do solo urbano Com: Cidade Descrio: A cidade hierarquizada pelas finalidades de seu solo. Quadro 94 Carto de relacionamento Hierarquia espacial

Tipo de relao: Generalizao espacial Relaciona: Cidade Com: Sede Municipal, Sede Regional, Sede Estadual Descrio: Tipos de cidade no Estado. Quadro 95 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao cartogrfica pela escala Relaciona: Sede Municipal Com: Sede Municipal Ponto, Sede Municipal Polgono Descrio: Representao em mltiplas escalas. Quadro 96 Carto de relacionamento Generalizao cartogrfica pela escala

Tipo de relao: Generalizao cartogrfica pela escala Relaciona: Sede Regional Com: Sede Regional Ponto, Sede Regional Polgono Descrio: Representao em mltiplas escalas. Quadro 97 Carto de relacionamento Generalizao cartogrfica pela escala

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

196

Tipo de relao: Generalizao cartogrfica pela escala Relaciona: Capital Estadual Com: Capital Estadual Ponto, Capital Estadual Polgono Descrio: Representao em mltiplas escalas. Quadro 98 Carto de relacionamento Generalizao cartogrfica pela escala

Tipo de relao: Agregao espacial contm Relaciona: Cidade Com: Transporte, Elemento de Orientao, Entretenimento, Alimentao, Imobiliria, Acomodao e Servio Descrio: Quadro 99 Carto de relacionamento Agregao espacial contm

Tipo de relao: Generalizao espacial Relaciona: Transporte Com: Instalao, Rota de Carro Descrio: Quadro 100 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Instalao Com: Ponto de txi, Ponto de nibus, Estacionamento Descrio: Quadro 101 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Ponto de nibus Com: Descoberto, Coberto Descrio: Quadro 102 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Elemento de orientao Com: Caixa dgua, Monumento, Igreja, Museu, Cristo Descrio: Quadro 103 Carto de relacionamento Generalizao espacial

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

197

Tipo de relao: Generalizao espacial Relaciona: Alimentao Com: Restaurante, Sorveteria, Lanchonete Descrio: Quadro 104 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Acomodao Com: Hotel, Moradia da UNESP Descrio: Quadro 105 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Servio Com: Servio Emergencial, Servio Geral Descrio: Quadro 106 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Servio Emergencial Com: Atendimento Mdico Emergencial, Posto Policial, Bombeiro, Delegacia Descrio: Quadro 107 Carto de relacionamento Servios emergenciais

Tipo de relao: Generalizao espacial Relaciona: Servio Geral Com: Agncia Bancria, Caixa eletrnico, Casa Lotrica, Atendimento Mdico da UNESP, Central Telefnica, Telefone Pblico, Correio, Xerox, Biblioteca Descrio: Quadro 108 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Entretenimento Com: Recreao, Lazer Descrio: Quadro 109 Carto de relacionamento Generalizao espacial

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

198

Tipo de relao: Generalizao espacial Relaciona: Recreao Com: Quadra poliesportiva, Ginsio de Esportes, Campo de Futebol, Piscina, Pista de Atletismo, Termas Descrio: Quadro 110 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Lazer Com: Cinema, Cyber Caf, Bar Descrio: Quadro 111 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Servio Acadmico Com: Secretaria de Departamento, DA, Atendimento Descrio: Quadro 112 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Atendimento Com: Seo de Graduao, Seo de Ps-Graduao, Geral Descrio: Quadro 113 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Geral Com: Seo de Comunicao, Cabine de Informaes Descrio: Quadro 114 Carto de relacionamento Generalizao espacial

Tipo de relao: Generalizao espacial Relaciona: Uso do solo Com: Campus Universitrio, Centro Comercial e Bancrio (centro da cidade), Centro Comercial e Bancrio, Terminal Urbano, Parque, Praa, Terminal Rodovirio, Quadra, Edificao Pblica Descrio: Aplicaes dos usos do solo de interesse no municpio. Quadro 115 Carto de relacionamento Generalizao espacial

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

199

APNDICE C QUADROS DE DESCRIO DOS NS E ELOS DO PROJETO


NAVEGACIONAL

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

200

Nome do n: Estado ncora de origem: UNESP

ncora: prpria pgina ncora: ponto ncora: ponto ncora: barra de navegao ncora: barra de Ao do elo: mostra Classe: Campus navegao Aparece nos contextos: Estado Atributos: mapa do Estado de So Paulo com ttulo, legenda e barra de ferramentas; representao zonal. Quadro 116 Carto de n Estado

ncora de retorno: Voltar Classes relacionadas Ao do elo: mostra Classe: Estado Ao do elo: mostra Classe: Cidade Ao do elo: mostra Classe: Campus Ao do elo: mostra Classe: Cidade

Nome do n: Campus Universitrio ncora de origem: Campus ncora de retorno: Voltar Universitrio Classes relacionadas ncora: prpria pgina Ao do elo: mostra Classe: Via Interna ncora: legenda Ao do elo: mostra Classe: Cursos ncora: legenda Ao do elo: mostra Classe: Servio Acadmico e outros ncora: barra de Ao do elo: navega Classe: Cursos navegao Aparece nos contextos: Campus Universitrio, Curso Atributos: representao pontual / zonal; mapa do Campus com ttulo, legenda e barra de ferramentas. Quadro 117 Carto de n Campus Universitrio

Nome do n: Curso ncora de origem: Cursos

ncora: nome do curso ncora: nome da cidade ncora: campus ncora: barra de navegao Aparece nos contextos: Curso Atributos: durao do curso; nmero de vagas; classe convencional disposta em tabela; links para a pgina do curso, para o mapa da Cidade e do Campus. Quadro 118 Carto de n Curso

ncora de retorno: barra de navegao Classes relacionadas Ao do elo: navega Classe: Curso Ao do elo: navega Classe: Cidade Ao do elo: navega Classe: Campus Ao do elo: navega Classe: Campus

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

201

Nome do n: Servio Acadmico ncora de origem: legenda ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Campus por Aparece nos contextos: Campus Universitrio Atributos: mouseover: nome do servio; representao pontual de Secretaria de Departamento, DA, Seo de Graduao, Seo de Ps-Graduao, Seo de Comunicao e Cabine de Informaes; clique: link para a pgina do servio (se houver). Quadro 119 Carto de n Servio Acadmico

Nome do n: Via Interna ncora de origem: fixo na pgina ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Campus por Aparece nos contextos: Campus universitrio Atributos: representao linear Quadro 120 Carto de n Via Interna

Nome do n: Cidade ncora de origem: Cidade

ncora de retorno: Voltar Classes relacionadas ncora: legenda Ao do elo: mostra Classe: Transporte ncora: legenda Ao do elo: mostra Classe: Elemento de Orientao ncora: legenda Ao do elo: mostra Classe: Acomodao ncora: legenda Ao do elo: mostra Classe: Alimentao ncora: legenda Ao do elo: mostra Classe: Locao de Imveis ncora: legenda Ao do elo: mostra Classe: Servio Geral ncora: prpria pgina Ao do elo: mostra Classe: Uso do Solo Aparece nos contextos: Cidade Atributos: representao pontual / zonal; mapa da Cidade com ttulo, legenda e barra de ferramentas. Quadro 121 Carto de n Cidade

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

202

Nome do n: Transporte ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Campus por universitrio ncora: legenda Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao pontual de Ponto de nibus, Ponto de Txi e Estacionamento. Quadro 122 Carto de n Transporte

Nome do n: Elemento de orientao ncora de origem: legenda ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Cidade por ncora: legenda Ao do elo: mostrado Classe: Campus por universitrio Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao pontual para Monumento, Igreja, Caixa Dgua, Museu e Cristo. Quadro 123 Carto de n Elemento de orientao

Nome do n: Acomodao ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Cidade por ncora: legenda Ao do elo: mostrado Classe: Campus por universitrio Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao pontual de Hotel e Moradia da UNESP Quadro 124 Carto de n Acomodao

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

203

Nome do n: Alimentao ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Campus por Universitrio ncora: legenda Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao pontual de Lanchonete, Restaurante e Sorveteria Quadro 125 Carto de n Alimentao

Nome do n: Locao de Imveis ncora de origem: legenda ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade Atributos: representao pontual de Imobiliria Quadro 126 Carto de n Locao de Imveis

Nome do n: Recreao ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Campus por universitrio ncora: legenda Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao pontual de Campo de Futebol, Ginsio de Esportes, Piscina, Pista de Atletismo, Quadra Poliesportiva e Termas. Quadro 127 Carto de n Recreao

Nome do n: Lazer ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Campus por universitrio ncora: legenda Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade Atributos: representao pontual de Bar, Cinema e Cyber Caf. Quadro 128 Carto de n Lazer

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

204

ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Campus por universitrio ncora: legenda Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade, Cidade Campus Universitrio Atributos: representao pontual de Agncia Bancria, Caixa Eletrnico, Casa Lotrica, Atendimento Mdico da UNESP, Central Telefnica, Correio, Telefone Pblico, Xerox, Biblioteca. Quadro 129 Carto de n Servio Geral

Nome do n: Servio Geral ncora de origem: legenda

A classificao dos tipos de uso do solo no site ser simplesmente denominada de mapa por ser um termo popular, ou seja, de fcil compreenso.

Nome do n: Uso do Solo ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: prpria pgina Ao do elo: mostrado Classe: Campus por universitrio ncora: prpria pgina Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao pontual de Campus Universitrio, Centro Comercial e Bancrio, Centro Comercial Shopping, Terminal Urbano, Parque, Praa, Terminal Rodovirio, Quadra e Edificao Pblica. Quadro 130 Carto de n Uso do Solo

Nome do n: Servio Emergencial ncora de origem: legenda ncora de retorno: Classes relacionadas ncora: legenda Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade Atributos: representao pontual de Atendimento Mdico Emergencial, Posto Policial, Bombeiro, Delegacia. Quadro 131 Carto de n Servio Emergencial

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

205

Nome do n: Via Urbana ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: prpria pgina Ao do elo: mostrada Classe: Cidade por ncora: prpria pgina Ao do elo: mostrada Classe: Campus por Universitrio Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao linear de Via Principal, Via Secundria, Calado e Via Interna. Quadro 132 Carto de n Via Urbana

Nome do n: Centro da Cidade ncora de origem: regio ncora de retorno: Voltar Classes relacionadas ncora: boto Ao do elo: mostrado Classe: Cidade por Aparece nos contextos: Cidade Atributos: representao zonal no mapa. Quadro 133 Carto de n Centro da Cidade

Nome do n: Rota de Carro ncora de origem: boto como chegar ncora de retorno: na barra de ferramenta Classes relacionadas ncora: boto Ao do elo: mostrado Classe: Campus por Universitrio Aparece nos contextos: Campus Universitrio Atributos: representao linear no mapa. Quadro 134 Carto de n Rota de Carro

Nome do n: Rodovia ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: prpria pgina Ao do elo: mostrado Classe: Campus por Universitrio ncora: prpria pgina Ao do elo: mostrado Classe: Cidade por ncora: prpria pgina Ao do elo: mostrado Classe: Rota de carro por Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao linear. Quadro 135 Carto de n Rodovia
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

206

Nome do n: Regio ncora de origem: legenda

ncora de retorno: Classes relacionadas ncora: prpria pgina Ao do elo: mostrado Classe: Campus por Universitrio ncora: prpria pgina Ao do elo: mostrado Classe: Centro da Cidade por Aparece nos contextos: Cidade, Campus Universitrio Atributos: representao zonal. Quadro 136 Carto de n Regio

Nome do n: Informao do mapa ncora de origem: barra de navegao ncora de retorno: Voltar Aparece nos contextos: UNESP no Estado, Cidade, Campus Universitrio Atributos: informaes descritivas da base cartogrfica e dos temas. Quadro 137 Carto de n Informao do mapa

Nome do n: Ajuda ncora de origem: barra de navegao ncora de retorno: Voltar Aparece nos contextos: Informao Adicional Atributos: auxilia o usurio para a melhor utilizao do site. Quadro 138 Carto de n Ajuda

Nome do n: Links ncora de origem: barra de navegao ncora de retorno: Voltar Aparece nos contextos: Informao Adicional Atributos: exibe links para site relacionados ao prprio site. Quadro 139 Carto de n Links Nome do n: Crditos ncora de origem: barra de navegao ncora de retorno: Voltar Aparece nos contextos: Informao Adicional Atributos: exibe links de pessoas auxiliaram diretamente e indiretamente para o desenvolvimento do site. Quadro 140 Carto de n Crditos

Nome do elo: Contm 0 ou mais Origem: Cidade Destino: Campus Universitrio Descrio: parte do contexto Cidade para o contexto Campus Universitrio. Quadro 141 Carto de elo Contm 0 ou mais
France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

207

Nome do elo: 0 ou mais Origem: Regio Destino: Campus Universitrio Descrio: de uma regio da cidade chega-se ao campus. Quadro 142 Carto de elo 0 ou mais

Nome do elo: Cruza Origem: Campus Universitrio Destino: Rota de carro Descrio: do n Campus Universitrio pode-se ver a Rota de carro. Quadro 143 Carto de elo Cruza

Nome do elo: 1 Origem: Transporte Destino: Rota de carro Descrio: o tema transporte se especializa em Rota de Carro. Quadro 144 Carto de elo 1

Nome do elo: 1 Origem: Regio Destino: Centro da Cidade Descrio: a cidade possui regies navegveis no site. Quadro 145 Carto de elo 1

Nome do elo: Se divide em 1 ou mais Origem: Cidade Destino: Regio Descrio: o mapa da cidade segmentado em regies passveis serem ampliadas. Quadro 146 Carto de elo Se divide em 1 ou mais

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

208

APNDICE D QUADROS DE DESCRIO DOS CONTEXTOS


NAVEGACIONAIS E ESTRUTURAS DE ACESSO

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

209

Contexto navegacional: Estado de So Paulo Base Cartogrfica Capital Estadual Sede Regional Sede Municipal Tema: Campus Universitrio UNESP Quadro 147 Carto de contexto navegacional da classe Estado de So Paulo

Contexto navegacional: Cidade de Presidente Prudente Base Cartogrfica Centro Comercial e Bancrio Parque Praa Quadra Terminal Rodovirio Terminal Urbano Shopping UNESP Calado Via Principal Edificao Pblica Tema: Transporte Ponto de txi Ponto de nibus descoberto Ponto de nibus coberto Terminal urbano Terminal rodovirio Estacionamento Tema: Elemento de orientao Caixa dgua Monumento Igreja Museu Cristo Tema: Recreao Termas Quadra Poliesportiva Ginsio de Esportes Campo de Futebol Piscina Pista de Atletismo Tema: Lazer Cinema Cyber Caf Bar Tema: Alimentao Restaurante Sorveteria Lanchonete Tema: Acomodao Hotel Moradia da UNESP Tema: Servio Emergencial Atendimento Mdico Emergencial Posto Policial Bombeiros Delegacia Tema: Servio Geral Agncia Bancria Caixa eletrnico Casa Lotrica Central telefnica Correio Telefone pblico Atendimento Mdico da UNESP Biblioteca Xerox Tema: Ampliao Regio Tema: Locao de Imveis Imobiliria Quadro 148 Carto de contexto navegacional da Classe Cidade de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

210

Contexto navegacional: Campus de Presidente Prudente Base Cartogrfica Campo de Futebol Edificao Pblica Parque Piscina Pista de Atletismo Praa Quadra Quadra Poliesportiva Shopping UNESP Calado Caminho Cerca Via Principal Tema: Servio Geral Agncia Bancria Atendimento mdico da UNESP Biblioteca Caixa Eletrnico Casa Lotrica Telefone Pblico Xerox Tema: Servio Acadmico Cabine de Informaes Diretrio Acadmico Seo de Comunicao Seo de Graduao Seo de Ps-Graduao Secretaria de Departamento Tema: Rota Carro Tema: Recreao Quadra Poliesportiva Ginsio de esportes Campo de futebol Piscina Pista de atletismo Tema: Transporte Estacionamento Ponto de nibus coberto Ponto de nibus descoberto Ponto de Txi Tema: Elementos de orientao Caixa dgua Museu Tema: Acomodao Moradia da UNESP Tema: Alimentao Restaurante Lanchonete Sorveteria Tema: Elemento de Orientao Caixa dgua Monumento Museu Tema: Lazer Cinema Quadro 149 Carto de contexto navegacional da Classe Campus de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

211

Contexto navegacional: Cursos do Campus de Presidente Prudente Texto: Graduao Biolgicas Educao Fsica (matutino) Educao Fsica (noturno) Fisioterapia Texto: Graduao Exatas Cincias da computao Engenharia Ambiental Engenharia Cartogrfica Estatstica Fsica Matemtica (matutino) Matemtica (noturno) Qumica Texto: Graduao Humanas Arquitetura e Urbanismo Geografia (matutino) Geografia (noturno) Pedagogia (vespertino) Pedagogia (noturno) Texto: Ps-Graduao Cincias exatas e da Terra Mestrado em Cincias Cartogrficas Doutorado em Cincias Cartogrficas Texto: Ps-Graduao Cincias Humanas Mestrado em formao inicial e continuada de professores Texto: Ps-Graduao Cincias Sociais e Aplicada Mestrado em Produo do Espao Geogrfico Doutorado em Produo do Espao Geogrfico Texto: Especializao Educao Gesto educacional O ensino do texto: teoria e prtica na sala de aula Texto: Especializao Sade Fisioterapia neurolgica Fisioterapia cardio-respiratria Quadro 150 Carto de contexto navegacional da Classe Cursos do Campus de Presidente Prudente

Contexto navegacional: Informao Adicional Texto: Ajuda Educao Fsica (matutino) Educao Fsica (noturno) Fisioterapia Texto: Links Laboratrio de Multimdia FCT UNESP Texto: Crditos Desenvolvimento Orientao Agradecimentos Texto: Informaes do mapa Fonte Data Quadro 151 Carto de contexto navegacional da Classe Cursos do Campus de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

212

Estrutura de acesso: barra de navegao Seletores: ttulos: UNESP, Cidade, Campus Universitrio, Cursos, Ajuda, Links, Crditos Destino: pginas contendo mapas, tabelas e textos Predicado: assuntos por ttulos Descrio: A barra de legendas esta sempre presente em todas as pginas, ao navegar para uma pgina por um ttulo este se torna inativo para evitar um novo carregamento da pgina. Quadro 152 Carto de estrutura de acesso para a barra de navegao do guia cartogrfico

Estrutura de acesso: legenda do mapa UNESP no estado de So Paulo Seletores: item de legenda: Mapa, Campus Universitrio Destino: Imagens dos temas Predicado: classes por tema Descrio: A legenda uma janela flutuante e possibilita ligar e desligar os temas, que so interativos, assim como ser fechada; o mapa a base cartogrfica e no uma classe temtica, no sendo interativo. Quadro 153 Carto de estrutura de acesso para a legenda do mapa UNESP no estado de So Paulo

Estrutura de acesso: cones reativos do mapa UNESP no estado de So Paulo Seletores: cones dos temas da legenda sobre o mapa Destino: navegao para mapas relacionados Predicado: classes por smbolos Descrio: descreve o smbolo com texto alternativo com mouseover; navega para o item no clique Quadro 154 Carto de estrutura de acesso para os cones reativos do mapa UNESP no estado de So Paulo

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

213

Estrutura de acesso: barra de ferramentas do mapa UNESP no estado de So Paulo Seletores: botes: Legenda, Voltar, UNESP, Informaes do mapa, Imprimir Destino: funcionalidades dos botes Predicado: comandos do mapa Descrio: A barra de ferramentas sensvel ao contexto da pgina, a legenda pode ser ligada (aberta), possvel navegar para o site da UNESP; as informaes do mapa so disponveis em uma pgina especfica e a impresso possvel do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel. Quadro 155 Carto de estrutura de acesso para a barra de ferramentas do mapa UNESP no estado de So Paulo

Estrutura de acesso: legenda do mapa Cidade de Presidente Prudente Seletores: itens de legenda: Mapa, Transporte, Elemento de orientao, Acomodao, Alimentao, Comunicao, Lazer, Locao de imveis, Recreao, Servios emergenciais, Servios gerais Destino: imagens dos temas Predicado: classes por tema Descrio: A legenda uma janela flutuante e possibilita ligar e desligar os temas interativos, assim como ser fechada, o mapa a base cartogrfica e no uma classe temtica, no sendo interativo. Quadro 156 Carto de estrutura de acesso para a legenda do mapa Cidade de Presidente Prudente

Estrutura de acesso: cones reativos do mapa Cidade de Presidente Prudente Seletores: cones dos temas da legenda sobre o mapa Destino: descreve o smbolo com texto de toponmia durante mouseover; navega para o item no clique Predicado: classes por smbolos Descrio: descreve o smbolo com texto alternativo com mouseover; navega para o item no clique Quadro 157 Carto de estrutura de acesso para os cones reativos do mapa Cidade de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

214

Estrutura de acesso: barra de ferramentas do mapa Cidade de Presidente Prudente Seletores: botes: Legenda, Voltar, Centro, Prefeitura, Informaes do mapa, Imprimir Destino: funcionalidades dos botes Predicado: comandos do mapa Descrio: A barra de ferramentas sensvel ao contexto da pgina, a legenda pode ser ligada (aberta), possvel navegar para o site da UNESP, as informaes do mapa so disponveis em uma pgina especfica e a impresso possvel atravs do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel. Quadro 158 Carto de estrutura de acesso para a barra de ferramentas do mapa Cidade de Presidente Prudente

Estrutura de acesso: legenda do mapa Centro de Presidente Prudente Seletores: itens de legenda: Mapa, Ampliao, Acomodao, Alimentao, Elemento de orientao, Lazer, Locao de Imveis, Servios Emergenciais, Servios Gerais e Transporte Destino: imagens dos temas Predicado: classes por tema Descrio: A legenda uma janela flutuante e possibilita ligar e desligar os temas interativos, assim como ser fechada, o mapa a base cartogrfica e no uma classe temtica, no sendo interativo. Quadro 159 Carto de estrutura de acesso para a legenda do mapa Cidade de Presidente Prudente

Estrutura de acesso: cones reativos do mapa Centro de Presidente Prudente Seletores: cones dos temas da legenda sobre o mapa Destino: descreve o smbolo com texto alternativo com a passagem do ponteiro do mouse, o cone da Igreja abre uma nova janela do browser com a foto da Igreja Predicado: temas por smbolos Descrio: descreve o smbolo com texto alternativo com mouseover; navega para o item no clique Quadro 160 Carto de estrutura de acesso para os cones reativos do mapa Cidade de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

215

Estrutura de acesso: barra de ferramentas do mapa Centro de Presidente Prudente Seletores: botes: Legenda, Voltar, Informaes do mapa, Imprimir Destino: funcionalidades dos botes Predicado: comandos do mapa Descrio: A barra de ferramentas sensvel ao contexto da pgina; a legenda pode ser ligada (aberta); possvel navegar para o site da UNESP; as informaes do mapa so disponveis em uma pgina especfica e a impresso possvel atravs do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel. Quadro 161 Carto de estrutura de acesso para a barra de ferramentas do mapa Centro de Presidente Prudente

Estrutura de acesso: legenda do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente Seletores: itens de legenda: Mapa, Acomodao, Alimentao, Elemento de Orientao, Lazer, Recreao, Servios acadmicos, Servios gerais e Transporte Destino: imagem dos temas Predicado: classes por tema Descrio: A legenda uma janela flutuante e possibilita ligar e desligar os temas interativos, assim como ser fechada, o mapa a base cartogrfica e no uma classe temtica, no sendo interativo. Quadro 162 Carto de estrutura de acesso para a legenda do mapa Faculdade de Cincias e Tecnologia - Campus de Presidente Prudente

Estrutura de acesso: cones reativos do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente Seletores: cones dos temas da legenda sobre o mapa Destino: descreve o smbolo com toponmia durante o mouseover Predicado: classes por smbolos Descrio: descreve o smbolo com texto alternativo com mouseover; navega para o item no clique Quadro 163 Carto de estrutura de acesso para os cones reativos do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

216

Estrutura de acesso: barra de ferramentas do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente Seletores: botes: Legenda, Voltar, Como chegar, Informaes do mapa, Imprimir Destino: funcionalidades dos botes Predicado: comandos do mapa Descrio: A barra de ferramentas sensvel ao contexto da pgina, a legenda pode ser ligada (aberta), possvel navegar para o site do campus de Presidente Prudente, as informaes do mapa so disponveis em uma pgina especfica e a impresso possvel atravs do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel. Quadro 164 Carto de estrutura de acesso para a barra de ferramentas do mapa Faculdade de Cincias e Tecnologia Campus de Presidente Prudente

Estrutura de acesso: legenda do mapa Como chegar Seletores: itens de legenda: Mapa, Rota, Elementos de orientao e Transporte Destino: imagens dos temas Predicado: classes por temas Descrio: A legenda uma janela flutuante e possibilita ligar e desligar os temas interativos, assim como ser fechada, o mapa a base cartogrfica e no uma classe temtica, no sendo interativo. Quadro 165 Carto de estrutura de acesso para a legenda do mapa Como chegar

Estrutura de acesso: barra de ferramentas do mapa Como chegar Seletores: botes: Legenda, Voltar, Informaes do mapa, Imprimir Destino: funcionalidades dos botes Predicado: comandos do mapa Descrio: A barra de ferramentas sensvel ao contexto da pgina, a legenda pode ser ligada (aberta), as informaes do mapa so disponveis em uma pgina especfica e a impresso possvel atravs do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel. Quadro 166 Carto de estrutura de acesso para a barra de ferramentas do mapa Como chegar

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

217

Estrutura de acesso: itens reativos da tabela Cursos Seletores: links: da rea de conhecimento, do curso, da unidade, do municpio Destino: texto com links Predicado: informaes de cursos Descrio: A barra de ferramentas sensvel ao contexto da pgina, a impresso possvel atravs do boto Imprimir mesmo sem estar visvel a barra de ferramentas do navegador. Quadro 167 Carto de estrutura de acesso dos itens reativos da tabela Cursos

Estrutura de acesso: barra de ferramentas da tabela Cursos Seletores: botes: Voltar , Imprimir a listagem de cursos da UNESP Destino: funcionalidades dos botes Predicado: impresso da tabela de cursos Descrio: A barra de ferramentas sensvel ao contexto da pgina, a impresso possvel atravs do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel. Quadro 168 Carto de estrutura de acesso para a barra de ferramentas da tabela Cursos

Estrutura de acesso: barra de ferramentas das informaes do mapa Seletores: botes: Voltar, Imprimir Destino: texto Predicado: impresso da informao do mapa Descrio: A barra de ferramentas sensvel ao contexto da pgina, a impresso possvel atravs do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel, possvel retornar a pgina do mapa que as informaes se referem. Quadro 169 Carto de estrutura de acesso para a barra de ferramentas de Informaes do mapa

Estrutura de acesso: barra de ferramentas da Ajuda Seletores: botes: Voltar, Imprimir Destino: funcionalidade do boto Predicado: impresso da ajuda do guia cartogrfico Descrio: A barra de ferramentas sensvel ao contexto da pgina, a impresso possvel atravs do boto Imprimir mesmo sem estar visvel a barra de ferramentas do navegador Quadro 170 Carto de estrutura de acesso para a barra de ferramentas da Ajuda

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

218

Estrutura de acesso: itens reativos de Links Seletores: links: Laboratrio de Multimdia, Faculdade de Cincias e Tecnologia, UNESP Destino: funcionalidade dos links Predicado: impresso dos links relacionados ao guia cartogrfico Descrio: links relacionados com o guia cartogrfico Quadro 171 Carto de estrutura de acesso para os itens reativos de Links

Estrutura de acesso: barra de ferramentas de Links Seletores: boto: Voltar e Imprimir Destino: funcionalidade do boto Predicado: impresso dos links relacionados ao guia cartogrfico Descrio: A barra de ferramentas sensvel ao contexto da pgina, a impresso possvel atravs do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel. Quadro 172 Carto de estrutura de acesso para a barra de ferramentas de Links

Estrutura de acesso: item reativo de Crditos Seletores: link: figura CNPq Destino: funcionalidade do link Predicado: impresso dos links relacionados ao guia cartogrfico Descrio: Quadro 173 Carto de estrutura de acesso para o item reativo de Crditos

Estrutura de acesso: barra de ferramentas de Crditos Seletores: botes: Voltar e Imprimir Destino: funcionalidade do boto Predicado: impresso dos crditos do guia cartogrfico Descrio: A barra de ferramentas sensvel ao contexto da pgina, a impresso possvel atravs do boto Imprimir mesmo sem a barra de ferramentas do navegador estar visvel. Quadro 174 Carto de estrutura de acesso para a barra de ferramentas de Crditos

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

219

APNDICE E QUADROS DE DESCRIO ADVS

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

220

ADV UNESP Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio Ttulo do mapa: texto UNESP NO ESTADO DE SO PAULO Mapa: camadas sobrepostas de imagens Camada do mapa Legenda: objeto composto Indicador de seleo: imagem Nome da Classe: texto com link Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas ncoras: Legenda Site Informaes do mapa Imprimir Voltar Quadro 175 Carto de ADV UNESP

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

221

ADV Cidade Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio Ttulo do mapa: texto CIDADE DE PRESIDENTE PRUDENTE Mapa: camadas sobrepostas de imagens Camada do mapa Legenda: objeto composto Indicador de seleo: imagem Nome da Classe: texto com link Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas ncoras: Legenda Servios Site Informaes do mapa Imprimir Voltar Quadro 176 Carto de ADV Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

222

ADV Campus Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio Ttulo do mapa: texto FACULDADE DE CINCIAS E TECNOLOGIA CAMPUS DE PRESIDENTE PRUDENTE Mapa: camadas sobrepostas de imagens Camada do mapa Legenda: objeto composto Indicador de seleo: imagem Nome da Classe: texto lincado Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas ncoras: Legenda Servios Site Informaes do mapa Imprimir Voltar Quadro 177 Carto de ADV Faculdade de Cincias e Tecnologia

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

223

ADV Centro da cidade Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio Ttulo do mapa: texto CENTRO DE PRESIDENTE PRUDENTE Mapa: camadas sobrepostas de imagens Camada do mapa Legenda: objeto composto Indicador de seleo: imagem Nome da Classe: texto lincado Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas ncoras: Legenda Voltar Informaes do mapa Imprimir Quadro 178 Carto de ADV Centro de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

224

ADV Como chegar Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio Ttulo do mapa: texto COMO CHEGAR Mapa: camadas sobrepostas de imagens Camada do mapa Legenda: objeto composto Indicador de seleo: imagem Nome da Classe: texto com link Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas ncoras: Legenda Voltar Informaes do mapa Imprimir Quadro 179 Carto de ADV Como chegar

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

225

ADV Cursos Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos reas do conhecimento: itens de texto Ttulo da rea: texto Graduao Ttulo da rea: texto Ps-graduao Ttulo da rea: texto Especializao Nome da rea: texto tabular Nome do curso:texto com link Unidade: texto com link Municpio: texto com link Durao: texto Perodo: texto Nmero de vagas: texto Barra de ferramentas ncoras: Imprimir Voltar Quadro 180 Carto de ADV Cursos

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

226

ADV Informaes do mapa Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos Informao descritiva: itens de texto Nome do mapa: texto Autor: texto Projeo: texto Escala original: texto Data de compilao: texto Barra de ferramentas ncoras: Voltar Imprimir Quadro 181 Carto de ADV Informaes do mapa

ADV Ajuda Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos Informao descritiva: itens de texto Recomendaes de uso do guia Barra de ferramentas ncoras: Imprimir Voltar Quadro 182 Carto de ADV Ajuda

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

227

ADV Links Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos Links relacionados: texto linkado Laboratrio de Multimdia Faculdade de Cincias e Tecnologia UNESP Barra de ferramentas ncoras: Imprimir Voltar Quadro 183 Carto de ADV Links

ADV Crditos Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos Informao: objeto composto Desenvolvimento: texto Orientao: texto Auxlio: texto Instituio de fomento: imagem com link Barra de ferramentas ncoras: Imprimir Voltar Quadro 184 Carto de ADV Crditos

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

228

APNDICE F QUADROS DE DESCRIO DOS DIAGRAMAS DE


CONFIGURAO DOS ADVS

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

229

ADV UNESP Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio
pgina carregada

Ns: Estado; Campus universitrio; Municpio


navegar no site

mouse clicado

Ttulo do mapa: texto UNESP NO ESTADO DE SO PAULO Mapa: camadas sobrepostas de imagens Camadas do mapa Legenda: objeto composto

exibir classe temtica

mouse clicado

Indicador de seleo: imagem Nome da Classe: texto com link Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas

selecionar classe temtica exibir/ocultar classe temtica

mouse clicado

ncoras: Legenda Site Informaes do mapa Imprimir Voltar

exibir legenda navegar para fora do site pegar informao imprimir pgina atual volta a pgina anterior

Quadro 185 Diagrama de configurao para o ADV UNESP

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

230

ADV Presidente Prudente Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio
pgina carregada

mouse clicado

navegar no site

Ns: Campus universitrio; Vias; Transporte; Servios; Entretenimen. ; Imobiliria; Acomodao

Ttulo do mapa: texto CIDADE DE PRESIDENTE PRUDENTE Mapa: camadas sobrepostas de imagens Camadas do mapa Legenda: objeto composto

exibir classe temtica

mouse clicado

Indicador de seleo: imagem Nome da Classe: texto com link Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas

selecionar classe temtica exibir/ocultar classe temtica

mouse clicado

ncoras: Legenda Servios Site Informaes do mapa Imprimir Voltar

exibir legenda navegar para fora do site navegar para fora do site pegar informao imprimir pgina atual voltar a pgina anterior

Quadro 186 Diagrama de configurao para o ADV Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

231

ADV Faculdade de Cincias e Tecnologia Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio
pgina carregada

mouse clicado

navegar no site

Ns: Campus universitrio; Servios Acadmicos; Edificaes universitrias; Vias; Transporte; Acomodao; Servios

Ttulo do mapa: texto FACULDADE DE CINCIAS E TECNOLOGIA CAMPUS DE PRESIDENTE PRUDENTE Mapa: camadas sobrepostas de imagens Camadas do mapa Legenda: objeto composto

exibir classe temtica

mouse clicado

Indicador de seleo: imagem Nome da Classe: texto com link Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas

selecionar classe temtica exibir/ocultar classe temtica

mouse clicado

ncoras: Legenda Como Chegar Site Informaes do mapa Imprimir Voltar

exibir legenda navegar no site navegar para fora do site pegar informao imprimir pgina atual voltar a pgina anterior

Quadro 187 Diagrama de configurao para o ADV Faculdade de Cincias e Tecnologia

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

232

ADV Centro de Presidente Prudente Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio
pgina carregada

N: Elementos de orientao

mouse clicado

navega no site

Ttulo do mapa: texto CENTRO DE PRESIDENTE PRUDENTE Mapa: camadas sobrepostas de imagens Camadas do mapa Legenda: objeto composto

exibir classe temtica

mouse clicado

Indicador de seleo: imagem Nome da Classe: texto com link Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas

selecionar classe temtica exibir/ocultar classe temtica

mouse clicado

ncoras: Legenda Voltar Informaes do mapa Imprimir

exibir legenda retornar ao mapa anterior pegar informao imprimir pgina atual

Quadro 188 Diagrama de configurao para o ADV Centro de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

233

ADV Como chegar Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos rea do mapa: vazio
pgina carregada

Ns: Campus universitrio; elemento de orientao


navegar no site

mouse clicado

Ttulo do mapa: texto COMO CHEGAR Mapa: camadas sobrepostas de imagens Camadas do mapa Legenda: objeto composto

exibir classe temtica

mouse clicado

Indicador de seleo: imagem Nome da Classe: texto com link Smbolo do tema: imagem Nome do tema: texto Barra de ferramentas

selecionar classe temtica exibir/ocultar classe temtica

mouse clicado

ncoras: Legenda Voltar Informaes do mapa Imprimir

exibir legenda retornar ao mapa anterior pegar informao imprimir pgina atual

Quadro 189 Diagrama de configurao para o ADV Como chegar

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

234

ADV Cursos Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos reas do conhecimento: itens de texto Ttulo da rea: texto Graduao
mouse clicado

mouse clicado

navega no site

Ns: Campus universitio; Cursos (demais); Elementos de orientao

pgina carregada

exibir tabelas navegar na pgina navegar na pgina navegar na pgina

Ttulo da rea: texto Ps-graduao Ttulo da rea: texto Especializao Nome da rea: texto em tabela

mouse clicado

Nome do curso:texto com link Unidade: texto com link Municpio: texto com link Durao: texto Perodo: texto Nmero de vagas: texto Barra de ferramentas ncoras: Imprimir Voltar

navegar no site navegar no site navegar no site

mouse clicado

imprimir pgina atual voltar a pagina anterior

Quadro 190 Diagrama de configurao para o ADV Cursos

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

235

ADV Informaes do mapa Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos Informao descritiva: itens de texto
pgina carregada

Ns: Municpio; Estado; Campus universitiro


navegar no site

mouse clicado

exibir dados

Nome do mapa: texto Autor: texto Projeo: texto Escala original: texto Data de compilao: texto Barra de ferramentas ncoras: Voltar Imprimir
retornar ao mapa anterior imprimir pgina atual

mouse clicado

Quadro 191 Diagrama de configurao para o ADV Informaes do mapa

ADV Ajuda Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos Informao descritiva: itens de texto Recomendaes de uso do guia Barra de ferramentas ncoras: Imprimir Voltar
imprimir pgina atual voltar a pgina anterior

N: Prprio site

mouse clicado

navegar no site

pgina carregada

exibir dados

mouse clicado

Quadro 192 Diagrama de configurao para o ADV Ajuda

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

236

ADV Links Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos Links relacionados: texto com link Laboratrio de Multimdia Faculdade de Cincias e Tecnologia UNESP Barra de ferramentas ncoras: Imprimir Voltar

N: Prprio site

mouse clicado

navega no site

pgina carregada mouse clicado mouse clicado

exibir links navegar nos sites

imprimir pgina atual

voltar a pgina anterior

Quadro 193 Diagrama de configurao para o ADV Links

ADV Crditos Barra de navegao: texto ncoras: UNESP Cidades Unidades Universitrias Cursos Ajuda Links Crditos Informao: objeto composto Desenvolvimento: texto Orientao: texto Auxlio: texto Instituio de fomento: imagem com link Barra de ferramentas ncoras: Imprimir Voltar
navegar para o site

N: Prprio site

mouse clicado

navegar no site

pgina carregada

exibir dados

mouse clicado

mouse clicado

imprimir pgina atual voltar a pgina anterior

Quadro 194 Diagrama de configurao para o ADV Crditos

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

237

APNDICE G QUADROS DE DESCRIO DOS ADVCHARTS

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

238

Mapas

Exibir ligado Imagem Seletor de camadas Boto 1 2 Classe temtica Boto Imprimir 3 Camada de classe temtica Boto Informao do mapa 5 6

Transies 1: Evento: Mouse Clicado Pr-condio: foco na imagem Ps-condio: seleciona camada temtica 2: Evento: Mouse Clicado Pr-condio: foco no boto Ps-condio: exibe camada temtica 3: Evento: Mouse Clicado Pr-condio: foco no boto Ps-condio: impresso das camadas visveis 4: Evento: Mouse Clicado Pr-condio: foco no boto Ps-condio: navega para texto descritivo 5: Evento: Mouse Clicado Pr-condio: foco em item da camada Ps-condio: navega para pgina do tema 6: Evento: Mouse Clicado Pr-condio: foco no boto Ps-condio: retorna a pgina do mapa

4 Texto

Pgina do tema

Descrio do mapa Boto Voltar

Quadro 195 ADVChart para as pginas UNESP no estado de So Paulo, Cidade de Presidente Prudente, Unidades universitrias, Como chegar e Centro de Presidente Prudente

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

239

Tabelas de cursos

Exibir ligado Texto com link rea do conhecimento 1 Tabela de links Curso: Campo Campus: Campo Municpio: Campo 4 3 Mapa do municpio

Transies 1: Evento: Mouse clicado Pr-condio: foco no texto com link Ps-condio: navega para a tabela 2: Evento: Mouse Clicado Pr-condio: foco no texto com link Ps-condio: navega para a pgina do curso 3: Evento: Mouse Clicado Pr-condio: foco no texto com link Ps-condio: navega para o mapa do campus 4: Evento: Mouse Clicado Pr-condio: foco no texto com link Ps-condio: navega para o mapa do municpio

Mapa do campus 2 Pgina do curso

Quadro 196 ADVChart para a pgina Cursos

France Michel Ferreira

Desenvolvimento do Guia Cartogrfico Interativo da UNESP para a Internet Estudo de Caso: Campus de Presidente Prudente

240

Links

Exibir ligado Texto com link Site do laboratrio de multimdia Texto com link Site do campus de Presidente Prudente Texto com link Site da UNESP 1 Site da UNESP

Transies 1: Evento: Mouse clicado Pr-condio: foco no texto com link Ps-condio: navega para o site da UNESP 2: Evento: Mouse Clicado Pr-condio: foco no texto com link Ps-condio: navega para o site do Campus de Presidente Prudente 3: Evento: Mouse Clicado Pr-condio: foco no texto com link Ps-condio: navega para o site laboratrio multimdia

do

Site do campus de Presidente Prudente Texto com link Site do laboratrio de multimdia

Quadro 197 ADVChart para a pgina Links

France Michel Ferreira

Você também pode gostar