MINISTÉRIO DA EDUCAÇÃO

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DE RONDÔNIA

CAMPUS ZONA NORTE
CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

LUCAS ALENCAR DOS PASSOS

RELATÓRIO FINAL DE ESTÁGIO DO CURSO

TÉCNICO EM INFORMÁTICA PARA INTERNET

Porto Velho
2019
LUCAS ALENCAR DOS PASSOS

DESENVOLVIMENTO WEB

Relatório de Estágio Supervisionado do Curso

Técnico em Informática para Internet do Instituto
Federal de Educação, Ciência e Tecnologia de
Rondônia – Campus Porto Velho Zona Norte,
realizado na DINTEL (Delegacia de Informática de
Telecomunicações da Polícia Civil), setor de
Desenvolvimento, no período de 18/03 a
10/09/2019, com duração de 300 horas.
Orientador: Prof. Esp. Saulo Souza de Macedo.

Porto Velho
2019
 INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DE RONDÔNIA
CAMPUS ZONA NORTE
CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

FOLHA DE APROVAÇÃO

RELATÓRIO FINAL DE ESTÁGIO

Autor: Lucas Alencar dos Passos

Orientador: Prof. Esp. Saulo Souza De Macedo
Situação: ( ) Aprovado ( ) Reprovado

Aprovado em: __ / __ / __

______________________________
LUCAS ALENCAR DOS PASSOS

______________________________
PROF. ESP. SAULO SOUZA DE MACEDO

Porto Velho
 2019
LISTA DE IMAGENS

Figura 1 - Logo Do Departamento.........................................................................................6

Figura 2 - Computador Cedido Para O Desenvolvimento Do Portal..................................7
Figura 3 - Bateria CMOS.........................................................................................................8
Figura 4 -Setup Da Bios...........................................................................................................8
Figura 5 - Aplicação do Windows............................................................................................9
Figura 6 - Exemplo Da Implementação Do Conteúdo Na Página........................................9
Figura 7 - Interface do programa Sublime Text na versão 3..............................................10
Figura 8 - PÁGINA DE ENDEREÇOS DAS UNIDADES DA POLÍCIA CIVIL DE
PORTO VELHO.....................................................................................................................11
Figura 9 - Tela de Acesso........................................................................................................12
Figura 10 - Tela Inicial...........................................................................................................12
Figura 11 - Cadastro De Usuário...........................................................................................13
Figura 12 - Abertura de Chamados......................................................................................14
Figura 13 - Chamados Abertos..............................................................................................15
Figura 14 - Fechar Chamado.................................................................................................16
Figura 15 - Fechar Chamado Como Administrador...........................................................16
Figura 16 - Reservar Chamados............................................................................................17
Figura 17 - Reserva De Chamados Como Administrador..................................................17
Figura 18 - Editar Chamado..................................................................................................18
Figura 19 - Chamado Aberto Que Vai Ser Fechado............................................................19
Figura 20 - Chamado Fechado Que Vai Ser Reaberto........................................................19
Figura 21 - Chamado Reaberto.............................................................................................19
Figura 22 - Relatórios.............................................................................................................20
Figura 23 - WAMPServer......................................................................................................21
SUMÁRIO

1. INTRODUÇÃO...................................................................................................................4
2. HISTÓRICO E CARACTERIZAÇÃO DO LOCAL DE ESTÁGIO...........................5
3. ATIVIDADES DESENVOLVIDAS.................................................................................7
3.1. MONTAGEM E MANUTENÇÃO..............................................................................7
3.2. ALTERAÇÃO NO PORTAL DA DINTEL E NO SITE DA POLÍCIA CIVIL......8
3.3. ELABORAÇÃO DE SISTEMA DE CHAMADOS..................................................11
3.4. DESENVOLVIMENTO..............................................................................................11
3.5. IMPLEMENTAÇÃO...................................................................................................20
4. CONCLUSÃO..................................................................................................................21
5. REFERÊNCIAS BIBLIOGRÁFICAS..............................................................................22
 4

1. INTRODUÇÃO

O estágio propõe um período para exercer uma determinada tarefa relacionada aos
conteúdos adquiridos ao longo do aprendizado, a tarefa é realizada em um espaço cedido por
determinada empresa para o aprendiz mostrar o progresso que obteve durante o percurso
acadêmico, assim então, o habilitando a exercer uma futura profissão e mostrando a
importância da formação profissional.

Este relatório de estágio provém do Curso Técnico em Informática para Internet

2018/2 oferecido pelo Instituto Federal de Educação Ciência e Tecnologia de Rondônia
Campus Porto Velho Zona Norte, nele será relatado tudo o que foi desenvolvido em 4 horas
por dia de Segunda a Sexta compreendendo um período de 75 dias totalizando 300 horas
obrigatórias do estágio.

A estrutura deste relatório se divide em:

 A história da empresa: Relato da história da empresa, de como ela surgiu e a

necessidade e importância dela para a Polícia.

 As atividades desenvolvidas: Tudo o que foi desenvolvido durante o período

do estágio.

 E finalizado com uma análise a respeito de toda a participação do estagiário na

empresa/organização.
 5

2. HISTÓRICO E CARACTERIZAÇÃO DO LOCAL DE ESTÁGIO

O DITEL (Divisão de Telecomunicações) é uma entidade da Polícia Civil que surgiu

com a ideia de dar suporte técnico na instalação e manutenção em rádios da polícia. Quando
surgiu a informática no final dos anos 90 já adentrando o ano 2000 começou-se uma iniciativa
de incorporar um núcleo de informática responsável pelas áreas de telecomunicações,
telefonia, desenvolvimento de sistemas, nas pesquisas de suas áreas de atuação, manutenção
de equipamentos de informática, radiocomunicação fixa e móvel, na manutenção da rede
lógica e física da intranet policial surgindo então o DINTEL (Departamento de Informática e
Telecomunicações (figura 1)).

A primeira unidade era instalada no prédio do DENARC, mudando mais tarde para o
Instituto de Identificação (ICC) que fica localizado na R. Flores da Cunha, 4502, bairro Costa
e Silva e até o momento está instalado aonde era a divisão de planejamento e obras da
Prefeitura na rua Antônio Lacerda, 4228, bairro Setor Industrial - Porto Velho Rondônia. A
ideia de implementar sistemas web só foi inaugurado em 2006 com um escrivão que
trabalhava com desenvolvimento e que criou o SISDEPOL (Sistema de Integração de
Serviços de Segurança Pública), um sistema de registro de ocorrência.

A estrutura do DINTEL é composta por três divisões:

 Telecomunicações;

 Desenvolvimento de sistemas e;

 Suporte técnico.

O Departamento até o momento só trabalha com o suporte em informática porque o núcleo do

serviço de telecomunicação foi retirado e implantado em outro local com o nome NUTEL
(Núcleo de Telecomunicação).
 6

FIGURA 1 - LOGO DO DEPARTAMENTO

FONTE: PORTAL DINTEL

● NOME FANTASIA: DINTEL - Polícia Civil

● RAMO DE ATIVIDADE: Solução de crimes e promoção da cidadania.
● LOCALIZAÇÃO: Rua Antônio Lacerda, 4228, bairro Setor Industrial - Porto
Velho/RO.
● MISSÃO: Promover segurança pública cidadã por meio de identificação civil,
mediação de conflito e investigação criminal.
● VISÃO: Ser uma instituição de excelência na promoção da cidadania, atendimento
humanizado e investigação.
● ATRIBUTOS DE VALOR:
1. Justiça;
2. Conciliação;
3. Perseverança;
4. Imparcialidade.
● VALORES:
1. Inovação;
2. Cidadania;
3. Perseverança;
4. Ética e probidade;
5. Imparcialidade;
6. Comprometimento social;
7. Foco no cidadão e em suas necessidades.
 7

3. ATIVIDADES DESENVOLVIDAS

MONTAGEM E MANUTENÇÃO

No período proposto, antes da realização dos trabalhos principais que envolvem o

desenvolvimento do portal, foi-me concedido fazer a escolha de um computador para a
realização das minhas tarefas. Um computador defeituoso como mostra a figura 2, para que eu
recebesse instruções e aprendesse a fazer manutenção.

FIGURA 2 - COMPUTADOR CEDIDO PARA O DESENVOLVIMENTO DO PORTAL

FONTE: MINHA AUTORIA

O computador apresentou problema na fonte, a mesma estava em estado intermitente,

ou seja, não fornecia energia o suficiente para a placa mãe e os componentes e teve que ser
substituída por outra fonte de energia em bom estado, a bateria CMOS (figura 3) da placa mãe
também precisou ser substituída e a configuração dela foi feita na Setup da Bios (Figura 4),
(ativada ao pressionar a tecla DEL na inicialização do computador), ajustando corretamente a
data e a hora.

FIGURA 3 - BATERIA CMOS

FONTE: MINHA AUTORIA

 8

FIGURA 4 -SETUP DA BIOS

FONTE: MINHA AUTORIA

Ao finalizar a manutenção foi feito a formatação e instalação do sistema operacional

através de uma imagem pronta, com Windows 7, com configurações de rede, navegadores, o
pacote office da Microsoft e outros programas incluídos. A imagem foi criada e instalada com
o programa Acronis True Image.

Finalizada a instalação, o computador foi montado no setor de Desenvolvimento e fui

instruído a fazer o cabeamento de rede com cabo um par trançado e a configuração padrão
EIA/TIA 568A para crimpar a ponta com RJ45.

ALTERAÇÃO NO PORTAL DA DINTEL E NO SITE DA POLÍCIA CIVIL

Com a permissões dos desenvolvedores do portal e do site da polícia foi concedido

os nomes de usuário, senhas e o endereço de ip para a atualização dos endereços de cada
delegacia do estado de Rondônia.

Para a atualização no portal DINTEL foi necessário o endereço de ip do mesmo para

o acesso ao servidor local, na rede privada da polícia (intranet), através aplicação do Windows
chamada Conexão de Área de Trabalho Remota (figura 5).
 9

FIGURA 5 - APLICAÇÃO DO WINDOWS

FONTE: PRINT DO SISTEMA WINDOWS 7

Dentro do Servidor foi encontrado os arquivos em PHP (acrônimo recursivo para

Personal Home Page que é uma linguagem usada para o desenvolvimento de aplicações que
estão no servidor) que contém como conteúdo o título, localidade e informações de contato de
delegacias e departamentos da capital e município de Rondônia dentro de tags com
funcionalidades específicas, e dando quebras de linhas com a tag <br /> (figura 6).

FIGURA 6 - EXEMPLO DA IMPLEMENTAÇÃO DO CONTEÚDO NA PÁGINA

FONTE: PRINT DO SISTEMA WINDOWS

O programa padrão utilizado para abrir e editar os arquivos no servidor era o bloco
de notas, mas, por ter mais flexibilidade, recursos surpreendentes e uma fácil visualização no
conteúdo do arquivo, foi utilizado o Sublime Text versão 3 gratuita (figura 7) que pode ser
encontrado no site da Sublime Text em www.sublimetext.com.
 10

FIGURA 7 - INTERFACE DO PROGRAMA SUBLIME TEXT NA VERSÃO 3

FONTE: PRINT SISTEMA WINDOWS

O Sublime Text é apenas um editor de texto e código fonte multiplataforma que foi
inscrito na linguagem C++.

Para a alteração dos endereços no site da Polícia Civil que se encontra no endereço
www.pc.ro.gov.br foi também necessário o nome do usuário e a senha fornecidos pelo
administrador do site, para ter acesso privilegiado. O site foi criado no Wordpress que é um
sistema gerenciador de conteúdo. A mudança dos endereços ocorreu de forma mais
simplificada, encontrando a página que tinha as informações, apenas foi feita a troca delas em
uma caixinha de texto sem utilização de nenhuma tag e para finalizar salvava as alterações.

A figura 8 mostra a página de endereços das delegacias e departamento de Porto

Velho. A página pode ser acessada através do endereço: www.pc.ro.gov.br/?page_id=26

FIGURA 8 - PÁGINA DE ENDEREÇOS DAS UNIDADES DA POLÍCIA CIVIL DE PORTO VELHO

