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

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
    • Home page
    • Loja de recompensas
    • Recompensas resgatadas
    • Perfis inativos

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

Home page

A home page do administrador consiste no histórico de aplausos trocados entre usuários, organizados de baixo para cima por ordem cronológica.

Home_ADM

Loja de recompensas

A Loja de recompensas é a tela para a qual o administrador é redirecionado ao clicar "Recompensas" em seu menu, nele ele pode ver, cadastrar, editar e excluir as recompensas que usuários podem resgatar.

Home_ADM_-_Recompensas

O cadastro e a edição de recompensas é feito a partir de uma modal, no estilo pop up.

ADM_-_Cadastro_Recompensas

Recompensas resgatadas

Resgate de recompensas é a tela para a qual o administrador é redirecionado ao clicar "Histórico Recompensas" em seu menu, nela ele pode visualizar todas as recompensas resgatadas por usuários, quem resgatou, quando resgatou e por quanto resgatou.

HISTÓRICO_recompensas_ADM

Perfis inativos

A perfis inativos é a tela para a qual o administrador é redirecionado ao clicar "Perfis sem atividade" em seu menu, nela ele pode ver os perfis de usuários inativos e quando foi a sua última atividade.

Usuários_inativos_ADM

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