Projeto Fila Fácil: 7 Passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:14

Em nosso dia a dia vamos diverses vegades em locais onde é necessária uma gestão de senhas de clientes para organizar e agilizar atendimentos. Em alguns estabelecimentos podem demorar alguns minuts o até mateix hores esperant per atendre. Per minimitzar o desgastar per esperar, desenvolupar-se nesa treballar amb sistema de gerènciament de fila, on o usuari, passa a ter o controla da la seva senha na palma da mão. A ideia principal é que o client tenha o quadro de atendimiento em seu celular com o tempo estimado até o seu atendimento e utilize esse període de espera podendo resolver altres coisas que julgar necessário.

A seguirà mostrat tot o procés de desenvolupament del prototip per a la solució, també com a desenvolupament del programari, o maquinari per a l’exhibició en tela i amb un vídeo demostratiu. 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 permet que tots els usuaris accedeixin a informació de fila en temps real. Per al desenvolupament del prototip, foram utilitzats:

1. Placa DragonBoard 410c (Full de dades)

2. Android S9tudio (lloc)

3. Firebase (lloc)

Pas 1: Sobre un DragonBoard 410C

Nesse projecteto utilizamos a placa dragonboard 410c for transmitir for um video o aplicative com as informationções do quadro interativo using a porta HDMI dessa placa. Abaixo segue as principal especificações da placa.

A placa DragonBoard 410c é uma placa da 96boards baseada no processador da series Qualcomm Snapdragon 400.

Possui:

CPU: Quad-Core ARM® Cortex® A53 (32 i 64 bits)

Memòria: 1 GB LPDDR3 533 MHz

Memòria d'armament: 8 GB

Ranura per a cartró SD

Wifi 802.11 b / g / n

Bluetooth 4.1

GPIO de 40 pins de baixa velocitat

GPIO de 60 pins d'alta velocitat

Suporta sistemes operatius tais com Android 5.1 (Lollipop), Linux i Windows IoT Core.

Pas 2: Preparant O Ambiente Android Studio

As figures acima demonstram o passo a passo per criar amb un nou projecte d'Android. Primer devem fer clic en iniciar nou projecte Android Studio, seguint-ho en la pròxima tela, s'hauria de col·locar o nom del projecte com o nom del pacte i o local on irà salvar-lo. Na tercera tela és on es defineixen o SDK (Kit de Desenvolupament de software) mínim que el nostre sistema irà suportar. Per fim selecionamos a nossa activity base e o nome da nossa activity principal.

Pas 3: O Que É O Firebase

Firebase és la vostra plataforma de desenvolupament d’aplicacions web i mòbils, es va desenvolupar inicialment per iniciar startup Envolve em 2011 i per poc temps adquirida pel google no any de 2014.

O firebase nos dias atuais permet armazenar e sincronizar dados em aplicações em tempo real, criar um sistema d'autenticació d'usuaris, armazenar i disponibilizar arquivos, armazenar e sincronizar dados do aplicativo en escala global, entre diversas otras coisas.

Pas 4: integrant O Firebase Ao Projeto No Android Studio

A integração do firebase ao projecto android é bem simples, existem duas formes de se fazer essa integração, a first é através da pròpria interface do android studio que utilitza o assistent do firebase e pot ser fet no menu Ferramentas> Firebase para abrir a janela do Assistent em seguida só seguiré o passo a passo.

A second forma is fazendo tudo de manera manual, that foi a manière que escolhemos, e acima podem ver as figuras com o tutorial que montamos para facilitar o entendimiento. A first coisa that deve ser feita is access to o site do firebase (https://firebase.google.com/) e entrar no menu "Sessão Iniciada" e fazer o cadastro. Feito isso, clique em "Aceder à Consola" e na janela següent clique no link "Add Add Projeto".

Pronto, fet isso estamos prontos para criar o nosso projecto android studio na plataforma firebase, a janela de projecto ja està oberta e devemos inserter nela o nome do nosso projecto, o país em que estem i cliqueu en criar projecto. Uma nova janela se obre e nela devemos clicar em "Adicionar o Firebase al seu Aplicatiu Android". É nessa parte que "linkamos" de fato o firebase ao nosso projeto, insertindo o nome do nosso pacote (mateix pacote utilitzat na criação do projecto Android), i afegint o ens certificat SHA-1. Per fim seguits o passo a passo final del lloc web del firebase per a la conclusió de la integració.

Pas 5: Telas Da Aplicação

O principal objetivo na criação desse projecté é fazer uma plataforma simples e intuitiva para atingir o maior número de pessoas. A primera tela é onde o usuário faz o login o realiza um novo catastró caso ainda não o tenha fet, a segona tela é onde o usuari acessa dipòsits de realització o login, nela podem ver un botó on pots realitzar-se o pedido de uma nova senha e acessar o quadro interativo de senhas. Per ser apenas um protótipo, o aplicativo fornece apenas um control bàsico das senhas, o seja, funciona soment com un gestor senzill dos clients. A ideia és continuar evolucionant per a que el client pugui saber o temps mèdic d’atenció per cada tipus de servei i enviar la seva notificació al usuari quan estigui proper la seva vegada. A última tela é onde ocorre a gestão pelo atendente, nela existe a separação entre clients normais e clients com prioritats, assim o estabelecimiento consegue criar filas alternativas para diferentes tipos de clientes.

Pas 6: Trets de codis

A primera figura mostra o trecho do code de cadastro de nous usuarisários com o auxílio do Firebase, onde o email e a senha do usuário é guardada em uma class chamada "usuaris" e recuperada no moment da autenticação. Em seguida possível ver a criptografia that is feita using Base64 for tentar proteger melhor os dados dos usuários.

A seconda imagem mostra a validação do email e senha do usuário na tela de login também using o Firebase com a auxiliar, se tudo ocorrer com sucesso chama a função para Abrir a Tela Principal, que é a tela onde o usuari sol·licita uma senha.

A tercera figura mostra o codi responsable per presentar a la llista de clients que sol·liciten uma senha per a atendre, que per la seva vegada es realitzi com a xamades de cada client. 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.

A última imagem mostra a recuperação do JSON (formatação de troca de dados) used no quadro interativo os dados das chamadas.