Decroly en el congreso Internet en el Aula

Una aplicación innovadora como puente para la recuperación de

información en Second Life.Alfredo de la Presa Cruz

Una aplicación innovadora…Alfredo de la Presa• Necesidad docente: renovar práctica y enseñar acceso a bases

de datos. La idea de utilizar SLURLS + BBDD.

En esta contribución se va a describir un posible uso de Second Life en una

asignatura de Formación Profesional de Grado Superior, titulada “Sistemas

Gestores de Bases de Datos”, en la que se enseña a gestionar BBDD

El motivo inicial por el que esta práctica se realizó fue que durante una sesión

de clase del lenguaje de programación PHP-utilizado luego para acceder a una

base de datos SQL-, los alumnos preguntaron la diferencia entre usar la orden

echo “Su precio es $precio” y la orden echo “Su precio es”.”$precio”, puesto

que no había diferencia alguna en el resultado de ambas. Esto llevó a pensar en

posibles aplicaciones en las que se apreciase la utilidad del operador de

concatenación.

• Por otro lado, en el transcurso de la clase, había quedado claro el concepto de SLURL, que no era sino un hipervínculo formado por una cadena de caracteres determinada en la que no variaban sino la región y las coordenadas. Eso significaba que se podría construir una aplicación que generase las SLURL y que además, permitiese el uso del operador de concatenación para construirlas, introduciendo así Second Life en la práctica educativa.

Una aplicación innovadora…Alfredo de la Presa


Versión inicial de la página

Aparte de la generación del enlace a Second Life, era también interesante registrar el mismo en una base de datos, a la cual se accedería después y para la que se realizaráuna herramienta de recuperaciónPensando pues en el uso del operador de concatenación “.“ se planteó la siguientepráctica:“Una slurl es una url de Second life, es decir, una forma de localizar sitios y recursos en elmundo virtual. Está formada por una cadena de caracteres fija, la región y lascoordenadas, de la siguiente manera:http://slurl.com/secondlife/region/x/y/zLa coordenada z puede omitirse (el sistemala calcularía si no es introducida)Sabiendo que las SLURL se componen de un string de caracteres fijo enprincipio, y que loque cambian son la región y sus coordenadas, hacer un programa quepermita introducir la región con las coordenadas y que nos provea con unvínculo para la SLURL asociada con esa dirección.”


http://slurl.com/secondlife/region/x/y/z

Para añadir funcionalidad, se pidió que elprograma introdujese los resultadosen una base de datos, almacenando lacadena del vínculo y un comentario yuna etiqueta, esta última fundamental parala herramienta de recuperación puesto quepermitirá buscar los vínculos con sudescripción.¿Cómo hacerlo? EasyPHP es un softwareWAMP (Windows, Apache, MySQL yPHP) que instala servicios de servidor web

en un ordenador


Este paquete se puede descargar del sitio: http://www.easyphp.org/telechargements.php3 y contiene Apache 2.2.3, PHP5.2.0, MySQL 5.0.27, phpMyAdmin 2.9.1.1 y el SQLiteManager 1.2 (para elmanejo de bases de datos)

http://www.easyphp.org/telechargements.php3

http://www.easyphp.org/telechargements.php3


Siguiendo el anterior vínculo, hemos llegado a esta página en dondepodemos teleportarnos al destino indicado haciendo clic en el botón naranja.

Con esta serie de pasos hemos comprobado quela aplicación funciona, pero es necesariocomprobar que el enlace se ha guardadocorrectamente en la base de datos creada con elgestor de Bases de Datos del EasyPHP puestoque la asignatura en realidad se basa en la enseñanza de los Sistemas Gestores de Bases

deDatos.La estructura de la tabla de la basede datos es la siguiente: Dos campos de texto y un campo de texto largo que es el comentario.Aún no se ha definido ninguno de estos campos como claveprimaria.


Estructura de la base de datos


Estructura de la base de datos


Esto es perfectamente realizable con otros lenguajes de programación, como por ejemplo

Visual Basic

Una aplicación innovadora…Alfredo de la Presa• Objetivos docentes.Se han creado interfaces de usuario, se ha profundizado en la sintaxis del

lenguajede programación PHP, que es el responsable de la lógica antes del acceso a la

