PASOS PARA LA IMPLEMENTACIÓN DE MOOCs EN EL PROGRAMA ISC

Transcripción

1 2014 PASOS PARA LA IMPLEMENTACIÓN DE MOOCs EN EL PROGRAMA ISC Universidad Tecnológica de Pereira YELIXA KAROLINA GONZALEZ Universidad tecnológica de Pereira 01/05/2014

2 CONTENIDO INTRODUCCIÓN... 4 MODULO 1: DEFINICIONES GOOGLE COURSE BUILDER... 7 GOOGLE APP ENGINE... 8 PHYTON... 9 DE DÓNDE VIENE PYTHON... 9 CARACTERÍSTICAS DEL LENGUAJE MODULO 2: ARRANCAR LA APLICACIÓN PASO 1: INSTALAR PYTHON PASO 2: DESCARGAR E INSTALAR EL GOOGLE APP ENGINE PASO 3: CONFIGURACIÓN DEL APP ENGINE PASO 4: DESCARGAR LA APLICACIÓN DE EJEMPLO DE COURSE-BUILDER PASO 5: ARRANCAR LA APLICACIÓN Inicie Google App Engine (Windowds, Mac) Decidir un nombre para su aplicación Inicie Google App Engine Añada la aplicación a Google App Engine Inicie el servidor de desarrollo Conectar con el servidor de desarrollo PASO 6: EXPLORAR EL EJEMPLO DE LA APLICACIÓN MODULO 3: PROCESO DE DISEÑO DISEÑAR UN PLAN PARA EL CURSO DESARROLLAR EL CONTENIDO SIN TECNOLOGÍA Escribir los objetivos claros y específicos Decida lo que quiere evaluar en sus exámenes, tanto calificadas como sin calificar Decida qué otros datos va a recoger para evaluar la eficacia de su curso

3 Secuencie y organice el contenido en trozos digeribles Validar su contenido con los demás DISEÑAR DESDE LOS OBJETIVOS IMPLEMENTAR EL CURSO CON TECNOLOGÍA Asesoramiento de la aplicación MODULO 4: CREAR EL MATERIAL DEL CURSO LOS ROLES DE U-MOOC Autor Administrador Estudiante Especificaciones generales MODIFICAR LA ESTRUCTURA DEL CURSO Estructura de una página como registrado Estructura de una página como no registrado Pruebas DASHBOARD OutLine Assets Configuración Los estudiantes LA PANTALLA DE REGISTRO Página de inicio No Registrado Página de registro Página de registro de confirmación Pruebas LA PANTALLA DEL PERFIL DE USUARIO Diseño de página Qué sucede desde esta página?

4 Pruebas La pantalla Home Estructura de la página de inicio Home Pruebas MODULO 5: LAS MOOC'S COMO NEGOCIOS FREEMIUM FLAT WORLD KNOWLEDGE

5 INTRODUCCIÓN Esta monografía muestra cómo crear la Plataforma de cursos abiertos masivos online en la Universidad Tecnológica de Pereira. Esta nueva iniciativa se enmarca en el aula abierta y con ella se pretende ampliar la oferta actual, constituida por tecnología que permite generar videos de calidad y con bajo costo de producción, plataformas de aulas virtuales online, plataforma de tutorías y consultas virtuales y finalmente video-apuntes, herramienta que permita grabar de forma desasistida clases magistrales. Con esta plataforma la Universidad Tecnológica de Pereira se incorpora al movimiento de cursos Online abiertos y masivos, movimiento iniciado apenas dos años por la universidad de Stanford con un curso de introducción a la inteligencia artificial Online en el que se matricularon 160 mil estudiantes de 190 países; esto fue un hito importante en esta iniciativa, iniciativa que se ha convertido ya en una nueva revolución imparable a las que ya se han incorporado las mejores universidades del mundo con la creación de diversas plataformas que comparten un objetivo: facilitar el acceso a una formación superior de calidad y de forma gratuita a cualquier persona que tenga ganas de aprender y una conexión a internet. En general la estructura de estos cursos consiste en: Unos videos en los que se explican los conceptos básicos, segmentados de forma que el alumno pueda consultar cada concepto tantas veces como quiera hasta que le quede claro. Una serie de ejercicios y evaluación, intercalados con los videos que permitan al alumno ir consolidando estos conceptos. Y un foro de soporte, en el que los alumnos puedan comunicarse entre ellos y con los profesores para aclarar dudas y comentar los temas expuestos. Al desarrollar una plataforma con Cursos en Línea Masivos y Abiertos, La Universidad Tecnológica de Pereira apuesta por facilitar el acceso a una formación de calidad a todos los rincones del mundo, inicialmente con cursos de Ingeniería de Sistema y Computación, para ello se contará con un claustro de profesores con capacidad de generar contenido de calidad en un gran número de áreas. Y disponer de la tecnología necesaria para generar los medios necesarios para la difusión de los contenidos de la Plataforma a través de internet. En esta monografía se detallaron los pasos para crear y modificar un Curso en Línea Masivo y Abierto a través de la plataforma de Google Course Builder, una app de Google. Actualmente el manejo no es del todo fácil, y es necesario tener algunos conocimientos de 4

6 tecnología para poder avanzar en esta plataforma, sin embargo, el desarrollo de esta aplicación es entendible y se hace simple de manejar, por esta razón se decidió realizar este paso a paso bajo los lineamientos de Google Course Builder, porque es una herramienta que está al alcance de cualquier persona que tenga conocimientos básicos y es apta para todo público. Además, Google cuenta con una infraestructura técnica ejemplar, por no hablar de su experiencia en la obtención de ingresos a partir de servicios gratuitos, un punto muy atractivo cuando se habla de este tipo de servicios. Con la plataforma de Google Course Builder se decidió trabajar con lenguaje Python, ya que es un software de libre de distribución y a diferencia de lenguajes como C++ y Java, la sintaxis de Python es bastante similar al lenguaje natural y por lo tanto mucho más fácil de entender. Además de que es rápido de desarrollar, es sencillo y sus bibliotecas hacen gran parte del trabajo, por lo tanto su desarrollo se hace fácil de entender por cualquier persona que tome esta monografía como guía para la implementación de un Curso Masivo en Línea y Abierto. Se espera que los cursos implementados a través de esta monografía sean curos con una clara orientación hacia la formación permanente y que sean útiles en la experiencia que supone aprender. 5

7 MODULO 1: DEFINICIONES PASOS PARA LA IMPLEMENTACIÓN DE MOOCs EN EL PROGRAMA ISC 6

8 GOOGLE COURSE BUILDER (es código abierto) Google Course Builder nació como un experimento de Google para montar una MOOC: Power Searching with Google. A raíz del éxito de este curso, y de los MOOC en general, el uso de esta herramienta se ha extendido tanto en su desarrollo por parte de Google y otras entidades Course Builder contiene el software necesario y todo el material para poder crear un curso online, el cual podrá incluir lecciones, ejercicios para los alumnos y evaluaciones. Para poder utilizar Course Builder, se debe tener algunas nociones básicas en diseño web, particularmente en HTML y Javascript. La plataforma seleccionada para realizar los pasos de cómo crear una MOOC, fue Google Course Builder por tener acceso tanto al código fuente como a los propios desarrolladores de la misma [1]. GCB es una plataforma basada sobre el API de Python del Google Application Engine que ofrece herramientas tanto para el despliegue de contenidos como de actividades de evaluación sumativa y formativa. El proyecto surgió al liberalizar la tecnología que el propio Google utilizó para el lanzamiento de su primer MOOC ( Power Searching with Google ) de cara a posicionarse como un referente en Internet como tecnología abierta para la generación de MOOCs y a su vez como herramienta basada en la infraestructura de los servidores de Google. Finalmente, a 10 de septiembre de 2013, el proyecto de Google se ha fusionado con la plataforma edx de cara a poner al servicio de una de las instituciones más prestigiosas en la enseñanza de la ingeniería en el mundo, la fuerza de desarrollo del equipo de Google y unir esfuerzos para crear un referente en el mundo de los MOOCs [2]. 7

