Autor: ConfiguroWeb

Fundador de ConfiguroWeb, Experto en Desarrollo Web, en tecnologías como PHP, MySQL, Javascript antes consultor en Marketing Digital, Social Media, SEO, Bloguero de Vocación con más de 10 años de experiencia y un historial de más de 300 clientes satisfechos en Europa y América.

Sistema de Espera en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Espera en PHP y MySQL

Este Sistema de Espera en PHP y MySQL es fácil de implementar en cualquier negocio y mostrar en pantalla en que va el turno, es fácil de parametrizar el número de cajas con las que se pueden trabajar, el sistema por su sencillez no guarda un registro de los clientes que pasan por los turnos, lo que hace es permitir organiza las diferentes colas que puede tener cualquier sistema de atención a clientes.

Esta aplicación se puede instalar en un servidor local y funcionar en una red privada, para que todos los ordenadores que se requieran por caja y para muestra de los usuarios que hacen las colas puedan conectarse a la aplicación y recibir la información en tiempo real.

El software utiliza principalmente una librería Javascript de Web Socket, que es la que permite actualizar las pantallas sin necesidad de actualizar manualmente, para más información sobre Web puedes acceder al siguiente enlace:

https://socket.io/

La instalación de la librería en el proyecto se va a realizar por medio de composer, un manejador de paquetes para PHP que proporciona un estándar para administrar, descargar e instalar dependencias y librerías. Para más información sobre composer puedes acceder al siguiente enlace:

https://getcomposer.org/

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 30 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 30 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

En el vídeo a contiunación se muestra, el funcionamiento y aprovisionamiento de la aplicación.

Sistema de Espera en PHP y MySQL

Aprovisionamiento del Sistema de Espera en PHP y MySQL

Para poner a punto la aplicación debes descargarla del enlace que te comparto posterior a la compra, esta aplicación funciona con diferentes servidores por cola de espera y un servidor principal donde se muestran las pantallas de los operadores y de los usuarios finales.

Instalación de Composer

Con este manejador de paquetes se va a instalar la librería javascript de web socket que es la que permite actualizar el número de los turnos sin recargar las pantallas de las vistas.

Previo al proceso de instalación de Composer, se recomienda, la instalación de un servidor apache como XAMPP o WAMPP Server y un editor de código como Visual Studio Code

Previo a la instalación de Composer debes acceder a la carpeta del proyecto desde consola del terminal, puedes utilizar la por defecto de Windows, o la terminal de Visual Studio Code.

Ya cuando estes en la carpeta del proyecto desde consola solo debes utilizar el siguiente comando

curl -s https://getcomposer.org/installer | php

Posterior a la utilización de este comando, puedes confirmar la instalación de composer con el siguiente comando:

composer --version

Para instalar la librería de WebSocket por medio de composer, desde consola puedes utilizar el siguiente comando:

composer require cboden/ratchet

El sistema por defecto, está configurado con el puerto 3000, cada vez que crees una nueva caja, debes crear otra carpeta con el proyecto habilitando otro puerto.

Por ultimo para activar el servidor de la cola, desbes utilizar el siguiente comando:

php 1-server.php

La consola mostrará un mensaje de que el servidor está activado y este a través de consola estará mostrando los cambios que se realicen.

Activación del Servidor Local para las Vistas del Sistema de Espera en PHP y MySQL

Posterior a la activación del servidor, se debe activar el servidor Apache desde XAMPP o Wamp Server y abrir el proyecto desde la carpeta htdocs, para activar aplicaciones desde un servidor local, puedes ver más información en la publicación a continuación, si tienes cualquier duda adicional:

Como instalar aplicaciones PHP en un servidor local
Como instalar aplicaciones PHP en un servidor local

Cualquier duda adicional, quedo al pendiente.

Etiquetado: / /

Sistema de Reparación y Servicios en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Reparación y Servicios en PHP y MySQL

Este Sistema de Reparación y Servicios en PHP y MySQL permite sencillamente a cualquier empresa gestionar sus servicios ya sea de reparacion o de cualquier otro rubro, esta aplicación fácilmente podría ser adaptada para cualquier empresa donde el cliente solicite un servicio como las peluquerías, las estéticas o cualquier empresa de reparación ya sea electrónica de dispositivos como smartphones o de arreglos logísticos como fontanería entre otros.

Esta aplicación le permite al cliente, sin necesidad de ningún registro, solicitar su servicio específico de los publicados, para que luego un usuario con acceso administrativo o de perfil staff pueda confirmar la validez de la solicitud y agendar un servicio con el cliente.

En el software el ususario también puede dejar una consulta para que sea resuelta después por medio de una llamada o un correo a la información de contacto que haya dejado dentro de la aplicación.

Video Explicativo

Sistema de Reparación y Servicios en PHP y MySQL

Nota importante

La aplicación tiene un coste de 15 USD, no es gratuita, el código de la aplicación se encuentra en colgado en GitHub, sin embargo para su implementación requerirás la base de datos que es la que te proveo a cambio de un importe por PayPal.

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

Tengo más de 80 aplicaciones totalmente gratuitas también disponibles y un grupo de aplicaciones premium a precios muy económicos.

Demo del Sistema de Sistema de Reparación y Servicios en PHP y MySQL

En el siguiente enlace puedes acceder al Sistema de Reparación y Servicios en PHP y MySQL para que realices las pruebas correspondientes:

https://demoscweb.com/reparar-servicio/admin/login.php

Las credenciales de acceso del usuario de tipo Administrativo son las siguientes:

  • Usuario: configuroweb
  • Contraseña: 1234abcd..

La página que verá el cliente final es la siguiente:

https://demoscweb.com/reparar-servicio/index.php

Contáctame

Si tienes alguna duda, me puedes contactar directamente a mi Whatsapp en el siguiente enlace:

https://configuroweb.com/WhatsappMessenger

Puesta a punto de la aplicación en un Servidor Local

Para realizar el proceso de la puesta a punto del Sistema de Inventario Avanzado en PHP y MySQL es necesario que descargues he instales con todos los parámetros por defecto las siguientes aplicaciones:

XAMPP, Git, Visual Studio Code.

Hablo con mucho más detalle sobre este proceso en una publicación específica, donde explico como instalar aplicaciones PHP en un servidor local

Descarga del proyecto de GitHub

El proyecto se encuentra alojado en el siguiente enlace:


https://github.com/configuroweb/reparar-servicio
0 forks.
0 stars.
0 open issues.

Recent commits:

Sistema de Reparación y Servicios en PHP y MySQL

Posterior a la descarga he instalación de las aplicaciones solicitadas anteriormente, desde Visual Studio Code, te vas a la siguiente ubicación:

C:\xampp\htdocs

Ya en esta carpeta, dentro de Visual Studio Code, pulsas la opción View y luego Terminal, y en la ventana que te aparece en la parte inferior, escribes el siguiente código y presionas Enter:

git clone https://github.com/configuroweb/reparar-servicio.git

Dentro de la carpeta htdocs se creará una nueva carpeta llamada reparar-servicio y allí quedará el proyecto ya ingresado, lo que queda es, desde Visual Studio Code, acceder a esta carpeta desde la opción de Open Folder y acceder a reparar-servicio, de esta manera tendrás los archivos de la aplicación para modificarlos a voluntad.

Creación he Importación de la base de datos del Sistema de Reparación y Servicios en PHP y MySQL

En este punto te queda abrir XAMPP, elegir un idioma entre inglés y alemán, y activar los servicios de Apache, el servidor PHP y MySQL el gestor de la base de datos.

Después de activar estos servicios, debes acceder a la siguiente URL:

http://localhost/phpmyadmin/index.php

Creas una base de datos con el nombre reparar-servicio he importas el archivo que te proveo con el pago llamado reparar-servicio.sql

Apenas realices este proceso ya la aplicación quedará operativa en el siguiente enlace:

http://localhost/reparar-servicio/index.php

Consideraciones importantes al subir el Sistema de Reparación y Servicios en PHP y MySQL a un hosting en Internet

El archivo a modificar con las credenciales de la base de datos se llama initialize.php y en la línea 3 de este archivo se debe poner como quedará la URL del software, sino, no funcionará, ejemplo, en mi hosting demoscweb.com, yo subí el proyecto a una carpeta llamada reparar-servicio, la URL que puse en initialize.php fue, https://demoscweb.com/reparar-servicio/ para que funcionara el software.

Si tienes dudas adicionales sobre el proceso puedes ver el siguiente tutorial donde explico como lograr subir una aplicaciòn PHP a un hosting:

Subir pagina con PHP + Base de datos (MYSQL) a un Hosting

Quedo al pendiente de cualquier consulta.

Etiquetado: / /

Sistema de Restaurante Versión 2 ConfiguroWeb en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Restaurante Versión 2 ConfiguroWeb en PHP y MySQL

Video Explicativo

Sistema de Restaurante Versión 2

Este Sistema de Restaurante Versión 2, es una versión mejorada de una aplicación que ya he publicado previamente y puedes ver en el siguiente enlace:

Sistema de Restaurante en PHP y MySQL

Esta publicación a la que hago referencia en primera instancia es la versión 1, del software, es un sistema de restaurante que abarca la mayoría de los procesos de un restaurante, un punto de venta, donde se toman los pedidos, un sistema de cocina donde llegan los pedidos, un apartado para meseros, entre otros.

En este Sistema de Restaurante Versión 2 ConfiguroWeb en PHP y MySQL, tiene como mejoras principales, la implementación de mesas, se pueden crear las mesas que requieras, volver a hacer nuevos pedidos sobre la misma cuenta de la mesa y hacer el pago al final, un comportamiento más acorde al funcionamiento real de un restaurante.

Demo Sistema de Restaurante Versión 2 ConfiguroWeb en PHP y MySQL

En el siguiente enlace puedes acceder al demo que se ha dispuesto para que hagas las validaciones correspondientes del sistema

https://demoscweb.com/restaurante-mejorado/admin/login.php

Credenciales de acceso del Sistema de Restaurante ConfiguroWeb Versión 2

Las credenciales de acceso de usuario administrativo son las siguientes:

Usuario Administrativo: configuroweb Contraseña: 1234abcd..

Usuario de Cocina: jcocinero Contraseña: 1234abcd..

Usuario Mesero: jmesero Contraseña: 1234abcd..

Pago del Sistema de Restaurante ConfiguroWeb Versión 2

Esta aplicación es de pago, tiene un costo de 50 USD, si te interesa una opción más económica puedes ingresar a la versión 1 de este sitema que tiene un costo de 15 USD, también tengo una opción gratuita de restaurante que puedes encontrar en mi apartado gratuito.

Enlace de Pago

Donación Vía PayPal

Pago por Binance

También me puedes hacer el pago de los 50 USD por medio de Binance con USDT en el siguiente código QR:

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

Enlace PSE UALA Colombia

Contáctame

Si tienes cualquier duda sobre el software, si te interesa hacer modificaciones sobre el software me puedes contactar directamente a mi Whatsapp en el siguiente enlace, quedo al pendiente de cualquier cosa:

https://configuroweb.com/WhatsappMessenger

Etiquetado: / /

Sistema ChatGPT con nodejs

por ConfiguroWebDesarrolloDeja un comentario en Sistema ChatGPT con nodejs

En el presente tutorial implementaremos a nivel local un Sistema ChatGPT en nodejs, no conectaremos a la API de ChatGPT desarrollada por OpenAI, a través de consola podremos formularle preguntas directamente a ChatGPT y desde consola directamente recibiremos respuesta.

Puedes descargar directamente el código de la aplicación en el siguiente enlace:


https://github.com/configuroweb/chatgpt-nodejs
0 forks.
1 stars.
0 open issues.

Recent commits:

Sistema ChatGPT en nodejs

Registo de Usuario con OpenAI

OpenAI es la empresa más conocida del mundo en Inteligencia Artificial y con ChatGPT ha revolucionado la tecnología en un antes y después, para tener el API de ChatGPT y empezar el proceso debes darte de alta en el siguiente enlace:

https://chat.openai.com/auth/login

Posterior a esto puedes generar un nuevo Token de acceso al API en el siguiente enlace:

https://platform.openai.com/account/api-keys

Puesta a punto del Sistema ChatGPT con nodejs en un servidor Local

Esta aplicación puede funcionar en cualquier servidor que pueda ejecutar nodejs, incluso si es un hosting compartido con una consola de acceso ssh sin embargo en el presente tutorial solo lo vamos a instalar a nivel local y la aplicación quedará funcional desde el terminal, que para el ejemplo es GitBash desde Visual Studio Code.

Instalación de aplicaciones necesarias para el aprovisionamiento del Sistema ChatGPT con nodejs

Instalación de Visual Studio Code

El editor de código que recomiendo para llevar a cabo el proceso es Visual Studio Code, ya que permite trabajar desde la terminal directamente y editar el código al mismo tiempo.

El siguiente es el enlace de descarga de Visual Studio Code:

https://code.visualstudio.com/

Instalación de node.js

Se debe instalar node.js para poder instalar un servidor local que interactue con la API de ChatGPT, te recomiendo instalar node.js incluso si ya lo tienes instalado, para que lo actualices a la versión homologada más cercana, en el siguiente enlace puedes descargar node.js:

https://nodejs.org/es

Instalación de Git

Git es un gestor de repositorios que en Windows instala Git Bash que va a ser la consola con la que vamos a trabajar, la única recomendación adicional es añadir Git a la PATH de Windows, esta opción sale disponible en el proceso de instalación. En el siguiente enlace puedes descargar Git

https://git-scm.com/downloads

Instalación de las dependencias

Desde consola en Visual Studio Code, creas la carpeta del proyecto donde vas a instalar el sistema, después pulsas en ver, luego en terminal, eliges la opción de Git Bash y desde ahí en adelante empieza la lista de comandos. con el sigiente comando incializas node para instalar sus dependencias:

npm init -y

Dentro de la carpeta de tu proyecto se creará un documento llamado package.json este documento organiza las depedencias de tu proyecto.

Creación del archivo .env

En adición creas un archivo .env, en este archivo se va a guardar la llave del API de ChatGPT3, luego con una librería llamada dotenv aplicaremos la lógica para acceder de manera segura a la API KEY.

dotenv sirve para cargar variables de entorno en un documento de extensión .env a process.env. El paquete dotenv permite mantener las claves de API, contraseñas o cualquier variable confidencial fuera de tu código.

Dentro del archivo .env pongo lo siguiente y en vez de donde dice tu api key, ponemos la llave del API que nos provee OpenAI

API_KEY=tu api key

Para crear la dependencia dotenv desde consola ejecuto el siguiente comando:

npm i dotenv openai
Creación del documento script.js

En este documento es donde estará la lógica del software, será el archivo al que hacé referencia cuando cree el comando cweb en el apartado scripts del packaje.json

A continuación se muestra el archivo script.js

// lee la llave de la API desde el archivo .env
// y crea una instancia de la API de OpenAI
import { config } from "dotenv"
// importa la configuración de dotenv
config()

// importa la clase OpenAIApi y Configuration 
import { Configuration, OpenAIApi } from "openai"
// importa la clase readline para leer la entrada del usuario en consola
import readline from "readline"
// crea una instancia de la API de OpenAI
const openai = new OpenAIApi(new Configuration({ apiKey: process.env.API_KEY }))

// crea una interfaz para leer la entrada del usuario
const userInterface = readline.createInterface({
    input: process.stdin,
    output: process.stdout
})
// muestra un mensaje de bienvenida
userInterface.prompt()
// lee la entrada del usuario y la envía a la API de OpenAI
userInterface.on("line", async input => {
    const res = await openai.createChatCompletion({    
    model: "gpt-3.5-turbo",
    messages:[{role:"user", content: input }],
})
// muestra la respuesta de la API de OpenAI
console.log(res.data.choices[0].message.content)
userInterface.prompt()
})

El siguiente es el archivo package.json se debe modificar el parámetro type por la opción module, el archivo quedaría de la siguiente forma:

{
  "name": "chatgpt-nodejs",
  "version": "1.0.0",
  "description": "",
  "type":"module",
  "main": "index.js",
  "scripts": {
    "cweb": "node script.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "dotenv": "^16.0.3",
    "openai": "^3.2.1"
  }
}
Archivos ChatGPT con nodejs

Así se ven los archivos de tu proyecto, si realizas el paso a paso tal como este tutorial

Cualquier duda que tengas en el proceso te puedes contactar conmigo, te puedo ayudar con cualquier desarrollo a medida que requieras, igual te recomiendo que recorras mi blog, tanto en mis aplicaciones gratuitas, aplicaciones de pago o mis tutoriales, mayormente de PHP, Node.js, Python.

Etiquetado: / /

Sistema en ChatGPT en PHP ConfiguroWeb

por ConfiguroWebDesarrolloDeja un comentario en Sistema en ChatGPT en PHP ConfiguroWeb

Este sistema permite interactuar con chatGPT fácilmente solamente descargas el código que tengo de libre descarga en mi perfil de GitHub en el siguiente enlace:


https://github.com/configuroweb/chat-gpt
3 forks.
0 stars.
0 open issues.

Recent commits:

Sistema en ChatGPT en PHP

Video Explicativo

Sistema en ChatGPT en PHP

Para utilizar localmente ChatGPT requieres ingresar a la página oficial de OpenAI en el siguiente enlace:

https://openai.com/

Te debes dar de alta en el siguiente apartado

https://chat.openai.com/auth/login

Posterior al alta ya estás en la facultad de crear API Keys, de ChatGPT, solo debes acceder al siguiente enlace y podrás crear tu propia llave para ingresarla en el sistema:

https://platform.openai.com/account/api-keys

Después de crear tu API Key, solo debes ingresar al sistema en el documento mibot.php en la línea 9 reemplazas las credenciales que aparecen entre comillas en la variable $OPENAI_API_KEY y con eso ya todo estaría listo.

Puesta a punto del Sistema en ChatGPT en PHP en un servidor local

Como la aplicación está en PHP necesitarás un servidor Apache que te permita ejecutar código PHP, para esto puedes instalar una distribución de software libre como XAMPP o WampServer, yo normalmente utilizo XAMPP, la ventaja que podría significar utilizar WampServer sobre XAMPP es que WampServer puede trabajar con arquitecturas de 32 bits y versiones previas de PHP.

Descarga de XAMPP

En el siguiente enlace puedes descargar XAMPP directamente de su página oficial

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

La recomendación es que descargues e instales XAMPP con todos los parámetros por defecto, con esto te será más fácil seguir el paso a paso de las indicaciones del presente tutoriial.

Descarga de GIT

Git es el sistema control de revisiones de código abierto más popular del mundo, con Git vamos a descargar el código de este Sistema en ChatGPT en PHP, la descarga de la aplicación la puedes hacer directamente desde GitHub pulsando en el botón verde que dice Code y luego Download ZIP. Si deseas realizar la descarga directa puedes hacerla desde el siguiente enlace:

https://github.com/configuroweb/chat-gpt/archive/refs/heads/master.zip

Para realizar la descarga desde GIT debes acceder al siguiente enlace:

https://git-scm.com/

Descargar e instalar con todos los parámetros por defecto, te recomiendo que en adición incluyas GIT en la PATH de Windows, ya que esto te permitirá ejecutar comandos GIT en la consola desde cualquier ubicación en la que te encuentres, esta opción te aparece disponible en el proceso de instalación de GIT.

Descarga de Visual Studio Code

Visual Studio Code es mi editor de código preferido y a su vez es el editor de código más popular del mundo, con Visual Studio Code, podrás realizar las tareas de implementación que llegues a necesitar, en enlace de descarga directa es el siguiente:

https://code.visualstudio.com/

Más aplicaciones en PHP MySQL Nodejs y Python

Además de este sistema en ChatGPT en PHP en este blog cuento con más de 80 aplicaciones gratuitas de libre distribución y más de 50 aplicaciones premium que muy seguramente podrás encontrar de gran utilidad.

Puesta a Punto de la aplicación en ChatGPT en PHP con XAMPP

Posterior a la descarga he instalación de las aplicaciones solicitadas anteriormente, desde Visual Studio Code, te vas a la siguiente ubicación:

C:\xampp\htdocs

Ya en esta carpeta, dentro de Visual Studio Code, pulsas la opción View y luego Terminal, y en la ventana que te aparece en la parte inferior, escribes el siguiente código y presionas Enter:

git clone https://github.com/configuroweb/chat-gpt.git

Dentro de la carpeta htdocs se creará una nueva carpeta llamada chat-gpt y allí quedará el proyecto ya ingresado, lo que queda es, desde Visual Studio Code, acceder a esta carpeta desde la opción de Open Folder y acceder a chat-gpt, de esta manera tendrás los archivos de la aplicación para modificarlos a voluntad.

Consideraciones finales del Sistema en ChatGPT en PHP

La versión gratuita de la API Key de ChatGPT es limitada, así que si subes la aplicación a un hosting después de ciertas interacciones el software no funcionará más, puedes utilizar una versión de pago que tendrá más ventajas, para esto te recomiendo que leas la documentación de ChatGPT en el siguiente enlace:

https://platform.openai.com/docs/guides/chat

Quedo al pendiente de cualquier duda.

Etiquetado: /

Sistema de Inventario Avanzado en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Inventario Avanzado en PHP y MySQL

Este Sistema de Inventario Avanzado en PHP y MySQL permite gestionar los procesos de Inventario de cualquier empresa, incluyendo la devolución de productos, se gesionan efectivamente las existencias de producto, la gestión de proveedores, productos, prellenado de clientes transeuntes, los descuentos en las ventas, los impuestos entre otros.

El software tiene un apartado de compras, que está relacionado directamente con las existencias de producto, del mismo modo en la gestión de devolución con estados, desde pendiente o recibido, el estado pendiente no incide en las existencias, pero en el estado de recibido ya modifica las existencias disponibles.

Esta aplicación tiene en cuenta la devolución de artículos y su implicancia directa en las existencias de producto.

Video Explicativo

Sistema de Inventario Avanzado en PHP y MySQL

Nota importante

La aplicación tiene un coste de 15 USD, no es gratuita, el código de la aplicación se encuentra en colgado en GitHub, sin embargo para su implementación requerirás la base de datos que es la que te proveo a cambio de un importe por PayPal.

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

Tengo más de 60 aplicaciones totalmente gratuitas también disponibles y un grupo de aplicaciones premium a precios muy económicos.

Demo del Sistema de Inventario Avanzado en PHP y MySQL

En el siguiente enlace puedes acceder al Sistema de Inventario Avanzado en PHP y MySQL para que realices las pruebas correspondientes:

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

Las credenciales de acceso del usuario de tipo Administrativo son las siguientes:

  • Usuario: configuroweb
  • Contraseña: 1234abcd..

Contáctame

Si tienes alguna duda, me puedes contactar directamente a mi Whatsapp en el siguiente enlace:

https://configuroweb.com/WhatsappMessenger

Puesta a punto de la aplicación en un Servidor Local

Para realizar el proceso de la puesta a punto del Sistema de Inventario Avanzado en PHP y MySQL es necesario que descargues he instales con todos los parámetros por defecto las siguientes aplicaciones:

XAMPP, Git, Visual Studio Code.

Hablo con mucho más detalle sobre este proceso en una publicación específica, donde explico como instalar aplicaciones PHP en un servidor local

Descarga del proyecto de GitHub

El proyecto se encuentra alojado en el siguiente enlace:


https://github.com/configuroweb/inventario-avanzado
1 forks.
0 stars.
0 open issues.

Recent commits:

Sistema de Inventario Avanzado en PHP y MySQL

Posterior a la descarga he instalación de las aplicaciones solicitadas anteriormente, desde Visual Studio Code, te vas a la siguiente ubicación:

C:\xampp\htdocs

Ya en esta carpeta, dentro de Visual Studio Code, pulsas la opción View y luego Terminal, y en la ventana que te aparece en la parte inferior, escribes el siguiente código y presionas Enter:

git clone https://github.com/configuroweb/inventario-avanzado.git

Dentro de la carpeta htdocs se creará una nueva carpeta llamada inventario-avanzado y allí quedará el proyecto ya ingresado, lo que queda es, desde Visual Studio Code, acceder a esta carpeta desde la opción de Open Folder y acceder a inventario-avanzado, de esta manera tendrás los archivos de la aplicación para modificarlos a voluntad.

Creación he Importación de la base de datos del Sistema de Inventario Avanzado en PHP y MySQL

En este punto te queda abrir XAMPP, elegir un idioma entre inglés y alemán, y activar los servicios de Apache, el servidor PHP y MySQL el gestor de la base de datos.

Después de activar estos servicios, debes acceder a la siguiente URL:

http://localhost/phpmyadmin/index.php

Creas una base de datos con el nombre inventario he importas el archivo que te proveo con el pago llamado inventario.sql

Apenas realices este proceso ya la aplicación quedará operativa en el siguiente enlace:

http://localhost/inventario-avanzado/index.php

Consideraciones importantes al subir el Sistema de Inventario Avanzado en PHP y MySQL a un hosting en Internet

El archivo a modificar con las credenciales de la base de datos se llama initialize.php y en la línea 3 de este archivo se debe poner como quedará la URL del software, sino, no funcionará, ejemplo, en mi hosting demoscweb.com, yo subí el proyecto a una carpeta llamada casos, la URL que puse en initialize.php fue, https://demoscweb.com/inventario/ para que funcionara el software.

Si tienes dudas adicionales sobre el proceso puedes ver el siguiente tutorial donde explico como lograr subir una aplicaciòn PHP a un hosting:

Subir pagina con PHP + Base de datos (MYSQL) a un Hosting

Quedo al pendiente de cualquier consulta.

Etiquetado: / /

Como centrar un div en html

por ConfiguroWebDesarrolloDeja un comentario en Como centrar un div en html

En el presente tutorial aprenderemos cuatro métodos con los que podremos centrar un div en html de una manera efectiva y sencilla, siempre podrás volver a esta publicación o guardar el código que comparto plenamente cada vez que requieras realizar el proceso.

En este blog constantemente genero publicaciones de desarrollo de aplicaciones web en php, en javascript, python, nodejs entre otros, cuando tengas tiempo te invito a pasar por mi segmento de aplicaciones gratuitas de libre distribución así como el segmento de mis aplicaciones de pago estás últimas cuentas con demo en línea donde puedes ver su funcionamiento en tiempo real.

Video Explicativo

Como centrar un div en html

Código al que se hace referencia en el vídeo Explicativo


https://github.com/configuroweb/tutorial-centrar-div
0 forks.
0 stars.
0 open issues.

Recent commits:

Código Tutorial Central un DIV

¿Qué es un div en html?

Una etiqueta div, es un contenedor, un agrupador con nada en específico, pero que tienen la posibilidad de unificiar elementos con un solo id o clase, con esto es posible aplicar estilos css o lógica javascript a voluntad.

Por este motivo para los desarrolladores frontend más que todo una consulta básica muy frecuente es el como centrar un div. Si quisieras convertirte en un desarrollador frontend totalmente gratis te recomiendo la siguiente hoja de ruta de Desarrolladores de Mozilla:

https://developer.mozilla.org/es/docs/Learn/Front-end_web_developer

Métodos más populares para centrar un div en html

Existen una gran cantidad de métodos posibles, sin embargo en esta publicación mostraré solo 4 que me parecen los más efectivos y que principalmente utilizan las siguientes propiedades CSS:

  • transform
  • margin
  • flex
  • grid

Método con la propiedad transform

La propiedad transform CSS permite rotar, escalar, sesgar y traducir un elemento. Modifica el espacio de coordenadas del modelo de formato visual CSS.

si requieres más información sobre esta propiedad puedes ingresar al siguiente enlace:

https://developer.mozilla.org/en-US/docs/Web/CSS/transform

Para aplicar los cambios en un documento html, solo basta con que al div con el que lo vas a enlazar estos cambios CSS, lo identifiques con la clase transform, la etiqueta sería la siguiente:

<div class="transform">div</div>

El código CSS con el que principalmente utilizamos la propiedad transform es el siguiente:

.transform{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -100%);
}

Método con la propiedad margin

La propiedad margin en CSS, es un margen es el espacio alrededor del borde de un elemento, que podría ser un DIV, mientras que el relleno es el espacio entre el borde de un elemento y el contenido del elemento. La propiedad margin controla el espacio fuera de un elemento. Si requieres más información sobre esta propiedad puedes ingresar al siguiente enlace:

https://developer.mozilla.org/es/docs/Web/CSS/margin

Para aplicar los cambios en un documento html, solo basta con que al div con el que lo vas a enlazar estos cambios CSS, lo identifiques con la clase margin, la etiqueta sería la siguiente:

<div class="margin">div</div>

El código CSS con el que principalmente utilizamos la propiedad margin es el siguiente:

.margin{
    position:absolute;
    top:50%;
    left:50%;
    margin:auto;
}

Método con la propiedad flex

Esta propiedad es de gran popularidad en el mundo frontend, basicamente porque es muy robusta, sencilla y útil para lograr ubicar los elementos en un documento HTML donde quieras.

La propiedad flex indica la capacidad de un elemento de moverse por el espacio disponible de manera intuitiva llenando espacio disponible dentro del DIV.

Si requieres más información sobre esta propiedad puedes ingresar al siguiente enlace:

https://www.w3schools.com/css/css3_flexbox.asp

Para aplicar los cambios en un documento html, solo basta con que al div con el que lo vas a enlazar estos cambios CSS, lo identifiques con la clase flex, la etiqueta sería la siguiente:

<div class="flex">div</div>

El código CSS con el que principalmente utilizamos la propiedad margin es el siguiente:

.flex {
    width:auto;    
    height: 100vh;
    display: flex;
    justify-content:center;
    align-items:center;
}

Método con la propiedad grid

CSS Grid Layout es una propiedad que permite dividir un documento HTML en diferentes secciones, así como definir su relación la relación de sus elementos en referencia a tamaño y posición, grid sin duda es una gran herramienta CSS, muy popular, si deseas saber más información sobre esta propiedas puedes ingresar al siguiente enlace:

https://www.w3schools.com/css/css_grid.asp

Para aplicar los cambios en un documento html, solo basta con que al div con el que lo vas a enlazar estos cambios CSS, lo identifiques con la clase grid, la etiqueta sería la siguiente:

<div class="grid">div</div>

El código CSS con el que principalmente utilizamos la propiedad grid es el siguiente:

.grid {
    width:auto;    
    height: 100vh;
    display: grid;
    justify-content:center;
    align-items:center;
}

Conclusión

Esto ha sido todo, te invito a revisar mi apartado de tutoriales, me sigas en mi canal de youtube allí constatemente subo video tutoriales relacionados con el desarrollo web.

