➜ Introducción al Proyecto
Introducción al Proyecto, Estructura Funcional y Herramientas | Bases para el Desarrollo de una página 100% administrable con el framework Laravel, estructura y herramientas necesarias
Antes de comenzar cualquier desarrollo web, es esencial tener claro qué vamos a construir, cómo se organizará y qué funcionalidades ofrecerá.
En este curso asumiremos que los requerimientos ya han sido definidos, y partiremos directamente del planteamiento funcional.
Este proyecto de desarrollo web no solo está diseñado para una empresa específica. Los estudiantes podrán adaptar lo aprendido a diferentes tipos de negocios o empresas que necesiten una página web administrable, lista para gestionar su contenido de manera sencilla.
Herramientas que Debes Tener Instaladas
Antes de avanzar, asegúrate de contar con las siguientes herramientas instaladas en tu computadora:
|
Herramienta |
Descripción |
|
PHP 8.2 o superior |
Lenguaje de programación principal para Laravel. |
|
Composer |
Gestor de dependencias para PHP y Laravel. |
|
Laravel Installer (opcional) |
Para crear proyectos Laravel más rápidamente. |
|
XAMPP |
Servidor local que incluye Apache y MySQL. |
|
Node.js y npm |
Para compilar CSS (Bootstrap ó Tailwind) y manejar assets del proyecto. |
|
Visual Studio Code (o similar) |
Editor de código recomendado para un desarrollo cómodo. |
|
Navegador Web actualizado |
Para visualizar y probar el proyecto. |
Nota: Se asume que sabes iniciar un servidor local con XAMPP y acceder a phpMyAdmin para gestionar bases de datos.
¿Qué sitio vamos a desarrollar?
Crearemos una página web administrable utilizando Laravel, que incluirá las siguientes secciones:
- Inicio: Página principal de presentación.
- Perfil de la Empresa: Información institucional editable.
- Servicios o Productos: Listado y detalle, organizados en categorías.
- Blog Corporativo: Artículos o publicaciones.
- Sección de Contacto: Formulario para que usuarios puedan enviar consultas.
- Captación de Suscriptores: Recolección de correos electrónicos.
Funcionalidades Principales
- Sistema de Autenticación de usuarios.
- Roles de Usuario: Admin (control total) y Editor (solo contenido).
- Gestión de Contenidos: CRUD (crear, leer, actualizar y eliminar) de servicios, publicaciones y perfil.
- Sistema de Suscriptores: Almacenamiento de correos electrónicos.
- Formulario de Contacto: Registro de mensajes enviados por visitantes.
- Optimización SEO: Slugs amigables, metaetiquetas personalizadas.
- Diseño Responsive: Adaptable a dispositivos móviles usando Tailwind CSS.
Rutas de Administración y Roles
En el sitio web administrable, gestionaremos los contenidos a través de dos tipos de roles de usuario:
- Administrador: Tendrá acceso completo al sistema de gestión de contenido. Esto incluye la capacidad de administrar el perfil de la empresa, servicios/productos, publicaciones, suscriptores y formularios de contacto.
- Editor: Tendrá permisos más limitados, permitiéndole gestionar únicamente los servicios/productos y las publicaciones del blog.
Por lo tanto, las rutas de administración se dividen en dos áreas:
- Rutas para Administradores:
- /admin → Dashboard principal para el administrador.
- /admin/user→ Gestión de usuarios
- /admin/role→ Gestión de roles y permisos
- /admin/profile→ Gestión del perfil de la empresa.
- /admin/category → Gestión de categorías
- /admin/service → Gestión de servicios/productos.
- /admin/post → Gestión de publicaciones del blog.
- /admin/page → Gestión de páginas o secciones internas
- /admin/subscribe → Gestión de suscriptores.
- /admin/contact → Gestión de mensajes de contacto.
- Rutas para Editores:
- /editor → Dashboard principal para el editor.
Estas rutas permiten que cada tipo de usuario acceda solo a las funcionalidades correspondientes a su rol.
Navegación del Sitio Web
Frontend (público):
- / → Inicio
- /empresa → Perfil de la empresa
- /servicios → Listado de servicios
- /servicio/{slug} → Detalle de servicio
- /blog → Listado de publicaciones
- /blog/{slug} → Detalle de publicación
- /contacto → Formulario de contacto
En esta lección, hemos definido el proyecto global, las funcionalidades principales y cómo se organizarán las rutas de administración para los roles de usuario: Admin y Editor. Además, hemos destacado que este desarrollo es completamente adaptable a diferentes tipos de negocios o empresas, tales como restaurantes, cafeterías, estudios de abogados, talleres mecánicos, agencias inmobiliarias, escuelas, y muchos más.
3570 visitas
Capítulo 2 – Diseño de la Base de Datos y Relaciones »
Descarga el código del proyecto
Descarga el código fuente del proyecto adquiriendo el curso completo
Comprar