Desarrollo de un sitio web autoadministrable
En esta ocasión vamos a compartir el código fuente de una pequeña aplicación web desarrollada con PHP Y MySQL, el proyecto consiste en el desarrollo de un sitio web con PHP para presentar, de una manera sencilla pero eficaz, la información del perfil de una empresa o negocio, hemos desarrollado un sitio para mostrar de forma resumida la información relevante de la empresa, que incluye la historia de la compañía, el número y la calidad de los recursos humanos con los que cuenta, recursos financieros, recursos de inversión y capitalización de una empresa, la estructura organizativa y de gestión empresarial en general, el rendimiento de la empresa, y la reputación de la empresa en el comercio bienes o servicios ofrecidos.
Este sitio fue construido utilizando el lenguaje de programación PHP Versión 7 y como gestor de base de datos MySQL . Hemos utilizado para la conexión a la base de datos la extensión MySQLi con los conceptos básicos de programación estructurada.
Con este material se puede aprender, a crear sitios web dinámicos, puesto que cuenta con operaciones muy fundamentales para el desarrollo de una aplicación web, como lo es el proceso de crear, leer, actualizar, eliminar y búsqueda de datos, utilizando tablas dinámicas de jQuery (jQuery datatables); ademas la aplicación permite subir imágenes y mostrarlas en la base de datos, mostrar un mapa de google con la ubicación de una empresa o negocio.
También se puede aprender a diseñar la apariencia de una aplicación utilizando el Framework CSS Bootstrap. En esta aplicación se ha utilizado la plantilla AdminLTE-2.0.4.
Secciones del sitio front end:
- Página de inicio (Home):
- Página nosotros
- Página de servicios
- Página para mostrar el portafolio
- Sección de contacto
Secciones del sitio back and:
- Módulo de inicio de sesión
- Módulo de configuración de la sección nosotros
- Módulo de configuración de la sección de servicios
- Módulo de configuración de la sección de portafolio
- Módulo de configuración de la sección de mensajes
- Módulo para el cambio de la contraseña de acceso a la aplicación
Capturas de pantalla del sitio:
Capturas de pantalla del panel de administración:
Instalación en windows (servidor local)
- Descargar los archivos fuentes del sistema
- Copiar y descomprimir el archivo en la carpeta c:\xampp\htdocs, al final tendrás una carpeta llamada “web-php”, a la cual podrás acceder desde el navegador como: http://localhost/web-php/
- Crear una base de datos usando PHPMyAdmin accediendo a la url siguiente: http://localhost/phpmyadmin/. Para nuestro caso la hemos llamado a la base de datos con el nombre de: “test_website“, pero tu puedes nombrarla como desees.
- Importar las tablas de la base de datos para ello vamos a buscar el archivo “test_website.sql” en el directorio database de nuestro proyecto, una vez localizado procedemos a hacer la importación de los datos desde PHPMyAdmin
- Configurar los datos de conexión a la base de datos editando el archivo de configuración que se encuentra en la siguiente ruta: http://localhost/web-php/config/database.php. Esto es la ruta que hemos utilizado para este ejemplo, pero de igual manera puedes colocarlo en la ruta que desees, solo recuerda localizar la carpeta config y dentro de dicho directorio el archivo database.php
- Vista web: http://localhost/web-php/
- Para acceder al panel de administración debes colocar la siguiente ruta: http://localhost/web-php/admin/
- Datos de acceso al panel de administración: usuario: facturacionweb y contraseña: facturacionweb
Con este script PHP de esta aplicación se puede aprender fácilmente porque esta comentado cada parte del código en cada proceso, por lo que puede ser utilizado como referencia para estudiantes que recién inician con el desarrollo de aplicaciones con PHP, o todos aquellos que están haciendo el trabajo del curso, tesis, o simplemente deseen aprender programación PHP.
