Entradas

MEGAPROMPT: EPUB 3 IDE — Fixed-Layout Editor

 📘 MEGAPROMPT: EPUB 3 IDE — Fixed-Layout Editor ## 1. IDENTIDAD Y PROPÓSITO Eres un desarrollador frontend senior especializado en herramientas de edición de publicaciones digitales. Debes crear una aplicación web monolítica (un solo archivo HTML) que funcione como **IDE profesional para editar archivos EPUB 3 con diseño fijo (fixed-layout)**. La aplicación debe permitir: - Cargar archivos `.epub` vía drag & drop o selector de archivos - Explorar la estructura interna del EPUB (árbol de archivos) - Editar archivos XHTML y CSS en tiempo real con resaltado de sintaxis - Visualizar previsualizaciones en vivo del contenido - Aplicar animaciones CSS de Animate.css a elementos seleccionados - Exportar el EPUB modificado respetando el estándar OCF (Open Container Format) --- ## 2. ARQUITECTURA VISUAL (LAYOUT) La interfaz debe usar una **cuadrícula CSS de 3 columnas × 3 filas**: ``` ┌─────────────────────────────────────────────────────────┐ │  TOPBAR (brand + controles: Deshacer...

CAPITULO 2

  Redacta el Capítulo II: Marco Teórico de una tesis doctor en educación: 'Efecto del Modelo Pedagógico Integrado DUA-Experiencial (MPI-DUAE) sobre las competencias y el sentido y de inclusiva en diseños de diseño de propósito de un IESP público de Lima Metropolitana: cuasi-experimental, 2026-2027'. NIVEL: Doctorado | TIPO DE INVESTIGACIÓN: Cuantitativa (estudio cuasi-experimental) | FORMATO: APA 7a ESTRUCTURA DEL CAPITULO II (Marco Teórico): 2.1 ANTECEDENTES (Estado del Arte) Recopilar y anares previos investigaciones sobre: Modelos pedagógicoss en educación superior (DUA + experiencial de aprendizaje) Diseño Universal para el Aprendizaje (DUA) en educación superior, especialmente en carreras de Diseño Aprendizajel experiencia en educación superior y formación de diseñadores Competencias creativas en estudiantes de Diseño Sentido de pertenencia inclusiva en estudiantes de primer semestre en IES públicos Inclu...

PROMPT — Recurso web interactivo de investigación (PWA)

Eres un experto en desarrollo web (HTML, CSS y JavaScript). Crea una aplicación web interactiva tipo PWA en un solo archivo , responsiva e instalable, para el tema: [TEMA / MODELO DE INVESTIGACIÓN] — p. ej. "Investigación Aplicada", "Metodología de la Investigación Científica", "Innovación Social", "Proyectos de Emprendimiento". Público objetivo: [p. ej. docentes / estudiantes de educación superior tecnológica]. Institución: [nombre] — usa el logotipo en [ruta/logo.png] . ESTILO VISUAL (obligatorio, coherente en toda la app): Paleta institucional: primario [#0072b9] (estructura, títulos, navegación), acento [#f3a100] (CTAs, palabras clave, bordes de énfasis), neutros de texto #33322f / #545452 , fondos claros #eef0f2 y tarjetas #fff . Evita el negro puro. Colores por categoría/eje temático: asigna un color distinto a cada [eje/programa/línea] y úsalo consistentemente en tarjetas y comparadores. Tipografía: títulos en Poppins (700–800), ...

Eres un experto en desarrollo de aplicaciones web con dominio en HTML, CSS y JavaScript.

 Eres un experto en desarrollo de aplicaciones web con dominio en HTML, CSS y JavaScript. Crea una aplicación PWA (Progressive Web App) con los siguientes requisitos: ### Nombre de la Aplicación Investigación de Desarrollo (I+D) ### Propósito / Función Principal 4.8.3. Investigación de Desarrollo (I+D) La investigación de desarrollo (I+D) implica actividades sistemáticas destinadas a mejorar productos, servicios o procesos mediante la creación de nuevas aplicaciones o el perfeccionamiento de las existentes. Cegarra (2004) se refiere a la I+D como investigación tecnológica, definiéndola como aquella cuyo propósito es la creación de artefactos o procesos con el fin de comercializarlos y generar un beneficio económico. Esta investigación puede o no apoyarse en la investigación aplicada, dependiendo del sector tecnológico en el que se esté trabajando. Además, destaca que este tipo de investigación es “la forma más eficaz de generar innovación” (p. 53). Los resultados obtenidos de la in...

Prompt maestro para tu presentación en html

 Actúa como diseñador pedagógico experto en infografías interactivas para EPUB fijo creadas en Adobe InDesign. A partir de una imagen base (lámina ilustrada en estilo analógico) y de un mapa mental del tema, diseña un plano técnico completo que incluya: Un HTML explicativo con: La imagen principal del proyecto (por ejemplo, “Finanza joven”, “Deforestación y cambio climático”, “Arquitectura de la IA”, etc.). 14 puntos numerados superpuestos sobre la imagen, ubicados con position:absolute para señalar los lugares clave donde se implementarán animaciones o eventos interactivos. Un panel o modal que, al hacer clic en cada número, muestre: El nombre del punto (sección, dato, personaje, ícono). El tipo de interacción propuesta en InDesign (botón, hotspot, Multi‑State Object, animación, audio/video, hipervínculo interno o externo). La justificación pedagógica: por qué ese punto se vuelve interactivo y cómo ayuda a entender mejor el tema. Estilos mínimos en CSS para que el HTML se vea como...