Si requieres algún desarrollo a medida o necesitas alguna asesoría no dudes en contarme a mi Whatsapp, directamente en el siguiente enlace:

https://configuroweb.com/WhatsappMessenger

Etiquetado: / /

Eventos en Javascript

por ConfiguroWebDesarrolloDeja un comentario en Eventos en Javascript

Los eventos en Javascript son reacciones del código sobre interacciones que el usuario final realiza sobre tu aplicación.

Por ejemplo si haces clic en una instancia específica de tu aplicación que está programada con el evento onClick, entonces pasará algo que hayas decidido, por ejemplo que alguna parte de la página cambie de color, que suene un sonido, o literalmente, cualquier cosa que se te ocurra.

Video Explicativo

Eventos en Javascript

Código Relacionado en el video


https://github.com/configuroweb/tutorial-eventos-javascript
0 forks.
0 stars.
0 open issues.

Recent commits:

Código Tutorial de Eventos en Javascript

Demo Página Web Subida a GitHub Pages

En el siguiente enlace puedes ver la página creada en el vídeo tutorial

https://configuroweb.github.io/tutorial-eventos-javascript/

Los más comunes eventos en Javascript

Los eventos son el super poder de Javascript que permite que una página estática adquiera lógica de negocio para realizar diferentes procesos avanzados, dandole baterías a tu aplicación.

A continuación se muestran los eventos más comunes de Javascript, con una explicación general de su código:

Evento onClick

El evento onClick se activa en cuanto el usuario final le da click a la zona que se defina y se puede programar para que se realicen los cambios que se consideren sobre tu aplicación.

Ejemplo del Evento onClick

En la etiqueta html de botón, la etiqueta button, se le pone una palabra clave onclick, esta palabra llama una función, llamada funcion() como se puede ver en el código a continuación:

<button onclick="funcion()">clic acá</button>

La función funcion() al activarse puede hacer lo que se defina que haga, desde recorrer un array con un forEach, gestionar un Objeto en Javascript o como en el ejemplo, modificar el texto de lo que dice en una etiqueta p.

function funcion() {
    document.getElementById("aca").innerHTML = "Haz dado click en el botón";
  }

A continuación se muestra el código donde se especifica la etiqueta p a modificar:

<p id="aca"></p>

El código en Javascript reconoce el id donde dice aca, con la instrucción document.getElementById(“aca”).innerHTML donde dice innerHTML, es lo que va a modificar y donde dice document.getElementById es como se busca en el documento donde haya el id con el aca.

Eventos mouseDown y mouseUp

Estos eventos suceden cuando el usuario final hace clic y cuando lo suelta, mientras haga clic sostenido se activará onmouseup, y cuando suelte donde previamente se hizo clic se activará onmousedown

Ejemplo de eventos onmouseup y onmousedown

En la etiqueta html de botón, la etiqueta button, se ponen las palabras clave onmousedown y onmouseup, esta palabras llaman las funciónes, mouseDown y mouseUp como se puede ver en el código a continuación:

<button id="color" onmousedown="mouseDown()" onmouseup="mouseUp()">
click acá</button>

Las funciones mouseDown() y mouseUp() al activarse puede hacer lo que se defina que haga, en este caso se cambian los colores a rojo si se hace clic sostenido y a azul si se deja suelto.

 function mouseDown() {
    document.getElementById("color").style.background = "red";
  }
  
  function mouseUp() {
    document.getElementById("color").style.background = "blue";
  }

A continuación se muestra el código donde se especifica la etiqueta button a modificar:

<button id="color" onmousedown="mouseDown()" onmouseup="mouseUp()">
click acá</button>

El código en Javascript reconoce el id donde dice aca, con la instrucción document.getElementById(“color”).innerHTML donde dice innerHTML, es lo que va a modificar y donde dice document.getElementById es como se busca en el documento donde haya el id con el color.

Eventos onblur y onfocus

El evento onfocus se dispara cuando ingresas en un campo y el onblur se activa cuando sales del campo.

La lógica de lo que se puede hacer con onblur y con onfocus depende de lo que quieras hacer, en el código de ejemplo a continuación, cuando se hace clic afuera los caracteres se ponen en mayúscula y cuando ingresas al campo nuevamente los caracteres se pondrán en minúscula.

<h2>Eventos onblur y onfocus</h2> <input type="text" id="campo" onblur="onBlur()" onfocus="onFocus()">

En el código a continuación se muestra la lógica Javascript para dejar los caracteres y mayúscula y minúscula:

function onBlur() {
    let x = document.getElementById("campo");
    x.value = x.value.toUpperCase();
  }

  function onFocus() {
    let x = document.getElementById("campo");
    x.value = x.value.toLowerCase();
  }

Evento onmouseover

En el siguiente código se muestra una imagen que se pone más grande cuando le pones el puntero del mouse encima y vuelve a su tamaño normal cuando le retiras el mouse.

<img onmouseover="imgGrande(this)" onmouseout="imgNormal(this)" border="0" src="logo.png" width="32" height="32">

A continuación se muestra el tramo de código de javascript donde se ingresa la lógica para aumentar el tamaño de la imagen al pasarle el mouse por encima y luego vuelve a su tamaño normal al retirarle el mouse:

function imgGrande(x) {
    x.style.height = "64px";
    x.style.width = "64px";
  }
  
  function imgNormal(x) {
    x.style.height = "32px";
    x.style.width = "32px";
  }

Evento onchange

Este evento onchange, se da cuando se modifica el campo, en el ejemplo a continuación se muestra como según se elige una opción en una lista desplegable se muestra un texto específico con la selección del desplegable:

<select id="seleccion" onchange="cambio()">
        <option value="Javascript">Javascript</option>
        <option value="PHP">PHP</option>
        <option value="Node">Node</option>
        <option value="Python">Python</option>
      </select>

A continuación se muestra la lógica de javascript, para ingresar las palabras Has seleccionado junto al texto de la lista correspondiente:

function cambio() {
    var x = document.getElementById("seleccion").value;
    document.getElementById("seleccionado").innerHTML = "Has seleccionado: " + x;
  }

Evento onselect

Este evento se dispara al seleccionar un texto específico, en el ejemplo a continuación, se dispara un alert indicando que se ha seleccionado el texto

<input type="text" value="seleccioname" onselect="seleccion()">

