Índice:

GUI DA MÁQUINA DE VENDA MODERNA USANDO FRAMBOESA PI COM DJANGO: 4 etapas
GUI DA MÁQUINA DE VENDA MODERNA USANDO FRAMBOESA PI COM DJANGO: 4 etapas

Vídeo: GUI DA MÁQUINA DE VENDA MODERNA USANDO FRAMBOESA PI COM DJANGO: 4 etapas

Vídeo: GUI DA MÁQUINA DE VENDA MODERNA USANDO FRAMBOESA PI COM DJANGO: 4 etapas
Vídeo: KKKT USHARIKA WA KIJITONYAMA IBADA YA MORNING GLORY 20/04/2020 2024, Julho
Anonim
GUI DE MÁQUINA DE VENDA MODERNA USANDO FRAMBOESA PI COM DJANGO
GUI DE MÁQUINA DE VENDA MODERNA USANDO FRAMBOESA PI COM DJANGO

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:

  1. Raspberry pi com raspian OS instalado
  2. Um display touchscreen compatível com raspberry pi
  3. 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

  1. atualize o Python 2 para 3 existente usando o terminal. Você pode seguir as etapas no Vídeo.
  2. Instale o Django no Raspberry pi usando o comando Pip na linha do terminal.
  3. (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

Configurando seu aplicativo Django
Configurando seu aplicativo Django
Configurando seu aplicativo Django
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

Substituindo arquivos no Raspberry-pi e configurando
Substituindo arquivos no Raspberry-pi e configurando
Substituindo arquivos no Raspberry-pi e configurando
Substituindo arquivos no Raspberry-pi e configurando

Parabéns, Se você seguiu os passos até agora, é hora de testar a GUI no raspberry pi.

  1. crie um aplicativo Django com o mesmo nome usado em seu PC ou laptop
  2. Crie pastas de modelo e estáticas em seu Pi
  3. Substitua os novos arquivos pelos arquivos reais que você criou. Para obter mais detalhes, consulte as imagens.
  4. A próxima etapa é criar um script de inicialização automática para iniciar o servidor durante a inicialização em segundo plano
  5. 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

Recomendado: