UNIDAD I: Desarrollo de Sitios con CMS - Semana 01.pptx

UNIDAD I: Desarrollo de Sitios con CMS - Semana 01

1. UNIDAD I. Desarrollo de Sitios Web con CMS Definición , Arquitectura , Gestión y Seguridad UTN | ITI-621

2. PROGRAMA – EVALUACIÓN - CRONOGRAMA Aceptación del Programa, Evaluación y Cronograma: Comprobante de Recibido y Aceptación de Cronograma de Curso III Cuatrimestre 2025

3. NUEVO CAMPUS VIRTUAL UTN EN MOODLE http://campus.utn.ac.cr/

4. Definición de CMS (Gestor de Contenidos ) Software que permite crear , editar , organizar y publicar contenido en la web sin programar desde cero. Separa contenido de presentación : editores gestionan textos , medios y estructura ; temas / plantillas controlan el diseño . Administra usuarios y permisos , flujos editoriales ( borrador → revisión → publicación ) y metadatos . Ejemplos : WordPress, Joomla, Drupal ( libres y de código abierto ; alta extensibilidad ).

5. Características y Tipos de CMS Características comunes Editor WYSIWYG, gestión de medios , versionado básico , roles y permisos , modularidad . Plantillas/ temas y componentes / extensiones para ampliar funciones . Tipos de CMS Monolíticos (WordPress, Joomla, Drupal): back-end y front-end acoplados . Headless (API-first): el contenido se entrega vía API a múltiples front-ends. Híbridos : permiten renderizado tradicional y entrega vía API REST/ GraphQL . Criterios de elección Escenario de uso , comunidad , ecosistema de plugins/ temas , soporte , seguridad , rendimiento y TCO.

6. Anatomía de un CMS: WordPress, Joomla, Drupal WordPress Entradas (posts), Páginas , Tipos Personalizados (CPT), Taxonomías ( categorías / etiquetas ), Medios . Temas controlan la presentación ; plugins añaden funcionalidad ; usuarios y roles ( Administrador , Editor, Autor...). Joomla Artículos , Categorías ; Menús y Módulos ; Plantillas (templates). Extensiones : componentes , módulos , plugins, idiomas . Gestión multisitio y multilenguaje integradas . Drupal Entidades y tipos de contenido ; Campos; Taxonomía ; Vistas (Views) para listados ; Bloques y Regiones. Altamente estructurado para contenido complejo .

7. Organización de Contenidos (IA de Contenidos ) Estrategia Mapa de contenidos y jerarquía : Página de inicio → secciones → subpáginas / artículos . Metadatos y taxonomías coherentes ( categorías , etiquetas , vocabularios ). En Drupal: diseñar tipos , campos, taxonomías y vistas antes de poblar . En WordPress: decidir CPTs vs. Páginas /Entradas; usar categorías / etiquetas con disciplina . En Joomla: categorías y subcategorías ; módulos para destacar contenido en posiciones definidas por la plantilla . Flujo editorial Definir estados ( borrador , pendiente , publicado ), responsables y calendarios de contenido .

8. Gestión de Menús Principios Menú principal claro ( 2 ± 5 ítems ), nomenclatura consistente , rutas amigables . Jerarquías : menús y submenús para evitar profundidad excesiva . En WordPress: Menús desde Apariencia → Menús ; asignación a ubicaciones del tema . En Joomla: Menús y Módulos de menú ; publicación en posiciones de plantilla . En Drupal: Menús configurables ; bloques que colocan menús en regiones. Accesibilidad : Etiquetas aria, foco visible, navegación por teclado.

9. Gestión de Contenidos ( Edición y Versionado ) Ciclo de V ida Creación → E dición → R evisión → P ublicación → A ctualización → A rchivo . Controles de C alidad Checklists E ditoriales : ortografía , enlaces, imágenes alternativas , metadatos , categorías correctas . Versionado y R evisiones WordPress: revisiones ; Drupal: historial de revisiones ; Joomla: historial de versiones . Medios Optimizar imágenes (peso y dimensiones ), descripciones ALT y títulos significativos .