9 GOOGLE APP ENGINE Google App Engine es la plataforma de alojamiento y desarrollo de aplicaciones de Google. Google App Engine que permite construir aplicaciones web para grandes volúmenes de tráfico sin tener que gestionar una infraestructura para ello. Sus aplicaciones usan la misma tecnología de velocidad y fiabilidad que utilizan los sitios web de Google. El usuario solo facilitas el código [3]. Google App Engine soporta aplicaciones escritos en una variedad de lenguajes de programación [4]. Java: Uso de entorno de ejecución Java de App Engine, usted puede construir la aplicación utilizando tecnologías estándar de Java. Python: App Engine incluye un intérprete de Python rápido y bibliotecas estándar de Python. PHP: App Engine utiliza los servicios de plataforma en la nube de Google bajo el capó cuando se llama a funciones PHP habituales. Go: App Engine ofrece un entorno de ejecución de Go que funciona de forma nativa código compilado Go. Google App Engine hace que sea fácil de construir y desplegar una aplicación que funciona de forma fiable incluso bajo carga pesada y con grandes cantidades de datos. Incluye las siguientes características [4]: Almacenamiento persistente con las consultas, la clasificación, y transacciones. Escala automática y balance de carga. Colas de tareas asíncronas para la realización de trabajos fuera del ámbito de una solicitud. Tareas programadas para activar eventos en momentos o intervalos regulares especificados. Integración con otros servicios y APIs cloud de Google. Las aplicaciones se ejecutan en un entorno seguro, un recinto de seguridad, lo que permite App Engine para distribuir peticiones a través de múltiples servidores, y la ampliación de servidores para satisfacer las demandas de tráfico. 8

10 PHYTON Es un lenguaje de programación de propósito general, orientado a objetos, que también se puede utilizarse para el desarrollo web. Se quiere presentar un lenguaje de programación de propósito general, cuya expansión y popularidad es relativamente reciente. Se trata de Python, una apuesta por la simplicidad, versatilidad y rapidez de desarrollo. Python es un lenguaje de scripting independiente de plataforma y orientado a objetos, preparado para realizar cualquier tipo de programa, desde aplicaciones Windows a servidores de red o incluso, páginas web. Es un lenguaje interpretado, lo que significa que no se necesita compilar el código fuente para poder ejecutarlo, lo que ofrece ventajas como la rapidez de desarrollo e inconvenientes como una menor velocidad. En los últimos años el lenguaje se ha hecho muy popular, gracias a varias razones como [5]: La cantidad de librerías que contiene, tipos de datos y funciones incorporadas en el propio lenguaje, que ayudan a realizar muchas tareas habituales sin necesidad de tener que programarlas desde cero. La sencillez y velocidad con la que se crean los programas. Un programa en Python puede tener de 3 a 5 líneas de código menos que su equivalente en Java o C. La cantidad de plataformas en las que podemos desarrollar, como Unix, Windows, OS/2, Mac, Amiga y otros. Además, Python es gratuito, incluso para propósitos empresariales. DE DÓNDE VIENE PYTHON El creador del lenguaje es un europeo llamado Guido Van Rossum. Hace ya más de una década que diseño Python, ayudado y motivado por su experiencia en la creación de otro lenguaje llamado ABC. El objetivo de Guido era cubrir la necesidad de un lenguaje orientado a objetos de sencillo uso que sirviese para tratar diversas tareas dentro de la programación que habitualmente se hacía en Unix usando C. 9

11 El desarrollo de Python duró varios años, durante los que trabajó en diversas compañías de Estados Unidos. En el 2000 ya disponía de un producto bastante completo y un equipo de desarrollo con el que se había asociado incluso en proyectos empresariales. Actualmente trabaja en Zope, una plataforma de gestión de contenidos y servidor de aplicaciones para el web, por supuesto, programada por completo en Python [5]. CARACTERÍSTICAS DEL LENGUAJE Propósito general Se pueden crear todo tipo de programas. No es un lenguaje creado específicamente para la web, aunque entre sus posibilidades sí se encuentra el desarrollo de páginas. Multiplataforma Hay versiones disponibles de Python en muchos sistemas informáticos distintos. Originalmente se desarrolló para Unix, aunque cualquier sistema es compatible con el lenguaje siempre y cuando exista un intérprete programado para él. Interpretado Quiere decir que no se debe compilar el código antes de su ejecución. En realidad sí que se realiza una compilación, pero esta se realiza de manera transparente para el programador. En ciertos casos, cuando se ejecuta por primera vez un código, se producen unos bytecodes que se guardan en el sistema y que sirven para acelerar la compilación implícita que realiza el intérprete cada vez que se ejecuta el mismo código. Interactivo Python dispone de un intérprete por línea de comandos en el que se pueden introducir sentencias. Cada sentencia se ejecuta y produce un resultado visible, que puede ayudarnos a entender mejor el lenguaje y probar los resultados de la ejecución de porciones de código rápidamente. 10

12 Orientado a Objetos La programación orientada a objetos está soportada en Python y ofrece en muchos casos una manera sencilla de crear programas con componentes reutilizables. Funciones y librerías Dispone de muchas funciones incorporadas en el propio lenguaje, para el tratamiento de strings, números, archivos, etc. Además, existen muchas librerías que podemos importar en los programas para tratar temas específicos como la programación de ventanas o sistemas en red o cosas tan interesantes como crear archivos comprimidos en.zip. Sintaxis clara Por último, destacar que Python tiene una sintaxis muy visual, gracias a una notación identada (con márgenes) de obligado cumplimiento. En muchos lenguajes, para separar porciones de código, se utilizan elementos como las llaves o las palabras clave begin y end. Para separar las porciones de código en Python se debe tabular hacia dentro, colocando un margen al código que iría dentro de una función o un bucle. Esto ayuda a que todos los programadores adopten unas mismas notaciones y que los programas de cualquier persona tengan un aspecto muy similar. 11

13 MODULO 2: ARRANCAR LA APLICACIÓN PASOS PARA LA IMPLEMENTACIÓN DE MOOCs EN EL PROGRAMA ISC 12

14 PASO 1: INSTALAR PYTHON 2.7 En primer lugar deberemos instalar Python 2.7 en nuestra máquina. Python es uno de los lenguajes que nos permite usar el App Engine y más concretamente el lenguaje en que está desarrollado el Course Builder, por lo que necesitamos las herramientas necesarias para poder ejecutarlo. Para descargarlo, vamos a y en la sección "Downloads" elegimos la correspondiente a nuestra plataforma (está disponible en Windows, Mac o incluso el código fuente) [6]. Para las máquinas Linux, Python viene instalado por defecto en casi todas las distribuciones. Para instalar Python 2.7 en Windows se debe seguir los pasos que se explican a continuación [7]: Al ejecutar el instalador de Python se mostrará la ventana de inicio de instalación, en esta ventana seleccionamos install for all users y damos click en Next >, esta descripción se refleja en la imagen 1. Imagen 1. Ventana de inicio de instalación (Python 2.7) Fuente: [7] Ahora seleccionamos donde se va a instalar Python, se sugiere dejar la ruta por defecto C:\Python27, después de seleccionar donde instalar damos click en Next >, ver este paso en la imagen 2. Imagen 2. Selección de directorio (Python 2.7) 13

15 Fuente: [7] El siguiente paso es seleccionar que características de Python se desea instalar. Si lo dejan por defecto dan click en Next >, caso contrario si desean modificar alguna de estas características dan click en los iconos que se desprenden del árbol de Python, esto lo podemos ver en la imagen 3. Imagen 3. Selección de características (Python 2.7) Fuente: [7] En la imagen 4 se muestra la ventana donde se ve el estado en que se encuentra la instalación, aquí solo nos queda esperar a que termine y se muestre la siguiente ventana. 14

16 Imagen 4. Estado de la instalación (Python 2.7) Fuente: [7] Ahora ya en la ventana que se ve a continuación damos click en Finish, con esto finalizamos la instalación de Python 2.7 en nuestro ordenador, la imagen 5 muestra esta ventana. Ahora solo faltan unos pasos de configuración para poder ejecutar Python en el terminal de Windows. Imagen 5. Instalación completa (Python 2.7) Fuente: [7] Para configurar y poder ejecutar Python en el terminal de Windows, vamos a Equipo, damos click derecho y seleccionamos Propiedades, ahora en la ventana que aparecerá se 15

17 selecciona la pestaña Opciones Avanzadas y aquí damos click en Variables de entorno, esto se muestra en la imagen 6. Imagen 6. Propiedades del sistema (Python 2.7) Fuente: [7] Siguiente paso en Variables del Sistema, seleccionamos la variable Path y damos click en modificar, como se muestra en la imagen 7. Ya en la ventana que se nos muestra agregamos la ruta en la que se encuentra instalado Python, en mi caso lo tengo en C:\Python27, esto lo que agrego en Valor de variable, finalmente damos click en Aceptar y con esto terminamos la configuración de Python para que pueda ser utilizado Windows y su terminal. En la imagen 8 se observa lo detallado en este punto. 16

18 Imagen 7. Variables de entorno (Python 2.7) Fuente: [7] Imagen 8. Modificar la variable del sistema (Python 2.7) Fuente: [7] 17

19 PASO 2: DESCARGAR E INSTALAR EL GOOGLE APP ENGINE Pre-requisitos Antes de siquiera empezar a descargar el GOOGLE APP ENGINE lo primero que se debe hacer es instalar o actualizar la versión de Python que se tenga en el ambiente de desarrollo, en este caso ya había instalado la última versión de Python. Instalación Una de las razones del éxito de Course Builder es que está alojado en Google App Engine, la nube de Google. Esto significa que no hay que preocuparse por alquilar/comprar servidores, montar bases de datos, balancear la carga, etc. App Engine gestiona todo por nosotros de forma automática. Ahora si podemos descargar el App Engine de acuerdo al sistema operacional en que se tenga en el ambiente de desarrollo, actualmente esta para plataforma Windows, Mac Os X y Linux. El software se puede descargar de la siguiente página: Después de descargar el instalados, se procede a ejecutarlo para empezar con la instalación de Google App Engine Imagen 9. Ejecución del archivo (Google App Engine) Fuente: Autor 18

20 Ahora se selecciona dónde se va a Google App Engine, se sugiere dejar la ruta por defecto C:\ProgramFiles\google_appengine, después de seleccionar donde instalar damos click en Next >, ver este paso en la imagen 2. Imagen 10. Selección de ruta (Google App Engine) Fuente: Autor Imagen 11. Finalización de la instalación (Google App Engine) Fuente: Autor 19

21 Ahora podremos buscar en nuestro PC un ejecutable llamado GoogleAppEngineLauncher. Con él podemos manejar todo lo relacionado con el App Engine sin apenas tocar la línea de comandos. La interfaz es muy sencilla. Imagen 12. Interfaz de GoogleAppEngineLauncher (Google App Engine) Fuente: [8] En el centro podemos ver todas las aplicaciones que tenemos activas en nuestra máquina (NO subidas a la nube, sino en local) y en la fila de arriba podemos ver varios botones. Los más importantes nos permiten: Ejecutar la aplicación seleccionada en local (Run) Parar su ejecución (Stop) Ir a la URL en local de la aplicación seleccionada (Browse) Ver los logs (Logs) Subirlo a la nube (Deploy) 20

22 PASO 3: CONFIGURACIÓN DEL APP ENGINE Hay tres parámetros básicos que se puede usar para que el App Engine se ajuste a nuestras necesidades. Los valores que toman por defecto son bastante aceptables, pero para exprimir hasta el último ciclo de la plataforma tendremos que modificarlos. Lo primero que tendremos que hacer es entrar en la consola de administración, que está situada en y ahí seleccionaremos nuestra aplicación. En el menú lateral, bajo la sección Administration encontraremos la opción Application Settings, una vez dentro bajaremos hasta Performance, aquí es donde haremos todos nuestros cambios [9]. Imagen 13. Desarrollo de la aplicación (Google App Engine) Fuente: Autor Tipo de procesador La primera opción que podemos configurar es Frontend Instance Class donde podemos elegir entre cuatro opciones diferentes (F1, F2, F4 y F4_1G), que se diferencian en la velocidad del procesador y la cantidad de memoria que tiene disponible. Por defecto está seleccionada la maquina mas sencilla, la F1, que nos ofrece un procesador a 600MHz y 128MB de RAM. Si nuestro objetivo es reducir costes esta opción la dejaremos tal y como esta, pues cuanto mejor sea la máquina seleccionada, más nos costarán las horas que esté funcionando. Cada hora que tengamos una F2 funcionando nos cuesta el doble que con una F1, y la F4 cuesta el cuádruple [9]. 21

23 Imagen 14. Consola de administración (Google App Engine) Fuente: Autor Estancias en espera La opción Max Idle Instances nos permite determinar el número máximo de instancias de la máquina que tiene que haber en espera en cualquier momento. Estas instancias están preparadas arrancar inmediatamente en el momento en que las instancias que se están ejecutando tengan mucha carga [9]. Imagen 15. Opción Max Idle Instances (Google App Engine) Fuente: Autor Por defecto se pone en automático, de forma que arranca y deja en espera instancias cuando empieza a aumentar el tráfico, y cuando no hay deja solo una. Un valor alto hará que nuestra aplicación responda mejor durante momentos de mucha carga, pero aumentará los costes. Si queremos reducir costes tendremos que darle un valor pequeño. Hay que tener en cuenta que si tenemos un pico de actividad con pocas instancias en espera es posible que los usuarios noten retardos en las respuestas [9]. Tiempo de espera Esta opción determina cuánto tiene que aguantar una petición a que se libere una instancia en ejecución antes de despertar una que esté en espera. Por defecto todas las peticiones esperan 10ms como mínimo [9, 8]. 22

24 Imagen 16. Opción Tiempo de espera (Google App Engine) Fuente: Autor Podemos aumentar este valor, de forma que si una instancia está cargada de trabajo y llega una nueva petición este se quede en espera a que se aligere la carga. Un valor pequeño hará que los usuarios experiencien menos latencia, pero puede aumentar los costes al arrancar nuevas instancias, mientras que un valor alto mantendrá a los usuarios en espera durante más tiempo, pero reducirá los costes ya que, por lo general, arrancará menos instancias cuando hay mucha carga. 23

