Hoy te mostraré un software que realicé algún tiempo. Se trata de una herramienta web que sirve para generar etiquetas escolares.

Estas etiquetas escolares son las que llevan nombre del alumno, escuela, grado, etcétera y son colocadas en las libretas y/o libros de los estudiantes.

De este modo se pueden generar etiquetas de este tipo con este software web, generando al final un PDF con las etiquetas escolares listas para ser impresas y recortadas.

Entre las características encontramos que se puede:

• Subir plantillas de las etiquetas
• Opción para indicar tamaño de etiqueta
• Crear la etiqueta usando una tipografía personalizada
• Personalizar el color del texto
• Generar la vista previa de la etiqueta escolar
• Descargar la etiqueta generada, para usarla como imagen

Todo esto a través de un programa web creado con PHP y Bootstrap. A lo largo del post te mostraré las características de este generador de etiquetas web.

Inicio de sesión

El sistema tiene dos tipos de acceso. Uno es administrador, que puede gestionar las plantillas y las fuentes. El otro usuario solo puede acceder al creador de etiquetas.

Gestión de tipografías

Como lo mencioné anteriormente, este software genera las etiquetas en base a las fuentes o tipografías que existen, además de las plantillas. La gestión de fuentes es un simple CRUD en donde se selecciona el archivo y se le coloca un nombre, después, aparecen listadas para gestionarlas.

Las fuentes también aparecen en el creador de etiquetas, pues cada texto puede tener una fuente, tamaño y color distintos.

Agregar nueva plantilla

Este software se compone de dos grandes cosas: el creador de etiquetas y las plantillas. En las plantillas definimos cómo debe aparecer el texto, es decir, en qué parte de la imagen. También se selecciona la plantilla en cuestión, que es una imagen al final de todo.

Estas plantillas se pueden descargar de internet o las puede diseñar el usuario.

El porcentaje para texto en X e Y indica en qué porcentaje de la imagen comienza a escribirse el texto. Por ejemplo, si ambas coordenadas están en 50, entonces el texto se comienza a escribir desde el centro de la imagen.

Administrador de plantillas para etiquetas

En cuanto al administrador de las imágenes que sirven como plantillas igualmente tenemos un CRUD que sirve para filtrar las plantillas por tamaño, buscarlas por nombre, editarlas y eliminarlas.

También se muestra la posición del texto y la imagen en cuestión:

Creador de etiquetas

Finalmente llegamos al propósito de este sistema: el generar etiquetas escolares. Tenemos el creador en donde seleccionamos la plantilla, los colores del texto, la fuente, etcétera.

Podemos buscar la plantilla por nombre en el buscador de abajo. También podemos ir viendo la vista previa conforme vamos diseñando la etiqueta, y cuando la misma esté lista, se genera el PDF:

De todos los campos, solo el nombre es necesario. Los demás son opcionales; pero sin importar el tipo de campo, podemos tomar cada uno como una línea de texto que se va a agregar sobre la etiqueta.

Como puedes ver, además de ver la vista previa, también se puede descargar la imagen (para imprimirla individualmente o usarla como tarjeta) o generar el documento que contiene todas las etiquetas.

El documento generado, que ya se puede imprimir para recortar y pegar, se ve así:

Etiquetas_Luis Cabrera Benito

Conclusión

Hice este software a pedido de un cliente. Es un programa escrito con PHP y Bootstrap. Las plantillas y fuentes se guardan en el almacenamiento del servidor, y los datos de las plantillas se guardan en una base de datos MySQL.

Si quieres un software parecido, más información sobre este creador de etiquetas o algún trabajo, recuerda que siempre puedes contactarme.

Te dejo con más posts sobre PHP, MySQL o sistemas.

Bonus: versión mejorada

Algunos años después hice una versión mejorada de este sistema. La aplicación web es totalmente gratuita, se usa del lado del cliente, no necesita internet ni descargar nada y permite colocar las tipografías usando un editor en vivo. Esta nueva app no solo permite la adición de texto, sino que también tiene un generador de código de barras y QR integrado.

Con dicha app puedes generar credenciales escolares tomando la foto directamente de la cámara, importar diseños JSON, editar masivamente y montar imágenes de manera masiva.

Vas a encontrar el enlace para usar la aplicación web en el siguiente enlace: generador de credenciales.

Creador de credenciales web – Aplicación gratuita