Categoría: Desarrollo

Sistema de Espera en Línea en PHP y SQLite3

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Espera en Línea en PHP y SQLite3

Gestión Eficiente de Colas para Clínicas

En el entorno actual de atención médica, la gestión eficiente de las colas de pacientes se ha convertido en una necesidad fundamental. Hoy presentamos un Sistema de Espera en Línea desarrollado en PHP y SQLite3, diseñado específicamente para clínicas y centros médicos que buscan optimizar su flujo de pacientes.

Video Explicativo del Sistema de Espera en Línea en PHP y SQLite3

Este sistema es una de mis más de 80 aplicaciones premium disponibles en este blog, esta aplicación en específico no tiene demo porque está con SQLite3 que funciona como un servidor propio e independiente, eliminando la necesidad de procesos separados para consultas y gestión de datos, esto va muy bien por ejemplo con aplicaciones para móviles, pero para hosting compartidos no.

De mi parte está pendiente la mejora de esta aplicación con MySQL de esta versión faltante si habrá el demo acostumbrado.

Características Principales del Sistema

  • Gestión de colas en tiempo real
  • Sistema de notificación por voz
  • Panel administrativo intuitivo
  • Registro detallado de pacientes
  • Control de usuarios con roles diferenciados
  • Base de datos SQLite3 portable

Arquitectura y Flujo del Sistema

El sistema está estructurado en varios módulos interconectados que trabajan en conjunto para proporcionar una experiencia fluida tanto para el personal médico como para los pacientes:

1. Módulo de Autenticación

La seguridad se gestiona a través de auth.php, que implementa un sistema de autenticación robusto con las siguientes características:

  • Control de sesiones con PHP
  • Redirección automática de usuarios no autenticados
  • Protección de rutas sensibles
  • Gestión de roles (Administrador/Staff)

2. Gestión de Base de Datos

El sistema utiliza SQLite3 a través de la clase DBConnection, que proporciona:

  • Creación automática de tablas necesarias
  • Usuario administrador predeterminado
  • Gestión de claves foráneas
  • Sistema de consultas preparadas para prevenir SQL injection

3. Flujo de Trabajo del Sistema

El proceso completo sigue esta secuencia:

  1. Registro del paciente (manual o autoservicio)
  2. Asignación automática de número de cola
  3. Visualización en pantalla de espera
  4. Notificación por voz cuando es el turno
  5. Actualización del estado del paciente

Implementación del Sistema

Instalación Local

Para implementar el sistema en un entorno local:

  1. Configure un servidor web local (XAMPP, WAMP, etc.)
  2. Clone los archivos del sistema en el directorio web
  3. Asegure los permisos de escritura para la carpeta ‘db’
  4. Acceda a través del navegador
  5. Use las credenciales predeterminadas: configuroweb/1234abcd..

Implementación en Hosting

Para desplegar en un servidor de producción:

  • Verifique que el hosting soporte PHP 7.4+ y SQLite3
  • Configure la zona horaria en DBConnection.php
  • Establezca permisos 755 para directorios y 644 para archivos
  • Asegure el directorio de la base de datos con .htaccess
  • Actualice las credenciales predeterminadas

Funcionalidades Destacadas

1. Sistema de Colas Inteligente

El sistema implementa una lógica de colas que:

  • Genera números secuenciales automáticamente
  • Mantiene el orden FIFO (First In, First Out)
  • Permite priorización de casos urgentes
  • Registra tiempos de espera y atención

2. Notificaciones en Tiempo Real

El sistema de notificaciones incluye:

  • Síntesis de voz para llamado de pacientes
  • Actualización automática de pantalla de espera
  • Notificaciones visuales en el panel administrativo
  • Sistema de re-llamado para pacientes ausentes

Consideraciones de Seguridad

El sistema implementa múltiples capas de seguridad:

  • Tokens CSRF en formularios
  • Contraseñas hasheadas con password_hash()
  • Sanitización de entradas de usuario
  • Control de acceso basado en roles
  • Protección contra SQL injection

Conclusiones y Beneficios

Este Sistema de Espera en Línea ofrece una solución completa para la gestión de colas en clínicas, destacando por:

  • Facilidad de implementación y mantenimiento
  • Interfaz intuitiva para personal y pacientes
  • Sistema de notificaciones efectivo
  • Base de datos portable y eficiente
  • Seguridad robusta y actualizable

Requisitos Técnicos

  • PHP 7.4 o superior
  • SQLite3 habilitado
  • Navegador web moderno
  • Permisos de escritura en el servidor
  • Soporte para JavaScript

Este Sistema de Espera en Línea representa una solución moderna y eficiente para la gestión de colas en clínicas, combinando facilidad de uso con funcionalidades avanzadas. Su implementación puede significar una mejora significativa en la experiencia tanto de pacientes como del personal médico.

Etiquetado: / /

Sistema de Votación en Javascript

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Votación en Javascript

Sistema de Votación en Javascript: Aplicación Web Moderna con Almacenamiento Local

En este artículo, exploraremos en detalle un Sistema de Votación desarrollado completamente en Javascript, HTML y CSS. Esta aplicación permite gestionar votaciones en tiempo real, con una interfaz moderna y responsive, además de contar con características como modo oscuro, exportación de datos y persistencia local.

Ver Demo
 Código Fuente

Video Explicativo

Características Principales

  • Interfaz moderna y responsive
  • Modo claro/oscuro
  • Almacenamiento local de datos
  • Exportación a CSV
  • Gráficos en tiempo real
  • Sistema de notificaciones
  • Diseño adaptable a móviles

Estructura y Funcionamiento

1. Gestión de Datos

El sistema utiliza localStorage para mantener la persistencia de los datos. Esto se implementa mediante dos constantes principales:

const STORAGE_KEY = 'voting_system_data';
const THEME_KEY = 'voting_system_theme';

Los datos se cargan automáticamente al iniciar la aplicación mediante la función loadStoredData(), que recupera tanto los participantes como las preferencias de tema:

function loadStoredData() {
    const storedData = localStorage.getItem(STORAGE_KEY);
    if (storedData) {
        participants = JSON.parse(storedData);
        updateVoteSection();
        toggleVotingSection();
        updateChart();
    }
}

2. Sistema de Votación

El núcleo de la aplicación maneja los votos mediante tres funciones principales:

  • addParticipant(): Agrega nuevos participantes al sistema
  • incrementVote(): Incrementa el contador de votos
  • decrementVote(): Decrementa el contador de votos

Cada acción actualiza automáticamente tanto la interfaz como el almacenamiento local:

function incrementVote(index) {
    participants[index].votes++;
    updateVoteSection();
    updateChart();
    saveData();
    showNotification(`Voto agregado para ${participants[index].name}`, 'success');
}

3. Interfaz Responsive

El diseño responsive se logra mediante CSS moderno, utilizando Grid y Flexbox:

.vote-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-md);
    margin: var(--spacing-lg) 0;
}

Los breakpoints principales están definidos para tablets (768px) y móviles (480px):

@media (max-width: 768px) {
    .button-group {
        flex-direction: column;
    }
}

4. Sistema de Temas (Claro/Oscuro)

La implementación del modo oscuro se realiza mediante variables CSS y atributos data:

:root {
    --background: #f1f5f9;
    --card-bg: #ffffff;
    --text-primary: #1e293b;
}

[data-theme="dark"] {
    --background: #0f172a;
    --card-bg: #1e293b;
    --text-primary: #f1f5f9;
}

El cambio de tema se gestiona mediante Javascript:

function toggleTheme() {
    const currentTheme = document.documentElement.getAttribute('data-theme');
    const newTheme = currentTheme === 'light' ? 'dark' : 'light';
    document.documentElement.setAttribute('data-theme', newTheme);
    localStorage.setItem(THEME_KEY, newTheme);
}

5. Visualización de Datos

Los resultados se visualizan mediante Chart.js, creando gráficos de barras interactivos:

voteChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: labels,
        datasets: [{
            label: 'Votos',
            data: data,
            backgroundColor: '#3b82f6'
        }]
    }
});

Implementación Local

Para implementar la aplicación localmente, sigue estos pasos:

  1. Clona el repositorio:
    git clone https://github.com/configuroweb/votacion-online.git

  2. Abre el directorio:
    cd votacion-online

  3. Abre index.html en tu navegador o usa un servidor local como Live Server de VS Code.

Despliegue en GitHub Pages

  1. Crea un nuevo repositorio en GitHub
  2. Inicializa Git y sube los cambios:
    git init
    git add .
    git commit -m "Initial commit"
    git remote add origin [URL_DEL_REPOSITORIO]
    git push -u origin main

  3. Configura GitHub Pages:
    • Ve a Settings > Pages
    • Selecciona la rama main
    • Guarda los cambios

Aspectos Técnicos Destacados

Sistema de Notificaciones

Las notificaciones proporcionan feedback inmediato al usuario:

function showNotification(message, type = 'info') {
    const notification = document.createElement('div');
    notification.className = `notification ${type}`;
    // ... configuración de la notificación
}

Exportación de Datos

La funcionalidad de exportación permite guardar los resultados en formato CSV:

function exportToCSV() {
    const csvContent = [
        ['Nombre', 'Votos'],
        ...participants.map(p => [p.name, p.votes])
    ].map(e => e.join(',')).join('\n');
    // ... lógica de descarga
}

Conclusiones

Este Sistema de Votación en Javascript demuestra cómo crear una aplicación web moderna y funcional utilizando tecnologías web estándar. Las características clave como el almacenamiento local, la interfaz responsive y el modo oscuro la hacen perfecta para implementaciones reales.

La estructura modular del código y el uso de buenas prácticas de programación facilitan su mantenimiento y extensión. El sistema puede servir como base para proyectos más complejos o como ejemplo educativo de implementación de características modernas en aplicaciones web.

Próximos Pasos

Algunas mejoras potenciales podrían incluir:

  • Autenticación de usuarios
  • Sincronización en tiempo real
  • Más opciones de exportación
  • Categorías de votación
  • Estadísticas avanzadas

Prueba la demo o explora el código para aprender más sobre esta implementación.

Etiquetado: /

Sistema de Asistencia y Nómina con Reconocimiento Facial

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Asistencia y Nómina con Reconocimiento Facial

Este Sistema de Asistencia y Nómina con Reconocimiento Facial ha dado un salto por lo menos de tres versiones a su versión prevía el Sistema de Asistencia y Nómina Mejorado el cual a su vez nació de la optimización de un software que se había publicado gratuitamente y que actualmente puedes ver y descargar en la publicación relacionada llamada Control de Asistencia y Sistema de Nómina

La aplicación fue desarrollada en PHP y MySQL y es muy fácil de implementar en un hosting, para empezar a ponerla en marcha de manera efectiva y sencilla.

Video Explicativo del Sistema de Asistencia y Nómina

Demo del Sistema de Asistencia y Nómina con Reconocimiento Facial

Visita Guiada

Si te interesa una visita guiada, para que puedas ver las funcionalidades de la aplicación con mayor sencillez, me puedes contactar directamente a mi Whatsapp en el siguiente enlace:

https://configuroweb.com/WhatsappMessenger

Enlace administrativo demo

Para realizar las validaciones correspondientes sobre la aplicación puedes acceder al siguiente enlace:

https://fepapp.com/cw/m20_f3/admin/index.php

Credenciales de acceso

Las credenciales de acceso son: usuario: configuroweb, y la contraseña de acceso: 1234abcd..

Enlace de usuario perfil operador

Este usuario es quien registra su ingreso y salida de la aplicación, también es donde se valida el acceso con reconocimiento facial:

https://fepapp.com/cw/m20_f3

La gran ventaja del Sistema de Asistencia y Nómina Avanzado

Sin duda alguna la gran ventaja que ofrece la aplicación, lo más útil y atractivo de la mejora en sus funcionalidades es la opción de poder registrar la asistencia por medio del reconocimiento facial, de esta manera se reduce el riesgo de registros modificados o errores en el proceso de control de asistencia.

Autenticación vía QR del sistema con los trabajadores

El sistema también permite que los usuarios de perfil trabajador, puedan realizar sus solicitudes en la herramienta por medio de QR de autenticación, habilitando de esta manera funcionalidades como:

  • Solicitud de permisos
  • Solicitud de vacaciones
  • Adelantos de salarios
  • Consulta de recibos de pago

Estos requerimientos se pueden habilitar, para que el usuario los pueda realizar desde su teléfono móvil o desde un ordenador habilitado en la intranet de la empresa, o desde la comodidad desde donde se encuentre si se habilita la aplicación para un hosting en la Internet.

Modularidad del Sistema de Asistencia y Nómina Avanzado

Este Sistema de Asistencia y Nómina con Reconocimiento Facial, cuenta con diferentes módulos que consolidad la robustez de la aplicación y que buscan dinamizar y facilitar los diferentes procesos que puede llegar a requerir una empresa.

Registro de Asistencia por reconocimiento facial

La primera y más importante funcionalidad del sistema es su registro de asistencia que ahora cuenta con la posibilidad de reconocimiento facial.

Registro de solicitudes vía QR

La gestión de requerimiento y control vía QR le permite a los usuarios gestionar sus diferentes requermiento de manera sencilla y eficiente, pudiendo realizar consultas y solicitudes directamente por medio de sus teléfonos inteligentes.

Por medio de validaciones QR los usuarios pueden ver entre otras funcionalidades:

  • Revisar sus recibos de pagos
  • Verificación de sus vacaciones
  • Validación de sus prestaciones

Esta funcionalidad además habilita la posibilidad de llevar la trazabilidad de los diferentes procesos que se realizan por medio de la aplicación.

Gestión de Empleados

Este módulo permite administrar de manera eficiente los perfiles de cada empleado de manera específica, gestionando sus historiales laborales, sus perfiles especificos según rol a desempeñar, así como informes personalizados.

Gestión de la Nómina en referencia a las horas registradas de trabajo

