Relatorio do projecto de telemedicina revisao

Universidade Lusíada de Angola

Portal WEB de Telemedicina para a Província de Benguela

Universidade Lusíada de Angola – Pólo de Benguela

2010/2011

Nº 1110307 Aníbal Sahari Falão

Licenciatura em Informática

Orientador: Prof. Dr. João Alexandre Lobo Marques

10 de Julho de 2011

26

Dedicatória

Este trabalho é dedicado aos meus mestres Dr. João Alexandre Marques e Gualdim Duarte.

Relatório de estágio de informática – Portal de Telemedicina para a Província de Benguela

26

Agradecimentos

Aos alunos e professores da Universidade Lusíada que, com seus conhecimentos

e sugestões, enriqueceram e melhoraram este projeto. Faço um agradecimento especial

ao Dr. João Alexandre Lobo Marques, por sugestões e ajuda na concepção do relatório

com conselhos que tornaram, sem dúvida, o trabalho mais elegante e organizado.

Agradeço também à Dra. Cristina Amador pela análise do projeto e sugestões

bibliográficas para o relatório. À minha família por me auxiliar na formatação do

relatório, e finalmente à comunidade Joomla por generosamente disponibilizar

componentes e módulos gratuitamente para todos, que tornaram mais fácil atingir os

objectivos adicionais do projeto.


26

Resumo

A internet é um novo meio de comunicação extremamente difundido que

permite a diminuição de distâncias e uma efetiva comunicação utilizando recursos

multimídia, isto é, múltiplos meios, tais como textos, imagens, voz e vídeos. O Portal de

Telemedicina de Benguela é um sistema voltado para o ambiente WEB ou WWW,

construído exclusivamente com base em tecnologias livres e gratuitas, que tem o

objetivo principal de melhorar as condições de prestação dos serviços de saúde na

província de Benguela, Angola. As principais ferramentas livres utilizadas foram o

servidor Web Apache, o servidor de base de dados MySQL, a linguagem de

programação PHP e o sistema gestor de conteúdo Joomla. Para atender a demanda dos

serviços desejados para o portal, foram pesquisados, instalados e configurados diversos

módulos adicionais ao sistema gestor de conteúdos, que, em conjunto, permitiram a

criação de um sistema robusto e completo. As principais dificuldades encontradas foram

a falta de componentes e documentação em português, assim como a falta de

financiamento para colocarmos o portal na internet, ficando ainda restrito ao ambiente

de protótipo. Todos os requisitos acordados a princípio para o portal foram

desenvolvidos e implementados com sucesso, o que permite indicar o conjunto de

ferramentas utilizadas para o desenvolvimento de outras aplicações WEB que

necessitem de características similares.


26

Índice Dedicatória......................................................................................................................IIAgradecimentos.............................................................................................................IIIResumo...........................................................................................................................IVÍndice................................................................................................................................5Capitulo 1 - Introdução.................................................................................................111.1 - Apresentação.........................................................................................................111.2 - Objectivo................................................................................................................121.3 - Objectivos complementares..................................................................................121.4 - Enquadramento.....................................................................................................131.5 - Plano de trabalho..................................................................................................131.6 - Apresentação da entidade receptora...................................................................141.7 - Pesquisa de mercado.............................................................................................151.8 – Organização deste trabalho.................................................................................16Capitulo 2 - Contexto....................................................................................................172.1 - Conceitos da Área de Telemedicina.....................................................................17

2.1.1 - Telemedicina....................................................................................................172.1.2 - Telessaúde........................................................................................................182.1.3 - Tele-diagnóstico...............................................................................................192.1.4 - Tele-cirurgia.....................................................................................................192.1.5 - Tele-monitoração.............................................................................................202.1.6 - Educação à distância aplicada à Saúde............................................................202.1.7 - Teleconsulta.....................................................................................................20

2.2- Sistemas Informáticos para o Portal....................................................................212.2.1 - Sistema gestor de conteúdo..............................................................................212.2.2 - Ambiente de Criação de web sites...................................................................222.2.3 - GNU GPL- Licença pública geral....................................................................232.2.4 - Servidor Web Apache......................................................................................25

Histórico..................................................................................................................25Características e especificações...............................................................................25Importância no Portal de Telemedicina...................................................................26

2.2.5 - Base de dados Mysql 5.0..................................................................................26Historia....................................................................................................................27Características..........................................................................................................27Importância no Portal de Telemedicina...................................................................28

2.2.6 – Linguagem de Programação PHP....................................................................30Historia....................................................................................................................30PHP 5.......................................................................................................................30Aplicações...............................................................................................................31Filosofia...................................................................................................................32Importância no Portal de Telemedicina..................................................................32

Capitulo 3 - Desenvolvimento especifico.....................................................................333.1 - Ambiente de testes XAMPP.................................................................................33

3.1.1 - Instalação do XAMPP......................................................................................333.1.2 - Estrutura do XAMPP....................................................................................343.1.3 - Menu do Xampp...........................................................................................353.1.4 - Ferramentas..................................................................................................36

3.2 - Gestor de Conteúdo Joomla.................................................................................37


26

3.2.1 – Conceito...........................................................................................................373.2.2-Portabilidade......................................................................................................383.2.3 - Vantagens do Joomla 1.5.................................................................................383.2.4 - Estrutura da pastas............................................................................................393.2.5 - Instalação em ambiente de testes.....................................................................40

3.2.6-Erros ocorridos nesta fase..............................................................................453.3 - Portal de Telemedicina.........................................................................................45

3.3.1 - Áreas do Joomla...............................................................................................463.3.1.1-Área de administradores (Backend)............................................................463.3.1.2-Área de utilizadores (Frontend)..................................................................473.3.2-Administração joomla....................................................................................473.3.2.3 - Configuração global..................................................................................483.3.2.4 - Botões Joomla...........................................................................................493.3.2.5 - Nível de utilizador (Papel)........................................................................503.3.2.6-Gestão de utilizadores no joomla................................................................51

3.4 - Manipulação e organização de conteúdo............................................................533.4.1 - Seções...............................................................................................................533.4.2 - Categorias.........................................................................................................543.4.3 - Artigos..............................................................................................................55

3.4.3.1 – Quebras no Texto.....................................................................................573.4.3.3- Detalhes de um artigo.................................................................................58

3.5-Conteúdo estático....................................................................................................593.5.1 – Temas (Templates)..........................................................................................59

3.5.1.1-Estrutura de um Tema Joomla.....................................................................613.5.1.2-Visão e edição do template.........................................................................623.5.1.3-Pré-visualização de estado..........................................................................623.5.1.4-Edição do Estilo Cascate............................................................................623.5.1.5-Menus..........................................................................................................63

3.6-Componentes e Plugins...........................................................................................653.6.1- Componente de Backup - Xcloner....................................................................66

3.6.1.1-Definição.....................................................................................................673.6.1.2-Instalação do componente...........................................................................673.6.1.3-Configurações.............................................................................................673.6.1.4-Ver backups.................................................................................................683.6.1.5-Gerar backup...............................................................................................683.6.1.6-Restauração de backups em localhost.........................................................703.6.1.7-Restauração dos backups em servidor remoto............................................71

3.6.2- Componente de Formulários - CKForms..........................................................733.6.2.1-Conceito......................................................................................................733.6.2.2-Instalação do Ckforms.................................................................................743.6.2.3-Configurando formulários...........................................................................753.6.2.4-Montando campos do formulario................................................................773.6.2.5-Publicando o Formulário no frontend do Site.............................................80

3.6.3-Componente Virtuemart.....................................................................................843.6.3.1-Funcionalidades do VM..................................................................................85

3.6.3.2-Instalação.....................................................................................................883.6.3.3-Instalação de Módulos e Plugins.................................................................903.6.3.4-Pacote de Idiomas.......................................................................................903.6.3.5-Configuração do VM...................................................................................913.6.3.6-Segurança....................................................................................................91


26

3.6.3.9-Inserção de produtos...................................................................................943.6.3.8-Virtuemart no Frontend...............................................................................953.6.3.9- Sistema de pagamento................................................................................98

3.6.4 – Componente Photoslide Gavick......................................................................993.6.4.1-Instalação.....................................................................................................993.6.4.2-Para acessar o componente........................................................................1003.6.4.3-Adicionando imagens no grupo................................................................1003.6.4.4-Exibição do slideshow no site...................................................................1013.6.4.5-Adição de posições modulares..................................................................1033.6.4.6-Visualizações Gavick................................................................................103

3.7-Plugins....................................................................................................................1053.7.1- Plugin AllVideos.............................................................................................105

3.7.1.1-Instalação do Allvideos 3.3.......................................................................1053.7.1.2-Habilitar o Allvideos.................................................................................1063.7.1.3-Extensões Allvideos..................................................................................1063.7.1.5-Síntese.......................................................................................................108

3.7.2- Editor JCE.......................................................................................................1083.7.2.1-Instalação do editor JCE............................................................................109

Capitulo 4 - Conclusão................................................................................................1114.1-Resumo do Relatório.............................................................................................1114.2-Objetivos realizados..............................................................................................1124.3-Bibliografia............................................................................................................1124.2-Glossário.................................................................................................................113


26

Índice de FigurasFigura 1 – Site da Ucdaves..............................................................................................15Figura 2 – Site do Portal de Tele-saúde Brasil................................................................16Figura 3-Logótipo do sistema Gnu..................................................................................24Figura 4- Logotipo do Apache........................................................................................26Figura 5-Base de dados Mysql........................................................................................28Figura 6-Criação do base de dados..................................................................................29Figura 7-Tabela de componentes Joomla........................................................................29Figura 8-Linguagem Php.................................................................................................30Figura 9-Xampp Painel de Controlo................................................................................34Figura 10-Xampp menu principal....................................................................................34Figura 11 - Separador PHP..............................................................................................35Figura 12 - Biorítmo do Xampp.......................................................................................36Figura 13-Phpmyadmin...................................................................................................36Figura 14 - Organização das pastas.................................................................................39Figura 15 - Htdocs joomla...............................................................................................40Figura 16 - Instalação do Joomla.....................................................................................40Figura 17 - Selecionar o Idioma da Instalação do Joomla...............................................41Figura 18 - Analise de pré- instalação.............................................................................41Figura 19 - Análise de pré- instalação.............................................................................42Figura 20 - Licença do Joomla........................................................................................42Figura 21 - Configuração do Base de dados do Joomla..................................................43Figura 22 - Configuração do FTP do Joomla..................................................................43Figura 23 - Configuração Principal do Joomla................................................................44Figura 24 - Fim da Instalação do Joomla........................................................................44Figura 25 - Erro de Instalação do Joomla........................................................................45Figura 26 - Joomla Framework.......................................................................................46Figura 27 - Portal de Telemedicina de Angola................................................................47Figura 28 - Painel de acesso à administração do site Joomla..........................................48Figura 29 - Painel de controlo do Joomla........................................................................48Figura 30 - Atalho de acesso rápido Joomla...................................................................51Figura 31 - Criando uma seção........................................................................................53Figura 32 - Nova categoria formada................................................................................54Figura 33 - Tela de criação de artigo...............................................................................55Figura 34 - Ferramentas de edição..................................................................................56Figura 35-Painel de estado..............................................................................................56Figura 36 - Parâmetros do artigo.....................................................................................56Figura 37 - Parâmetros avançados...................................................................................57Figura 40-Aplicação da quebra no frontend....................................................................57Figura 39-Artigo com Leia mais.....................................................................................58Figura 40-Instalação/Desinstalação.................................................................................60Figura 41-Carregando tema.............................................................................................60Figura 42-Seleção de temas.............................................................................................60Figura 43-Template do portal de Telemedicina...............................................................60Figura 44-Posições padrão do Template.........................................................................61Figura 45-Tela de configuração do tema.........................................................................62Figura 46 - Template CSS...............................................................................................63Figura 47- Publicação de um meno pelo administrador de módulos..............................64Figura 48-Administrador de itens de Menu.....................................................................64


26

Figura 49-administração de módulos..............................................................................64Figura 50-Definições de Menu........................................................................................65Figura 51-Criação de menus............................................................................................65Figura 52-Loggin Xcloner...............................................................................................67Figura 53-Tela inicial......................................................................................................67Figura 54-Configurações(Xcloner)..................................................................................68Figura 55-Vias para criação de backups..........................................................................68Figura 56-Criação de backup...........................................................................................69Figura 57-Opção de ficheiros..........................................................................................69Figura 58-backup bem sucedido......................................................................................69Figura 59-Análise do novo backup..................................................................................70Figura 60-View Backup..................................................................................................70Figura 61-Download Backup..........................................................................................70Figura 62-Descompacte o backup...................................................................................71Figura 63-Arquivos descompactados..............................................................................71Figura 64-Site Restaurado...............................................................................................71Figura 65-Download do Ck forms...................................................................................72Figura 66-Upload Ck.zip para joomla.............................................................................73Figura 67-Acessando Ckform..........................................................................................73Figura 68-Tela de configuração ck..................................................................................74Figura 69-Ckforms advance............................................................................................75Figura 70-formulário de teste após ser criado.................................................................76Figura 71-Criando Fildes (Campos)................................................................................76Figura 72-Criando Formulários.......................................................................................76Figura 73-Campo estilo texto..........................................................................................77Figura 74-Item de Formulário Tipo Botão.....................................................................78Figura 75-Opções de Botão.............................................................................................78Figura 76-Ck em item de Menu.......................................................................................79Figura 77-Item de menu-Ck............................................................................................79Figura 78-Formulário criado com o Ck Forms no Portal................................................80Figura 79-Lista de entidades cadastradas........................................................................80Figura 80- Utilizando verificação baseada em capcha....................................................81Figura 81-Campos de cadastro de médicos.....................................................................81Figura 82-Cadastro de médicos.......................................................................................82Figura 83-Médicos cadastrados.......................................................................................82Figura 84-arquivos do ficheiro.zip..................................................................................86Figura 85-Install-Unistall Virtuemart..............................................................................87Figura 86-Enviando Virtuemart para o site.....................................................................87Figura 87-Sucesso na instalação do VM.........................................................................87Figura 88-Painel de controle do Virtuemart....................................................................89Figura 89-Configurações gerais- Aba segurança............................................................89Figura 90-Ícone Loja Vm................................................................................................90Figura 91-Loja VM..........................................................................................................90Figura 92-Criação da categoria.......................................................................................91Figura 93-Criando categoria filha...................................................................................91Figura 94-Anexando Produto-Categoria.........................................................................91Figura 95-Lista de categorias..........................................................................................92Figura 96-Produtos Virtuemart........................................................................................92Figura 97-Adição de um novo produto...........................................................................93Figura 98-Inserindo item menu VM................................................................................93


26

Figura 99-Vm- administração de Menu..........................................................................93Figura 100-Item de Menu-VM........................................................................................94Figura 101-Edição do item de menu Vm........................................................................94Figura 102-VM-Top Menu..............................................................................................94Figura 103-Categorias no frontend..................................................................................95Figura 104-Serviços de telemedicina usando VM...........................................................95Figura 105-Envio para o carrinho de compras................................................................95Figura 106-Solicitação de um produto ao site.................................................................96Figura 107-Icone de Formas de Pagamento....................................................................96Figura 108-Formas de pagamento...................................................................................97Figura 109-Paint-atributos gavick...................................................................................98Figura 110-Escolha de grupos.........................................................................................99Figura 111-Lista de Imagens do grupo............................................................................99Figura 112-Habilitando módulo......................................................................................99Figura 113-Posições modulares.....................................................................................100Figura 114-Análise dos módulos do template...............................................................100Figura 115- Adicionar posição......................................................................................101Figura 116-Estilos do template......................................................................................102Figura 117-Estilo Bloco de thumbnails.........................................................................102Figura 118-Estilo Template...........................................................................................102Figura 119-Estilo Gavick (Rotação de imagens)...........................................................102Figura 120-Instalação bem sucedida do AllVideos.......................................................104Figura 196-Administração de Plugins...........................................................................104Figura 122-Mídias.........................................................................................................105Figura 123-Apresentação de um vídeo..........................................................................106Figura 124-Instalação do editor.....................................................................................107Figura 125- Tela de edição do Editor JCE....................................................................108


26

Capitulo 1 - Introdução

1.1 - Apresentação

Angola é um dos países Africanos em desenvolvimento onde se registram um

grande número de vítimas anualmente causadas pelas dificuldades em Recursos

Humanos capacitados no campo médico para um diagnostico rápido e preciso. É notável

a tendência apresentada por pessoas com recursos financeiros disponíveis em procurar

estes serviços no estrangeiro. A maioria da população fica sujeita a padecer nos

Hospitais com sessões intermináveis e inúteis (na maioria dos casos) de soros e

medicações, ou ainda fazendo uso de médicos tradicionais. A situação da população

rural é muito pior, pois existem muitos poucos centros hospitalares em todo o País.

Alguns dados retirados sobre angola:

População urbana: 57%

Crescimento demográfico: (2005 - 2010): 2,81%

Taxa de fecundidade (2006): 6,54

Taxa de natalidade (2002): 46 por mil

Taxa de mortalidade (2002): 25,8 por mil

Taxa de mortalidade infantil (est. 2006): 131,9/mil nascidos vivos (192º)

Expectativa de vida: 42,7 anos

Homem: 41,2 anos

Mulher: 44,3

Estrutura por idade (2002):

Menores de 15 anos: 47,7%

De 16 a 59 anos: 47,9%

Maiores de 60 anos: 4,4%

A Telemedicina consiste na quebra de fronteiras entre médicos, enfermeiros

locais e pacientes, diminuição das distancias globais entre pacientes, médicos e

