Skip to content

Latest commit

 

History

History
452 lines (259 loc) · 18.8 KB

06-Programação de Funcionalidades.md

File metadata and controls

452 lines (259 loc) · 18.8 KB

Programação de Funcionalidades

Cadastro

pagina-cadastro

Requisito Atendido

RF-01: O sistema deve viabilizar o cadastro no website, exigindo informações como e-mail e senha.

Artefatos da Funcionalidade

*cadastro.html *stylesheets.css *cadastro.js

Estrutura de Dados

*cadastro.js

Instruções de acesso

Acesse a página index.html (página principal), e selecione o botão de cadastro no canto superior direito, ou através da página de login, selecione o botão "Cadastrar-se".

Responsável

Emerson Cândido de Carvalho Junior

Login

pagina-login

Requisito atendido

RF-02: O sistema deve permitir o acesso ao website mediante o fornecimento de e-mail e senha durante o processo de login.

Artefatos da funcionalidade

*login.html *stylesheets.css *login.js

Estrutura de Dados

*login.js

Instruções de acesso

Acesse a página index.html (página principal), e selecione o botão de login no canto superior direito, ou através da página de cadastro, selecione o botão "Login".

Responsável

Emerson Cândido de Carvalho Junior

Artigos

8f154677-6b98-428f-9f21-8ab582c320cd 37e0722f-3688-409e-b233-3b3ddad9117d e784b34e-6e99-4b0a-b329-eeabd9c03aee

Requisito atendido

RF- 04: O sistema deve disponibilizar módulos de aprendizagem sobre cibersegurança.

Artefatos da funcionalidade

Estrutura de Dados

Instruções de acesso

Acesse a página index.html (página principal) ou/e a página pagCatalogo.html, e selecione o card do artigo que deseja ler. Desta forma você poderá vizualizar a pagArtigos.html com o conteúdo referente ao artigo escolhido.

Responsável

Emily Gabriela Avelino Rodrigues

Barra de Pesquisa

image

Requisito atendido

RF- 05 O sistema deve propiciar mecanismos de busca por interesse do usuário.

Artefatos da funcionalidade

Estrutura de Dados

Instruções de acesso

Acesse a página pagCatalogo.html, e pesquise algo relacionado aos artigos existentes.

Responsável

Emily Gabriela Avelino Rodrigues

Filtros para artigos

image

Requisito atendido

RF- 05 O sistema deve propiciar mecanismos de busca por interesse do usuário.

Artefatos da funcionalidade

Estrutura de Dados

Instruções de acesso

Acesse a página pagCatalogo.html, e selecione algum filtro, observando a resposta do sistema. Se desejar, limpe o filtro selecionado clicando no 'X'.

Responsável

Emily Gabriela Avelino Rodrigues

Perguntas Frequentes

bd35a641-8025-492a-89ec-a42c3c2abb03 058daea7-03af-4dd0-8f7d-bf008e7941c9

Requisito atendido

RF- 04: O sistema deve disponibilizar módulos de aprendizagem sobre cibersegurança.

Artefatos da funcionalidade

Estrutura de Dados

Instruções de acesso

Acesse a página index.html (página principal), e selecione a pergunta que deseja saber a resposta. Desta forma você poderá vizualizar o modal com o conteúdo referente a pergunta selecionada.

Responsável

Emily Gabriela Avelino Rodrigues

Tutoriais

6593ddef-72c1-4a1c-a9eb-ee447607fc48 41ffb50c-c1dc-48e3-9b38-bc326380786c 20f772cb-cca8-4bf9-8ff2-4e57e570db1b f8408fa0-e38b-4bbc-9c6b-6f5f19ea518c fc4768c2-2a14-4a9f-939c-fd1f202bc9d6

Requisito atendido

  • RF- 04: O sistema deve disponibilizar módulos de aprendizagem sobre cibersegurança.
  • RF- 07: O sistema deve disponibilizar um processo gamificado onde o usuário poderá, a cada etapa, ampliar sua segurança.
  • RF- 09 A partir da etapa 1, o sistema deve liberar uma etapa somente a partir da conclusão da anterior.

Artefatos da funcionalidade

Estrutura de Dados

Instruções de acesso

Acesse a página pagInicial.hmtl após relizar o processo de cadastro e/ou login, após acessá-la, selecione o card tutoriais para vizualizar a pagTutoriais.html. Escolha o tutorial que deseja realizar para vizualizar o vídeo e as etapas correspondentes a ele.

Responsável

Emily Gabriela Avelino Rodrigues

Tutoriais - Progresso

b38709c0-e7e5-4455-a3aa-c487971e25ff

Requisito atendido

RF- 08 O website deve ser capaz de contabilizar o progresso do usuário.

Artefatos da funcionalidade

Estrutura de Dados

Instruções de acesso

A partir do momento que você entrar em algum tutorial, o sistema salvará seu id e permitirá que você o acesse novamente na seção "Continue o Tutorial: Titulo", na página pagInicial.html.