El principal de esta aplicación es calcular la nómina de manera efectiva y sin ambiguedades, ahora reforzada con la funcionalidad del reconocimiento facial, este Sistema de Asistencia y Nómina con Reconocimiento Facial automatiza el proceso del calculo de la nómina, teniendo en cuenta los datos de la asistencia registrados, el pago de los cargos de ley, los prestamos, reduciendo la posibilidad de cometer errores humanos en el proceso.

Validador de transacciones y registros

Por medio de este módulo se puede auditar de manera transparente los procesos de registro que se efectuen, ofreciendo la posibilidad de re evaluar los cálculos realizados de manera eficiente, para que el proceso sea efectivo tanto para el trabajados como para el administrador del sistema.

Gestión de actividades

Este apartado controla la asignación de actividades, tareas y proyectos para los empleados, así como el monitoreo de avances, para el control de las responsabilidades asignadas.

Avisos y Eventos

Por medio del sistema es posible enviar notificaciones a los empleados, para la comunicación interna desde el sistema, igualmente los eventos de la empresa, aviso de capacitaciones entre otros.

Pago de la aplicación

El sistema tiene un costo de 100 USD, me puedes hacer el pago del sistema, por medio de los siguiente canales:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

Otros medios de pago

Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.

Pago por Nequi

Aprovisionamiento del Sistema

El aprovisionamiento del sistema se realiza de manera asistida para garantizar que te quede operativa la aplicación, se realiza a nivel local o en un hosting.

Cualquier duda, cualquier consulta quedamos al pendiente y nos puedes contactar directamente al Whatsapp al siguiente enlace:

https://configuroweb.com/WhatsappMessenger

Y también pulsar directamente en el icono flotante de Whatsapp que aparece en la parte inferior derecha de la página.

Etiquetado: / /

Sistema Multitienda en Línea PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema Multitienda en Línea PHP y MySQL

Este Sistema Multitienda en Línea PHP y MySQL le permite a las tiendas registrarse y publicar sus productos para que estos puedan ser ordenador por el usuario final.

La aplicación tiene un ambiente administrativo desde donde es posible gestionar los usuarios, los clientes, los proveedores, la apariencia y nombre de la aplicación.

Video Explicativo del Sistema Multitienda en Línea PHP y MySQL

Todos los aspectos funcionales de la aplicación así como la explicación de su aprovisionamiento se explican en el video a continuación.

Este sistema es uno de los más de 150 software que tengo publicados en el blog y que puedes ver en el enlace a continuación:

Demo del sistema de multitienda con pedidos en línea en PHP y MySQL

En el siguiente enlace puedes hacer las validaciones del funcionamiento de la aplicación, desde el apartado administrativo:

https://demoscweb.com/multi-tienda/admin/login.php

Apartado de acceso del usuario de perfil proveedor:

https://demoscweb.com/multi-tienda/vendor/login.php

Acceso a la demo del usuario final, para hacer sus pedidos:

https://demoscweb.com/multi-tienda/index.php

Aprovisionamiento del Sistema

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

Antes de cualquier cosa, si llegaste hasta acá excelente y si necesitas cualquier otra aplicación puede que la tenga en mi listado de más de 80 aplicaciones de libre descarga, en el siguiente enlace puedes verlas:

Mis aplicaciones gratuitas

En adición tengo aplicaciones más elaboradas que te podrían servir y que puedes conocer en el siguiente enlace:

Mis aplicaciones premium

Instalación de las aplicaciones necesarias para la puesta a punto del Sistema

Para la puesta a punto del Sistema debes instalar en principio los siguientes software:

XAMPP que te implementa todo lo necesario para un servidor web a nivel local y puedes descarcargar en el siguiente enlace:

https://www.apachefriends.org/es/download.html

Git que es un gestor de repositorios con el que haremos la descarga de la aplicación de mi perfil de GitHub, Git lo puedes descargar en el siguiente enlace:

https://git-scm.com/downloads

Visual Studio Code que es un editor de código sencillo, completo, dinámico, inmensamente popular y lleno de todo tipo de plugins que se pueden instalar según infinidad de necesidades que llegues a requerir, en el siguiente enlace puedes descargar la aplicación:

https://code.visualstudio.com/download

Descarga del Sistema

Yo te comparto la carpeta del sistema completo, tanto el software como la base de datos relacionada, cuando te haga el envío la podrás descargar y utilizar sin inconvenientes, si tienes XAMPP instalado y extraes los scripts dentro de la carpeta htdocs, solo te faltará importar la base de datos para que el sistema te funcione.

Descarga e instalación de las aplicaciones necesarias para el funcionamiento del sistema

Debes instalar las aplicaciones que había mencionado al principio XAMPP, Visual Studio Code y Git, te recomiendo que estas aplicaciones las instales con todos los parámetros por defecto, para que las opciones sean iguales a las descritas en el presente tutorial.

PASO 1 ABRE XAMPP

Lo primero que debes hacer es abrir XAMPP desde la tecla Windows y luego XAMPP, posterior a esto te aparecerá una consola como la de la siguiente captura:

PASO 2 ACTIVA LOS SERVICIOS DE APACHE Y MYSQL

Debes activar el servicio de Apache y MySQL, para poder corre archivos con las extensión php y trabajar con un gestor de base de datos como phpmyadmin. En la captura anterior se muestra la consola de XAMPP con los servicios ya activados.

PASO 3 ACCEDE A LA UBICACIÓN DE LOS ARCHIVOS

C:\xampp\htdocs

Dentro de la carpeta htdocs ingresa la carpeta de los archivos que te proporciono.

PASO 7 CONFIGURACIÓN DE LA BASE DE DATOS

Para la implementación de la base de datos en el gestor de phpmyadmin debes primero adquirirla, comprandola desde los medios de pago que están más adelante y luego contáctandome a mi Whatsapp para que te la provea.

Para la configuración debes acceder a la siguiente URL:

http://localhost/phpmyadmin/

Creas la base de datos con el nombre:

mv

Pulsas en la opción que dice importar, buscas el archivo SQL que te proveo, presionas continuar y de este modo ya estará la aplicación plenamente operativa para su uso.

PASO 4 CONSIDERACIONES IMPORTANTES

Debes editar los archivos a continuación:

El archivo donde debes poner las credenciales de la base de datos y la URL se llama initialize.php

Si vas a subir la aplicación a un hosting, debes poner el usuario de la base de datos, el nombre de la base de datos y su contraseña, ya que los parámetros que están definidos por defecto son los de XAMPP.

PASO 5 ACCEDE A LA URL DE LA APLICACIÓN

Ya para este punto la aplicación estará lista para su uso en la siguiente URL:

http://localhost/multi-tienda/index.php

Compra de la Aplicación

Para que la aplicación te funcione tanto en un servidor local como en un hosting, requeriras el archivo SQL que contiene la base de datos, las tablas y la lógica que se requiere para el login y se puedan gestionar los boletos, este sistema tiene un costo de 20 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 20 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

Otros medios de pago

Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.

Pago por Nequi

Enlace PSE UALA en pesos colombianos

Enlace PSE UALA Colombia

Cualquier duda, me puedes escribir directamente a mi ícono flotante de Whatsapp o al siguiente enlace:

https://configuroweb.com/WhatsappMessenger

Sistema de Pedidos en Línea en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Pedidos en Línea en PHP y MySQL

