Projeto Fila Fácil: 7 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:35

Em nosso dia a dia vamos diversas vezes em locais onde é neophodária uma gestão de senhas de clientes para organizar e agilizar atendimentos. Em alguns estabelecimentos 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. A ideia principal é que o cliente tenha o quadro de atendimento em seu celular com o tempo estimado até o seu atendimento e utilize esse período de espera podendo resolver outras coisas que julgar needário.

Seguir será mostrado todo o processo de desenvolvimento do protótipo para essa solução, tais como o desenvolvimento do software, o hardware -u za 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. Para o desenvolvimento do protótipo, foram utilizados:

1. Placa DragonBoard 410c (podatkovni list)

2. Android S9tudio (web mjesto)

3. Firebase (web lokacija)

Korak 1: Sobre a DragonBoard 410C

Nesse projeto iskorištava placa dragonboard 410c za odašiljač za video zapise o aplikaciji com kao informacije za quadro interativo koristeći porta HDMI dessa placa. Abaixo segue as principais especificações da placa.

DragonBoard 410c nalazi se na 96 pločama sa procesorom za Qualcomm Snapdragon 400.

Possui:

CPU: Četverojezgreni ARM® Cortex® A53 (32 e 64 bita)

Memorija: 1 GB LPDDR3 533 MHz

Memorijska memorija: 8 GB

Utor za SD karticu

Wifi 802.11 b/g/n

Bluetooth 4.1

GPIO de 40 pinos de baixa velocidade

GPIO sa 60 pinota za alta velocidade

Podržani operacijski sustavi povezani su s Androidom 5.1 (Lollipop), Linuxom i Windows IoT jezgrom.

Korak 2: Pripremite O Ambiente Android Studio

Kao što figuras acima demonstrira o passo a passo para criar um novo projeto do 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. Na terceirana tijela é i definimos o SDK -u (Kit de Desenvolvimento de software) minimalno que o nosso sustavu koji podržava. Por fim selecionamos a nossa base base e o nome da nossa principal principal.

Korak 3: 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 permite 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 outras coras.

Korak 4: Integrando O Firebase Ao Projeto Nema Android Studio

Integracija do firebase ao projeto android é bem simples, existem duas formas de se fazer essa integração, primeira é através da própria sučelje za android studio que korištenje ili pomoć u firebaseu podešavanje feito bez izbornika Ferramentas> Firebase para abrir a janela do Assistente em seguida é só seguir o passo a passo.

A segunda forma é fazendo tudo de maneira manual, que foi a maneira que escolhemos, e acima podemos ver as figuras com o tutorial que montamos para facilitar o entendimento. Primeira coisa que deve ser feita é acessar o site do firebase (https://firebase.google.com/) e entrar no menu "Sessão Iniciada" e fazer or cadastro. Feito isso, clique em "Aceder à Consola" e na janela seguinte clique nema veze "Adicionar Projeto".

Pronto, feito isso estamos prontos para criar o nosso projeto android studio na plataforma firebase, a 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". É nessa parte que "linkamos" de fato o firebase ao nosso projeto, insertindo 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 compleirmos a integração.

Korak 5: Telas Da Aplicação

O principal objetivo na criação desse projeto é fazer uma plataforma simples e intuitiva para atingir o maior número de pessoas. A primeira tela é onde o usuário faz o login ou realiza um novo cadastro caso ainda não o tenha feito, a segunda tela é onde o usuário acessa depois de realizar o login, nela podemos ver um botão onde pode-se realizar o pedido de uma 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 dos clientes. A ideia é continuar evoluindo para que o cliente possa sabre 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. A última tela é onde ocorre a gestão pelo atendente, nela existe a separação entre clientes normais e clientes com prioridades, assim o estabelecimento consegue criar filas alternativas para diferentes tipos de clientes.

Korak 6: Trechos De Códigos

Primeira figura mostra o trecho do código de cadastro de novos usuários com o auxílio do Firebase, onde e -mail e a senha do 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 imagem mostra a validação do email e senha do usuário na tela pri prijavljivanju também iskorištava Firebase como auxílio, tudo ocorrer com sucesso chama a função para Abrir a Tela Principal, que é a tela onde o usuário solicita uma senha.

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 montaža 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) usado no quadro interativo os dados das chamadas.