Índice:
2025 Autor: John Day | [email protected]. Última modificação: 2025-01-13 06:58
Podemos fazer uma interface gráfica moderna usando linguagens da web para máquinas de venda automática?
A resposta acima é sim, nós podemos. Podemos usá-los para máquinas de venda automática usando o modo quiosque. A ideia a seguir eu já apliquei em meu projeto existente e funciona bem e testamos muito. Você também pode fazer uma GUI moderna de boa aparência com conhecimento existente de css e HTML, JavaScript. A interface entre os pinos do Django e GPIO é explicada da forma mais clara possível. Se você deseja fazer o mesmo, continue lendo.
Suprimentos
Os seguintes pré-requisitos são necessários:
- Raspberry pi com raspian OS instalado
- Um display touchscreen compatível com raspberry pi
- Um pouco de conhecimento sobre noções básicas de linguagens da web (CSS, HTML, JavaScript)
Etapa 1: Instalando Django e pré-requisitos para o projeto
- atualize o Python 2 para 3 existente usando o terminal. Você pode seguir as etapas no Vídeo.
- Instale o Django no Raspberry pi usando o comando Pip na linha do terminal.
- (opcional) Instale as bibliotecas necessárias para a tela de toque. Para isso, vá até a página da Web do fabricante da tela.
Etapa 2: Configurando seu aplicativo Django
Se você está confortável com IDE no raspberry pi, vá em frente. Mas eu recomendo fazer o aplicativo Django no PC. É melhor usar PyCharm ou Visual Studio para desenvolvimento de aplicativos Django. Farei com o Pycharm. Vá para Pycharm e crie um novo projeto sob esse Select Django. Dê um novo nome para o projeto e em Habilitar Modelo e crie um nome para seu aplicativo e se você estiver trabalhando em bancos de dados, habilite o Django admin e pressione Iniciar. Ele irá instalar os pacotes necessários. Depois de seguir estas etapas.
- Verifique se o servidor está em execução ou não está usando o comando - python manage.py runserver no terminal
- Se você não conhece os fundamentos do Django, navegue até o aplicativo Polls do site, onde você pode entender facilmente os fundamentos do Django.
Etapa 3: Criação de uma GUI e vinculação ao back-end
- Para a criação de uma GUI, farei com Html 5 e CSS 3. Você pode criar várias páginas como desejar e, para ícones e imagens, tente fazer o download e usar se estiver trabalhando com máquina de vendas offline e links de URL para uso online. Eu armazenei esses arquivos.html no diretório de modelos que acabamos de habilitar.
- Use a pasta estática para armazenar imagens, vídeos e arquivos CSS, respectivamente
- Depois disso, use urls.py no Django para vincular os arquivos com o progresso do back end.
(ou)
clone ou baixe o repositório no GitHub - Raspberry-pi-Gui-Django
Etapa 4: Substituindo arquivos no Raspberry-pi e configurando
Parabéns, Se você seguiu os passos até agora, é hora de testar a GUI no raspberry pi.
- crie um aplicativo Django com o mesmo nome usado em seu PC ou laptop
- Crie pastas de modelo e estáticas em seu Pi
- Substitua os novos arquivos pelos arquivos reais que você criou. Para obter mais detalhes, consulte as imagens.
- A próxima etapa é criar um script de inicialização automática para iniciar o servidor durante a inicialização em segundo plano
- A última coisa é habilitar o modo Kiosk no raspberry pi para mais detalhes Verifique minha página do Github e se você quiser mostrar o cromo no modo tela cheia