Sistema de Pedidos en Línea en PHP y MySQL optimiza de manera práctica, sencilla y efectiva el proceso de la gestión de ordenes.

Video Explicativo

Estas órdenes que realiza el cliente a través de la página, quedan en base de datos y se pueden gestionar desde un ambiente administrativo.

El usuario desde el ambiente administrativo, puede entre otras cosas lo siguiente:

  • Gestionar los pedidos que realizan los clientes.
  • Agregar, Actualizar, Eliminar y Listar Los Productos que el cliente desea solicitar.
  • Agregar, Actualizar, Eliminar y Listar Las Categorías a las que los Productos del sistema van a estar relacionados.
  • Gestionar los usuarios.
  • Realizar configuraciones del sitio.

Las configuraciones del Sitio que puede realizar el usuario administrativo, son las siguientes:

  • Actualizar el nombre del Sistema
  • Cambiar el correo electrónico
  • Modificar el número de contacto de la página
  • Actualizar el Acerca de de la Landing Page
  • Cambiar el banner de la aplicación

Demo del Sistema de Pedidos en Línea en PHP y MySQL

En el siguiente enlace puedes acceder al demo de Sistema de Pedidos en Línea en PHP y MySQL:

https://demoscweb.com/pedidos/admin/login.php

Las credenciales de acceso son configuroweb y la contraseña es 1234abcd..

El sistema está restríngido para que cambies el usuario administrativo pero la versión que te proveeo viene sin ninguna restricción para cambiar la contraseña del usuario administrador.

Compra de la Aplicación

Para que la aplicación te funcione tanto en un servidor local como en un hosting, requeriras el archivo SQL que contiene la base de datos, las tablas y la lógica que se requiere para el login y se puedan gestionar los boletos, este sistema tiene un costo de 20 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 20 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

Otros medios de pago

Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.

Pago por Nequi

Enlace PSE UALA en pesos colombianos

Enlace PSE UALA Colombia

Aprovisionamiento del Sistema

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

Antes de cualquier cosa, si llegaste hasta acá excelente y si necesitas cualquier otra aplicación puede que la tenga en mi listado de más de 80 aplicaciones de libre descarga, en el siguiente enlace puedes verlas:

Mis aplicaciones gratuitas

En adición tengo aplicaciones más elaboradas que te podrían servir y que puedes conocer en el siguiente enlace:

Mis aplicaciones premium

Instalación de las aplicaciones necesarias para la puesta a punto del Sistema

Para la puesta a punto del Sistema debes instalar en principio los siguientes software:

XAMPP que te implementa todo lo necesario para un servidor web a nivel local y puedes descarcargar en el siguiente enlace:

https://www.apachefriends.org/es/download.html

Git que es un gestor de repositorios con el que haremos la descarga de la aplicación de mi perfil de GitHub, Git lo puedes descargar en el siguiente enlace:

https://git-scm.com/downloads

Visual Studio Code que es un editor de código sencillo, completo, dinámico, inmensamente popular y lleno de todo tipo de plugins que se pueden instalar según infinidad de necesidades que llegues a requerir, en el siguiente enlace puedes descargar la aplicación:

https://code.visualstudio.com/download

Descarga del Sistema

Yo te comparto la carpeta del sistema completo, tanto el software como la base de datos relacionada, cuando te haga el envío la podrás descargar y utilizar sin inconvenientes, si tienes XAMPP instalado y extraes los scripts dentro de la carpeta htdocs, solo te faltará importar la base de datos para que el sistema te funcione.

Descarga e instalación de las aplicaciones necesarias para el funcionamiento del sistema

Debes instalar las aplicaciones que había mencionado al principio XAMPP, Visual Studio Code y Git, te recomiendo que estas aplicaciones las instales con todos los parámetros por defecto, para que las opciones sean iguales a las descritas en el presente tutorial.

PASO 1 ABRE XAMPP

Lo primero que debes hacer es abrir XAMPP desde la tecla Windows y luego XAMPP, posterior a esto te aparecerá una consola como la de la siguiente captura:

PASO 2 ACTIVA LOS SERVICIOS DE APACHE Y MYSQL

Debes activar el servicio de Apache y MySQL, para poder corre archivos con las extensión php y trabajar con un gestor de base de datos como phpmyadmin. En la captura anterior se muestra la consola de XAMPP con los servicios ya activados.

PASO 3 ACCEDE A LA UBICACIÓN DE LOS ARCHIVOS

C:\xampp\htdocs

Dentro de la carpeta htdocs ingresa la carpeta de los archivos que te proporciono.

PASO 7 CONFIGURACIÓN DE LA BASE DE DATOS

Para la implementación de la base de datos en el gestor de phpmyadmin debes primero adquirirla, comprandola desde los medios de pago que están más adelante y luego contáctandome a mi Whatsapp para que te la provea.

Para la configuración debes acceder a la siguiente URL:

http://localhost/phpmyadmin/

Creas la base de datos con el nombre:

pizza

Pulsas en la opción que dice importar, buscas el archivo SQL que te proveo, presionas continuar y de este modo ya estará la aplicación plenamente operativa para su uso.

PASO 4 CONSIDERACIONES IMPORTANTES

Debes editar los archivos a continuación:

El archivo a modificar se llama db_connect.php

Si vas a subir la aplicación a un hosting, debes poner el usuario de la base de datos, el nombre de la base de datos y su contraseña, ya que los parámetros que están definidos por defecto son los de XAMPP.

PASO 5 ACCEDE A LA URL DE LA APLICACIÓN

Ya para este punto la aplicación estará lista para su uso en la siguiente URL:

http://localhost/pizza/admin/login.php

Herramientas en Línea Javascript ConfiguroWeb: Cómo Implementarlas y Usarlas

por ConfiguroWebDesarrolloDeja un comentario en Herramientas en Línea Javascript ConfiguroWeb: Cómo Implementarlas y Usarlas

Introducción

En esta publicación, exploraremos Herramientas en Línea Javascript ConfiguroWeb interactivas y gratuitas que he desarrollado y alojado en GitHub Pages. Estas herramientas pueden ser útiles para desarrolladores, estudiantes y cualquier persona interesada en simplificar tareas cotidianas de desarrollo y manejo de datos. Además, te explicaré cómo puedes implementar estas herramientas tanto en GitHub Pages como en tu entorno local utilizando XAMPP.

Herramientas Destacadas de ConfiguroWeb

  1. Convierte tu voz en texto fácilmente
    Esta herramienta permite transcribir tu voz en texto de forma rápida y precisa, ideal para tomar notas o trabajar en aplicaciones de dictado. Accede a la herramienta.
  2. Mapa Interactivo en Javascript
    Perfecto para proyectos de geolocalización o visualización de datos en mapas. Explora el mapa interactivo.
  3. Sistema Traductor en Línea en Javascript
    Un traductor sencillo que permite la traducción entre diferentes idiomas, útil para integraciones rápidas en sitios web. Prueba el traductor.
  4. Generador de Nombres Aleatorios en Javascript
    Herramienta divertida y útil para generar nombres al azar para personajes, proyectos o aplicaciones. Usa el generador de nombres.
  5. Sistema Generador de Contraseñas
    Una herramienta imprescindible para generar contraseñas seguras y robustas. Genera una contraseña.
  6. Generador de Fondos Gradientes CSS y RGB
    Permite crear fondos con gradientes de colores, ideal para diseñadores y desarrolladores web. Prueba el generador de fondos.
  7. Sistema Generador de Frases
    Genera frases inspiradoras o divertidas de manera aleatoria. Descubre una frase.

