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.
- init()
- CompletarCurso()
- ObtenerNombre()
- fin()
- Mensaje()
- onload()
- 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
Disfrutar que es viernes!! un viernes con muchísima energía 😀 (visiten nuestra pagina web, cualquier duda no piensen en mandar mail!)
3 comentarios sobre “ARCHIVOS PARA SCORM – INDEX”