10. Gestión de la Página de Inicio (Home) Objetivo Comunicar propuesta de valor y rutas principales (CTA). Cargar rápido ; destacar secciones clave. WordPress Ajustes → Lectura: portada estática ; bloques / plantillas del tema ; widgets. Joomla Asignar elemento de menú como ' Inicio '; usar módulos destacados ; controlar posiciones de plantilla . Drupal Configurar la ruta frontal; construir con bloques y vistas para listados dinámicos .

11. Gestión de Temas (Plantillas) Selección Compatibilidad con versión del CMS, soporte activo , documentación , accesibilidad y rendimiento . Buenas P rácticas Evitar sobrecargar con temas multipropósito si no es necesario ; usar temas hijo (child themes) para personalizaciones . Joomla: plantillas con posiciones claras y overrides (sobrecargas) ; Drupal: subtemas ; WordPress: child themes (temas hijos) . Pruebas Comprobar menús , widgets/ bloques , shortcodes , compatibilidad con plugins/ extensiones .

12. Gestión de Plugins y Extensiones Criterios de E valuación Fuente confiable , número de instalaciones , reseñas , frecuencia de actualización , compatibilidad y soporte . Mantenimiento Evitar el exceso de plugins/ extensiones ; retirar los no usados ; pruebas en staging antes de producción . Tipos WordPress: plugins . Joomla: componentes , módulos , plugins . D rupal : módulos .

13. Sindicación de Contenidos (RSS/Atom) Concepto Permite distribuir contenidos a lectores / agregadores y a otros sitios. WordPress Feeds automáticos para entradas, categorías , comentarios . Joomla/Drupal Módulos / extensiones para RSS/Atom; en Drupal, vistas pueden exponer feeds. Buenas P rácticas Incluir extractos significativos , títulos claros y metadatos consistentes .

14. Copias de Seguridad y Restauración Plan de R espaldo Frecuencia ( diaria / semanal ), retención , pruebas periódicas de restauración . ¿ Qué R espaldar ? Archivos ( código , temas , plugins, uploads) + Base de datos . Estrategia 3-2-1 : 3 copias , 2 medios distintos , 1 fuera de sitio; cifrado de respaldos . Procedimiento de R estauración Definir pasos y responsables ; ensayar en staging.

15. Actualización de CMS (Core, Temas, Extensiones ) Política Mantener núcleo , temas y plugins al día para corregir fallos y vulnerabilidades . Proceso R ecomendado 1) Back -U p . 2) Pruebas en S taging . 3) Actualizar . 4) Verificación F uncional . 5) Monitoreo . Compatibilidad Revisar notas de versión y cambios de API; registrar cambios .

16. SEO y Seguridad en CMS SEO – Fundamentos (Google Search Central) Contenido útil y para personas; títulos (title) y descripciones (meta) claros; datos estructurados cuando aplique . Arquitectura de información , enlaces internos , navegación y breadcrumbs. Rendimiento : imágenes optimizadas , caché , minificación ; sitio accesible y responsive. Sitemaps y robots.txt correctamente configurados . Seguridad – Fundamentos (OWASP) Mantener software actualizado ; principio de mínimo privilegio y roles bien definidos . Cabeceras seguras (CSP, HSTS, X-Content-Type-Options, X-Frame-Options, Referrer-Policy). Entrada validada / escapada ; proteger formularios (CSRF); contraseñas robustas y 2FA. Configuración segura del servidor y del CMS; deshabilitar extensiones innecesarias .

17. Cierre: Buenas Prácticas Operativas Entornos S eparados Desarrollo → staging → producción ; CI/CD cuando sea posible . Monitoreo y A uditoría Logs, up - time, rendimiento ; auditorías periódicas de seguridad . Documentación V iva Procedimientos de publicación , backup/restore, actualización y respuesta a incidentes .

18. TAREA 1 Investigación sobre la comparación entre programación de aplicación por métodos de zero y low code . El documento debe estar basado en la “Tarea Asignada” de la Estructura de Asignaciones (Entregado en Semana 01). La tarea debe ser presentada con formato de tarea escrita en un archivo PDF antes del día 27/09/2025. Las asignaciones que sean entregadas después de la fecha y hora indicada no serán calificadas.