Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Globo Aplausos Wiki Globo Aplausos Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Globo Aplausos
  • Globo Aplausos WikiGlobo Aplausos Wiki
  • Wiki
  • Design_Mockups

Last edited by Henrique Cardoso Zanette Nov 08, 2023
Page history
This is an old version of this page. You can view the most recent version or browse the history.

Design_Mockups

Home

Escopo

Processo

Design/Mockups

Configuração

Arquitetura

Gerência

Código

BD

Qualidade

Frontend

Backend

Esta seção da documentação visa apresentar os mockups desenvolvidos no figma durante a Sprint 0.

Sumário

  • Sumário
  • Página de Login
  • Modais de perfil
  • Header e menu
  • Usuário
    • Envio de aplausos
    • Home page
    • Loja de recompensas
    • Feedbacks enviados
    • Recompensas resgatadas
  • Adiministrador

Página de Login

Login_Page_-_Sucesso

Login_Page_-_Error

Modais de perfil

Esta modal de usuário foi desenvolvida para estar presente em todas as telas, para o usuário sempre conseguir ver o número atual de aplausos que ele possui e sempre conseguir aplaudir algum outro usuário com moedas. Usuários e administradores possuem modais diferentes.

Modal de usuário:

Modal_Usuário

Modal de administrador:

Modal_ADM

Header e menu

Todas as telas, com exceção à tela de login, possuem um header com um menu de estilo dropdown para permitir a transição de telas. Os menus são diferentes para as contas de usuários e administradores, visto que essas contas têm telas e propósitos diferentes.

Header (aplicado a ambos): Header

Menu do usuário:

Menu_User

Menu do administrador:

Menu_ADM

Usuário

Nesta sessão, serão apresentadas apenas as telas referentes a usuários.

Envio de aplausos

Um usuário comum pode enviar aplausos para outros usuários a qualquer momento através do botão aplaudir na sua modal de perfil. Ao clickar o botão uma modal aparece, ao estilo pop up, para realizar o envio de aplausos.

Envio_de_Feedback

Home page

O protótipo para a Home page apresenta os aplausos recebidos, ordenados com os mais recentes em cima e os mais antigos em baixo.

Home_Usuário

Loja de recompensas

A loja de recompensas é a tela para a qual o usuário é redirecionado ao clicar "Recompensas" em seu menu, a partir dela, o usuário poderá resgatar recompensas disponíveis utilizando os aplausos que recebeu de outros usuários.

Recompensas

Selecionar qualquer item da loja, abrirá uma modal, no estilo pop up, com uma breve descrição do produto, pedindo uma confirmação de resgate do item.

Modal_Recompensas

Após selecionar uma opção, apresentar-se-á uma mensagem de confirmação ou de erro de acordo com a situação.

Modal_Recompensas_SucessoModal_Recompensas_Erro

Feedbacks enviados

O histórico de feedbacks é a tela para a qual o usuário é redirecionado ao clicar "Feedbacks enviados" em seu menu, a partir dela ele pode ver todos os feedbacks que já enviou, para quem enviou e quando enviou. Analogamente à home page, os feedbacks são organizados em ordem cronológica, com os mais recentes ao topo e os mais antigos ao fundo.

Feedbaks_Enviados

Recompensas resgatadas

O histórico de recompensas é a tela para a qual o usuário é redirecionado ao clicar "Recompensas resgatadas" em seu menu, a partir dela, ele pode ver todas as recompensas que já resgatou, quando resgatou e quantos aplausos foram pagos.

Recompensas_Resgatadas

Adiministrador

Clone repository
  • Analytics
  • Arquitetura
  • Backend
  • Banco de Dados
  • Codigo
  • Configuracao
  • Design_Mockups
  • Escopo
  • Frontend
  • Processo
  • Qualidade
  • gerencia
  • Home