Histórico da Página

...

A Tela de Splash é a primeira tela que aparece quando abrimos o aplicativo. Essa tela é uma tela de inicialização e é exibida enquanto o aplicativo está sendo carregadacarregado.

Tela de Login do Atendente

...

A Tela de Login do Atendente é a primeira autenticação do usuário no aplicativo GS Check-in. Nessa tela, após o preenchimento dos campos da tela (1.1 e , 1.2), o aplicativo conversa com o Protheus para verificar se o usuário é válido ou não. Caso seja, o GS Check-in permite o acesso do usuário ao resto do aplicativo. Caso não, o usuário não consegue passar dessa página e o seguinte alerta aparece:

...

Cada card na tela é ou de entrada ou de saída. Ao clicar nos cards, o aplicativo leva o usuário para a tela Tela de Detalhes checkCheck-in/checkCheck-out, onde o usuário completa a entrada ou saída do posto de trabalho.

O Tabs, uma ferramenta de navegação entre páginas do GS Check-in, está presente na tela Tela de Check-in (4.2).

Tabs

O Tabs é uma ferramenta simples, mas eficaz, para a navegação dentro de um aplicativo mobile (Imagem 7; 4.2). Ele permite o usuário a acessar as páginas do aplicativo e mostrar a página atual onde o usuário está.

...

Quando o usuário está em uma das telas principais do aplicativo (Tela de Check-in, Tela de Agenda ou Tela de Ajuda), o ícone e nome da página entra em destaque no Tabs. Na Imagem 8, a página atual do usuário é a Tela de Check-in.

Para mudar de página, o usuário pode simplesmente clicar nos outros ícones do Tabs (5.1, 5.2, 5.3). O GS Check-in levará o usuário até a página do ícone.

O último botão do Tabs, o botão “Sair” (5.4), não é um botão para a navegação dentro do aplicativo. É um botão para levar o usuário de dentro do aplicativo para fora, para a Tela de Acesso do Atendente. Por exemplo, caso o usuário clique o botão “Sair” enquanto estiver na Tela de Ajuda, o seguinte alerta aparecerá na tela:

Image Modified

Imagem 9 – Clicando botão “Sair” do Tabs enquanto página de Ajuda

...

Quando o atendente clica nos cards dos postos de trabalho (Imagem 7; 4.1, 4.3), a Tela de Detalhes de Check-in/Check-out surge. A tela é idêntica para check-in (entrada) e check-out (saída) porque os processos para os dois são iguais. O processo é explicado em mais detalhe seção “Funcionalidades: Realizando um Check-in/Check-out”.

Imagens 10.1 e 10.2 – Tela de Detalhes Check-in/Check-out

Para realizar o Check-in ou Check-out, é necessário tirar uma Selfie. Usando o botão “Câmera” (6.5), o usuário terá acesso à câmera do celular, e assim, poderá tirar a Selfie. Assim que a Selfie for tirada, ela será exibida no ícone da Selfie (6.2). Enquanto não tiver uma Selfie, o ícone da Selfie se mantém no padrão, como na imagem acima.

Caso o usuário queira informar o seu supervisor de algo no posto de trabalho, o usuário pode inserir um comentário no campo para comentário (6.3). Se o usuário quiser mostrar algo no posto de trabalho, como algum defeito em um equipamento, ele pode tirar fotos adicionais usando o botão para adicionar mais fotos (6.4). O usuário pode tirar até três fotos adicionais.

Image Modified

Imagem 11 – Tela de Detalhes Check-in/Check-out com foto adicional

Após tirar uma foto adicional, o ícone da foto é criada (6.7). Se o ícone for clicado, a foto adicional expande e ocupa a tela toda. Caso o usuário queira excluir a foto, tem um botão “Excluir” que pode ser clicado para excluir a foto (6.8). Caso o usuário queira adicionar mais novas fotos, ele pode clicar o botão para adicionar mais fotos (6.9).

Depois que Se o usuário estiver satisfeito com o seu checkatendente estiver na Tela de Detalhes Check-in/checkCheck-out mas quiser trocar o posto selecionado, ele pode finalizar o processo ao clicar no botão “Fazer Checkin” clicar o campo de seleção de Posto (6.6). O GS Check-in então levará o usuário para a Tela de Check-in (Imagem 7).Se o atendente estiver na Tela de Detalhes Check-in/Check-out mas quiser trocar o posto selecionado, ele pode clicar o campo de seleção de Posto (6.1), e um 1), e um Card de seleção de posto (6.10) aparece.

Imagem 12.1 – Tela de Detalhes Check-in/Check-out (seleção de posto)

Dentro do Card de seleção de Posto (6.10), o atendente o posto que ele tinha selecionado (6.11). Caso o atendente clique o botão “Trocar”, ele volta para a Tela de Check-in, onde pode escolher outro Card para check-in ou check-out (Imagem 7; 4.1, 4.3). Caso o atendente clique o botão “OK”, o Card de seleção de Posto fecha, e o atendente volta à Tela de Detalhes Check-in/Check-out, onde o atendente pode voltar ao processo de realizar um check-in/check-out.

 Depois que o usuário estiver satisfeito com o seu check-in/check-out, ele pode finalizar o processo ao clicar no botão “Fazer Checkin” (6.6). O GS Check-in então lançará um Card confirmando a finalização do check-in (6.14). Obs.: O GS Check-in só permite a finalização se o atendente tirar uma Selfie antes.

Image Added

Imagem 12.2 – Card pós finalização do Check-in/Check-out

O atendente pode clicar ou no botão “Sair do App”, que levará ele à Tela de Acesso do Atendente (Imagem 6), ou no botão “Continuar Navegando”, que levará o atendente de volta para a Tela de Check-in (Imagem 7). 

Tela de Agenda

A tela de agenda serve para mostrar os pontos (entrada e saída) do dia de hoje e os do histórico para o atendente.

...