gfh

República de Angola
Ministerio da Educação
Governo provincial de Luanda
Instituto Médio Industrial “Simione Mucune” Nº 1037
Área de formação de informática

PROJECTO FINAL

Sistema de Gestão De Pautas Online

Orientador: Samuel Munda Chimbanjela

Grupo nº2
IMISM
Curso tecnico de informática
13ª classe-Turma TI13AT
Luanda, 2020/2021
 República de Angola
Ministerio da Educação
Governo provincial de Luanda
Instituto Médio Industrial “Simione Mucune” Nº 1037
Área de formação de informática

PROJECTO FINAL

Sistema de Gestão De Pautas Online

Trabalho de Conclusão de Curso apresentado ao

instituto medio industrial “Simione Mucune” de
Luanda em Angola-IMISM, como parte dos requisitos
para a obtenção do título de tecnico médio de
informáttica.

Orientador: Samuel Munda Chimbanjela

Grupo nº2
Curso tecnico de informática
13ª classe-turma TI13AT
 Luanda, 2020/2021

Ficha técnica

Nome: Anita kende Lau Ofunda

Nº de processo:
Email: anitakende6@gmail.com
Telefone: 943-145-664

Nome: Joaquim Coimbra Correia

Nº de processo:
Email: joaquimcoimbra27@gmail.com
Telefone:

Nome: Milenia Fernandes Mendes

Nº de processo:
Email: milenadaiamendes@gmail.com
Telefone:

Nome: Valdimir Coelho

Nº de processo:
Email: valdimircoelho1998@gmail.com
Telefone:
 Reflexão
“Ja viste um homem que é hábil no seu trabalho? Ele tomará posição diante de reis , não
diante de homens comuns.”(Provérbios 22:29 )
 Dedicatoria
Dedicamos este trabalho primeiramente a nós mesmos pois por intermédio dela temos a
oportunidade de mostrar as nossas habilidades como Futuros Técnicos na Área de
Informática, e assim dar mais um passo a medida que vamos escrever nosso futuro.
E também dedicamos este trabalho a Instituição (IMISM) para que por meio do mesmo
possa assim dar uma agilidade na maneira como se faz a Gestão especificamente na Área
das Pautas. Esperamos mesmo que seja de grande utilidade ao nosso instituto.
 Agradecimento
Agradecemos primeiramente a Deus pelo fólego de vida que nos permitiu estar aqui neste
momento, bem como nos ter dado a força necessaria para podermos efectuar este trabalho e
por ter colocado tantas pessoas especiais em nossas vidas na qual sem elas nada seria
possivel.
Agradecemos também a todas as pessoas que lutaram diariamente ao nosso lado, fazendo
com que nossa formação como tecnicos médio de informática se tornasse possível.
Agradecemos aos nossos professores por todas as orientações, dedicação e paciência ao
longo destes quatros anos em que estivemos de formação na instituição.
Agradecemos também aos nossos colegas de classe que foram como irmãos a medida que
cada um se esforçava do seu geito para chegar até este momento.
Aos nossos pais pelo exemplo de vida, pelos ensinamentos diários e pelo apoio
incondicional em todos os momentos.
Enfim, agradecemos a todos os que acreditaram em nós, no qual são dignos de todo o amor
e respeito que sintimos por eles.
 Resumo

O trabalho presente, faz uma abordagem detalhada de um sistema Web de caracter

académico no ambito do curso tecnico de infomática na cadeira de projecto tecnológico do
instituto médio industrial “Simione Mucune”, na qual será apresentada um sistema de
gestão de pautas online que será implementado no mesmo, podendo com isso melhorar o
serviço de gestão de pautas da instituição. Portanto desenvolvemos este sistema baseando-
se nas referençias teóricas de gestão de pautas do instituto “Simione Mucune” e do uso de
ferramentas da área da computação de dominio publico. Foi necessario o uso da única
linguagem que um navegador Web consegue interpretar para a exibir conteúdo, o HTML, e
também o CSS, uma outra linguagem separada do HTML com o objectivo único de
estilização e o JavaScript a linguagem de programção mais popular no desenvolvimento
Web, com o auxilio do editor de texto Sublime e o XAMPserver na qual traz consigo a
linguagem de programação PHP juntamente com o sistema de gestão de banco de dados
MYSQL.

Palavras-chave: Sistema Web, HTML, CSS, JavaScript, XAMPserver, Pautas .

 ABSTRACT

The present work, makes a detailed approach of a web system of academic characteristic in
the ambit of the technical course of infomatics in the chair of technological project of the
medium industrial institute "Simione Mucune", in which will be presented an online agenda
management system that will be implemented in it, thus improving the service of
management of guidelines of the institution. Therefore, we developed this system based on
the theoretical guidelines of staves management of the institute "Simione Mucune" and the
use of tools in the area of public domain computing. It was necessary to use the only
language that a Web browser can interpret to display content, HTML, and also CSS, another
language separate from HTML with the sole purpose of stylization and JavaScript the most
popular programming language in Web development, with the help of sublime text editor
and XAMPserver in which it brings with it the PHP programming language along with the
MYSQL database management system.
 
 
Keywords: Web System, HTML, CSS, JavaScript, XAMPserver, Staves .
 Índice

Ficha técnica........................................................................................................................... 2
Resumo................................................................................................................................... 6
ABSTRACT........................................................................................................................... 7
Índice...................................................................................................................................... 8
Índice de figuras.................................................................................................................. 10
Lista de siglas....................................................................................................................... 11
Introdução............................................................................................................................. 12
Problemática......................................................................................................................... 13
Hipótese................................................................................................................................ 14
Justificativa........................................................................................................................... 15
Objectivos............................................................................................................................. 16
Objectivo principal........................................................................................................... 16
Objectivos especificos...................................................................................................... 16
Estrutura do Trabalho........................................................................................................... 17
Histórico do Instituto............................................................................................................ 18
Delimitação do Tema............................................................................................................ 19
Limitações............................................................................................................................ 19
Capítulo I – Metodologias e análise teórica..........................................................................20
1.1 Metodologia................................................................................................................ 20
1.2 Análise teórica............................................................................................................ 20
1.2.1 Paginas web............................................................................................................. 21
Vantagens da aplicação web......................................................................................... 21
1.2.2 Tipos de paginas web............................................................................................... 22
1.2.3 Banco de dados........................................................................................................ 22
1.2.4 Sistema Gerenciador de Banco de Dados (SGBD)..................................................22
1.2.5 Principais Características de um SGBD...................................................................23
Capítulo 2 –ferramentas e tecnologias.................................................................................. 24
2.1 Editor de texto Sublime.............................................................................................. 24
2.2 Linguagem de Programação HTML...........................................................................25
2.3 Folhas de estilos em cascata....................................................................................... 27
2.4 JavaScript.................................................................................................................... 28
 2.5 PHP............................................................................................................................. 29
2.6 My SQL...................................................................................................................... 30
2.7 XAMPP...................................................................................................................... 31
2.8 Bootstrap..................................................................................................................... 32
Folhas de estilo............................................................................................................ 33
Componentes reutilizáveis......................................................................................... 33
Componentes JavaScript............................................................................................ 33
2.9 Jquery.......................................................................................................................... 33
Capítulo 3 –Análise funcional do sistema............................................................................35
3.1 Análise de requisitos................................................................................................... 35
3.2 O Problema – gestão de pautas do Instituto................................................................35
3.3 Modelo lógico de dado(MLD).................................................................................... 35
3.4 Actores do sistema...................................................................................................... 37
3.4.1Casos de Utilização dos Actores...............................................................................37
3.4.2 Descrição dos Casos de Utilização..........................................................................40
3.4.2 Diagramas de Casos de Utilização...........................................................................42
Diagrama de classes.......................................................................................................... 45
Características do Sistema................................................................................................ 46
Opções Técnicas............................................................................................................... 46
Website SGPO.................................................................................................................. 46
Segurança do Sistema....................................................................................................... 47
Capitulo 4: Funcionamento do SGPO-IMISM.....................................................................48
Pagina Web informativa................................................................................................... 48
Menu superior................................................................................................................... 48
Acesso a ferramenta de gestão.......................................................................................... 49
Tela inicial do cordenador................................................................................................ 50
Orçamento do projecto..................................................................................................... 52
Custo dos itens usados no projecto SGPO........................................................................52
Capitulo 5: Conclusões e Recomendações...........................................................................53
Conclusão......................................................................................................................... 53
BIBLIOGRAFIA.............................................................................................................. 54
 Índice de figuras
