Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Comunicacao HSL Wiki Comunicacao HSL 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
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Comunicacao HSL
  • Comunicacao HSL WikiComunicacao HSL Wiki
  • Wiki
  • design_mockups

Last edited by Leonardo Vargas Soares Nov 22, 2021
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 e Cronograma Processo Design/Mockups Configuração Arquitetura Código BD Qualidade Utilização Instruções AWS

Design do Sistema

Sumário

  • Design do Sistema
    • Descrição
    • Protótipos de Baixo Nível
    • Mockups Apresentados na Sprint 0
      • Splash Screen
      • Tela de Login
      • Tela Inicial
      • Menu de Opções
      • Comunicados
      • Perfil do Usuário e Listagem de Aniversariantes
      • Admin Enviar Comunicado
      • Admin Cadastro Cardápio e Telas Externas Moodle e Cardápio
      • Usuário Enviar Mensagem
      • Design Final do Projeto Aceito / Mockup Final

Descrição

Aqui consta todos os protótipos de telas desenvolvidos pela equipe do projeto HLS. Os protótipos foram divididos em grupos de funcionalidade de cada parte do aplicativo, onde cada squad dentro do time ficou responsável por prototipar uma ou mais funcionalidades. Os mockups foram feitos na ferramenta figma e podem ser encontrados em https://www.figma.com/file/XHNptiOQ8nRbwtNqrND0ld/HSL?node-id=0%3A1

Protótipos de Baixo Nível

Para início do desenvolvimento, os requisitos apresentados pelas clientes do projeto foram convertidos em protótipos com baixo nível de fidelidade. Esses protótipos foram criados na ferramenta Excalidraw junto de todo o time.

Abaixo temos uma imagem que apresenta o resultado de algumas das telas desenvolvidas:

Mockups Apresentados na Sprint 0

Splash Screen

Tela de loading da plataforma.

Tela de Login

Tela de acesso do usuário através de sua matrícula.

Tela Inicial

Na tela inicial o usuário poderá visualizar as principais funcionalidades para sua seleção.

Menu de Opções

Acessado através do Header ele possui as principais ações também contando com a opção de se desconectar e outra ação abrangendo as informações sobre o aplicativo.

Comunicados

Ilustra os comunicados gerais apresentando sua visualização pela parte do usuário e também com os privilégios de administrador podendo assim também excluir ou editar um conteúdo.

Perfil do Usuário e Listagem de Aniversariantes

Exibição do perfil do usuário e visualização da tela aniversários.

Admin Enviar Comunicado

Tela do envio de comunicados realizado por usuários com perfil de administrador.

Admin Cadastro Cardápio e Telas Externas Moodle e Cardápio

Envio de cardápio e visualização externas do cardápio e do moodle.

Usuário Enviar Mensagem

Telas referentes ao envio de uma mensagem a um determinado grupo.

Design Final do Projeto Aceito / Mockup Final

Clone repository
  • Utilizando a wiki
    • adicionando imagens
    • escrevendo em markdown
    • wiki no editor de texto
  • arquitetura
  • banco_dados
  • codigo
  • configuracao
  • design_mockups
  • escopo
  • Home
  • instrucoes
  • instrucoesAws
  • processo
  • qualidade
  • utilizacao