FACULDADE DE ECONOMIA E GESTÃO

Curso de Gestão de Sistemas de Informação

AVALIAÇÃO III DE PROGRAMAÇÃO E WEB DESIGN

Período de Realização

Decorre de 08 de Abril de 2023 a 21 de Maio de 2023

Data de Limite de Entrega

21 de Maio de 2023, até às 23h55 de Moçambique

Temática / Tema / Conteúdos

JavaScript

Objetivos
A avaliação III tem por objetivos consolidar o conhecimento dos estudantes,
estimular a sua criatividade e avaliar as respetivas competências no âmbito da
programação web.

Trabalho a desenvolver

Regras do exercício
• Os exercícios javascript propostos a seguir devem ser resolvidos em
arquivos diferentes e as variáveis de uma questão devem ser invisíveis
para as demais questões.
• O aluno deve usar o esqueleto html provido no fim da questão como o
arquivo index.html e ele não pode ser modificado em hipótese alguma.
• O aluno não pode adicionar nenhum outro arquivo html ao trabalho.
• Cada resposta deve estar contida dentro de sua div, assim a questão 1
deve ser toda construída dentro de <div id=”q1″> <!– seu conteúdo aqui –
> </div>. Para isso o aluno deve manipular o DOM usando javascript.

Lembre-se que o componente deve alertar o usuário em caso de erro.

Página 1 de 2
Questão 01
Primeiro, vamos criar um componente que possua duas caixas de texto. No
entanto, essas caixas só podem aceitar números, além disso, elas devem ter
rótulos (label) com um valor mínimo e um valor máximo. É preciso também sempre
ver se o valor mínimo é menor que o valor máximo. O componente que você
deverá construir ainda deve possuir um botão que deve contar e imprimir quantos
números existem entre valor mínimo e valor máximo que sejam múltiplos de 2 e 3
(simultaneamente). O programa não deverá calcular se algum dos números não
for inserido.

Questão 02
Agora você deverá criar um componente que tenha uma caixa de texto que só
aceita números e tenha um rótulo (label). Aqui você usará esse número para
calcular o fatorial dele e mostrá-lo na tela. O componente deve ainda possuir um
botão “calcular”. Quando acionado ele deve calcular o fatorial do número digitado
e imprimir o resultado e o tempo necessário para a execução.
O resultado deve ser mostrado no formato: 53! = xx (yy milisegundos);
Lembre-se, não vamos cabular. O código deve calcular o fatorial e não apenas
imprimir uma string com a resposta.

Questão 03
Agora você precisará criar um componente que possua um botão “criar relatório”.
Quando acionado o seu programa deverá imprimir um relatório de resultados da
disciplina javascript para 20 alunos, no formato de tabela. Veja algumas regras
adicionais!

• As notas deverão ser números inteiros entre 0 e 100, criadas

