2. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Contenido
Objetivos ................................................................................................................................... 3
Principios metodológicos ........................................................................................................ 3
Descripción del MDM ................................................................................................................ 4
Características del MDM ........................................................................................................... 4
Didáctica .............................................................................................................................. 5
Dinámicidad ........................................................................................................................ 6
Legibilidad ........................................................................................................................... 6
Interactividad ...................................................................................................................... 7
Hipertextualidad................................................................................................................. 7
Flexibilidad .......................................................................................................................... 8
Guión didáctico ........................................................................................................................ 8
Procesos realizados para el diseño y producción del MDM .................................................... 22
Ficha técnica ............................................................................................................................. 22
Actividad 5. Presentación del proyecto de MDM
Fundamentos del diseño tecno-pedagógico en e-learning.
2
3. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Objetivos
Identificar y diseñar recursos de aprendizaje, diversos e interactivos de
acuerdo a los objetivos de formación propuestos.
Disponer de las competencias necesarias para asegurar, en los cursos que se
vayan a diseñar, el seguimiento del progreso de los estudiantes y la
evaluación de la consecución de sus objetivos.
Principios metodológicos
La masificación del uso de dispositivos, aplicaciones y desarrollos tecnológicos ha
permitido reanimar la construcción de materiales didácticos, hace ya unos años
existen programas de formación en la construcción de soluciones multimediales
orientadas a la educación, sin embargo, el repunte en el uso de internet, el aumento
en la conectividad y velocidad, la convergencia digital, así como de paquetes
informáticos para su desarrollo, lo cual conlleva a un renacimiento del diseño y
producción de materiales didácticos multimediales.
Como por ejemplo, los ebooks1; creados hace ya tres décadas, las más recientes
aplicaciones como prezi (ver ejemplo) son desarrolladas bajo una serie de
requerimientos, estándares y metodologías que facilitan su distribución,
comprensión, uso y fin pedagógico.
Algunos MDM son tan sofisticados y específicos que incluso atienden a normas
como la ISO 9126 (Calidad de software: funcionalidad, fiabilidad, facilidad de uso,
eficiencia, mantenimiento, movilidad); otros son desarrollados bajo estándares para
la creación de objetos pedagógicos, tales como SCORM (accesibilidad,
adaptabilidad, durabilidad, interoperabilidad, reusabilidad) para ser empleados en
LMS.
Sin importar su campo de acción, se debe tener en cuenta la incidencia que tiene
frente a los aspectos pedagógicos, didácticos, comunicativos, técnicos, tecnológicos Actividad 5. Presentación del proyecto de MDM
y administrativos; entre otras variables, en términos medios (de acuerdo a su
formato texto, ilustraciones, animaciones, audio, video, 3D e hipermedia) que al ser
combinados permiten su interacción dando como resultado la interactividad entre
usuario – MDM mediante el ordenador.
Para dar alcance a la actividad, a continuación se presenta un breve análisis de los
principios metodológicos expuestos en el material consulta. Vale la pena resaltar que
se toma como elemento de análisis el “Manual de Uso Campus Virtual para
Estudiantes de la Institución Universitaria Iberoamericana”.
1
Un libro electrónico (e-book o eBook o ecolibro o libro digital) es una versión electrónica o digital de un libro
(http://es.wikipedia.org/wiki/Libro_electr%C3%B3nico)
Fundamentos del diseño tecno-pedagógico en e-learning.
3
4. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Descripción del MDM
La creación de un flash flip o libro multimedial genera en el usuario la
contextualización de elementos de su conocimiento y dominio presentados desde
una versión digital con ello dicho aplicativo se involucra de manera fácil y amigable a
los estudiantes, esta alternativa cuenta con elementos comunicativos de alto valor
frente a su interacción dentro de este aplicativo el usuario encontrara animaciones,
video, demo y un elemento recordatorio frente a cada proceso que se presenta,
acompañado por audio distintivo de la corporación como elemento identificador del
material.
Se debe tener en cuenta que la presentación de contenidos tendrá la siguiente
jerarquía, esto en función de mostrar de forma coherente y cohesionada la
información al usuario final (estudiantes):
Mensaje de bienvenida indicando que requerimientos técnicos debe tener en
cuenta.
Introducción a que el Moodle.
Demo de cómo ingresar a la plataforma virtual.
Recomendaciones de uso del ambiente.
Muestra de interfaz de ambiente y sus herramientas.
¿Para qué? y ¿Cuál? es el uso de las herramientas.
Invitación a acceder a sus cursos virtuales.
Créditos.
Características del MDM
Creación de la interfaz de trabajo (flash flip personalizada para la
Corporación). Actividad 5. Presentación del proyecto de MDM
Creación del pop up para la presentación de recomendaciones técnicas para
la correcta visualización del material.
Creación de elementos comunicacionales dinámicos contando con audio,
video y animaciones personalizadas para la Corporación.
Creación de videos demo tiempo aproximado 2 min.
Creación de animaciones particulares del paso a paso.
Numero de pantallas aproximadas 10 a 12.(teniendo en cuenta que la
presentación de contenido se presentara en la hojas del libro y en ventanas
emergentes)
Creación de menú de interacción con el cual el usuario tendrá la
oportunidad de ver, escuchar, ampliar, guardar e imprimir dicho material.
Fundamentos del diseño tecno-pedagógico en e-learning.
4
5. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Simplicidad
Para el diseño de MDM, se
hace imprescindible el uso de
recursos sencillos con la
intencionalidad de no distraer la
atención del usuario, de esta
manera se garantiza la
aprehensión de contenidos. En
la imagen se observa la
distribución y disposición de
contenidos de una manera
adecuada facilitando la
ubicación de los elementos
(contenidos)
Didáctica
La intencionalidad del MDM es
conceptualizar a los estudiantes
de primer ingreso al LMS
Moodle, por ende se presentan
contenidos en formato
multimedial e hipermedial, para
este fin se crearon video
realizando captura de pantalla
(screencast) con los
procedimientos a Por otra parte
existe un Menú de consulta
Actividad 5. Presentación del proyecto de MDM
rápida al contenido específico
por ejemplo: ingreso al campus
virtual o participación en foros.
Fundamentos del diseño tecno-pedagógico en e-learning.
5
6. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Dinámicidad
El MDM está concebido desde
el punto de vista funcional, claro
sin dejar a un lado el objetivo
pedagógico y la interfaz gráfica,
el MDM se constituye
apremiando la navegabilidad y
disposición de la información
que sea coherente y pertinente
facilitando el acceso a los
contenidos, de tal manera que
se tiene un menú de acceso
rápido, tanto de los temas como
de los videos.
Legibilidad
Este aspecto fue considerado
como elemento crítico para el
diseño, debido a la necesidad
de dar respuesta rápida a los
posibles requerimientos de parte
del estudiante; por ende, el
texto tiene dos columnas, el
color de la fuente de los
subtítulos resalta, la fuente de
los demás textos contrasta
perfecto, por otra parte, el Actividad 5. Presentación del proyecto de MDM
trabajo de dosificación y
adecuación son importante de
resaltar.
Fundamentos del diseño tecno-pedagógico en e-learning.
6
7. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Interactividad
La interactividad es significativo
en este MDM, debido a que está
construido a manera de e-book
flip, lo cual permite la
interactividad, además se
construyeron videos que
motivan el aprendizaje y
consulta del material de parte
de los estudiantes. Además, su
estructura está orientada al
manejo de botones e
hipervínculos que llevan al
estudiante a material interactivo
adicional.
Hipertextualidad
Como fue mencionado en el
aspecto anterior, existen varios
enlaces que permiten orientar al
estudiante a descubrir material
adicional y complementario para
facilitar la aprensión de los
procedimientos y procesos que
se pueden realizar en el LMS
Moodle
Actividad 5. Presentación del proyecto de MDM
Fundamentos del diseño tecno-pedagógico en e-learning.
7
8. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Flexibilidad
Si bien es cierto que los
desarrollos en flash requieren el
descargue de plugins y
complementos, dependiendo el
navegador de internet, se han
dispuesto en el sitio de ingreso
para verificar la posibilidad de
visualización. Esta necesidad
genera el volcarse a html5 para
futuros desarrollos.
Guión didáctico
El MDM está diseñado para realizarse en doce pantallas, en las cuales se realice la
presentación e intención, tabla de contenidos, desarrollo de temáticas, videos de los
procesos de uso del LMS Moodle. No presenta actividades, al parece su objetivo es
familiarizar al estudiante con el entorno gráfico y sus posibles interacciones con la
plataforma, sus compañeros y sus docentes. Sin embargo, no existen medios que
soporten la verificación de aprendizajes, así mismo su seguimiento y evaluación, de Actividad 5. Presentación del proyecto de MDM
lo contrario se convierte, únicamente, en recurso referencial y consulta para la
dinamización frente al trabajo en plataforma.
A continuación se presenta un breve esquema gráfico que pretende representar la
manera como se planeó este MDM. Posteriormente se presentan cada uno de las
pantallas con la descripción y los elementos gráficos de interacción.
Fundamentos del diseño tecno-pedagógico en e-learning.
8
9. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Libro multimedia y elementos comunicacionales para la presentación del manual de uso de la
plataforma Moodle para estudiantes.
PANTALLA 1 PANTALLA 2 PANTALLA 3
PANTALLA 4 PANTALLA 5 PANTALLA 6
PANTALLA 7 PANTALLA 8 PANTALLA 9
PANTALLA 10 PANTALLA 11 PANTALLA 12
Actividad 5. Presentación del proyecto de MDM
Fundamentos del diseño tecno-pedagógico en e-learning.
9
10. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 1 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
Menú: elemento conformado por una
serie de botones con los cuales el
2 usuario podrá acceder a los distintos
3 contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
3 menú permiten acceso directo a los
al usuario identificar
4 visualmente el
contenidos.
2 Imagen distintiva: recreada por medio de
4 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 10
11. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 2 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una
serie de botones con los cuales el
2 usuario podrá acceder a los distintos
3 contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
menú permiten al usuario identificar
3 visualmente el acceso directo a los
4 contenidos.
2 Demos y animaciones: estos elementos
4 permiten la contextualización del
contenido al usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 11
12. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 3 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
Menú: elemento conformado por una serie
3 5 2 de botones conlos distintos contenidos
podrá acceder a
los cuales el usuario
presentados a lo largo del aplicativo.
1 Libro: estos elementos integradores del
3 menú permiten al usuario identificar
visualmente el acceso directo a los
4 contenidos.
Demos y animaciones: estos elementos
2 4 permiten la contextualización del
contenido al usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 12
13. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 4 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una
serie de botones con los cuales el
usuario podrá acceder a los distintos
3 2 contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
menú permiten al usuario identificar
3 visualmente el acceso directo a los
4 contenidos.
2
4 Demos y animaciones: estos elementos
permiten la contextualización del
contenido al usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 13
14. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 5 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una
serie de botones con los cuales el
2 usuario podrá acceder a los distintos
3 contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
3 menú permiten al usuario identificar
4 visualmente el acceso directo a los
contenidos.
2 Demos y animaciones: estos elementos
4 permiten la contextualización del
contenido al usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 14
15. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 6 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una
serie de botones con los cuales el
2 usuario podrá acceder a los distintos
3 contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
3 menú permiten al usuario identificar
4 visualmente el acceso directo a los
contenidos.
2 Demos y animaciones: estos elementos
4 permiten al la contextualización del
contenido usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 15
16. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 7 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una
serie de botones con los cuales el
2 usuario podrá acceder a los distintos
3 contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
3 menú permiten al usuario identificar
4 visualmente el acceso directo a los
contenidos.
2 Demos y animaciones: estos elementos
4 permiten al la contextualización del
contenido usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 16
17. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 8 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una serie
2 de botones conlos distintos contenidos
los cuales el usuario
3 podrá acceder a
presentados a lo largo del aplicativo.
1 Libro: estos elementos integradores del
3 menú permiten acceso directo a los
visualmente el
al usuario identificar
4 contenidos.
Demos y animaciones: estos elementos
2 4 permiten la contextualización del
contenido al usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 17
18. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 9 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una
serie de botones con los cuales el
2 usuario podrá acceder a los distintos
3 contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
menú permiten al usuario identificar
3 visualmente el acceso directo a los
4 contenidos.
2 Demos y animaciones: estos elementos
4 permiten la contextualización del
contenido al usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 18
19. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 10 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
Menú: elemento conformado por una
5 serie de botones con los cuales el
3 2 usuario podrá acceder a los distintos
contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
3 menú permiten al usuario identificar
4 visualmente el acceso directo a los
contenidos.
2 Demos y animaciones: estos elementos
4 permiten la contextualización del
contenido al usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 19
20. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
“MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 11 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una serie
de botones con los cuales el usuario
3 2 podrá acceder a los distintos contenidos
presentados a lo largo del aplicativo.
1 Libro: estos elementos integradores del
menú permiten al usuario identificar
3 visualmente el acceso directo a los
4 contenidos.
Demos y animaciones: estos elementos
2
4 permiten la contextualización del
contenido al usuario
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 20
21. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
MANUAL DE USO” ESTUDIANTES
STORYBOARD
TEMA Desarrollo de aplicativo “Manual de uso” estudiantes para la Corporación Universitaria Iberoamericana.
Pantalla # 12 ELEMENTOS GRÁFICOS DE
INTERACCIÓN
Interfaz general de trabajo en la cual se
1 encuentran inmersos los elementos de
interacción.
5 Menú: elemento conformado por una
serie de botones con los cuales el
2 usuario podrá acceder a los distintos
3 contenidos presentados a lo largo del
1 aplicativo.
Libro: estos elementos integradores del
3 menú permiten acceso directo a los
al usuario identificar
4 visualmente el
contenidos.
2
4 Créditos: a informepertenece el aplicativo
institución la cual
de creativos e
Imagen distintiva: recreada por medio de
5 un logo con el cual se busca generar un
elemento identificador del aplicativo
DESCRIPCIÓN La intención de describir cada uno de los elementos que conforman la interfaz de este aplicativo, busca
contextualizar la diagramación planeada para la elaboración posterior de dicho material multimedial.
OBSERVACIONES
Fundamentos del diseño tecno-pedagógico en e-learning.
cto de MDM 21
22. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
Procesos realizados para el diseño y producción del MDM
Procesos realizados para el diseño y producción del MDM
cRealización de informe diagnostico del manual
Solicitud de requerimientos para el desarrollo del aplicativo
Desarrollo de propuestas gráficas en Story Board.
Entrega de documento sobre información base para su montaje
dentro del aplicativo.
Muestra de plantilla prototipo en 2d
Desarrollo y vectorización de todos y cada uno de los elementos
presentados en el aplicativo
Desarrollo de videos tutoriales y locución de los mismos.
4 entregas parciales para ajustes gráficos, de información y
navegabilidad.
Creación de archivo en formato html para descarga de
requerimientos por parte del estudiante
Creación de cuenta en gmail y youtube para el montaje de los videos
tutoriales, permitiendo así liberar peso en el hosting de la institución.
Montaje en página web de la Institución
Ficha técnica
Actividad 5. Presentación del proyecto de MDM
Manual de uso Campus Virtual estudiantes Iberoamericana
Nº Desarrollo Slides Tiempo de Peso
navegación
1 Hoja html para descargar elementos 1 7 min 1KB
técnicos para visualizar el material
2 e-book (Manual de uso 10 30min 383KB
estudiantes)sin revisión de videos
“versión swf”
2a e-book (Manual de uso 10 30min 7KB
estudiantes)sin revisión de videos
“versión html”
3 Video tutorial de ¿Cómo ingresar al N/A 1,54 min 1KB
campus?
“versión html”
4 Video tutorial de Nuestro Campus N/A 1,46min 1KB
“versión html”
Fundamentos del diseño tecno-pedagógico en e-learning.
22
23. Universitat Oberta de Catalunya
Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo
http://card.ly/deiviladino
5 Video tutorial ¿Cuáles son las N/A 1,56 min 1KB
herramientas de interacción?
“versión html”
6 Video tutorial ¿Cómo identificar el N/A 1,17 min 1KB
foro y su ubicación? “versión html”
7 Video tutorial ¿Cómo participar en N/A 2,04 min 1KB
un foro? “versión html”
8 Video tutorial ¿Cómo agregar N/A 1,24 min 1KB
comentarios a un foro? “versión
html”
9 Video tutorial ¿Cómo ingresar al N/A 1,47 min 1KB
chat? “versión html”
10 Video tutorial ¿Cómo enlazar tareas N/A 1,49 min 1KB
y archivos? “versión html”
11 e-book (Manual de uso 10 42,37min 7KB
estudiantes)con revisión de videos
“versión html o swf”
Actividad 5. Presentación del proyecto de MDM
Fundamentos del diseño tecno-pedagógico en e-learning.
23