Figura 1–sublime text........................................................................................................... 24
Figura 2-HTML.................................................................................................................... 25
Figura 3- Estrutura de um documento HTML......................................................................26
Figura 4 –CSS....................................................................................................................... 27
Figura 5-JavaScript............................................................................................................... 28
Figura 6–PHP....................................................................................................................... 29
Figura 7-MySQL.................................................................................................................. 30
Figura 8–Xampp Server........................................................................................................ 31
Figura 9-Bootstrap................................................................................................................ 32
Figura 10-Jquery................................................................................................................... 33
Figura 11 Diagrama de caso de uso(DCU) Registrar...........................................................42
Figura 12 Diagram de caso de uso (DCU) Consultar...........................................................42
Figura 13Diagram de caso de uso (DCU) Actualizar..........................................................43
Figura 14Diagram de caso de uso (DCU) Visualizr.............................................................43
Figura 15Diagram de caso de uso (DCU) Eliminar..............................................................44
Figura 16Diagram de caso de uso (DCU) Conta..................................................................44
Figura 17-pagina web informativa........................................................................................ 48
Figura 18- Tela Menu versão Mobile...................................................................................49
Figura 19- Interface de acesso a ferramenta de gestão.........................................................49
Figura 20- Tela inicial do Coordenador................................................................................ 50
Figura 21- interface para adicionar alunos............................................................................50
Figura 22- interface para inserir notas dos alunos................................................................51
Figura 23- interface mostrando as pautas.............................................................................51
Figura 24- tela para reclamação............................................................................................ 52
 Lista de siglas

BD- Banco de Dados

CSS - Cascading Style Sheets
HTML - Hyper Text Markup Language
IMISM- Instituto Médio Industial Simione Mucune
MLD - Modelo Lógico de Dado
PHP - Personal Home Page
SQL – Structured Query Language
SGBD - Sistemas de Gestão de Base de Dados
SGPO- Sistema de Gestão de Pautas Online
WWW – Word Wide Web
 Introdução

Sabendo da importância que a educação tem na atual conjectura econômica, política e social
de cada país em especial do nosso, todo profissional da área financeira ou da educação,
entende o papel que ela representa para o desenvolvimento de uma sociedade. Assim sendo,
sabe-se que jamais se deveria medir maneiras de aprimora-lo, portanto deve-se usar da
mellhor maneira possivel todo tipo de ferramentas necessarios para torná-lo mais eficiente
podendo gerir resultados que possam colocar ela numa plataforma mais elevada podendo
assim garantir um futuro no desenvolvimento economíco do país.
Nesta nova era, a digitalização é indispensável, seja qual for o segmento de atuação, e estar
presente nos meios eletrônicos e na internet tornou-se praticamente um requisito necessario
para qualquer organização e a educação não foge da regra (“e neste caso em especial o da
educação”). Já que o desenvolvimento crescente de tecnológias exige necessariamente a
realização de tarefas de maneira a se poder exigir o menor esforço possivel por parte das
pessoas, tem-se usado mecanismos como computadores, sistemas, internet e outros para
poder tornar cada vez mais simples e informátizada as tarefas que anteriormente eram feitas
por pessoas, e isso tem se mostrado de grande ajuda e utilidade imprescendivel.
E uma das ferramentas que a internet disponibliza para o sector educaçional são os sistemas
de gestão escolares, programas de computadores que automatizam as tarefas manuais,
simplificando os processos burocráticos, integrando os sectores das escolas possiblitando a
pessoa responsável pela gestão uma visão gerencial completa da sua instituição de ensino.
Tendo em mente este objectivo, o trabalho aqui elaborado consiste em ter um sistema web
na qual servira de canal entre alunos e suas notas bem como seus resultados de como foi o
seu desempenho académico trimestral e anual. No site o cordenador do curso vai estar
encarregado de ser o administrador do sistema, será o individuo que vai agilizar os
processos todos que deverão ocorrer no sistema. Terá uma janela de reclamações onde o
aluno estará livre para poder expor suas dúvidas e reclamações no caso de estar insatisfeito
com o resultado apresentado no sistema, e também o sistema web apresentará algumas
funcionalidades adicionais que se verá a medida que estiver acompanhar o nosso trabalho.
 Problemática

O Instituto Médio Industrial “Simione Mucune” é uma instituição educacional, ou seja é

uma escola, que tem como o objectivo o enquadramento social, formação e preparação de
individuos para o mercado de trabalho como tecnicos médios, capacitados com suporte
suficiente para poder sobreviver por conta propria ou seja ter nivel de ensino suficiente para
poder suportar sua propria vida como futuro membro da sociedade. Depois de uma análise
constatou-se que uma das carênçias que a escola possui, sendo um instituto de renome, é a
ausençia de um sistema de gerençiamento de pautas escolar, ou sejá, notou-se a ausençia
de uma plataforma digital que permita os alunos verem suas notas sem precisar sair de
casa, sem precisar deslocar-se até o local de ensino. Notamos que ainda faz-se o uso dos
métodos tradicionias para a elaboração e fixação de informações relacionadas as pautas dos
alunos, os registos sobre as pautas dos alunos são feitos manualmente, as informações são
inscritas nos papeis, facto que contribui para elevada insatisfação por parte dos professores,
pois tem-se mostrado muito trabalhoso, e algo de especial atensão é que se o professor
cometer um erro que seja ao preencher a pauta, tem que se repetir todo o processo de
preenchimento do mesmo e isso sem dúvida é algo desgastante. Devido a todo o trabalho
envolvente na elaboração de pautas, tem resultado no atraso da fixação dos mesmos e isso
por sua vez tem-se tornado causa de muita ansiedade na parte dos alunos, pois eles vão a
escola no dia marcado para ver as pautas e não encontram o que eles desejam. Desta forma
surge a seguinte problemática:
Como melhorar os serviços de preenchimento e fixação de pautas? E como tornar a
elaboração dessa tarefa facil para os professores e de acesso facil para os alunos?
 Hipótese

Para solucionar este problema, desenvolveu-se um sistema Web que permitirá os

professores realizar os processos referente ao preenchimento e lancamentos das pautas dos
alunos de uma forma menos desgastante, ou seja sem ter o trabalho todo que envolvia
antes, a partir deste sistema os alunos poderão visualizar suas notas sem interferências
constantes apresentadas anteriomente, e mais importante ainda sem precisar chegar até a
instituição de ensino.
 Justificativa

O avanço da tecnologia bem como sua espansão tem se mostrado de grande imporatançia
para todos as áreas de atuação, assim é como se fosse de factor obrigatorio, qualquer
instituiçao estar presente nos meios electrônicos e na internet para comunicar e divulgar
informaçãoes, qualquer que seja ela.

A popularidade e o avanço da tecnologia, tem se feito sentir ultimamente, por parte de todos
inclusive da populaçaõ no geral, por isso é indispensavel se ter uma ferramenta digital que
possa possiblitar tornar o trabalho de qualquer pessoa cada vez mais facil, inclusive no caso
dos professores, pois torna-se dificil para os mesmos terem que trabalhar de forma
tradicional.

A decisão de desenvolver um sistema de apoio ao instituto médio industrial Simione

