Date post: | 18-Nov-2014 |
Category: |
Education |
Upload: | deivi-fernando-ladino-camargo |
View: | 1,254 times |
Download: | 3 times |
Presentación del proyecto
de MDM
[Deivi Fernando Ladino Camargo]
@daesuke
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
2
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
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
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
3
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
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 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)
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
4
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
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).
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.
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
5
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
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 rápida al contenido específico por ejemplo: ingreso al campus virtual o participación en foros.
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
6
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
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 trabajo de dosificación y adecuación son importante de resaltar.
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
7
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
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
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
8
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
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 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.
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
9
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
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
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
10 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Imagen distintiva: recreada por medio de 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
2
3
4
1
2
3
4
1
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
11 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
12 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
13 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
14 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
15 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
16 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
17 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
18 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
19 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
20 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
“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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Demos y animaciones: estos elementos permiten la contextualización del contenido al usuario
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
21 A
ctiv
idad
5. P
rese
nta
ció
n d
el p
roye
cto
de
MD
M
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 encuentran inmersos los elementos de interacción.
Menú: elemento conformado por una serie de botones con los cuales el usuario podrá acceder a los distintos contenidos presentados a lo largo del aplicativo.
Libro: estos elementos integradores del menú permiten al usuario identificar visualmente el acceso directo a los contenidos.
Créditos: informe de creativos e institución a la cual pertenece el aplicativo
Imagen distintiva: recreada por medio de 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
1
2
3
5
1
2
3
4
4
5
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
22
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
Procesos realizados para el diseño y producción del MDM
Procesos realizados para el diseño y producción del MDM
c Realizació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
Manual de uso Campus Virtual estudiantes Iberoamericana
Nº Desarrollo Slides Tiempo de navegación
Peso
1 Hoja html para descargar elementos técnicos para visualizar el material
1 7 min 1KB
2 e-book (Manual de uso estudiantes)sin revisión de videos “versión swf”
10 30min 383KB
2a e-book (Manual de uso estudiantes)sin revisión de videos “versión html”
10 30min 7KB
3 Video tutorial de ¿Cómo ingresar al campus? “versión html”
N/A 1,54 min 1KB
4 Video tutorial de Nuestro Campus “versión html”
N/A 1,46min 1KB
Universitat Oberta de Catalunya Máster en Educación y TIC (e-learning)
Deivi Fernando Ladino Camargo http://card.ly/deiviladino
Fundamentos del diseño tecno-pedagógico en e-learning.
23
Act
ivid
ad 5
. Pre
sen
taci
ón
de
l pro
yect
o d
e M
DM
5 Video tutorial ¿Cuáles son las herramientas de interacción? “versión html”
N/A 1,56 min 1KB
6 Video tutorial ¿Cómo identificar el foro y su ubicación? “versión html”
N/A 1,17 min 1KB
7 Video tutorial ¿Cómo participar en un foro? “versión html”
N/A 2,04 min 1KB
8 Video tutorial ¿Cómo agregar comentarios a un foro? “versión html”
N/A 1,24 min 1KB
9 Video tutorial ¿Cómo ingresar al chat? “versión html”
N/A 1,47 min 1KB
10 Video tutorial ¿Cómo enlazar tareas y archivos? “versión html”
N/A 1,49 min 1KB
11 e-book (Manual de uso estudiantes)con revisión de videos “versión html o swf”
10 42,37min 7KB