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



           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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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

Ladino camargodeivifernando actividad 05

  • 1.
    Presentación del proyecto de MDM [Deivi Fernando Ladino Camargo] @daesuke
  • 2.
    Universitat Oberta deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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 deCatalunya 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