25 PASO 4: DESCARGAR LA APLICACIÓN DE EJEMPLO DE COURSE-BUILDER Con el punto anterior finalizado, ahora ya se puede descargar el Google Course Builder y ejecutarlo. Para descargar la aplicación del Generador de Curso, tiene dos opciones : Descargue el archivo ZIP. Descomprimir el archivo en un directorio de trabajo: Visite la página de Course-Builder: Desde allí, siga las instrucciones para obtener una copia local del repositorio usando Git. Utilice este método si está explícitamente asociado con Google para realizar cambios como desarrollador del curso. Ejecutando Google Course Builder en local Ahora volvemos al SDK del App Engine, más concretamente a la aplicación que hemos comentado antes (Google App Engine) y clickamos en File > Add Existing Application Imagen 17. Launcher de la aplicación SDK (Google App Engine) Fuente: [8] En Path ponemos la ruta al directorio del Google Course Builder que acabamos de descargar y pulsamos en Add. 24

26 Imagen 18. Menú para añadir una aplicación existente (Google App Engine) Fuente: [8] Con la aplicación añadida podemos pulsar en el botón Browse de la aplicación del App Engine y nos llevará a la URL donde está disponible el Google Course Builder (siempre desde nuestra máquina, aún no estamos en la nube) donde veremos el curso por defecto del GCB. Imagen 19. Curso por defecto de Google Course Builder (Google App Engine) Fuente: [8] 25

27 PASO 5: ARRANCAR LA APLICACIÓN Una vez que hayas descargado la aplicación de ejemplo, modifíquelo según sea necesario para su curso [10]: 5.1. Inicie Google App Engine (Windowds, Mac) Activar el Launcher donde esté disponible, es decir, desde el escritorio, el Dock, la carpeta Aplicaciones, Inicio -> Programas -> Google App Engine GoogleAppEngine Launcher >, y así sucesivamente. La primera vez que inicie el Lanzador de Mac, es posible que aparezca un cuadro de diálogo que le pregunta acerca de los enlaces simbólicos: Imagen 20. Cuadro de dialogo (Google App Engine) Fuente: [10] 5.2. Decidir un nombre para su aplicación El app.yaml es el archivo de configuración para su aplicación Google App Engine. Antes de empezar, es necesario elegir un nuevo nombre para la aplicación. Para ello: 1. Editar app.yaml. La primera línea es la siguiente: application: mycourse # FIXME: Pon tu ID de aplicación aquí 2. Reemplace mycourse con el nombre que elija para su aplicación. 26

28 Nota para los usuarios de Windows: No utilice el Bloc de notas para editar los archivos del curso. Si lo hace, todos los archivos aparecerán en una larga fila. Por favor, utilice otro editor de texto, como WordPad. Elija una sola palabra como nombre de la aplicación. Es mejor si usted mantiene todas las letras del nombre de la aplicación en minúsculas. Nota: Durante el desarrollo, usted puede darle a su aplicación cualquier nombre que desee. Más adelante, si usted decide personalizar su curso, es posible que necesite más información sobre la configuración. Si es así, consulte la documentación oficial Inicie Google App Engine Activar el Launcher donde esté disponible, es decir, desde el escritorio, el Dock, la carpeta Aplicaciones, Inicio -> Programas -> Google App Engine GoogleAppEngine Launcher>, y así sucesivamente Añada la aplicación a Google App Engine 1. En el Programa de inicio de Google App Engine, en el menú Archivo, seleccione Agregar aplicación existente. 2. Vaya al directorio que contiene el código fuente que ha descargado en el primer paso. 3. Para el puerto, el valor predeterminado suele estar bien. Si tiene otras aplicaciones que se ejecutan localmente, puede que tenga que cambiar el número de puerto. 4. Haga clic en Agregar. Aparecerá una nueva línea. 27

29 5.5. Inicie el servidor de desarrollo Antes de poder implementar su aplicación es necesario desarrollar y depurarla en un ambiente más privado. Ese ambiente más privado que se llama un servidor de desarrollo. Desde el Launcher (Windows, Mac): Para iniciar el servidor de desarrollo del programa de ejecución: 1. Seleccione su aplicación. 2. Cuando está seleccionado, haga clic en el botón Ejecutar para iniciar el servidor 3. Una vez en el botón Examinar está activado, el servidor está listo para aceptar peticiones. 4. Haga clic en el botón Examinar para visitar la aplicación en un navegador web. Si usted no ha iniciado sesión en el servidor de desarrollo, debería ver la página de inicio de sesión para el servidor. Si ya ha iniciado sesión en el servidor de desarrollo, puede ver la página de registro o la página principal del curso. 5. Si aparece la página de inicio de sesión, puede utilizar cualquier nombre de usuario que desee, lo que es el inicio de sesión para el servidor de desarrollo, no tiene por qué coincidir con cualquier dirección de correo electrónico real. Para detener el servidor, haga clic en el botón Detener Conectar con el servidor de desarrollo Una vez que el servidor de desarrollo se está ejecutando, se accede a él a través de un navegador web. 28

30 Desde el programa de ejecución: 1. Haga clic en Examinar. 2. Una ventana de inicio de sesión. 3. Aceptar la dirección de correo electrónico de prueba. 4. Haga clic en Login. Desde la línea de comandos: 1. Abra un navegador web. 2. En la barra de direcciones, introduzca PORT Donde puerto es 8080 por defecto o cualquier puerto que eligió cuando añadió la aplicación en el paso 4. En cualquier caso, debería ver la página de registro para la aplicación así: Imagen 21. Vista de la página de registro Fuente: [10] 29

31 PASO 6: EXPLORAR EL EJEMPLO DE LA APLICACIÓN Ya ha descargado la aplicación de ejemplo y ha conseguido ejecutar el servidor de desarrollo. Antes de empezar a modificar la aplicación para su propio curso, echemos un vistazo a las distintas páginas que un estudiante puede ver [10]. Explore el ejemplo de código. Esta página le muestra cómo los archivos que tocar para crear los resultados necesarios. Las diferentes páginas que un estudiante puede ver son las siguientes [10]: Registro Curso página de inicio Una lección Una actividad Una evaluación El foro de discusión Anuncios Perfil del estudiante Antes de la inscripción Cuando los futuros estudiantes visitan por primera vez el curso, la aplicación muestra una versión de la página principal del curso. En esta versión, el programa del curso es visible, pero los estudiantes no pueden acceder al contenido. La página también muestra un botón Register. Esta página consta de tres áreas: La cabecera que contiene: Icono del curso y el nombre de tu curso. Barra de navegación horizontal, con dos pestañas de la izquierda (Curso y Registro) y una zona con un enlace de conexión. Observe que la barra de navegación horizontal es diferente una vez que el estudiante complete el registro. El área de contenido contiene los nombres de cada unidad y la evaluación de cada uno. Ninguno de estos datos se puede hacer clic antes de la inscripción. El pie de página contiene los mismos dos enlaces como para las páginas de registro. 30

32 Imagen 22. Versión de la página principal del curso Fuente: [10] La aplicación utiliza cuatro archivos para esta página: views / base_registration.html define el encabezado y pie de página. Esta página es utilizada por todas las páginas que se muestran a una persona no registrada. views / preview.html define la estructura del área de contenido. Esta página es muy similar al registrado, vistas / course.html. views / summary.html proporciona la descripción del curso y material introductorio. Esta página también es utilizado por views / course.html. data / unit.csv proporciona el contenido real del área de contenido. Esta página también es utilizado por views / course.html. Es necesario cambiar estos archivos para personalizar la aplicación para su material. 31

33 32

34 MODULO 3: PROCESO DE DISEÑO PASOS PARA LA IMPLEMENTACIÓN DE MOOCs EN EL PROGRAMA ISC 33

35 DISEÑAR UN PLAN PARA EL CURSO Identifique su audiencia y sus supuestos. "Todo el mundo" no es una audiencia práctica. Por lo menos, limitar la audiencia a las personas interesadas en el tema. Cuanto más específico sea, más fácil será para el resto. Considere la logística del curso. 1. Cuánto tiempo desea que dure el curso? Es de suponer que usted sabe mucho sobre el tema. Cuánto de eso es lo que quiere transmitir? 2. Cuánto tiempo está dispuesto su público a gastar en este tema? Su audiencia puede estar interesada, pero menos interesada que tú en el tema. Lo que usted estaría dispuesto a pasar en semanas, otros sólo pueden estar dispuestos a pasar en horas. 3. Qué ritmo es el adecuado? Cuántas sesiones? Cuántos días? Por ejemplo, si usted espera que su audiencia vaya a ser personas con empleos de tiempo completo, que no tenga mucho tiempo para gastar en su curso, incluso si están muy interesados. Difundir el mismo número de lecciones a través de más días puede ayudar a esa gente. Por otro lado, si usted separa sus lecciones durante muchos días, los estudiantes pueden olvidar lo que ocurrió antes y tendrán problemas. 4. Cómo va a manejar las zonas horarias? Cada vez que se anuncian las fechas relevantes para su curso, debe ser muy claro al respecto. Si la evaluación de mitad de curso se debe hacer en un momento determinado, asegúrese de mencionar la zona horaria para ese momento. 34

36 DESARROLLAR EL CONTENIDO SIN TECNOLOGÍA. En la primera parte del desarrollo amplíe la información que usted necesita durante la fase de planificación. Después de eso, debe decidir exactamente lo que quiere que los estudiantes aprendan y cómo va a llegar a hacer eso. Se crea una serie detallada de objetivos, formas de evaluar si los estudiantes cumplen esos objetivos, y desarrollar el contenido de las lecciones, actividades, etc. Es muy tentador empezar a grabar vídeos y evaluaciones, pero si usted hace eso, puede crear un curso que no tiene sentido y que no cumple su objetivo primario o ninguno de los objetivos complementarios que planeaste. Dicho esto, a pesar de que se recomienda hacer el desarrollo inicial sin utilizar la tecnología, hay aspectos que deben influir en su estrategia de desarrollo. En la primera parte de desarrollo hay que ampliar la información que usted determine durante la fase de planificación. Después de eso, te pones a decidir exactamente lo que quieres que los estudiantes aprendan haciendo lo siguiente: Escribir los objetivos claros y específicos. Decida lo que quiere usar en sus evaluaciones, tanto calificadas y sin calificar. Decida qué otros datos recoger para evaluar la eficacia de su curso. Secuencie y organice el contenido en trozos digeribles. Valide su contenido con los demás. Escribir los objetivos claros y específicos. Objetivos a lograr: Tiene que decirle a la audiencia lo que van a aprender. Objetivos claros, responder el " Qué hay para mí?". También mantienen el contenido conciso y específico. Esto le permite evitar abrumar a sus estudiantes con demasiada información. Objetivos, resultados precisos de la información Al decidir los objetivos de su curso, trate de diseñar para el término medio. No haga los principales objetivos demasiado fáciles o demasiado difíciles. 35

37 Decida lo que quiere evaluar en sus exámenes, tanto calificadas como sin calificar. En el desarrollo de software, esta idea se conoce como desarrollo basado en pruebas. La idea es ser muy concreta "Los estudiantes deben saber las respuestas a este conjunto de preguntas". A continuación, crea las lecciones para que se active ese resultado. Las evaluaciones sirven para múltiples propósitos. Le permiten evaluar los conocimientos de los estudiantes para que pueda evaluar su progreso, pero también para que pueda mejorar el contenido del curso para futuras versiones. Haga sus evaluaciones atractivas y desafiantes, pero no intimidantes y frustrantes. Usted quiere la evaluación para evaluar el progreso de los estudiantes, no para asustar. Recuerde que su audiencia puede tener una amplia gama de familiaridad con el mundo online. Asegúrese de que la mecánica de hacer las evaluaciones no interfiere con el contenido de las evaluaciones. Decidir si desea o no que las evaluaciones calificadas. Si usted quiere que ellos, tenga en cuenta que las cuestiones de clasificación para los estudiantes. Los estudiantes quieren saber cómo funciona la clasificación y se preocupan por conseguir un alto grado. 36

38 Suponiendo que usted desea evaluaciones calificadas, decidir cómo estas van a afectar la calificación final. Por ejemplo, suponga que tiene dos evaluaciones calificadas, uno en la mitad del curso y otra al final del curso. Si cuentas la primera evaluación el 35% de la nota final, la evaluación final un 65% de la nota, y se requieren por lo menos una puntuación combinada de 70% para aprobar el curso, entonces si un estudiante falta a la fecha límite para la evaluación media del curso, el estudiante no puede aprobar la asignatura. Es eso lo que quieres? Una vez que el curso ha arrancado por primera vez, su contenido, incluidas las evaluaciones, se encuentran en la web. La gente va a publicar de nuevo y compartirlas. Si usted hace el curso de nuevo, muchos de los estudiantes pueden haber visto ya las evaluaciones de la última vez que impartió el curso. Decida qué otros datos va a recoger para evaluar la eficacia de su curso. Usted debe recoger los datos para que pueda evaluar la eficacia que usted ha conseguido con su curso y lo que puede obtener información concreta para orientar la mejora futura de su curso. Recogemos tres categorías de datos para los siguientes propósitos: Las evaluaciones, como se mencionó anteriormente, el nivel de medida de capacidad y mejora de la capacidad. Se recabará la información mediante la creación del previo, medio, y post-evaluación y la comparación de calificaciones de los estudiantes en ellas. 37

39 Alcance y datos de compromiso mide cuántas personas llegaron a finalizar el curso y cómo participaron las personas. El alcance y el compromiso común de datos incluye: Cuántos estudiantes registrados? Cuántos completaron cada unidad y cada lección? En qué países se vienen los estudiantes? Había una diferencia en el rendimiento curso basado en la ubicación? Usted puede obtener estos datos mediante el uso de Google Analytics para rastrear a los visitantes a su curso. Los datos de Felicidad miden las actitudes de los estudiantes hacia el material y los sentimientos de satisfacción. Responden a preguntas tales como qué tan satisfechos estaban con los alumnos lo que han aprendido y si piensan que van a ser capaces de utilizar el material. Aunque no es objetivo, los datos sobre la felicidad es un indicador importante del éxito de su curso. Incluso si un curso es objetivamente eficaz, si sus estudiantes lo odiaban, no es probable que lo recomienden a sus amigos. Puede recopilar datos sobre la felicidad mediante el envío de una encuesta post-curso a todos los que se inscribieron para el curso. Considerar el envío de encuestas a diferentes personas que se inscribieron pero no terminaron el curso de los que lo hicieron. 38

40 Decidir desde el principio qué datos desea evaluar hace que sea más probable que a medida que continúe el desarrollo del curso, se le recuerda a recopilar la información necesaria para hacer esas evaluaciones. No espere hasta después de que el curso se haya puesto en marcha, sino que también puede ser demasiado tarde para entonces. Secuencie y organice el contenido en trozos digeribles. Algunas cosas a tener en cuenta durante este paso: Durante su primera lección, considere dejar claro a los estudiantes lo que será el flujo de curso. Dígales que cuando las unidades se den a conocer, qué plazos existen. Hay un flujo total con el material que tiene un sentido lógico? Qué dependencias existen en su contenido? Hay pasos que los estudiantes deben aprender antes de otras medidas? Hay conceptos que tienen que entender? A pesar de que usted piensa que su contenido tiene un flujo lógico de principio a fin, recuerde que la gente suele saltar material en línea. En la medida de lo posible, que cada una de sus lecciones independiente para que los estudiantes puedan acceder a ellos con éxito en un orden diferente de lo previsto. Para ayudar con este último punto, ser coherente. Por ejemplo, en primer lugar definir el tema de la lección, entonces por qué digo que es importante?, dar una demostración del tema, hablar de ello un poco, y terminar con una demostración y una breve conclusión. Considere la posibilidad de que la mayoría de las lecciones sean de aproximadamente el mismo tamaño así sus estudiantes saben qué esperar. Para el consumo en línea, su material debe estar en partes más pequeñas para las clases en vivo. Mantenga Vídeos 3-5 minutos de duración. Sus videos se puede hablar de conceptos bastante complejos. Si es así, asegúrese de realizar copias de seguridad de otras maneras. Por ejemplo, agregue consejos antes de las actividades y tener múltiples actividades que apuntan a las diferencias que hacen que la complejidad. Debido a que la comunidad es una parte tan importante de un curso en línea, considere poner ganchos en el foro de discusión de sus lecciones. Por ejemplo, los estudiantes pueden realizar una actividad abierta y enviar los resultados al foro para debatir con otros estudiantes. Como se mencionó anteriormente, debe diseñar los objetivos principales de su curso para el "promedio" de los estudiantes. Es posible que aún desea tener material opcional disponible para los estudiantes que requieren material de apoyo adicional y 39

41 para los estudiantes que deseen material desafiante extra. No poner este material opcional en las lecciones del curso. Validar su contenido con los demás. Antes de hacer el esfuerzo de escribir, grabar vídeo y codificación de actividades y evaluaciones, consulte con otros que lo que va a enseñar a lograr sus metas. Es mejor si usted puede comprobarlo con expertos en el área (para asegurarse de que usted no tiene ningún error) y con los representantes de su público (para asegurarse de que lo que tiene sentido para ellos). Puede ser difícil recordar lo que no sabe, especialmente si usted es un experto en el tema. Usted y las personas que le ayudan a crear un campo han de saber demasiado sobre ello. Mantenga su contenido legal. Esto puede sonar obvio, pero las leyes por lo que se puede hacer en un salón de clases en vivo puede ser diferente de lo que se puede hacer en línea. Además, las leyes relativas a lo que se puede mostrar en un video o hablar en un foro en línea varían de país a país. 40

42 DISEÑAR DESDE LOS OBJETIVOS En desarrollar el contenido sin la tecnología, hablamos de la importancia de crear fuertes objetivos medibles. Pero, qué sigue? La transición entre la creación de objetivos y el desarrollo a veces puede ser un desafío. Vamos a ver una técnica para simplificar todo esto. Unir sus objetivos a las habilidades específicas o piezas de conocimiento es la forma más fácil de estructurar el material de aprendizaje. Coja los objetivos de su curso y colóquelos en la parte superior de una jerarquía. Pregúntate a ti mismo lo que se necesitarían sus estudiantes para llevar a cabo con éxito este objetivo. Qué cosas que necesitan saber? Qué cosas tienen que ser capaces de hacer? Usted se estará preguntando: " Cuál es la diferencia entre el conocimiento y las habilidades?" En la práctica los conocimientos y las habilidades son cosas que se aprenden. La principal diferencia es la profundidad a la que se toma ese aprendizaje. Un componente de información es típicamente un conocimiento más general, pero puede ser visto como una pieza fundamental en la cual construir otro aprendizaje. Un componente de habilidad se lleva a un nivel más profundo, para que puedan participar activamente y hacer algo tangible con el aprendizaje. Como un ejemplo: Conocimiento: Describir un sistema de lenguaje orientado a objetos. Dificultad: Construir una función de trabajo en Java. Piense en qué nivel de cada uno de sus objetivos y toma anotaciones en ellos, ya sea como un objetivo de conocimiento o habilidad. Se utiliza esta anotación en lo que sigue para organizar sus objetivos en un flujo de aprendizaje coherente. Si usted tiene múltiples objetivos, separarlos y realizar estos pasos por separado para cada uno: 1. Haga una lista de cada pieza de conocimiento que un estudiante necesita saber para completar el objetivo. Algunos de los componentes de conocimiento se puede repetir de los supuestos realizados durante la fase de planificación. 2. Haga una lista de cada cosa que el estudiante debe ser capaz de hacer para completar el objetivo. 41

43 Una vez que haya identificado algunas de estas habilidades durante el proceso de planificación lo puede incluir en sus suposiciones. Esto hace que sea fácil saber dónde tienes que crear el contenido y lo que asume que el estudiante trae consigo. 3. Identificar las dependencias entre los componentes del conocimiento y las habilidades necesarias. Hay algo que debe saber antes de que puedan adquirir una habilidad? Hay ciertas habilidades que deben aprender primero para comprender mejor una habilidad más tarde? Existen habilidades y conocimientos que son complementarios, es decir, aquellas que ayuden al alumno más fácilmente a aprender o adquirir habilidades? Existen dependencias del conocimiento? Existen dependencias de habilidad? 4. Reorganizar la lista para que las dependencias se enumeren en orden. 5. Revise los supuestos de la fase de planificación. Su lista contiene los conocimientos que el estudiante debe saber antes de tomar tu curso? Su lista contiene habilidades que un estudiante debe tener antes de tomar el curso? 6. Ahora debería tener una lista de piezas de conocimientos y habilidades que un estudiante necesita para completar con éxito su objetivo. 7. Repita el procedimiento para cada objetivo. 8. Una vez que haya completado los pasos de proceso por cada objetivo, comparar las listas de cada objetivo y fíjese en lo siguiente: Algunas habilidades y piezas de conocimiento puede ser comunes a través de diferentes objetivos. Hacer una verificación cruzada de dependencias entre los distintos trozos y los objetivos y organizarlos como elementos de una manera lógica. 9. Combine las listas. Existen componentes de conocimiento que trascienden los diferentes objetivos? Existen habilidades complementarias que atraviesan diferentes objetivos? 42

44 Existen otras dependencias en el aprendizaje de la materia y la adquisición de las habilidades? Identificar estos y hacer una última reorganización de su lista. Combina elementos cuando sea necesario. Eliminar las piezas repetidas. 43

45 IMPLEMENTAR EL CURSO CON TECNOLOGÍA Una vez que tenga una idea clara de lo que quiere lograr, es el momento de ponerlo en el formato que va a utilizar. En este punto, puede crear vídeos, realizar evaluaciones, configurar sus grupos, y hacer todas esas cosas divertidas. Asesoramiento de la aplicación Algunos consejos generales: No trate de crear inmediatamente un producto final bien acabado. En su lugar, aplicar una versión en bruto que contiene todo el material principal. No pulir la escritura; no hagas ediciones finales en los videos. Tenga en cuenta que el siguiente paso es tu curso es ver qué tan bien funciona con el público. Cuando se hace esto, descubres cosas que quieres cambiar. Asegúrese de que su horario le permite hacerlo y que usted no ha hecho una inversión tan grande en ciertas partes de su aplicación que no puede permitirse el lujo de volver a rehacer cuando se descubre que usted necesita. Separe el material básico del avanzado. Diseñar el flujo principal de su material para el punto medio de los estudiantes - no demasiado fácil ni demasiado duro. Usted puede decidir que hay material adicional y desea que estén disponibles para los estudiantes en cualquier momento. Usted puede poner material extra en un montón de lugares Los estudiantes en línea no dan el feedback que estamos acostumbrados en una clase tradicional Cuando usted puede ver a sus alumnos, como en una clase en vivo, usted tiene una gran cantidad de información para guiar lo que haces. Usted puede ver dónde está interesado, cuando se aburren, y donde está confundido. Sin embargo, para un curso en línea, se crea todo el material del curso y decidir sobre la entrega exacta antes de entregarlo, no se puede cambiar sobre la marcha. Usted no recibe retroalimentación de sus estudiantes para que pueda ajustar el contenido. Lo más que podemos hacer es interactuar con sus alumnos utilizando los mecanismos expuestos en Foro de discusiones y anuncios y material opcional. También puede recopilar datos para ayudar a mejorar las futuras versiones del curso. 44

46 MODULO 4: CREAR EL MATERIAL DEL CURSO PASOS PARA LA IMPLEMENTACIÓN DE MOOCs EN EL PROGRAMA ISC 45

47 LOS ROLES DE U-MOOC Course-Builder actualmente distingue dos roles principales - Autor del curso y Administrador. Estos roles existen para permitir que una organización pueda separar la ejecución técnica del diseño del curso. Esta separación puede permitir que cada persona o equipo pueda centrarse en sus competencias respectivas. Autor Esta es la persona o equipo que diseña y crea el contenido del curso "Lo que se aprende" desde los puntos de vista de los estudiantes. Actualmente el curso, agregamos algunos nombres diferentes y funciones bajo el término de "Autor" Por ejemplo, podemos llamar el Diseñador Instruccional, Educadora Online, Profesor en línea, Asistente de Maestro, y así sucesivamente, todos los "autores de curso." Dashboard es una sección especial para los autores del curso para ver una amplia gama de información acerca de un curso individual. Administrador Esta es la persona o equipo que se encarga de la creación y gestión del curso sobre Google App Engine. Ellos también pueden ser responsables de tareas como facturación de Google App Engine. El administrador puede ser el webmaster para un determinado curso o cursos. Admin es una sección especial para los administradores para acceder y gestionar la instancia de Google App Engine para un curso en particular. Estudiante Este grupo es donde se encuentran los estudiantes, "consumidores" o "usuarios" del contenido que se ha creado con el Generador de Curso. Especificaciones generales Por defecto, todos los ajustes del curso son genéricos o contienen texto de marcador de posición. Debe cambiar la configuración del curso para que sean específicos de su curso. Puede configurar todos estos elementos y más a través de un archivo: course.yaml. El 46

48 archivo course.yaml se encuentra en el directorio raíz de la instalación desarrollador del curso. Los ajustes en el course.yaml son: Título del curso Información página (texto introductorio en la página principal) Información sobre el instructor para mostrar en la página principal Tanto si quieres un vídeo o una imagen en la página principal (si no se especifica el vídeo tendrá prioridad) Fecha de inicio del curso Foro URL para la lista de correo donde los estudiantes pueden inscribirse para recibir anuncios de cursos Configuración regional para la internacionalización Nombre de la institución URL de la página web de su institución Link y el texto alternativo para el logotipo del curso o la institución HTML para ser incluidos antes de la etiqueta de la cabecera de cierre en todas las páginas, incluyendo el código para el análisis Mostrar un botón de G+ en la cabecera de todas las páginas Frase de encabezado para la barra principal de navegación Enlace a su política de privacidad y condiciones de servicio Cabecera de texto para el curso HTML que representan campos adicionales para incluir en el formulario de inscripción en el curso HTML que se visualiza en la página de confirmación de las pruebas 47

49 MODIFICAR LA ESTRUCTURA DEL CURSO o Estructura de una página como registrado o Estructura de una página como no registrado o Pruebas Este código utiliza archivos de views como plantillas para determinar la apariencia de todas las páginas de la aplicación. Los archivos de vista son archivos HTML se definen en directorio views. Cada página que se muestra de la plantilla base_registration.html (para personas no escolarizados) o la plantilla base.html (para las personas inscritas). Las dos plantillas base definir la estructura general de una página HTML. Otros puntos, tales como activity.html, hay que rellenar más estructura para un tipo específico de página. Por último, los archivos fuera de views pueden rellenar el contenido de una página en particular, como la actividad-1.1.js. Estructura de una página como registrado Todas las páginas que ve un estudiante registrado van partir de la misma plantilla, views / base.html. Esta plantilla define el código HTML de una página general e incluye definiciones para el encabezado y pie de página. La cabecera contiene Icono y el nombre de tu curso. Barra horizontal de navegación, con varias pestañas a la izquierda (Anuncios, Campo, Forum y mi perfil) y un área de dirección de la persona y un enlace Logout. El pie de página contiene los mismos dos enlaces como para las páginas de registro. Puede cambiar este encabezado y pie de página de una vez por todas las páginas registradas. En el archivo, cada lugar que hacer un cambio está marcado con la cadena FIXME. Los cambios son los siguientes: 1. Nombre del curso, para el elemento de título. Esta cadena aparece en su navegador, como el nombre de la ventana o pestaña que contiene el curso. 2. Código para recopilar datos analíticos para su curso. 3. Logo para la cabecera. 4. Enlace a ir en el logotipo. 48

50 5. Nombre del curso o la descripción de la cabecera. 6. Link y nombre de la entidad responsable del curso, para el pie de página. 7. Enlace a una política de privacidad aplicable y los términos de servicio. Los números en la imagen donde mostrar esta imagen aparecen en la pantalla. (El código de análisis no tiene ningún efecto visible.) Imagen 23. Estructura de una página como registro Fuente: [11] Estructura de una página como no registrado Las páginas de una persona no registrada puede verse partir de una plantilla base diferente, views / base_registration.html. Al igual que con views / base.html, esta plantilla define el código HTML general de estas páginas e incluye definiciones para el encabezado y pie de página. En el código de ejemplo, gran parte de esta plantilla empieza igual como views / base.html. La única diferencia es que las lengüetas en la navegación horizontal en la cabecera. Puede cambiar este encabezado y pie de página de una vez para todas las páginas que son visibles por una persona no registrada. No hay lugar para recoger los datos de Analytics acerca de las personas que visitan las páginas de registro. Usted puede, por supuesto, hacer que estas páginas se vean diferentes. 49

51 Pruebas Los cambios realizados en cualquier archivo en el directorio de puntos de views aparecerán automáticamente en el servidor de desarrollo. Es decir, después de realizar un cambio en uno de estos archivos, simplemente cargar (o recargar) una página que utiliza este punto de vista y el cambio aparece. 50

