caroAlvim / sap006-tf-avanade

😷 Aplicação web de reconhecimento facial que identifica se uma pessoa está utilizando a máscara corretamente. Projeto desenvolvido para o Talent Fest <Laboratória> SAP006. Desenvolvido com ReactJs.

Home Page:https://lab-facescan.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Face Scan - Squad AVANADE

Talent Fest SAP006 < Laboratória >

Face Scan é uma aplicação web desenvolvida para realizar reconhecimento facial, identificar se uma pessoa está utilizando uma máscara corretamente e verificar se o QR Code do Certificado Nacional de Vacinação Covid-19 está validado.

Desenvolvido para o Talent Fest pelo Squad Avanade.

Índice


1. Desafio

Com a COVID-19 fica cada vez mais difícil para os estabelecimentos terem controle sobre as pessoas que entram utilizando máscara e principalmente se estão com o programa vacinal completo. Pensando nisso precisamos desenvolver um aplicativo onde seja possível identificar se as pessoas estão utilizando a máscara e caso estejam utilizando precisamos identificar se elas estão com seus comprovantes de vacinação, dadas as limitações para validar o comprovante vacinal de forma automatizada, o comprovante será armazenado em uma base de dados (firebase) e o usuário será liberado em regime de contingência. Uma vez que a liberação foi feita o usuário passa a ter acesso NORMAL.

Product Backlog

  • Interface com integraçao com câmera para exibir ao usuário o que fazer;
  • Reconhecimento facial com identificação de máscara no rosto (restringir acesso de pessoas com máscara no queixo ou nariz de fora);
  • App com câmera;
  • Leitura de QR Code do comprovante de vaciação;
  • Consultar QR Code na nossa base de dados, se o QR Code estiver válido ele ele deixa passar com status liberado;
  • Se não estiver presente devemos deixar passar, mas com status de pendente validação manual, caso o QR Code não seja aprovado devemos barrar o acesso do usuário;

Cognetive Services | Microsoft Azure Face API

Uso do serviço cognitivo do Azure para reconhecer um rosto e o elemento máscara devidamente posicionado. Site/App. Para a criação de uma autorização é necessário o desenvolvimento de um site ou app com câmera para validar se a pessoa está usando a máscara corretamente, e posteriormente se a vacinação está em dia através do QRCode.

2. Histórias de usuário

[Historia de usuario 1] Verificação de uso correto da máscara de proteção

  • Eu, como usuário da aplicação, gostaria de verificar se minha máscara cobre nariz e boca adequadamente usando o reconhecimento facial.
Critérios de aceitação
  • Acessar uma tela de inicial;
  • Reconhecer uso adequado da mascara, cobrindo totalmente boca e nariz;
  • Apresentar mensagem de erro caso o uso esteja inadequado;
  • Apresentar mensagem de sucesso, caso a mascara esteja cobrindo totalmenteo boca e nariz;

[Historia de usuario 2] Verificação de QR Code do Certificado Nacional de Vacinação Covid-19

  • Eu, como usuário da aplicação, gostaria de verificar se o QR Code está válido para acessar estabelecimento.
Critérios de aceitação
  • Acessar uma tela para escaneamento de QR COde;
  • Acessar banco de dados e verificar se registro do certificado está validado;
  • Apresentar mensagem de erro, caso não encontre o certificado;
  • Apresentar mensagem de sucesso, caso a certificado seja encontrado;

3. Protótipo

Paleta de cores escolhida

paleta-de-cores

Protótipo desenvolvido usando Figma

prototipo

4. A aplicação

Desenvolvido para tablet (1024 X 1366)

Reconhecimento facial do uso correto da máscara

face-scan

Leitura do QR Code do certificado de vacinação

face-scan


QR codes para testar

QR code validado
Vacinação Covid-19 em dia
QR code não validado
Registro de vacinação não encontrado

5. Tecnologias utilizadas


Azure React Js HTML CSS git Figma vscode github

Desenvolvedoras

A aplicação foi desenvolvida em três dias durante o 6º Talent Fest 2021 promovido pelo bootcamp < Laboratória >.

Gostariamos de agradecer todo o apoio da equipe da Avanade, especialmente a Luciana Ramos, Victor Fructuoso, Camila Ferreira Ribeiro e Henrique Eduardo.

Squad Avanade

Foto de Camila Conte
Camila Conte
Foto de Carolina Alvim
Carolina Alvim
Foto de Julli Mayanne
Julli Mayanne
Foto de Larissa Vilela
Larissa Vilela
Foto de Mayara Bezerra
Mayara Bezerra
Foto de Patricia Carvalho
Patricia Carvalho


stay-safe

About

😷 Aplicação web de reconhecimento facial que identifica se uma pessoa está utilizando a máscara corretamente. Projeto desenvolvido para o Talent Fest <Laboratória> SAP006. Desenvolvido com ReactJs.

https://lab-facescan.herokuapp.com/


Languages

Language:JavaScript 60.8%Language:CSS 36.1%Language:HTML 3.1%