Cov txheej txheem:

Projeto Fila Fácil: 7 Kauj Ruam
Projeto Fila Fácil: 7 Kauj Ruam

Video: Projeto Fila Fácil: 7 Kauj Ruam

Video: Projeto Fila Fácil: 7 Kauj Ruam
Video: 🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [Next / React / Nest / PostgreSQL / Prisma / TS] 2024, Hlis ntuj nqeg
Anonim
Projeto Fila Fácil
Projeto Fila Fácil

Peb nosso dia a dia vamos diversas vezes em locais onde é necessária uma gestão de senhas de clientes para organizar e agilizar atendimentos. Em alguns tsim cov khoom lag luam podemos demorar alguns minutos ou até mesmo horas esperando por atendimento. Para minimizar o desgaste por essa espera, desenvolvemos nesse trabalho um sistema de gerenciamento de fila, onde o usuário, passa a ter o controle da sua senha na palma da mão. Tus thawj xibfwb lub tswv yim é que o tus neeg siv khoom tenha o quadro de atendimento em seu celular com o tempo Estimado até o seu atendimento e siv esse período de espera podendo resolver outras coisas que julgar necessário.

Seguir será mostrado todo o processo de desenvolvimento do protótipo para essa solução, tais como o desenvolvimento ua software, o hardware para exibição em tela e um vídeo demonstrativo. Os dados dos clientes e o controle da fila são todos jogados em nuvem através da plataforma da google chamada firebase. Essa plataforma permite que todos os usuários acessem informações da fila em tempo real. Txhawm rau kom ua tiav cov txiaj ntsig, kev siv rau kev siv:

1. Placa DragonBoard 410c (Cov Ntaub Ntawv)

2. Android S9tudio (Qhov Chaw)

3. Firebase (Qhov Chaw)

Kauj Ruam 1: Ua raws li DragonBoard 410C

Siv DragonBoard 410C
Siv DragonBoard 410C
Siv DragonBoard 410C
Siv DragonBoard 410C

Nesse projeto utilizamos a placa dragonboard 410c para transmitir para um vídeo o aplicativo com as informações do quadro interativo utilizando a porta HDMI dessa placa. Abaixo segue raws li cov thawj coj tshwj xeeb tshwj xeeb tshaj tawm.

Daim ntawv DragonBoard 410c é uma placa da 96boards hauv paus tsis muaj txheej txheem tsim los ntawm Qualcomm Snapdragon 400.

Possui:

CPU: Quad-Core ARM® Cortex® A53 (32 thiab 64 khoom)

Nco tseg: 1GB LPDDR3 533MHz

Nco daim ntawv: 8GB

Qhov rau lub laub SD

Wifi 802.11 b/g/n

Bluetooth 4.1

GPIO de 40 pinos de baixa velocidade

GPIO de 60 pinos de alta velocidade

Txhawb nqa kev ua haujlwm tais tais los ntawm Android 5.1 (Lollipop), Linux thiab Windows IoT Core.

Kauj ruam 2: Npaj Ua Ntej O Ambiente Android Studio

Preparando O Ambiente Android Studio
Preparando O Ambiente Android Studio
Preparando O Ambiente Android Studio
Preparando O Ambiente Android Studio
Preparando O Ambiente Android Studio
Preparando O Ambiente Android Studio

Raws li cov duab qhia pom los ntawm passo passo para criar um novo projeto rau Android. Primeiro devemos clicar em iniciar novo projeto Android Studio, em seguida na próxima tela deve-se colocar o nome do projeto com o nome do pacote e o local onde irá salvá-lo. Yog tias koj tab tom nrhiav lub ntsiab lus ntawm SDK (Kit de Desenvolvimento de software) mínimo que o nosso sistema irá suportar. Por fim selecionamos a nossa activity base e o nome da nossa tus thawj xib fwb.

Kauj Ruam 3: O Que É O Firebase

O Que -O Firebase
O Que -O Firebase

Firebase é uma plataforma de desenvolvimento de aplicações web e móveis, foi desenvolvida inicialmente pela startup Envolve em 2011 e em pouco tempo adquirida pela google no ano de 2014.

O firebase nos dias atuais tso cai armazenar e sincronizar dados em aplicações em tempo real, criar um sistema de autenticação de usuários, armazenar e disponibilizar arquivos, armazenar e sincronizar dados do aplicativo em escala global, entre diversas

Kauj Ruam 4: Txhim Kho O Firebase Ao Projeto Tsis muaj Android Studio

Integrando O Firebase Ao Projeto Tsis muaj Android Studio
Integrando O Firebase Ao Projeto Tsis muaj Android Studio
Integrando O Firebase Ao Projeto Tsis muaj Android Studio
Integrando O Firebase Ao Projeto Tsis muaj Android Studio
Integrando O Firebase Ao Projeto Tsis muaj Android Studio
Integrando O Firebase Ao Projeto Tsis muaj Android Studio
Integrando O Firebase Ao Projeto Tsis muaj Android Studio
Integrando O Firebase Ao Projeto Tsis muaj Android Studio