basede datos, se han utilizado órdenes SQL para manipular la base de datos, comoSELECT, DELETE, e INSERT. Todo ello hace referencia a la “capacidad terminal”expresada en el Real Decreto 1660/1994, de 22 de julio por el que se establece eltítulo de técnico superior en Administración de Sistemas Informáticos (ASI) y lascorrespondientes enseñanzas comunes:o Manejar información almacenada en el sistema con la ayuda de losSistemas Gestores de Bases de Datos (SGBD) definiendo, actualizando,consultando e importando/exportando información

Una aplicación innovadora…Alfredo de la Presa• Refinamiento de la aplicación innovadora como puente

a la recuperación de información en Second LifeSe ha visto un ejemplo de uso innovador de la educación con la aplicación deuna práctica que nos ha permitido construir una base de datos que nossimplificará las búsquedas de nuestras SLURLS, Esta aplicación es nuestropuente hacia la recuperación de información en este entorno 3D.Esta simple práctica, llevada a cabo con alumnos de Formación Profesional deGrado Superior demuestra hasta qué punto puede integrarse Second Life en lalabor docente.Además de lo visto hasta ahora, tal y como aparece en la página web [9] (EnBeta el 3 de mayo de 2008) se observa que este mismo esquema puede utilizarsetambién para que cada persona dé información sobre su avatar, y se cree unacomunidad que informe de los acontecimientos.


Ahora también podemos buscar por avatar. La tabla de la base de datos quedaría entonces de la siguiente manera: Id_vinculo vinculo directo región etiqueta comentario Avatar asociado.


El último botón “Copy SLURL to clipboard” nos da la opción de copiar al portapapeles nuestra SLURL


Nuestra herramienta, ampliada con un módulo que permite truncar la cadena, generar los vínculos e introducir las etiquetas,

comentarios y/o avatares asociados


Nuestra aplicación ya terminada

Una aplicación innovadora…Alfredo de la Presa• Bibliografía1. http://www.sloodle.com/whitepaper.pdf 2. COLLECTIVE TAGGING OF PLACES IN THE MULTI-USER VIRTUAL ENVIRONMENT

OF SECOND LIFE, de Arthur Taylor3. Astronomy in Second Life: A user’s perspective, de Adrienne J. Gauthier de la

Universidad de Arizona4. Visual Basic 6 Edición especial, de Brian Siler y Jeff Spots, editorial Prentice

Hall5. HTML & XHTML, The definitive guide de Check Musciano y Bill Kennedy,

editorial O’Reilly6. Fundamentos y modelos de bases de datos, de Adoración de Miguel y Mario

Piattini, editorial Ra-Ma

http://www.sloodle.com/whitepaper.pdf

Una aplicación innovadora…Alfredo de la Presa• Páginas web utilizadas1 http://www.zymic.com 2.http://del.icio.us/search/?fr=del_icio_us&p=SLURL&type=all 3.http://del.icio.us/secondlife/education 4.http://tinyurl.com/jnafl 5.http://sleducation.wikispaces.com/educationaluses6.htttp

://www.simteach.com/wiki/index.php?title=Top_20_Educational_Locations_in_Second_Life

7.http://uocweb3d.ning.com/ 8.http://www.blip.tv/file/74378/ 9.http://stats.slbuzz.com/sims/browse/ 10. http://knowledgecast.wordpress.com/2006/10/14/nanoscale/ 11. http://infoisland.org/2007/08/29/science-center-meetup-on-saturday/ 12.

http://zero.hastypastry.net/pathfinder/public_slides/GLS_ChatnFrag_Presentation.ppt 13. http://www.simteach.com/slccedu07proceedings.pdf 14. http://lsl.dimentox.com/snippet.php?sid=38

http://www.zymic.com/

http://del.icio.us/search/?fr=del_icio_us&p=SLURL&type=all

http://del.icio.us/search/?fr=del_icio_us&p=SLURL&type=all

http://del.icio.us/secondlife/education

http://del.icio.us/secondlife/education

http://tinyurl.com/jnafl

http://tinyurl.com/jnafl

http://sleducation.wikispaces.com/educationaluses

http://sleducation.wikispaces.com/educationaluses

