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ón

Pensando pues en el uso del operador de concatenación “.“ se planteó la siguiente

práctica:

“ Una slurl es una url de Second life, es decir, una forma de localizar sitios y recursos en el

mundo virtual. Está formada por una cadena de caracteres fija, la región y las

coordenadas, de la siguiente manera: http://slurl.com/secondlife/region/x/y/z

La 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 lo

que cambian son la región y sus coordenadas, hacer un programa que

permita introducir la región con las coordenadas y que nos provea con un

vínculo para la SLURL asociada con esa dirección.”

Para añadir funcionalidad, se pidió que el

programa introdujese los resultados

en una base de datos, almacenando la

cadena del vínculo y un comentario y

una etiqueta, esta última fundamental para

la herramienta de recuperación puesto que

permitirá buscar los vínculos con su

descripción.

¿Cómo hacerlo? EasyPHP es un software

WAMP (Windows, Apache, MySQL y

PHP) que instala servicios de servidor web en

un ordenador

Una aplicación innovadora… Alfredo de la Presa Este paquete se puede descargar del sitio: http://www.easyphp.org/telechargements.php3 y contiene Apache 2.2.3, PHP 5.2.0, MySQL 5.0.27, phpMyAdmin 2.9.1.1 y el SQLiteManager 1.2 (para el manejo de bases de datos)

Una aplicación innovadora… Alfredo de la Presa Siguiendo el anterior vínculo, hemos llegado a esta página en donde podemos teleportarnos al destino indicado haciendo clic en el botón naranja.

Con esta serie de pasos hemos comprobado que

la aplicación funciona, pero es necesario

comprobar que el enlace se ha guardado

correctamente en la base de datos creada con el

gestor de Bases de Datos del EasyPHP puesto

que la asignatura en realidad se basa en la

enseñanza de los Sistemas Gestores de Bases de

Datos.

La estructura de la tabla de la base

de 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.

Una aplicación innovadora… Alfredo de la Presa Estructura de la base de datos

Una aplicación innovadora… Alfredo de la Presa Esto es perfectamente realizable con otros lenguajes de programación, como por ejemplo Visual Basic

Objetivos docentes.

Se han creado interfaces de usuario, se ha profundizado en la sintaxis del lenguaje

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

de datos, se han utilizado órdenes SQL para manipular la base de datos, como

SELECT, 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 el

título de técnico superior en Administración de Sistemas Informáticos (ASI) y las

correspondientes enseñanzas comunes:

o Manejar información almacenada en el sistema con la ayuda de los

Sistemas Gestores de Bases de Datos (SGBD) definiendo, actualizando,

consultando e importando/exportando información

Refinamiento de la aplicación innovadora como puente a la recuperación de información en Second Life

Se ha visto un ejemplo de uso innovador de la educación con la aplicación de

una práctica que nos ha permitido construir una base de datos que nos

simplificará las búsquedas de nuestras SLURLS, Esta aplicación es nuestro

puente hacia la recuperación de información en este entorno 3D.

Esta simple práctica, llevada a cabo con alumnos de Formación Profesional de

Grado Superior demuestra hasta qué punto puede integrarse Second Life en la

labor docente.

Además de lo visto hasta ahora, tal y como aparece en la página web [9] (En

Beta el 3 de mayo de 2008) se observa que este mismo esquema puede utilizarse

también para que cada persona dé información sobre su avatar, y se cree una

comunidad que informe de los acontecimientos.

Una aplicación innovadora… Alfredo de la Presa 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.

Una aplicación innovadora… Alfredo de la Presa El último botón “Copy SLURL to clipboard” nos da la opción de copiar al portapapeles nuestra SLURL

Una aplicación innovadora… Alfredo de la Presa 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

Una aplicación innovadora… Alfredo de la Presa Nuestra aplicación ya terminada

Bibliografía

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

2. COLLECTIVE TAGGING OF PLACES IN THE MULTI-USER VIRTUAL ENVIRONMENT OF SECOND LIFE, de Arthur Taylor

3. Astronomy in Second Life: A user’s perspective, de Adrienne J. Gauthier de la Universidad de Arizona

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

5. HTML & XHTML, The definitive guide de Check Musciano y Bill Kennedy, editorial O’Reilly

6. Fundamentos y modelos de bases de datos, de Adoración de Miguel y Mario Piattini, editorial Ra-Ma

Páginas web utilizadas

1 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/educationaluses

6. 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

Lista de SLURL utilizadas

1. 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/

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><input

type="textbox" rows="5" cols="30" name="z"></td></tr><tr>

<td>Introduce la descripción para incluirla en la base de

datos</td><td><textarea name="comentarios"></textarea></td>

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>

<?PHP

if (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 Second

Life</A></h1></center>";

}

?>

</body>

</html>

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>

Código final usado para la construcción de las SLURL con Bases de Datos y Avatares(2)

<tr>

<td>Introduce una etiqueta para mejorar la búsqueda</td><td><input

type="text"

name="etiqueta"></td> </tr> <tr> <td>Introduce la descripción para

incluirla 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><a

href="avindiceslurl.html">Vuelta al índice</a></h2></center>

Código final usado para la construcción de las SLURL con Bases de Datos y Avatares(3)

<?PHP //Aquí empieza la parte de PHP

if (isset($region)){$cadena="http://slurl.com/secondlife/";

$cadena2="secondlife://";

$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 Second

life</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);

Código final usado para la construcción de las SLURL con Bases de 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>

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-8859

1"><title>Recuperació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>RECUPERACIÓN DE SLURLS DE LA BASE DE

DATOS</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"> <input

type="submit" value="Enviar"></form>

</div><center><h2><a href="avindiceslurl.html">Vuelta al índice</a></h2></center>

Código final usado para la recuperación de información de la base de datos (2).

<?php

if (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>";

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 de

vínculo</td><td>$r[0]</td></tr><tr><td>Vínculo</td><td><a

href='$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>";

}

?>

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 quieres

eliminar</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>

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);}?>

Código final usado para el truncamiento de la cadena (1)

<body> <h1>TRUNCAMIENTO Y ALMACENAMIENTO DE CADENAS SLURLS EN

ESPAÑ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ínculo

directo</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>

<?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 .= "$coordenadaX/";

$cadena .= "$coordenadaY/";

$cadena .= "$coordenadaZ";

$cadena2 .= "$coordenadaX/";

$cadena2 .= "$coordenadaY/";

$cadena2 .= "$coordenadaZ”;

echo "<center><h1><A href='$cadena'>Enlace al sitio de Second

Life</A></h1></center>";

echo "<center><h1><A href='$cadena2'>Enlace directo al sitio de Second

Life</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

0 comments

Notes on slide 1

2 Favorites