Implementación en GitHub Pages

  1. Paso 1: Crear un repositorio en GitHub
    Accede a tu cuenta de GitHub y crea un nuevo repositorio. Sube los archivos de tu proyecto.
  2. Paso 2: Configuración de GitHub Pages
    Ve a la configuración de tu repositorio y activa GitHub Pages desde la pestaña de “Pages”. Selecciona la rama que contiene los archivos del proyecto y guarda los cambios.
  3. Paso 3: Acceso a tu herramienta
    Una vez configurado, tu proyecto estará disponible en https://tuusuario.github.io/nombre-del-repositorio.

Implementación Local con XAMPP

  1. Instalación de XAMPP
    Descarga e instala XAMPP en tu sistema. Asegúrate de que el servidor Apache y MySQL estén activos.
  2. Configuración del proyecto en htdocs
    Copia los archivos de tu proyecto en la carpeta htdocs de XAMPP. Por ejemplo, C:\xampp\htdocs\mi-proyecto.
  3. Acceso al proyecto local
    Abre tu navegador y ve a http://localhost/mi-proyecto para ver y probar tu herramienta.

Beneficios de Usar estas Herramientas

Todas estas herramientas han sido diseñadas para mejorar la productividad y hacer que tareas como la generación de contenido, traducción y personalización de interfaces sean accesibles y eficientes. Puedes encontrar otros recursos y proyectos en ConfiguroWeb, como el Sistema de Generación de Exámenes Impresos en PHP y MySQL y la colección de 46 aplicaciones gratuitas en PHP, Python y Javascript.

Conclusión

ConfiguroWeb busca proporcionar herramientas útiles para todos, desde desarrolladores hasta personas que solo quieren automatizar tareas simples. Te invito a explorar estas herramientas y a implementarlas tanto en línea como en tu entorno local.

Etiquetado: / /

Sistema de Gestión de Paquetería en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Gestión de Paquetería en PHP y MySQL

Este Sistema de Gestión de Paquetería en PHP y MySQL le permite al usuario controlar el proceso del envío y recepción de paquetes.

Video Explicativo

La aplicación soporta la gestión de sucursales y liga a empleados de staff con un usuario independiente para trabajar con su propio login y alcance.

El apartado administrativo tiene la facultad de crear oficinas, crear usuarios de perfil operador o staff, el sistema tiene una vista global de la gestión en todas las oficinas.

Puedes consultar el estado del proceso de envío y generar reportes imprimibles en pdf.

La aplicación tiene en cuenta una gran cantidad de estados, para brindar el mayor control posible sobre el proceso de entrega de los paquetes y los estados son los siguientes:

  • Artículo aceptado por mensajería
  • Recibido
  • Enviado
  • En tránsito
  • Llego a Destino
  • En salida por entrega
  • Listo para recoger
  • Entregado
  • Recogido
  • Intento de entrega fallido

Demo del Sistema de Gestión de Paquetería en PHP y MySQL

En el siguiente enlace puedes acceder al demo de Sistema de Gestión de Paquetería:

https://demoscweb.com/paqueteria/login.php

Las credenciales de acceso son hola@configuroweb.com y la contraseña es 1234abcd..

El sistema está restríngido para que cambies el usuario administrativo pero la versión que te proveeo viene sin ninguna restricción para cambiar la contraseña del usuario administrador.

Compra de la Aplicación

Para que la aplicación te funcione tanto en un servidor local como en un hosting, requeriras el archivo SQL que contiene la base de datos, las tablas y la lógica que se requiere para el login y se puedan gestionar los boletos, este sistema tiene un costo de 20 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 20 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

Otros medios de pago

Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.

Pago por Nequi

Enlace PSE UALA en pesos colombianos

Enlace PSE UALA Colombia

Aprovisionamiento del Sistema

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

Antes de cualquier cosa, si llegaste hasta acá excelente y si necesitas cualquier otra aplicación puede que la tenga en mi listado de más de 80 aplicaciones de libre descarga, en el siguiente enlace puedes verlas:

Mis aplicaciones gratuitas

En adición tengo aplicaciones más elaboradas que te podrían servir y que puedes conocer en el siguiente enlace:

Mis aplicaciones premium

Instalación de las aplicaciones necesarias para la puesta a punto del Sistema

Para la puesta a punto del Sistema debes instalar en principio los siguientes software:

XAMPP que te implementa todo lo necesario para un servidor web a nivel local y puedes descarcargar en el siguiente enlace:

https://www.apachefriends.org/es/download.html

Git que es un gestor de repositorios con el que haremos la descarga de la aplicación de mi perfil de GitHub, Git lo puedes descargar en el siguiente enlace:

https://git-scm.com/downloads

Visual Studio Code que es un editor de código sencillo, completo, dinámico, inmensamente popular y lleno de todo tipo de plugins que se pueden instalar según infinidad de necesidades que llegues a requerir, en el siguiente enlace puedes descargar la aplicación:

https://code.visualstudio.com/download

Descarga del Sistema

Yo te comparto la carpeta del sistema completo, tanto el software como la base de datos relacionada, cuando te haga el envío la podrás descargar y utilizar sin inconvenientes, si tienes XAMPP instalado y extraes los scripts dentro de la carpeta htdocs, solo te faltará importar la base de datos para que el sistema te funcione.

Descarga e instalación de las aplicaciones necesarias para el funcionamiento del sistema

Debes instalar las aplicaciones que había mencionado al principio XAMPP, Visual Studio Code y Git, te recomiendo que estas aplicaciones las instales con todos los parámetros por defecto, para que las opciones sean iguales a las descritas en el presente tutorial.

PASO 1 ABRE XAMPP

Lo primero que debes hacer es abrir XAMPP desde la tecla Windows y luego XAMPP, posterior a esto te aparecerá una consola como la de la siguiente captura:

PASO 2 ACTIVA LOS SERVICIOS DE APACHE Y MYSQL

Debes activar el servicio de Apache y MySQL, para poder corre archivos con las extensión php y trabajar con un gestor de base de datos como phpmyadmin. En la captura anterior se muestra la consola de XAMPP con los servicios ya activados.

PASO 3 ACCEDE A LA UBICACIÓN DE LOS ARCHIVOS

C:\xampp\htdocs

Dentro de la carpeta htdocs ingresa la carpeta de los archivos que te proporciono.

PASO 7 CONFIGURACIÓN DE LA BASE DE DATOS

Para la implementación de la base de datos en el gestor de phpmyadmin debes primero adquirirla, comprandola desde los medios de pago que están más adelante y luego contáctandome a mi Whatsapp para que te la provea.

Para la configuración debes acceder a la siguiente URL:

http://localhost/phpmyadmin/

Creas la base de datos con el nombre:

paqueteria

Pulsas en la opción que dice importar, buscas el archivo SQL que te proveo, presionas continuar y de este modo ya estará la aplicación plenamente operativa para su uso.

PASO 4 CONSIDERACIONES IMPORTANTES

Debes editar los archivos a continuación:

El archivo para editar se llamada db_connect.php

Si vas a subir la aplicación a un hosting, debes poner el usuario de la base de datos, el nombre de la base de datos y su contraseña, ya que los parámetros que están definidos por defecto son los de XAMPP.

PASO 5 ACCEDE A LA URL DE LA APLICACIÓN

Ya para este punto la aplicación estará lista para su uso en la siguiente URL:

http://localhost/paqueteria/login.php
Etiquetado: / /

Sistema de Generación de Exámenes Impresos en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Generación de Exámenes Impresos en PHP y MySQL

Este Sistema de Generación de Exámenes Impresos en PHP y MySQL le permite sencillamente al usuario realizar el proceso de manera práctica, sencilla e intuitiva.

Todo lo que tiene que hacer el usuario, ya sea profesor o generante del examen, es ingresar el curso y la clase, luego agregar las preguntas, puede agregar cuantas preguntas quiera.

Las preguntas pueden ser de seleccìón multiple, de única respuesta o preguntas abierta. El sistema almacena todas las preguntas que quieras subir y elige aleaotariamente el número de preguntas que vayas a utilizar para el examen escrito.

El usuario de perfil profesor o generante del examen se puede registrar directamente en la aplicación y empezar a usarla directamente.

Video Explicativo

Sistema de Generación de Exámenes Impresos

Roles de Usuario del Sistema de Generación de Exámenes Impresos en PHP y MySQL

Usuario con perfil profesor

El sistema cuenta con tres perfiles de usuario, el usuario de perfil profesor que puede ingresar los cursos, clases y exámenes que quiera, pero solo tiene la vista de las modificaciones que el mismo usuario realice.

El usuario con perfil profesor solo puede modificar y gestionar los examenes que el mismo haya subido, no tiene una vista global de lo que se realiza sobre la aplicación.

Usuario con perfil operador o staff

Este usuario tiene facultades más de usuario administrativo, puede modificar el contenido de la página de Acerca de, la de Contáctenos y la de Inicio.

El usuario tipo staff puede ver los usuarios con perfil profesor que se han registrado en el sistema de generación de exámenes.

El usuario operador puede puede ver todos los cursos, clases y cuestionarios que se han creado en la aplicación.

Usuario administrador

El usuario con perfil administrador tiene todas las facultades del usuario tipo staff y en adición puede visualizar los demás usuarios administrativos y de tipo staff.

El usuario administrador puede modificar el nombre de la aplicación, el nombre corto, el logo del sistema, la portada del sitio web.

Demo del Sistema de Generación de Exámenes Impresos

Apartado administrativo

https://demoscweb.com/generacion-examen-impreso/admin/login.php

credenciales de acceso:

usuario: configuroweb contraseña 1234abcd..

Apartado de acceso usuario perfil operador

Desde este acceso, se puede registrar y acceder con el usuario generante de los exámenes:

https://demoscweb.com/generacion-examen-impreso/users/login.php

Landing Page del Sistema de Generación de Exámentes Impresos en PHP y MySQL

En la siguiente URL puedes ver la página ya implementada con los cambios que se pueden realizar desde el acceso administrativo:

https://demoscweb.com/generacion-examen-impreso/index.php

Sistema de Generación de Exámenes en Línea

Este aplicación solo genera exámenes impresos, pero si quieres que el estudiante pueda presetar su examen en línea también tengo una aplicación que te podría servir en el siguiente enlace:

Sistema de Generación de Exámenes en Línea en PHP y MySQL

Compra de la Aplicación

Para que la aplicación te funcione tanto en un servidor local como en un hosting, requeriras el archivo SQL que contiene la base de datos, las tablas y la lógica que se requiere para el login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 15 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

Otros medios de pago

Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.

Pago por Nequi

Enlace PSE UALA en pesos colombianos

Enlace PSE UALA Colombia

Contáctame a mí Whatsapp

Cuando hayas hecho el pago me puedes escribir directamente a mi Whatsapp al siguiente enlace:

Mi enlace directo de Whatsapp

Aprovisionamiento del Sistema de Generación de Exámenes Impresos en PHP y MySQL

Antes de cualquier cosa, si llegaste hasta acá excelente y si necesitas cualquier otra aplicación puede que la tenga en mi listado de más de 80 aplicaciones de libre descarga, en el siguiente enlace puedes verlas:

Mis aplicaciones gratuitas

En adición tengo aplicaciones más elaboradas que te podrían servir y que puedes conocer en el siguiente enlace:

Mis aplicaciones premium

Instalación de las aplicaciones necesarias para la puesta a punto del Sistema de portafolio

Para la puesta a punto del Sistema de portafolio en PHP y MySQL debes instalar en principio los siguientes software:

XAMPP que te implementa todo lo necesario para un servidor web a nivel local y puedes descarcargar en el siguiente enlace:

https://www.apachefriends.org/es/download.html

Visual Studio Code que es un editor de código sencillo, completro, dinámico, inmensamente popular y lleno de todo tipo de plugins que se pueden instalar según infinidad de necesidades que llegues a requerir, en el siguiente enlace puedes descargar la aplicación:

https://code.visualstudio.com/download

Descarga del Sistema de generación de exámenes impreso

Yo proveo el enlace de descarga directa de la aplicación, después de realizar el pago a través de Google Drive

Se descargará un archivo que si tienes XAMPP instalado y extraes los scripts dentro de la carpeta htdocs, podrás habilitar la aplicación.

Descarga e instalación de las aplicaciones necesarias para el funcionamiento del sistema

Debes instalar las aplicaciones que había mencionado al principio XAMPP, Visual Studio Code, te recomiendo que estas aplicaciones las instales con todos los parámetros por defecto, para que las opciones sean iguales a las descritas en el presente tutorial.

PASO 1 ABRE XAMPP

Lo primero que debes hacer es abrir XAMPP desde la tecla Windows y luego XAMPP, posterior a esto te aparecerá una consola como la de la siguiente captura:

PASO 2 ACTIVA LOS SERVICIOS DE APACHE Y MYSQL

Debes activar el servicio de Apache y MySQL, para poder corre archivos con las extensión php y trabajar con un gestor de base de datos como phpmyadmin. En la captura anterior se muestra la consola de XAMPP con los servicios ya activados.

PASO 3 ACCEDE A LA UBICACIÓN DE LOS ARCHIVOS

C:\xampp\htdocs

PASO 4 Ubica la carpeta llamada generacion-examen-impreso dentro de htdocs

Debes descargar la aplicación y ponerla dentro de la carpeta htdocs

PASO 4 CONFIGURACIÓN DE LA BASE DE DATOS

Para la implementación de la base de datos en el gestor de phpmyadmin crea la base de datos con el nombre generacion-examen-impreso

Para la configuración debes acceder a la siguiente URL:

http://localhost/phpmyadmin/