FONTE: PRINT SISTEMA WINDOWS

 11

ELABORAÇÃO DE SISTEMA DE CHAMADOS

Com a necessidade de automatizar a distribuição dos chamados foi incumbido a min o

desenvolvimento de um software capaz de abrir, fechar, reservar e editar chamados. O sistema
foi desenvolvido na linguagem PHP, portanto é um sistema WEB, e o mesmo utiliza o
MySQL como banco de dados.

Durante o levantamento de requisitos foram verificadas as funcionalidades básicas

do sistema:

 Cadastro de usuários

 Acesso apenas de usuários cadastrados

 Abertura, fechamento, edição e reserva de chamados

 Geração de relatórios personalizados

DESENVOLVIMENTO

Usando o editor de texto Visual Studio Code, da Microsoft, escrevi todos os scripts
necessários, seja em PHP, HTML ou CSS.

 Cadastro de Usuários

Como o acesso ao sistema não pode ser feito por qualquer usuário, optei por fazer um
sistema de acesso onde o cadastro de usuários é feito pelo administrador do sistema.
Dessa forma o acessa pode ser totalmente controlado. Abaixo apresentarei as telas de
login, cadastro e tela inicial.

FIGURA 9 - TELA DE ACESSO

FONTE: PRINT SISTEMA WINDOWS

 12

FIGURA 10 - TELA INICIAL

FONTE: PRINT SISTEMA WINDOWS

FIGURA 11 - CADASTRO DE USUÁRIO

FONTE: PRINT SISTEMA WINDOWS

 Abertura de Chamados

A abertura de chamados é feita através do preenchimento de um formulário, os dados

preenchidos são enviados ao banco de dados e na sessão “Chamados Abertos” ele fica
disponível para manipulação. As informações salvas são: local, solicitante,
 13

equipamento, tombamento ou número de série e a descrição do problema. Ao clicar

em “Abrir Chamado” o chamado será cadastrado e estará disponível para atendimento.

FIGURA 12 - ABRIR CHAMADO

FONTE: PRINT SISTEMA WINDOWS

FIGURA 13 - CHAMADOS ABERTOS

FONTE: PRINT SISTEMA WINDOWS

 Fechamento de Chamados
Após abrir um chamado, ele estará disponível para consulta na sessão “Chamados
Abertos”, para cada chamado aberto é possível realizar duas ações, uma delas é
“Fechar”. Se for um chamado já reservado e o usuário que clicou no botão for o
mesmo que reservou ele será fechado após o preenchimento do campo “Solução do
 14

Problema” que será exibido na próxima página. Cada usuário pode fechar somente seu
próprio chamado. Se o usuário for o Administrador, será aberta uma página na qual
será solicitado a solução do problema e o técnico o qual atendeu o chamado.
FIGURA 14 - FECHAR CHAMADO

FONTE: PRINT SISTEMA WINDOWS

FIGURA 15 - FECHAR CHAMADO COMO ADMINISTRADOR

FONTE: PRINT SISTEMA WINDOWS

 Reserva de Chamados
A segunda opção é a de “Reservar”. Ao clicar nela o chamado é reservado para o
técnico e somente esse técnico pode fechar esse chamado. Usando as informações
obtidas ao iniciar o acesso ao sistema, o processo de identificação da reserva de
chamados é feita de forma instantânea. Caso o administrado clique em “Reservar”,
será aberta um página com as opções de usuários para reservar atendimento.
 15

FIGURA 16 - RESERVAR CHAMADOS

FONTE: PRINT SISTEMA WINDOWS

FIGURA 17 - RESERVA DE CHAMADOS COMO ADMINISTRADOR

FONTE: PRINT SISTEMA WINDOWS

 Edição de Chamados
Após fechar o chamado, aparecem para o usuário duas opções para cada chamado na
sessão “Chamados Fechados”, uma delas é a de “Edição”. Todas as informações
referente a determinado chamado são carregadas do banco de dados em uma página
com campos nos quais você pode editar as informações do chamado. Ao clicar em
salvar as alterações serão enviadas ao banco de dados e já estarão disponíveis para
consulta em “Chamados Abertos” ou em “Chamados Fechados”, depende do status do
chamado.
 16

FIGURA 18 - EDITAR CHAMADO

FONTE: PRINT SISTEMA WINDOWS

 Reabrir Chamado
Se for necessário, um chamado fechado pode ser reaberto ao clicar em “Reabrir”.
Assim que o usuário clicar poderá ver que o chamado saiu da tela de “Chamados
Fechados” e foi para a tela de “Chamados Abertos”
FIGURA 19 - CHAMADO ABERTO QUE VAI SER FECHADO

FONTE: PRINT SISTEMA WINDOWS

FIGURA 20 - CHAMADO FECHADO QUE VAI SER REABERTO

FONTE: PRINT SISTEMA WINDOWS

 17

FIGURA 21 - CHAMADO REABERTO

FONTE: PRINT SISTEMA WINDOWS

 Relatórios
A sessão “Relatórios” do sistema gera um arquivo PDF com as informações
selecionadas. As possibilidades de Geração de Relatório são:
o Relatório do mês atual

o Relatório de determinado mês, desde que haja um chamado no banco de dados

referente aquele mês é gerado um relatório. Caso contrário o usuário será
redirecionado para uma página de erro.

o Relatórios mostrando o quantitativo de chamados por:

 Técnico

 Localidade

 Solicitante

 Número de identificação (tombamento ou número de série)

FIGURA 22 - RELATÓRIOS

FONTE: PRINT SISTEMA WINDOWS

 18

IMPLEMENTAÇÃO

A disponibilidade do sistema seria a intranet, ou seja, não seria necessário

hospedagem em servidores externos. Utilizando um aplicativo que inicia um serviço
de servidor em um computador, consegui liberar acesso a todos os computadores
conectados a rede.
O aplicativo utilizado foi o WAMPServer, pois o mesmo proporciona todas as
ferramentas necessárias para interpretação da linguagem PHP, possui o banco de
dados MySQL também. Sem dúvidas é a melhor opção para hospedar a aplicação.
FIGURA 23 - WAMPSERVER

FONTE: PRINT PÁGINA DA INTERNET DO WAMPSERVER

Estas foram as atividades desenvolvidas e os resultados, mais que satisfatórios foram

alcançados durante o estágio.
 19

4. CONCLUSÃO

As experiências adquiridas no Ministério Público durante a realização do estágio, não

somente enriquecem o conhecimento, mas também o currículo, já que, se trata de um órgão
público que está sempre em defesa da sociedade, atribui seu lema aos departamentos, em
especifico a DTI que podemos considerar a peça fundamental do prédio, pois todos dependem
do departamento, já que o mesmo é o administrador que interliga a comunicação de ponta a
ponta entre todos os MP’s de Rondônia. E através deste foram atribuídas diversas tipos de
oportunidades, no qual foi possível explorar em um microcomputador a sua capacidade e seus
limites.

Não é possível deixar de citar os parceiros de trabalho, que auxiliaram muito, haja vista
que os conhecimentos teóricos não eram bastante para a demanda que ali existia. Sou grato
por toda a paciência que tiveram comigo, pelas instruções que me foram passadas por cada
um que compõe a DESUTE, eu seria incapaz de realizar a prática de muitas atividades em
computadores e periféricos, se não tivesse sido orientada por essas pessoas.
 20

5. REFERÊNCIAS BIBLIOGRÁFICAS

MORETTI, Isabella. Regras da ABNT para TCC 2019: as principais normas

(ATUALIZADAS). Disponível em: <https://viacarreira.com/regras-da-abnt-para-tcc-
conheca-principais-normas/>. Acesso em: 18 de Junho de 2019.

WATRALL, Ethan. SIATRO, Jeff. Use a Cabeça: Web Design. 1ª edição, Rio de Janeiro
2012.

W3SCHOOLS. How TO - Login Form. Disponível em:

<https://www.w3schools.com/howto/howto_css_login_form.asp/>. Acesso em: 16 de Maio de
2019.

BOURDON, Romain. WampServer – homepage. Disponível em:

<http://www.wampserver.com/en/> . Acesso em: 09 de Dezembro de 2019