Créer jeu
Télécharger
Obtenir Plan Académique
Partager le jeu
Intégrez-le à votre plateforme

Vous pouvez intégrer le jeu dans un LMS compatible avec LTI 1.1 ou LTI 1.3 comme Canvas, Moodle ou Blackboard. Les scores seront ainsi automatiquement enregistrés dans le carnet de notes de la plateforme.
Télécharger
Vous avez dépassé le nombre maximum de jeux que vous pouvez intégrer à Google Classroom avec votre Plan actuel.

Pour intégrer autant de jeux que vous le souhaitez dans Google Classroom, vous avez besoin d’un Plan Académique ou un Plan Commerciel.

Vous avez dépassé le nombre maximum de jeux que vous pouvez intégrer à Microsoft Teams avec votre Plan actuel.

Pour intégrer autant de jeux que vous le souhaitez dans Microsoft Teams, vous avez besoin d’un Plan Académique ou un Plan Commerciel.

Le téléchargement du jeu est une fonctionnalité exclusive pour les utilisateurs avec un Plan Académique ou un Plan Commercial.

Obtenez votre Plan Académique ou Plan Commercial dès maintenant et commencez à intégrer vos jeux dans votre LMS, votre site Web ou votre blog.

Si vous le souhaitez, vous pouvez télécharger une jeu de test ici et tester son intégration:

Aventura Web: Estática vs Dinámica

Présentation

Parties jouées 3 %Précision 100 Temps moyen 00:42

À propos de cette activité

Presentacion de aplicaciones web

Créé par

Colombia

Téléchargez la version pour jouer sur papier

Créez votre propre jeu gratuite à partir de notre créateur de jeu
Affrontez vos amis pour voir qui obtient le meilleur score dans ce jeu

Top Jeux

%
Anonyme
Anonyme
%
%
%
Vous avez dépassé le nombre maximum de jeux que vous pouvez imprimer avec votre Plan actuel.

Pour imprimer autant de jeux que vous le souhaitez, vous avez besoin d’un Plan Académique ou un Plan Commerciel.

Imprimez votre jeu
Aventura Web: Estática vs Dinámica
 

Aventura Web: Estática vs DinámicaVersion en ligne

Presentacion de aplicaciones web

par 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.


Voulez-vous vraiment quitter la page ?

En quittant la page, vous perdrez la progression du jeu.