ARCHIVOS PARA SCORM – INDEX

Estándar

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 XD ), 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!)