aleatoriamente; (dica: use a função math.radom().
• Cada aluno deve ser representado por um registro composto por numero e
nota
• Use uma função construtora chamada Aluno. Se você for bem ousado,
implemente usando classes;
• Armazene a nota do aluno como uma variável privada do tipo symbol, use
getters e setters para recuperar a informação.
• Os registros devem ser armazenados em um array;

A impressão do relatório deve ter:

• Um título;
• Os resultados mostrados linha a linha no formato “Aluno nr xx – Nota yy
[(A/RE)PROVADO]”; e
• Um rodapé com estatística final no formato “APROVADOS: XX (xx%) |

Página 2 de 2
 REPROVADOS: YY (yy%)”

Questão 04
Agora você precisa criar um componente que possui 3 caixas de texto. Eles só
aceitam números e possuem rótulos (label): Quantidade de números, valor
mínimo e valor máximo. Seu componente deve possuir um botão calcular que
quando acionado deve criar um array com quantidade de números aleatórios não
repetidos e ordená-los. Os números devem estar entre valor mínimo e valor
máximo (inclusives, ou seja incluindo o valor mínimo e valor máximo). Lembre-se
que para calcular quantidade de números deve ser menor que a soma de valor
mínimo e valor máximo.

Questão 05
O próximo componente será um que possui 3 caixas de texto que só aceitam
números e tenha os rótulos (label): lado A, lado B e lado C. O componente deve
ainda possuir um botão calcular que quando acionado deve dizer se um triângulo
formado por esses 3 lados é um triângulo equilátero, isósceles ou escaleno. (esse
é bem simples né =D )

Questão 06
Agora vamos criar um último componente mais avançado. Nesse você precisa
criar campos para usuário e login em aplicação (sign up/ sign in).
No 1º cenário, antes de estar logado, o visitante se depara com o formulário de
login ou de criação de usuário. Se for feito o login com sucesso, o componente
deve levar ao cenário 2, se falhar ele deve alertar o usuário e voltar ao início do
cenário 1. Se o usuário optar por criar um usuário, o componente deve criar o
registro de um novo usuário e voltar para início do cenário 1.
No cenário 2, após logado, mostrar apenas um texto de logado no componente e
um botão (ou link) para deslogar, retornando ao início do cenário 1.
Deve ser possível criar múltiplos usuários e, se fechada, a página não pode perder
os registros de usuários armazenados.

Para resolver essa lista de exercícios javascript, você deve utilizar o seguinte o
arquivo index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="app/app.css" />
</head>
<body>
<div id="q1"></div>
<div id="q2"></div>
Página 3 de 2
 <div id="q3"></div>
<div id="q4"></div>
<div id="q5"></div>
<div id="q6"></div>
<script>
var app = { };
app.getComponente = function (nome){
if( !app[nome]) {
app[nome] = { $ctrl:{} };
}
return app[nome];
};
</script>
<script src="q1.js"></script>
<script src="q2.js"></script>
<script src="q3.js"></script>
<script src="q4.js"></script>
<script src="q5.js"></script>
<script src="q6.js"></script>
</body>
</html>

Recursos

1. Documentos de apoio e manual da disciplina.

Página 4 de 2
Critérios de avaliação

Na avaliação da Avaliação III serão tidos em consideração os seguintes critérios:

1. Riqueza, rigor e interligação nos conceitos específicos utilizados;
2. Pertinência dos argumentos apresentados;
3. Qualidade da expressão escrita;
4. Profundidade dos conhecimentos demonstrados (teorias e conceitos);
5. Criatividade;
6. Cumprimento do limite de páginas estabelecido;
7. Entrega da Avaliação III dentro do prazo indicado e em PDF.

Grelha de Avaliação

Resposta muito Resposta incompleta, A resposta inclui os Resposta completa,

incompleta; não identifica evidenciando, no elementos essenciais, identifica os vários
os principais elementos e entanto, algum domínio evidenciando elementos, evidenciando
evidencia falta de domínio dos conceitos; revela domínio dos excelente domínio dos
dos conceitos. alguma capacidade de conceitos-chave de
inovação e codificação. JavaScript e HTML. conceitos chave sobre Java
Não seguiu o as Revela um domínio Script e HTML. Revela um
recomendações exigidas Não seguiu o as de codificação. Resultado próprio e
no enunciado. recomendações exigidas elementos bem estruturados
no enunciado. e muito bem articulados.
Recorre a design inovativo
para customizar a página.
≤ 5 valores ≤ 10 valores ≤ 15 valores ≤ 20 valores

Normas a respeitar
Deverá indicar no documento o número de aluno, bem como o nome completo.
Nomeie o ficheiro com o seu número de estudante, seguido da identificação da Avaliação,
segundo o exemplo apresentado: 000000avaliaçãoIII.

O ficheiro a enviar não deve exceder 5 MB.

P.S. Todos trabalhos serão submetidos ao sistema de anti-plágio

Votos de bom trabalho!

MSc. David Franco

Página 5 de 2