Capitulo 1 del Módulo 1 Cimientos del Proyecto Web

➜ 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

Recursos descargables de la lección 1
  • Ejemplo de documento que contiene un CheckList de requerimientos para el desarrollo de una página web: [ 13-1745949663.pdf ]
  • Debes iniciar sesión para descargar los recursos de la lección.
  • Descarga el código del proyecto

    Descarga el código fuente del proyecto adquiriendo el curso completo

    Comprar

    ¡Qué aprenderás?

    Download PDF
    tooltip bs-tooltip-top bs-tooltip-end bs-tooltip-bottom bs-tooltip-start show fade tooltip-inner

    Codea Applications

    México, Colombia, España, Venezuela, Argentina, Bolivia, Perú