Mucnue, partiu do principio de que o trabalho de preenchimento e publicação de pautas por
parte dos professores tem-se mostrado bastante demorada, exaustiva coisa que tem
causado atraso na publicação das mesmas, colocando grande pressão nos alunos, o que
poderia ser causa de stress neles. Como não há forma de automatizar esta tarefa, sentiu-se a
necessidade de criar um sistema de gestão de pautas online para minimizar as dificuldades
enfrentadas pelos professores da instituição e dos alunos que pretendem ver suas notas a
tempo, sem interferências resultantes dos atrasos proveniente da elaboração dos mesmos.

Além de que o sistema estará gerando um de banco de dados que sem dúvidas será de
grande utlidade e importância pois vai garantir disponiblidade de informações, integridade,
autenticidade e segurança.
 Objectivos

Objectivo principal

Desenvolver um sistema web de apoio ao instituto médio industrial” Simiome

Mucune”, destinado ao auxílio referente aos processos de elaboração de pautas, ou seja,
concernente ao preenchimento e publicação de pautas.

Objectivos especificos

 Realizar um levantamento das principais informações relevantes que devem

estar no website;

 Criar um website com mecanismos que providenciem o controlo eficiente de

gestão de pautas;

 Criar um ambiente de fácil manuseamento para os alunos que permitirá

consultarem suas notas sem precisar deslocar-se até a instituição de ensino;

 Criar um ambiente que permita reclamar as notas mal lançadas;

 Desenhar uma base de dados para manter o controlo e segurança das informações
armazenadas no sistema;

 Integrar o website com a base de dados;

 Desenvolver uma interface responsiva que se adapte aos diferentes dispositivos

eletrônicos.
 Estrutura do Trabalho
A seguir será apresentada a estrutura geral do trabalho, para melhor compreensão e
entendimento. Este trabalho é composto por 5 capítulos.
O primeiro capítulo faz uma abordagem da análise teorica do projecto e conceitua algumas
bem como a metodologia
 Histórico do Instituto

O Instituto Médio Industrial do Prenda “Simione Mucune”, foi criado por decreto executivo
24/00 de sua excelência o senhor na altura Ministro da Educação, António Burity da Silva
Neto, e inaugurado a 4 de Fevereiro de 2000, pelo ex-Presidente da República de Angola,
Eng.º José Eduardo dos Santos.
O nome da instituição foi dado em homenagem ao general das FAA Simione Mucune, que
viveu de 1959-1999. Que teve o título de herói nacional por conquistar a paz do nosso país
(Angola).
Foi tido como herói vivo pelos exemplos incríveis que demonstrava, particularmente no
teatro das operações militares. Era amante da paz e exemplo de humanismo pela forma
como sonhava o futuro desse país.
O Instituto está vocacionado à leccionar cursos técnicos médios, nas áreas de formação de
Electrónica e Telecomunicações, Técnico de Informática, Energia e Instalações Eléctricas e
Electrónica Industrial e Automação, Energias renováveis, Electromecânica.
Localização
O Instituto Médio Industrial do Prenda “Simione Mucune” (IMISM), está situado no Bairro
Prenda, município de Luanda, rua Engenheiro Francisco Sande Lemos, numa área
geográfica aproximadamente de 5550 m2. O Instituto possui 27 Salas (Aulas
Teóricas/Laboratórios).
Salientam-se, como equipamentos da escola, o Gabinete do Director, Gabinete do
Secretariado do Director, Gabinete do Subdirector Pedagógico, Gabinete do Subdirector
Administrativo, Gabinete de Recursos Humanos, Secretaria, Sala de Professores,
Coordenação para a Área de Formação de Electricidade, Electrónica e Telecomunicações,
Coordenação para a Área de Formação de Informática, Coordenação de Actividades
Culturais, Secção de Textos, Arrecadação, Papelaria, Cantina Escolar e Sala de Reuniões,
laboratórios das área de formação dos cursos que a instituição possui.
 Delimitação do Tema

Visto que Luanda é detentora de varias instituições educacionais, o foco do projecto em

pauta é o Instituto Médio Industrial “Simione Mucune”. Como a gestão de uma escola
envolve várias áreas, o nosso principal foco é a gestão de pautas da instituição.
Esta é uma área voltada as actividades dos professores da instituição e parte da página web
será destinada especificamente aos alunos da instituição, na qual poderão ver suas notas a
partir de qualquer ponto, sem necessariamente precisar deslocar-se até a instituição.

Limitações
Durante o processo de elaboração do trabalho, notou-se algumas limitações como por
exemplo:
 O sistema criado vai atuar somente para o instituto médio industrial Simione
Mucune, visto que, há varios institutos tecnicos médios em Luanda.

 Restrições na aquisição das informações necessárias, concernente á instituição em

questão.

 Escassez de bibliografia que falam de gestão de pautas online, para se poder buscar
informações para o melhoramento da pesquisa e o futuro funcionamento da
aplicação em si.
 Capítulo I – Metodologias e análise teórica

1.1 Metodologia

Para a realizar este projecto, fez-se uma pesquiza do tipo bibliográfico, ou sejá, obtivemos
informações em livros e apostilas especializadas sobre o assunto, ou seja, o tema em
questão, bem como sites com credibilidade literaria, para o efeito os mesmos serão
referenciados nos termos bibliograficos do projecto. Por isso usamos a metologia do estudo
análitico e descritivo, que tem por finalidade determinar as reais necessidades da
organização com o objectivo de proporcionar uma familiaridade maior com o problema, de
modo a torná-lo cada vez mais explicito ao construir as hipoteses.

1.2 Análise teórica

Para poder se ter uma orientação para análisar e interpretar os dados colectados para a
pesquisa do trabalho, de maneira a referenciar os conhecimentos publicados, situando a
evolução do assunto, e assim dar sustentação ao tema estudado fez-se uma análise teórica.
Assim , como referenciado acima, efectuou-se um levantamento bibliográfico junto com
diferentes fontes documentais, como livros, monografias, artigos de internet e outros.
Nisto, vamos abordadr alguns termos identificadores envolvidos no tema em estudo, como:

Mini-pauta: documento esquematizado portador de dados referentes a avaliação trimestral

do aluno;

Turma;

Aluno;

Nota;

Professor:

Cordenador:

Director:
1.2.1 Paginas web

Página web é um documento que faz parte de um site (conhecido como link). As páginas
web são desenvolvidas em html que podem ser interpretadas com os navegadores, graças a
isso, se pode apresentar informações como texto, imagem, vídeo e etc. informações estão
configuradas para caber na rede WWW (Word Wide Web).
Dependendo da dinámica de actualizações de conteúdo, pode se dividir em dois tipos: web
sites e aplicação web
Web site
Podemos considerar um Web site uma coleção de páginas HTML estáticas, ou seja, que não
interagem com um banco de dados através de uma linguagem de servidor Web. Ou seja,
aqui todo o conteúdo do site está escrito diretamente no documento HTML, assim como as
imagens e outras mídias. Claro que, para qualquer página Web ser fornecida publicamente a
mesma deve estar hospedada em um simples servidor Web (hospedagem de sites).
Aplicação Web
Uma aplicação Web pode conter uma coleção de páginas, porém o conteúdo destas páginas
é montado dinamicamente, ou seja, é carregado através de solicitações (requisições) à um
banco de dados, que conterá armazenado os textos e indicação dos caminhos das imagens
ou mídias que a página precisa exibir. Porém um HTML não tem acesso direto à um banco
de dados, e esta comunicação deve ser feita por uma linguagem de programação de servidor
Web. Esta aplicação escrita com uma linguagem de servidor que tem o poder de acessar o
banco de dados e montar a página HTML conforme o solicitado pelo navegador. Estas
solicitações podem ser feitas de várias maneiras, inclusive utilizando JavaScript. Portanto
uma aplicação Web é mais complexa porque precisa de uma linguagem de servidor para
poder intermediar as solicitações do navegador, um banco de dados, e muitas vezes (porém
não obrigatoriamente) exibir páginas HTML com estes conteúdos.
Exemplo de linguagens de servidor Web: Java EE, PHP, Python, Ruby on Rails, NodeJS
etc...
Vantagens da aplicação web
 Segurança Por ser hospedado em locais especializados, a base de dados do sistema
web fica mais seguro do que as aplicações normais. Além disso, conta com
certificados de segurança e senhas de acesso criptografadas.
 Não necessita de capacidade de processamento e nem instalação local;
 Multiplataforma, podendo ser acessado em qualquer dispositivo desde que possui
um navegador padrão;
Desvantagens dos Sistemas Web

 A integração com outros componentes de hardware não é tão fácil.

1.2.2 Tipos de paginas web

Dependendo das caracteristicas que as paginas web apresentam, elas podem ser do tipo:
Pagina web informativa, caracterizado pelo uso de páginas que mostram basicamente
os serviços ou ações que uma entidade executa, as mesmas podem ser acompanhadas
de design, imagens, vídeo e todo o conteúdo informativo que puder. Seu principal é
divulgar seus serviços e produtos, para fornecer grandes informações sobre o seu
produto a partir de uma imagem, para que as informações sejam mais claras. Essas
páginas da web funcionam como uma vitrine para exibir informações sobre a empresa
ou seus produtos; portanto, é importante que uma boa imagem seja mantida nela.
Também há lojas virtuais cujas páginas são usadas para comercializar seus produtos on-
line. Neste tipo de pagina, você pode gerir seu inventário, publicar seus produtos,
acompanhar pedidos, enviar email etc.
Temos também os portais, páginas que você pode fornecer conteúdo e dividir em várias
seções. Elas podem ser do tipo vertical, sites que oferecem um tema específico, como:
portal imobiliário, portais de procura de emprego, etc. E também horizontal, que permite o
acesso a várias seções, como fóruns, chats, mecanismo de pesquisa, contas de e-mail, etc.
Por ultimo encontramos os blogs que geralmente são usados como entradas de jornais e as
publicações são exibidas em uma ordem cronológica, tudo isso para que você possa ver as
mais recentes e as mais antigas.
Nota: de acordo com as caracteisticas apresentados acima, o nosso projecto gestão de
pautas online será uma aplicação web do tipo informativo.

1.2.3 Banco de dados

Um “banco de dados” pode ser definido como um conjunto de dados devidamente

relacionados. Também podemos definir banco de dados como um sistema de manutenção
de informações por computador que tem por objectivo manter as informações e
disponibilizá-las aos seus usuários quando solicitadas.
A principal finalidade da criação dos BD é o armazenamento organizado das informações
de uma organização, visando a optimização dos sistemas, facilitando entrada de dados,
alterações, consultas, formulários, e o uso adequado destas informações.

1.2.4 Sistema Gerenciador de Banco de Dados (SGBD)

O SGBD pode ser definido como, conjunto de software ou programas para gerenciar
(definir, criar, modificar, usar) uma BD e garantir a integridade e segurança dos dados.
1.2.5 Principais Características de um SGBD

Independência dos dados, ou seja, SGBD deve oferecer isolamento das aplicações em
relação aos dados. Coisa que permite modificar o modelo de dados do BD se necessidade de
reescrever ou recompilar todos os programas que estão prontos programas;
Facilidade Uso/Desempenho:os arquivos devem ser projectados para atender a diferentes
necessidades, permitindo desenvolver aplicações melhores, mais seguras e mais
rapidamente. Deve possuir comandos poderosos em sua linguagem de acesso;
Integridade dos Dados: O SGBD deve garantir a integridade dos dados, através da
implementação de restrições adequadas. Isto significa que os dados devem ser precisos e
válidos e o mais isento possiveis de redundâncias;
Controle de Redundância dos Dados; O SGBD deve manter a redundância de dados sob
controle, ou seja, ainda que existam diversas representações do mesmo dado, do ponto de
vista do usuário é como se existisse uma única representação.);
Segurança e Privacidade dos Dados (O SGBD deve assegurar que os dados só poderão
ser acessados ou modificados por usuários autorizados;
Uso Compartilhado; O BD pode ser acessado concorrentemente por múltiplos usuários.
Independentemente da sua localização geográfica e das diferentes plataformas dos S.O e
dos SGBD;
Rápida Recuperação após Falha; Os dados são de importância vital e não podem ser
perdidos. Assim, o SGBD deve implementar sistemas de tolerância a falhas, tais como
estrutura automática de recover e uso do conceito de transação;
Backups: Os backups são cópias de segurança de BD, que são executados periodicamente e
constituem um ponto de partida para a recuperação da BD após a ocorrência de uma falha,
independentemente da sua gravidade.
 Capítulo 2 –Ferramentas e tecnologias

Este capitútlo destina-se especificamente a aprsentação das ferramentas e tecnologias

usados durante o processo de elaboração do projecto.

2.1 Editor de texto Sublime

Sublime Text é um editor de código-fonte multi-plataforma e shareware com uma interface

de programação de aplicativos (API) para a linguagem Python. Ele suporta nativamente
muitas linguagens de programação e linguagens de marcação, e funções podem ser
adicionadas por usuários com plug-ins, geralmente criados pela comunidade e mantidos
sob licenças de software livre.
Fonte: https://pngimage.net/wp-content/uploads/2018/06/sublime-text-logo-png-4.png//

Figura 1–sublime text

2.1.1 Recursos
Alguns dos recursos incluem:

 Minimapa: uma previsualização de todo o código-fonte

 Habilidade de selecionar várias partes do código;
 Edição multi-panel;
 Salvamento automático;
 Pesquisa e substituição com suporte a RegExp
 O sublime permite a codificação de fortran 90
 Coloração de sintaxe personalizável;
 Autocompletar e correspondência de parênteses;
 Suporte a macros e extensões baseadas em Python;
 Teclas de atalho personalizáveis;
2.2 Linguagem de Programação HTML

O HTML é uma linguagem de marcação utilizada para desenvolvimento de páginas web,

que possibilita criar documentos que podem ser exibidos em praticamente qualquer
computador e navegador web. Criado pelo físico Tim Berners-Lee em 1989 com a intenção
de promover a troca de conteúdo através de links globais utilizando o protocolo HTTP
(Hyper Text Tranfer Protocol). Ele surgiu no momento em que a internet começou a crescer
na área de interface, por isso surgiu a necessidade da criação de navegadores que pudessem
interpretar a linguagem que fizesse ligação de textos e imagens.

Fonte: https://tableless.com.br/o-que-html-basico//

Figura 2-HTML
O HTML possui em sua estrutura arquivo de texto bem simples para criação e edição
compatível em qualquer editor de texto convencional. Sua composição de código possui
elementos de marcação apresentados em parênteses angulares para definição do início e
término do texto. Como é possível visualizar na Figura abaixo( nota: depois numerar as
figuras), os documentos HTML possuem ‘tags’, que funcionam como comandos de
formatação de texto, formulários, links de ligação com outras páginas, tabelas entre outros.
Diversas tags são disponibilizadas pela linguagem HTML e cada uma possui uma
funcionalidade específica.
 Fonte: Do autor, 2020

Figura 3- Estrutura de um documento HTML

HTML5 é a mais recente evolução do padrão que define o HTML. Esta nova versão traz
consigo importantes mudanças quanto ao papel do HTML no mundo da Web, através de
novas funcionalidades como semântica e acessibilidade. Possibilita o uso de novos recursos
antes possíveis apenas com a aplicação de outras tecnologias. Sua essência tem sido
melhorar a linguagem com o suporte para as mais recentes multimídias, enquanto a mantém
facilmente legível por seres humanos e consistentemente compreendida por computadores e
outros dispositivos (navegadores, parsers etc). O HTML5 será o novo padrão para HTML,
XHTML, e HTML DOM. Atualmente, está em fase de esboço, porém diversos navegadores
já implementam algumas de suas funcionalidades.
O HTML5 adiciona várias novas funções sintáticas. Elas incluem as tags
de  <video> ,  <audio> ,  <header>  e elementos  <canvas> , assim como a integração de
conteúdos SVG que substituem o uso de tags<object> genéricas. Estas funções são
projetadas para tornar mais fácil a inclusão e a manipulação de conteúdo gráfico e
multimídia na web sem ter de recorrer a plugins  proprietários e APIs. Outros novos
elementos, como  <section> ,  <article> ,  <header>  e  <nav> , são projetados para
enriquecer o conteúdo semântico dos documentos. Novos atributos têm sido introduzidos
com o mesmo propósito, enquanto alguns elementos e atributos têm sido removidos. Alguns
elementos, como  <a> ,  <cite>  e  <menu>  têm sido mudados, redefinidos ou padronizados.
As APIs e os modelos de objetos de documentos (DOM) não são mais pensamentos
retrógrados, mas são partes fundamentais da especificação do HTML5. HTML5 também
define com algum detalhe o processamento necessário para que erros de sintaxe de
documentos inválidos sejam tratados uniformemente por todos os browsers e outros agentes
de usuários.
2.3 Folhas de estilos em cascata

CSS (Cascading Style Sheet ou folha de estilos em cascata), é uma outra

linguagem, separada do HTML, desenvolvida pelo W3C (World Wide Web Consortium)
em 1996, com objetivo único de cuidar da estilização da página. Ele permite separação do
conteúdo dos documentos de sua apresentação. E associando scripts aos elementos é
possivel alterar o formato do documento assim como sua interface com o usuario. Em
comparação ao HTML o CSS é mais robusto para a estilização, coisa que lhe proporciona
certa vantagem em relação ao HTML. Assim escrever formatação visual misturado com
conteúdo de texto no HTML se mostrou algo impraticavel. Por isso o CSS foi criado para
resolver este problema (separando as coisas); regras de estilos não aparecem mais no
HTML, apenas no CSS.

Fonte: https://www.google.com//

Figura 4 –CSS

A sintaxe do CSS tem estrutura simples: é uma declaração de propriedades e valores

separados por um sinal de dois pontos ":", e cada propriedade é separada por um sinal de
ponto e vírgula ";" da seguinte maneira:

color: blue;
background-color: yellow;

O elemento que receber essas propriedades será exibido com o texto na cor azul e com o
fundo amarelo.
2.4 JavaScript

JavaScript é a linguagem de programação mais popular no desenvolvimento Web.

Suportada por todos os navegadores, a linguagem é responsável por praticamente qualquer
tipo de dinamismo que queiramos em nossas páginas. É uma linguagem criada por Brendan
Eich em 1995, funcionário da Netscape na época, de iniçio era chamado de LiveScript,
depois passou a ser conhecida como JavaScript.é uma linguagem que pode ser aplicada a
um documento HTML, criando assim interações dinâmicas entre sites. Ela é utilizada
principalmente em páginas web.
Fonte: https://www.google.com//

Figura 5-JavaScript
2.4.1 Características da linguagem
O JavaScript, como o próprio nome sugere, é uma linguagem de scripting. Uma linguagem
de scripting é comumente definida como uma linguagem de programação que permite ao
programador
controlar uma ou mais aplicações de terceiros. No caso do JavaScript, podemos controlar
alguns comportamentos dos navegadores através de trechos de código que são integrados na
página HTML.
Outra característica comum nas linguagens de scripting é que normalmente elas são
linguagens interpretadas, ou seja, não dependem de compilação para serem executadas.
Essa característica é presente no JavaScript: o código é interpretado e executado conforme é
lido pelo navegador, linha a linha, assim como o HTML.
O JavaScript também possui grande tolerância a erros, uma vez que conversões
automáticas são realizadas durante operações.
O script programado é enviado em conjunto com o HTML para o navegador, mas para o
navegador saber diferenciar o script de um código html diferenciação seja é
necessárioenvolver o script dentro da tag <script>.
2.5 PHP

PHP é um acrônimo recursivo que significa “Hypertext Preprocessor” é uma linguagem de

código aberto e de uso geral, especialmente adequada para o desenvolvimento web e deve
ser integrado em documentos HTML, ele é uma linguagem multiplataforma, é possível
desenvolver no Windows e em sistemas baseados Unix, como macOS, Linux e BSD. Criada
em 1994 por Rasmus Lerdorf, inicialmente e por pouco tempo foi chamado de Personal
Home Page Tools.

Fonte: https://www.php.net/manual/pt_BR/intro-whatis.php

Figura 6–PHP

PHP é como uma coleção de supertags de HTML que permitem adicionar funções do
servidor às suas páginas da Web PHP tem pouca relação com layout, eventos ou
qualquer coisa relacionada à aparência de uma página da Web. De fato, a maior parte do
que o PHP realiza é invisível para o usuário final. Alguém visualizando uma página de
PHP não será capaz de dizer que não foi escrita em HTML, porque o resultado final do
PHP é HTML.O PHP está atualmente na versão 4, chamado de PHP4 ou, simplesmente
de
PHP.
2.6 My SQL

MySQL é um código-fonte aberto de sistema de gestão de base de dados relacional , Seu

nome é uma combinação de "My", o nome da filha do co-fundador Michael Widenius, e
" SQL ", a abreviação de Structured Query Language, que é uma linguagem que os
programadores usam para criar, modificar e extrair dados do banco de dados relacional,
bem como controlar o acesso do usuário ao banco de dados.
Um banco de dados relacional organiza os dados em uma ou mais tabelas de dados nas
quais os tipos de dados podem estar relacionados entre si; essas relações ajudam a estruturar
os dados. Além de bancos de dados relacionais e SQL, o MySQL trabalha com um sistema
operacional para implementar um banco de dados relacional no sistema de armazenamento
de um computador, gerencia usuários, permite acesso à rede e facilita o teste de integridade
do banco de dados e a criação de backups.
O MySQL é usado frequentemente com outros programas para implementar aplicativos que
precisam de capacidade de banco de dados relacional, ela é um componente da pilha de
software de aplicativo da web LAMP (e outros ), que é um acrônimo para Linux, Apache,
MySQL, Perl / PHP / Python.
O MySQL é usado por muitos aplicativos da web baseados em banco de dados,
incluindo Drupal , Joomla , phpBB e WordPress . O MySQL também é usado por
muitos sites populares , incluindo Facebook , Twitter  e YouTube.
MySQL foi criado por uma empresa sueca, MySQL AB , fundada por David Axmark ,
Allan Larsson e Michael "Monty" Widenius . O desenvolvimento original do MySQL por
Widenius e Axmark começou em 1994.

Fonte:https://upload.wikimedia.org/wikipedia/en/e/ee/MySQL_Logo.png my

//

Figura 7-MySQL
O MySQL é oferecido em duas edições diferentes: o MySQL Community Server de código
aberto e o Enterprise Server proprietário. MySQL Enterprise Server é diferenciado por uma
série de extensões proprietárias que instalam como plug-ins de servidor, mas de outra forma
compartilha o sistema de numeração de versão e é construído a partir da mesma base de
código.
2.6.1 Recursos
Alguns dos recursos disponíveis no MySQL 5.6:

 Um amplo subconjunto de ANSI SQL 99 , bem como extensões

Suporte multiplatafor;

 Cursores
 Vistas atualizáveis;
 Linguagem de definição de dados online (DDL) ao usar o InnoDB Storage Engine.
 Esquema de informação;
 Esquema de desempenho que coleta e agrega estatísticas sobre a execução do
servidor e o desempenho da consulta para fins de monitoramento;
 Um conjunto de opções do modo SQL para controlar o comportamento do tempo de
execução , incluindo um modo estrito para melhor aderir aos padrões SQL;
 Cache de consulta e etc.
2.6.2 MySQL Workbench 
MySQL Workbench é o ambiente integrado para MySQL. Ele foi desenvolvido pela
MySQL AB e permite aos usuários administrar graficamente bancos de dados MySQL e
projetar estruturas de banco de dados visualmente.
O MySQL Workbench está disponível em duas edições, a Community Edition gratuita e de
código aberto regular, que pode ser baixada do site MySQL, e a Standard
Edition proprietária, que estende e melhora o conjunto de recursos da Community Edition.

2.7 XAMPP

XAMPP é um pacote com os principais servidores de código aberto do mercado, incluindo

FTP, banco de dados MySQL e Apache com suporte as linguagens PHP e Perl.
De plataforma, software livre, que consiste principalmente na base de dados MySQL, o qual
foi substituído pelo MariaDB(embora ainda seja utilizado MySql em algumas versões) o
servidor web Apache e os interpretadores para linguagens de script: PHP e Perl,além de um
cliente FTP. O nome provem da abreviação de X (para qualquer dos diferentes sistemas
operativos), Apache, MariaDB, PHP, Perl. É um método que torna extremamente fácil para
os desenvolvedores a criar um servidor web local para fins de teste.
O programa está liberado sob a licença GNU e atua como um servidor web livre, fácil de
usar e capaz de interpretar páginas dinâmicas. Atualmente XAMPP está disponível
para Microsoft Windows, GNU/Linux, Solaris, e MacOS X
 Figura 8–Xampp Server

2.7.1 Características e Requerimentos

XAMPP somente requer um arquivo zip, Rar, o exe a baixar e executar, com algumas

pequenas configurações específicas ao sistema em alguns de seus componentes necessários
para o funcionamento do servidor web. XAMPP é regularmente atualizado para incorporar
as últimas versões de Apache/MySQL/PHP e Perl. Também são incluídos outros módulos
como OpenSSL, e phpMyAdmin. Para instalar, o XAMPP necessita de uma pequena fração
do tempo necessário para instalar e configurar programas separadamente.

2.8 Bootstrap

Bootstrap é um framework web com código-fonte aberto para desenvolvimento de

componentes de interface e front-end para sites e aplicações
web usando HTML, CSS e JavaScript, baseado em modelos de design para a tipografia,
melhorando a experiência do usuário em um site amigável e responsivo.
Bootstrap é um projeto de código aberto originalmente desenvolvido para o site Twitter,
chamado de Twitter Blueprint, desenvolvido por Mark Otto e Jacó Thornton como um
instrumento para incentivar a consistência através de ferramentas internas.

Figura 9-Bootstrap
2.8.1 Recursos
O Bootstrap 3 suporta as versões mais recentes do Google Chrome, Firefox, Internet
Explorer, Opera e Safari (exceto no Windows). Além disso, também suporta o IE8 e o mais
recente Firefox Extended Support Release (ESR).
Desde a versão 2.0, o Bootstrap oferece web design responsivo. Isso significa que o layout
de páginas web se ajusta de forma dinâmica, de acordo com as características do dispositivo
(computador, tablet, smartphone).
A partir da versão 3.0, o Bootstrap aprovou uma filosofia de mobile-first design,
enfatizando o design responsivo por padrão. A versão 4.0 alfa adicionou suporte a Sass e
flexbox.
Cada inicialização do componente consiste em uma estrutura HTML, declarações CSS, e,
em alguns casos, acompanha código de JavaScript.
Cada inicialização do componente consiste em uma estrutura HTML, declarações CSS, e,
em alguns casos, acompanha código de JavaScript.
Folhas de estilo
O Bootstrap oferece um conjunto de folhas de estilo que faculta as definições de estilo para
todos os principais componentes HTML. Estes fornecem uma aparência moderna para a
formatação de texto, tabelas e elementos de formulário.
Componentes reutilizáveis
Além de regular os elementos do HTML, o Bootstrap contém outros elementos de interface
comumente utilizados. Os componentes são implementados como classes CSS, a qual deve
ser aplicada a certos elementos HTML em uma página.
Componentes JavaScript
O Bootstrap vem com vários componentes JavaScript no formulário de plugins jQuery. Eles
fornecem mais elementos de interface do usuário, tais como caixas de diálogo, dicas, e
carrosséis. Eles também estendem a funcionalidade de alguns elementos da interface,
incluindo, por exemplo, uma função auto-completar para campos de entrada.
2.9 Jquery

Jquery é uma biblioteca de funções JavaScript que interage com o HTML, desenvolvida

para simplificar os scripts interpretados no navegador do cliente (client-side). Ela é uma
biblioteca de código aberto que utiliza a licença MIT em seu código-fonte. Sua sintaxe foi
desenvolvida para tornar mais simples a navegação do documento HTML, a seleção de
elementos DOM, criar animações, manipular eventos, desenvolver aplicações AJAX e
criação de plugins sobre ela. Essa facilidades permitem aos desenvolvedores criarem
camadas de abstração para interações de baixo nível de modo simplificado em aplicações
web dinâmicas de grande complexidade.
 Usada por cerca de 74.4% dos 10 mil sites mais visitados do mundo, jQuery é a mais
popular das bibliotecas JavaScript, a mesma é projecto da fundação JS que faz parte da
fundação Linux, e seu desenvolvimento é realizado pelo time jQuery, foi criado John Resig
em 22 de agosto de 2005.
https://pt.wikipedia.org/wiki/Ficheiro:Logo_jQuery.svg

Figura 10-Jquery
2.9.1 Funcionalidades
Principais funcionalidades do jQuery:

 Resolução da incompatibilidade entre os navegadores.

  Redução de código.
 Reutilização do código através de plugins.
 Utilização de uma vasta quantidade de plugins criados por outros desenvolvedores.
 Trabalha com AJAX e DOM.
 Implementação segura de recursos do CSS1, CSS2 e CSS3.
Qualquer editor de código suporta jQuery, sendo necessário fazer download da respetiva
classe no site do jQuery. Uma das maiores novidades relaciona-se com a resolução da
incompatibilidade entre browsers, especialmente com o Internet Explorer, inferior à versão.
 Capítulo 3 –Análise funcional do sistema

3.1 Análise de requisitos

Depois de termos visitado o ambiente de negócio (o instituto médio industrial “Simione

Mucune”) e com ajuda do tutor, foi possível realizar a análise de requisitos do sistema em
causa – Gestão de pautas online.

3.2 O Problema – gestão de pautas do Instituto

Baseamo-nos no facto de que, para a resolução deste problema foi necessário obter um
conjunto de informações para determinar o que o sistema deve administrar (controlar) e
realizar, na visão dos usuários administradores e indo de acordo com as necessidades
apresentadas pelo nosso ambiente de negócio ( o instituto médio industrial “Simione
Mucune”).
No instituto médio industrial “Simione Mucune” existem diversas turmas a serem avaliadas
trimestral e anualmente. As turmas são compostas por alunos, e cada aluno é avaliado ao
receber uma nota proveniente da prova que ele irá fazer.
Uma turma pode ter vários professores e cada professor tem direito a avaliar cada aluno da
turma por meio de provas. Cada prova permite o aluno tirar uma determina nota. Essas
provas são feitas duas vezes por trimestre e elas dfinem como está ser o desenpenho
trimestral de cada aluno.
Como os professores têm a responsablidade de avaliar cada aluno, eles sentem-se na
responsabilidade de criar mini pautas.
Com essas mini-pautas os directores de cada turma que também são professores, definem
as pautas trimestrais de cada turma.
Nestas pautas trimestrais são definidos como foi o desenpenho de cada aluno ao longo deste
trimestre.
E com as pautas de cada trimestre são elaborados as pautas anuais que definem se o aluno
está apto ou não para transitar de cada classe.
Só que no processo de lançamento destas pautas notamos a influençia do director
pedagógico, notamos que ele tem a responsablidade de aprovar o lançamento das mesmas.
Se ele não aprovar as mesmas elas jamais deverão ser lançadas.

3.3 Modelo lógico de dado(MLD)

Durante a análise, constatamos alguns entidades com existência própria, e algumas

dependentes, deste modo, vamos descreve-los e dar-lhes alguns atributos.
1. turma: (id_turma, nº_de_alunos, classe, id_aluno)
2. aluno: (id_aluno, nome, endereco, contacto, data_nascimento)
3. professor: (id_professor, nome, endereco, curso, contacto, id_turma)
4. disciplina: (id_disciplina, nome, id_professor)
5. nota: (id_aluno, id_prova, valor)
6. reclamacão: (id_reclamcao, reclamacão, nome email)
7. nºde processo: ( id_processo, num_processo, id_turma)
3.4 Actores do sistema

Depois de termos feito a análise de requisitos, identificamos as entidades e fizemos os seus

possíveis relacionamentos, tendo em atenção o modelo lógico e o diagrama entidade
relacionamento, finalmente fizemos a analise funcional do sistema. Um actor representa um
utilizador do sistema.
E para o nosso sistema existem os seguintes actores:
–Administrador (director)SGPO
–Funcionário(cordenadores) SGPO
–Convidado(alunos) SGPO

3.4.1Casos de Utilização dos Actores

Os principais casos de utilização são:

•Registar;
•Actualizar;
•Visualizar;
•Consultar;
•Eliminar;
•CriarConta.

Caso de Uso “Registar”

•Administrador SGPO
–Registar Coordenador da Área Cientifica

•Cordenador SGPO
–Registar Estudante;

•Estudante SGPO
O convidado SGPO não tem privilégios de inserção no sistema.
Casos de Utilização “ACTUALIZAR”

Director SGPO

–Actualizar perfil dos Coordenadores da Área Cientifica;

Cordenador SGPO
–Actualizar alunos
–Actualizar notas

Convidado SGPO

O convidado não tem nenhum privilégio de actualização no sistema.

Casos de Utilização “VISUALIZAR”

Administrador SGPO
–Visualizar Coordenador da Área Cientifica

Cordenador SGPO
–Visualizar nota;
–Visualizar Curso;
–Visualizar Estudante;

Estudante SGPO

Oconvidado só tem o privilégio de visualização notas.

Casos de Utilização “CONSULTAR”

Administrador SGPO

–Consultar cordenador;;

Funcionário SGPO

–Consultar notas;
–Consultar notas por datas;
–Consultar notas por disciplina;
–Consultar notas por se lançar;
–Consultar alunos por curso;
Convidado SGPO

O convidado tem o privilegio de Consultar suas notas;

Casos de Utilização: Eliminar

Administrador SGPO

–Eliminar Coordenador da Área Cientifica;

Cordenador SGPO

–Eliminar notas ;
–Eliminar Estudante;

Estudante SGPO

O convidado SIGPA não tem privilégios de eliminação no sistema.

Casos de Utilização “CONTA”

Director SGPO
–Criar Conta
–Actualizar Conta
–Relembrar Senha
–Alterar Senha
–Eliminar Conta

Cordenador SGPO
–Alterar Senha

Convidado SIGPA
-não tem o privilrgio algum neste caso;
3.4.2 Descrição dos Casos de Utilização

Caso de Utilização: Controle de Acesso

1.O utilizador (Director e cordenador) preenche um formulário de entrada, digitando o seu

nome de utilizador e a sua senha.
2.O sistema informático vai verificar se os dados do utilizador recém digitados existem e
quais são os seus privilégios.
3.Se o utilizador existe, verifica o perfil do mesmo e permite o acesso a página associada ao
seu perfil senão, o acesso é negado e volta para ao passo 1.

Casos de Utilização: Registar

1. . Outilizador preenche os dados do formulário, os dados são submetidos ao sistema;
2. depois o sistema valida os dados;
3.Se os dados forem inválidos o registo é anulado, aseguir é enviada uma mensagem de
falha do registo e volta-se para o passo 1
5. Se os dados forem validos, o sistema envia os dados gravados na base de dados;
6. Caminhos alternativos: O utilizador pode cancelar a operação a partir de qualquer passo
pressionando o botão cancelar .

Casos de Utilização: Actualizar

1. Se ainda não haver dados registados, o sistema avisa ao utilizador que não existe nenhum
registo, o que impossibilita actualizar qualquer registo. Caso exista algum registo, estes são
visualizados e o utilizador selecciona o registo a actualiza;
2. O utilizador actualiza os dados e pressiona o botão actualizar;
3. o sistema valida os dados;
4.Se os dados forem inválidos;
5. A actualização é anulada e aseguir é enviada uma mensagem de falha de actualização do
registo e volta-se para o passo 2;
6. Se os dados forem validos, o sistema envia os dados actualizados e grava-os na base de
dados.
Casos de Utilização: Visualizar
Se ainda não haver dados registados, o sistema avisa ao utilizador que não existe nenhum
registo, o que impossibilita visualizar qualquer registo. Caso exista algum registo, estes são
visualizados pelo utilizador do sistema.
Casos de Utilização: Consultar
Se ainda não haver dados registados, o sistema avisa ao utilizador que não existe nenhum
registo, o que o impossibilita de consultar qualquer registo. Caso exista algum registo, o
utlizador os consultas ele celecionando a opção consultar do seu menu.

Casos de Utilização: Eliminar

1.Se ainda não haver dados registados, o sistema avisa ao utilizador que não existe nenhum
dado registado, o que impossibilita a remoção de qual quer registo. Caso exista algum dado,
estes são visualizados e o utilizador selecciona o registo a remover;
2.Ao pressionar o botão eliminar, o sistema envia uma informação de sucesso da
eliminação.Voltando-se a visualização dos registos, podendo o utilizador seleccionar
qualquer outro registo para a sua posterior eliminação.

Casos de Utilização: Conta

1.O utilizador introduz os dados referentes a conta;
2.O sistema valida os dados recém inseridos referentes a conta. Isto é, se os dados estiverem
correctos, o sistema passa para o estado 3. Senão, o sistema avisa ao utilizador da
incorrecção dos dados;
3.O sistema envia uma informação de sucesso na criação da conta e avisa o utilizador se
pretende proceder a nova criação de conta ou sair da fase das contas.
3.4.2 Diagramas de Casos de Utilização

DCU-Registrar

Figura 11 Diagrama de caso de uso(DCU) Registrar

DCU-Consultar

Figura 12 Diagram de caso de uso (DCU) Consultar

DCU-Actualizar

Figura 13Diagram de caso de uso (DCU) Actualizar

DCU-Visualizar

Figura 14Diagram de caso de uso (DCU) Visualizr

DCU-Eliminar

Figura 15Diagram de caso de uso (DCU) Eliminar

DCU-Conta

Figura 16Diagram de caso de uso (DCU) Conta

Diagrama de classes

Abaixo é mostrado o diagrama de classes do SGPO– IMISM:

Características do Sistema

O SGPO-IMISM vai garantir a escalabilidade da solução por ser portavel para diferentes
tipo de plataformas de hardware e sistema operativo, pois para o acesso do mesmo vai se
fazer necessario o uso de navegadores web. Assim o sistema será intranet e extranet, será a
sua pagina web informativa.

Opções Técnicas

Para a medologia de ánalise usamos linguagem de modelção UML.

A plataforma SGPO,é composta por um website principal com endereço fixo na internet
onde o mesmo funciona como portal de acesso a ferramenta de desenvolvimento. Este
website utiliza um template em sua estrutura principal com diversas funcionalidades e
efeitos. Para obter a implementação de um layout exclusivo,foi feito o uso das linguagens
de marcação e apresentação HTML para estruturar as páginas web, e a linguagem CSS para
estilizar e modelar a apresentação dessas páginas. As versões HTML5 e CSS3 utilizadas são
compatíveis com todos os dispositivos e suportam aplicações muito mais ricas do que suas
primeiras versões. Desta forma o website utiliza padrões de design responsivos, permitindo
o acesso dos principais dispositivos eletrônicos utilizados na atualidade.
Para a programação dos códigos, foi utilizado o editor de texto sublime text.
Como banco de dados, a plataforma utiliza o MySql, Para administração do MySql foi
utilizado o aplicativo phpMyAdmin, que possibilita criar e remover bases de dados, tabelas,
campos, manipular campos de chaves e também executar códigos SQL.

Website SGPO

Para o desenvolvimento da página foi necessário em primeiro momento definir um

endereço web para acesso. O domínio possui a base de toda a identificação do site na
internet. O endereço web usado como domínio é o “www.pautasmucune.ao”.
Para adquirir este domínio existe um custo anual de manutenção e ativação do mesmo. Este
domínio recebe apontamento de endereço DNS, responsável por localizar e traduzir número
do IP de endereço do servidor de hospedagem de dados, onde encontra-se os arquivos do
website.
Após realizar o registro do domínio, será hospedado no servidor do IMISM. Neste espaço
ou seja no servidor, realiza-se as subdivisões de pastas para separação de arquivos, assim
quando houver necessidade de manutenção, a acessibilidade e a localização seja facilitada.
O projeto de interface define o comportamento e a apresentação de uma visão geral de
sistema, assim o capitulo 4 vai mosrtrar o resultado final de algumas interfaces em
funcionamento para melhor visualização do resultado final do sistema e uma página web
informativa.
Segurança do Sistema

A segurança sem duvida tem se revelado uma das áreas mais promissoras e importantes das
TI, pois manter qualquer sistema seguro resulta na boa performance do mesmo, ainda mais
em sistemas virados a Web tendo em conta o facto de que o mesmo funciona numa rede
pública mundial (a internet).c
A segurança do SGPO-IMISM assumi as duas prespectiva de segurança: a segurança a nivel
lógico e a segurança a nivel físico.
Segurança a nivel lógico
A nivel, lógico, o SGPO-IMISM foi desenvolvido de maneiras a posuir o recurso
autenticação, recurso este que impede que utilizadores não permitidos tenham qualquer
acesso ao sistema, ou seja, sistema pede ao utilizador que digite seu nome de utilizador e a
sua senha. Se os dados digitados forem válidos, o mesmo acede o sistema. Caso contrario
não será possível aceder o sistema. Lembrar também que as senhas serão criptografadas e
vai se determinar o numero de caracteres que as senhas possuirão..
Visto que o sistema possui niveis de acesso, é importante frizar que cada utilizador
possui privilégios dentro do sistema. O SGPO-IMISM possui três niveis de acesso a
citar:
Director: Pessoa responsável pelo controle global do sistema. O utilizador director tem
privilégios de inserções, actualizações, visualizações, consultas e todos os outros recursos
disponíveis pelo SGPO-IMISM.

Coordenador: Utilizadores com privilégios intermédios do sistema. Podendo estes fazerem

algumas inserções de dados, actualizações, visualizações e consultas no sistema.

Segurança a nivel físico

A segurança a nivel físico, implica que o sistema deve estar, fisicamente, fora do alcance de
pessoas não autorizadas, geralmente é feita nas imediações da empresa e leva em consideração
a prevenção de danos causados por desastres locais ou ambientais, como inundações incêndios
etc.

Por isso é importante que os servidores estejam ligados a UPS para evitar desligamentos
automáticos que pode causar danos técnicos irreparáveis. Não esquecendo que os
servidores devem estar em uma sala de dificil acesso, com portas seguras e boas
fechaduras.
A sala com as máquinas deve ser climatizada e estar regularmente limpa devido a
temperatura e poeiras que reduzem o tempo de vida dos equipamentos
Também é importante implantar recursos de identificação de funcionários, como o uso de
crachás, senhas e cadastro de digital para restringir o acesso de pessoal não autorizado.
A sala com as máquinas deve ser climatizada e estar regularmente limpa devido a
temperatura e poeiras que reduzem o tempo de vida dos equipamentos.
 Capitulo 4: Funcionamento do SGPO-IMISM

Nesta capitulo serão apresentadas algumas interfaces em funcionamento para melhor

visualização do resultado final do sistema e uma página web informativa.

Pagina Web informativa

Após a inserção do endereço referente a página web informativa, o navegador irá

ilustrar a figura abaixo, que mostra a tela inicial do website, onde o mesmo possui um
menu principal de navegação disponível, links a acesso as principais seções, e um canal de
acesso ao cadastro do cordenador, referenciado pelo botão “Entrar”.

Fonte: O autor

Figura 17-pagina web informativa

Menu superior

O menu superior possui seis seções definidas.Para a versão desktop o layout é apresenta de
forma horizontal e para a versão mobile a apresentação do layout em forma vertical
conforme a Figura 18.
 Fonte: O autor

Figura 18- Tela Menu versão Mobile

Acesso a ferramenta de gestão

O botão entrar permite acesso a pagina do coordenador, para tal, o coordenador terá de
cadastrar-se primando o botão criar conta, após ele validar o seu cadastro por e-mail e obter
suas credenciais inscritas no ato, ele poderá efectuar o login.Na Figura 19 é apresentada a
interface de acesso a janela do coordenador que vai permiti-lo efectuar a gestão de pautas
dos alunos.
Fonte: o autor

Figura 19- Interface de acesso a ferramenta de gestão

Tela inicial do cordenador

Após o utilizador efectuar o login sistema, vai exibir a tela inicial do coordenador, que é
composta por vários menus que ajudarão o coordenador no manuseio do sistema. A tela traz
consigo um guia de ensino, que permite que novos usuario tenham oportunidade de ser
instruido pelo sistema clicando o botão como utilzar. Conforme ilustrado na figura 20.
Fonte: o autor

Figura 20- Tela inicial do Coordenador

Caso o coordenador queira adicionar novos alunos no SGPO,ele deve clicar o botão
adicionar alunos encontrado no seu menu e e escolher a turma a que pretende adicionar o
aluno, ao fazer isso vai abrir a tela adicionar aluno conforme ilustrado na figura 21. O
mesmo se dá caso ele queira inserir notas de um determinado aluno. E a figura 22 espelha
isso.
Fonte: o autor

c
 Figura 21- interface para adicionar alunos
Fonte: o autor

Figura 22- interface para inserir notas dos alunos

Depois de lancadas as pautas os alunos têm a oportunidade visualizar suas notas primando o
botão cursos no menu da pagina web informativa principal, depois escolhem o curso a que
pretendem ver a nota e vai aparecer a pauta. A figura 23 mostra isso.

Fonte: o autor

Figura 23- interface mostrando as pautas

Se o aluno não se sentir satisfeito com sua nota alegando que está errada, ele tem a
oportunidade de reclamar, ele pode fazer isso, clicando o botão sobre o menu reclamação e
terá acesso a interface que lhe permitirá enviar suas reclamções. A figura a 24 ilustra a tela
para efectuar as: reclamações.
Fonte: o autor

Figura 24- tela para reclamação

Orçamento do projecto
Custo dos itens usados no projecto SGPO

Qtd Marca/modelo Preço Unit Data Factura Total

Computador
1 HP(portatil) 150.000 fechado Sem factura 150.000
Computador
1 HP(de mesa) 120.000 fechado Sem factura 120.000

Total de tempo para a conclusão do presente projecto

Meses 6

Semana 24

Dias 180

Horas 4320
 Capitulo 5: Conclusões e Recomendações

Conclusão
BIBLIOGRAFIA

https://iconectado.com.br/download-apostila-de-css/
https://pt.wikipedia.org/wiki/HTML5
https://en.wikipedia.org/wiki/CSS
http://www.marcosoares.com/aia/11/javascript/javascript_1.pdf