Responsivo

En este post te mostraré otro sistema que he realizado recientemente. Se trata de un programa para llevar el control de eventos por tiempo, en donde se cobra por el tiempo que la persona ingresa al evento. Esto está pensado para controlar el acceso a eventos como parques, piscinas, juegos, etcétera; ya que se registra el tiempo de entrada y de salida a partir de un número de pulsera. Cuando la persona sale del evento se realiza el cobro del mismo y se imprime un ticket. Las características del software son: Control de aforo: Indica cuántas personas están dentro del establecimiento o evento Registro de datos con número de pulsera para tener un identificador Posibilidad de acceder desde el teléfono o cualquier dispositivo para que una persona esté en la entrada y otra en la salida del evento a través de la LAN Opción para anular los tickets Reporte de ventas en donde se incluyen filtros por fecha y hora, así como un reporte que indica la cantidad de tickets vendidos o anulados. Reporte de ticket con mayor costo y ticket con menor costo Impresión de tickets en impresora térmica Realmente este programa fue pensado para llevar el control de eventos a donde asisten niños acompañados con sus padres (en donde dependiendo del tiempo de la estancia, se realiza el cobro) pero se puede adaptar a cualquier circunstancia. ...

En este post te mostraré una plantilla simple de Bulma para comenzar a usar este framework CSS. Es decir, una plantilla de ejemplo para que puedas basarte en ella y comenzar a trabajar modificarla según tus preferencias. Esto que te mostraré también es conocido como starter template de Bulma. ...

En este post te mostraré un juego que he programado recientemente. Se trata de El ahorcado o hangman, en su versión web programado con JavaScript; totalmente gratuito y open source. El juego está escrito con el lenguaje JavaScript, usando Vue.js y Bootstrap. Cuenta con: Gestión de palabras. Puedes agregar y eliminar palabras para jugar al ahorcado Elección de palabra aleatoria: cada vez que juegas se selecciona una palabra aleatoria del banco de palabras que el usuario ha registrado Botones con letras para adivinar la palabra, mismos que se deshabilitan una vez que se ha intentado esa letra Imagen del ahorcado, misma que cambia con el número de intentos Juego totalmente responsivo (adaptable a teléfonos, tabletas, etcétera) A continuación te mostraré cómo está hecho, en dónde puedes descargarlo, etcétera. Pues es un juego open source y gratuito que puedes modificar sin problemas. ...

Resumen: Crear formulario de contacto en PHP y Bootstrap usando mail Los formularios de contacto son esenciales en una página web donde hay interacción con clientes o usuarios, pues así pueden pedir más información o enviar un mensaje. Hoy vamos a ver cómo crear un formulario de contacto con PHP muy simple: Será un formulario en donde se pedirá el nombre, correo y mensaje Esos 3 datos serán enviados al correo electrónico del administrador del sitio y se podrá responder directamente al correo del remitente Para ello vamos a usar la función mail y un formulario de Bootstrap. ...

Tabla responsiva en Bootstrap En este post te mostraré cómo hacer que una tabla o elemento table de HTML sea responsiva en Bootstrap 4. Una tabla responsiva en Bootstrap 4 es una tabla que se adapta a cualquier tamaño de pantalla, aunque específicamente hablando de tablas, las de Bootstrap se deben encerrar en un div que hace que al tabla sea “scrollable”, pero la tabla mantiene su tamaño. Con los ejemplos verás a lo que me refiero. ...

Resumen: en este post te voy a explicar cómo hacer el juego de memorama en JavaScript. Pondré el código fuente y una demostración en línea. Este juego también es conocido como “Memoria”. Características del memorama con JavaScript Este juego de memorama en JS que vengo a presentar tiene las siguientes características: Totalmente responsivo, es decir, se adapta a cualquier pantalla Las imágenes se pueden cambiar Intentos máximos modificables Alerta para cuando ganas y cuando pierdes Código fuente modificable Nota: otro videojuego que desarrollé con JavaScript fue el de snake. ...

Node JS puede ser conectado a PostgreSQL fácilmente a través del paquete pg. En este tutorial vamos a ver cómo conectar Node.JS con PostgreSQL y hacer las cuatro operaciones básicas de la base de datos: Create, read, update y delete (CRUD); todo esto evitando inyecciones SQL y usando un poco el model MVC. Para la interfaz vamos a usar Bootstrap (ya que será responsivo), y para que el usuario use nuestra app web vamos a usar Express. Aunque estos ejemplos son con la web, los mismos pueden ser ejecutados en la terminal sin ningún problema. ...