ARCHIVOS PARA SCORM – INDEX

scorm

 

 

 

EL ARCHIVO INDEX.html

Hola de nuevo, ahora vamos a realizarlo que es el archivo donde ya vamos a empezar a ver lo que hace Scorm, en este archivo como les mencioné en el post pasado, vamos a ver como obtener el nombre de usuario de la plataforma para mostrarlo en pantalla.

comencemos…

Empecemos abriendo nuestro editor de código favorito (SublimeText2 ❤ 4ever 😄 ), una vez hecho esto vamos a crear un archivo nuevo llamado “index.html” obviamente sin las comillas,  y vamos a crear lo elemental de una pagina web, les digo porque me gusta tanto SublimeText2, pues solo pongo ésta instrucción:

html:5 > Presiono tabulador y listo, me sale esto 😀 (primero instala emmet)

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 
</body>
</html>

Modificamos el título y ponemos algo que sea de nuestro agrado, yo pues pondré algo único, “Hola mundo”, no me juzgues jajaja, vale entonces vamos a empezar a crear nuestro documento.

Agregamos el SCORM API que descargamos el Github y lo vamos a agregar dentro del head para que podamos utilizarlo.

<head>
    <meta charset="UTF-8">
    <title>Hola Mundo WordPress</title>
    <script type="text7javascript" src="SCORM_API_wrapper.js"></script>
</head>

y en el body vamos a poner dos botones  y un div con el id Nombre, en este div vamos a mostrar el nombre del alumno que esta viendo el curso. Así que tendremos algo parecido a esto:

<body>
    <h2>Primera conexión a la plataforma LMS</h2>
    <input> type="button" onclick="ObtenerNombre()" value="Obtener Nombre">
    <input> type="button" onclick="CompletarCurso()" value="Completar Curso">
    <div id="Nombre"></div>
</body>

Perfecto, ya tenemos listo la estructura HTML que necesitamos, ahora vamos a escribir algo de código javascript, en nuestra prueba vamos a utilizar 7 funciones, a continuación las listo.

  1. init()
  2. CompletarCurso()
  3. ObtenerNombre()
  4. fin()
  5. Mensaje()
  6. onload()
  7. onunload()

Estas funciones las vamos a ver en la siguiente entrada, por hoy es todo 😀 , Saludos! y nos vemos para codear algo de Javascript y ver por fin la luz al final del tunel jajaja.

J. Antonio Mora

RaptorsArts

RaptorsArts

Disfrutar que es viernes!! un viernes con muchísima energía 😀 (visiten nuestra pagina web, cualquier duda no piensen en mandar mail!)

 

Archivos para SCORM – Manifiesto

Empecemos a utilizar SCORM

scorm

El manifiesto

Para nuestro primer proyecto y para todos los demás proyectos que hagamos que contengan SCORM se debe de seguir la siguiente estructura.

  • Un manifiesto de la Aplicación/Curso
  • Una pantalla principal
  • El SCORM
  • El contenido

Básicamente esto es lo que necesitamos para poder integrar el SCORM en una aplicación, en esta entrada lo que vamos a ver va a ser en específico el archivo relacionado con el Manifiesto, éste archivo es un .xml el cuál contiene información importante de nuestro contenido.

Por defecto de SCORM debemos de nombrar a nuestro manifiesto con el nombre “imsmanifest.xml”, esto es super importantísimo ya que puedes estar tratando de subir tu empaquetado por tres horas y recibir un mensaje de la plataforma con el mensaje “Archivo manifiesto no encontrado” (ni crean que me pasó a mi xD).

Así que ya que tenemos nuestro archivo con el nombre correcto es tiempo de construirlo, podemos descargarlo de el siguiente link: Archivo imsmanifest.xml para ahorrarnos un poco de tiempo, igual solo iremos directo al grano para no hacer tan largo este post.

El archivo lo vamos a abrir con nuestro editor de código preferido, como en mi caso SublimeText2 y veremos una estructura como la siguiente:

imsmanifest

imsmanifest

Aquí básicamente lo que vamos a modificar son las lineas en donde se va a mostrar, por ejemplo el Título y los recursos.

Como vemos en la linea 5 hay una etiqueta <title> es aquí donde vamos a cambiar el nombre por alguno que se nos ocurra, en mi caso pondré algo como “Hola Mundo Scorm”,  de igual manera para la etiqueta de la linea 7.

Así que tendremos un archivo manifiesto como el siguiente:

Estructura Scorm

Estructura Scorm imsmanifest.xml

Otras partes importantes de este archivo son las etiquetas de resources, ya que dentro de estas se encuentra la etiqueta que va a apuntar a nuestra pagina index que es la que va a contener nuestro material, ya sea el juego, o nuestro curso o lo que vayamos a utilizar con nuestro Scorm, esta etiqueta tiene atributos como identificador, tipo de contenido  y la ruta de nuestro archivo principal.

