Want to create interactive content? It’s easy in Genially!

Get started free

Presentación interactiva básica

Joel Hugo Garrido Rangel

Created on June 9, 2026

Start designing with a free template

Discover more than 1500 professional designs like these:

Smart Presentation

Practical Presentation

Essential Presentation

Akihabara Presentation

Flow Presentation

Terrazzo Presentation

Dynamic Visual Presentation

Transcript

Presentación Interactiva Básica

Contextualiza tu tema con un subtítulo
Empezar

Resumen

A la hora de llevar a cabo una presentación hay que perseguir dos objetivos: transmitir información y evitar bostezos. Para ello puede ser una buena praxis hacer un esquema y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

Lo que lees: la interactividad y la animación pueden hacer que el contenido más aburrido se convierta en algo divertido. En Genially utilizamos AI (Awesome Interactivity) en todos nuestros diseños, para que subas de nivel con interactividad y conviertas tu contenido en algo que aporta valor y engancha.

Índice

Texto + imagen
Frase destacada
Sección
Datos relevantes
Timeline
Gráfico + texto
Tabla + texto

Utiliza una imagen

¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve.

+ info

Inserta un vídeo

Resumen

El controlador es una función o clase que recibe una petición, ejecuta lógica simple y devuelve una respuesta. Nada más. En código se ve así:

// Esto ES un controlador function usuarioController(req, res) { const usuario = Usuario.buscarPorId(req.params.id) // llama al Modelo res.render('perfil', { usuario }) // llama a la Vista }

Resumen

Lo que lees: la interactividad y la animación pueden hacer que el contenido más aburrido se convierta en algo divertido. En Genially utilizamos AI (Awesome Interactivity) en todos nuestros diseños, para que subas de nivel con interactividad y conviertas tu contenido en algo que aporta valor y engancha.

Ejemplo simple Imagina una app de lista de tareas:

  • El usuario hace clic en "Agregar tarea"
  • El Controlador recibe ese evento, le dice al Modelo que guarde la nueva tarea, y luego le indica a la Vista que actualice la lista en pantalla.
Usuario → [Controlador] → [Modelo] → datos → [Vista] → Usuario Lo que el Controlador no hace
  • No contiene lógica de negocio (eso es del Modelo).
  • No se encarga de renderizar HTML o interfaces (eso es de la Vista).
  • Debe ser lo más delgado posible ("thin controller").
En frameworks como Spring (Java), Django (Python) o Laravel (PHP), los controladores suelen ser clases con métodos que mapean a rutas específicas de la aplicación.

Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras!

Tabla + texto

Demostrar entusiasmo, esbozar una sonrisa y mantener el contacto visual con tu audiencia pueden ser tus mejores aliados a la hora de contar historias que emocionen y despierten el interés del público: 'The eyes, chico. They never lie'. Esto te ayudará a hacer 'match' con tu audiencia. ¡Déjales conla boca abierta!

Texto

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras! ¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve. Lo que lees: la interactividad y la animación pueden hacer que el contenido más aburrido se convierta en algo divertido. En Genially utilizamos AI (Awesome Interactivity) en todos nuestros diseños, para que subas de nivel con interactividad y conviertas tu contenido en algo que aporta valor y engancha.

Lo que lees: la interactividad y la animación pueden hacer que el contenido más aburrido se convierta en algo divertido. En Genially utilizamos AI (Awesome Interactivity) en todos nuestros diseños, para que subas de nivel con interactividad y conviertas tu contenido en algo que aporta valor y engancha.

Texto

A la hora de llevar a cabo una presentación hay que perseguir dos objetivos: transmitir información y evitar bostezos. Para ello puede ser una buena praxis hacer un esquema y utilizar palabras que se graben a fuego en el cerebro de tu audiencia. Si quieres aportar información adicional o desarrollar el contenido con más detalle puedes hacerlo a través de tu exposición oral. Te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!

Botón texto

Una presentación genial…