http://www.simteach.com/wiki/index.php?title=Top_20_Educational_Locations_in_Second_Life



http://uocweb3d.ning.com/

http://uocweb3d.ning.com/

http://www.blip.tv/file/74378/

http://www.blip.tv/file/74378/

http://stats.slbuzz.com/sims/browse/

http://stats.slbuzz.com/sims/browse/

http://knowledgecast.wordpress.com/2006/10/14/nanoscale/

Una aplicación innovadora…Alfredo de la Presa• Lista de SLURL utilizadas1. http://slurl.com/secondlife/uvvy2/50/50/50 2. http://slurl.com/secondlife/ahern/50/50/50 3. http://slurl.com/secondlife/Campus/150/100 4. http://slurl.com/secondlife/NMC%20Campus/142/223 5. http://slurl.com/secondlife/Infotainment%20Island/86/128/31 6. http://slurl.com/secondlife/Learn4Life/134/109/26 7. http://slurl.com/secondlife/LivingintheUniverse/55/140/251 8. http://slurl.com/secondlife/Novatierra/199/51/41 9. http://www.metaverseconnections.com/

Una aplicación innovadora…Alfredo de la Presa• Código inicial usado para la construcción de las SLURL<head>

<title>Construcción de SLURLS en español</title></head><body bgcolor="lightyellow"><h1>Construcción de SLURLS en español</h1><form action = "ConsURL.php"><table><tr><td>Introduce tu región:</td><td><input type="textbox“name="region"></td></tr><tr><td>Introduce la coordenada x:</td><td><input type="textbox“name="x"></td></tr><tr><td>Introduce la coordenada y:</td><td><input type="textbox“name="y"></td></tr><tr><td>Introduce la coordenada z (No obligatorio):</td><td><inputtype="textbox" rows="5" cols="30" name="z"></td></tr><tr><td>Introduce la descripción para incluirla en la base dedatos</td><td><textarea name="comentarios"></textarea></td>

Una aplicación innovadora…Alfredo de la Presa• Código inicial usado para la construcción de las SLURL (2) </tr></table><center><table><tr><td> <input type="submit" value="Enviar"></td><td><input type="reset" value="Borrar"></td></tr></table></center></form><?PHPif (isset($region)){$cadena="http://slurl.com/secondlife/";

$cadena .= "$region/";$cadena .= "$x/";$cadena .= "$y/";

if(isset($z)) $cadena .= "$z";

echo "<center><h1><A href='$cadena'>Enlace a tu sitio de SecondLife</A></h1></center>";}?></body></html>

Una aplicación innovadora…Alfredo de la Presa• Código final usado para la construcción de las SLURL con Bases de

Datos y Avatares (1). <head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Creación de SLURLS</title><meta name="description" content="programa que recupera SLURLS de la base de datos"><meta name="keywords" content=""><meta name="author" content="Alfredo de la Presa"><meta name="generator" content="AceHTML 5 Freeware"><link rel=stylesheet type="text/css" href="Resumen.css" title="Hoja de estilos"></head><body> <h1>CONSTRUCCIÓN DE SLURLS EN ESPAÑOL</h1><h2>AUTOR: ALFREDO DE LA PRESA CRUZ</H2><div> <form action = "AVBDSLURL.php"> <table> <tr> <td>Introduce tu región:</td><td><input type="textbox"

name="region"></td></tr><tr><td>Introduce la coordenada x:</td><td><input type="textbox" name="x"></td> </tr><tr><td>Introduce la coordenada y:</td><td><input type="textbox" name="y"></td></tr><tr><td>Introduce la coordenada z (No obligatorio):</td><td><input type="textbox" rows="5" cols="30"

name="z"></td> </tr>


Datos y Avatares(2)<tr><td>Introduce una etiqueta para mejorar la búsqueda</td><td><inputtype="text" name="etiqueta"></td> </tr> <tr> <td>Introduce la descripción paraincluirla en la base de datos</td><td><textarea name="comentario"></textarea></td> </tr><tr><td>Introduce el nombre del avatar asociado</td><td><input type="text" name="avatar"></td></tr></table><center><table><tr><td><tr><td></td><td></td></tr><tr><td> </td><td></td></tr><tr><td><input type="submit“value="Enviar"></td><td><input type="reset" value="Borrar"></td></tr> </table></center></form></div><center><h2><ahref="avindiceslurl.html">Vuelta al índice</a></h2></center>


