CONSTRUÇÃO DA PÁGINA ELETRÔNICA (HOME PAGE) DA DISCUSSÃO DO TEMPO E CLIMA DO CEFET FELIPE MENDES SILVA Felipe2608@gmail.com KELLEN DE C. B. KRUSCINSKI kellenbandi@gmail.com THIAGO SILVA MARTINS tsilvam2707@hotmail.com Centro Federal de Educação Tecnológica de Santa Catarina Gerência Educacional de Formação Geral e Serviços Curso Técnico de Meteorologia Professor Orientador: Mário Quadro Projeto Integrador Módulo III Florianópolis Setembro de 2005 RESUMO A partir da necessidade da automatização e disponibilização dos dados e produtos (elaborados neste módulo), e também facilitar as discussões do tempo e do clima dando mais dinamismo, tivemos a idéia de unir todas as informações (necessárias e de qualidade) numa página eletrônica, onde estas estivessem organizadas de forma
acessível e eficaz. Utilizamos os aplicativos Dreamweaver e Fireworks para construir com êxito esta home page. Palavras-chave: Dreamweaver, Fireworks, Home Page, site, CTM (Curso Técnico de Meteorologia). 1. INTRODUÇÃO O Curso Técnico de Meteorologia (CTM) do CEFET/SC possui duas terminalidades específicas, que são a construção de aplicativos computacionais para a meteorologia e a de instrumentação meteorológica. No módulo de construção de aplicativos computacionais, são desenvolvidos vários produtos meteorológicos, em forma de figuras, gráficos e modelos de previsão. No entanto, esses produtos ainda não estão organizados para a sua visualização. Nesse sentido este projeto teve por objetivo principal a criação de uma página eletrônica para a disponibilização desses produtos meteorológicos. Esse trabalho auxiliará principalmente a realização das discussões semanais do tempo e das reuniões do Fórum Climático, para facilitar o acesso e informatização dos produtos meteorológicos de maneira eficaz. O desenvolvimento completo do sítio do CTM será efetuado em duas etapas. A primeira etapa, desenvolvida neste projeto integrador, os conteúdos das páginas (figuras e texto) serão fixos, sem possibilidade de atualização. A idéia desta etapa é de apenas mostrar as potencialidades deste aplicativo meteorológico de visualização dos produtos internos (criados no Laboratório de Aplicativos Meteorológicos (LAM)), e também externos, disponíveis em outros web sites. Na etapa final, proposta para o projeto integrador do semestre seguinte, é a de operacionalizar a atualização da página, através de scripts desenvolvidos nas linguagens shell e Grads (Gris Analysis and Dysply System) para geração das figuras, e crontabs para atualização da página eletrônica.
2. APLICATIVOS UTILIZADOS Para a construção da home page pesquisou-se vários tipos de layouts até chegar no modelo que será visto no item elaboração da home page. Escolhido o layout, foi realizado um estudo de alguns softwares a serem utilizados e chegou-se a estes dois aplicativos computacionais: Dreamweaver e Fireworks. Para melhor compreensão do que eles fazem, segue abaixo um texto sobre esses dois programas. O Dreamweaver é um poderoso ambiente de desenvolvimento para a construção de sites dinâmicos que fazem o uso de bancos de dados, scripts executados no cliente e tecnologia de servidor, como Asp, (Active dinamic Server Pages), ColdFusion e Jsp (Java Server Pages), e ainda suporta os mais recentes padrões adotados na web, tais como Xhtm e Css. Além de ser uma ferramenta simples para o desenvolvimento de aplicativos e layouts para sites da internet, o Dreamweaver é também uma tem a função da construção e manutenção de websites. Ele possui ferramentas que possibilitam o gerenciamento de todos os arquivos relacionados a um site, permitindo o envio destes arquivos para um servidor de web remoto e sua sincronização com os arquivos locais. O Macromedia Fireworks MX 2004 é um aplicativo de exportação de ilustrações da web em excelente qualidade. O Fireworks MX 2004 fornece aos designers e desenvolvedores as ferramentas necessárias para que de forma rápida sejam construídas ilustrações originais e completamente interativas com a web podendo ser de simples botões gráficos a sofisticados efeitos de rollover e menus popup. O Fireworks MX 2004 aumenta a flexibilidade possibilitando uma simples importação, integração e edição de imagens vetoriais e de bitmap em todos os principais formatos de ilustrações, podendo facilmente ser exportado do Fireworks para projetos do Macromedia Flash e Dreamweaver, bem como para ferramentas de desenvolvimento da web de terceiros (Forumweb, 2005).
O Fireworks MX 2004 facilita a produtividade com importantes melhorias em desempenho e usabilidade. Assume o controle criativo com os recursos de edição vetorial e de bitmap em um ambiente integrado. O Fireworks responde automaticamente a seleções, fazendo uma suave transição entre os modos. Faz com que ilustrações tenham a melhor aparência possível sob qualquer cenário de entrega com recursos de otimização como o Export Preview (Visualização de Exportação), Cross-Platform Gamma Preview (Visualização Gama Multi-Plataforma) e Selective JPG Compression (Compactação Seletiva de JPG). Otimiza totalmente arquivos Fireworks de dentro do Dreamweaver. Gera automaticamente, ilustrações e JavaScript para botões, interfaces interativas e menus pop-up utilizando assistentes. Edita facilmente, os arquivos resultantes no Dreamweaver MX 2004. Move arquivos com facilidade entre aplicativos gráficos incluindo Dreamweaver, Macromedia Flash, FreeHand, Adobe Photoshop e Adobe Illustrator. Utiliza as mesmas funções Check-In/Check-Out (Devolver/Retirar) que no Dreamweaver e Macromedia Flash. Faz o upload dos arquivos para um servidor remoto com um único clique. Trabalha com imagens grandes, edita texto e faz outras tarefas intensas no processador mais rapidamente, graças ao alto desempenho do aplicativo. Além de melhorias no desempenho, o Fireworks 2004 oferece uma interface consolidada com o usuário que acelera o seu fluxo de trabalho com uma interface com o usuário mais fácil e intuitiva (Forumweb, 2005). 3. ELABORAÇÂO DA HOME PAGE 3.1 Estrutura do site A figura 1 apresenta um organograma do conteúdo do sítio. Nela estão apresentados os diretórios correspondentes, assim como seu conteúdo. Ressalta-se que esta estrutura foi desenvolvida em função das necessidades, tanto das discussões semanais, realizadas no eixo temático Análise de Tempo e Clima (ATC), como para a elaboração da discussão climática, realizada mensalmente pelos alunos do CTM.
Figura 1 Diagrama esquemático da estrutura da página eletrônica do CEFETSC. 3.2 Conteúdo do site O link Satélite contém: Produtos de Satélite: Última Imagem (América do Sul (infravermelho, Vapor d água e Visível), Global (Infravermelho, Vapor d água e Visível) e América + África); Animação: Infravermelho (animação das imagens de satélite), Vapor d água (animação das imagens de satélite) e Visível (animação das imagens de satélite); Outras Imagens: Nefoanalisis (imagem do Nefoanalisis) e MASTER (imagem em infravermelho do MASTER); Estimativa de Chuva: 1 e 3 horas (Estimativa de Chuva
para até 1 hora e para até 3 horas), 6 horas (Estimativa de Chuva para até 6 horas), e 24 horas (Estimativa de Chuva para até 24 horas). No link Mar visualiza-se: Wavewatch III Atlasul (previsão do modelo de ondas para: 00, 06, 12, 18, 24, 30, 36, 42, 48, 54, 60, 66, 72, 78, 84, 90, 96, 102, 108, 114, 120 horas); Vento (previsão do modelo para velocidade e direção do vento nos oceanos Atlântico, Atlântico Sul, Sul e Sudeste, Nordeste, Norte e Global), Ondas (previsão do modelo para altura e direção da onda para os oceanos: Atlântico, Atlântico Sul, Sul e Sudeste, Nordeste, Norte e Global), Período Médio (previsão do modelo para o período da onda, intensidade e direção para os oceanos: Atlântico, Atlântico Sul, Sul e Sudeste, Nordeste, Norte e Global), Período de Windsea (previsão do modelo para o período e intensidade e direção do vento em alto mar para os oceanos: Atlântico, Atlântico Sul, Sul e Sudeste, Nordeste, Norte e Global), Período de Pico (previsão do modelo para o período em que a onda se encontra mais alta para os oceanos: Atlântico, Atlântico Sul, Sul e Sudeste, Nordeste, Norte e Global); No link Modelos temos: Produtos NCEP: Precipitação (Previsão de precipitação do NCEP para 5 e 10 dias), Temperatura (Previsão de Temperatura para 5 e 10 dias), Umidade do Solo (Observada e Previsão). O link Observação contém: Produtos Internet: Carta DHN 00UTC (Carta da Marinha que informa a Pressão ao Nível do Mar das 00UTC), Carta DHN 12UTC (Carta da Marinha que informa a Pressão ao Nível do Mar das 12UTC), Raios (Imagem que informa onde está ocorrendo descargas atmosféricas), Nevoeiros (Imagem mais recente para a detecção de nevoeiros, com intensidade do fenômeno), Geadas (Monitoramento de Geada para a previsão, a partir da temperatura mínima e a temperatura do ponto de orvalho observadas), Skew-t (Plotagem Isobárica da atmosfera para os países e suas principais cidades: Brasil, Argentina, Chile, Peru, Colômbia, América Central, Guiana Francesa). No link Clima temos: Produtos CEFET/SC: Bloqueios (circulação atmosférica que indica a posição das altas pressões e os bloqueios ocorridos); Outros Produtos: Animação GEOPOT 250 hpa (animação da altura geopotencial em 250 hpa ocorrida);
Pressão ao NMM (Anomalia de Pressão ao Nível do Mar); TSM (Anomalia da Temperatura da Superfície do Mar: semana, mês e animação); Temperatura (Anomalia de Temperatura). No link Semana temos: Discussão do Tempo: Resumo da Semana (relato de como o tempo e seus eventos se comportaram na semana); Destaque da Semana (relato de fenômenos e eventos que mereçam destaque). No link Informações temos: Sobre o Projeto (informações sobre Projeto Construção da Página de Discussão do Tempo e Clima); Sobre o Curso (informações sobre o Curso Técnico de Meteorologia e seus respectivos módulos); Fotos: link para: Visita Técnica para o Estado de São Paulo; Visita ao INMET e a RBS em POA-RS; Visita ao SIMEPAR; Visita ao Aeroporto Hercílio Luz; Visita ao Aeroporto Módulo I; Primeiro Arraiá da Meteorologia; Os Projetos Integradores: Projetos elaborados em 2004/01 (projetos elaborados no primeiro semestre de 2004, pelos alunos dos módulos 1 e 2), Projetos elaborados 2004/02 (projetos elaborados no segundo semestre de 2004, pelos alunos dos módulos 1, 2 e 3), Estação do CEFET (fotos das estações do CEFET/SC); Outros Links (CPTEC, CEFET, INMET, CIRAM, MASTER/IAG, OMM, REDEMET, SOMAR e WAVES); Meteorologia: O que é Meteorologia? (informações sobre a Meteorologia). 4. CONCLUSÔES Espera-se que essa página eletrônica contribua para uma melhor disponibilidade e dinamismo das informações meteorológicas nas discussões do tempo e do clima, e que os próximos alunos do módulo levem adiante este projeto, dando a sua devida fundamentação, com a automatização e disponibilização dos dados e produtos online, sem a necessidade da apresentação em Power Point dos alunos para os demais da área meteorológica do CEFET/SC, e também para todos que estiverem interessados, que poderão acessar a página.
5. REFERÊNCIAS BIBLIOGRÁFICAS CPTEC. Disponível em: http://www.cptec.inpe.br, visitado em 03/08/2005 as 15h e 20min. INMET. Disponível em: http://www.inmet.gov.br, visitado em 03/08/2005 as 15h e 25min. CTM. Disponível em: http://www.cefetsc.edu.br/~meteoro, visitado em 03/08/2005 as 15h e 27min. EPAGRI/ CIRAM. Disponível em: http://ciram.epagri.rct-sc.br, visitado em 03/08/2005 as 15h e 30min. WAVES. Disponível em: http://waves.terra.com.br, visitado em 04/08/2005 as 15h e 20min. MASTER. Disponível em: http://www.master.iag.usp.br, visitado em 04/08/2005 as 15h e 22min. Organização Mundial de Meteorologia. Disponível em: http://www.wmo.ch, visitado em 04/08/2005 as 15h e 25min. Redemet. Disponível em: http://www.redemet.aer.mil.br, visitado em 04/08/2005 as 15h e 28min. SOMAR. Disponível em: http://www.tempoagora.com.br, visitado em 043/08/2005 as 15h e 30min. FórumWeb. Disponível em: http://www.forumweb.com.br visitado em 17/08/2005 as 15h e 30min.