Intermediario inicial:

  • Mejora la comunicación sobre cualquier tema
  • Hace 'match' con tu audiencia...
  • Y les hace formar parte del mensaje
  • Tiene un color adecuado a su tema
  • Representa datos con gráficos
  • Utiliza timelines para contar historias

definición de acciones

La definición de acciones en el controlador es un aspecto esencial dentro del patrón MVC, ya que cada acción representa una respuesta concreta a una solicitud del usuario. En términos prácticos, una acción es un método público dentro del controlador que se ejecuta cuando el sistema recibe una petición asociada a una ruta o evento específico. Por ejemplo, si un usuario accede a la URL /productos/listar, el sistema invoca la acción listarProductos() en el controlador de productos. Estas acciones pueden realizar tareas como procesar datos, consultar el modelo, validar información y finalmente retornar una vista con los resultados.

La definición de acciones en el controlador es un aspecto esencial dentro del patrón MVC, ya que cada acción representa una respuesta concreta a una solicitud del usuario. En términos prácticos, una acción es un método público dentro del controlador que se ejecuta cuando el sistema recibe una petición asociada a una ruta o evento específico. Por ejemplo, si un usuario accede a la URL /productos/listar, el sistema invoca la acción listarProductos() en el controlador de productos. Estas acciones pueden realizar tareas como procesar datos, consultar el modelo, validar información y finalmente retornar una vista con los resultados.

Texto

La comunicación con el modelo es una de las funciones más importantes del controlador en el patrón MVC, ya que permite conectar la lógica de negocio con las solicitudes del usuario. El controlador actúa como puente: recibe los datos validados y los envía al modelo para que este realice operaciones como consultas, cálculos o almacenamiento en la base de datos. Luego, recoge los resultados y los prepara para ser mostrados en la vista.

Describe el problema que vas a resolver y, sobre todo, el motivo por el cual tu idea es interesante

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras!

Aspectos clave de la selección y actualización de la vista

  • Elección de la vista: El controlador determina qué plantilla o interfaz debe mostrarse según la acción realizada (ejemplo: mostrar lista de productos o detalle de un producto específico).
  • Inyección de datos: Los resultados obtenidos del modelo se pasan a la vista para que el usuario los vea de forma clara y estructurada.
  • Actualización dinámica: Permite que la vista se refresque con nueva información sin necesidad de recargar toda la aplicación, mejorando la experiencia del usuario.
  • Separación de responsabilidades: La vista solo muestra datos, sin lógica de negocio; el controlador se asegura de mantener esta división.
  • Consistencia visual: El controlador garantiza que las vistas se actualicen de manera uniforme, manteniendo la coherencia en la interfaz.

Resumen

A la hora de llevar a cabo una presentación hay que perseguir dos objetivos: transmitir información y evitar bostezos. Para ello puede ser una buena praxis hacer un esquema y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

Resumen

Lista / Procesos

Soy un subtítulo genial, ideal para dar más contexto sobre el tema que vas a tratar

Seres sociales
Somos seres visuales
Seres narrativos

Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.

Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Conclusiones

Describe el problema que resuelves y, sobre todo, el motivo por el cual tu idea es interesante

'Tus contenidos gustan, pero enganchan mucho más si son interactivos'

Coordina la interacción entre la vista y el modelo.

Centraliza la lógica de control de la aplicación.

  • Es clara y estructurada
  • Cuenta historias jerárquicamente
  • Hace 'match' con tu audiencia
  • Adecúa las fuentes y el color al tema
  • Incluye imágenes y entretiene

Facilita el mantenimiento y la reutilización del código.

Mejora la escalabilidad del sistema.

  • Contribuye a una arquitectura más ordenada y eficiente.

Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

¿Sabías que...

La ventana permite añadir contenido más amplio. Puedes enriquecer tu genially incorporando PDFs, vídeos, texto… El contenido de la ventana aparecerá al hacer clic en el elemento interactivo.