Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • A api
  • 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
  • arbitrium
  • api
  • Wiki
  • Front
  • Design

Last edited by Matheus Vaccaro May 10, 2018
Page history

Design

DESIGN DE UMA TELA SENDO PREENCHIDA

Em verde, atividades que estão com um status Ok, ou seja, começam, terminam e tem outra atividade depois, ou é final.

Em amarelo, atividade que está sendo editada atualmente, e que necessita de atividade seguinte, ou ser final para ficar verde.

Adicionar uma nova atividade “fecha” a atividade anterior (torna ela verde).

O icone de excluir atividade só está disponível na ultima atividade inserida.

Semana_Incompleta

Clicar na atividade abre a lista de atividades disponíveis. As atividades são sempre as mesmas.

Clicar no horário abre a lista de horários para o final da atividade.

Temos 3 áreas básicas: navegação, agenda e botões de iniciar semana e desistir.

NAVEGAÇÃO

Os botões de navegação mostram

  1. Opção de ir para o dia anterior, no exemplo acima iria para domingo

  2. Dia da semana.

  3. Dia atual, em cinza escuro

  4. Dias ainda sem atividades cadastradas, em cinza claro.

  5. Ir para o próximo dia, no exemplo, terça

Captura_de_Tela_2018-04-17_às_16.21.32

Dias com atividades para todas as horas ficam marcados em verde.

Captura_de_Tela_2018-04-17_às_16.21.42

Dias com atividades pendentes ficam marcados em amarelo.

Captura_de_Tela_2018-04-17_às_16.22.25

Quando os dias estão prontos, ficam todos verdes.

Na imagem abaixo, o domingo está cinza pois é o dia que estamos visualizando.

Captura_de_Tela_2018-04-17_às_16.22.39

Captura_de_Tela_2018-04-17_às_16.22.39

AGENDA

É possível inserir uma atividade dentre as pré estabelecidas.

selecionando_atividade

É possível selecionar também o horário que a atividade termina.

selecionando_hora_fim

O último elemento da lista sempre é adicionar atividade.

A última atividade adicionada, por padrão, começa automaticamente no horário que a atividade anterior termina, e tem duração de uma hora, que é alterável. A última atividade é também a única que pode ser excluída.

nova_atividade

Se um dia tem muitas atividades é ativada uma barra de rolagem.

dia_quase_completo_com_rolagem

Quando a última atividade termina no horário 00, o dia é dado por encerrado e todos os itens ficam verdes

dia_completo

O botão de inserir atividade fica apagado (desabilitado).

dia_completo_inserir_desabilitado

Se uma atividade dura mais de uma hora, é possível aumentar ou diminuir sua duração. Isso afeta o horário de início da próxima atividade.

altera_horario_possivel

O aumento do horário da atividade está relacionado ao tempo disponível no dia (se o dia estiver cheio, não será possível aumentar a duração de uma atividade).

altera_horario_impossivel

BOTÕES

Se a semana estiver incompleta (todos ou algum dia não tem atividade em todas as suas horas), o botão de iniciar semana fica desabilitado.

Captura_de_Tela_2018-04-17_às_16.22.52

Quando a semana estiver pronta, o botão muda

Captura_de_Tela_2018-04-17_às_16.23.01

Há também sempre presente a opção de desistir.

Captura_de_tela_de_2018-04-20_20-30-57

Abaixo a imagem da semana pronta para ser simulada!

Semana_Completa2

Clone repository
  • Back
    • Detalhamento das Rotas de Activity
    • Especificacao de Rotas
  • Banco
    • Modelagem
  • Front
    • Definicao
    • Design
    • Tutorial VueJS
  • Gerenciamento
    • Configuracao
      • Definicao de Branches e Fluxo do Git
      • Git Rebase
      • Git Squash
    • Cronograma AGES 2018 1
    • Horarios do Time
    • Sprints
      • Dailies
      • Planning
      • Retrospectivas
  • Requisitos
    • Regras de Negocio
View All Pages