Datos y Avatares(3)<?PHP //Aquí empieza la parte de PHPif (isset($region)){$cadena="http://slurl.com/secondlife/"; $cadena2="secondlife://";

$cadena .= "$region/";$cadena .= "$x/";$cadena .= "$y/";

if(isset($z)) $cadena .= "$z"; $cadena2 .= "$region/";

$cadena2 .= "$x/";$cadena2 .= "$y/";

if(isset($z)) $cadena2 .= "$z";echo "<center><h1><A href='$cadena'>Enlace al sitio de Secondlife</A></h1></center>"; echo "<center><h1><A href='$cadena2'>Enlace directo al sitio de Second

Life</A></h1></center><br>";$i=0;$c=mysql_connect("localhost","root",""); if (!$c){die("Conexión Fallida");}$s=mysql_select_db("avslurl",$c);


Datos y Avatares(4).

$consulta="INSERT INTO TBSLURL(vinculo, directo,region,etiqueta,comentario, avatar) VALUES('$cadena','$cadena2','$region','$etiqueta','$comentario', '$avatar')"; $resultado=mysql_query($consulta);if ($resultado){print("Su envío ha quedado registrado<br>");}else{ Print("Error en el registro");}mysql_close($c);}?></body></html>

Una aplicación innovadora…Alfredo de la Presa• Código final usado para la recuperación de información de la base datos (1). <head><meta http-equiv="Content-Type" content="text/html; charset=iso-88591"><title>Recuperación de SLURLS</title><meta name="description" content="programa que recupera SLURLS de la base dedatos"><meta name="keywords" content=""><meta name="author" content="Alfredo de la Presa"><meta name="generator" content="AceHTML 5 Freeware"><link rel=stylesheet type="text/css" href="Resumen.css" title="Hoja deestilos"></head><body><h1>RECUPERACIÓN DE SLURLS DE LA BASE DEDATOS</h1><h2>AUTOR: ALFREDO DE LA PRESA CRUZ</h2><div><form action="avrslurl.php"><center><table><tr><td><input name="tipobusqueda" type="radio" value=1 checked></td><td>Búsqueda por Región:</td><td><input name="Región" type="text“size=20><br></td></tr><tr><td><input name="tipobusqueda" type="radio“value=2></td><td>Búsqueda por Etiqueta:</td><td><input name="Etiqueta" type="text" size=20><br></td></tr><tr><td><input name="tipobusqueda" type="radio" value=3></td><td>Búsqueda por Avatar:</td><td><input name="Avatar" type="text“size=20><br></td></tr></table><br><input type="reset" value="Borrar"> <inputtype="submit" value="Enviar"></form></div><center><h2><a href="avindiceslurl.html">Vuelta al índice</a></h2></center>

Una aplicación innovadora…Alfredo de la Presa• Código final usado para la recuperación de información de la base de

datos (2). <?phpif (isset($tipobusqueda)){$i=1; $c=mysql_connect("localhost","root",""); if(!$c){ die("Conexion fallida");}$s=mysql_select_db("avSLURL",$c); switch($tipobusqueda){ case 1: $consulta="SELECT * FROM tbslurl where region='$Región'";

break; case 2: $consulta="SELECT * FROM tbslurl where etiqueta='$Etiqueta'"; break; case 3: $consulta="SELECT * FROM tbslurl where avatar='$Avatar'";} $resultado = mysql_query($consulta);echo"<div><table border=1>";

Una aplicación innovadora…Alfredo de la Presa• Código final usado para la recuperación de información de la base de

datos (3). $resultado = mysql_query($consulta);echo"<div><table border=1>";while ($r = mysql_fetch_array($resultado)){ echo"<tr><td>Identificador devínculo</td><td>$r[0]</td></tr><tr><td>Vínculo</td><td><ahref='$r[1]'>$r[1] </a></td></tr><tr><td>Vínculo Directo</td><td><a href='$r[2]'>$r[2]</a></td></tr><tr><td>Región</td><td>$r[3]</td></tr><tr><td>Etiqueta</td><td>$r[4]</td></tr><tr><td>Comentario<td>$r[5]</td></tr><tr><td>Avatar asociado<td>$r[6]</td></tr>"; }echo"</table></div>";}?>

