¿Que es el M-Learning? ¿Cuales son sus características? ¿Que es el Responsive Web Design?

1. Perspectivas Futuras del E-Learning
Docente: MsC. Andrea Morales
Estudiante: Andrea Jose Salgado

2. M-Learning
Responsive Learning / Multi-Device

3. Introducción
El 68% de la población mundial ya cuenta con móvil, la edad promedio de un
usuario para adquirir un teléfono móvil es de 10 años, dándole un uso
promedio de 3.07 horas diariamente.
En base a los porcentajes anteriores, podemos afirmar que los dispositivos
móviles se encuentran en un punto crucial para el aprendizaje de los seres
humanos: la alfabetización digital.
La educación ha revolucionado la forma en la cual se puede adquirir
información y el mLearning es el resultado de los dispositivos móviles mas la
competencia de permitir a todas las personas que desarrollen todas sus
capacidades y talentos sin distinciones.

4. M-
Learning
El mobile learning o aprendizaje electrónico móvil, es la estrategia
educativa que aprovecha los contenidos de Internet a través de
dispositivos electrónicos móviles, como tabletas o teléfonos. Este tiene
el propósito de facilitar la construcción del conocimiento y desarrollar
en los estudiantes la habilidad para resolver problemas en una
plataforma flexible que promueve el autoaprendizaje.
El m-learning se da a través aplicaciones móviles, interacciones
sociales, juegos y hubs educacionales que les permiten a los
estudiantes acceder a los materiales asignados desde cualquier lugar y
a cualquier hora.

5. MULTIFUNCIONALIDAD
PERSONALIZACION
UBICUIDAD
FLEXIBILIDAD
02
01
04
03
CARACTERISTICAS DEL M-LEARNING

6. Evolución de los dispositivos moviles.
Saturn is composed of
hydrogen and helium
Mercury is the closest
planet to the Sun
Despite being red, Mars is
a cold place
2010
2015
2020

7. RESPONSIVE WEB DESIGN (RWD)
Responsive Web Design o también conocido como Diseño Web
Adaptable, es una técnica de diseño y desarrollo web que mediante
el uso de estructuras flexibles (contenedores flexibles, imágenes y
video flexibles) y junto con Media Queries especificados en CSS,
logran adaptar un sitio web al entorno del dispositivo en el que se
encuentre. Con ésta técnica se consigue que el contenido del diseño
de tu sitio se vea bien y pueda ser bastante legible para los usuarios
sobre el dispositivo con el que éste interactúe.

8. Ventajas
del RWD
Mejor experiencia de
usuario.
Aumenta la viralidad.
Menores costos de desarrollo y
mantenimiento de la web.

9. Mercury is the smallest
planet in our Solar System
Venus has a beautiful
name, but it’s terribly hot
Jupiter is the biggest planet
in our Solar System
This responsive web design was created by @mozilla and suggested for inclusion in this collection by
@uggedal. It has had 10934 unique views since 2020-04-03.
Ejemplos de RWD

10. Conclusiones
1. La forma de aprender y las herramientas utilizadas se desarrollan con mayor inmediatez y rápido
avance tecnológico.
2. La amplia gama de dispositivos que nos permiten tener conexión a Internet provocan nuevas
necesidades y motivaciones en los usuarios.
3. El m-Learning es de gran apoyo para el proceso educativo digital, en todas las etapas de la vida.

11. Referencias
1. Aprendizaje Multidispositivo: Reto y Necesidad
Título del sitio web:Euroforum
URL:https://www.euroforum.es/blog/aprendizaje-multidispositivo-reto-y-necesidad/
Fecha de publicación:November 10, 2016
2. Multi-Device / Responsive eLearning
Título del sitio web:Upside Learning
URL:https://www.upsidelearning.com/custom/multi-device-responsive-learning.asp
3, :Qué es el Responsive Design y por qué tu web debería serlo
Título del sitio web:IEBS
URL:https://www.iebschool.com/blog/que-es-responsive-web-design-analitica-usabilidad/
Fecha de publicación:July 8, 2013