52 DASHBOARD o OutLine o Assets o Configuración o Los estudiantes El panel de control muestra una amplia gama de información acerca de un curso en particular. La información contenida en el cuadro de instrumentos incluye el esquema del curso, los activos, la configuración y las estadísticas de los estudiantes. Usted debe ser el autor del curso o tener privilegios similares (por ejemplo, un asistente del profesor) para acceder al Dashboard. Puede acceder al Panel de control desde la barra de menú Imagen 24. Estructura de una página como registro Fuente: [11] 51

53 OutLine Esta es la página por defecto al entrar en el Panel de control. Esta página muestra un resumen del curso. Está ordenada y estructurada exactamente como los estudiantes lo ven. Cada hipervínculo va a la página del curso correspondiente. Assets Esta página muestra todos los elementos que están disponibles para la construcción de su curso. Ubicación del contenido: muestra la ubicación en el servidor donde se instaló este curso. Archivos del curso: Muestra el nombre de ruta de las lecciones y los archivos de la unidad utilizada en el curso. Los otros archivos enumerados aquí son los archivos de registro generados durante las operaciones de carga y exportación de la lección y los archivos de la unidad, así como los binarios para el progreso y los resultados de la evaluación. Assets del curso: archivos de datos que se utilizan para su curso. Por ejemplo, aquí están las imágenes y los archivos JavaScript para sus actividades y evaluaciones. Configuración La sección de configuración muestra cómo el curso es personalizado en el archivo course.yaml. Si quieres saber por qué ciertos elementos se nombran como son, esta sección es un buen lugar para comenzar. En la sección "Acerca de este Curso", verá la ubicación del archivo course.yaml. Esto es útil en los casos en que los cursos se despliegan a partir de una sola instancia del motor de Google App. Los "Contenido del archivo course.yaml" es una representación exacta de su archivo course.yaml. Como autor, usted no puede tener acceso a este archivo como administrador. Ver el contenido de esta sección puede ayudarle a entender sus ajustes del curso y comunicarse con el administrador. 52

54 Los estudiantes Esta página muestra las estadísticas con respecto a los estudiantes, incluyendo matrículas y cuotas. En la sección de Evaluación podrá ver el número de estudiantes que completaron una evaluación particular y la puntuación media de todos los que lo han hecho. El "volver a calcular ahora" va a actualizar todas las estadísticas en la página. Tenga en cuenta que el tiempo que tarda en volver a calcular depende del número de estudiantes que tiene. 53

55 LA PANTALLA DE REGISTRO Página de inicio No Registrado o Qué sucede desde esta página? o Diseño de página Página de registro o Qué sucede desde esta página? o Diseño de página Página de registro de confirmación o Diseño de página Pruebas Página de inicio No Registrado Cuando los futuros estudiantes visitan por primera vez el curso, la aplicación muestra una página de vista previa: Imagen 25. Estructura de una página como registro Fuente: [11] 54

56 Qué sucede desde esta página? De forma predeterminada, esta página es una versión de la página principal del curso. En esta versión, el programa del curso es visible, pero los estudiantes no pueden acceder al contenido. La página también muestra un botón Register. Usted puede cambiar la página de vista previa para visualizar la información. Diseño de página Esta página consta de tres áreas: La cabecera contiene o icono y el nombre de tu curso. o Barra de navegación horizontal, con dos pestañas de la izquierda (Curso y Registro) y una zona con un enlace de conexión. Observe que la barra de navegación horizontal es diferente una vez que el estudiante complete el registro. El área de contenido contiene los nombres de cada unidad y la evaluación de cada uno. Ninguno de estos datos se puede hacer clic antes de la inscripción. El pie de página contiene los mismos dos enlaces como para las páginas de registro. La aplicación utiliza cuatro archivos para que esta página: views / base_registration.html define el encabezado y pie de página. views / preview.html define la estructura del área de contenido. views / summary.html proporciona la descripción del curso y material introductorio otro. data / unit.csv proporciona el contenido real del área de contenido 55

57 Página de registro Cuando los futuros estudiantes hacen clic en Registro, la aplicación muestra una página de registro: Imagen 26. Página de registro Fuente: [11] Qué sucede desde esta página? La página de registro pide una pregunta, el nombre del estudiante. Esto es sólo para mostrar que usted puede hacer preguntas en esta página y almacenar la información. Cuatro archivos están involucrados en el manejo de la información de registro. Si desea agregar preguntas adicionales de registro, debe cambiar estos archivos: views / register.html: Este archivo contiene la plantilla para la página de registro. De forma predeterminada, almacena el nombre del estudiante en una variable denominada form01. Para obtener información adicional por parte del estudiante, agregue más campos de entrada a la forma en este archivo. 56

58 models / model.py: Este archivo contiene definiciones de clase para las entidades del curso (Lesson, Unidad, y Student). En la definición de la clase Student, añadir atributos que corresponden a la nueva información que recopilamos en views / register.html. Los tres tipos de atributos más comunes son db.integerproperty, db.textproperty y db.stringproperty son las cadenas cortas, como un nombre o dirección de correo electrónico; Db.TextProperty es por más campos, como un párrafo de texto. controllers / utils.py: Este archivo contiene el código que maneja varios tipos de página en la aplicación. La clase RegisterHandler define lo que sucede en la página de registro, por defecto el método post form01 utiliza para definir el nombre de la variable y guárdelo con el ejemplo del estudiante en el almacén de datos. Modificar este método para extraer la información de la forma que ha creado en views / register.html. Utilice la información para llenar los atributos que se definen en los modelos / model.py. bulkloader.yaml: Si va a descargar los datos de los estudiantes agregar los nuevos atributos al transformador para Student. Diseño de página Esta página consta de tres áreas: La cabecera contiene o Icono y el nombre de tu curso. o Barra de navegación horizontal, con dos pestañas de la izquierda (Home y Registro) y una zona de dirección de la persona y un enlace de desconexión. El área de contenido incluye un formulario para el futuro estudiante de llenar. El pie de página contiene dos enlaces - uno a su sitio web y una de las condiciones de privacidad y términos para su curso. La aplicación utiliza dos archivos para que esta página: views / base_registration.html define el encabezado y pie de página. Ver modificar una plantilla de campo. views / register.html define el contenido de la ficha de inscripción. Si cambia las preguntas, usted tendrá que cambiar el código que controla las respuestas. 57

59 Página de registro de confirmación Diseño de página Una vez que un futuro estudiante envía el formulario de inscripción, la aplicación muestra la página de confirmación de registro: Imagen 27. Página de registro de confirmación Fuente: [11] Esta página muestra un mensaje cuando el estudiante está inscrito. Un mensaje predeterminado una vez registrado incluye información sobre cómo unirse al foro del curso y discusiones y de unirse a otras listas de correo electrónico para recibir anuncios de cursos. Asegúrese de modificar la información que sea aplicable a su situación. Esta página consta de las mismas tres áreas como la página de registro y utiliza estos archivos para mostrar la página: views / base_registration.html define el encabezado y pie de página. views / confirmation.html define el contenido de la ficha de inscripción. Pruebas Los cambios realizados en cualquier archivo en el directorio de puntos de views aparecerán automáticamente en el servidor de desarrollo 58

60 LA PANTALLA DEL PERFIL DE USUARIO Diseño de página Qué sucede desde esta página? o Estudiante o Abandonar Cambios de ensayo En cualquier momento, los estudiantes pueden visitar una página de perfil que muestra información sobre su situación actual en el curso y también les permite hacer algunos cambios. Esta página se ve de la siguiente manera: Imagen 28. Pantalla perfil de usuario Fuente: [11] 59