Ladino camargodeivifernando actividad 05

23
Presentación del proyecto de MDM [Deivi Fernando Ladino Camargo] @daesuke

description

 

Transcript of Ladino camargodeivifernando actividad 05

Page 1: Ladino camargodeivifernando actividad 05

Presentación del proyecto

de MDM

[Deivi Fernando Ladino Camargo]

@daesuke

Page 2: Ladino camargodeivifernando actividad 05

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

Page 3: Ladino camargodeivifernando actividad 05

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)

Page 4: Ladino camargodeivifernando actividad 05

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.

Page 5: Ladino camargodeivifernando actividad 05

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.

Page 6: Ladino camargodeivifernando actividad 05

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.

Page 7: Ladino camargodeivifernando actividad 05

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

Page 8: Ladino camargodeivifernando actividad 05

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.

Page 9: Ladino camargodeivifernando actividad 05

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

Page 10: Ladino camargodeivifernando actividad 05

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

Page 11: Ladino camargodeivifernando actividad 05

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

Page 12: Ladino camargodeivifernando actividad 05

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

Page 13: Ladino camargodeivifernando actividad 05

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

Page 14: Ladino camargodeivifernando actividad 05

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

Page 15: Ladino camargodeivifernando actividad 05

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

Page 16: Ladino camargodeivifernando actividad 05

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

Page 17: Ladino camargodeivifernando actividad 05

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

Page 18: Ladino camargodeivifernando actividad 05

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

Page 19: Ladino camargodeivifernando actividad 05

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

Page 20: Ladino camargodeivifernando actividad 05

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

Page 21: Ladino camargodeivifernando actividad 05

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

Page 22: Ladino camargodeivifernando actividad 05

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

Page 23: Ladino camargodeivifernando actividad 05

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