Escolar Documentos
Profissional Documentos
Cultura Documentos
Florianópolis
2019
Alan Douglas Campagnaro
Florianópolis
2019
Aos meus pais e irmã, que com muito carinho e apoio, não mediram esforços para que eu
chegasse até esta etapa de minha vida.
Agradecimentos
É importante armazenar informações sobre esses tratamentos, dados sobre espécie, raça,
tipo de tumor, abordagem utilizada e resultados obtidos. Desenvolveu-se então uma base
de dados, com o objetivo de registrar esses tratamentos e criar um histórico que possa ser
acessado posteriormente por profissionais da área.
It is important to store information about these treatments, data related to the species,
race, tumor type, medical approach and obtained results. A database was developed
in order to record this information and create a history that can be later accessed by
professionals in the field.
Access to the database is done through a website where approved users can register
information and also search for data from old treatments, all quickly and easily. The
system was developed using the programming languages PHP, Javascript, SQL, HTML
and CSS. The database used was MariaDB, it was created alongside the tables needed for
the project. The webpages were developed and hosted at an online server, which can be
accessed through the URL <www.veteridata.com.br>.
EQT Eletroquimioterapia
IP Internet Protocol
1 INTRODUÇÃO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
1.1 O QUE É CÂNCER? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
1.2 ELETROPORAÇÃO E ELETROQUIMIOTERAPIA . . . . . . . . . . . . . 13
1.3 MOTIVAÇÃO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
1.4 OBJETIVO GERAL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
1.5 OBJETIVO ESPECíFICO . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2 MÉTODOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.1 FERRAMENTAS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.2 BASE DE DADOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.3 LINGUAGENS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.3.1 HTML e CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.3.2 Javascript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.3.3 PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.3.4 SQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.4 PROCESSO DE DESENVOLVIMENTO . . . . . . . . . . . . . . . . . . . 17
2.4.1 Pesquisa e Instalação de Ferramentas . . . . . . . . . . . . . . . . . . 17
2.4.2 Criação do Banco de Dados . . . . . . . . . . . . . . . . . . . . . . . 17
2.4.3 Criação do Website . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2.4.4 Hospedagem do Website . . . . . . . . . . . . . . . . . . . . . . . . . 19
2.5 FUNCIONAMENTO DO SISTEMA . . . . . . . . . . . . . . . . . . . . . 19
3 RESULTADOS E DISCUSSÕES . . . . . . . . . . . . . . . . . . . . 21
3.1 ACESSO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
3.2 TELAS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
3.3 TRABALHOS FUTUROS . . . . . . . . . . . . . . . . . . . . . . . . . . 25
4 CONCLUSÃO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Referências . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
12
1 Introdução
1.3 Motivação
Com a evolução dos estudos sobre eletroporação e o crescimento da utilização
de tratamentos por eletroquimioterapia na oncologia veterinária surge a necessidade de
criar-se um local para registro desses procedimentos.
• Criar uma lógica de servidor utilizando PHP para inserção e leitura de dados no
Banco de Dados.
• Implementar sistema de login com senha para restringir o acesso à somente pessoas
autorizadas.
• Criar a interface de forma responsiva, para que seja utilizável em telas de dispositivos
móveis.
15
2 Métodos
2.1 Ferramentas
O website foi inicialmente hospedado localmente. Isso foi possível através da ferra-
menta open-source XAMPP (apachefriends.org). Um pacote para desenvolvimento que
contém o servidor web Apache (httpd.apache.org), a base de dados MariaDB (mari-
adb.org) e interpretadores para as linguagens PHP (Hypertext Preprocessor, php.net) e
Pearl (pearl.org). A ferramenta para administração de banco de dados phpMyAdmin
(phpmyadmin.net) também está inclusa no pacote.
As páginas foram todas criadas a partir do zero em um editor de texto, para este
projeto optou-se pelo Brackets (brackets.io), por possuir várias funcionalidades e facilidades
voltadas à desenvolvedores web, como a possibilidade de exibir o progresso em tempo real
no navegador Google Chrome (google.com/chrome).
2.3 Linguagens
O desenvolvimento do trabalho exigiu o conhecimento de diversas linguagens de
programação, as quais serão brevemente citadas aqui, juntamente com a explicação da
função de cada uma no sistema.
Capítulo 2. Métodos 16
2.3.2 Javascript
Um website pode ser interativo e responder às ações do usuário com mudanças na
página, isso é possível através da criação de scripts.
Javascript (javascript.com) é uma linguagem de programação interpretada pelo
navegador. Sua função neste sistema é tornar as páginas dinâmicas. Por exemplo, na tela
de cadastro de animais, o número de campos exibidos para o preenchimento depende do
número de sessões de EQT realizadas, definido pelo usuário anteriormente, ou seja, uma
entrada de informação interfere na exibição da página.
2.3.3 PHP
Sistemas online podem ser separados em duas partes, quanto ao seu desenvolvimento,
front-end e back-end, que não necessariamente são feitos pelo mesmo profissional.
As linguagens citadas até o momento descrevem a parte do website que o usuário é
capaz de ver, a interface do cliente. Para dar instruções ao lado do servidor utilizou-se o
PHP, linguagem de programação interpretada pelo servidor.
A comunicação com o servidor é essencial pois é nele que se encontra o banco de
dados. O PHP cria a conexão com o banco, extrai os dados e encerra a conexção.
2.3.4 SQL
A comunicação direta com o banco de dados é feita através da linguagem SQL
(Structured Query Language). Essa linguagem de alto nível permite inserir, editar, excluir,
filtrar e buscar dados no banco.
De acordo com a ANSI (American National Standards Institute), SQL é a linguagem
padrão para sistemas de gerenciamento de bases de dados relacionais, como Oracle
(oracle.com), Mysql, MariaDB, PostgreSQL (postgresql.org).
Capítulo 2. Métodos 17
ids, classes e definem-se diversos atributos a cada um. Os atributos contêm informações
sobre tamanho, posição, fonte, cor, visibilidade, tudo o que for necessário para a exibição
do elemento. Em um website responsivo, parâmetros como tamanho e posição nunca
devem ser explicitados em valores absolutos, como pixels, e sim em valores relativos, como
porcentagens da dimensão da tela.
Para transmitir informações entre páginas, ou acessar o banco de dados, escrevem-se
linhas de código em PHP. Valores preenchidos em um campo pelo usuário são alocados
em variáveis e através de determinados métodos (funções), podem ser chamados em outra
parte do site. O conteúdo dessas variáveis também pode ser inserido em um comando
SQL que poderá realizar uma busca, inserir ou excluir uma informação da base de dados.
Este comando pode gerar uma resposta exibindo dados ou alguma mensagem desejada na
forma de texto, tabelas ou imagens.
Capítulo 2. Métodos 19
3 Resultados e Discussões
3.1 Acesso
O resultado final do trabalho pode ser acessado por meio de qualquer dispositivo
que possua um navegador e conexão com a internet, através do endereço <http://www.
veteridata.com.br>.
Atualmente, para garantir segurança dos dados dados, a única maneira de se
adicionar um usuário é solicitar diretamente ao desenvolvedor. No momento esta é a única
maneira de confirmar se a pessoa é realmente um profissional da área. Ao ser aprovado,
recebe-se um login e uma senha e pode-se utilizar o sistema de forma livre.
3.2 Telas
O tamanho dos elementos da interface varia de acordo com o tamanho da tela
do dispositivo, mantendo o texto sempre em um tamanho legível. As figuras 2, 3, 4 e 5
mostram o sistema visto através de uma tela de computador.
Como o website foi construído de forma responsiva, ao ser acessado em um disposi-
tivo de tela menor, como um celular por exemplo, os elementos da interface se reorganizam
para manter a usabilidade, conforme observa-se nas figuras 6, 7, 8, 9, 10 e 11.
4 Conclusão
Referências
SUZUKI, D.; MARQUES, C.; RANGEL, M. Conductive gel increases the small tumor
treatment with electrochemotherapy using needle electrodes. Artificial organs, v. 40, 11
2015. Citado na página 13.
WITHROW, S. J. Withrow and MacEwen’s small animal clinical oncology. 5th. ed. [S.l.]:
Elsevier Health Sciences, 2007. Citado 2 vezes nas páginas 12 e 13.