GUI DE MÁQUINA EXPENDEDORA MODERNA USANDO FRAMBUESA PI CON DJANGO: 4 Pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:41

¿Podemos hacer una GUI moderna usando lenguajes web para máquinas expendedoras?

La respuesta anterior es sí, podemos. Podemos usarlos para máquinas expendedoras que usan el modo quiosco. La siguiente idea ya la apliqué en mi proyecto existente y funciona bien y probamos mucho. También puede hacer una GUI moderna y atractiva con conocimiento existente de css y HTML, JavaScript. La interfaz entre los pines Django y GPIO se explican lo más claramente posible. Si desea hacer lo mismo, continúe leyendo.

Suministros

Se requieren los siguientes requisitos previos:

1. Raspberry pi con sistema operativo raspian instalado
2. Una pantalla táctil compatible con raspberry pi
3. Un poco de conocimiento sobre los conceptos básicos de los lenguajes web (CSS, HTML, JavaScript)

Paso 1: instalación de Django y requisito previo para el proyecto

1. Actualice Python 2 a 3 existente usando la terminal. Puede seguir los pasos en el video.
2. Instale Django en Raspberry pi usando el comando Pip en la línea de terminal.
3. (opcional) Instale las bibliotecas necesarias para la pantalla táctil. Para ello, acceda a la página web del fabricante de la pantalla.

Paso 2: Configura tu aplicación Django

Si se siente cómodo con IDE en raspberry pi, hágalo. Pero recomiendo hacer la aplicación Django en PC. Es mejor usar PyCharm o Visual Studio para el desarrollo de aplicaciones Django. Terminaré con Pycharm. Vaya a Pycharm y cree un nuevo proyecto debajo de Seleccione Django. Dé un nuevo nombre para el proyecto y en Activar plantilla y cree un nombre para su aplicación y si está trabajando en bases de datos, active el administrador de Django y presione Inicio. Instalará los paquetes necesarios. Después de eso, siga estos pasos.

• Verifique que el servidor se esté ejecutando o no usando el comando: python manage.py runserver en la terminal
• Si no conoce los conceptos básicos de Django, navegue hasta la aplicación Encuestas del sitio, donde podrá comprender fácilmente los conceptos básicos de Django.

Paso 3: crear una GUI y vincularla con el backend

• Para crear una GUI, lo terminaré con Html 5 y CSS 3. Puede crear una cantidad de páginas como desee y para iconos e imágenes, intente descargar y usar si está trabajando con una máquina expendedora fuera de línea y para enlaces URL de uso en línea. He almacenado esos archivos.html en el directorio de plantillas que acabamos de habilitar.
• Utilice una carpeta estática para almacenar imágenes, videos y archivos CSS respectivamente
• Después de eso, use urls.py en Django para vincular los archivos con el progreso del back-end.

(o)

clonar o descargar el repositorio en GitHub - Raspberry-pi-Gui-Django

Paso 4: Reemplazo de archivos en Raspberry-pi y configuración

Felicitaciones, si siguió los pasos hasta ahora es el momento de probar la GUI en raspberry pi.

1. cree una aplicación Django con el mismo nombre que se utiliza en su PC o portátil
2. Cree plantillas y carpetas estáticas en su Pi
3. Reemplace los archivos nuevos con los archivos reales que creó. Para obtener más detalles, consulte las imágenes.
4. El siguiente paso es crear un script de inicio automático para iniciar el servidor durante el inicio en segundo plano.
5. Lo último es habilitar el modo kiosco en raspberry pi para obtener más detalles. Consulte mi página de Github y si desea mostrar el cromo en modo de pantalla completa.