República de Angola

Universidade Católica de Angola

Faculdade de Engenharia
Curso de Engenharia Informática

Multimídia
Relatório de Projeto

2019
 Multimídia
Relatório de Projeto

Tema do Projeto:

Desenvolvimento de um Sistema de
Cadastramento (Concurso Público)

Elementos do Grupo

Id Nome Telefone
18943 Emanuel Rodrigues 923593080
19590 Hulquene Roberto Ngola 941419025
18649 Nelson Santos 927731371
16763 Benvindo Xavier 923528294

2019
 Sumário

Cronograma ................................................................................................................................................1
Objetivo do Projeto ....................................................................................................................................2
Descrição do Projeto ..................................................................................................................................2
Páginas (Interfaces) do Projeto ..................................................................................................................2
Página Home ..............................................................................................................................................3
Objetivo .................................................................................................................................. 3
Página (Candidatura)..................................................................................................................................3
Objetivo .................................................................................................................................. 3
Página (Lista) .............................................................................................................................................4
Objetivo .................................................................................................................................. 4
Página (Contatos) .......................................................................................................................................4
Objetivo .................................................................................................................................. 4
Página Home ..............................................................................................................................................5
Objetivo .................................................................................................................................. 5
Página verCandidato ..................................................................................................................................5
Objetivo .................................................................................................................................. 5
Requisitos ...................................................................................................................................................6
Estrutura de Pastas ........................................................................................................................... 6
Estrutura de Ficheiros ....................................................................................................................... 7
Ficheiros CSS ................................................................................................................................... 7
Ficheiros JS ...................................................................................................................................... 7
Outros Recursos ............................................................................................................................... 7
Funcionalidades .........................................................................................................................................7
Ferramentas ................................................................................................................................................8
Site maps ....................................................................................................................................................9
Cronograma

1
 Objetivo do Projeto

O projeto tem como objetivo garantir a aplicação prática dos conceitos de Multimídia
Técnicas de comunicação por diversos meios, com objetivo de transmitir informação. E a usabilidade
das linguagens de estruturação, estilização e programação (ergonomia, usabilidade e sua avaliação,
princípios da percepção humana das coisas, HTML, CSS e do Java Script) aprendidos durante as aulas
de IHM, por meio da construção de um web site.
Descrição do Projeto

No nosso projeto pretendemos fazer a simulação de um Sistema de Cadastramento para o

concurso público no sector da educação ao serviço de Angola, na página, pesquisadores, estudantes e
profissionais capacitados na sua área de formação poderão escrever se desde que tenham sanidade e
competência e preenchem com os requisitos exigidos.
Na página podemos encontrar vários meios de comunicação como texto, imagens, áudio, vídeo e
gráficos visto que o objetivo do projeto é aplicação dos conceito de multimídia.

Páginas (Interfaces) do Projeto

O web site terá as seguintes páginas:
1. Página: Home (inicio)
2. Página: Candidatura (cadastra-se)
4. Página :Listas
5. Página: Contatos
O web site terá as seguintes páginas de administração:
1. Página: Home (inicio)
2. Página: verCandidato

2
Páginas web site

Página Home
Objetivo
A home ou início é definida como a página principal ou de apresentação, é nela que geralmente
compreende-se uma apresentação do site e de todo seu conteúdo, ela trabalha como um espelho ela define
que tipo de site estas a acessar.
Na página home além de toda a sua função, ele informa que documentos é necessário para
conseguir terminar o cadastramento. O meio que foi usado para transmitir informação são texto, vídeos
e áudio.
Mockup

Página (Candidatura)
Objetivo
Essa é a página onde acontece a recolha de dados pessoas assim como outros dados necessário,
como experiência profissional, formação acadêmica, e a disciplina em que se candidata.
Nessa página o conceito aplicado de multimídia ligado a interatividade, nesse caso comunicação
não linear (recolha de dados e resposta)

Mockup

3
 Página (Lista)
Objetivo
É uma página informativa, com objetivo de mostrar os candidatos inscritos, a página também
funciona como uma pauta, contendo informações dos candidatos como nota e situação.
O meio multimídia que foi usado para transmitir informação é texto
Mockup