A continuación se muestra la lógica de la función seleccion que dispara el evento onselect

function seleccion() {
    alert("Has seleccionado texto");
  }

Eso ha sido todo, cualquier duda quedo al pendiente, te invito a que leas mi contenido, constantemente genero contenido sobre aplicaciones gratuitas de libre distribución, aplicaciones premium me sigas en mi canal de youtube donde constatemente subo videos y tutoriales de las aplicaciones que subo al blog.

Etiquetado: / /

Objetos en Javascript

por ConfiguroWebDesarrolloDeja un comentario en Objetos en Javascript

Los objetos en Javascript son una colección de datos y/o funcionalidades relacionados. Estos suelen tener variables y funciones. A las variables se le llaman propiedades y a sus funciones se le llaman métodos.

Video Explicativo

Tutorial Objetos en Javascript

Código al que hago referencia en el vídeo


https://github.com/configuroweb/tutorial-objetos-javascript
0 forks.
0 stars.
0 open issues.

Recent commits:

Tutorial Objetos en Javascript

En una publicación anterior hice referencia a los métodos más comunes para recorrer un array y se les llama métodos por que el array funge como un objeto de javascript, cuando le ponemos a los arreglos por ejemplo un forEach este está definido como una función del objeto Array, para realizar un proceso específico.

Si deseas más información sobre el método forEach puedes ingresar en el siguiente enlace donde lo explico a nivel general:

Como recorrer un Array con el método ForEach en Javascript

Ahora bien, hablamos de objetos, desde el paradigma de Programación Orientada a Objetos, si deseas más información sobre este paradigma puedes acceder al siguiente enlace de mdn Mozilla:

JavaScript orientado a objetos para principiantes

Ejemplo de Objetos en Javascript

El siguiente tramo de código es un Objeto en Javascript:

const vaso = {
    Material: 'Vidrio',
    Estado: 'Vacío'
};

Explicación del código

En este caso el objeto vaso tiene dos propieadades, Material y Estado, con sus valores correspondientes, la cadena ‘Vidrio’ y la cadena ‘Vacío’

Como acceder a las propiedades de un Objeto

En el tramo de código del ejemplo, para acceder por ejemplo al Material del Objeto vaso, se debe hacer de la siguiente forma:

vaso.Material

Si quisieramos imprimir el Material del Objeto vaso en consola escribiamos lo siguiente:

console.log(vaso.Material);

En este caso se imprimiría en consola, la cadena de texto ‘Vidrio’. Si quisieramos imprimir en consola el Estado del objeto vaso el proceso sería el mismo con la diferencia de que en vez de escribir vaso.Material, escribiriamos vaso.Estado.

Diferencias entre un Array y un Objeto en Javascript

Ya había dicho que un Array era también un objeto, especialmente porque podía implementar métodos para realizar funciones especificas para ingresar registros en un arreglo, eliminar registros, recorrer un array entre un sin fin de opciones.

Sin embargo un array en la práctica es un tipo de variable, que permite almacenar de manera ordenada registros, en la que se puede acceder a los datos mediante un índice numérico, los objetos en cambio almacenan un índice tipo llave, esta llave tiene un nombre, luego esta llave debe tener asociado un valor.

En el ejemplo del objeto vaso que enunciaba al comienzo, había dos llaves, la llave Material y la llave Estado, estas llaves a su vez tienen los valores asignados de Vidrio y Vacío.

Como recorrer un objeto en Javascript

Existen tres métodos del objeto Object que permiten trabajar sencilla y efectivamente con los objetos, estos métodos se explican a continuación.

Como acceder a las llaves de un objeto

Ya se ha explicado que un objeto es una versión avanzada de un arreglo, donde el índice en vez de un número como en los arrays es una llave que es un nombre es específico, ahora bien en Javascript existe una forma específica de acceder a las llaves de un objeto, a continuación se muestra el código para mostrar las llaves del objeto vaso del ejemplo inicial.

console.log(Object.keys(vaso));

La salida del presente código sería la siguiente:

[ 'Material', 'Estado' ]

Como acceder a los valores de un objeto

Los valores son los registros asociados a las llaves de un objeto y la forma de extraer estos valores de un objeto es por medio del método values el código para mostrar en consola los valores del objeto sería el siguiente:

console.log(Object.values(vaso));

La salida para esta línea de código sería la siguiente:

[ 'Vidrio', 'Vacío' ]

Como mostrar todas las llaves y valores respectivos de un Objeto

En este punto es fácil deducir que si usamos el método keys y el método values del objeto Object podríamos extraer en conjunto las llaves y valores juntos de un objeto, sin embargo existe otro método llamado entries, que junta las llaves y valores en una sola salida, el código respectivo sería el siguiente:

console.log(Object.entries(vaso));

La salida para esta línea de código sobre el objeto vaso, sería la siguiente:

[ [ 'Material', 'Vidrio' ], [ 'Estado', 'Vacío' ] ]

Como pueden ver, se imprime un array que dentro tiene dos array, el primero tiene todas las llaves y el segundo tiene todos los valores.

Como asignarle un objeto a otro

Es posible fusionar objetos en Javascript, para esto existe un método del objeto Object llamado assign, en el ejemplo a continuación crearé un objeto llamado medidasVaso, este objeto tendrá como llaves un tamaño un color y un precio:

const medidasVaso = {
    tamano : 'Grande',
    Color: 'Azul',
    Precio: 100
}

Ahora con la siguiente línea de código le asignaré las llaves y valores del objeto medidasVaso al objeto vaso:

Object.assign(vaso, medidasVaso);

El objeto vaso, ahora está fusionado con medidasVaso, si lo imprimo por consola con el código console.log(vaso); el sistema mostraría el siguiente resultado:

{
  Material: 'Vidrio',
  Estado: 'Vacío',
  tamano: 'Grande',
  Color: 'Azul',
  Precio: 100
}

Como recorrer un array de Objetos en Javascript

Los array pueden trabajar en conjunto con los objetos en Javascript, un objeto puede contener la cantidad de arrays que se deseen crear y cualquier array puede contener la cantidad de objetos que se requieran.

Un array puede contener cualquier tipo de dato en sus registros, lo más común es que el array tenga registros con el mismo tipo de dato y que los objetos si tengan variedad en los tipos de registros que almacenan, pero para javascript todo está abierto a lo que se requiera desarrollar.

En el ejemplo a continuación se creará el array estudiantes y dentro de este array se crearan objetos con nombreCompleto, correoElectrónido y edad:

const estudiantes = [
{  
    nombreCompleto: 'Mauricio Sevilla',
    correoElectronico: 'hola@configuroweb.com',
    edad: 40,
},
{  
    nombreCompleto: 'Juan Usuario',
    correoElectronico: 'jusuario@cweb.com',
    edad: 25,
},
{  
    nombreCompleto: 'Pedro Perez',
    correoElectronico: 'pperez@cweb.com',
    edad: 17,
},
{  
    nombreCompleto: 'Daniel Gomez',
    correoElectronico: 'dgomez@cweb.com',
    edad: 22,
},
];

Utilización del Método forEach

A continuación vamos a recorrer el arreglo con un método forEach, para mostrar el nombre y el correo de los objetos del array estudiantes:

estudiantes.forEach(estudiante => {
    console.log(`El estudiante ${estudiante.nombreCompleto} tiene el correo electrónico ${estudiante.correoElectronico}`);
});

La salida de este código sería la siguiente:

El estudiante Mauricio Sevilla tiene el correo electrónico hola@configuroweb.com
El estudiante Juan Usuario tiene el correo electrónico jusuario@cweb.com
El estudiante Pedro Perez tiene el correo electrónico pperez@cweb.com
El estudiante Daniel Gomez tiene el correo electrónico dgomez@cweb.com

Utilización del Método map

En el siguiente ejemplo voy a actualizar el nombre del objeto del Array estudiantes por mayúscula sostenida:

estudiantes.map((estudiante) => {
    const nombreCompleto = estudiante.nombreCompleto.toUpperCase();    
    console.log(nombreCompleto);
});

La salida de este código sería la siguiente:

MAURICIO SEVILLA
JUAN USUARIO
PEDRO PEREZ
DANIEL GOMEZ

Cualquier duda estará al pendiente, te invito a recorrer este blog que está lleno de aplicaciones gratuitas de libre distribución, tutoriales y aplicaciones premium, te invito me sigas en mi canal de youtube allí constatemente subo video tutoriales relacionados con el desarrollo web.

Etiquetado: / /

Sistema de Barbería en Línea en PHP y MySQL

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

Este Sistema de Barbería en Línea en PHP y MySQL permite gestionar facilmente el proceso de gestión de las citas, además se proporciona una vistosa landing page ya lista para su uso.

La aplicación tiene un sistema administrativo, muy completo con el que se puede adaptar el software como se desee.

Video Explicativo

Sistema de Barbería en Línea en PHP y MySQL

Aplicaciones Alternativas al Sistema de Barbería en Línea en PHP y MySQL

El software es totalmente gratuito, sin embargo es algo limitado en gestión de usuarios, reportes avanzados entre otros, tengo aplicaciones más completas que puedes ver en el siguiente enlace que tienen demo y video relacionado para tus validaciones:

Alternativa Gratuita al Sistema de Barbería

Esta aplicación ya tiene cierto tiempo de que se publicó, podría ajustarse más a lo que requieres, puedes verificar en el siguiente enlace:

Software de Gestión para Peluquerías Centros de Estética Belleza y SPA Full Gratis!!

Puesta a punto del Sistema de Barbería en Línea en PHP y MySQL en un servidor local

Aplicaciones Previas

Para realizar la instalación de la aplicación en un servidor local, te recomiendo la instalación previa de las siguiente aplicaciones:

XAMPP, Git, Visual Studio Code

XAMPP es la aplicación encargada de implementar un servidor apache para que funcionen los scripts PHP en un ordenador a nivel local.

Git es el gestor de repositorios más usado del mundo, con el que puedes descargar limpiamente, código de GitHub.

Visual Studio Code, es el editor de código más popular del mundo, que recomiendo ampliamente en prácticamente todas las publicaciones de este blog.

Descarga Aplicación de GitHub

El siguiente es el enlace de descarga de repositorio de GitHub de la aplicación del Sistema Punto de Venta:

Este Sistema de Barbería en Línea en PHP y MySQL, permite gestionar efectivamente las citas con los barberos
https://github.com/configuroweb/barberia
5 forks.
5 stars.
0 open issues.

Recent commits:

Sistema de Barbería en Línea en PHP y MySQL

Configuración del Sistema de Barbería en Línea en PHP y MySQL para su funcionamiento en tu ordenador

Debes instalar las aplicaciones mencionadas, con todos los parámetros por defecto, posterior a este procedimiento, desde Visual Studio Code, debes abrir la siguiente ubicación:

C:\xampp\htdocs

Desde esta ubicación en Visual Studio Code, pulsas View, Terminal. Dentro del Terminal eliges la opción de Git Bash y copias el siguiente código:

git clone https://github.com/configuroweb/barberia.git

Se creará la carpeta barberia, dentro de la carpeta htdocs. A continuación deber abrir XAMPP en tu ordenador, activar los servicios de Apache y MySQL, y acceder a la siguiente URL, para crear la base de datos barberia:

http://localhost/phpmyadmin/index.php

Base de Datos del Sistema de Barbería en Línea en PHP y MySQL

Para que la aplicación te funcione correctamente, desde phpmyadmin, debes crear la base de datos con el nombre barberia, posteriormente debes acceder al apartado SQL y pegar el código que se encuentra en el siguiente enlace:

Sistema de Barbería en Línea en PHP y MySQL

Subida del Sistema de Sistema de Barbería en Línea en PHP y MySQL a un hosting

Por la sencillez de la aplicación, no abordaré el tema directamente, en el siguiente vídeo relacionado, explico a nivel general el proceso:

Subir pagina con PHP + Base de datos (MYSQL) a un Hosting

Si aun tienes dudas con el proceso de la puesta a punto de la aplicación en un servidor local aun puedes ver en la siguiente publicación con más detalle la implementación de aplicaciones PHP:

Como instalar aplicaciones PHP en un servidor local
Como instalar aplicaciones PHP en un servidor local

Cualquier duda quedo al pendiente, si requieres más aplicaciones PHP, en Python o JavaScript te recomiendo te suscribas a mi contenido en Youtube y estés al pendiente de cualquier cambio, que vaya haciendo.

Etiquetado: / /
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.