Presentación

1. E-learning y desarrollo de software
Informe Final
Melissa Quiroz Solano
Aspirante a TSU en desarrollo de software

2. PalabrasClave
●E-learning: es el término abreviado en inglés de electronic learning,
que se refiere a la enseñanza y aprendizaje online, a través de
Internet y la tecnología.
●LMS: (Learning Management System, sistema de gestión de
aprendizaje) es un software utilizado para administrar, distribuir y
controlar las actividades de formación no presencial (aprendizaje
electrónico) en una organización.
●SCORM: (Sharable Content Object Reference Model) Conjunto de
especificaciones que forman un estándar internacional, que sirve
para el desarrollo e implementación de contenidos de aprendizaje.

3. Introducción
El avance tecnológico ha hecho que las personas apuesten más por la
educación a distancia para continuar con sus estudios de acuerdo al ritmo de
vida de cada persona, pero también las instituciones se han dado cuenta de
la importancia de la capacitación de sus empleados y como los ayuda a medir
el progreso profesional más personalizado e ir actualizándose en los cambios
que sufre el sector en el que se desarrollan.

4. Para la elaboración de esta investigación se realizaron diversas actividades
como:
1. Se elaboró un plan de trabajo.
2. Búsqueda de la información, se consultaron libros, informes técnicos y
páginas web.
3. Investigación de campo en el Instituto Nacional de Energías Limpias
(INEEL), para obtener más información de personas que han trabajado
en el diseño y desarrollo de cursos de e-learning y se realizó una
entrevista a uno de ellos.
4. Posteriormente se llevó a cabo una encuesta de 10 preguntas.

5. Investigación
En todo proceso de comunicación, sea verbal, visual, auditivo, siempre
existen un emisor y un receptor, así como el mensaje y el canal. Para obtener
una comunicación exitosa se debe tener cuidado en el proceso de armar el
mensaje para su presentación. Dentro del “mensaje”, cada forma, color,
vacío, dice algo, así como la manera de acomodarlos.

6. ● Color: En el diseño de e-learning es recomendable tener un esquema de
tres colores ya que esto es suficiente y se pueden crear diferentes
variaciones sin llegar a ser cansado para la vista, para esto se debe dividir el
uso del color con la regla 60-30-10.
● Tipografía: Para la lectura en pantalla las tipografías sans serif, son las más
adecuadas ya que se adaptan mejor a la resolución de ésta, resultando
muy legibles a pequeños y grandes tamaños.
● Facilidad de uso: El uso de títulos, viñetas, iconos y flechas para guiar,
facilita al usuario su navegación con los contenidos. Esto permite que las
personas que están interactuando puedan acceder a cada segmento a su
propio ritmo en vez de mostrarlos todos de manera continua.
Para el desarrollo de
contenidos se deben tomar
en cuenta las siguientes
especificaciones de diseño:

7. Softwareparael
desarrollode
contenidos
En el pasado los profesionales a cargo de reunir y ensamblar los
contenidos del curso utilizaban herramientas como los videos, pero
uno de los secretos para que un curso sea exitoso es la interacción
que tiene el alumno con los materiales; las animaciones son una
herramienta que ayuda al aprendizaje por medio de la participación
de los alumnos.
Animaciones 2D
Adobe Flash
Animaciones
HTML5

8. Softwareparael
desarrollode
contenidos
Para el desarrollo de animaciones 2D
se utiliza el programa Adobe Edge
Animate, ya que este programa
permite la creación de animaciones
interactivas en HTML5, CSS3 y
JavaScript. Edge Animate permite
realizar animaciones sin tener que
escribir líneas de código además que
al exportar genera automáticamente
carpetas con imágenes, media y
código básico para la composición; es
ideal para crear los paquetes SCORM

9. Softwareparael
desarrollode
contenidos
Los paquetes SCORM sirven para comprimir materiales como: textos,
imágenes, videos y se pueden hacer documentos SCORM a partir de
programas sencillos y gratuitos, permitiendo la incorporación de
animaciones 3D, que pueden ser vistas desde dispositivos móviles
incrementando la interactividad de los alumnos, esto puede ser posible con
la ayuda de software libre y gratuito como es el caso de Blender 3D.

10. Encuesta

11. Encuesta

12. Encuesta

13. Encuesta

14. Encuesta

15. Resultados
El adaptar los contenidos a diferentes dispositivos no es algo fácil pero si es posible,
una de las razones por las que no se integran más imágenes e infografías es por el
tamaño de los archivos y el tiempo de espera a que carguen sin embargo existen
paginas como Tiny PNG (https://tinypng.com/) que comprime archivos PNG y JPG
disminuyendo el número de colores en la imagen.
3.2 MB 897.3 KB
72%

16. Resultados
Para las animaciones 3D al hacerlas de un bajo poligonaje se exporta un
arhivo de menor tamaño lo que reduce el tiempo de carga y existen plugins
que te permiten exportar las animaciones como un archivo Java Script que
con la creación de un visor y escenario se puede crear una animación que
puede ser controlada por el usuario y así poder ser integrado al paquete
SCORM.