Página (Contatos)
Objetivo
Essa é a página onde contém as informações do grupo e consequentemente os desenvolvedores,
Informações como nome telefone e número de estudante.
O meio multimídia que foi usado para transmitir informação é texto
Mockup

4
Páginas de administração

Página Home
Objetivo
A home ou início é definida como a página principal ou de apresentação, é nela que geralmente
compreende-se uma apresentação do site e de todo seu conteúdo, ela trabalha como um espelho ela define
que tipo de site estas a acessar.
Mockup

Página verCandidato
Objetivo
A página verCandidato ela lista todos os candidatos inscritos assim como os seus dados
O meio que foi usado para transmitir informação são texto, vídeos.

5
Mockup

Requisitos
Estrutura de Pastas
Drafts: Ela vai conter imagens que planeiam a estrutura do site, ou o objetivo final do projeto.
Prints da Página: Ela armazenara todos os prints da página.
Página Web: Ela armazena todas as pasta e todos os ficheiros necessário para construção da
página.
Admin: Ela armazena todas as pasta e todos os ficheiros necessário para construção da página
de administração.
css: Ela armazenara todos os ficheiro css que tem como objetivo dar os estilo nas páginas.
fonts: ela vai conter as fontes personalizadas (tipos de letras) e alguns ícones indispensável.
imagens: Onde vai conter todas as (figuras) imagens e logo da página.
Vídeos : Onde vai conter todos os vídeos utilizado.
audio : Onde vai conter todos os áudio utilizado.
JS: Vai conter todos os arquivo Java script.

6
Estrutura de Ficheiros
Ficheiros CSS

Ficheiro Objetivo
default.css Responsável de dar o estilo nas paginas

home.css Responsável pelo estilização da página home

contacto.css Responsável pelo estilização da página contato

candidatura.css Responsável pelo estilização da página candidatura

lista.css Responsável pelo estilização da página lista

Ficheiros JS

Ficheiro Objetivo
Validação.js Responsável pela validação dos dados do candidato
documentoInfo.js Responsável pela validação dos dados do candidato

Outros Recursos

Recurso Objetivo
font-awesome-4.7.0 Ficheiro onde contém conjunto de ícones
responsive-menu.css

Funcionalidades

A página de usuário tem as seguintes funcionalidades:

 Fazer recolha de dados pessoas
 Fazer recolha de dados Acadêmicos e profissionais
 A cada candidato inscritos é fornecido um id
 Fornecer a lista dos resultados de todos os candidatos inscritos
 É possível também obter informações de qualquer eventualidade por meios de contato ou e-mails
de apoio.

7
  Com ajuda do tutorial o candidato tem a possiblidade de ter uma ideia de como utilizar a página,
e conseguir atingir o seu objetivo.
Na página do Administrador tem as seguintes funcionalidades:
 É possível visualizar as informações de cada candidato assim como o vídeo de apresentação.
 É possível entrar em contato com o candidato a partir do e-mail do candidato.

Ferramentas

As ferramentas usadas para concepção do projeto foram:

HTML 5: É uma linguagem utilizada para construir páginas web, é baseada em tags (etiquetas),
e isto faz dela uma Linguagem de Marcação.

CSS: Significa Cascading Style Sheet. O estilo define como os elementos HTML serão
apresentados, foi criado com o objectivo de estabelecer uma separação entre a definição da estrutura de
um documento HTML e a estilização do mesmo

JAVA SCRIPT: É uma linguagem de programação utilizada em páginas Web;

Editor de Texto: Um programa de edição de texto é um tipo de programa usado para editar
arquivos de texto simples. No nosso projeto usamos o SUBLIME TEXT v3.

Processador de texto: Um processador de texto é um programa usado para escrever no

computador. Com ele, é possível criar desde documentos simples até arquivos profissionais, que são mais
complexos, tais como: fax, cartas, currículos, ofícios, procurações e apostilas. Nesse caso usamos o
famoso Microsoft Word v2013.

Sistema Operativo Windows

Balsamiq Mockups Version: 3.5.16

8
 Site maps

Página do usuário

Página do administrador