index_acessarSistema.html 18.4 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/  html; charset=iso-8859-1" />
        <title>Bem-vindo ao i3GeoSa&uacute;de!</title>
        <link rel="stylesheet" type="text/css" href="css/estilo.css" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <!--[if lt IE 9]>
            <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script type="text/javascript">
            function exibe(id) {
                if (id == 'sobre') {
                    document.getElementById('sobre').style.display="block";
                    document.getElementById('links').style.display="none";
                    document.getElementById('doc').style.display="none";
                    document.getElementById('acessarSistema').style.display = "none";
                } else if (id == 'links') {
                    document.getElementById('sobre').style.display="none";
                    document.getElementById('links').style.display="block";
                    document.getElementById('doc').style.display="none";
                    document.getElementById('acessarSistema').style.display = "none";
                } else if(id == 'doc') {
                    document.getElementById('sobre').style.display="none";
                    document.getElementById('links').style.display="none";
                    document.getElementById('doc').style.display="block";
                    document.getElementById('acessarSistema').style.display = "none";
                } else {
                    document.getElementById('sobre').style.display="none";
                    document.getElementById('links').style.display="none";
                    document.getElementById('doc').style.display="none";
                    document.getElementById('acessarSistema').style.display = "block";
                }
            }
        </script>
        
        
         <style type="text/css"> } 
             .CampoAcao_ativo h3 { display: block; } 
             .inativo {display: none;} 
         </style>
        <script language="JavaScript">
            function changeView(section) {
                var div = document.getElementById(section);
                var div2 = document.getElementById(section+'2');
                
                if (div.className == "CampoAcao") {
                    div2.className = "ativo";
                    div.className = "CampoAcao_ativo";
                } else {
                    div2.className = "inativo";
                    div.className = "CampoAcao";
                }
            }
        </script>
    </head>
    <body>
        <div class="barra_gov"><script type="text/javascript" src="barragoverno/barra.js"></script></div>
        <div id="topo">
            <div class="logo">
                <img src="Imagens/novaMarcaLogo.png" class="imgTopo"/>
            </div>
            <div id="menu">
                <ul class="menuhorizontal">
                    <img src="Imagens/canto_menu.png" /><li><a href="#" onclick="javascript: exibe('sobre');">Sobre o i3GeoSa&uacute;de</a></li>
                    <img src="Imagens/canto_menu.png" /><li><a href="#" onclick="javascript: exibe('links');">Links</a></li>
                    <img src="Imagens/canto_menu.png" /><li><a href="#" onclick="javascript: exibe('doc');">Documenta&ccedil;&atilde;o</a></li>
                    <img src="Imagens/canto_menu.png" /><li><a href="#" onclick="javascript: exibe('acessarSistema');">Acessar Sistema</a></li>
                </ul>
            </div>
        </div>
        <div id="conteudo" align="center"><div class="container">
            <div id="sobre" class="content">
                <div class="text">
                    <h3>SOBRE O i3GEOSA&Uacute;DE</h3>
                    <p>i3GeoSa&uacute;de &eacute; uma oferta do Minist&eacute;rio da Sa&uacute;de &agrave;s Secretarias Municipais e Estaduais de Sa&uacute;de e aos profissionais da &aacute;rea de sa&uacute;de que utilizam georreferenciamento de dados como instrumento para formula&ccedil;&atilde;o e implementa&ccedil;&atilde;o de pol&iacute;ticas p&uacute;blicas em suas &aacute;reas de atua&ccedil;&atilde;o. A utiliza&ccedil;&atilde;o da ferramenta n&atilde;o &eacute; restrita aos profissionais da &aacute;rea de sa&uacute;de, podendo ser utilizado por outros profissionais ou estudiosos.</p>
                    <p>Por meio da utiliza&ccedil;&atilde;o do i3GeoSa&uacute;de &eacute; poss&iacute;vel a cria&ccedil;&atilde;o de cartogramas din&acirc;micos &agrave; moda do que o Minist&eacute;rio da Sa&uacute;de faz com o Ìndice de Desempenho do SUS (<a href="http://saladeinformacao.saude.gov.br/cartogramas/sage/abremapa.php?id=1">IDSUS</a>) ou pelo <a href="http://www.mma.gov.br/governanca-ambiental/geoprocessamento">Minist&eacute;rio do Meio Ambiente</a>.</p>
                    <p>O i3GeoSa&uacute;de &eacute; baseado na solu&ccedil;&atilde;o livre <a href="http://www.i3geo.com.br">I3GEO</a>. O esfor&ccedil;o feito pelo Minist&eacute;rio da Sa&uacute;de consiste na cria&ccedil;&atilde;o de uma interface que simplifique os procedimentos t&eacute;cnicos para a cria&ccedil;&atilde;o de cartogramas din&acirc;micos acess&iacute;veis por meio da internet. A ideia que uma pessoa com conhecimentos de sua &aacute;rea de atua&ccedil;&atilde;o, sabendo usar um navegador (browser) e tendo organizado seus dados e planejado minimamente seus cartogramas, tenha no i3GeoSa&uacute;de uma ferramenta de f&aacute;cil utiliza&ccedil;&atilde;o.</p>
                    <p>Esta &eacute; a primeira vers&atilde;o do i3GeoSa&uacute;de, portanto, a ferramenta pode ser melhorada em diversos aspectos. Tamb&eacute;m sabemos que a possibilidade de melhoria est&aacute; em fun&ccedil;&atilde;o de sua utiliza&ccedil;&atilde;o e do envolvimento de seus usu&aacute;rios com sua evolu&ccedil;&atilde;o. O fato de i3GeoSa&uacute;de ser software livre facilita este processo de amadurecimento do instrumento.</p>
                    <br><br>

                    <h3>QUEST&otilde;ES LEGAIS</h3>
                    <p>i3GeoSa&uacute;de &eacute; software livre, assim como todos seus componentes. Desta forma, voc&ecirc; &eacute; livre para usar, distribuir e modificar o c&oacute;digo, conforme estabelecido pela General Public Licence vers&atilde;o 2. Altera&ccedil;&otilde;es no c&oacute;digo do i3GeoSa&uacute;de devem compartilhadas por meio do Portal do Software P&uacute;blico.</p>
                    <p>&Eacute; poss&iacute;vel, por meio do i3GeoSa&uacute;de, utilizar servi&ccedil;os propriet&aacute;rios para a apresenta&ccedil;&atilde;o de seus cartogramas, como por exemplo, o Google Maps(r)  ou Google Earth(r). Se voc&ecirc; optar pela utiliza&ccedil;&atilde;o destes servi&ccedil;os e ferramentas, deve ficar atento &agrave;s condi&ccedil;&otilde;es legais de uso das mesmas: <a href="https://developers.google.com/maps/terms">https://developers.google.com/maps/terms</a>.</p>
                    <br><br>

                    <h3>SUPORTE i3GEOSA&Uacute;DE</h3>
                    <p>O suporte ao uso e desenvolvimento do i3GeoSa&uacute;de pode ser obtido por meio do cadastro em nossa lista de discuss&atilde;o. Optamos por este mecanismo pois ele facilita o compartilhamento das experi&ecirc;ncias dos usu&aacute;rios.</p>
                </div>
                <div class="secondary" align="center">
                    <p><strong>Assista o v&iacute;deo</strong></p>
                    <p><img src="Imagens/imgVideo.png" align="middle"/></p>
                </div>
            </div><!-- .content .touchslider-item-->
                    
            <div id="links">
                <div class="text"><!-- div para o texto "links"-->
                    <h3>Sa&uacute;de</h3>
                    <div class="itens">
                        <p><a href="http://portalsaude.saude.gov.br/portalsaude/index.html">Minist&eacute;rio da Sa&uacute;de do Brasil</a></p>
                        <p><a href="http://aplicacao.saude.gov.br/portaltransparencia/index.jsf">Portal Sa&uacute;de com mais Transpar&ecirc;ncia</a></p>
                        <p>Organizaç&atilde;o Pan Americana de Sa&uacute;de - VEIO SEM O LINK</p>
                        <p><a href="http://www.who.int/countries/bra/es/">Organizaç&atilde;o Mundial de Sa&uacute;de</a></p>
                        <p><a href="http://www.abrasco.org.br/">Associaç&atilde;o Brasileira de Sa&uacute;de Coletiva</a></p>
                    </div>
                    
                    <h3>Softwares que comp&otilde;em o i3GeoSa&uacute;de</h3>
                    <div class="itens">
                        <p><a href="http://www.postgresql.org/">PostgreSQL </a></p>
                        <p><a href="http://www.postgis.org/">PostGIS</a></p>
                        <p><a href="http://mapserver.org/">Mapserver</a></p>
                        <p><a href="http://www.sqlite.org/">SQLite</a></p>
                        <p><a href="http://openlayers.org/">OpenLayers</a></p>
                        <p><a href="http://www.r-project.org">R Project</a></p>
                        <p><a href="http://php.net/">PHP</a></p>
                        <p><a href="http://www.mapserver.org/mapscript/php/">PHP MapScript</a></p>
                        <p><a href="http://www.apache.org/">Apache</a></p>
                    </div>
                    
                    <h3>Organizaç&otilde;es da comunidade Geo Livre</h3>
                    <div class="itens">
                        <p><a href="http://www.opengeospatial.org/">Open Geospatial Consortium</a></p>
                        <p><a href="http://www.osgeo.org">Open Source Geospatial Foundation/</a></p>
                    </div>
                </div>
            </div><!-- .content .touchslider-item-->
                    
            <div id="doc" align="center" class="content">
                <div class="linksFerramentas">
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/sobreGeoSaude02.png" />
                        <p>Sobre o i3GeoSa&uacute;de</p>
                    </a></div>
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/documentacao02.png" />
                        <p>Documenta&ccedil;&atilde;o</p>
                    </a></div>
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/manualGeoSaude02.png" />
                        <p>Manual de utiliza&ccedil;&atilde;o</p>
                    </a></div>
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/linksGeoSaude.png" />
                        <p>Links</p>
                    </a></div>
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/gerenciarUsuarios.png" />
                        <p>Gerenciar usu&aacute;rios</p>
                    </a></div>
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/cartogramas_orig.png" />
                        <p>Cartogramas</p>
                    </a></div>
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/gerenciarVisualizacao.png" />
                        <p>Gerenciar visualiza&ccedil;&atilde;o dos mapas</p>
                    </a></div>
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/gerenciarMetadados.png" />
                        <p>Gerenciar metadados</p>
                    </a></div>
                    <div class="ferramentas"><a href="#">
                        <img src="Imagens/mapas.png" />
                        <p>Mapas</p>
                    </a></div>
                </div>
            </div>
            
            <div id="acessarSistema">
                <div class="text"><!-- div para o texto "sobre o geosa&uacute;de"-->
                    <p>A cria&ccedil;&atilde;o de cartogramas din&acirc;micos no i3GeoSa&uacute;de &eacute; um processo relativamente simples. O pr&eacute;-requisito &eacute; que voc&ecirc; tenha os dados organizados e relacionados a seus respectivos limites geogr&aacute;ficos: estados, munic&iacute;pios, limites submunicipais ou agregados de munic&iacute;pios (um colegiado, por exemplo). O procedimento pode ser sintetizado da seguinte forma:</p>
                    
                    <div id="metadadosEstatisticos" class="CampoAcao">
                        <h3 onclick="changeView('metadadosEstatisticos')">Metadados Estat&iacute;sticos</h3>
                        <div id="metadadosEstatisticos2" class="inativo">
                            <div class="itens">
                                <p>A gera&ccedil;&atilde;o de cartogramas no i3GeoSa&uacute;de necessita da cria&ccedil;&atilde;o e manuten&ccedil;&atilde;o dos metadados que armazenam as descri&ccedil;&otilde;es e defini&ccedil;&otilde;es sobre cada um dos dados que ser&atilde;o georreferenciados. Este procedimento deve ser precedido de um planejamento m&iacute;nimo sobre que cartograma ser&aacute; criado, com que dados, m&eacute;tricas entre outros elementos.</p>
                                <p>Esse procedimento &eacute; um pouco trabalhoso mas deve-se considerar as vantagens de se ter uma base de dados documentada, o que facilita a manuten&ccedil;&atilde;o e o compartilhamento.<br /></p>
                            </div>
                            <div class="subitens">
                                <ul>
                                    <li><a href="#">Criar nova base de metadados</a></li>
                                    <li><a href="#">Alterar base de metadados existente</a></li>
                                    <li><a href="#">Excluir base de metadados</a></li>
                                    <li><a href="#">Compartilhar a base de metadados</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <div id="cargaDados" class="CampoAcao">
                        <h3 onclick="changeView('cargaDados')">Carga dos dados</h3>
                        <div id="cargaDados2" class="inativo">
                            <div class="itens">
                                <p>Uma vez definidos os limites geogr&aacute;ficos e a base de metadados, deve-se inserir os dados que ser&atilde;o georreferenciados na base do i3GeoSa&uacute;de.<br /></p>
                            </div>
                            <div class="subitens">
                                <ul>
                                    <li><a href="#">Utilizar dados de um banco de dados relacional j&aacute; existente</a></li>
                                    <li><a href="#">Digitar os dados na interface do i3GeoSa&uacute;de </a></li>
                                    <li><a href="#">Fazer upload dos dados a partir de uma planilha eletr&ocirc;nica </a></li>
                                    <li><a href="#">Alterar um dado em "tempo real"</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <div id="limitesGeograficos" class="CampoAcao">
                        <h3 onclick="changeView('limitesGeograficos')">Limites Geogr&aacute;ficos</h3>
                        <div id="limitesGeograficos2" class="inativo">
                            <div class="itens">
                                <p>A base de dados espacial do i3GeoSa&uacute;de j&aacute; cont&eacute;m os limites da Uni&atilde;o, Estados, Munic&iacute;pios e bairros, conforme fornecidos pelo IBGE.
    Inclui tamb&eacute;m os limites de todos os colegiados de gest&atilde;o de sa&uacute;de conforme utilizado pelo Minist&eacute;rio da Sa&uacute;de em Maio de 2013.<br /></p>
                            </div>
                            <div class="subitens">
                                <p>Inserir limite geogr&aacute;fico diferente daqueles contidos no i3GeoSa&uacute;de</p>
                                <ul>
                                    <li><a href="#">Desenhar novos limites geogr&aacute;ficos</a></li>
                                    <li><a href="#">Inserir novos limites a partir de um arquivo tipo shapefile</a></li>
                                </ul>
                                
                                <p>Alterar limite geogr&aacute;fico</p>
                                <ul><li><a href="#">Alterar limite geogr&aacute;fico</a></li></ul>
                            </div>
                        </div>
                    </div>
                    
                    <div id="publicacaoCartogramas" class="CampoAcao">
                        <h3 onclick="changeView('publicacaoCartogramas')">Publica&ccedil;&atilde;o dos Cartogramas</h3>
                        <div id="publicacaoCartogramas2" class="inativo">
                            <div class="itens">
                                <p>Cartogramas feitos no i3GeoSa&uacute;de podem ser publicados a partir da cria&ccedil;&atilde;o de uma aplica&ccedil;&atilde;o, ou inserindo-os em aplica&ccedil;&otilde;es web (portais) j&aacute; existentes, com por exemplo, o portal institucional de uma organiza&ccedil;&atilde;o.<br /></p>
                            </div>
                            <div class="subitens">
                                <ul>
                                    <li><a href="#">Criar uma aplica&ccedil;&atilde;o para apresentar cartogramas</a></li>
                                    <li><a href="#">Inserindo cartogramas em aplica&ccedil;&otilde;es j&aacute; existentes</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <p style="margin-top: 30px;">Na pr&oacute;xima vers&atilde;o do i3GeoSa&uacute;de, os processos de cadastro de metadados e carga dos dados ser&atilde;o unificados em uma s&oacute; interface. Por enquanto, ambos processos est&atilde;o separados.</p>
                    
                </div>        
            </div></div><!-- .content .touchslider-item-->
        </div>
    </body>
</html>