hospitais através da internet. O objetivo consiste na criação de um meio intermediário

entre médicos e pacientes visando o melhor atendimento para o diagnostico de doenças.


26

1.2 - Objectivo

O objectivo principal do presente trabalho é a criação de um portal para a

internet com um conjunto de ferramentas integradas, capaz de diminuir as barreiras

provocadas pelas grandes distâncias geográficas entre médicos, enfermeiros e pacientes,

visando uma eficiente prestação de serviços na área de saúde para a Província de

Benguela.

1.3 - Objectivos complementares

Aprender a utilizar um sistema de CMS para a WEB;

Configurar um ambiente com servidor WEB, de Base de Dados e com

suporte a programação para a internet;

Gerir permissões de utilizadores em sítio da internet;

Utilizar ferramentas de backups e clonagem dinâmicas;

Fornecer informações básicas como primeiros socorros para iniciantes na

medicina, como público em geral.

Permitir a criação de serviços de intercambio entre profissionais de saúde

locais e estrangeiros;

Utilizar recursos de educação à distância para profissionais de saúde;

Iniciar novos trabalhos de estágio e investigação na área de Informática

em Saúde.

1.4 - Enquadramento

Com o intuito de melhorar as condições médicas no atendimento aos pacientes,

surgiu a Telemedicina. Onde a informática e a medicina unem esforços na criação de

meios inovadores e eficientes que melhorem o atendimento e prestação de serviços,

assim como a automação dos mesmos.


26

A telemedicina tem vindo a crescer significativamente sendo uma solução para

saúde em países em desenvolvimento como Angola, trazendo mais valias no tratamento

da saúde em Angola.

Atualmente existe uma grande quantia de aplicações sob licença livre no mundo

informático. A estratégia do projeto Telemedicina é usar essas ferramentas (tanto no

ambiente de testes, como na hospedagem) para a criação de um Portal, que permita criar

todo o complexo fluxo de aplicações Médicas em uma plataforma online.

1.5 - Plano de trabalho

Preparação de um ambiente de teste para a concepção do portal

Descarregar Xampp

Instalação do Xampp

Documentação

Criação do Portal Telemedicina

Descarregar o gestor de conteúdo Joomla

Instalação do gestor de conteúdo Joomla

Exploração da ferramenta Joomla.

Domínio da ferramenta livre Joomla

Manipulação dos templates, extensões, plugins(extras).

Gestão de utilizadores

Domínio na administração de utilizador

Instalação de Plugins

Allvideos- gestor e player de multimídia

Editores TINYMce

Registros de erros e solução descoberta.

Instalação de componentes

X Cloners backups

CK Forms

Virtuemart

Gavick 3

Registros de erros e solução descoberta


26

Documentação

.Implementação dos componentes

Backup do portal via Xcloner

Documentação

1.6 - Apresentação da entidade receptora

O Estágio foi realizado na própria Universidade Lusíada de Angola – Pólo de

Benguela, sendo orientado pelo Prof. Dr. João Alexandre Lôbo Marques.

A Universidade Lusíada de Angola iniciou suas atividades em 1999 nas áreas

econômica, jurídica e engenharia. Durante este período de existência, cresceu não só em

número de discentes, mas também em áreas de atividade, contando hoje com

Licenciaturas em Psicologia, Informática, Economia, Contabilidade, Gestão de

Empresas, Gestão de Recursos Humanos, Direito e Relações Internacionais.

A Universidade Lusíada de Angola orgulha-se da sua dimensão nacional e do

prestígio alcançado, principalmente, do contributo dado ao País na formação

universitária de uma parte significativa da sua juventude.

A verificação desta realidade tem exigido da ULA um contínuo esforço da

qualificação do seu corpo docente, de atualização dos seus equipamentos técnicos e

tecnológicos e de renovação das suas práticas pedagógicas, tendo sempre em vista um

ensino que apenas se subordina aos princípios da qualidade e do rigor científico.

A aquisição de uma consciência ética e social que determine o comportamento e

o procedimento científico e profissional é o suporte do projeto de formação integral da

Universidade Lusíada de Angola.

A ULA procura que os membros de sua comunidade universitária se distingam

pelas qualidades humanas antes e em simultâneo, na sua preparação cultural e alta

categoria profissional.

Para o sucesso do presente projeto de estágio, a Universidade permitiu a

utilização de todos os recursos materiais e humanos disponíveis para seu fim, tais como

o corpo docente da Instituição, laboratórios de informática, acesso à internet, dentre

outros.


26

1.7 - Pesquisa de mercado

Para melhor compreender o campo da telemedicina, a equipa deste portal fez

uma pesquisa de sites que trabalham no mesmo campo, entre estes se destacam Ucdavis

(http://www.ucdmc.ucdavis.edu/informatics/) este é um portal Inglês voltado para a

formação de profissionais na área de saúde, este têm um grande foco também na tele-

saúde;

Figura 1 – Site da Ucdaves

E o portal brasileiro http://www.telessaudebrasil. org.br/php/index.php?

portal=subportal1 , estes possuem um foco direcionado na informação e prestação de

serviços médicos através de artigos explicativos e vídeos com praticas medicas.

Figura 2 – Site do Portal de Tele-saúde Brasil


http://www.ucdmc.ucdavis.edu/informatics/

26

A análise destes portais trouxe ao portal de telemedicina importantes

informações acerca da atuação e importância destes na formação de profissionais na

área de saúde e no ensino de conceitos básicos a comunidade.

1.8 – Organização deste trabalho

O presente trabalho está organizado da seguinte maneira para melhor

compreensão do leitor interessado no assunto.

No Capítulo 2, é feita uma pesquisa sobre as principais tecnologias abordadas no

projecto, com destaque a infra-estrutura de servidores e soluções utilizadas para a

construção do portal.

Já no Capítulo 3 é apresentado o conjunto de soluções utilizadas para executar o

projecto desejado, partindo desde a instalação das ferramentas definidas até a sua

implementação e testes.

O Capítulo 4 apresenta um conjunto de discussões e as conclusões obtidas sobre

os temas estudados e a implementação prática realizada.


26

Capitulo 2 - Contexto

O presente Capítulo abordará todos os conceitos relacionados tanto à área de

telemedicina, quanto à área técnica de criação de portais para a WEB. O objectivo é

apresentar uma base completa para a criação efetiva do projecto desejado.

2.1 - Conceitos da Área de Telemedicina

Para uma melhor compreensão da área de informática aplicada à saúde que

iremos abordar como base para este projecto, será apresentado um conjunto de

definições de importantes termos da área, desde o conceito genérico de telemedicina até

os conceitos aplicados de educação à distância em saúde, entre outros.

2.1.1 - Telemedicina

A definição de Telemedicina é simplesmente a aplicação da arte médica a

distância sem que haja contato físico direto para criação, manutenção ou

complementação da relação médico-paciente utilizando para tanto um meio de

comunicação entre os pontos interessados. Essa é uma definição abrangente que começa

relacionando a arte médica que envolve contato com o paciente, diagnóstico, tratamento

ou até intervenção cirúrgica com qualquer meio de comunicação que possa unir dois ou

mais pontos distantes fisicamente desde cartas escritas até prontuários de pacientes

eletrônicos interligados por rede wireless (sem fio).

Ao contrário do que se possa pensar que a relação médico-paciente não possa ser

estabelecida de uma maneira satisfatória devido a distância entre as duas partes para um

paciente é muito importante que se possa contar sempre com a opinião, aconselhamento

ou intervenção de médicos escolhidos por ele, por exemplo, durante uma viagem.

De acordo com a ATA ( American Telemedicine Association ), a Telemedicina é

"o uso de informação médica veiculada de um local para outro, por meio de

comunicação eletrónica, visando à saúde e educação dos pacientes e do profissional

médico, para assim melhorar a assistência de saúde


26

Em outra definição dada pelo Current Medical Diagnosed & Treatment 2000,

Telemedicina é "o uso de informação eletrônica e outras tecnologias de comunicação

para proporcionar e dar suporte à saúde quando a distância separa os participantes do

processo".

Finalmente o Current Medical Diagnosed & Treatment 2000, afirma que

Telemedicina é "o uso de informação eletrônica e outras tecnologias de comunicação

para proporcionar e dar suporte à saúde quando a distância separa os participantes do

processo".

2.1.2 - Telessaúde

A base de um atendimento médico é a troca de informações sobre a saúde de um

paciente. Neste atendimento podem estar envolvidos, além do paciente, diversos

profissionais de saúde, como médicos, enfermeiros, fisioterapeutas, psicólogos, pessoal

de laboratório, etc. Há numerosas maneiras de executar estas trocas: via oral (mais

comum), escrita, gráfica e por imagens.Hoje, estas trocas podem ser realizadas através

de processos digitais (armazenamento, recuperação e comunicação). Telessaúde é

justamente a troca de informações sobre o paciente através de processos digitais à

distância fazendo-se uso de sistemas de telecomunicações. Informações digitais

apresentam a vantagem da fácil reprodução, pequeno volume de armazenagem (fitas

magnéticas, etc., em relação a documentos em papel), e transmissão, que pode ser em

tempo real ou não através de redes, respeitando-se claro, questões de qualidade da

informação, ética, segurança e sigilo.

A viabilidade de implantação destes processos na prática clínica depende

diretamente da utilização de recursos tecnológicos especiais (equipamentos e

softwares), do uso adequado de sistemas de telecomunicação, e da capacitação de

recursos humanos para sua instalação, utilização e manutenção.

A infra-estrutura tecnológica necessária varia de acordo com a complexidade do

processo, podendo-se utilizar desde sistemas de telefonia convencional até sistemas de

redes digitais de alta velocidade, permitindo a troca de grandes.

A Telessaúde atua facilitando a troca de informações médicas entre pacientes

distantes. Existem várias aplicações que podem servir para esse fim, no entanto, elas


26

ainda se restringem a obtenção de dados para fins de diagnóstico, aprendizado e

acompanhamento de pacientes.

2.1.3 - Tele-diagnóstico

No Tele-diagnóstico são realizadas consultas remotas sobre informações

médicas do paciente e um posterior atendimento do mesmo para fins de diagnóstico.

Geralmente ocorre em tempo real, por meio de intercâmbio de texto, áudio, imagens

estáticas (como radiografia, ECG) e vídeo entre dois pontos. Os sistemas de segunda

opinião médica pertencem a essa modalidade, assim como o suporte dado por centros

médicos mais especializados a postos de saúde remotos, pequenos hospitais rurais,

prisões, locais isolados (plataformas petrolíferas, por exemplo), locais móveis (aviões,

navios), fronts de guerra, locais de sinistros e epidemias, e muitos outros.

A consulta remota, em base de dados, ao registro do(s) paciente(s) também é

usada atualmente com a finalidade de diagnosticar, pois, permite recuperar informações

multimídia sobre o mesmo e proporciona o seu acesso de qualquer parte do mundo,

utilizando-se um método denominado store and forward (armazena e envia).

2.1.4 - Tele-cirurgia

Realização de procedimentos cirúrgicos remotamente. Por meio de sinais

visuais, auditivos e tácteis entre o local onde está o cirurgião e o local onde está o

paciente, utilizando-se equipamentos de manipulação remota de instrumentos,

comprovou-se ser possível uma intervenção cirúrgica à distância (embora isto ainda

esteja em domínio experimental).


26

2.1.5 - Tele-monitoração

Utilização de equipamento especial para registar dados vitais de um paciente e

enviá-los continuamente a um centro remoto de análise, interpretação e alerta. Alguns

exemplos desta aplicação a monitoração cardíaca transtelefônica (cardiobipe), a

monitoração de pacientes com gravidez de risco, ou de pacientes deficientes ou

imobilizados em casa.

2.1.6 - Educação à distância aplicada à Saúde

Consiste na formação a distância utilizando tecnologias de comunicação e

informação. Este é um caso especial que também pode ser considerada uma aplicação

quando realizada para o treinamento clínico. O uso da videoconferência, o acesso a

bancos de informação em saúde para o ensino e a educação usando a Internet são

exemplos recentes desta tecnologia.

2.1.7 - Teleconsulta

É um processo assistencial, onde o paciente é atendido por um ou mais médicos

à distância. Neste serviço o paciente tem acesso á profissionais de saúde de outras

localidades ou especialidades através de uma sessão de conferência bi-direcional

multimídia (troca de áudio, vídeo e dados). A consulta ou ambulatório ocorre entre dois

sites remotos visando à assistência ao paciente. Em um site encontra-se o paciente

acompanhado por seu médico assistente ou enfermeira, e no outro site o(s) médico(s)

consultor(es). Neste processo é possível transmitir, a qualquer distância, além do aúdio

e vídeo dos participantes da sessão, dados demográficos ou clínicos do paciente

(historio clínico, exames de imagens, etc.).


26

2.2- Sistemas Informáticos para o Portal

2.2.1 - Sistema gestor de conteúdo

Um Sistema de Gestão de Conteúdo - SGC, (em inglês Content Management

Systems - CMS), é um sistema de gestão de websites, portais e intranets. Este sistema

integra ferramentas necessárias para criar, gerir (editar e inserir) conteúdos em tempo

real, sem a necessidade de programação de código. O principal objetivo destes sistemas

consiste em permitir uma fácil criação, estruturação, administração, distribuição,

publicação e disponibilidade da informação.

Os CMS são caracterizado pelas grandes quantidades de funções presentes. são

frameworks ou seja ¨esqueletos¨ de websites pré-programados, com recursos básicos de

manutenção e administração já prontamente disponíveis.

Um CMS permite que a empresa tenha total autonomia sobre o conteúdo e

evolução da sua presença na internet e dispense a assistência de terceiros ou empresas

especializadas para manutenções de rotina.

A aparência de um website criado com um CMS é editavel, através da utilização

de temas ou templates que podem ser facilmente substituídos.

Em suma, o grande diferencial de um CMS é permitir que o conteúdo de um website

possa ser modificado de maneira rápida e segura por qualquer computador ligado à

Internet. Um sistema de gestão de conteúdo reduz custos e ajuda a suplantar barreiras

potenciais à comunicação web, reduzindo o custo da criação, contribuição e manutenção

de conteúdo.

Um grande exemplo de CMS é o Wordpress, um sistema em PHP, Open Source

e de altíssima qualidade para gerir blogs ou portais cada vez mais completos. Outro

exemplo, é o CMS Joomla, também feito em linguagem PHP e integrado ao base de

dados MySQL.

No portal de telemedicina do presente trabalho será utilizado o sistema gestor de

conteúdo Joomla.

2.2.2 - Ambiente de Criação de web sitesRelatório de estágio de informática – Portal de Telemedicina para a Província de Benguela

26

Antes de iniciarmos a criação do portal, é necessário que tenhamos uma infra-

estrutura de programas para a instalação e testes de todas as funcionalidades do que for

desenvolvido. Para isto, uma das opções disponíveis para criar um ambiente de testes

para sistemas WEB é o software XAMPP.

O XAMPP é um servidor independente de plataforma desenvolvido pelo grupo

Apache Friends, este é um software livre, que consiste principalmente na base de dados

MySQL, o Servidor Web Apache e os interpretadores para linguagens de script: PHP e

Perl. O nome provém da abreviação de X (para qualquer dos diferentes sistemas

operativos), Apache, MySQL, PHP, Perl.

O programa está sob a licença GPL e atua como um servidor Web livre, fácil de

usar e capaz de interpretar páginas dinâmicas. Atualmente XAMPP está disponível para

Microsoft Windows, GNU/Linux, Solaris, e MacOS X.

Este somente requer a descompactação de um arquivo zip que pode ser obtido a

partir do Site http://www.baixaki.com.br/ download / xampp .htm , através de um Winzap

ou 7zip. Este vem com algumas pequenas configurações específicas ao sistema em

alguns de seus componentes necessários para o funcionamento do servidor Web. O

Xampp é regularmente atualizado para incorporar as últimas versões de

Apache/Mysql/PHP e Perl. Também são incluídos outros módulos como OpenSSL, e

Phpmyadmin.

Oficialmente, os desenvolvedores do XAMPP só pretendiam usá-lo como uma

ferramenta de desenvolvimento, para permitir aos programadores de websites e

programadores testarem o seu trabalho nos seus próprios computadores, sem necessitar

acesso algum à Internet. Na prática atual, XAMPP é utilizado atualmente para servir

sites Web na WWW, e com algumas modificações é geralmente seguro para uso em

servidor público. Uma ferramenta especial é incluída para proteger facilmente as partes

mais importantes e sensíveis do pacote.

Para Angola este tipo de aplicações é importante, pois este ambiente permite a

criação de inúmeros projetos a partir do computador pessoas, de maneira fácil, dando

enumeras opções de teste, reconfiguração, criação.

Para este Site de telemedicina, Xampp será um fator chave, pois será a raiz do

Joomla, que fará o armazenamento das Páginas no Mysql, as paginas serão escritas

usando a Linguagem PHP e Perl, e guardadas no servidor Web Apache.


http://www.baixaki.com.br/download/xampp.htm

26

2.2.3 - GNU GPL- Licença pública geral

Os termos GNU GPL designam uma licença atribuída para os softwares livres

idealizada por Richard Stallman no final da década de 1980, no âmbito do projeto GNU

da Free Software Foundation (FSF).

A GPL é a licença com maior utilização por parte de projetos de software livre,

em grande parte devido à sua adoção para o projeto GNU e o sistema operativo

GNU/Linux.

A GPL é baseada em 4 liberdades:

I. A liberdade de executar o programa, para qualquer propósito (liberdade

nº 0)

II. A liberdade de estudar como o programa funciona e adaptá-lo para as

suas necessidades (liberdade nº 1). O acesso ao código-fonte é um pré-

requisito para esta liberdade.

III. A liberdade de redistribuir cópias de modo que se possa ajudar o seu

próximo (liberdade nº 2).

IV. A liberdade de aperfeiçoar o programa, e liberar os seus

aperfeiçoamentos, de modo que toda a comunidade se beneficie deles

(liberdade nº 3). O acesso ao código-fonte é um pré-requisito para esta

liberdade.

Com a garantia destas liberdades, a GPL permite que os programas sejam

distribuídos e reaproveitados, mantendo, porém, os direitos do autor por forma a não

permitir que essa informação seja usada de uma maneira que limite as liberdades

originais. A licença não permite, por exemplo, que o código seja apoderado por outra

pessoa, ou que sejam impostos sobre ele restrições que impeçam que seja distribuído da

mesma maneira que foi adquirido.

Esta foi originalmente publicada em Janeiro de 1989, e atualmente esta

encontra-se na versão chamada de GPLv3 e o primeiro esboço foi publicado em 16 de

Janeiro de 2006, sendo a versão final lançada em 29 de Junho de 2007. A GPL tem sido

descrita como “viral” por muitos críticos porque ela apenas permite programas inteiros,


26

o que significa que não é permitido aos programadores linkar seu projeto a bibliotecas

sob licenças incompatíveis à GPL.

Figura 3-Logótipo do sistema Gnu

Em 2001, Steve Ballmer, da Microsoft referiu-se ao Linux como "um cancro que

se junta à propriedade intelectual e contamina tudo que toca". Porém, críticos alegam

contra Microsoft que o verdadeiro motivo para a empresa atacar a GPL é o fato desta

licença "resistir às tentativas dos direitos de propriedade intelectual convencionais se

estenderem sobre todas as criações e inovações da área".

Em resposta aos ataques da Microsoft à GPL, muitos desenvolvedores e

defensores de Softwares Livres fizeram uma proclamação conjunta a favor da licença.

Um importante desafio deste portal será a aplicação de tecnologias baseadas em

GPL provando que é possível criar aplicações complexas com custo zero.

2.2.4 - Servidor Web Apache

O Apache é o servidor Web mais conhecido e usado. Os motivos incluem o seu

excelente desempenho, segurança, compatibilidade com diversas plataformas e todos os

seus recursos. Este não só executa o HTTP, como outros protocolos, tais como o

HTTPS (O HTTP combinado com a camada de segurança SSL - Secure Socket Layer), o

FTP (Protocolo de transferência de ficheiro), entre outros.

Histórico


26

O programa conhecido como HTTP Apache surgiu no Centro Nacional de

aplicações em Super computadores (NCSA) através do trabalho de Rob McCool. Ao

sair da NCSA, McCool parou de trabalhar no software (que nessa época recebia

justamente a denominação NCSA) e então várias pessoas e grupos passaram a adaptar o

servidor Web às suas necessidades. No entanto, foram Brian Behlendorf e Cliff

Skolnick os principais responsáveis pela retomada do projeto, contando logo em seguida

com o apoio de Brandon Long e Beth Frank. Estes últimos tinham a tarefa de continuar

com o desenvolvimento do servidor pela NSCA, não demorou muito para que eles se

juntassem ao Grupo Apache. Após uma série de aperfeiçoamentos, testes e de uma

documentação nova (feita por David Robinson), o Apache 1.0 foi lançado em Dezembro

de 1995.

Características e especificações

O Servidor Apache é um software livre, o que significa a liberdade de

modificação do código-fonte, estudo, além de poder ser utilizado gratuitamente.

É graças a essa característica que o software foi (e continua sendo) melhorado

com o passar dos anos. Graças ao trabalho muitas vezes voluntário de vários

desenvolvedores, o Apache continua sendo o servidor Web mais usado no mundo.

Além de estar disponível para o Linux (e para outros sistemas operacionais

baseados no Unix), o Apache também conta com versões para o Windows, para a Novell

Netware, e para o OS/2, o que o torna uma ótima opção para rodar em computadores

obsoletos (desde que este atenda aos requisitos mínimos de hardware).

O servidor Apache é capaz de executa código em PHP, Perl, Shell Script e até

em ASP e pode atuar como servidor FTP, HTTP, entre outros. Sua utilização mais

conhecida é a que combina o Apache com a linguagem PHP e o base de dados Mysql.

A exigência de hardware do Apache depende de sua aplicação, mas um PC

Pentium com 64 MB de memória RAM é capaz de executá-lo tranquilamente em um

ambiente corporativo pequeno. No entanto, quando se trata de um site na internet, é

interessante ter máquinas tão poderosas quanto o que exige o nível de acesso.


26

Figura 4- Logotipo do Apache

Importância no Portal de Telemedicina

Para a criação do site Telemedicina, o Apache será uma ferramenta crítica, pois

graças a este servidor, as páginas do Site serão fornecidas ao utilizador através do

protocolo http().

2.2.5 - Base de dados Mysql 5.0

O Mysql é um sistema de gestão de base de dados (SGBD), que utiliza a

linguagem SQL (Linguagem de Consulta Estruturada) como interface.

Hoje em dia, é uma das bases de dados mais conhecidas, com mais de 10 milhões de

instalações pelo mundo. A nível mundial este é bastante utilizado, entre seus

utilizadores temos: NASA, HP, Nokia, Sony,U.S. Army, U.S. Federal,Cisco Systems,

Google e outros. Empresas como Yahoo! Finance, MP3.com, Motorola, NASA, Silicon

Graphics e Texas Instruments usam o MySQL em aplicações de missão crítica.

Historia

Este foi desenvolvido na Suécia por dois suecos e um finlandês: David Axmark,

Allan Larsson e Michael Widenius, atualmente seu desenvolvimento e manutenção

empregam aproximadamente 400 profissionais no mundo inteiro, e mais de mil

contribuem testando o software, integrando-o a outros produtos, e escrevendo a respeito

dele. No dia 16 de Janeiro de 2008, a Mysql AB, desenvolvedora do Mysql foi adquirida

pela Sun Microsystems, por US$ 1 bilhão, um preço jamais visto no sector de licenças

livres. No dia 20 de Abril de 2009 a Oracle compra a Sun Microsystems e todos o seu

produtos, incluindo o Mysql. Após investigações da Comissão Europeia sobre a


26

aquisição para evitar formação de monopólios no mercado a compra foi autorizada e

hoje a Sun faz parte da Oracle.

Características

As características responsáveis pelo seu sucesso e preferência são:

1. Portabilidade, ou seja, capacidade de suportar praticamente qualquer plataforma

atual;

2. Compatibilidade graças aos seus drives ODBC, JDBC e. NET e módulos de

interface para diversas linguagens de programação, como Delphi, Java, C/C++,

C#, Visual Basic, Python, Perl, PHP, ASP e Ruby);

3. Excelente desempenho e estabilidade, para além de ser pouco exigente quanto a

recursos de hardware e sua facilidade de uso;

4. É um Software Livre com base na GPL;

5. Contempla a utilização de vários Storage Engines como MyISAM, InnoDB,

Falcon, BDB, Archive, Federated, CSV, Solid…

6. Suporta controle transactional; Triggers(rotinas que desencadeam acções no

sistema); Cursors (Non-Scrollable e Non-Updatable); Suporta Stored

Procedures e Functions;

7. Replicação facilmente configurável e Interfaces gráficas (MySQL Toolkit) de

fácil utilização cedidos pela MySQL Inc.

O Mysql nos dias de hoje suporta Unicode, Full Text Indexes, replicação, Hot

Backup, GIS, OLAP e muitos outros recursos.

O sucesso do Mysql deve-se em grande medida à fácil integração com o PHP

incluído, quase que obrigatoriamente, nos pacotes de hospedagem de sites da Internet

oferecidos atualmente.


Este fator vai auxiliar na fase de hospedagem do Site Telemedicina, guardando

toda informação do site.


26

Na fase de testes do Site telemedicina, O Mysql esta integrado com o Xampp,

sua função consiste em receber toda a informação do Site (Tabelas, conteúdo,

componentes, Plugins) e armazená-la.

Figura 5-Base de dados Mysql

Na tela anterior, pode se visualizar o gestor do Base de dados Mysql no ambiente

de testes Xampp usado na criação do Site Telemedicina, durante a fase de teste usando o

Xampp, a base Mysql poderá ser acessada e modificada através da ferramenta

phpmyadmin, ou usando o caminho http://localhost/phpmyadmin / , abaixo estão algumas

telas do Phpmyadmin, mostrando a Base de dados Mysql.

A seguir, encontra-se uma figura todos os bancos de dados existentes no sistema

de testes.

Figura 6-Criação do base de dados

Clicando sobre o base de dados de nome Jos_joomla, são disponibilizados todas

as tabelas pertencentes ao Site de telemedicina.


http://localhost/phpmyadmin/

26

Figura 7-Tabela de componentes Joomla

Todos os componentes, tabelas e pluggins do Site Telemedicina estão

registrados nesta seção. Para uma melhor segurança convêm utilizar-se uma ferramenta

de back-up, para melhor se proteger os componentes da base de dados, este sistema

utiliza o Xcloner, ferramenta que clona, guarda e comprime todos os dados existentes

no base de dados.

2.2.6 – Linguagem de Programação PHP

O PHP é uma linguagem preparada para criar conteúdo Web dinâmico, ou seja é

uma linguagem de preparação e controle de Hipertexto, ou seja,este é uma linguagem

de programação de computadores interpretada, livre e muito utilizada para gerar

conteúdo dinâmico na World Wide Web.

Figura 8-Linguagem Php

Historia


26

A linguagem Php surgiu por volta de 1994, como um pacote de programas CGI

criado por Rasmus Lerdorf, com o nome Personal Home Page Tools (Ferramentas para

páginas caseiras e pessoais), para substituir um conjunto de scripts Perl que ele usava no

desenvolvimento de sua página pessoal. Em 1997 foi lançado o novo pacote da

linguagem com o nome de PHP/FI, trazendo a ferramenta Forms Interpreter, um

interpretador de comandos SQL.Mais tarde, Zeev Suraski desenvolveu o analisador do

PHP 3 (contava com o primeiro recurso de orientação a objetos, que dava poder de

alcançar alguns pacotes, tinha herança e dava aos desenvolvedores somente a

possibilidade de implementar propriedades e métodos), pouco depois, Zeev e Andi

Gutmans, escreveram o PHP 4, dando mais poder à máquina da linguagem e maior

número de recursos de orientação a objetos.

PHP 5

Em Junho de 2004 foi lançada a versão 5 do PHP, introduzindo um novo modelo

de orientação a objeto, incluindo a reformulação dos construtores e adição de

destructores, visibilidade de acesso, abstração de objeto e interfaces de objetos.

O tratamento de objetos do PHP foi completamente reescrito, permitindo um

desempenho melhor e mais vantagens. Enquanto na versão anterior era preciso muito

esforço para atender à orientação a objetos e aos padrões de projeto (alguns não eram

possíveis), o PHP 5 veio para suprimir esta deficiência.O Php é uma linguagem

extremamente modularizada, o que a torna ideal para instalação e uso em servidores

Web. Diversos módulos são criados no repositório de extensões PECL (PHP Extension

Community Library) e alguns destes módulos são introduzidos como padrão em novas

versões da linguagem. É muito parecida, em tipos de dados, sintaxe e mesmo funções,

com a linguagem C e com a C++, é caracterizada pela sua velocidade e robustez,

portabilidade (independência de plataforma) ou seja, o objectivo é escrevendo uma vez,

esta roda em qualquer lugar, tipagem fraca, sintaxe similar a C/C++ e o Perl.

HP tem suporte aos protocolos: IMAP, SNMP, NNTP, POP3, HTTP, LDAP,

XML-RPC, SOAP. É possível abrir sockets e interagir com outros protocolos. E as

bibliotecas de terceiros expandem ainda mais estas funcionalidades.

Aplicações


26

Uma aplicação feita em PHP pode ser, dependendo da configuração do servidor,

envolvida no código HTML.

Existem versões do PHP disponíveis para os seguintes sistemas operacionais:

Windows, Linux, FreeBSD, Mac OS, OS/2, AS/400, Novell Netware, RISC OS, AIX,

IRIX e Solaris.A Wikipédia é um exemplo, de aplicações Web que funcionam sobre um

software inteiramente escrito em PHP, usando bases de dados MySQL: o MediaWiki.

Construir uma página dinâmica baseada em bases de dados é simples com PHP,

(em parte, vale lembrar), este provê suporte a um grande número de bases de dados:

Oracle, Sybase, PostgreSQL, InterBase, MySQL, SQLite, MSSQL, Firebird, etc.,

podendo abstrair o banco com a biblioteca ADOdb, entre outras.

Filosofia

A linguagem PHP é uma linguagem de programação de domínio específico, ou

seja, seu escopo se estende a um campo de atuação que é o desenvolvimento Web,

embora tenha variante como o PHP-GTK. Seu propósito principal é de implementar

soluções Web velozes, simples e eficientes.


Esta linguagem é aplicada na criação de conteúdo dinâmico, o Gestor de

conteúdo Joomla é uma aplicação baseada em Php5, e este será o grande responsável

pela criação do Joomla, desde a criação e gestão de templates (temas), módulos,

plugins, extensões entre outros componentes do site Telemedicina.


26

Capitulo 3 - Desenvolvimento especifico

Neste capitulo, serão descritos todos os processos que ocorreram na criação do

Portal de Telemedicina de Benguela, ou seja, instalação do ambiente de testes Xampp,

instalação do sistema gestor de conteúdo Joomla (neste falaremos do seus conteúdo

estático, dinâmico, organização do backend e do frontend, funcionamento do sistema de

permissão, organização de conteúdo, componentes e plugins).

3.1 - Ambiente de testes XAMPP

Para implantar um ambiente de testes de aplicações WEB, foi utilizada uma

ferramenta denominada XAMPP definida no capitulo anterior, que agrega um conjunto

de funcionalidades em um único pacote, facilitando a sua instalação e uso Nos Sistemas

operacionais Windows XP/Vista/7/98/2000/2003

Antes de instalar o XAMPP podemos criar um ponto de restauração do

Windows, assim, se não gostar do programa ou se ele não funcionar corretamente, você

pode simplesmente restaurar o sistema para um ponto anterior à instalação do programa.

Para instalar, o XAMPP necessita de uma pequena fração do tempo necessário para

instalar e configurar programas separadamente.

3.1.1 - Instalação do XAMPP

A instalação do sistema XAMPP é muito simples e segue o padrão das

instalações de sistemas para ambientes operativos Windows.

Deve-se atentar para a definição do directório padrão onde o Xampp será

guardado, pois é possível fazer a alteração deste para a sua necessidade.

3.1.2 - Estrutura do XAMPP


26

O Xampp possui um Painel de controlo que identifica quatro diferentes serviços.

Deve-se clicar em Start tanto no Apache como no Mysql, com o objetivo de habilitar

ambos.

Figura 9-Xampp Painel de Controlo

Em seguida, deve-se abrir o administrador do Apache, para isso deve-se clicar

no botão “Admin”’. O navegador será aberto e deve-se selecionar a opção de linguagem

para o Xampp, selecione a linguagem Português.

Em seguida, é aberta a página principal do Xampp, conforme a Figura a seguir, e

nela pode-se ver e alterar diversos parâmetros do sistema, como todas as definições de

segurança, Status, informações acerca do PHP utilizado pelo Sistema. Podemos chegar

directamente a esta tela colocando o endereço http://localhost/ xampp /index.php no

navegador.

Figura 10-Xampp menu principal

3.1.3 - Menu do Xampp


http://localhost/xampp/index.php

26

Na página inicial que é nomeada como index.php do sistema Xampp, são

visualizadas informações divididas em 4 separadores nomeadamente:

Xampp

Demo

Ferramentas

Especiais

No separador acima se visualiza hiperlinks que dão acesso a telas de Boas

Vindas, Status do sistema, Segurança, Documentação, Componentes, e informações

acerca do Php obtidas pelo comando Phpinfo(), conforme pode ser visto na Figura a

seguir.

Figura 11 - Separador PHP

Podemos visualizar também algumas aplicações divertidas do Xampp, que

demonstram exemplos de como utilizar código Php. Por exemplo temos o programa

Bioritmo, que é uma aplicação pede a data de nascimento ao utilizador, e retornara o

estado Intelectual, emocional e Físico durante o mês de aniversário do utilizador.

Se quiser fazer uma aplicação idêntica ou baseada nas Aplicações de

Demonstração, o Xamp disponibiliza o código fonte, basta clicar em veja o código fonte

e copiá-lo.


26

Figura 12 - Biorítmo do Xampp

3.1.4 - Ferramentas

PhpMyAdmin – Uma ferramenta importante que vem com o Xampp é o

Phpmyadmin. Esta tela é uma console da base de dados Mysql. Nesta ferramenta é

possível realizar operações diretamente no Mysql, nomeadamente criação de base de

dados, consulta, criação das tabelas, edição, monitoramento, etc.

Nota: É uma aplicação muito sensível do Xampp é preciso muita cautela na hora

de entrar nesta secção.

Figura 13-Phpmyadmin


26

Mercury Mail – é uma ferramenta de envio de mensagens. Oferece servidores

SMTP, POP3 que atendem tranquilamente empresas com até 50 utilizadores ele também

conta com sistemas integrados de antivírus, ferramenta de administração de senhas via

internet e não possui limite de contas de e-mail.

FileZilla FTP Server – Esta ferramenta na realidade é um servidor Ftp de

código aberto (open source) para Windows NT, 2000, XP e Vista . A ferramenta suporta

o protocolo FTP e FTPS (FTP over SSL/TLS).

Nota1: FTPS (abreviação de: FTP/SSL) é um nome usado para indicar que o

software FTP proporciona uma transferência de arquivos segura. Envolve o uso de um

protocolo FTP SSL/TLS de criptografia no controle de canais FTP.

Nota 2: SSL é uma camada do protocolo de rede, situada exatamente abaixo da

camada de aplicação com a responsabilidade de gerir um canal de comunicação seguro

entre o cliente e o servidor. Este foi desenvolvido pela Netscape Communications

Corporation e, atualmente é aplicado na maioria dos browsers da WWW. A palavra-

chave https:// é usualmente empregada para designar uma conexão segura. O SSL

encontra-se atualmente na versão 3.0.

3.2 - Gestor de Conteúdo Joomla

3.2.1 – Conceito

O Joomla é um Sistema de Gestor de Conteúdo (em inglês, Content

Management System) gratuito, registado sob licença GNU GPL, e de código aberto. Por

ser tão completo, pode ser considerado um framework (conjunto de ferramentas) que

permite a criação de conteúdo dinámico para aplicação em Web permitindo a

publicação on-line de informações em sites na Internet ou intranet.

Partindo de uma interface baseada em navegadores de rede pode-se manipular

conteúdo diretamente no website, com o controle dinâmico de páginas, criação de listas

de trabalho, manipulação de imagens de produtos, conteúdo flash utilizando simples

aplicações complementares, dentre outras funcionalidades. Assim, é possível a criação


26

de uma quantidade virtualmente ilimitada de seções ou de páginas de conteúdo em seu

site.

É uma solução desenvolvida por meio da linguagem PHP e utiliza o base de

dados MySQL, ambos software livres, assim como ele próprio.

3.2.2-Portabilidade

Como o PHP e o MySQL são multiplataformas, o Joomla pode ser instalado em

qualquer servidor web que suporte a instalação destes, como por exemplo o Servidor

Web Apache no Linux e o servidor web da Microsoft, o IIS.

Obs. Na concepção, instalação e implementação deste portal de telemedicina,

ocorreram diversos erros, estes serão detalhados no fim de cada assunto.

3.2.3 - Vantagens do Joomla 1.5

A seguir estão listadas algumas vantagens conhecidas deste sistema

mundialmente utilizado.

Gerar cache de páginas que melhora seu desempenho;

Versão para impressão de páginas;

Criação de Blogs;

Sistema simples de fluxo de aprovação;

Arquivamento para conteúdo não utilizado (lixeira);

Gestão de banners (publicidade);

Sistema de publicação para o conteúdo;

Sumário de conteúdo no formato RSS;

Busca otimizada (qualquer palavra registrada);

Fácil instalação para novos templates, módulos e componentes;

Hierarquia para grupos de utilizadores;

Estatísticas básicas de visitantes (existem módulos mais complexos que

podem ser adicionados);

Editor de conteúdo WYSIWYG;


26

Sistema de enquete simples (com acompanhamento de resultado em

tempo real);

Sistemas de índices de avaliação;

Extensões livres em diversos sites (módulos, componentes, templates,

traduções).

Frontend já traduzido em várias línguas.

3.2.4 - Estrutura da pastas

A estrutura de pastas do sistema Joomla quer seja em servidor local ou mesmo

em um ambiente real de produção está organizada da seguinte maneira:

Figura 14 - Organização das pastas

Nas pastas administrator e templates ficam armazenados, basicamente, o

ambiente de administração (também chamado de BACK-END) e os temas do Joomla.

As outras pastas contêm os módulos, componentes e outros recursos para exibição de

conteúdo do site.

3.2.5 - Instalação em ambiente de testes


26

O Portal de Telemedicina de Benguela foi desenvolvido num ambiente de testes

do CMS Joomla, sendo a seguir descritos os passos para sua instalação através de telas e

breves instalações:

Tendo o ambiente Xampp instalado, o ficheiro compactado do Joomla 1.5 deve

ser descompactado no diretório denominado Htdocs, dentro da estrutura de pastas do

XAMPP.

Figura 15 - Htdocs joomla

No browser (Opera, Internet Explorer, etc.) do computador, deve ser inserido o

caminho para o instalador do CMS.

Figura 16 - Instalação do Joomla

A primeira tela que aparecera será a de seleção de idioma para a instalação, esta

linguagem será aplicada apenas para a instalação do sistema e não para o futuro Portal.


26

Figura 17 - Selecionar o Idioma da Instalação do Joomla

A seguir existe uma tela de verificação de requisitos para o sistema, o instalador

analisa se o sistema Host possui todos os requisitos para suportar o sistema, como

versão do Php e suportes adicionais.

Figura 18 - Analise de pré- instalação


26

Figura 19 - Análise de pré- instalação

A seguir uma tela mostra os parâmetros da licença GNU/GPL, garantido as

liberdades de manipulação do sistema citadas anteriormente, cláusulas a serem

respeitadas.

Figura 20 - Licença do Joomla

Na página a seguir é feita a configuração da base de dados, é uma fase muito

sensível, onde inúmeros erros podem ocorrer. Para evitar erros, siga as explicações que

se seguem:

Para o tipo de dados selecionamos Mysql;

Para o nosso caso inicial em que estamos instalando o Joomla em nossa própria

máquina o servidor é identificado como localhost; enquanto que o nome do utilizador

padrão para o MySQL é root.


26

Nota: Neste momento, o utilizador encontra-se sem senha, conforme a instalação

padrão do MySQL que acompanha o XAMPP. Assim, não se deve inserir senha na

instalação de localhost. Neste momento, está se fazendo a configuração do MySQL.

Cuidado para não confundir este utilizador com o utilizador do Joomla.

A seguir deve-se atribuir um nome_ prefixo para as tabelas da base de dados, em

telemedicina usei o prefixo Jos.

Figura 21 - Configuração do Base de dados do Joomla

Nesta tela temos a possibilidade de configurar um servidor de FTP (Protocolo de

transferência de ficheiro) para o Joomla. Convêm manter-se a configuração padrão

dando apenas clique em próximo.

Figura 22 - Configuração do FTP do Joomla


26

A seguir é possível dar um nome para o Site que está sendo criado, colocar um

email de encaminhamento de mensagens, e ativar os exemplo de conteúdo

(originalmente o portal vem vazio,colocando o exemplo de conteúdo teremos

categorias,sessões e artigos exemplos no nosso portal).

Figura 23 - Configuração Principal do Joomla

Se o utilizador for iniciante no joomla convém instalar o exemplo de conteúdo,

pois encontra-se um conjunto de demonstrações de conteúdos no site ensinando como

criar artigos, enquetes, etc.

Na Figura a seguir temos tela final de instalação. Ao chegar aqui conseguimos

com sucesso a instalação do Joomla.

Figura 24 - Fim da Instalação do Joomla


26

Após a conclusão, conforme avisado na tela de instalação, é necessário eliminar

a pasta Installation existente dentro da pasta joomla, para isso siga o caminho C:\

xampp\htdocs\jooomla.

3.2.6-Erros ocorridos nesta fase

Dia 4-10-2010- Durante a instalação do Joomla ocorreu este erro descrito nas

telas abaixo. Depois de configurar a base de dados ao clicar próximo, minha instalação

era reencaminhada para esta tela erro.

Figura 25 - Erro de Instalação do Joomla

Solução: Na instalação do Joomla em localhost no XAMPP, o utilizador “root”

do MySQL está sem senha, portanto caso seja colocada uma senha para a base de dados,

deve-se configurar nos arquivos de instalação do Joomla. Inicialmente, em um ambiente

de testes, aconselhamos não utilizar a senha, entretanto, para ambientes em produção, a

senha é indispensável.

3.3 - Portal de Telemedicina

Após a instalação do Joomla (sem esquecer a eliminação da pasta installation),

abrimos o browser e colocamos o Url do nosso portal, normalmente

http://localhost/joomla.O joomla como podemos ver abaixo é um framework pré

programado ou seja, é um esqueleto de um futuro portal. O exemplo de conteúdo que é

requisitado na instalação do sistema serve para que após a instalação, seja instalada uma

variedade de exemplos de mostrando as funcionalidades do Joomla.


http://localhost/joomla

26

A Figura a seguir é uma representação do conteúdo de exemplo instalado no

Joomla, apresentado pelo template ou tema também padrão que acompanha o sistema.

Figura 26 - Joomla Framework

3.3.1 - Áreas do Joomla

Quando é feita a instalação do Joomla em um servidor web, automaticamente

são instaladas duas áreas: Área de utilizadores (Frontend) e Área de administração

(Backend), que correspondem respectivamente ao site principal e um site de

administração do site principal.

3.3.1.1-Área de administradores (Backend)

Esta área permite a administração do site principal em relação ao seu conteúdo,

nesta é feita a gestão das partes que irão aparecer no site principal como módulos,

componentes, secções, categorias, menu de opções, notícias, áreas de registros, links,

download de arquivos, etc.

3.3.1.2-Área de utilizadores (Frontend)

Esta área o próprio o site apresentado na web quando digitamos o endereço no

navegador. Este, como qualquer site web, está acessível para todos os utilizadores.


26

Pode-se criar um template (Design) próprio para apresentação das informações,

utilizando um template gratuito disponível pela comunidade Joomla, ou mesmo adequar

um site para ter seu conteúdo mantido com os recursos do Joomla.O Frontend é um site

normal na web, com a diferença que podemos alterar partes de seu conteúdo diretamente

no site.

O frontend será a área onde nossos artigos, enquetes e formulários serão

expostos, interagirão diretamente com o Público, conforme pode ser visto no site de

exemplo para o Portal de Telemedicina a seguir.

Figura 27 - Portal de Telemedicina de Angola

3.3.2-Administração joomla

Para acessar a área de administração, devemos fazer o login na mesma,

digitando no navegador o endereço do site, incluindo no final a palavra “administrador”,

que é a pasta que contem o site de backend, ,isto é,

http:/ /nomedosite/administrador

Desta forma, aparecerá o painel de entrada na administração do Joomla. Para dar

sequência devemos inserir a palavra secreta que definimos na instalação do Joomla.


26

Figura 28 - Painel de acesso à administração do site Joomla

Basicamente a área de administração abre exibindo o Painel de Controle e um

menu superior.Os itens a serem exibidos no menu e no painel de controle dependerão de

como está definido o seu nível de utilizador para área de administração.

Figura 29 - Painel de controlo do Joomla

Acima é demonstrado o painel de administração do joomla, a partir deste

acedemos às diversas funcionalidades do backend.

3.3.2.3 - Configuração global

Nesta área estão definidos todos os parâmetros do Backend. Podemos realizar

modificações no sistema de acordo com nossos gostos, exemplo tempo da sessão, o que

desejamos exibir ou não. Temos acesso a três separadores diferentes.


26

Site - podemos decidir parâmetros relacionados ao frontend, como mensagens a

exibir, Url amigáveis e fáceis, o nosso editor de artigos padrão, nome do site.

Sistema - Neste separador serão traçados critérios acerca do nosso sistema,

como a palavra secreta, serviços web que servirão de apoio ao nosso site, parâmetros

relacionados aos nossos utilizadores, tamanho Maximo dos upload de ficheiros para o

nosso sistema, diretório onde se encontrarão nossos arquivos mídias, extensões

manipuladas pelo sistema, tempo de sessão, etc;

Server - onde estão detalhadas todas as informações acerca do servidor, neste

separador podemos redefinir parâmetros avançados como, definições do FTP (Protocolo

de transferência de ficheiro), definições locais, email, configurações de base de dados.

3.3.2.4 - Botões Joomla

Existe um conjunto de botões padrões utilizados pelo Joomla que são

encontrados em diversas partes do sistema. A seguir está uma lista com os principais

deles.

-Para salvar alterações realizadas no sistema temos o ícone ;

-Aplicação das alterações sem precisar sair do sistema ;

-Fechar aplicação ;

-Requisição de ajuda ;

-Análise do efeito da alteração realizada sobre o frontend ;

-Visualização de visitantes online ;

-Finalizar tarefas no backend ;

-Enviar artigos para arquivo ;

-Retirar artigos de arquivos ;

-Retirar arquivo do frontend ;

-Movimentação ;

-Copiar arquivos ;

-Reservatório de artigos eliminados ;

-Criar um novo elemento ;

-Remoção de artigos de certa lista ;

-Artigo publicado no frontend ;

-Mensagens dos utilizadores ;


26

-Análise da alteração ;

-Informações gerais sobre o sistema ;

-Preferências ;

3.3.2.5 - Nível de utilizador (Papel)

Cada utilizador que acessa o site principal ou de administração possui um papel.

Dependendo deste papel, o utilizador poderá fazer mais ou menos ações/atividades,

tanto no site quanto na área de administração. Para uma boa gestão do site é necessário

que se faça um bom esquema de acessos de utilizadores.

Papéis no Site principal (Frontend)

Anonymous- Anônimo, é um utilizador que apenas visita o site sem

interagir com as partes principais deste, algumas aplicações e artigos

serão ocultas a estes;

Registered (Registrado) - este utilizador tem a possibilidade de visualizar

as aplicações ocultas ao anonimo, mas este não pode modificar o

conteúdo do site;

Autor- Correspondente que escreve os futuros artigos do site;

Editor- Este utilizador tem o papel de corrigir potenciais falhas dos

artigos criados pelo utilizador acima;

Publisher (publicador)- Este usuario têm o papel de publicar artigos

editados pelo usúario acima;

Obs.: Os utilizadores do frontend não possuem acesso ao backend. No

planejamento dos papeis do site é possível dar a um utilizador mais de um papel,

ex: O utilizador Gualdim pode ser o editor e o Publicador,

Papéis do site principal (backend)


26

Gerente- Coordenador do site têm a função de coordenar e gerir

todas as ações dos utilizadores frontend , pode gerir e filtrar as

informações, criar estratégias

Administrador-Utilizador de funções privilegiadas capaz de efetuar

tarefas tanto em backend como no frontend, pode gerir utilizadores,

criar novas aplicações, componentes e pluggins, gerir tarefas. Em

suma este utilizador pode realizar tarefas avançadas dentro do

sistema joomla.

Super administrador- Este utilizador tem o papel, mais importante

no sistema, para além de poder realizar qualquer papel acima

descrito este pode manipular a base de dados, realiza manipulações

no templates, aplicar novas definições, realizar e gerir backups,

programar ferramentas.

Obs.: Todos os utilizadores do Backend possuem acesso total também ao

frontend.

3.3.2.6-Gestão de utilizadores no joomla

Para gestão de utilizadores no CMS Joomla serão necessários os seguintes

procedimentos:

Na área de administração seleciona-se o separador Site, neste seleciona-se

Administrar Utilizadores como na tela abaixo.

Figura 30 - Atalho de acesso rápido Joomla

Após este procedimento, aparecerá à tela com a lista de todos os utilizadores já

criados no sistema Joomla. Para criar um novo utilizador seleciona-se o ícone Novo

situado no topo do menu a direita.


26

Para uma boa administração do sistema, é aconselhável traçar um plano

elaborado dos integrantes do site e os papeis a estes atribuídos. Para o caso específico

do Portal de Telemedicina, foi criado o seguinte Plano:

Portal de Telemedicina

Plano de atribuição de tarefas

a) Área de Backend:

Super administrador - Aníbal Falão

Administradores - Aníbal, Dr. Alexandre Marques

Gerente - Administradores

b) Área de Frontend:

Anônimo - Visitantes

Tipos de utilizadores Registados:

Médicos,

Enfermeiros,

Pacientes,

Colaboradores

Administradores.

Editor- Administradores, médicos, outros colaboradores.

Publicador- Super administrador

Para gerenciar os contactos, existe uma área no Backend, que pode ser acessada

seguindo-se:

componentes=>contactos=>contactos=>administrar contacto

Nesta área, pode-se encontrar um conjunto de informações de contacto para os

utilizadores do Site.

3.4 - Manipulação e organização de conteúdo


26

Para a criação do conteúdo se deve ter em conta em primeiro lugar a

organização, ou seja, de que forma podemos aperfeiçoar a organização do nosso

conteúdo de modo a evitar sua dispersão, que foi um problema que enfrentamos no

início do projecto do portal de telemedicina. Com este fim, descrevem-se a seguir os

principais métodos para organização dos artigos no ambiente Joomla.

3.4.1 - Seções

Uma seção é uma coleção de categorias que se relacionam entre si. Seções

podem ser consideradas grandes gavetas que no futuro receberão pastas (categorias), e

estas conterão nossos artigos.

No backend, abrimos o painel de controle clicando no ícone “Seções”.

Abrir-se-á a tela de administração de seções, para criar uma nova seção deve-se

selecionar o ícone .

Ao clicar em novo, acessaremos a tela de criação de uma nova seção. Podemos

dar um titulo a seção, definir os utilizadores que terão acesso a esta, descrever em

breves palavras o objetivo da nova seção e outros parâmetros, por fim basta aplicar as

definições ou salvá-las.

Figura 31 - Criando uma seção

Como exemplo, na Figura anterior é criada a seção Higiene e Educação para o

portal de Telemedicina. O nível de acesso foi definido para registrado, o que implica

que o publico visitante deve antes se cadastrar para aceder a esta seção e seu conteúdo.

Depois de criada a nova seção, esta poderá albergar diversas categorias com ele

relacionadas e que seguem uma relação hierárquica com este.


26

3.4.2 - Categorias

Uma categoria é uma coleção de itens de conteúdo que se relacionam entre si. A

criação de categorias, estas hierarquicamente encontra-se abaixo das seções.

No painel de controle do Joomla, selecione administrar categoria. Assim teremos

acesso a tela que apresenta as categorias do nosso site clicando em novo teremos acesso

à tela de concepção de categorias.

A tela de concepção de categorias é muito similar a das seções, com a excepção

de que devemos selecionar a seção que esta se relacionará.

Posteriormente à sua criação, poderemos analisar a nova categoria criada,

conforme a Figura a seguir.

Figura 32 - Nova categoria formada

Por fim, após criarmos as Seções e as Categorias desejadas, podemos criar

artigos para esta categoria, que são os conteúdos propriamente ditos para o Portal.

3.4.3 - Artigos

O portal de Telemedicina será uma importante fonte de informação medica para

os utilizadores então tornasse necessário um excelente gestor de artigos. Felizmente, o

Joomla fornece uma elevada gama de ferramentas para edição de artigos. Para criação

de artigos para o nosso portal, devemos ter em conta que para uma melhor organização

é necessária a criação de grupos hierárquicos, respeitando a sequência:

Seção => Categorias => Artigo.


26

A partir da compreensão desta estrutura, teremos um melhor controle sobre

nossos artigos.

Artigos são textos que trazem conteúdo de qualquer natureza, informação,

notícias, etc. Neste portal serão importantes fontes de ensino aos visitantes.

Podem ser criados artigos tanto no frontend, como no backend do Joomla. Para a

criação de artigos em backend, devemos ir ao painel de controle e selecionar Adicionar

Artigo.

A tela de criação de artigos tem um editor de textos bem completo e cheio de

recursos, possuindo o seguinte layout:

Figura 33 - Tela de criação de artigo

Podemos nesta área dar um nome ao artigo, optar ou não por exibi-lo na página

principal, o apelido será gerado de acordo com titulo, ao selecionarmos a seção a

categoria será automaticamente selecionado, pois estes estão relacionados

hierarquicamente.

Mais abaixo temos o menu de ferramentas, que nos dá suporte na edição dos

artigos. Nota-se que nesta Figura a seguir, a ferramenta de edição está diferente do

padrão, pois foi instalada uma nova ferramenta. Mais adiante apresentaremos a nova

ferramenta na seções de componentes.


26

Figura 34 - Ferramentas de edição

À direita encontramos um painel identificador de estado, que mostra o

identificador do artigo, número de acessos, data de criação e data de alteração.

Figura 35-Painel de estado

Abaixo do painel de estado, temos um menu de parâmetros do artigo, mostrando

informações.

Figura 36 - Parâmetros do artigo

Abaixo temos parâmetros avançados, onde é decidido o que será exibido ou

ocultado nos artigos exibidos no frontend, em item de conteúdo selecionamos idiomas,e

podemos exibir um texto alternativo aos leia mais.


26

Figura 37 - Parâmetros avançados

3.4.3.1 – Quebras no Texto

O botão “Quebra de Página” permite-nos aceder à criação de uma quebra no

artigo, operação que serve para criar separação de uma pagina em mini páginas,

tornando a leitura mais simples e dinâmica.

Selecione um posição do texto para inserir a quebra, posteriormente, no editor de

artigos em backend clique sobre o botão “Quebra de texto”. Será criada uma hierarquia

de artigos partindo do principal, na tela a seguir será nomeado os artigos descendentes,

depois da nomeação, o botão “Inserir quebra” deve ser apertado.

A seguir as alterações devem ser salvas, para analisar as alterações pode clicar

em pré-visualizar. Como pode ser analisado abaixo, criou-se um índice dinâmico que

nos leva para os artigos descendentes.

Figura 38-Aplicação da quebra no frontend

É criado um mini índice com hiperligações para os artigos hierárquicos, note que

poderá criar enumera quebras num único artigo.


26

3.4.3.3- Detalhes de um artigo

Muitos portais disponibilizam diretamente seus artigos, o que para alguns

leitores retira o interesse, ou seja, ao deparar-se com toda informação pensam no tempo

que vão perder e abandonam a página. Uma solução bastante simples e eficaz que o

Joomla trás consigo é o ‘’botão leia mais’’ , este apresenta uma pequena

porção do artigo, despertando assim a curiosidade do utilizador. Se este desejar

aprofundar o assunto poderá selecionar o botão e assim terá acesso a toda a informação.

Para inserção do ‘’leia mais’’, devemos selecionar a área no artigo que será

dividida, a área que aparecerá no frontend deve ser simples, resumindo o assunto ao

Maximo.

Depois de salvas todas as alterações poderemos visualizar o artigo no frontend,

este agora esta, mais compacto e simples não cansando a leitura dos utilizadores.

Figura 39-Artigo com Leia mais

Para edição de artigos a partir do frontend tenha em conta que cada artigo possui

um mini ícone de edição, caso o utilizador do site tenha permissões, ao clicar sobre este

teremos acesso a tela de edição de artigos via frontend.

Este editor de artigos no frontend é muito similar ao editor de artigos no

backend, a única diferença é que este editor é aberto ao publico, ou seja, os utilizadores

registrados são capazes de editar e criar seus próprios artigos.

Uma diferença deste editor em relação ao backend, é o facto de que a tela de

parâmetros está posicionada na parte inferior e não a direita. Estas permitem um apoio

mais rápido e dinâmico ao escritor do artigo


26

3.5-Conteúdo estático

Um item de conteúdo estático também é um item de conteúdo, só que

normalmente utilizamos para exibir como se fosse uma página estática, porém, este não

pertence à hierarquia de Seção/Categoria/Conteúdo. Uma

diferença é que enquanto utilizamos itens de conteúdo organizados na hierarquia

seção/categoria/conteúdo, podemos exibir uma lista de itens independentes entre si e

cada item poderá ter uma imagem, um texto introdutório e um link tipo “Leia mais...”

para exibir completo. No item de conteúdo estático haverá uma única área de texto para

ser exibida por completo, praticamente ocupando a área principal de conteúdo do site.

3.5.1 – Temas (Templates)

O nosso Portal para interagir melhor com os doentes usou um tema com cores

suaves, com o objectivo de passar tranquilidade aos visitantes. Temas ou Templates são

interfaces (ou layouts) criadas com o propósito de personalizar o site de acordo com as

preferências do utilizador. O site Joomla Templates (www.joomla-templates.com)

disponibiliza dezenas de templates gratuitos.

Para carregar um tema no seu portal deve ter em conta o tipo de site que será,

por exemplo, se for um portal de medicina convém que o tema transmita tranquilidade,

neste caso as cores predominantes devem ser claras.

A seguir, o processo de instalação de um tema é explicado passo a passo:

No separador Extensões clique em Instalar /desinstalar:

Figura 40-Instalação/Desinstalação


26

Selecione ficheiro (normalmente um ficheiro compactado), descarregado da

internet ou copiado de algum outro local e clique em Enviar e instalar;

Figura 41-Carregando tema

Depois do tema carregado, vá para administração de tema, selecione como

padrão o que melhor se enquadra ao contexto do seu portal.

Figura 42-Seleção de temas

Como exemplo, veja abaixo o tema escolhido para o portal.

Figura 43-Template do portal de Telemedicina

3.5.1.1-Estrutura de um Tema Joomla

Basicamente a estrutura do tema é criada a partir do ficheiro index.php, deverá

estar divido em blocos onde posicionalmente exibirá as informações. Como,

normalmente, não escrevemos conteúdo no tema, apenas indicamos áreas de conteúdo e

posicionamento, a mudança, por exemplo, de um menu do lado esquerdo para o direito


26

do site fica bastante simples, bastando alterar pela área de administração, a

posição(módulo) aonde este será exibido.Veja a seguir uma estrutura dos temas Joomla

em formato de mapa:

Figura 44-Posições padrão do Template

Na prática o que temos que fazer é representar este desenho utilizando o arquivo

index.php, seja através de tabelas (<TABLES>) ou através de CSS (Cascade Style

Sheet). Nas áreas LEFT, USER 1, USER 2, RIGHT, etc, serão carregados os módulos e

em MAIN CONTENT AREA serão carregados os componentes e itens de conteúdo. Por

padrão, o Joomla já cria uma lista destas áreas para serem utilizadas, porém, essas

podem ser customizadas, bastando para isto acessar no menu na área de administração

Site > Template Manager > Posições Modulares.

3.5.1.2-Visão e edição do template

Para uma melhor visão do template, na tela de seleção de template faça a seleção

do botão editar;

Esta é a tela de configuração deste tema, nesta podemos fazer uma pré-

visualização de estado do template, Editar via Html, e editar o CSS (cascate sheet style)


26

Figura 45-Tela de configuração do tema

3.5.1.3-Pré-visualização de estado

Para análise geral do tema, pode ser utilizada a pré-visualização de estado, ou

seja, para sabermos em que módulos (slideshows, animações, banners) poderemos ou

não inserir. Existem temas avançados que vêm com um numero enorme de módulos

preparados para publicidade, mas normalmente não são gratuitos.

Como é notado na tela abaixo podemos fazer uma análise da estrutura do tema,

podemos adicionar novas posições, saber exatamente o tamanho destas.

O editor HTML serve para edição do tema directamente no modo HTML.

Mostra-nos como foi montado o tema, permitindo que possamos facilmente adicionar

novos códigos, ou editar os códigos já existentes.

3.5.1.4-Edição do Estilo Cascate

Para edição no estilo cascata, devemos no item de configuração do tema,

selecionar o botão “Edição CSS” e iremos imediatamente para a tela de configuração

CSS.

Se selecionarmos o “template css”, iremos para tela de configuração css do

tema, onde poderemos facilmente modificar seus atributos como marginação, cor de

fundo, cor de texto, espaçamento, entre outros.


26

Figura 46 - Template CSS

Existem muitas possibilidades na edição de temas, o segredo basicamente é

torná-lo agradável ao público alvo do portal. No inicio do projeto do portal de

telemedicina foi utilizado um tema com a cor de fundo preta, o tema era muito elegante

mas não cativaria os pacientes e interessados pelo assunto, então optou-se por mudar

deste tema para outro mais agradável.

3.5.1.5-Menus

Um menu é uma estrutura estática que permite a navegabilidade do utilizador

pelo site, através destes são carregadas diversas funcionalidades, tais como conteúdos,

Componentes, links, etc.

Basicamente o Joomla é instalado com os menus:

MainMenu (menu principal),

OtherMenu (outro tipo diverso de menu),

TopMenu (menu superior)

UserMenu (menu de utilizador).

Um menu é implementado como módulo no Joomla e para que o mesmo seja

exibido e utilizado o módulo correspondente deverá estar publicado na área de

administração de Módulos > Sites de módulos > gestor de módulos.

Figura 47- Publicação de um meno pelo administrador de módulos


26

Ao selecionarmos um novo item de menu, a página abaixo é exibida, perguntado

que tipo de conteúdo este irá exibir;

Figura 48-Administrador de itens de Menu

Figura 49-administração de módulos

A seguir basta selecionar o tipo de item de conteúdo que desejamos (neste caso

Menu), clicando em próximo;

A seguir temos a tela de atribuição de atributos, nesta podemos nomear,

selecionar a posição onde o menu será colocado, nível de acesso, exibição de imagens,

entre outros atributos;

Figura 50-Definições de Menu

O próximo passo será salvarmos as definições, e fazermos uma pré-visualização

do Menu no frontend.


26

Figura 51-Criação de menus

Podemos ter uma quantidade infindável de menus, mas o principal objetivo deve

ser sempre melhorar e facilitar a navegabilidade do site para os utilizadores do mesmo.

3.6-Componentes e Plugins

Os componentes são elementos de conteúdo que funcionam como pequenas

aplicações no Joomla, ou seja, são elementos de software que encapsula uma serie de

funcionalidades, este é uma unidade independente utilizada com outros componentes

torna um sistema mais complexo. Normalmente são mostrados no centro da página, na

área de conteúdo principal do template (MainBody), porém isto vai depender de como

está organizado o template. A comunidade Joomla produz e atualiza constantemente

centenas de novos componentes, para termos acesso a este basta seguirmos o endereço

seguinte http://extensions.joomla.org/extensions. Inicialmente o Joomla instala vários

componentes como padrão, tais como: Contact, FlexContent, Login, FrontPage,

Banners, Contact (Contacto), Web Links, Etc.Alguns destes componentes fazem parte

da própria arquitetura do joomla, tipo o componente Frontpage e não são manipuláveis

através do menu.Um dos principais componentes é o frontpage, que estrutura as

informações, juntamente com os estilos definidos para tal no template_css.css, a serem

exibidos na primeira página. Para exibir as informações na primeira página

(Mainbody), criam-se itens de conteúdo em uma seção/categoria e em cada idem deverá

ser definido que o mesmo será apresentado no FrontPage.

O portal de Telemedicina fará uso de diversos componentes na adição de novas

funcionalidades nos campos de segurança, aplicações multimídia, criação de

formulários, comércio eletrônico, edição, entre outros.


http://extensions.joomla.org/extensions

26

Obs.: No site http://extensions.joomla.org/extensions, para além dos

componentes tradicionais podemos ter acesso a demonstrações de uso e tutoriais de

instalação de cada componente;

Destacado a castanho, temos a lista de Plugins e componentes separados por

categorias, destacado a azul esta o ícone de documentação, poderemos saber mais

acerca do componente e ver uma demonstração.

3.6.1- Componente de Backup - Xcloner

No começo da criação do portal de telemedicina, fruto do ataque de um vírus ao

computador, foi necessário a formatação deste, como resultado o trabalho foi perdido.

Este problema chamou a atenção sobre a vulnerabilidade do sistema, era necessário

implementar medidas preventivas de segurança para o site. A comunidade Joomla

sugere para reduzir estes riscos, diversos componentes, entre eles destaca-se o

componente Xcloner backup. Este tem a função de fazer backups de todo sistema

joomla incluindo as tabelas presentes na base de dados. As cópias de segurança dos

arquivos armazenados em um computador são importantes para a recuperação de

eventuais falhas técnicas, ou possíveis conseqüências de infecção por vírus como a

perda total dos dados.

3.6.1.1-Definição

O Xcloner é um componente criado para ser capaz de criar, clonar e mover

backups do site Web para que este esteja sempre seguro, sua principal características

são sua simplicidade e eficácia. Este foi desenvolvido não só para ser integrado no

Joomla, mas também em outros sistemas gestores de conteúdo, podemos ter acesso a

este componente seguindo o Url http://extensions.joomla.org/extensions/access-a-

security/ site-security/backup/665.


http://extensions.joomla.org/extensions/access-a-security/%20site-security/backup/665

http://extensions.joomla.org/extensions/access-a-security/%20site-security/backup/665

http://extensions.joomla.org/extensions

26

3.6.1.2-Instalação do componente

O processo de instalação é similar ao dos templates onde a partir de extensões

faz-se o upload e instalação dos ficheiros. Este tem a característica de ter sua própria

tela de loggin, onde por padrão a sua senha e nome de utilizador é admin.

Figura 52-Loggin Xcloner

Figura 53-Tela inicial

3.6.1.3-Configurações

Esta tela consiste em 4 separadores, os quais permitem efetuar mudanças ao

Xcloner de modo a torná-lo mas eficiente. O primeiro separador permite modificar as

tabelas de base de dados que este fará backup, o segundo permite modificar a senha e o

nome do utilizador, o terceiro adiciona uma linguagem alternativa, a seguir temos ajuste

das definições do Cronjobs. (trabalhos cronometrados do gestor de backup,ex: backups

diários).E por fim temos o separador info destinado a informações gerais sobre o

Xcloner.

Figura 54-Configurações(Xcloner)


26

3.6.1.4-Ver backups

Esta seção apresenta a lista de todos os backups criados do portal utilizando o

Xcloner, podemos fazer um download do backup para o suporte externo (Hd externo,cd,

bluraydisc , pen,etc)

3.6.1.5-Gerar backup

Para gerar um backup existem 2 caminhos: Ações - Gerar Backup no menu

Xcloner ou clique no botão Gerar Backup que se encontra na página inicial Xcloner,

seremos levados para a tela de criação de backups;

Figura 55-Vias para criação de backups

Na tela de criação de backups temos 2 separadores, no primeiro temos a

possibilidade de selecionar as tabelas de dados e bases de dados extras que queiramos

incluir no backup selecionados dentro do retângulo amarelo.

Figura 56-Criação de backup


26

No separador seguinte opção de ficheiros, podemos dar um nome ao backup, é aconselhável ser um nome trivial, para em caso de ataque externo ser despercebido, como é mostrado no retângulo verde. Abaixo marcado a azul temos as pastas inclusas no Htdocs ao selecionarmos as pastas podemos excluir o seu conteúdo no backup, portanto convêm deixá-las desmarcadas para que não haja erros posteriores.

Figura 57-Opção de ficheiros

Para continuar selecione continue, o Xcloner fará o backup de portal, no final a seguinte tela será mostrada.

Figura 58-backup bem sucedido

Se formos ao view backup (visualizador dos backups) poderemos analisar os

backups existentes (laranja), o novo backup(azul claro), podemos aplicar sobre estas

algumas opções(rosa) como clonagem via ftp(protocolo de transferência de protocolos),

mover, fazer o download da informação para uma pasta no Windows. Depois de feito o

backup podemos guardar num local externo (Hard disk, pendrive,Cd) seguro para serem

aplicados no caso de ataques.

Figura 59-Análise do novo backup


26

Obs: Existem 2 formas de backup, manual e automática ambas definidas nas

configurações, no modo manual podemos analisar passo a passo o backup, no modo

