A.7 Instala¸c˜ ao Django
3.7 Integra¸c˜ ao M´ odulo-Painel: Escrevendo o c´ odigo JavaScript
JavaScript
Ap´os montarmos a estrutura do nosso Painel e do m´odulo de ´audio, come¸camos ent˜ao a
desenvolver a parte interativa que representa o JavaScript. Na interface do m´odulo de ´
audio, criamos um bot˜ao que pudesse ser f´acil para o usu´ario interagir e que tamb´em
apresentasse algum tipo de informa¸c˜ao. Logo, para isso desenvolvemos um bot˜ao on-off- switch (Figura 3.16).
Figura 3.16: On-off-switch
No c´odigo JavaScript, configuramos a anima¸c˜ao do bot˜ao. Apesar de agora o
nosso bot˜ao apresentar algum tipo de informa¸c˜ao para o usu´ario, vimos a necessidade de alert´a-lo de outra forma devido ao fato de se tratar de uma comuta¸c˜ao de ´audio de uma
conversa sigilosa. A partir disso, desenvolvemos caixas de alerta interativas que cont´em informa¸c˜ao sobre a op¸c˜ao escolhida pelo usu´ario que apenas aparecem na tela quando o
30
o script Shell. Por´em, para o front-end se comunicar com o back-end foram necess´arios
alguns mapeamentos. O front-end e back-end s˜ao termos generalizados que se referem `
as etapas inicial e final de um processo. O front-end ´e respons´avel por coletar a entrada
do usu´ario em v´arias formas e process´a-la para adequ´a-la a uma especifica¸c˜ao em que o back-end possa utilizar. Tais partes se comunicam atrav´es do web framework Django
como pode ser na Figura 3.17 abaixo.
Figura 3.17: Comunica¸c˜ao Front-End e Back-End
A fim de chamarmos o script de comuta¸c˜ao de ´audio, que faz parte do nosso desenvolvimento back-end, no momento em que o usu´ario clicar no bot˜ao (front-end ) foi
necess´ario criarmos uma view no Django (Figura 3.18).
Figura 3.18: Cria¸c˜ao da VIEW no Django
Depois da view criada, mapeamos um endere¸co URL dentro tamb´em do Framework Django que a chamasse (Figura 3.19).
Logo, a partir de agora, ao criarmos uma fun¸c˜ao AJAX dentro do nosso c´odigo JavaScript, j´a conseguimos a comunica¸c˜ao back-end e front-end. A fun¸c˜ao AJAX ´e
Figura 3.19: Mapeamento da URL que chama a VIEW no Django
necess´aria para fazermos requisi¸c˜oes ass´ıncronas na web, pois o que queremos ´e que a a¸c˜ao do usu´ario de apertar o bot˜ao tenha essa informa¸c˜ao processada sem que seja necess´ario
a atualiza¸c˜ao da tela, o refresh (Figura 3.20). O JavaScript ent˜ao, assume o papel de navegador acessando uma determinada url e fornecendo como retorno o conte´udo HTML
gerado pela URL acessada.
32
Por fim, por motivos de seguran¸ca, definimos o modo default do ´audio como Pri-
vado. Para isso, fizemos uma fun¸c˜ao que define que assim que o usu´ario acessar a p´agina, o bot˜ao automaticamente vira para Privado comutando o ´audio ent˜ao para essa sa´ıda,
para mais detalhes sobre os c´odigos envolvidos consulte os Apˆendices E (shell script ) e D (JavaScript ).
Cap´ıtulo 4
Conclus˜ao e Trabalhos Futuros
4.1
Conclus˜ao
Levando-se em considera¸c˜ao os t´opicos apresentados durante o desenvolvimento deste tra-
balho, este cap´ıtulo fornece uma an´alise final quanto aos aspectos positivos proporcionados pela aplica¸c˜ao desenvolvida ao sistema do projeto Telessa´ude. Com o intuito de facilitar o
entendimento, o cap´ıtulo est´a organizado atrav´es de uma abordagem que decorrer´a sobre os seguintes pontos:
• Vantagens das ferramentas utilizadas;
• Usabilidade do sistema e intera¸c˜ao com o usur´ario; • Perspectiva de escalabilidade do sistema;
• Custo da ferramenta;
Primeiramente, dentre as vantagens das ferramentas utilizadas, podemos destacar a portabilidade proporcionada pela escolha do desenvolvimento web. Tal portabilidade ´e
resultado do acesso via browser da aplica¸c˜ao, resultando numa independˆencia de sistema operacional. A Figura4.1, para fins de ilustra¸c˜ao, apresenta a interface do m´odulo de
34
Figura 4.1: Interface Painel de Automa¸c˜ao
O desenvolvimento baseado no Framework Django e na linguagem Python foi es-
colhido de modo a simplificar os trabalhos futuros no Painel, uma vez que estas propor- cionam uma abordagem modular robusta. Por sua vez, a linguagem Python tem sido
fortemente adotada nos atuais cen´arios de desenvolvimento, sendo tamb´em ministrada no curso de Engenharia de Telecomunica¸c˜oes, o que a torna a favorita para desenvolvimento
do Projeto, conforme ilustrado na Figura 4.21.
Figura 4.2: Ranking linguagens mais utilizadas [29].
1O Python continuou sua trajet´oria ascendente e saltou dois lugares para o slot n´umero 1, embora os quatro maiores - Python, C, Java e C ++ - permanecem muito pr´oximos de popularidade.
Conforme o descrito na Se¸c˜ao 3.2, a estrutura de projeto estabelecida pelo Django,
o torna uma ferramenta de grande ´auxilio para manuten¸c˜ao e e escalabilidade do sis- tema. Uma vez, que tal estrutura¸c˜ao resulta em uma linha de desenvolvimento clara e
bem definidade, simplificando a dissemina¸c˜ao do conhecimento e tornando poss´ıvel que a contribui¸c˜ao de futuros colaboradores.
O projeto, descrito neste trabalho, propiciou uma maior usabilidade do sistema, em termos gerais, uma vez que a complexidade t´ecnica antes existente foi convertida em
uma tecnologia transparente e simplificada. Al´em disso, a intera¸c˜ao com o usu´ario foi sig- nificativamente impactada atrav´es do desenvolvimento de uma interface gr´afica intuitiva,
o que torna o uso da aplica¸c˜ao evidente para o usu´ario final.
A opera¸c˜ao di´aria dentro do centro hologr´afico envolve uma forte prepara¸c˜ao t´ec-
nica, pois todos os pontos devem estar alinhados antes da consulta m´edica. De modo a simplificar essa opera¸c˜ao, o painel traz em ´unico lugar a possibilidade de controlar toda a
parte t´ecnica, seja ela feita pelos t´ecnicos e at´e mesmo m´odulos executados pelos pr´oprios m´edicos, como o m´odulo de ´audio, possibilitando a independˆencia objetivada pelo projeto.
Al´em de simplificar a opera¸c˜ao e trazer maior independˆencia para os usu´arios, o desenvolvimento do Painel Web possibilita uma enorme portabilidade, uma vez que o
usu´ario poder´a se conectar de qualquer dispositivo que acesse a internet. A Figura4.3, para fins de ilustra¸c˜ao, apresenta a interface do m´odulo de comuta¸c˜ao de ´audio tanto para
m´odo p´ublico (em vermelho) quanto para modo privado (em verde).
Figura 4.3: Visualiza¸c˜ao da interface: Desktop vs Tablet
A funcionalidade de executar scripts remotamente (via ssh), de maneira segura,
36
idade do sistema. Uma vez que, acompanhada de uma interface de us´ario, pode executar
qualquer uma das diversas fun¸c˜oes do sistema em diferentes m´aquinas distribu´ıdas pela rede.
O custo ´e um aspecto vantajoso do projeto desenvolvido. Devido a iniciativa de uti- liza¸c˜ao de ferramentas de c´odigo aberto e/ou sob a licen¸ca de software livre, n˜ao h´a custo
agregado ao Projeto Telessa´ude atrav´es da implementa¸c˜ao da solu¸c˜ao aqui apresentada. Al´em das vantagens descritas por esse trabalho, a implementa¸c˜ao do Painel de
Automa¸c˜ao proporciona muitas outras possibilidades de otimiza¸c˜ao do sistema. Algumas delas, ser˜ao descritas na se¸c˜ao seguir na se¸c˜ao de trabalhos futuros.