En nuestro caso vamos a dejar la estructura tal como se muestra en la imagen para que nuestro imsmanifest apunte hacia una pagina html con el nombre de index, la otra referencia de archivo que se muestra y que por supuesto es muy importante es la del SCORM API.

A grandes rasgos esta es la “configuración” de nuestro imsmanifest, es importante decir y mencionar que para cada nuevo proyecto que vayamos a realizar este archivo se debe modificar, si no te va a pasar como al tipo que esta escribiendo esto,  que estaba haciendo un proyecto para la materia de POO y en el título del Scorm aparecía “SCORM 1.2 API EXAMPLE”.

Esto es todo para esta parte, tenemos ya en mente que usamos un manifiesto, la próxima entrada vamos a realizar el archivo html donde vamos a obtener el nombre de usuario desde nuestra plataforma LMS.

Nos despedimos con esta melodía para comenzar el día. ¡Saludos!

J. Antonio Mora

RaptorsArts

RaptorsArts

Esta entrada esta basada en la información de Pipwerks, si necesitas consultarla te dejo el link en los enlaces de referencia.

Enlaces de referencia:

¿Qué es SCORM?

scorm

SCORM (¡que miedo…!)

Cuando lo conoces…

Para los que apenas estamos empezando en esto de los LMS puede que esto nos sea algo nuevo (ha decir verdad ya está a mi parecer obsoleto, pero de que es estable, eso nadie se lo quita!), que quizá la primera vez que alguien que dijo, “Sobre que SCORM vamos a trabajar”, o la frase “Hay que hacer pruebas con el SCORM 2004 si no nos regresamos al 1.2”, obviamente a mi no me paso eso (.-.) pero hay desarrolladores que les pasa, y que justamente cuando empiezan a entender mas sobre este tema deciden escribir una entrada en su WordPress (jajajaja xD).

¿entonces qué es?

Resumiendo básicamente lo que dice Wikipedia el SCORM es un estándar que se utiliza regularmente para la realización de cursos u material pedagógico , este mismo estándar es el que permite la realización de los contenidos en multiples plataformas, ya sea en una página web, en una animación hecha en flash o algo ya más bonito ❤ un videojuego (así como Unity 3D u otro game engine) porque en si para eso se creo el estándar, ya que antes nadie quería compartir su manera de realizar sus cursos a alguien se le ocurrió hacer un estándar para que todos pudieran compartir contenido en la misma plataforma y es como tenemos a este estándar, ¡El SCORM!

el viejo scorm

Si, como lo dije al inicio de este post, pues a mi parecer esta un poco obsoleto el SCORM 1.2, ¡ojo¡ el SCORM 1.2, imagínate estar desarrollando un videojuego con un estándar que se liberó por allá de los años 2000 (según su página fue en el año 2001), para esa fecha andaba por la primaria (XD me parece increíble) y ahora en el año 2016 cuando estoy aprendiendo más a la fuerza que por interés, me doy cuenta que está super bien desarrollado (no por nada es un estándar) con una estabilidad de otro mundo y que aún en esta época, en el año 2016 se sigue utilizando. Es viejo, claro que si, pero es tan estable que en los desarrollos actuales es muy utilizado que ahora vamos a ver como es que funciona esto.

¿Hay más Versiones?

Claro, hay un par de más versiones, por ejemplo el SCORM 2004, que simple y sencillamente es el SCORM 1.2 pero con un par de parches que “mejoran” la funcionalidad, también tenemos al gran “Sucesor” del SCORM 1.2, el TIN CAN API, lo escuche, lo revise y mejor cerré la documentación, seguí con mi vida normal como si no supiera nada (#Literal estaba medio fea) y es entonces como apenas hace algunas semanas publican en la pagina de ADL ¡El nuevo suplente de SCORM!, “El Experience API o xAPI” el cual no lo he revisado pues pienso que es lo mismo que el TIN CAN API pero con parches como lo hicieron con SCORM 2004, puede que me equivoque, si es así, me comunican para borrar esta parte :D!

¿Donde Encontrar Documentación?

La información que fue así como elemental para poder comprender todo lo relacionado con SCORM fue este PDF, donde nos explican muy bien lo que se puede hacer con el estándar.

Puedes consultarlo en el siguiente enlace:

http://personales.unican.es/gonzaleof/Moodle/CursoMoodle/ScormReload/doc/Run_time_funciones.pdf

*El material no es mío, así como ustedes lo utilice como consulta, pero los derechos son de las personas de quienes publicaron y/o realizaron el archivo.

 

Pues con esto termino el post, con una buena canción, para comentarles que en la siguiente entrada vamos a hacer nuestro manifiesto para nuestro “Hola mundo” utilizando SCORM 1.2 en la plataforma de Moodle. Si no han utilizado nunca Moodle pueden ver en los links de interés como instalar la plataforma LMS. Sin más por escribir, ya dejaré de acumular palabras sin sentido :D.

¡Saludos!

J. Antonio Mora

Visiten un proyecto que tenemos en puerta:

RaptorsArts

RaptorsArts

Enlaces de interés: