Escolar Documentos
Profissional Documentos
Cultura Documentos
ANTÓNIO JACINTO
NAMIBE
CURSO TÉCNICO DE INFORMÁTICA DE GESTÃO
CRISTINA RAÚL
JORGE KALENGA MIGUEL
LAURINDO EDUARDO PAULO
MARIA ENGRÁCIA SASSISSOQUELE CHILANDA
TERESA MANUELA VITI CORREIA
Moçâmedes/2020
CRISTINA RAÚL
JORGE KALENGA MIGUEL
LAURINDO EDUARDO PAULO
MARIA ENGEÁCIA SASSISSOQUELE CHILANDA
TERESA MANUELA VITI CORREIA
Moçâmedes/2020
CRISTINA RAÚL
JORGE KALENGA MIGUEL
LAURINDO EDUARDO PAULO
MARIA ENGRÁCIA SASSISSOQUELE CHILANDA
TERESA MANUELA VITI CORREIA
"Quando o mundo estiver unido na busca do conhecimento, e não mais lutando pelo dinheiro
e poder então a nossa sociedade poderá evoluir a um novo nível."
Regina Haydt
RESUMO
O desenvolvimento crescente de tecnologias traz a necessidade de realizar tarefas de maneira
cada vez mais simples e informatizada, ou seja, de modo que seja exigido o menor esforço
possível por parte das pessoas. As aplicações web são exemplos dessa informatização, já que
cada vez mais tarefas, desde o envio de mensagens até o pagamento de contas, podem ser
realizadas de maneira online, utilizando apenas um computador com acesso à Internet. Pela
experiência vivenciada no Instituto Médio Politécnico de Administração e Gestão do Namibe,
foi constatada a ausência de um sistema para a gestão dos alunos estagiários. O principal
objectivo deste trabalho é desenvolver através das tecnologias Web, um sistema para
disponibilizar informações e gerir de forma segura os estagiários, de modo a colaborar para o
crescimento da instituição. Para o desenvolvimento do software, primeiramente fez-se uma
análise da web, bem como o funcionamento e os padrões da web, as aplicações web, os
conceitos fundamentais sobre as páginas web, as linguagens de programação, seguidos de um
estudo sobre as permissões do sistema e posteriormente optou se por fazer a escolha das
ferramentas a utilizar na construção do software. Por fim, todos os objectivos estabelecidos
inicialmente foram cumpridos, visto que o sistema foi desenvolvido e possui todas as
funcionalidades essenciais, sendo possível resolver problemas na gerência dos estagiários em
sua integridade no Instituto.
Palavras chaves: Aplicação web. Sistema de gestão de estagiário. Tecnologias web. Instituto
Médio Politécnico de Administração e Gestão do Namibe.
ABSTRACT
The development of technologies brings the need to perform tasks in an increasingly simple
and computerized way, that is, so that the least possible effort is required from people. Web
applications are examples of this computerization, since more and more tasks, from sending
messages to paying bills, can be carried out online, using only a computer with Internet
access. From the experience at the Medium Polytechnic Institute of Administration and
Management of Namibe, the absence of a system for the management of trainee students was
found. The main objective of this work is to develop, through Web technologies, a system to
provide information and safely manage interns, in order to collaborate for the institution's
growth. For the development of the software, first an analysis of the web was made, as well as
the functioning and the standards of the web, the web applications, the fundamental concepts
about the web pages, the programming languages, followed by a study on the permissions of
the system and later chose to choose the tools to be used in the construction of the software.
Finally, all the objectives established initially were fulfilled, since the system was developed
and has all the essential functionalities, being possible to solve problems in the management
of the interns in their integrity at the Institute.
Keywords: Web application. Trainee management system. Web technologies. Medium
Polytechnic Institute of Administration and Management of Namibe.
LISTA DE TABELAS
Tabela 1: Vantagens distintivas das aplicações web em detrimento da desktop....................... 20
Tabela 2: Permissões de acesso ao sistema............................................................................... 28
LISTA DE FIGURAS
Figura 1: Comunicação Server e Cliente/Browser................................................................... 18
Figura 2:Página inicial do google chrome................................................................................ 25
Figura 3: Página inicial do software NetBeans IDE................................................................. 25
Figura 4: Painel de controlo do Xampp.................................................................................... 26
Figura 5: Página inicial do PHPMyAdmin............................................................................... 27
Figura 6: Página inicial do MySQL WorkBench...................................................................... 28
Figura 7: Assistente de configuração........................................................................................ 29
Figura 8:Tela de login do sistema............................................................................................. 30
Figura 9:Página inicial do administrador.................................................................................. 30
Figura 10: Menu Empresas....................................................................................................... 31
Figura 11: Página de notificações............................................................................................. 31
Figura 12: Página inicial do aluno............................................................................................ 32
Figura 13: Página para contactar os professores....................................................................... 32
Figura 14: Gráfico do gênero dos inquiridos............................................................................ 33
Figura 15: Gráfico do Estado Civil dos inquiridos................................................................... 33
Figura 16: Gráfico das idades dos inquiridos........................................................................... 34
Figura 17:Gráfico referente a questão 1....................................................................................34
Figura 18: Gráfico referente a questão 2...................................................................................35
Figura 19:Gráfico referente a questão 3....................................................................................35
Figura 20: Gráfico referente a questão 4...................................................................................36
Figura 21: Gráfico referente a questão 5...................................................................................36
LISTA DE ABREVIATURAS E SIGLAS
ECS-Estágio Curricular Supervisionado
WWW-World Wide Web
ARPA-Advaanced Research Projects Agency
CERN- European Council for Nuclear Research
URL-Uniform Resource Locator
IP-Internet Protocol
DNS- Domain Name System
TCP-Transmission Control Protocol
HTTP-Hypertext Transfer Protocol
PHP-Hypertext Preprocessor
CGI-Commom Gateway Interface
HTML-Hypertext Markup Language
CSS-Cascading Style Sheets
W3C-World Wide Web Consortium
SQL-Standard Query Language
IMPAGN-Instituto Médio Técnico de Administração e Gestão do Namibe
DBA-Desenvolvedor ou Arquitecto de Dados
GIVA-Gabinete de Inserção de Vida Activa
ÍNDICE
1. INTRODUÇÃO............................................................................................................... 13
1.1. PROBLEMA..................................................................................................................... 13
1.2. OBJECTIVO GERAL....................................................................................................... 13
1.3. OBJECTIVO ESPECÍFICO.............................................................................................. 13
1.4. HIPÓTESE........................................................................................................................ 14
1.5. JUSTIFICATIVA............................................................................................................... 14
1.6. METODOLOGIA.............................................................................................................. 14
2. FUNDAMENTAÇÃO TEÓRICA.................................................................................. 15
2.1. ESTÁGIO CURRICULAR SUPERVISIONADO.....................................................15
2.2. DIFERENÇA ENTRE INTERNET E WORLD WIDE WEB................................... 15
2.3. FUNCIONAMENTO DA WEB................................................................................. 16
2.3.1. PADRÕES DA WEB.............................................................................................. 17
2.4. TECNOLOGIAS WEB.............................................................................................. 17
2.4.1. NAVEGADOR WEB..............................................................................................17
2.4.2. HTTP - HYPERTEXT TRANSFER PROTOCOL.................................................18
2.5. CONCEITOS FUNDAMENTAIS: PÁGINAS WEB................................................ 18
2.5.1. VANTAGENS E DESVANTAGENS DAS PÁGINAS WEB ESTÁTICAS......... 19
2.5.2. VANTAGENS E DESVANTAGENS DAS PÁGINAS WEB DINÂMICAS........ 20
2.6. APLICAÇÃO WEB................................................................................................... 20
2.6.1. APLICAÇÃO WEB X APLICAÇÕES DESKTOP............................................... 20
2.7. FERRAMENTAS E TECNOLOGIAS UTILIZADAS.............................................. 21
2.7.1. PHP - HYPERTEXT PREPROCESSOR............................................................... 22
2.7.2. HTML - HYPERTEXT MARKUP LANGUAGE................................................. 23
2.7.3. CSS - CASCADING STYLE SHEETS................................................................. 23
2.7.4. JAVASCRIPT......................................................................................................... 24
2.7.5. GOOGLE CHROME.............................................................................................. 25
2.7.6. NETBEANS IDE.................................................................................................... 26
2.7.7. PACOTE XAMPP.................................................................................................. 27
2.7.8. MYSQL WORKBENCH........................................................................................ 28
2.8. PERMISSÕES DE ACESSO AO SISTEMA.............................................................29
3. APRESENTAÇÃO DO SISTEMA................................................................................ 30
3.1.1. TELA DE REGISTO E LOGIN NO SISTEMA.................................................... 30
3.1.2. INTERFACE PROFESSOR................................................................................... 31
3.1.3. INTERFACE ALUNO............................................................................................ 32
4. ANÁLISE DE RESULTADO DOS INQUÉRITOS...................................................... 34
5. CONCLUSÃO.................................................................................................................. 38
REFERÊNCIAS BIBLIOGRÁFICAS.................................................................................. 39
ANEXOS.................................................................................................................................. 40
1. INTRODUÇÃO
As tecnologias estão cada vez mais presente na área educacional, sendo que, os
docentes, estão utilizando as novas tecnologias para apoiar suas actividades educacionais.
Portanto, deve-se reconhecer a importância das mudanças na educação, pois as tecnologias
serão capazes de divulgar as informações e diminuir as distâncias, permitindo mais agilidades
nos processos de uma instituição. Dentre as diversas actividades educacionais, cita-se o
estágio curricular obrigatório. Esta actividade busca interligar o estagiário à sua futura área de
trabalho, fazendo com que ele possa utilizar na prática os conhecimentos teóricos adquiridos
em sala de aula.
1.1. PROBLEMA
Pela experiência vivenciada durante os anos letivos no Instituto Médio Politécnico de
Administração e Gestão do Namibe (IMPAGN), foi observada uma série de dificuldades em
fornecer algumas informações aos alunos estagiários, concernente aos locais de estágios. Essa
problemática também pode estar sendo vivenciada em outras instituições de ensino, pois é o
mesmo cenário acadêmico.
Como criar maneira mais fácil e simples de obter, controlar e gerir as informações
sobre os estágios dos alunos?
Reunir tudo em um só lugar, facilitando a localização dos dados por todos que tiverem
acesso ao sistema;
Fornecer um panorama geral de tudo, evitando erros como documentos vencidos,
perdidos ou em más condições.
1.4. HIPÓTESE
Desenvolver um sistema de gestão de alunos estagiários para instituto de ensino;
1.5. JUSTIFICATIVA
A dificuldade de acesso as informações sobre os estágios faz com que os alunos não
tenham adesão as datas que os mesmo tenham de se apresentar aos locais de estágio.
1.6. METODOLOGIA
A pesquisa é de carácter bibliográfico, pois foi possível tomar conhecimento acerca
das aplicações web, através de autores competentes que dominam bem sobre o assunto e que
foi-se utilizado ás suas obras que deram suporte a este projecto. Realizou se buscas em livros
e consultas na internet.
15
2. FUNDAMENTAÇÃO TEÓRICA
2.1. ESTÁGIO CURRICULAR SUPERVISIONADO
O Estágio Curricular Supervisionado (ECS) é necessário para o aluno obter a
experiência mais próxima do trabalho em situações reais, actuando junto à comunidade e ao
meio social, de modo à aprimorar seus processos de aprendizagem cultural e professional por
meio da vivência.
16
foi chamada de ARPANET, que no ano de 1969 interligava quatro instituições de ensino americanas: Univ
De acordo com Pereira (2014), a diferença entre internet e web é bastante simples: a
internet é uma rede que conecta milhões de computadores pelo mundo, enquanto a web é uma
das várias ferramentas de acesso à essa rede. É a internet que provê serviços como e-mail,
FTP e troca de mensagens instantâneas.
17
transformada em um endereço Internet Protocol (IP), por um banco de dados da internet chamado domínio
Hoje, existe uma infinidade de navegadores web disponíveis, uns pagos outros
gratuitos, uns rápidos outros mais lentos, uns mais seguros e outros nem tanto. Entretanto a
grande maioria cumpre o seu papel fundamental, ou seja, colocar ao alcance de todos as mais
variadas páginas existentes, desde uma simples leitura de uma notícia até a compra de um
determinado produto.
Páginas web podem ser classificadas como estáticas ou dinâmicas de acordo com o
seu comportamento.
Por outro lado, nas páginas Web dinâmicas, o servidor da Web não pode enviar
directamente a página HTML com a resposta. Ele chama um programa que é colocado em seu
disco rígido para acessar o banco de dados e o processamento de transações também é
executado.
Uma das principais diferenças entre elas é a seguinte: as páginas Web estáticas exibem
o mesmo conteúdo a cada vez que alguém o visita, enquanto nas páginas Web dinâmicas o
conteúdo da página muda de acordo com o usuário.
19
Figura 1: Comunicação Server e Cliente/Browser.
Conforme José Luis Damaren Junior, as páginas estáticas são desvantajosas porque;
20
Portanto, as páginas web dinâmicas também possuem vantagens e desvantagens segundo Junior:
Uma das principais vantagens é que as “Páginas dinâmicas são muito atraentes por
poderem personalizar conteúdo, oferecer sistema de login, seção de comentários e interação
com o usuário” (JUNIOR, 2018, p. 15).
21
De acordo com Seibel (2008) a diferença entre elas é a seguinte: Aplicações desktop:
executam em estações locais, podendo acessar um banco de dados que está em outra estação,
mas o processamento de dados ocorre localmente. Ao passo que as aplicações web: executam
em servidores e geram conteúdo HTML, que é interpretado por navegadores. A interface
reside no cliente (Navegar) e o processamento acontece no servidor de aplicações. O banco de
dados pode estar em uma terceira máquina.
Além disso, todas as actualizações necessárias são feitas por meio de um único
servidor central, não sendo preciso baixar aplicações ou realizar reinstalações. Logo, temos
tudo feito de forma centralizada, sem maiores problemas, bastando realizar a adaptação no
servidor.
a) Linguagens
PHP;
22
HTML;
JAVASCRIPT;
SQL.
b) Folha de Estilo
CSS
c) Frameworks
BootStrap;
jQuery.
d) Softwares
Google Chrome;
Netbeans Ide;
Pacote Xampp;
MySQL WorkBench.
A ideia inicial era acompanhar o tráfego do site pessoal do criador. Os anos passaram e
o criador desenvolvia scripts, o que aumentava os recursos que o site dele tinha. O sucesso
dessa linguagem foi tão grande que o criador, Rasmus Lerdof, transformou o aglomerado de
códigos CGI em uma linguagem de programação. Com isso, a grande maioria dos sites e
aplicações passaram a utilizar o PHP como linguagem principal.
De acordo com Edvaldo Junior Bento, a linguagem de programação PHP pode ser
definida como:
23
No decorrer do desenvolvimento do sistema foi se utilizado o PHP 7, que foi lançado em dezembro
O HTML desde o seu lançamento tem passado por diversas evoluções, que estão cada
vez mais melhorando a navegabilidade na web, estás versões são as seguintes: HTML, HTML
2.0, 3.2, 4.0.1, XHTML, HTML 5, 5.1 e 5.2.
Está última versão do HTML também cria novas tags e modifica a função de outras.
As versões antigas do HTML não continham um padrão universal para a criação de secções
comuns e específicas como rodapé, cabeçalho, sidebar, menus e etc.
24
O CSS foi desenvolvido pelo W3C (World Wide Web Consortium) em 1996, por uma razão bem si
2.7.4. JAVASCRIPT
De acordo com Maurício Samy Silva,
Quando o JavaScript apareceu pela primeira vez em 1995, seu principal objectivo era
lidar com algumas das entradas de validação que anteriormente tinha sido deixado ao lado do
servidor em linguagens como Perl. Antes disso o tempo de ida e volta para o servidor foi
25
necessário para determinar se um campo obrigatório havia sido deixado em branco ou se um valor digitado
É bem leve;
Suporte a diversos navegadores web;
O jQuery funciona em todos os navegadores mais utilizados no mundo, entre eles:
Google Chrome, Firefox, Microsoft Edge, Safari, Internet Explorer e outros mais;
Suporte a CSS3;
26
Figura 2:Página inicial do google chrome.
27
Figura 3: Página inicial do software NetBeans IDE.
28
Figura 4: Painel de controlo do Xampp.
29
Figura 5: Página inicial do PHPMyAdmin.
O SQL foi criado para servir como uma forma simples, precisa e directa para a
manipulação de informações presentes em bancos de dados. Dessa maneira, o acesso, a
modificação, a exclusão e a criação de informações em bancos de dados podem ser feitos de
um modo padronizado. Assim, os bancos podem ser facilmente integrados a aplicações, como
sistemas de gestão integrada, logística ou mesmo aplicativos web.
30
A seguir, na figura 6, está representada a página inicial do MySQL WorkBench.
32
3. APRESENTAÇÃO DO SISTEMA
O sistema desenvolvido para este projecto é dividido em duas interfaces: Interface
professor e aluno. Na interface professor é acessado apenas pelos professores coordenadores
de cursos e do Giva e tem a função de gerenciar todo o sistema, passando informações para os
alunos, fazer cadastramento e gerar relatórios, entre outros. A interface aluno tem as
funcionalidade de ver as informações acerca do estágio, visualizar os grupos criados e
contactar os professores em caso de dúvida.
33
Figura 8:Tela de login do sistema.
34
Figura 9:Página inicial do administrador.
Na figura 10, está apresentado o menu empresa, sobre o qual onde os professores
poderão cadastrar as empresas e inserir os alunos nos seus devidos locais de estágio e apôs o
cadastro gerar relatórios. Este processo dará a possiblidade de o aluno visualizar na sua conta
em que local de estágio ele se encontra.
35
Figura 11: Página de notificações.
Na figura 13, está apresentado a página onde os alunos poderão contactar aos
professores em caso de alguma dúvida.
36
Figura 13: Página para contactar os professores.
37
4. ANÁLISE DE RESULTADO DOS INQUÉRITOS
Durante a recolha de dados, tivemos como população os professores do IMPAGN, em
que na qual foram inquiridos professores coordenadores de curso e do GIVA, sendo que 5 são
do gênero masculino e 3 do gênero feminino totalizando 8. Dos oito professores inquiridos,
temos 4 solteiros e 4 casados, pelo qual 3 têm idade compreendida entre os 26 à 33 anos, 4 no
intervalo dos 34 à 41 e 1 dos 42 em diante, conforme mostra os 3 primeiros gráficos abaixo:
Gênero
Masculino
Feminino
Observando o gráfico acima é de notar que cerca de 62% dos inquiridos são do sexo
masculino e 38% do sexo feminino.
Estado Civil
Casado
Solteiro
38
Figura 15: Gráfico do Estado Civil dos inquiridos.
De acordo com o gráfico 2 é notório que cerca de 50% dos inquiridos são casados e
solteiros.
Idade
26 à 33
34 à 41
42 em diante
Neste gráfico cerca de 50% dos inquiridos têm as idades compreendidas entre os 34 à
41 anos, 37% entre os 26 à 33 e 42 em diante.
Microsoft Word
39
Figura 17:Gráfico referente a questão 1.
Sim
Não
Poucas vezes
Nunca
40
Figura 19:Gráfico referente a questão 3.
Analisando está questão, verificou-se que 62% dos inquiridos poucas vezes têm
enfrentado dificuldades em fornecer informações aos estagiários e cerca de 38% nunca
enfrentaram dificuldades.
Sim. Facilita
Talvez. Tem
41
Figura 21: Gráfico referente a questão 5.
5. CONCLUSÃO
De acordo com as nossas pesquisas, o estágio tem uma enorme importância na
formação profissional, é a base para desenvolver as suas competências e habilidades, após
esta prática os estagiários sentem-se mais preparados para actuar profissionalmente no
mercado de trabalho. Assim sendo, os finalistas do Instituto Médio Politécnico de
Administração e gestão do Namibe passam pelo estágio curricular em todos os anos lectivo e
com base em alguns estudos e observações, fomos notando problemas em fazer chegar as
informações sobre o estágio a todos os estagiários e como solução foi desenvolvido um
sistema para gerenciamento dos mesmos com o intuito de tornar os processos manuais mais
simples, rápidos e eficazes.
42
43
REFERÊNCIAS BIBLIOGRÁFICAS
BENTO, E. J. (2014). Desenvolvimento Web com PHP e MySQL. São Paulo: Casa do
Código.
CALDEIRA, C. C. (2015). Introdução ao HTML (HyperText Markup Language). Évora.
HIGA, P. (2012). O que é XAMPP e para que serve. Fonte: Techtudo:
https://www.techtudo.com.br/dicas-e-tutoriais/noticia/2012/02/o-que-e-xampp-e-para-
que-serve.html Acessado em: 26 de Agosto de 2020.
JUNIOR, J. L. (2018). Implementando uma Página Dinâmica com um Gerador de Sites
Estáticos. Porto Alegre .
LONGEN, A. (2020). O que é Apache? Uma Visão Aprofundada do Servidor Apache. Fonte:
Hostinger Tutoriais: https://www.hostinger.pt/tutoriais/o-que-e-apache Acessado em:
26 de Agosto de 2020.
MANCILLA , O. R. (2014). Importância da internet para o desenvolvimento das vendas no
Brazil. Assis .
MYSQL. (2020). MySQL WorkBench. Fonte: MySQL:
https://www.mysql.com/products/workbench/ Acessado em:26 de Agosto de 2020.
NONATO, M. D. (2015). World Wide Web. Santa Rosa.
PEREIRA, L. (2014). Diferença entre Web e internet. Fonte: Olhardigital:
https://olhardigital.com.br/noticia/qual-a-diferenca-entre-internet-e-web/40770
Acessado em: 03 de Julho de 2020.
SEIBEL, T. (2008). O são aplicações web. Fonte: TiagoSeibel:
http://www.tiagoseibel.com.br/2008/02/o-que-so-aplicaes-web.html Acesssado em: 15
de Setembro de 2020.
SILVA, M. S. (2010). JavaScript Guia do Programador. São Paulo: Novatec Editora Ltda.
SOUZA, I. (2020). Bootstrap: saiba neste guia para iniciantes o que é, por que e como usá-lo.
Fonte: Rockcontent: https://rockcontent.com/br/blog/bootstrap/ Acessado em: 28 de
Agosto de 2020.
44
ANEXOS
45
INSTITUTO MÉDIO POLITÉCNICO DE ADMINISTRAÇÃO E GESTÃO
Nº56
“ANTÓNIO JACINTO”
NAMBE
GÊNERO
Masculino Feminino
ESTADO CIVIL
IDADE
18 à 25 26 à 33 34 à 41
42 em diante
5. Consideras importante a criação de uma aplicação web para gestão dos alunos
estagiários do IMPAGN? Porquê?
R:______________________________________________________________________________
47