Creas la base de datos con el nombre generacion-examen-impreso, pulsas en la opción que dice importar, buscas el archivo SQL que viene dentro de la carpeta que te proveeo dentro de la carpeta llamada database

PASO 8 CONSIDERACIONES IMPORTANTES

Debes editar el archivo initialize.php la línea de la URL, debes ponerla tal como va a quedar en tu localhost, también si vas a subir la aplicación a Internet en este archivo debes cambiar el nombre de la base de datos, ponerle su respectiva contraseña y el usuario de la base de datos, ya que los parámetros que están definidos por defecto son los de XAMPP.

PASO 9 ACCEDE A LA URL DE LA APLICACIÓN

Ya para este punto la aplicación estará lista para su uso en la siguiente URL:

http://localhost/generacion-examen-impreso/index.php

Dudas sobre la aplicación

Cualquier duda que llegues a tener sobre la aplicación me puedes contactar directamente a mi enlace de Whatsapp

https://configuroweb.com/WhatsappMessenger

Etiquetado: / /

Sistema de Gestión de Odontologías

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Gestión de Odontologías

Este robusto Sistema de Gestión de Odontologías tiene la facultad de controlar diferentes aspectos de una empresa odontológica.

Factores como la gestión de Factura, de Pacientes, Medicamentos, Fabricantes, Compra, Existencias, Devolución, Informes, Cuentas, Bancos, gestión de Impuestos, Recursos Humanos, Proveedores, Servicios, entre otros, están entre las posibilidades que ofrece la aplicación.

Video Explicativo

Funcionalidad de Odontograma

Una de las mayores funcionalidades que ofrece el Sistema de Gestión de Odontologías es el Odontograma, esta funcionalidad registra de manera efectiva y gráfica el estado de la dentadura de un paciente, a continuación se explica con más claridad la definición de odontograma.

Qué es el odontograma?

Un odontograma es una representación visual de la dentadura completa de un paciente. Este diagrama muestra cada diente utilizando un sistema de identificación estandarizado internacionalmente, que puede consistir en números, letras mayúsculas o combinaciones numéricas.

En este esquema se registran diversos aspectos de la salud bucal, incluyendo la presencia de caries, restauraciones dentales como empastes, así como tratamientos más complejos como coronas, puentes e implantes. Además, el odontograma permite documentar observaciones sobre la posición de los dientes y el estado general de la dentadura y las encías del paciente.

Vista de Odontograma Sistema de Odontología en PHP y MySQL

Vista de Odontograma Sistema de Odontología en PHP y MySQL

Dashboard del Sistema de Gestión de Odontologías

Dashboard del Sistema de Gestión de Odontologías

Al acceder al sistema, aparece una dashboard, que resume efectivamente las principales funcionalidades que ofrece el sistema de gestión de odontológicas, se puede sencillamente realizas las siguientes funciones:

  • Crear nueva factura de Punto de Venta
  • Crear nueva factura
  • Agregar medicina
  • Agregar cliente
  • Reporte de ventas
  • Informe de compra
  • Informe de stock
  • Informe de hoy

Crear nueva factura de Punto de Venta

El sistema soporta la opción de implementar un punto de venta y por lo tanto es perfectamente posible controlar el proceso de venta de productos y de generación de facturas, como se puede ver en la captura a continuación:

Demo del Sistema de Gestión de Odontologías

Con el fin de que la experiencia con la aplicación sea lo más práctica posible, prefiero en vez ir mostrando funcionalidad por funcionalidad en un texto excesivamente extenso, mostrar un demo funcional donde puedas hacer las pruebas correspondientes.

Entonces en el enlace a continuación puedes acceder, para hacer las pruebas correspondientes:

https://fepapp.com/apps/odon/Admin_dashboard/login

Demo de Pruebas sobre el odontograma

Para probar el odontograma debes ingresar al módulo de Paciente y luego Administrar Paciente, ya en el apartado de administrar paciente, en el botón de Acción, pulsas donde dice Odontograma y de esta manera llegar a esta funcionalidad.

A continuación te muestro la url directa, te puede funcionar unicamente después de acceder con usuario y contraseña:

https://fepapp.com/apps/odon/Codontogram/odontograma_form/1

Credenciales del Sistema de Gestión de Odontológicas

Usuario: hola@configuroweb.com, contraseña: 1234abcd..

Costo del Sistema de Tienda Whatsapp con Inteligencia Artificial

La aplicación tiene un costo de 100USD. El pago de la aplicación lo puedes hacer por medio de los canales a continuación:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 100 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

Otros medios de pago

Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.

Pago por Nequi

Enlace PSE UALA en pesos colombianos

Enlace PSE UALA Colombia

Contáctame cualquier duda

Cualquier duda que llegues a tener favor comunícate directamente conmigo por medio del siguiente enlace:

https://configuroweb.com/WhatsappMessenger

Etiquetado: / /

Sistema de Suscripción por Correo Electrónico en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Suscripción por Correo Electrónico en PHP y MySQL

En la era digital actual, mantener una comunicación efectiva con tu audiencia es crucial para el éxito de cualquier negocio o proyecto en línea. Un **Sistema de Suscripción por Correo Electrónico** es una herramienta poderosa para lograr este objetivo. En este artículo, te guiaré paso a paso en la creación de un sistema de suscripción utilizando PHP y MySQL, dos tecnologías ampliamente utilizadas en el desarrollo web.

Video Explicativo

Suscripción por Correo Electrónico en PHP

Repositorio del Sistema de Suscripción Vía Correo


https://github.com/configuroweb/suscripcion-correo
0 forks.
1 stars.
0 open issues.

Recent commits:

Sistema de Suscripción por Correo Electrónico en PHP y MySQL

¿Por qué implementar un Sistema de Suscripción por Correo Electrónico?

Antes de sumergirnos en los detalles técnicos, es importante entender los beneficios de implementar un sistema de marketing por correo electrónico

1. **Engagement directo**: Te permite comunicarte directamente con tu audiencia interesada.

2. **Construcción de relaciones**: Ayuda a fomentar la confianza y lealtad de tus suscriptores.

3. **Tráfico web**: Puede impulsar el tráfico a tu sitio web a través de newsletters y actualizaciones.

4. **Conversiones**: Los suscriptores de correo electrónico tienen más probabilidades de convertirse en clientes.

Configuración del Entorno de Desarrollo

Para comenzar, necesitarás configurar un entorno de desarrollo local. Recomendamos utilizar XAMPP, una solución todo en uno que incluye Apache, MySQL, PHP y más.

1. Descarga XAMPP e instálalo en tu sistema.

2. Inicia los módulos Apache y MySQL desde el panel de control de XAMPP.

3. Crea una nueva carpeta para tu proyecto en el directorio `htdocs` de XAMPP.

Estructura del Proyecto

Nuestro sistema de suscripción constará de los siguientes archivos principales:

1. `index.html`: El formulario de suscripción.

2. `send-message.php`: Script para procesar la suscripción y enviar el correo de confirmación.

3. Carpeta `phpmailer`: Librería para el envío de correos electrónicos.

