Relatorio de estagio supervisionado tecnico em informatica

1. DIRETORIA DE DESENVOLVIMENTO DE ENSINO
COORDENAÇÃO DO CURSO TÉCNICO EM INFORMÁTICA
BEATRIZ BEZERRA DE SOUZA
RELATÓRIO DE ESTÁGIO SUPERVISIONADO
Marketplace: FarmáciaJá
CAJAZEIRAS - PB
2016

2. BEATRIZ BEZERRA DE SOUZA
RELATÓRIO DE ESTÁGIO SUPERVISIONADO
Marketplace: FarmáciaJá
Relatório de estágio supervisionado,
apresentado ao Instituto Federal de
Educação, Ciências e Tecnologia da
Paraíba, Campus Cajazeiras, como
requisito obrigatório para obtenção
do título profissional de Técnico em
Informática. Com orientação do Prof.
Gustavo Soares Vieira.
CAJAZEIRAS - PB
2016

3. INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E
TECNOLOGIA DA PARAÍBA – IFPB CAMPUS CAJAZEIRAS.
CURSO TÉCNICO EM INFORMÁTICA
RELATÓRIO FINAL DE ESTÁGIO
Apresentado em ____/____/____
________________________________________________
BEATRIZ BEZERRA DE SOUZA
Estagiária
________________________________________________
Prof. GUSTAVO SOARES VIEIRA
Orientador
________________________________________________
DAVID FREITAS ROLIM
Supervisor
________________________________________________
Prof. Me. ANDRÉ LIRA ROLIM
Coordenador do Curso

4. RESUMO
O presente relatório tem o intuito de descrever as atividades realizadas durante
o período de estágio, efetuado na empresa de tecnologia Papagaio. As tarefas
executadas nesse ínterim foram baseadas no desenvolvimento do projeto
FamáciaJá, que é um sistema web, desenvolvido com o framework Django, para
facilitar a compra e a venda de produtos farmacêuticos. Esse sistema se
enquadra no modelo marketplace, sendo seu enfoque as farmácias, busca reunir
varejistas e clientes do ramo, trazendo benefícios a todos os envolvidos no
processo.
Palavras - Chave: Marketplace, famácia, Django.

5. LISTA DE ILUSTRAÇÕES
Figura 1: Cadastro de informações de produto ............................................... 13
Figura 2: Cadastro de imagem de produto...................................................... 14
Figura 3: Listagem de produtos....................................................................... 15

6. ACRÓNIMOS
DRY – D’ont Repeat Yourself
HTML – HyperText Markup Language
HTTP - HyperText Transfer Protocol
MTV – Model-Template-View
MVC – Model-View-Controller
SQL – Structured Query Language
UI – User Interface
URL – Uniform Resource Locator
WEB – World Wide Web

7. SUMÁRIO
1 INTRODUÇÃO ........................................................................................ 7
1.1 OBJETIVO............................................................................................... 7
1.2 A EMPRESA............................................................................................ 7
1.3 DESCRIÇÃO GERAL DAS ATIVIDADES................................................ 7
1.4 ORGANIZAÇÃO DO RELATÓRIO .......................................................... 8
2 EMBASAMENTO TEÓRICO.................................................................... 9
2.1 WEB......................................................................................................... 9
2.2 DJANGO................................................................................................ 10
3 ATIVIDADES DE ESTÁGIO .................................................................. 12
3.1 O PROJETO.......................................................................................... 12
3.2 CADASTRO DE PRODUTOS................................................................ 13
3.3 EDIÇÃO DE PRODUTOS...................................................................... 14
3.4 LISTAGEM DE PRODUTOS ................................................................. 14
4 CONSIDERAÇÕES FINAIS .................................................................. 16
REFERÊNCIAS................................................................................................ 17

8. 7
1 INTRODUÇÃO
É notório o atual movimento econômico brasileiro gerado pelo e-
commerce, principalmente o modelo marketplace, ambiente virtual que reúne
variós varejistas e os proporciona um meio de ganhar visibilidade e
competitividade, oferecendo aos clientes maiores possibilidades de escolha na
aquisição de algum produto. Perante essa realidade, a empresa Papagaio optou
por desenvolver um sistema para esse ramo de negócio: o FarmáciaJá.
O presente relatório expõe as atividades realizadas durante o estágio
efetuado na empresa de tecnogia Papagaio, situada na cidade de João Pessoa
– PB, durante o período de junho à setembro de 2016, visando a capacitação
técnica para o estagiário por meio da vivência em um ambiente de trabalho.
1.1 OBJETIVO
O objetivo desse estágio é possibilitar ao aluno a oportunidade de aplicar
os conhecimentos adquiridos durante o período do curso Técnico em Informática
como também lhe proporcionar maiores aprendizados, tendo em vista que a
experiência da vivência em uma empresa de desenvolvimento de softwares é de
grande importância na formação de qualquer profissional na área tecnológica.
1.2 A EMPRESA
Fundada em 2014 e com sede em João Pessoa/PB, a empresa Papagaio
trabalha com o desenvolvimento de jogos, sistemas embarcados, sistemas web
e aplicações para smartphones e tablets. Além de projetos próprios, desenvolve
projetos para clientes nacionais e internacionais.
É formada por uma equipe multidisciplinar, que busca atualizar-se diante
das constantes mudanças no mercado tecnológico, e que se adapta as
necessidades dos seus clientes.
1.3 DESCRIÇÃO GERAL DAS ATIVIDADES
As atividades desenvolvidas durante o período de estágio foram as
seguintes:

9. 8
 Desenvolvimento da função cadastrar produtos;
 Desenvolvimento da função editar produtos;
 Desenvolvimento da função listar produtos.
1.4 ORGANIZAÇÃO DO RELATÓRIO
O presente relatório se divide em três partes essenciais: embasamento
teórico, atividades de estágio e considerações finais. A primeira introduz o leitor
na área de atuação do estagiário, a segunda descreve as atividades
desenvolvidas durante o período de estágio, enquanto a terceira menciona os
resultados da experiência vivida.

10. 9
2 EMBASAMENTO TEÓRICO
2.1 WEB
Berners-Lee (1998), define a Web como um espaço de informação
comum onde a comunicação ocorre por meio da partilha de informações sendo,
sua essência, a universalidade: o fato de os links serem capazes de apontar para
qualquer outra coisa. Dessa forma, os computadores seriam os grandes
responsáveis por auxiliar no compartilhamento de informes sobre diversas áreas
como o trabalho, a diversão e a socialização.
De acordo com Ghedin (2014), o acesso à Web ocorre por meio da
Internet e, geralmente, através de programas especializados denominados
navegadores como, por exemplo, o Internet Explorer, o Mozila Firefox e o Google
Chrome. A estrutura do sistema de documentos conectados por links é baseada
no modelo cliente-servidor. Dessa forma, quando um usuário (cliente) solicita
uma página (URL) ele está realizando um pedido a um computador remoto
(servidor), cuja função é servir arquivos. Este último processa o pedido do
usuário e retorna uma mensagem para o mesmo.
Ghedin (2014), justifica que o sucesso do funcionamento da World Wide
Web “foi possível com a criação de três tecnologias basilares”. Essas, descritas
a seguir, são a base para qualquer Sistema Web e precisam trabalhar em
conjunto para que o funcionamento do mesmo ocorra como o esperado. São
elas:
 URL: Uniform Resource Locator é o endereço de um recurso
disponível em uma rede. Serve para indicar onde está o que o
usuário solicita. Faz uso do serviço DNS para a sua tradução de IP
para domínio e vice e versa.
 HTML: HyperText Markup Language é uma linguagem de
marcação que se utiliza de um sistema de tags simples e é capaz
de formatar e exibir elementos como textos, imagens e vídeos.

11. 10
 HTTP: HyperText Transfer Protocol é um protocolo de
comunicação responsável por tratar as requisições e as respostas
no modelo cliente-servidor.
2.2 DJANGO
Desenvolvido inicialmente para gerenciar um site jornalístico, com curtos
prazos para realizar tarefas, Django é um framework web open-source, escrito
em Python, que fornece uma grande quantidade de componentes que facilitam
e tornam o desenvolvimento de sistemas web muito mais limpo, tendo em vista
que muitas rotinas são automatizadas. Dessa forma, pode-se dizer que o
princípio DRY é respeitado.
É baseado no padrão de projetos MVC (Model-View-Controller), que
separa a lógica da apresentação, porém, apresenta algumas modificações. No
MVC, o Model refere-se aos dados, View é responsável pela apresentação das
informações e Controller está relacionado as decisões realizadas pelo sistema,
como a escolha de uma View. No Django, esse padrão é denominado MTV
(Model-Template-View):
 Model: refere-se aos dados, as relações e as operações entre eles.
 Template: é responsável pela apresentação das informações, ou
seja, refere-se a UI do sistema.
 View: corresponde a lógica que a aplicação dispõe, sendo uma das
principais funções conectar Models e Templates.
Segundo Jaiswal e Kumar (2015, p.5), Django disponibiliza muitos
recursos extras que ajudam, consideravelmente, na resolução de problemas
frequentes enfrentados no desenvolvimento Web. Entre esses, pode-se
destacar:
 O mapeamento objeto-relacional: os modelos de dados podem ser
manipulados inteiramente em Python, sem que seja necessário

12. 11
utilizar os comandos da linguagem SQL diretamente, a não ser que
o programador queira. Dessa forma, cada modelo possui um
conjunto de pesquisa (Queryset) que permite ler os dados do
banco de dados, filtrar e ordenar os mesmos.
 A Interface de administração automática: permite que o conteúdo
do sistema seja alterado com uma UI amigável, elegante e
alterável, mesmo quando ainda se está em fase de produção.
 O design elegante de URLs: permite a definição de URLs
amigáveis e flexíveis, além de indicar qual View será responsável
por lidar com cada URL.
 O sistema de templates: há a disponibilidade de uma linguagem de
templates poderoza e extensível. Ela permite o uso de estruturas
da linguagem Python, como decisão e repetição, possibilitando a
dinamicidade dos arquivos estáticos, como é o caso dos arquivos
HTML.

13. 12
3 ATIVIDADES DE ESTÁGIO
As atividades realizadas durante o período de estágio consistiram no
desenvolvimento do cadastro dos produtos, a edição dos produtos e a listagem
dos produtos. Para cada funcionalidade dessas, foi feita a integração da parte
lógica com a parte visual. Ambas são chamadas de Back-end e Front-end,
respectivamente. Sendo a primeira escrita com uma linguagem de programação,
no caso Python, e a segunda com uma linguagem de marcação, no caso, HTML.
Em Django, esses termos se referem as Views e aos templates. As atividades
desenvolvidas serão explicadas a seguir.
Para que se efetue a compreensão das atividades realizadas durante o
estágio, torna-se necessário um breve detalhamento do projeto FarmáciaJá.
3.1 O PROJETO
O FarmáciaJá é um sistema web, desenvolvido em Django, para reunir
varejistas e consumidores do mercado farmacêutico: trata-se de um
marketplace. Assim, disponibiliza um conjunto de ferramentas capazes de
facilitar processos relacionados a comercialização de produtos farmacêuticos e
gera vantagens a todos os envolvidos no negócio como, por exemplo, mais
opções de escolha de compra para os consumidores e maior disponibilidade de
ambientes de venda para os varejistas. O funcionamento simplificado do sistema
ocorre da seguinte maneira:
1. O usuário varejista cadastra sua farmácia no FarmáciaJá;
2. O usuário consumidor se cadastra no FarmáciaJá;
3. O usuário consumidor pesquisa um produto;
4. O FarmáciaJá retorna ao usuário consumidor os produtos com
menores preços;
5. O usuário escolhe o produto disponível em uma determinada
farmácia;
6. O processamento do pedido será realizado pela farmácia, inclusive
a entrega;