Responsável

Emily Gabriela Avelino Rodrigues

Links Úteis:

Alteração nos dados de login na configuração de perfil

image

image

image

image

Requisito atendido

| RF-10 |O usuário deve ser capaz de atualizar seus dados pessoais (nome, e-mail e senha) na página de configuração do perfil. Após a atualização, o usuário deve ser capaz de realizar login utilizando os novos dados fornecidos. | ALTA |

Artefatos da funcionalidade

*perfilConfig.html *login.html

Instruções de acesso

  1. Acessando a Página de Configuração do Perfil

    • Clique na opção "Configuração de Perfil" no menu do usuário.
  2. Atualizando os Dados de Login

    • Na página de configuração, preencha os campos com as novas informações:
      • Nome
      • E-mail
      • Senha
  3. Salvando as Alterações

    • Após atualizar os dados, clique no botão "Salvar" no final da página para aplicar as mudanças.
  4. Verificando as Alterações

    • Você será redirecionado de volta à página inicial.
    • Vá para a página de perfil do usuário e clique em "Sair".
    • Utilize os novos dados de login (e-mail e senha) na próxima vez que fizer login no sistema.

O usuário, após clicar no botão "Salvar" ao final da página de configuração de perfil, conseguirá fazer login com o novo e-mail e senha.

Responsável

Maria Eduarda Rodrigues Antunes

Alteração na imagem de perfil

image

Após clicar na opção Configuração de Perfil o usuário irá para essa página na qual pode alterar à vontade sua foto de perfil, desde que atenda alguns requisitos, como tamanho máximo e largura e altura mínimas.

Restrições de imagem: image

image

  1. Tamanho máximo: 2MB
  2. Largura mínima: 300px
  3. Altura mínima: 300px

Caso atenda, a alteração é efetuada e salva de modo temporário no localStorage até que o usuário efetue o salvamento no botão Salvar abaixo:

image

image

Ao ser redirecionado o ícone do perfil já estará alterado:

image

Assim como em outras diversas páginas nas quais existem o ícone e o atalho para a página de perfil:

image

image

Requisito atendido

|RNF-O7| O usuário deve ser capaz de alterar sua foto de perfil na página de configuração do perfil. | MÉDIA |

Artefatos da funcionalidade

*perfil.html *perfilConfig.html

Instruções de acesso

  1. Acessando a Página de Configuração do Perfil

    • Clique na opção "Configuração de Perfil" no menu do usuário.
  2. Alterando a Foto de Perfil

    • Na página de configuração, clique no ícone da câmera sobre a foto de perfil atual.
    • Selecione a nova foto de perfil a partir do seu dispositivo. A foto deve atender aos seguintes requisitos:
      • Tamanho máximo: 2MB
      • Largura mínima: 300px
      • Altura mínima: 300px
  3. Salvando a Alteração

    • A nova foto de perfil será exibida na página. Se estiver satisfeito com a alteração, clique no botão "Salvar" para aplicar a mudança permanentemente.
    • A alteração será temporariamente salva no localStorage até que você clique no botão "Salvar".
  4. Verificando a Alteração

    • Após clicar em "Salvar", você será redirecionado de volta à página inicial.
    • O ícone de perfil será atualizado em todas as páginas onde ele aparece, refletindo a nova foto.

Responsável

Maria Eduarda Rodrigues Antunes

Quiz

alt text

Requisito Atendido

RF- 07: O sistema deve disponibilizar um processo gamificado onde o usuário poderá, a cada etapa, ampliar sua segurança.

Artefatos da Funcionalidade

*quiz0.html *csspagquiz.css

Estrutura de Dados

quiz0 quiz1 quiz2 quiz3

Instruções de acesso

A partir da Lista de Quizzes, onde você vai escolher o tema e será direcionado para a página de quiz temática. Também futuramente a partir da tela inicial do site.

Responsável

Arthur Chain

Barra de Progresso

image image image

Requisito atendido

RF- 08 O website deve ser capaz de contabilizar o progresso do usuário.

Artefatos da funcionalidade

Estrutura de Dados

Instruções de acesso

Após realizar o processo de login/cadastro, selecione a foto de perfil e em seguida a opção "O que foi feito" para acessar a barra de progresso, que se preencherá a medida em que os conteúdos do website forem concluídos.

Responsável

Emily Gabriela Avelino Rodrigues

Histórico

image image image image

Requisito atendido

RF- 08 O website deve ser capaz de contabilizar o progresso do usuário.

Artefatos da funcionalidade

Estrutura de Dados

Instruções de acesso

Após realizar o processo de login/cadastro, selecione a foto de perfil e em seguida a opção "O que foi feito" para acessar o histórico, que se preencherá a medida em que os conteúdos do website forem concluídos.

Responsável

Emily Gabriela Avelino Rodrigues