New game
Download
SCORM download
To be used in an LMS (Moodle, Blackboard...)
Regular download
To be published on a website or blog.
Downloading games is an exclusive feature for users with an Academic Plan or a Commercial Plan.
Get your Academic Plan or your Commercial Plan now and start integrating your games into your LMS, website or blog.
Get Academic Plan
If you wish, you can download a demo game here and test its integration:
Share game
Slideshow
Slideshow

Aventura Web: Estática vs Dinámica

Integrate it into your platform
G. Classroom M. Teams
You can integrate the game into an LMS compatible with LTI 1.1 or LTI 1.3 such as Canvas, Moodle, or Blackboard. This way, the scores will be automatically saved into the platform’s gradebook.
Download
You have exceeded the maximum number of games you can integrate into Google Classroom with your current Plan.

To integrate as many games as you want in Google Classroom, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
You have exceeded the maximum number of games you can integrate into Microsoft Teams with your current Plan.

To integrate as many games as you want in Microsoft Teams, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
Downloading games is an exclusive feature for users with an Academic Plan or a Commercial Plan.

Get your Academic Plan or your Commercial Plan now and start integrating your games into your LMS, website or blog.

If you wish, you can download a demo game here and test its integration:

Get Academic Plan

Aventura Web: Estática vs Dinámica

Slideshow

Played 3 %Accuracy 100 Average time 00:42
Create copy

About this activity

Presentacion de aplicaciones web

Created by

Stephanie
Stephanie
Colombia

Download the paper version to play

Make your own free game from our game creator
Compete against your friends to see who gets the best score in this game
Make challenge

Top Games

 %
Anonymous
Anonymous
 %
%
%
You have exceeded the maximum number of games you can print with your current Plan.

To print as many games as you want, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
Print your game
Aventura Web: Estática vs Dinámica
 

Aventura Web: Estática vs DinámicaOnline version

Presentacion de aplicaciones web

by Stephanie
1

APLICACIONES WEB: dinamicas y estaticas

2

Introducción

  • ¿Qué es una aplicación web? Programa accesible desde el navegador que ofrece información y/o funcionalidades en línea.
  • Clasificación: estática vs dinámica según cómo se genera el contenido.


3

Web estática — ¿qué es?

  • Páginas con contenido fijo entregado tal cual por el servidor (HTML/CSS/JS).
  • No requieren procesamiento servidor por petición para construir la página.


4

Web estática — ejemplos

  • Landing page, portafolio personal, documentación técnica, brochure empresarial.


5

Web estática — tecnologías y hosting

  • HTML, CSS, JavaScript (archivos estáticos).
  • Hosting común: GitHub Pages, Netlify, Amazon S3, CDN.


6

Web estática — ventajas

  • Rápidas, seguras, bajo coste y fáciles de desplegar y escalar con CDN.


7

Web estática — limitaciones

  • Poca personalización, difícil manejo de grandes datos o funcionalidades interactivas complejas.


8

Web dinámica — ¿qué es?

  • Contenido generado en tiempo real por servidor o por lógica en el cliente; permite personalización y gestión de datos.


9

Web dinámica — ejemplos

  • Tiendas online, redes sociales, paneles administrativos, sistemas con usuarios y transacciones.


10

Web dinámica — tecnologías

  • Backend: Node.js, Django, Ruby on Rails, PHP, .NET.
  • Bases de datos: MySQL, PostgreSQL, MongoDB.
  • Frontend/SPAs: React, Vue, Angular.
  • APIs REST/GraphQL y funciones serverless.


11

Web dinámica — ventajas

  • Contenido personalizado, integración con bases de datos y lógica compleja (autenticación, pagos, filtros).


12

Web dinámica — limitaciones

  • Mayor complejidad, coste de infraestructura y necesidad de mantenimiento y seguridad.


13

Comparación rápida

  • Contenido: estático = fijo; dinámico = generado.
  • Interactividad: estático = limitada; dinámico = alta.
  • Rendimiento/coste: estático = mejor rendimiento y menor coste; dinámico = más recursos.
  • Escalado: estático = sencillo (CDN); dinámico = requiere backend escalable.


14

Arquitectura mixta (JAMstack)

  • Páginas pre-renderizadas + APIs/funciones serverless para partes dinámicas.
  • Ventaja: rendimiento del estático con capacidad dinámica cuando se necesita.
15

Seguridad y rendimiento (resumen)

  • Estáticas: menos vectores de ataque; usar CDN.
  • Dinámicas: proteger autenticación, prevenir inyección SQL/NoSQL, XSS, CSRF; usar caching y balanceo.


16

Cómo decidir

  • Elige estática si: contenido mayormente fijo, prioridad en velocidad y coste.
  • Elige dinámica si: necesitas usuarios, transacciones o personalización.
  • Considera híbrido para combinar lo mejor de ambos.


17

Conclusión

  • La elección depende de objetivos y recursos. Hoy es común mezclar estrategias para optimizar rendimiento y funcionalidad.
 
Are you sure you want to leave the page?

If you leave the page, you will lose your game progress.