automático o backup é rápido mas é ocultado ao administrador.

3.6.1.6-Restauração de backups em localhost

Para fazer o restauro do Xclonner em localhost basta que, na tela do Xclonner

que mostra os backups, selecione o ícone Download, assim poderá fazer um download

para uma pasta no computador;

Figura 60-View Backup

Figura 61-Download Backup

Feito isso, em htdocs abra uma nova pasta, agora descompacte o arquivo zip do

portal nesta nova pasta.

Figura 62-Descompacte o backup

Os arquivos ficaram na nova pasta, lembre-se que o computador precisa de ter espaço suficiente para o arquivo, caso contrario ocorrerá um erro na descompactação.


26

Figura 63-Arquivos descompactados

Após este procedimento coloque o Url da pasta no navegador, ex: localhost/ nome da pasta, teremos o site em outro host, na tela abaixo podemos analisar o portal em outro Host, e marcado a verde o novo Url.

Figura 64-Site Restaurado

3.6.1.7-Restauração dos backups em servidor remotoPara envio da informação de uma maquina de teste em localhost para outra ou

mesmo para um servidor são necessários os seguintes procedimentos:Faça um backup da informação utilizando o Xclonner como explicado

anteriormente, assim teremos uma copia comprimida do portal.Após este procedimento envie via FTP ou mesmo usando um dispositivo

amovível, se possível, esta cópia para a máquina destino. Tenha instalado o Xampp na outra maquina onde o mysql, o filezilla e o mysql esteja a trabalhar em modo de serviço, deste modo estes poderão executar serviços para todas maquinas pertencentes a rede do servidor.

Figura 65-Módulos do Xampp prestando serviços

Note que o arquivo deve ser descompactado dentro de uma pasta com o nome do Portal para possibilitar um fácil reconhecimento no URL do browser. Após este procedimento, crie no Phpmyadmin uma base de dados vazia com o mesmo nome da base de dados presente na maquina origem.


26

Figura 66-criação de uma base de dados vazia

Após criar um base de dados vazio na maquina 2, vá em Phpmyadmin da

maquina 1, e exporte toda a informação do base de dados que se deseja migrar e cujo o

nome foi colocado no base de dados da maquina 2.

Figura 67-Exportação de dados

Na tela de exportação clique no botão executar, seremos levados para uma lista

com todos os códigos sql relativos ao base de dados. Faça a copia deste para um bloco

de notas e guarde com o formato ANSI. De seguida, envie este texto via FTP para a

outra maquina. Vá ao Phpmyadmin da maquina 2, no separador importar o ficheiro

com as informações SQL, e a seguir Execute as informações. Localize o bloco de notas

com a informação SQL e execute na base vazia. A seguir a titulo de teste coloque no

browser o url do portal antigo. Teremos o portal na maquina 2.

3.6.2- Componente de Formulários - CKForms

Face a grande necessidade que o nosso portal tinha de trabalhar com entidades

pertencentes ao ramo hospitalar e a enorme quantidade de entidades pertencentes a este

ramo, houve a necessidade de se criar formulários de cadastro para as entidades. A


26

comunidade joomla disponibiliza imensos componentes para a criação de formulários

entre estes temos o Ck Forms, este gestor de formulários foi escolhido devido a sua

grande facilidade no manuseio.

3.6.2.1-Conceito

Ck Forms é um componente joomla, gerador de formulários de código aberto, de

fácil manuseio destinado a concepção de formulários para os gestores de conteúdos.

Figura 68-Download do Ck forms

O download pode ser realizado no seguinte Url http://joomlacode.org/gf/project/

ckforms/frs/ . Na figura acima marco a preto o pacote que foi baixado no nosso portal, a

que se ter atenção de que a comunidade joomla esta sempre fazendo novos releases dos

componentes sendo assim convêm sempre optar pelo mais recente.

3.6.2.2-Instalação do Ckforms

Repita os mesmos procedimentos anteriores de instalação de componentes, para

isso basta que no backend do joomla selecione extensões do menu superior. A

seguir na tela do gestor de extensões, selecione o arquivo zipado, faça upload deste para

o seu site para isso deve clicar no botão “Arquivo” (ou “File”), selecione o arquivo

*.zip e em seguida clique no botão ao lado “Upload File & Install”.

Figura 69-Upload Ck.zip para joomla


http://joomlacode.org/gf/project/%20ckforms/frs/

http://joomlacode.org/gf/project/%20ckforms/frs/

26

Se não houver falhas na instalação, uma mensagem de bem sucedido aparecerá.

3.6.2.3-Configurando formulários

Para criação de formulários usando ck forms deve-se acessar a área de

configuração no menu “Components” como mostrado abaixo, ao selecionar-se CK

forms entraremos no menu de configuração CK.

Figura 70-Acessando Ckform

Na tela abaixo, demarcada a vermelho temos todos os formulários criados no

Ckform. Demarcado a preto temos o Botão Novo que se selecionado serve para a

criação de um novo formulário.

Figura 71-Tela de configuração ck

Depois de se premir o botão novo, a tela “CK novo” aparecerá; nela existem 4

abas: “General”, “Result”, “Email” e “Advanced”. Para criar um formulário, vamos

entender o que temos que fazer em cada aba:

Na aba “General”, existem 5 informações a serem completadas:

1 – Nome – nome do formulário no CK FORMS – utilize apenas caracteres

alfanuméricos.

2 – Título – Nome do formulário este aparerá no frontend do site.

3 – Publicado – coloque SIM se você quiser publicar já o seu formulário.

4 – Use Captcha – coloque SIM se você quiser que no final do formulário

apareça um campo para o utilizador colocar uma seqüência de letras e números para

evitar spam no seu formulário.


26

5 – Descrição – coloque a descrição do seu formulário – este texto vai aparecer

para o utilizador do seu site quando publicado o formulário.

a. Na tela Resultados ( “Result”), você vai configurar o que deve ser feito

depois que um formulário for enviado. Existem três itens a preencher:

Save Result (Salve resultados) – coloque “SIM” se você

quer que as informações preenchidas sejam guardadas em um base de

dados. É aconselhável aceitar este procedimento, pois se pode consultar e

exportar as informações mais tarde.

b. Text Result(Texto resultante) – Escreva a mensagem que aparecerá

depois que um formulário for enviado. O visitante do site preenche o

formulário, envia e recebe em seguida esta mensagem.

Redirect URL – Outra opção é colocar uma

URL para redirecionamento depois do envio do formulário. É uma opção

interessante se você quiser por exemplo, fazer o visitante ir para uma

página de pagamento após o preenchimento do formulário.

Na tela “Email”, existem 6 campos para preenchimento:

a. Email Result – Selecione a opção SIM para que um e-mail seja enviado

para um endereço de sua escolha.

b. Mail FROM – Coloque um e-mail do emissor do formulário.

c. Mail TO – coloque o e-mail de destino, ou seja, para o qual você deseja

mandar o formulário.

d. Mail CC -Faça uma copia do email destinatário.

e. Mail BCC – Coloque um e-mail de destino em cópia oculta.

f. Mail Subject – coloque o assunto do e-mail neste campo.

Na aba“Advanced”, existem 3 campos:

a. Uploaded files path – Neste deve-se indicar o caminho utilizado no envio

de ficheiros.

b. File uploaded maximum size – tamanho máximo do arquivo

“uploaded”(enviado).

c. Display “powered by” text – Selecione NÃO se desejar que não apareça

no formulário a mensagem de “powerd by...”.


26

Depois de tudo, clique no botão “SAVE” no canto superior direito da tela para

salvar o formulário. O formulário de teste aparece na lista.

Figura 72-Ckforms advance

Figura 73-formulário de teste após ser criado

3.6.2.4-Montando campos do formulario

Após a criação do formulário, devemos montar os campos deste. Para colocar

campos em um formulário deve-se clicar em “fields”, que até o momento indicam zero

campos (veja a figura abaixo).

Figura 74-Criando Fildes (Campos)

Seremos redirecionados para tela de “Fields”, que até o momento está vazia.

Criaremos campo por campo:

Podemos com o Ckform criar inúmeros tipos de campos, mas começaremos pelo

básico. Para começar selecionamos o botão “NEW” no canto superior direito, vai

aparecer à seguinte tela:


26

Figura 75 -Criando Formulários

Existem 4 campos a serem preenchidos:

a. Nome – Coloque o nome do campo utilizando apenas caracteres

alfanuméricos.

b. Label – Coloque o nome do campo que vai aparecer para o utilizador.

Nestes campos podem-se colocar caracteres sem restrições.

c. Publicado – Coloque “SIM” se quiser que o campo apareça no

formulário.

d. Tipo – A partir deste ponto as opções se expandem de maneira

considerável, explicarei apenas os essenciais: “Texto” e “Button”. As

outras opções são bem intuitivas no uso, escolhendo Tipo = Texto, a

seguinte tela aparece:

Figura 76-Campo estilo texto

Note que apareceram 7 novos campos para preencher, que servem para

validação do formulário:


26

Mandatory – marque a caixa se quiser que o preenchimento do campo seja

obrigatório, ou seja, o utilizador do site não poderá enviar o formulário sem preencher o

campo.

Tips Text – se você quiser dar alguma dica para o preenchimento do campo,

coloque o texto neste campo.

Custom Error Text – se você quiser colocar uma mensagem de erro, caso o

utilizador preencha ele errado ou esqueça de preenche-lo você pode escreve-la neste

campo.

Max Length – Tamanho máximo do campo. Eu coloquei 50 caracteres.

Min Length – Tamanho mínimo do campo.

Initial Value –Conteúdo inicial do campo, caso queira.

Text Type – Escolhendo um campo tipo texto, você pode agora escolher se é um

texto comum, uma senha, um e-mail, uma data ou um número. Com isso o CK FORMS

vai restringir o preenchimento por parte do utilizador de acordo com a regra que você

colocar.Agora salve o campo, este em seguida vai aparecer na lista de campos do

formulário.

Vamos agora criar mais um campo, só que agora do tipo “botão”. Clique em

“NEW” no canto superior direito.

Figura 77-Item de Formulário Tipo Botão

Preencha com as informações da figura acima. Quando você escolher Tipo =

Button, aparecerá mais um campo:


26

Figura 78-Opções de Botão

Escolha “Submit” para que o botão tenha a função de envio de formulário. Salve

o botão e verifique se ele entrou na lista de campos do seu formulário.

3.6.2.5-Publicando o Formulário no frontend do Site

Para o formulário ser publicado no portal, existem duas opções:

a. Ligar o formulário a partir de um menu.

b. Instalar o plugin feito pelos desenvolvedores do CK FORMS.

Para ligar o formulário a partir de um menu, deve-se inserir um item de menu,

para isso siga a seguinte instrução:

Na tela de administração, opção “Menu”, selecione “Novo” e chega-se à tela

apresentada a seguir:

Figura 79-Ck em item de Menu

Clique sobre Standard Ckform CssLayout , seremos levados para a tela abaixo,

onde a opção do formulário criado aparece no campo destacado com cor azul no lado

direito na figura abaixo. Basta selecionar o menu que criamos, para que o link do menu


26

apareça e aponte para o formulário criado, também deve ser colocado o título do item do

Menu, como destacado em vermelho.

Figura 80-Item de menu-Ck

Salve as modificações e pré-visualize no seu portal o resultado clicando no

nome do seu formulário.

Figura 81-Formulário criado com o Ck Forms no Portal

Para visualizar assim as informações emitidas pelos visitantes que se

cadastraram, volte ao gestor de Menus, clique em novo, na lista de itens de Menu

escolha Ckforms, mas desta vês selecione o Subitem “Standard data CKForms CSS

Layout”.

A tela abaixo será visualizada, depois de atribuir um titulo e Apontar ao

formulário que foi criado, salve a informação e visualize esta no front end.Uma opção

seria definir este como menu filho do menu superior.


https://localhost/joomla/administrator/index.php?option=com_menus&task=edit&type=component&url%5Boption%5D=com_ckforms&url%5Bview%5D=ckformsdata&url%5Blayout%5D=data&menutype=menu-principal

https://localhost/joomla/administrator/index.php?option=com_menus&task=edit&type=component&url%5Boption%5D=com_ckforms&url%5Bview%5D=ckformsdata&url%5Blayout%5D=data&menutype=menu-principal

26

Figura 82-Lista de entidades cadastradas

Outra opção para publicar o seu formulário é instalar o plugin fornecido pelos

desenvolvedores do CK Forms. Para isto, baixe o plugin indicado abaixo do site:

http://joomlacode.org/gf/project/ckforms/frs/.

Faça a instalação com os mesmos passos do início do tutorial só que agora com

o arquivo zip do plugin e não do componente. Ao finalizar a instalação, basta você

colocar a tag {Ckform NOME DO FORM} em qualquer artigo Joomla que o formulário

aparece no lugar da tag.

Uma medida de segurança para proteção do site contra ataques ao sites, consiste

na inserção de uma verificação conhecida como Captcha nos formulários.

Para isso, basta quando se criar um formulário em na área de administração, ir

na opção “advance”, habilite “uso de capcha”, em seguida descreva ao cliente o no

campo de texto.

Figura 83- Utilizando verificação baseada em capcha

Em “capcha tips text”, deve-se colocar uma frase de orientação aos utilizadores

sobre as imagens.


http://joomlacode.org/gf/project/ckforms/frs/

26

Existem inúmeras possibilidades na hora de criação de campos para um

formulário, mas o nosso foco deve ser sempre pensar no visitante, tornando o seu

registro mais seguro, fácil e interativo.

Para o portal de Telemedicina foram criados formulários para médicos,

enfermeiros, pacientes e Tele-consulta.

A seguir, é apresentado as telas referentes à criação e gestão do formulário de

controle de médicos para o Portal.

Figura 84-Campos de cadastro de médicos

Figura 85-Cadastro de médicos


26

Figura 86-Médicos cadastrados

3.6.3-Componente Virtuemart

Assim como outros portais, o nosso focará também seu objetivo na venda e

compra de serviços e produtos médicos tais como equipamentos, medicamentos, e

learning, livros médicos, tele-consultas e tele-laudos.

O Componente Virtuemart 1.1.5 Stable (VM) é um componente Joomla

completamente open source, que implementa um carrinho de compras, elemento

necessário para qualquer loja virtual. O VM tem uma área de administração bastante

complexa, mas permite que, até os utilizadores do Joomla menos experientes, criem um

catálogo de produtos online, configurem sistemas de pagamento via Internet,

disponibilizem diversos tipos de envio, gerenciem utilizadores e as ordens de compra,

ou seja, tudo que é necessário para vender produtos no mundo virtual. Este nasceu de

outro carrinho de compras chamado phpShop e,como todo carrinho de compras, o

VirtueMart tem várias funções, porém algo a ser destacado é que o VM é totalmente

integrado ao Joomla! Compartilhando o mesmo mecanismo de autenticação e

autorização e mantendo o visual do template escolhido. Foi desenvolvido em PHP,

utiliza MySQL como base de dados, tem licença GPL (GNU Public Licence), o que

significa liberdade para fazer download, distribuir e modificar qualquer parte do código.

O painel de administração da loja virtual neste componente é simples de se

utilizar e é auto-explicativo. Juntas, estas duas ferramentas formam um poderoso

sistema de administração de Loja Virtual que permite aos seus administradores a criação

de uma loja totalmente online.


26

O VirtueMart funciona com o mesmo princípio do Joomla, ou seja, o utilizador

terá total administração sobre a loja virtual podendo incluir, deletar e alterar categorias,

produtos, clientes, transportadoras, formas de pagamento, etc.

Dentre as inúmeras vantagens oferecidas está a de baixar custos e problemas

gerados no desenvolvimento de um e-commerce, uma vez que, a maioria destas lojas

virtuais que são desenvolvidas a partir do "zero", envolve muitos profissionais (web

designers, programadores, etc.) elevando o custo do projeto a patamares inviáveis e

precisam de um tempo muito grande de adaptação, tempo este muitas vezes

indisponível para muitos lojistas.

3.6.3.1-Funcionalidades do VM

O VM tem várias funcionalidades, dentre as quais se destacam:

I. O catálogo de produtos é totalmente configurável em categorias e tem

excelente capacidade de gestão, tendo inclusive um sistema de gestão de

estoque.

II. Podemos adicionar várias imagens a cada produto, programar variações

de um produto (cor, tamanho, modelo etc.), o que facilita muito quando

você tem que vender algo que apresenta várias opções.

III. Disponibiliza uma ferramenta de “product rating” (avaliação de

produtos). Isso pode ser interessante para quem quer ouvir do seu cliente

um retorno acerca da qualidade dos produtos vendidos e do atendimento

prestado.

IV. Venda de produtos que podem ser baixados pelo utilizador (download).

V. Os utilizadores registrados, clientes, podem alterar os seus dados de

cadastro, consultar o histórico de ordens de compra e outros detalhes que

você decida disponibilizar.

VI. Permite a criação de grupos de compradores, permitindo diferentes

políticas de preço, formas de pagamento etc. Isso é legal, por exemplo, se

você quer diferenciar clientes finais de revendedores.

VII. Os módulos de pagamento podem ser adicionados de acordo com a sua

necessidade, como por exemplo, o módulo disponibilizado pelo

pagseguro (http://visie.com.br/pagseguro/joomla.php). De fato, o VM já


http://visie.com.br/pagseguro/joomla.php

26

vem com alguns gateways de pagamento pré-definidos como PayPal,

2Checkout, PayMate etc.

VIII. Modelo de cobrança de impostos flexível, permitindo que o imposto seja

calculado de acordo com o endereço de entrega do cliente. Isto pode ser

fundamental para o seu negócio, pois dependendo do produto que você

vai vender, pois seu comércio virtual pode atingir o mundo todo,

vendendo para fora de Angola ou África, onde também a carga tributária

pode ser diferente.

IX. Diferentes métodos de envio de produtos permitindo a programação e

configuração de diversas formas de shipping para o cliente.

X. Confirmação da ordem de compra por e-mail tanto para o comprador

como para o dono do comércio virtual. Estas confirmações são

configuradas e personalizadas no admin do Joomla.

XI. Gestão de ordens de compra: resumo, ordens pendentes, ordens

concluídas etc. Tem também um esquema de notificação do cliente em

caso de mudança do status da ordem de compra.

XII. Gestão feita pelo painel de administração do Joomla.

XIII. Arquitetura de segurança, utilizando criptografia SSL de até 128 bits,

herdada do Joomla.

XIV. Várias traduções disponíveis, inclusive em português (Brasil).

Em sua gestão, o VM tem estatísticas de novos clientes, ordens, produtos,

estoque, relatórios de itens antigos, de faturamento por produto etc.

Será utilizando este componente que o portal de Telemedicina fará a venda de

produtos e serviços do ramo medico e assim como de artigos presentes na cultura da

nosso País.

Abaixo estão listados os produtos que serão vendidos numa primeira fase no

nosso portal organizados pelas suas respectivas categorias:

Serviços de Telemedicina:

Tele-aulas,

Tele-cilurgia,

Tele-consultas,

Tele-laudos,


26

Tele-monitoração;

Artesanato:

Esculturas, quadros, cestos, colares;

Livraria Medica:

Instrumentos Médicos:

Microscópio,

Diversos

Agora será apresentado como manipular este componente para assim poder

disponibilizar os produtos e serviços acima:

3.6.3.2-Instalação

O primeiro passo será a instalação, do componente. Para uma instalação bem

sucedida o nosso sistema deve suportar os seguintes pré-requisitos mínimos para uma

instalação de sucesso:

a. Joomla! 1.5.x:

b. Apache 1.3 ou superior

c. PHP 4.3.x ou superior

d. MySQL 3.23.x ou supeior

O navegador do cliente deve estar configurado para aceitar cookies. O próximo

passo será descarregar o pacote do VM, que pode ser encontrado em seu site oficial

http://virtuemart.net/ downloads ;

Faça o download do pacote completo. O arquivo terá um nome similar a

Virtuemart_1. 1.4-COMPLETE_PACKAGE. j15.zip. É um pacote compactado com o

software do VM na versão 1.1.4, dependendo da data em que você está realizando este

procedimento, é possível que novas versões tenham sido criadas. Descompacte o

arquivo para obter os seguintes diretórios e arquivos:


http://virtuemart.net/downloads

26

Figura 87-arquivos do ficheiro.zip

Note que, existe um manual para instalação do Virtuemart. Se você achar mais

fácil, abra o arquivo e siga os passos indicados.

A próxima tarefa será instalar o componente do VM no portal, para instalar o

pacote o processo é o mesmo dos anteriores componentes, vá a qualquer tela do

“admininstrator” Joomla e escolha a opção “Extensions” do menu superior, a seguir

selecione “Install/Unistall”, como mostrado na figura seguinte.

Figura 88-Install-Unistall Virtuemart

Seremos levados para a tela “Extension Manager” mostrada abaixo. Você vai

ter que fazer o envio do ficheiro do componente Virtuemart e para isto, deve clicar no

botão “Arquivo” (ou “File”), selecionar o arquivo *.zip e em seguida clicar no botão ao

lado “Upload File & Install”.

Figura 89-Enviando Virtuemart para o site

Se a instalação for realizada com sucesso, a tela abaixo aparecerá para

parabenizar pela instalação bem sucedida.


26

Figura 90-Sucesso na instalação do VM

Se algo der errado durante a instalação, análise os requerimentos do VirtueMart

e compare com os parâmetros do seu sistema.

3.6.3.3-Instalação de Módulos e Plugins

Nestes diretórios se encontram diversos módulos relativos ao componente, como

por exemplo: Diretório “Modules” (todos os módulos dentro deste diretório

implementam funcionalidades de apresentação nas barras laterais do Joomla),

Mod_product_ categories_1.1.4.j15.zip (Este módulo serve para apresentar as

categorias de produtos), entre outros.

No Diretório “Plugins” encontramos: Vmproductsnapshots_1. 1.4.j15.zip (plugin

que habilita o administrador a adicionar “snapshots” de um produto em itens de

conteúdo do Joomla, como em artigos. Um “snapshot” vai mostrar a imagem, o preço e

um link para adicionar o produto no carrinho de compras);

Vmxsearch.plugin_1.1.4.j15.zip – (Este plugin habilita a busca geral do Joomla! a

encontrar produtos no catálogo de produtos). A instalação de cada plugin ou módulo é

feita da mesma forma como a apresentada na seção anterior, para o componente.

3.6.3.4-Pacote de Idiomas Se

você quiser personalizar o seu VirtueMart com algum idioma diferente do padrão, que é

em inglês, terá de instalar o pacote de idiomas.

Para isto, no link no qual você baixou o pacote do VM,

http://virtuemart.net/ download s , baixe o arquivo de idiomas desejado. A instalação do

pacote de idiomas é bem diferente do procedimento que utilizamos anteriormente, para


http://virtuemart.net/downloads

26

instalar o componente, Plugins e módulos. Neste caso, você terá de copiar os arquivos e

diretórios contidos no arquivo zip que você baixou, para um diretório do Joomla.

Se você tem uma instalação local do Joomla, basta copiar tudo no diretório

/administrator/components/com_virtuemart/languages, caso você tenha instalado o

Joomla em um host, crie uma conexão FTP com algum software como o FileZilla e

copie os arquivos para este mesmo diretório, só que remotamente.

Depois de instalar o VM, vamos agora dar os primeiros passos para configurá-lo

da forma mais atrativa possível para os nossos clientes.

3.6.3.5-Configuração do VM

Depois de instalado o Virtuemart, abra este em componentes. A tela que surgira

será o painel principal, conforme a figura a seguir.

Figura 91-Painel de controle do Virtuemart

No painel de controle podem-se observar duas abas: A primeira demarcada com

rosa mostra a área de administração, a segunda possui estatísticas importantes sobre o

site de vendas como numero de clientes ativo, produtos, etc.; A esquerda uma barra

lateral de atalhos (rosa) com todos os ícones da área de administração.

3.6.3.6-Segurança

Na área Segurança podemos definir atributos de criptografia nas transações entre

os clientes e a loja, formas seguras de pagamento, pontos do portal que levarão https ,

armazenamento de cartões de crédito para a loja virtual.


26

Figura 92-Configurações gerais- Aba segurança

3.6.3.7- Editando Loja

Do painel de controle do Virtuemart podemos acessar a tela da vitrine ou loja do

Virtuemart, para isso basta selecionar o ícone Editar loja marcada a azul;

Figura 93-Ícone Loja Vm

Na tela da vitrine, serão inseridas todas as informações acerca da nossa loja, note

que podemos adicionar o endereço físico da loja, contacto, email, nome da empresa,

podemos adicionar uma imagem, conteúdo html como rodapés dinâmicos, e podemos

definir ainda o formato da moeda.

Figura 94-Loja VM


26

Obs: Note que no formato da moeda, entre as diversas moedas o Vm possui o

Kwanza, a moeda de Angola, o que permitira ao site de telemedicina oferecer seus

serviços a hospitais e centros médicos com a moeda nativa.

4.3.8-Inserção de Categorias

Uma boa forma de organizar os produtos e serviços é criar grupos de

produtos/serviços, estes grupos recebem o nome de categorias. Para criarmos uma nova

categoria basta a nomearmos e inserir uma imagem, após o nome dado basta salvar esta.

Figura 95-Criação da categoria

Sublinhado a cor de rosa, esta a Hierarquia da categoria, é possível criar

hierarquias entre estas selecionando o dropmenu Pai. Se eu quiser criar uma categoria

filha desta basta que ao criar a nova, selecione no dropmenu a categoria diversos;

Figura 96-Criando categoria filha

A seguir, vá para lista de produtos e selecione o produto que deseja anexar a

esta categoria, na tela do produto anexe uma categoria como sublinhado abaixo a

castanho.


26

Figura 97-Anexando Produto-Categoria

Depois do procedimento acima, basta salvar as alterações. Teremos assim um

produto anexado a categoria.

Figura 98-Lista de categorias

3.6.3.9-Inserção de produtos

O portal de telemedicina necessita realizar vendas de seus serviços e produtos,

mostrarei agora como estes foram inseridos no Virtuemart: No Painel de controle deve-

se selecionar o ícone referente a produto, seremos levados para área de gestão de

Produtos. Esta área apresenta todos os produtos que foram inseridos na nossa loja

(Castanho), basta selecionar o botão novo (verde) para irmos para tela de criação de

produtos.

Figura 99-Produtos Virtuemart


26

Nesta tela, é possível fazer-se a inserção de um novo produto na nossa loja,

para isso basta definir seus atributos como referencia preço, imagem, vendedor, não se

esqueça de adicionar o preço e a quantidade em estoque, a seguir clique em aplicar e

salvar. Feito isso visualize seu produto na lista de produtos criados.

Figura 100-Adição de um novo produto

3.6.3.8-Virtuemart no Frontend

Para ver o VM no frontend você terá de colocar um item de menu que “aponte” para a

sua loja virtual. Apenas como exemplo, vamos supor que você queira colocar um item

no “Top Menu” do seu site que direcione o visitante para a sua loja virtual. Para isto, vá

às opções de menu e selecione o Top Menu, como indicado na figura abaixo:

Figura 101-Inserindo item menu VM

Em seguida, adicione um novo item de menu clicando no botão “Novo” ou

“New”.

Figura 102-Vm- administração de Menu


26

Na próxima tela, aparecerão as opções de tipos. Escolha a opção

“VirtueMart”, como indicado abaixo:

Figura 103-Item de Menu-VM

Preencha o nome do item de Menu, no exemplo, foi dado o nome de “Loja

Virtual”. Depois disso, salve o item.

Figura 104-Edição do item de menu Vm

No Top Menu do seu site vai aparecer uma opção chamada “Loja Virtual” a

partir do qual você pode acessar os produtos e informações configuradas no VirtueMart.

Figura 105-VM-Top Menu


26

Depois de selecionar-se o menu Mercado de telemedicina, seremos levados para

minha vitrine frontend, onde estão inseridas todas as categorias de produtos e serviços

do portal.Basta clicarmos sobre a categoria e seremos levados para a área de produtos.

Figura 106-Categorias no frontend

Escolhendo a categoria teremos acesso ao aos produtos e serviços do mercado.

Se quisermos um certo serviço e este não estar disponível em estoque, será mandado um

email para o gestor do site como podemos ver abaixo.

Figura 107-Serviços de telemedicina usando VM


26

Figura 108-Envio para o carrinho de compras

O carrinho de compras do Virtuemart da a capacidade de armazenar as compras,

enquanto o utilizador prossegue fazendo compras.

Figura 109-Solicitação de um produto ao site

Quando possuímos o produto em estoque, o visitante poderá comprar direto

ou colocar no cesto e continuar a comprar, caso o produto esteja indisponível o visitante

poderá notificar ao site sua necessidade.

Depois de executado o pagamento pelo serviço o visitante será levado via url,

para uma pagina onde se efetuará o serviço prestado.

3.6.3.9- Sistema de pagamento

Para o pagamento dos serviços e produtos, existem diversas ferramentas

implementadas. Para acessá-las, selecione o ícone no painel de controle do VM

chamado de Formas de pagamento.


26

Figura 110-Icone de Formas de Pagamento

A seguir, na tela existirão diversos métodos de pagamento, publique o método

que deseja mais se enquadra ao seu portal.

Figura 111-Formas de pagamento

Note que podemos editar o método clicando sobre este, na tela de edição

podemos definir a forma em que se baseia o pagamento, grupo ordem entre outras

opções.

Como podemos analisar, o Joomla tem em mãos uma poderosa ferramenta de

comercio eletrônico, a custo zero. Lembre-se de que na área de comercio eletrônico

devemos colocar todos os esforços para que as transações entre portal e clientes sejam o

mais prático e seguro possível.

3.6.4 – Componente Photoslide Gavick

Para os visitantes é muito importante que o site possuísse além de interatividade,

um charme que chame a sua atenção, uma das formas utilizadas foi através da

apresentação de imagens, pensando neste fato, o portal de Telemedicina fez recurso ao

componente Photoslide GK3 que consiste num gerenciador de imagens. As imagens

serão exibidas através de um módulo do tipo slideshow, específico do componente.


26

3.6.4.1-Instalação

Assim como os componentes anteriores podemos descarregar o componente

diretamente do site de extensões joomla BR,faça o upload e instale o arquivo Zip do

componente.

3.6.4.2-Para acessar o componente

Vá até o menu => Componentes => Gavick Photoslide GK3 .GK3 trabalha

com grupos de imagens que podem ser atribuídos a diferentes menus e/ou seções do

site, via módulo. Cada grupo pode ser um tema/assunto diferente de imagens. Para criar

um grupo Clique no ícone => Manage groups.

Em seguida, na parte superior da tela GK3, clique no ícone > Add group para

podermos iniciar a criação de um novo grupo de imagens.

Agora se deve preencher o formulário com as medidas de largura e altura da área

onde as imagens serão exibidas.

No site de Telemedicina utilizei o programa MSpaint para analisar os atributos

das imagens em comparação com os módulos do portal, por exemplo:

Figura 112-Paint-atributos gavick

No canto inferior, podemos analisar as dimensões da imagem em pixels,mas

existem inúmeros editores livres no mercados, use o que mais se adapte com o seu

estilo.

3.6.4.3-Adicionando imagens no grupo


26

Já com o grupo criado (que podemos chamar também de categoria, se assim

você preferir - são equivalentes), vamos inserir as imagens (slides) que irão compor a

animação do site. Para isso selecione o ícone= > Manage slides.

Na sequência serão exibidos os grupos existentes para seleção. Escolha o que

será exibido no site e clique em => Choose group.

Figura 113-Escolha de grupos

Agora, na barra superior de ícones, cliquem em > Add slide.

Na tela seguinte, salve uma imagem de cada vez. É necessário informar um

nome para cada imagem (slide). Depois de selecionar a imagem no seu computador,

selecione o botão salvar, nesta mesma tela existem outras funcionalidades que podem

ser exploradas. Estas funcionalidades estão diretamente relacionadas com as funções do

módulo de slideshow específico do componente GK3.

Figura 114-Lista de Imagens do grupo

3.6.4.4-Exibição do slideshow no site

Até agora, tudo o que foi feito esta relacionado à gestão ou estruturação de

conteúdo. Ou seja, apenas organizaram-se as imagens em grupos. Para exibirmos estas

imagens no site devemos aceder ao menu=> Extensões=> Administrar Módulo =>

localize e abra o módulo do tipo mod_gk_image_show=> Salve;

Figura 115-Habilitando módulo


26

Feito isso, selecione o grupo que foi criado nos passos anteriores. Para isso

verifique se o módulo está habilitado e se este se encontra na posição correta. A posição

do módulo vai determinar o lugar onde o slideshow será incorporado, tenha atenção na

dimensão das imagens.

Figura 116-Posições modulares

Os módulos que vêm com os templates livres são muito simples, provavelmente

terá de criar uma nova posição no template. Para analisar as posições modulares no seu

tema vá para

Extensões > Administrar tema >

Selecione seu tema padrão > Pré-visualize o tema;

Figura 117-Análise dos módulos do template

Os retângulos coloridos são referências aos módulos do templates, o verde foi

criado para exibir o slideshow para o site de telemedicina, através do código descrito no

capitulo acima, com o nome de Adição de posições modulares (PM).

<div id="header" align="right" > <?php if($this-

>countModules('claudia')) : ?> 

<div>

<jdoc:include type="modules" name="claudia" style="xhtml" />

</div> <?php endif;?>


26

3.6.4.5-Adição de posições modulares

Para adicionar o código de adição de posições modulares, basta ir na mesma tela

onde esta localizada a opção de pré-visualização do template, e selecionar editar html, é

importante que salve esta informação existente neste num bloco de notas, pois se

danificar o template terá de descarregar um novo template como aconteceu com o portal

de telemedicina, onde foram perdidos incontáveis templates na experimentação.Agora

insira o código no html e vá salvando e pré-visualizando, consulte também na lista de

posições modulares se o nome Claudia encontra-se na lista. .

Figura 118- Adicionar posição

Neste portal o módulo certo foi encontrado abaixo do header (cabeçalho), onde

apenas foi acrescentado no tag <div id="header" > o alinhamento a direita, ficando

<div id="header" align="right" > para que este apareça a direita.

Existem templates pagos que já vem com imensos módulos preparados para

exibição de slideshows.

3.6.4.6-Visualizações Gavick

No Gavick III existem 3 formas de visualizar seus conteúdos, para isso vá ao

administrador de módulos > Edição de modulo.

No canto direito da tela temos Module Style , basta selecionar , aplicar e salvar.


26

Figura 119-Estilos do template

As telas abaixo mostram os 3 tipos de slideshow que o gavick III nos oferece.

Figura 120-Estilo Bloco de thumbnails

Figura 121-Estilo Template

Figura 122-Estilo Gavick (Rotação de imagens)


26

Utilize o estilo que achar mais adequado ao seu site, nunca esquecendo que não

depende de nós criadores, mas sim do publico. Lembre-se sempre do foco do seu site e

em como agradar mais o seu publico.

3.7-Plugins

Conhecidos como add-ins ou add-on, são programas de computadores usados

para adicionar funções a outros programas maiores, a Telemedicina fará uso deste

aplicativo na adição de funcionalidades que forneceram mais comodidade aos

utilizadores do site.

3.7.1- Plugin AllVideos

O portal de telemedicina focará seus serviços no ensino de medicina via e-

lerning, com este fim, faremos uso de vídeos demonstrativos e explicativos sobre

diferentes ângulos da medicina.

Para o portal inicial, foram adicionados os seguintes vídeos:

- Crise na Natalidade;

- Tutorias gavick e ck forms;

-Teleconsulta

3.7.1.1-Instalação do Allvideos 3.3

Para fazer o descarregamento em seu Computador, basta ir ao endereço

http://extensions.joomla.org/extensions/multimedia/multimedia-players/video-players-

a-gallery/812

e descarrega-se o pacote para seu computador.

De seguida, entre na Administração do seu Joomla, siga para Extensões,

carregue em Instalar\Desinstalar, conforme previamente demonstrado com os

componentes.

Na próxima tela você terá uma mensagem de que sua instalação foi concluída

com sucesso.


http://extensions.joomla.org/extensions/multimedia/multimedia-players/video-players-a-gallery/812

http://extensions.joomla.org/extensions/multimedia/multimedia-players/video-players-a-gallery/812

26

Figura 123-Instalação bem sucedida do AllVideos

3.7.1.2-Habilitar o Allvideos

Depois da instalação do Allvídeos é necessário habilitá-lo no Joomla

Para isso, vá em

Extensões => Administrar Plugins =>Duplo clique em Allvideos.

Figura 124-Administração de Plugins

Neste momento você estará no Editor de Plugins onde para além de habilitá-lo

podemos definir os atributos do player como largura, altura, resolução dos pixels, entre

outros; em Habilitar Plugins coloque sim e salve, assim o Allvideos estará Habilitado.

3.7.1.3-Extensões Allvideos

O Allvideos pode manipular diversos tipos de vídeo e áudio, mas por

predefinição o Joomla apenas vem com algumas extensões, para que este possa

manipular novas extensões devem ser adicionadas novas extensões. Para isso siga

os passos a seguir:

Site=> Configurações Globais

Selecione o separador Sistema=>Configurações de Mídia.


26

Em Configurações de Mídia você encontrará os formatos suportados, conforme listado a

seguir:

bmp,csv,doc,epg,flv,gif,ico,jpg,mp3,mp4,odg,odp,ods,odt,pdf,png,ppt,s

wf,txt,xcf,xls,BMP,CSV,DOC,EPG,FLV,GIF,ICO,JPG,MP3,MP4,

ODG, ODP, ODS, ODT, PDF, PNG, PPT, SWF, TXT, XCF, XLS.

Temos uma lista de extensões escritas em minúsculas ordenadas em ordem

alfabética e as mesmas nas suas versões em maiúsculas; quando quisermos adicionar

uma nova extensão devemos posicionar estas com base na ordenação alfabética, e o

mesmo na área das maiúsculas, salve e assim estarão habilitadas novas extensões

3.7.1.4- Envio de Media

Para enviar conteúdo de média para o portal, deveremos ter em conta que o

diretório de vídeos devera ser criado dentro do diretório Stories. Deve-se ir em:

Site->Administrar Mídia->Stories-> criar pasta;

Crie uma pasta de nome “Videos” (sem acentuação para evitar problemas

futuros). Selecione o seu ficheiro e inicie o envio.

Para ficheiros de áudio o procedimento para envio é idêntico, crie a pasta com o

nome “Audio” (no singular), e envie os ficheiros.

O tamanho Maximo dos arquivos por defeito é de 10 MBytes. Para alterar,

modifique o tamanho Maximo de Media em Configurações globais.

Figura 125-Mídias

3.7.1.5-Síntese


26

Para colocar vídeos no seu site basta que abra a edição o seu artigo, coloque o

nome do vídeo que deseja (este deve estar do mesmo jeito que se encontra na pasta

Vídeos ou Áudio) entre {tipo do vídeo}{/tipo do vídeo};

Exemplo 1: {mp3} hino nacional {/mp3}

Exemplo 2: {flv}Telesaúde{/flv}

Este componente também permite aplicar vídeos do Youtube diretamente no

nosso site, basta que o portal encontra-se colocar os Tag {youtube} telemedicina

{/youtube}.

Com este plugin poderemos inserir diversas multimídia no site, mas tendo

sempre em base o foco do portal.

Figura 126-Apresentação de um vídeo

3.7.2- Editor JCE

O editor JCE é uma incrível ferramenta de edição de artigos do Joomla. Assim

como outros editores , como o TinyMCE, o Joomla FCK editor e o JXtended, é um

editor do tipo WYSIWYG, que é um acrônimo para "What You See Is What You Get",

que numa tradução livre significa "O que você está vendo é o que você terá".

Esse tipo de editor permite que o utilizador administrativo do site, ao criar um

conteúdo, visualize as páginas já como elas ficarão quando elas estiverem publicadas no

portal.

Ao invés de ter que trabalhar com código HTML e estilos CSS para conseguir

dar a forma desejada ao conteúdo. O JCE se tornou uma das principais alternativas ao

TinyMCE, editor de conteúdo WYSIWYG padrão que já vem instalado com o Joomla,

por possuir um interface mais clara de se trabalhar, mais recursos para diagramação e


26

inclusive módulos que adicionam funcionalidades para a o momento de criação do

conteúdo.

3.7.2.1-Instalação do editor JCE

Para instalar o JCE Editor Plugin usando o Joomla deve-se em primeiro lugar

extrair todos os arquivos do Editor JCE Plugin.zip para um local em seu computador,

certificando-se preservar todos os caminhos de pasta.

A seguir entre na seção de administração do seu Joomla:

Componentes => JCE Administração =>

Painel de controle=> item de menu.

Se o Editor não está instalado corretamente, embora você tenha seus arquivos

copiados corretamente, conforme descrito acima, você verá uma mensagem de erro

"ficheiros Editor Plugin existe, mas Editor Plugin não está instalado - [Install Editor

Plugin]". Clique em [Install Editor Plugin].

Figura 127-Instalação do editor

Após concluir essas etapas, o editor JCE Plugin será instalado.

Para modificar o editor padrão vá na opção Site-> Configuração global

escolha, então o Editor 'JCE 1.5.x' da lista de seleção do “Default WYSIWYG Editor",

após este procedimento guarde as alterações.


26

Figura 128- Tela de edição do Editor JCE


26

Capitulo 4 - Conclusão

O uso das Tecnologias da Informação para auxílio a diversas atividades deve ser

intensificado para a área de saúde em Angola.Este País esta em recuperação das marcas

deixadas pela guerra, devido a este facto existem muitas debilidades em áreas como a

medicina.

Este projeto, visou a implementação de um sistema hibrido envolvendo sistemas

de Tecnologias de Informação e comunicação (TIC) e medicina. Este sistema foi

implementado utilizado tecnologias livres. O seu objetivo é melhorar as condições

clinicas na Província de Benguela, servindo assim de exemplo para toda Angola em

geral e quebrando distâncias geográficas entre médicos e pacientes. Outro foco do nosso

portal era se tornar uma plataforma de ensino para formação de profissionais no ramo de

medicina. Utilizando o gestor de conteúdo Joomla, foi possível a criação deste sistema a

custo zero, relativamente a licenciamento de programas.

4.1-Resumo do Relatório

Este relatório teve o objetivo de documentar e apresentar o projeto Telemedicina

em Angola. O objetivo deste projeto principal foi a criação de um sistema informática

capaz de dar soluções ao estado de saúde em Angola e reverter as estáticas de saúde.

Durante todos os capítulos analisamos a evolução do projeto e as melhores soluções

possíveis na utilização do Gestor de conteúdo Joomla. No Capitulo 2 aprendemos os

conceitos dos elementos aplicados na criação do portal.

No capitulo 3 analisamos a estrutura referente a administração(Backend) e parte

utilizador (FrontEnd), foi apresentados neste funcionalidades acrescidas pelo uso de

componentes e Plugins fornecidos gratuitamente.

Este relatório também se destina a ser um futuro guia a quem deseje trabalhar

com o Gestor de conteúdos Joomla, ou em futuras pesquisas acerca de Telemedicina.

4.2-Objetivos realizados

Com a implementação deste projecto foi possivel a criação de um portal

electronico de informações medicas, que atravês dos seus componentes e pluggins é


26

capaz de gerir seus usuarios, realizar transações de produtos e serviços, assim como

apresentar conteúdo multimídia.

Foi possível o estudo um gestor de conteúdo.

Conhecer o dia a dia dos portais de comercio eletrônico.

Estudar métodos de cadastro em CMS.

Programar um portal eletrônico com custo e programação zero.

Fornecer a Província de Benguela um portal eletrônico dedicado a Saúde.

Promover a responsabilidade social dos estudantes através de palestras e

divulgações da tema.

4.3-Bibliografia

1. Departamento de Informática em Saúde, UNIFESP/EPM Laboratório de

Educação a Distância,Educação em saúde- Serviços ao Paciente e a

Comunidade-[Em linha].Consultado em 07 de Agosto de 2011.Disponível em

http://www.virtual.unifesp.br/home/paciente.php .

2. UC Davis Health System- Department of Dermatology-[Em Linha] consultado

em 07de Agosto de 2011.Disponível em http://www.ucdmcucdavis.edu/

informatics.

3. Rego Moraes,TIS - Grupo de Tecnologias da Informação em Saúde-Telessaude.

[Em linha]consultado em 07 de Agosto de 2011. Disponível em

http://www.telessaúde.org.br/contato.htm.

4. Ministério da Saúde e BIREME- Programa de Telessaúde Brasil.[Em

linha]Consultado em 07 de Agosto de 2011.Disponível em

http://www.telessaudebrasil.org.br/php/index.php?portal=subportal1

5. Castro Maria- Caracteres Especiais[Em linha]Consultado em 07 de Agosto de

2011.Disponível em http://www.icmc.usp.br/ensino/material/html/especiais.html

6. Lemos Marcos- Letreiro digital para Blog.[Em linha]Consultado em 07 de

Agosto de 2011-. Disponível em http://www.ferramentasblog.com/contato.


http://www.ferramentasblog.com/contato

http://www.icmc.usp.br/ensino/material/html/especiais.html

http://www.telessaudebrasil.org.br/php/index.php?portal=subportal1

http://www.ucdmcucdavis.edu/%20informatics

http://www.ucdmcucdavis.edu/%20informatics

http://www.virtual.unifesp.br/home/paciente.php

26

7. Fórum Comunidade Portuguesa de Joomla-Joomlapt!com-Comunidade joomla

Portuguesa[Em linha].Consultado em 07 de Agosto de 2011.Disponível em

http://forum.joomlapt.com/faq-instalacao/368-mover-ou-copiar-site-

joomla.html.

8. Tibaldi Carla - Letreiro digital para Blog.[Em Linha]Consultado em 07 de

Agosto de 2011-Disponível em http://fisioterapiacuiaba.blogspot.com/.

9. Rodrigues, Adriano Duarte (2000)-Dicionário breve da informação e da

comunicação, Lisboa : Presença.

10. Marques, João Alexandre Lobô (2007)-SISCTG- Um sistema inteligente para

classificação de sinais cardiotocográficos para o auxílio ao diagnóstico de

sinais Médicos – Fortaleza: Universidade Federal do Ceará.

4.2-Glossário

Acesso Remoto- quando acessamos um computador ou outro aparelho

eletrônico a distância, podendo este equipamento estar na nossa sala ao lado ou

então milhares de quilômetros a distâncias.

Artigo-Testo publicado num jornal,escrito por um jornalista ou colaborador.

Backup- Processo de clonagem ou duplicação de um sistema, arquivo, etc., com

a finalidade de proteger a informação.

Banner-Forma Publicitaria mais comum na internet, muito utilizado em

programas para a divulgação de sites na internet que pagam por sua inclusão.


http://fisioterapiacuiaba.blogspot.com/

http://forum.joomlapt.com/faq-instalacao/368-mover-ou-copiar-site-joomla.html

http://forum.joomlapt.com/faq-instalacao/368-mover-ou-copiar-site-joomla.html

26

Base de dados- é um conjunto de registros dispostos em estrutura regular que

possibilita a reorganização dos mesmos e produção de informação. Um base de

dados normalmente agrupa registros utilizáveis para um mesmo fim.

Blogs - é um site cuja estrutura permite a atualização rápida a partir de

acréscimos dos chamados artigos, ou posts. Estes são, em geral, organizados de

forma cronológica inversa, tendo como foco a temática proposta do blog,

podendo ser escritos por um número variável de pessoas, de acordo com a

política do blog.

.

Capcha-é um acrônimo da expressão teste de Turing publico completamente

automatizado para diferenciação entre computadores e humanos, é um teste de

desafio cognitivo utilizado como ferramenta antispan desenvolvido

pioneiramente na universidade de Carnagie –Mellon.

Cardiobipe- É um processo de telemonitoramento que consiste de um pequeno

aparelho portátil de ECG mono canal, que o paciente encosta ao peito, pressiona

um botão para recolher alguns segundos de ECG e em seguida encosta ao bocal

do telefone, enviando-o via modem acústico para o centro remoto.

Código- Combinação formada por um conjunto limitado de sinais

Comercio Electronico- transação comercial feita especialmente através de

meios eletrônicos, como, por exemplo, um computador. Ou seja, consiste em

processos de compra e venda de produtos através da internet.

Css (cascate sheet style)-é uma linguagem de estilo utilizada para definir a

apresentação de documentos escritos em uma linguagem de marcação, como

HTML ou XML.

Destructores- São funções utilizadas em programação, com o propósito de

eliminar um objeto e libertar memória.


26

Drivers- São pequenos programas que fazem a comunicação entre o Sistema

Operativo de sua máquina e o Hardware. Temos como exemplos de Hardware

(impressora, mouse, placas de vídeo e rede, monitor, pen-drives, etc...).

Extensões- Consiste em um padrão criado pelos sistemas operativos DOS

(incluindo o Windows) com o objetivo de diferenciar os ficheiros, para isso

coloca-se um ‘.’seguido de três ou quatro caracteres após o

nome.Ex: .com,.ico,.flv.

Hardware- É a parte física do computador, ou seja, é o conjunto de componentes

eletrônicos, circuitos integrados e placas, que se comunicam através de

barramentos.

Interatividade- É a capacidade de um utilizador poder estabelecer influencia

sobre a informação disposta numa certa mídia.Ou seja ocorre quando utilizador

pode participar na troca de ações de controle sobre acontecimentos.

Hospedagem- É um serviço que possibilita a pessoas ou empresas com sistemas

online a guardar informações, imagens, vídeo, ou qualquer conteúdo acessível

por Web.

HTTP- (Protocolo de transferência de Hipertexto), o protocolo padrão da Web

utilizado na transferencia de dados em intranet assim como internet.

Mb(Megabytes)- é uma unidade de medida de informação que equivale a 1 000

000 Bytes.

Multimédia- Conjunto de técnicas que permitem a produção, a difusão e a

restituição no mesmo suporte de várias modalidades de representação mediática

de informações.

Offline(fora de linha)-Termo utilizado em telecomunicações pela internet, para

designar que os intervenientes não se encontram em linha.


26

Online(em linha)-Termo utilizado em telecomunicações pela internet, para

designar que os intervenientes se encontram em linha.

Oracle- É uma ferramenta cliente/servidor para a gestão de Bases de Dados.

Pluggin ou add-on: É uma aplicação que depois de instalada num sistema

adiciona certas funcionalidades.

Ram- é um tipo de memória que permite a leitura e a escrita, utilizada como

memória primária em sistemas eletrônicos digitais

Reset-Ação de anular certo conteúdo, igualar resultado a zero.

Scripts- São ações ou papeis codificadas em objetos que promovem a

realização de eventos num sistema.

Servidores-Computadores onde estão organizados os dados, estes fornecem seus

serviços as maquinas clientes.

Servidor Web- Um servidor Web é um computador que processa solicitações

HTTP (Protocolo de transferência de Hipertexto) o protocolo padrão da

Web.Quando é utilizado um navegador de internet para acessar um site, este faz

as solicitações devidas ao servidor Web do site através de HTTP e então recebe

o conteúdo correspondente.

Spans- É uma espécie de ataque pela Web onde são enviadas mensagens em

massa indesejáveis e repetidas no Email da vitima.

Sun- É uma empresa subsidiaria da corporação Oracle, fabricante de

computadores, semicondutores e aplicações.


26

Transtelefônica: É processo de envio de dados clínicos de um paciente num

processo de cardiobipe através de um telefone,.

Tag- É uma palavra-chave (relevante) ou termo associado com uma informação

(ex: uma imagem, um artigo, um vídeo) que o descreve e permite uma

classificação da informação

Tutorial- Consiste num guia detalhado passo a passo sobre um assunto;

Unicode- É um padrão que permite aos computadores representar e manipular,

de forma consistente, texto de qualquer sistema de escrita existente

Url- Em português Localizado - Padrão de Recursos, é o endereço de um

recurso (um arquivo, uma impressora etc.), disponível em uma rede; seja a

Internet, ou uma rede corporativa, uma intranet. Uma URL tem a seguinte

estrutura: protocolo://máquina/caminho/recurso.

Date post:	26-Jun-2015
Category:	Documents
Upload:	universidadelusiada
View:	397 times
Download:	3 times

Relatorio do projecto de telemedicina revisao

Documents