14. 13
O sistema é dividido em dois grandes módulos: administração do portal e
administração da farmácia. O primeiro será gerenciado pelos proprietários do
sistema e é responsável por monitorar as farmácias e os usuários cadastrados,
além de disponibilizar um motor de pesquisa que retorna informações sobre os
produtos com menores preços aos usuários. O segundo será dirigido pelo dono
e funcionários da farmácia e se encarrega de gerenciar os funcionários, clientes,
produtos, pedidos e pagamentos.
3.2 CADASTRO DE PRODUTOS
Por se tratar de um e-commerce colaborativo, as farmácias cadastradas
no sistema serão responsáveis por cadastrarem seus produtos, pessoas e
serviços. Dessa forma, para que um produto seja cadastrado, faz-se necessário
que os integrantes da farmácia, que podem e desejam realizar essa ação,
estejam autenticados.
O cadastro de um produto é composto por dois formulários, o primeiro,
como pode ser visto na Figura 1, contém os campos referentes as informações
do produto como, por exemplo, o nome e a categoria na qual ele está contido.
Já o segundo formulário, exposto na Figura 2, contém um único campo: a
imagem do produto.
Figura 1: Cadastro de informações de produto
Fonte: Acervo pessoal

15. 14
Figura 2: Cadastro de imagem de produto
Fonte: Acervo pessoal
3.3 EDIÇÃO DE PRODUTOS
Semelhante ao cadastro de produtos, a edição de um produto também é
composta por dois formulários: um com as informações e outro, apenas com a
foto. No entanto, há uma diferença considerável entre esses duas ações. O
cadastro retorna ao usuário os formulários vazios, enquanto na edição os
formulários são retornados com valores previamente cadastrados no banco de
dados.
3.4 LISTAGEM DE PRODUTOS
Como pode ser observado, na figura 3, a listagem de produtos permite
ao usuário visualizar todos os produtos cadastrados na farmácia, além de
permitir que filtros sejam realizados para que apenas os produtos que possuam
alguma propriedade desejada como, por exemplo, pertencer a uma
determinada categoria, sejam retornados.

16. 15
Figura 3: Listagem de produtos
Fonte: Acervo pessoal

17. 16
4 CONSIDERAÇÕES FINAIS
O estágio proporciona ao aluno conhecer melhor sua área de atuação pois
o mostra a realidade relacionada ao ramo em que o mesmo está envolvido.
Sendo assim, é capaz de influenciar na vida profissional do indivíduo por oferecer
atividades e relações que, muitas vezes, não são disponibilizadas durante as
aulas. Vale ressaltar que essa experiência contribui para a redução dos impactos
causados na inserção no mercado de trabalho porque funciona, de fato, como
uma ponte entre a academia e mundo do trabalho.

18. 17
REFERÊNCIAS
JAISWAL, Sanjeev; KUMAR, Ratan. Learning Django Web Development.
1.ed. Bermingham, Mumbai: Packt Publishing, 2015. v.1.
RAVINDRAN, Arun. Django Design Patterns and Best Practices. 1.ed.
Bermingham, Mumbai: Packt Publishing, 2015. v.1.
Berners-Lee, Tim. The world Wide Web: A very short personal history, 1998.
Disponível em:<https://www.w3.org/People/Berners-Lee/ShortHistory.html>.
Acesso em: 28 de Agosto de 2016.
Ghedin, Rodrigo. No aniversário de 25 anos da web, Tim Berners-Lee luta pela
liberdade da Internet, 2014. Disponível
em:<http://www.manualdousuario.net/web-tim-berners-lee/>. Acesso em: 28 de
Agosto de 2016.