Una aplicación innovadora…Alfredo de la Presa• Código final usado para la eliminación de información

de la base de datos (1).

<Body><h1>ELIMINACIÓN DE SLURLS DE LA BASE DE DATOS</h1><h2>AUTOR: ALFREDO DE LA PRESA CRUZ</h2><div><form action="AVESLURL.php"><center><table><tr><td>Introduce a continuación el identificador de vínculo que quiereseliminar</td></tr><tr><td> <input name="id_vinculo" type="text" size=20><br></td></tr></table><center><input type="reset" value="Borrar"> <input type="submit“value="Enviar"></center> <tr></table></form></div><center><h2><a href="avindiceslurl.html">Vuelta alíndice</a></h2></center>

Una aplicación innovadora…Alfredo de la Presa• Código final usado para la eliminación de información de la base

de datos (2).

<?php$i=0;if (isset($id_vinculo)){ $c=mysql_connect("localhost","root","");

if(!$c){ die("Conexion fallida"); }

$s=mysql_select_db("avSLURL",$c);$consulta="DELETE FROM tbslurl where id_vinculo='$id_vinculo'";$resultado = mysql_query($consulta);if ($resultado){print("Su envío ha quedado eliminado<br>");} else{

Print("Error al borrar");}mysql_close($c);}?>

Una aplicación innovadora…Alfredo de la Presa• Código final usado para el truncamiento de la cadena (1)<body> <h1>TRUNCAMIENTO Y ALMACENAMIENTO DE CADENAS SLURLS ENESPAÑOL</h1><h2>AUTOR: ALFREDO DE LA PRESA CRUZ</H2><div><form action="cadenaslurl.php"><table><tr><td>Introduce la SLURL para calcular la región, y generar el vínculodirecto</td><td><input type="text" name="cadena" size="50"></td></tr><tr><td>Introduce la etiqueta para mejorar la búsqueda</td><td><input type="text" name="etiqueta" size="50"></td></tr><tr><td>Introduce un comentario que describa esta SLURL</td><td><textarea name="comentario" size="50"></textarea></td></tr><tr><td>Introduce si hay algún avatar asociado con esta SLURL</td><td><input type="text" name="avatar" size="50"></td></tr></table><p><center><input type= "submit" value="Enviar"></center></form></div><center><h2><a href="avindiceslurl.html">Vuelta alíndice</a></h2></center>

Una aplicación innovadora…Alfredo de la Presa• Código final usado para el truncamiento de la cadena (2)<?PHP if (isset($cadena)){ $numero=strlen($cadena);$subcadena= substr($cadena,28,$numero);$resultado=split("/",$subcadena);$region= $resultado[0];$coordenadaX=$resultado[1];$coordenadaY=$resultado[2];$coordenadaZ=$resultado[3];$cadena2="secondlife://";

$cadena .= "$region/";$cadena .= "$coordenadaX/";$cadena .= "$coordenadaY/";$cadena .= "$coordenadaZ"; $cadena2 .= "$coordenadaX/";$cadena2 .= "$coordenadaY/";$cadena2 .= "$coordenadaZ”;

Una aplicación innovadora…Alfredo de la Presa• Código final usado para el truncamiento de la cadena (3)echo "<center><h1><A href='$cadena'>Enlace al sitio de SecondLife</A></h1></center>";echo "<center><h1><A href='$cadena2'>Enlace directo al sitio de SecondLife</A></h1></center><br>";$c=mysql_connect("localhost","root","");if (!$c){die("Conexión Fallida");}$s=mysql_select_db("avslurl",$c);$consulta="INSERT INTO TBSLURL(vinculo, directo,region,etiqueta,comentario, avatar) VALUES('$cadena','$cadena2','$region','$etiqueta','$comentario', '$avatar')";$resultado=mysql_query($consulta); if ($resultado){print("Su envío ha quedado registrado<br>");}else{Print("Error en el registro");}mysql_close($c);}?>

Decroly en el congreso Internet en el Aula

Education

Transcript of Decroly en el congreso Internet en el Aula