Creando el Formulario de Suscripción

    <div class="main">
        <div class="subscriber-container">
            <img src="https://cdn-icons-png.flaticon.com/512/481/481659.png" alt="">
            <form id="subscribeForm">
                <h1>¡Conviértete en nuestro suscriptor!</h1>
                <label for="email">Suscríbete a nuestro boletín para mantenerte actualizado con nuestras últimas noticias y eventos.</label>
                <div class="form-group">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <div class="input-group-text">@</div>
                        </div>
                        <input type="email" class="form-control" id="email" name="email" placeholder="Tu Email" required>
                    </div>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-dark form-control">Suscribirse -></button>
                </div>
            </form>
            <div class="thankyou-page">
                <h1>¡Gracias por suscribirte!</h1>
                <p>Estamos emocionados de compartir nuestras últimas noticias y eventos contigo. ¡Mantente atento!</p>
                <button class="btn btn-dark form-control" onclick="location.reload();"><- Volver</button>
            </div>
        </div>
    </div>

Este formulario utiliza Bootstrap para un diseño responsivo y atractivo, y jQuery para manejar la submisión del formulario de manera asíncrona.

Procesando la Suscripción

El archivo `send-message.php` manejará la lógica de procesamiento de la suscripción y el envío del correo electrónico de confirmación:

<?php

use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

// archivos requeridos
require 'phpmailer/src/Exception.php';
require 'phpmailer/src/PHPMailer.php';
require 'phpmailer/src/SMTP.php';

if (isset($_POST["email"])) {

    $mail = new PHPMailer(true);

    $email = $_POST["email"];

    try {

        // Configuración del servidor
        $mail->isSMTP();
        $mail->Host       = 'tu host';
        $mail->SMTPAuth   = true;
        $mail->Username   = 'tu correo';
        $mail->Password   = 'tu contraseña';
        $mail->SMTPSecure = 'ssl';
        $mail->Port       = 465;
        $mail->CharSet = 'UTF-8';

        // Destinatarios
        $mail->setFrom('localhost@demoscweb.com', 'ConfiguroWeb');
        $mail->addAddress($_POST["email"]);
        $mail->addReplyTo('localhost@demoscweb.com', 'ConfiguroWeb');

        // Contenido
        $mail->isHTML(true);
        $mail->Subject = '¡Bienvenido a ConfiguroWeb!';

        // Cuerpo del correo en HTML enriquecido
        $mail->Body = "
        <!DOCTYPE html>
        <html lang='es'>
        <head>
            <meta charset='UTF-8'>
            <meta name='viewport' content='width=device-width, initial-scale=1.0'>
            <title>Bienvenido a ConfiguroWeb</title>
            <style>
                body {
                    font-family: Arial, sans-serif;
                    line-height: 1.6;
                    color: #333;
                }
                .container {
                    max-width: 600px;
                    margin: 0 auto;
                    padding: 20px;
                    background-color: #f9f9f9;
                }
                .header {
                    background-color: #4CAF50;
                    color: white;
                    text-align: center;
                    padding: 20px;
                }
                .content {
                    background-color: white;
                    padding: 20px;
                    border-radius: 5px;
                }
                .button {
                    display: inline-block;
                    background-color: #4CAF50;
                    color: white;
                    padding: 10px 20px;
                    text-decoration: none;
                    border-radius: 5px;
                }
                .footer {
                    text-align: center;
                    margin-top: 20px;
                    font-size: 0.8em;
                    color: #666;
                }
            </style>
        </head>
        <body>
            <div class='container'>
                <div class='header'>
                    <h1>¡Bienvenido a ConfiguroWeb!</h1>
                </div>
                <div class='content'>
                    <p>Estimado Suscriptor,</p>
                    <p>¡Estamos encantados de darte la bienvenida a nuestro boletín! Tu decisión de unirte a nuestra comunidad nos llena de alegría.</p>
                    <p>Con ConfiguroWeb, te esperan:</p>
                    <ul>
                        <li>Actualizaciones emocionantes sobre tecnología web</li>
                        <li>Ofertas exclusivas en nuestros cursos y servicios</li>
                        <li>Contenido valioso para impulsar tu carrera en desarrollo web</li>
                    </ul>
                    <p>No dudes en contactarnos si tienes alguna pregunta o sugerencia. Estamos aquí para ayudarte en tu viaje de aprendizaje.</p>
                    <p>
                        <a href='https://configuroweb.com/' class='button'>Visita Nuestro Sitio</a>
                    </p>
                    <p>¡Gracias por unirte a nosotros!</p>
                    <p>Saludos cordiales,<br>Mauricio Sevilla<br>Fundador de ConfiguroWeb</p>
                </div>
                <div class='footer'>
                    © 2023 ConfiguroWeb. Todos los derechos reservados.
                </div>
            </div>
        </body>
        </html>
        ";

        $mail->send();
        echo "
            <script>
            alert('El mensaje se envió con éxito. ¡Gracias por contactarnos!');
            document.location.href = 'index.php';
            </script>
        ";
    } catch (Exception $e) {
        echo "No se pudo enviar el mensaje. Error del mailer: {$mail->ErrorInfo}";
    }
}

Este script utiliza PHPMailer, una librería popular para el envío de correos electrónicos en PHP. Asegúrate de tener la carpeta `phpmailer` en tu directorio de proyecto.

Seguridad y Mejores Prácticas

Al implementar tu sistema de suscripción, considera las siguientes prácticas de seguridad:

1. Validación de entrada: Siempre valida y sanitiza las entradas del usuario para prevenir ataques XSS y de inyección SQL.

2. HTTPS: Utiliza HTTPS para proteger los datos de tus usuarios durante la transmisión.

3. Captcha: Implementa un sistema de captcha para prevenir suscripciones automatizadas.

4. Doble opt-in: Considera implementar un proceso de doble opt-in para confirmar las suscripciones.

Almacenamiento de Suscriptores en MySQL

Aunque no lo hemos cubierto en este ejemplo básico, es crucial almacenar los correos electrónicos de tus suscriptores en una base de datos MySQL para futuras comunicaciones. Puedes aprender más sobre MySQL aquí.

Conclusión

Crear un Sistema de Suscripción por Correo Electrónico en PHP y MySQL es un paso importante para construir y mantener una audiencia comprometida.

Este sistema te permite recopilar correos electrónicos de manera efectiva y enviar confirmaciones automáticas, sentando las bases para futuras campañas de email marketing.

Recuerda que este es solo el comienzo. Puedes expandir este sistema para incluir funcionalidades como:

– Personalización de correos electrónicos

– Segmentación de listas de suscriptores

– Análisis de tasas de apertura y clics

– Automatización de campañas de correo electrónico

Para más información sobre desarrollo web y marketing digital, no dudes en explorar otros artículos en nuestro blog de ConfiguroWeb. ¿Tienes preguntas sobre cómo implementar este sistema o quieres compartir tu experiencia? ¡Escríbenos directamente a nuestro Whatsapp!

configuroweb.com
×
Hola de Nuevo
Powered by iurny
Abrir chat
¿Qué te interesa?
Selecciona los temas de interés sobre
los que deseas recibir noticias:
    A partir de ahora recibirás notificaciones de nuestro sitio web basadas en dicha selección, según tus gustos e intereses.