Kev sib xyaw ua ke ntawm firebase ao projeto android é bem simples, existem duas formas de se fazer essa integração, tus thawj tswj hwm é através da própria interface ua hauv xov tooj cua studio que utiliza o helpente do firebase e pode ser feito no menu Ferramentas> Firebase para abrir a janela do Pab tus saib xyuas koj tus menyuam lub passo passo.

Segunda forma é fazendo tudo de maneira phau ntawv, que foi a maneira que escolhemos, e acima podemos ver as figuras com o tutorial que montamos para facilitar o entendimento. Qhov tseem ceeb tshaj plaws yog qhov ua tiav ntawm qhov chaw ua firebase (https://firebase.google.com/) thiab tsis muaj cov ntawv qhia zaub mov "Sessão Iniciada" e fazer o cadastro. Feito isso, clique em "Aceder à Consola" e na janela seguinte clique tsis txuas "Adicionar Projeto".

Pronto, feito isso estamos prontos para criar o nosso projeto android studio na plataforma firebase, janela de projeto já está aberta e devemos inserir nela o nome do nosso projeto, o país em que estamos e clicar em criar projeto. Uma nova janela se abrirá e nela devemos clicar em "Adicionar o Firebase ao seu Aplicativo Android". Ess nessa parte que "linkamos" de fato o firebase ao nosso projeto, inserindo o nome do nosso pacote (mesmo pacote utilizado na criação do projeto Android), e adicionando o nosso certificado SHA-1. Por fim seguimos o passo a passo final do próprio site do firebase para concluirmos a integração.

Kauj Ruam 5: Telas Da Aplicação

Telas Da Aplicação
Telas Da Aplicação
Telas Da Aplicação
Telas Da Aplicação
Telas Da Aplicação
Telas Da Aplicação
Telas Da Aplicação
Telas Da Aplicação

Tus thawj xibfwb objetivo na criação desse projeto é fazer uma plataforma simples e intuitiva para atingir o maior número de pessoas. Thawj lub xov tooj tseem ceeb tshaj plaws los ntawm kev siv tus lej nkag los yog koj nkag mus rau hauv lub xov tooj tshiab cadastro caso ainda não o tenha feito, segunda tela é onde o usuário acessa depois de realizar o login, nela podemos ver um botão onde pode-se realizar o pedido nova senha e acessar o quadro interativo de senhas. Por ser apenas um protótipo, o aplicativo fornece apenas um controle básico das senhas, ou seja, funciona somente como um gestor simples doses clientes. Ib lub tswv yim txuas ntxiv txuas ntxiv mus rau cov neeg siv khoom muaj peev xwm saber o tempo médio de atendimento por cada tipo de serviço e enviar uma notificação ao usuário quando estiver próximo da sua vez. Ib lub xov tooj hu xov tooj nyob rau ntawm lub sijhawm ua haujlwm, tsis muaj cov separação entre cov neeg siv khoom lag luam normais e cov neeg siv khoom lag luam ua ntej, suav nrog tsim cov kev pabcuam criar filas alternativas para diferentes tipos de cov neeg siv khoom.

Kauj Ruam 6: Trechos De Códigos

Ntsib cov neeg Trechos de Códigos
Ntsib cov neeg Trechos de Códigos
Ntsib cov neeg Trechos de Códigos
Ntsib cov neeg Trechos de Códigos
Ntsib cov neeg Trechos de Códigos
Ntsib cov neeg Trechos de Códigos
Ntsib cov neeg Trechos de Códigos
Ntsib cov neeg Trechos de Códigos

Thawj tus lej tseem ceeb tshaj plaws ntawm trecho do código de cadastro de novos usuários com lossis auxílio do Firebase, txuas ntxiv email lossis xa email tuaj rau koj siv usuário é guardada em uma classe chamada "usuarios" e recuperada no momento da autenticação. Em seguida é possível ver a criptografia que é feita usando Base64 para tentar proteger melhor os dados dos usuários.

Segunda cov duab siv ntau tshaj plaws ua email email rau koj siv usuário na tela de login também utilizando o Firebase como auxílio, se tudo ocorrer com sucesso chama função para Abrir a Tela Principal, que é a tela onde o usuário solicita uma sena.

A terceira figura mostra o código responsável por apresentar a lista de clientes que solicitaram uma senha para os atendentes, que por sua vez realizarão as chamadas de cada cliente. Nesta figura vemos a busca dos dados no firebase e a montagem da fila dentro de uma ArrayList e mostrada na tela do celular em tempo real.

Lub imagltima cov duab feem ntau rov ua dua JSON (formatação de troca de dados) usado no quadro interativo os dados das chamadas.

Pom zoo: