Practica 4

En esta práctica he intentado hacer un xml que me sirva para, posteriormente usarlo como base de datos para una librería.

El xml empleado para hacer el dtd es el siguiente:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE biblioteca PUBLIC "Biblioteca/Filmoteca" "practica4.dtd">
<biblioteca>
 <libro titulo="El señor de los anillos" autor="Tolkien" genero="Novela Fantastica">
  <personaje nombre="Frodo Bolson">
   Es un hobbit, hijo de Drogo Bolsón y Prímula Brandigamo y nacido el 22 de septiembre del año 2968 de la Tercera Edad del Sol. Llamado también "Portador del Anillo", Frodo fue el encargado de llevar el Anillo Único hasta el Monte del Destino para destruirlo.
  </personaje>
  <personaje nombre="Gandalf">
   Es un espíritu Maia, uno de los Ainur menores, enviado a la Tierra Media durante la Tercera Edad del Sol para ayudar a sus habitantes en la lucha contra el Señor Oscuro Sauron. Allí adoptó el aspecto de un anciano de barba luenga y de color blanca grisácea, vestido con una gran capa gris, un sombrero puntiagudo de color azul y un gran cayado.
  </personaje>
  
  <personaje nombre="Aragorn">
   Era capitán de los montaraces del norte, segundo de ese nombre, hijo de Arathorn II y de Gilraen, apodado Trancos en Bree, conocido como Thorongil (el "Aguila de la estrella") en Rohan y Gondor en los días de Thengel y Ecthelion II, de niño conocido en Rivendel como Estel ("Esperanza"), capitán de los Pueblos Libres durante la Guerra del Anillo y después, gobernante del Reino Unificado de Gondor y Arnor bajo el nombre de Elessar Telcontar.
  </personaje>
  <sinopsis>
   La historia de El Señor de los Anillos se desarrolla en la Tercera Edad de la Tierra Media, un lugar ficticio poblado por Hombres y otras razas humanoides (Hobbits, Elfos y Enanos), así como por muchas otras criaturas reales y fantásticas. La novela cuenta el viaje del protagonista principal, el hobbit Frodo Bolsón, para destruir el Anillo Único y la consiguiente guerra que provocará el enemigo para recuperarlo, ya que es la principal fuente de poder de su creador, el Señor Oscuro Sauron.
  </sinopsis>
 </libro>
 <libro titulo="La isla del tesoro" autor="Robert Louis Stevenson" genero="Novela Aventuras">
  <personaje nombre="Jim Hawkins">
   Es el joven que protagoniza la novela
  </personaje>
  <personaje nombre="Billy Bones">
   Viejo marinero que se aloja en "El Almirante Benbow". En su cofre estaba el mapa del tesoro de Flint, por ello atrae a muchos piratas. Fiel consumidor de ron y grog, muere de un infarto en la taberna poco antes del asalto de los piratas.
  </personaje>
  <sinopsis>
   Jim Hawkins es un adolescente que junto a sus padres trabaja en la posada del Almirante Benbow. Un día aparece un marinero con la mejilla cortada, cuya única posesión es un viejo cofre. La posada recibe la visita de un marinero ciego la misma noche que el padre de Jim muere. Éste amenaza a Bones diciéndole que más tarde él y sus esbirros le atacaran...
  </sinopsis>
 </libro>
 <pelicula titulo="Underworld" fecha="2003">
  <personaje nombre="Selene" actor="Kate Beckinsale">
   Es una vampiro experta en el uso de muchas armas, medievales y modernas, especialmente el Walther P99 (pistola semi-automática). Se enamoró de Michael Corvin, el primer híbrido vampiro-licántropo.
  </personaje>
  <sinopsis>
   Durante siglos, dos razas han ido evolucionan-do en lo más profundo del mundo de los huma-nos: los aristocráticos y sofisticados vampiros, y los brutales licántropos (hombres lobo). Para la humanidad, su existencia ha estado siem-pre dentro del universo mitológico. Sin embargo, estas razas de no-che son enemigos mortales la una de la otra, condenados a librar una guerra secreta hasta que sólo una de las dos quede en pie. En medio de este conflicto ancestral, una guerrera vampiro, Selene (Kate Beckinsale), descubre una conspiración de los licántropos para secuestrar a un joven doctor humano, Michael Corvin (Scott Speedman). Tras seguir a éste por toda la ciudad, entabla una in-sólita relación con él, y cuando los hombres se deciden a atacar, Selene se interpone entre las bestiales criaturas y el doctor. Mien-tras corre contra el tiempo intentando salvar a Michael y desmontar la trama urdida alrededor del humano por los licántropos, Selene descubre un secreto con terroríficas repercusiones para ambas tri-bus: un plan para desarrollar una nueva especie invencible que combina los poderes de ambos tipos de criaturas, carente a su vez de cualquiera de sus puntos débiles. Este hecho decantaría la ba-lanza a favor de los hombres lobo, quienes han llevado siempre las de perder en la guerra que llevan siglos librando.
  </sinopsis>
 </pelicula>
 <pelicula titulo="El señor de la guerra" fecha="2005">
  <personaje nombre="Yuri Orlov" actor="Nicolas Cage">
  </personaje>
  <sinopsis>
   "El señor de la guerra" es una historia de aventuras y acción basada en un hecho real que supera a la ficción, situada en el mundo globalizado de la trata de armas. La película explora una consecuencia poco conocida del final de la Guerra Fría, la enorme cantidad de armas que de repente quedó disponible en los antiguos estados soviéticos para vender a los países en desarrollo (sobre todo de África), el negocio que significaba esto para los países desarrollados como Estados Unidos, China o la Unión Europea, y las inmensas sumas de dinero amasadas por los traficantes de armas que las encubrieron a éstos países que finaciaban guerras.

La película sigue las incansables aventuras del traficante de armas Yuri Orlov (Viktor Bout en la realidad), interpretado por Nicolas Cage y de su hermano Vitaly Orlov (Sergei Bout en la realidad) interpretado por Jared Leto . A través de algunas de las zonas de guerra más peligrosas, Yuri lucha por escapar de un implacable agente de la Interpol, de sus rivales en el negocio y hasta de alguno de sus clientes que incluyen a muchos de los más importantes dictadores. Finalmente, Yuri debe enfrentarse también a su propia conciencia.
  </sinopsis>
 </pelicula>
 <pelicula titulo="El señor de la guerra" fecha="2005">
  <personaje nombre="Randall 'Memphis' Raines" actor="Nicolas Cage">
  </personaje>
  <personaje nombre="Sara 'Sway' Wayland" actor="Angelina Jolie">
  </personaje>
  <sinopsis>
   La película trata sobre un ex ladrón de coches llamado Randall "Memphis" Raines. Hace ya tiempo que Randall ha dejado atrás su pasado delictivo, pero recibe la visita de un amigo suyo que le informa sobre un hombre llamado Raymond Vincent Calitri, el cual ha raptado a su hermano y le amenazó con matarlo. Para salvar a su hermano menor, se ve obligado a hacer lo que mejor sabe: robar coches, tendrá que robar nada menos que 50 coches en una sola noche. Memphis se apresura a reunir a su vieja banda y los desafía a una carrera a toda velocidad para dar el último gran golpe.
  </sinopsis>
 </pelicula>
</biblioteca>

A partir de este documento generamos el dtd y lo modificamos algo según queramos, quedando el mio de la forma

<!ELEMENT biblioteca ( libro*, pelicula* ) >

<!ELEMENT libro ( personaje*, sinopsis ) >
<!ATTLIST libro autor CDATA #IMPLIED >
<!ATTLIST libro genero CDATA #IMPLIED >
<!ATTLIST libro titulo CDATA #REQUIRED >

<!ELEMENT pelicula ( personaje*, sinopsis ) >
<!ATTLIST pelicula fecha NMTOKEN #IMPLIED >
<!ATTLIST pelicula titulo CDATA #REQUIRED >

<!ELEMENT personaje ( #PCDATA ) >
<!ATTLIST personaje actor CDATA #IMPLIED >
<!ATTLIST personaje nombre CDATA #REQUIRED >

<!ELEMENT sinopsis ( #PCDATA ) >

Este tiene un pequeño problema y es que estaría mejor si los personajes no pertenecieran a un libro sino que fueran incluidos en el, pero para lo que necesito por ahora me vale.

Si creamos otro documento xml como el siguiente:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE biblioteca PUBLIC "Biblioteca/Filmoteca" "practica4.dtd">
<biblioteca>
 <libro titulo="Eragon" autor="Christopher Paolini" genero="Novela Fantastica">
  <personaje nombre="Eragon">
       Es el protagonista de la historia, un joven granjero que vive con su tío Garrow y su primo Roran, a las afueras de Carvahall. La historia toma lugar cuando este tiene la edad de 15 años y encuentra una extraña piedra en las Vertebradas.

Eragon es valiente, observador, posee buenas dosis de prudencia y sabe valerse por sí mismo. Su madre, Selena, lo dejó cuando era pequeño a cargo de Garrow, su hermano. Eragon se crió con él y con su primo, Roran. De su padre no conoce nada.
  </personaje>
  <personaje nombre="Saphira">
       Es la dragona acompañante de Eragon, su comunicación con su Jinete es telepática, debido a los rasgos mágicos que los unen. Tiene conciencia propia e inteligencia, por tanto es capaz de discernir y tomar sus propias decisiones. Durante el transcurso de la historia esta crece y evoluciona, adquiriendo nuevas habilidades y desarrollando sus capacidades de dragón. Sus escamas son de color azul zafiro brillante.

Es la última dragona en Alagaësia, por lo que el rey Galbatorix la quiere viva para poder crear una nueva generación de dragones.
  </personaje>
  <sinopsis>
   Esta historia transcurre en el ficticio territorio de Alagaësia. Cuando Eragon encuentra una especie de zafiro de gran tamaño mientras está cazando en el bosque, piensa que su suerte ha cambiado. Él, un muchacho que vive en una modesta granja con su tío Garrow y su primo Roran, cree que vendiéndola podrá comprar carne a Sloan, el carnicero de Carvahall -su pueblo natal-, para poder pasar el frío invierno. Sin embargo, este no la compra al enterarse de que proviene de las misteriosas y peligrosas montañas conocidas como las Vertebradas, por lo que el muchacho la lleva de vuelta a casa.

Una noche la gema se rompe, revelando ser un huevo, y de él emerge un dragón. Este resulta ser una hembra y Eragon la nombra Saphira. De esta manera, Eragon se convierte en un Jinete de Dragón, manteniendo a Saphira en secreto, ignorando por completo a la persecución que el despótico rey Galbatorix ha iniciado para recuperar el huevo. Cuando unas misteriosas criaturas conocidas como Ra'zac, enviadas por Galbatorix, asesinan a su tío, emprende su huida de Carvahall junto a Saphira y al anciano cuentacuentos del pueblo, Brom.

Brom entrena al joven y a la dragona en el uso de la magia y en el combate para prepararlos en su labor como el nuevo Jinete y Dragón, para reiniciar la antigua Orden de Jinetes de Dragón, derrocar al tirano rey y restaurar la paz en Alagaësia. Sin embargo, los sueños de Eragon sobre una bella mujer torcerán su camino para rescatarla de su captor, Durza, el más peligroso sirviente de Galbatorix.
  </sinopsis>
 </libro>
</biblioteca>

Pasando el dtd vemos que este documento cumple las condiciones y pasa el examen.

Practica 3

Lo que hace el programa es facil de explicar, simplemente es un menú de la asignatura en tu boton derecho, de forma que es mucho más rápido acceder a los lugares frecuentados en clase. Además maximiza la ventana del navegador.

He decidido hacer esto, en principio porque no se me ocurria nada (yo de imaginación 0 está visto), habia pensado modificar las fuentes de las páginas pero, además de que no me salia (tampoco me entretení mucho), no le veía utilidad. Pero al final se me ocurrió lo del menú en el botón derecho, y como eso de estar para atrás ahora al tema 2, luego para atrás y cambiando de tema (sobre todos cuando aún estabamos viendo algo de javascript), me mareaba y al final no sabia donde estaba (jeje), me pareció una buena idea, así que aquí está el resultado. Lo de maximizar la ventana es más por manía mia que por otra cosa pero como resultó facil lo puse

Código del programa

// ==UserScript==

// @name AAP-Nav-BotonDerecho

// @namespace http://geneura.org/projects/greasemonkey

// @description Navegador en el botón derecho por las distintas páginas de AAP

// @include http://geneura.ugr.es/~jmerelo/asignaturas/*

// ==/UserScript==



var head = document.getElementsByTagName('head');



//Crearemos el estilo del menu, para ello creo una etiqueta de CSS y le inserto el codigo

var miStyle = document.createElement('style');


miStyle.innerHTML='.tipo1{position: absolute;background-color: Menu;width: 200px;visibility: hidden;}a.menuitem {font-size: 0.8em; font-family: Arial, Serif; text-decoration: none;}';


//todo esto lo meto al final de la cabecera (donde suele ir el codigo CSS si no va en un archivo aparte)

head[0].appendChild(miStyle);



//Igual que antes creamos una etiqueta pero ahora de javaScript (el codigo fue creado y probado primero en una pagina html para ver si funcionaba)

var miScript = document.createElement('script');


miScript.innerHTML='var menutipo = 1;function sombra(e){ if (document.getElementById) { mimenu = document.getElementById("menurapido") }else if (document.all) { mimenu = document.all.menurapido } if (!e) {var e = window.event} var borde_derecho = document.body.clientWidth - e.clientX; var borde_inferior = document.body.clientHeight - e.clientY; if (borde_derecho < mimenu.offsetWidth){ mimenu.style.left = document.body.scrollLeft + e.clientX - menurapido.offsetWidth + "px"} else{ mimenu.style.left = document.body.scrollLeft + e.clientX + "px"} if (borde_inferior < mimenu.offsetHeight){ mimenu.style.top = document.body.scrollTop + e.clientY - menurapido.offsetHeight} else{ mimenu.style.top = document.body.scrollTop + e.clientY} mimenu.style.visibility = "visible"; return false}function visibilidad(){ if (document.getElementById) { mimenu = document.getElementById("menurapido") }else if (document.all) { mimenu = document.all.menurapido } mimenu.style.visibility = "hidden"}document.oncontextmenu = sombra;document.onclick = visibilidad;';



//Al igual que antes insertamos la etiqueta en la cabecera

head[0].appendChild(miScript);




<
>//Ahora es el turno de crear lo que lleva el menú en sí

//Primero la etiqueta div donde va todo esto con la identificación id=menurapido para que el menu sea esto

var menu = document.createElement('div');

menu.setAttribute('id','menurapido');



//El primer enlace a la pagina principal

//Creo un enlace con su class y su href y lo meto en el div

var enlace1 = document.createElement('a');

enlace1.setAttribute('href','http://geneura.ugr.es/~jmerelo/asignaturas/AAP/');

enlace1.setAttribute('class','menuitem');

//A este enlace (por ser la página principal) lo pongo un poco más grande creando la etiqueta font dentro de a dentro de div

var fuente = document.createElement('font');

fuente.setAttribute('size','4');

var txt1=document.createTextNode('Pagina principal');

//se añade el texto que aparecera en el menu a la etiqueta fuente

fuente.appendChild(txt1);

//se añade la etiqueta fuente al hipervínculo

enlace1.appendChild(fuente);

//se añade el hipervínculo a la etiqueta div

menu.appendChild(enlace1);



//creo el salto de línea

var enlacea = document.createElement('br');

menu.appendChild(enlacea);



//creo la barra horizontal para separar secciones

var enlaceb = document.createElement('hr');

menu.appendChild(enlaceb);



//el título de la sección (este no tiene enlace pero lo remarco con la etiqueta n)

var enlacec = document.createElement('b');

var txtc=document.createTextNode('Temario');

enlacec.appendChild(txtc);

menu.appendChild(enlacec);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



//Ahora voy creando cada enlace a cada tema

var enlace2 = document.createElement('a');

enlace2.setAttribute('href','http://geneura.ugr.es/~jmerelo/asignaturas/AAP/AAP-Tema-1.mhtml');

var txt2=document.createTextNode('Tema 1: Introducción');

enlace2.setAttribute('class','menuitem');

enlace2.appendChild(txt2);

menu.appendChild(enlace2);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



var enlace3 = document.createElement('a');

enlace3.setAttribute('href','http://geneura.ugr.es/~jmerelo/asignaturas/AAP/AAP-Taller-1.mhtml');

var txt3=document.createTextNode('Taller 1: Javascript');

enlace3.setAttribute('class','menuitem');

enlace3.appendChild(txt3);

menu.appendChild(enlace3);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



var enlace4 = document.createElement('a');

enlace4.setAttribute('href','http://geneura.ugr.es/~jmerelo/asignaturas/AAP/AAP-Taller-2.mhtml');

var txt4=document.createTextNode('Taller 2: XML');

enlace4.setAttribute('class','menuitem');

enlace4.appendChild(txt4);

menu.appendChild(enlace4);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



var enlace4 = document.createElement('a');

enlace4.setAttribute('href','http://geneura.ugr.es/~jmerelo/asignaturas/AAP/AAP-Taller-3.mhtml');

var txt4=document.createTextNode('Taller 3: Servicios Web');

enlace4.setAttribute('class','menuitem');

enlace4.appendChild(txt4);

menu.appendChild(enlace4);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



//separando secciones

var enlaceb = document.createElement('hr');

menu.appendChild(enlaceb);



//Título de sección

var enlacec = document.createElement('b');

var txtc=document.createTextNode('Prácticas');

enlacec.appendChild(txtc);

menu.appendChild(enlacec);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



//En lugar de poner el nombre de cada práctica simplemente pondremos Practia1,2,etc, por lo que ahora si podemos hacer un bucle que nos meta todos los enlaces de golpe

for (var prac = 1; prac < 8 ; prac ++ ) {

var enlaceprac = document.createElement('a');

enlaceprac.setAttribute('href','http://geneura.ugr.es/~jmerelo/asignaturas/AAP/AAP-Practica-'+prac+'.mhtml');

var txtprac=document.createTextNode('Práctica '+prac);

enlaceprac.setAttribute('class','menuitem');

enlaceprac.appendChild(txtprac);

menu.appendChild(enlaceprac);

var enlacea = document.createElement('br');

menu.appendChild(enlacea);

}



//separando secciones

var enlaceb = document.createElement('hr');

menu.appendChild(enlaceb);



//Título de sección

var enlacec = document.createElement('b');

var txtc=document.createTextNode('Otros enlaces');

enlacec.appendChild(txtc);

menu.appendChild(enlacec);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



//Otros enlaces que se suelen usar en la asignatura, al menos yo

var enlace5 = document.createElement('a');

enlace5.setAttribute('href','http://aap-ugr-2007.wikispaces.com/');

var txt5=document.createTextNode('Wiki');

enlace5.setAttribute('class','menuitem');

enlace5.appendChild(txt5);

menu.appendChild(enlace5);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



var enlace6 = document.createElement('a');

enlace6.setAttribute('href','http://tech.groups.yahoo.com/group/aap-ugr/');

var txt6=document.createTextNode('Lista de correo');

enlace6.setAttribute('class','menuitem');

enlace6.appendChild(txt6);

menu.appendChild(enlace6);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



var enlace7 = document.createElement('a');

enlace7.setAttribute('href','http://geneura.ugr.es/~jmerelo/asignaturas/AAP/cgi/enviarPracticas.cgi');

var txt7=document.createTextNode('Enviar Prácticas');

enlace7.setAttribute('class','menuitem');

enlace7.appendChild(txt7);

menu.appendChild(enlace7);



var enlacea = document.createElement('br');

menu.appendChild(enlacea);



var enlace7 = document.createElement('a');

enlace7.setAttribute('href','http://geneura.ugr.es/~jmerelo/asignaturas/AAP/planet.cgi');

var txt7=document.createTextNode('Planet');

enlace7.setAttribute('class','menuitem');

enlace7.appendChild(txt7);

menu.appendChild(enlace7);



document.body.appendChild(menu);





//Por último metemos el escript que es el que "llama" al menú y le da forma (la que le hemos puesto en la etiqueta style

var miScript2 = document.createElement('script');




miScript2.innerHTML='if (document.getElementById) { document.getElementById("menurapido").className = "tipo1" } else if (document.all) { document.all.menurapido.className = "tipo1" } ';



document.body.appendChild(miScript2);



//Al final también he visto que siempre estaba maximizando la pantalla del navegador para ver bien el menú o por manía asi que me creado otra aplicación que me maximizara todas las páginas (que perro soy to por no darle a un botoncito), asi que he insertado aqui el pequeño codigo.

var miScript3 = document.createElement('script');


miScript3.innerHTML='window.moveTo(0,0);top.window.resizeTo(screen.availWidth,screen.availHeight);';


head[0].appendChild(miScript3);

Está puesto en la dirección: http://www.fileden.com/getfile.php?file_path=http://www.fileden.com/files/2007/11/7/1570028/aap-menuderecho.zip

Lo he subido en un zip porque el no me dejaba subirlo en la extension .user.js.

El menú queda de la siguiente forma:

Practica 2

El pequeño programa que he hecho o mejor dicho la miniaplicacion es simplemente par que un profesor ponga un listado de notas pudiendo ver cuantos alumnos lleva, la nota media, e incluso le avisa si el alumno ya ha sido metido en el listado. También puede ordenar el listado por nombre (un listado organizado) o por notas (se directamente a quien dar las matriculas de honor).

En el programa que he hecho tengo incluida una deficinicion de clase (Alumno), a la cual llamo cada vez que lo necesito, aunque lo que mayormente hago con la clase es crear los objetos que necesito para operar. Aunque la clase la he creado sin funciones lo mismo podrian estar incluidas la mayor parte de las que tengo pero he preferido no hacerlo porque asi puedo llamar siempre a las funciones sin ningun tipo de restriccion (una mania que tengo de hacer cada cosa lo mas independiente de las demas como se pueda).

Aplicacion Resultante final

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>AAP: Practica 2 : Pablo Ignacio Rodríguez Fernández</title>

    <script type="text/javascript">

  var cadena = "";

   // Definición de la clase Alumno

   function Alumno (nombre,nota){

   this.nombre = nombre;

   this.nota = nota;

   }

   

  var lista = new Array;

  

  function insertarNota (nombre, nota){

   lista[lista.length] = new Alumno (nombre,nota);

   calificaciones();

   }

   

   function vercalificacion (nota){

   var calificacion = "";

   if (nota == "NP"){

    calificacion = "No Presentado";

   }

   else if (nota >= 9){

    calificacion = "Sobresaliente";

   }

   else if (nota >= 7){

    calificacion = "Notable";

   }

   else if (nota >= 5){

    calificacion = "Aprobado";

   }

   else{

    calificacion = "Suspenso";

   }

   return calificacion;

   }

   

   function notaMedia(){

   var media = 0;

   for (i in lista){

    media += parseFloat(lista[i].nota);

   }

   media = media / lista.length;

   return media;

   }

   

   function calificaciones () {

   cadena = "<table border=0>";

   cadena += "<tr height=20><td width=500><b>Nombre del Alumno</b></td><td><b>Nota Final</b></td></tr>";

   for (i in lista) {

     //cadena += lista[i].mostrarunalumno();

    cadena += "<tr height=20>";

    cadena += "<td width=500>" + lista[i].nombre + "</td>";

    var calificacion = vercalificacion(lista[i].nota);

    cadena += "<td>" + lista[i].nota +"</td>";

    cadena += "<td>" + calificacion + "</td>";

    cadena += "</tr>";

  

   }

   cadena += "<tr></tr><tr><td>Numero total de Alumnos: " + lista.length+"</td>";

   cadena += "<td>Nota media: " + notaMedia() + "</td></tr>"

   cadena += "</table>";

   escribir(cadena);

   }

  

   function escribir (text){

   document.getElementById('programa').innerHTML=text;

   }

  

   function anadirNota(){

   nombre = document.getElementById('nombre').value;

   nota = document.getElementById('nota').value;

   var num_nota = /^(([0-9]\.[0-9]*)|([0-9]|10)|NP)$/   //numero del 0-10

   var er_nombre = /^([a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|\s|\,)+$/  //letras, ',' o espacio repetidos

  

   //comprueba campo nombre

   if(!er_nombre.test(nombre)) { 

    alert('Contenido del campo nombre no válido.')

    return false

    }  

  

   //comprueba campo nota

   if(!num_nota.test(nota)) { 

    alert('Contenido del campo nota no valido (debe ser un numero del 0-10 o NP).')

    return false

    }  

   var confirmar = confirm('La nota del alumno '+ nombre +' es ' + nota +'?')

   var repetido = false;

   if (confirmar){

    for (i in lista) {

     if(nombre==lista[i].nombre){

      var repetido = true;

     }

    }

    if(repetido == false){

     insertarNota(nombre, nota);

     return true

    }

    else{

     alert('El alumno ya tiene nota')

     return false

    }

   }

   else{

    return false

   }

   }

   

  function ordenarporNombre(){

   for(var h = 0; h < lista.length-1 ; h++ ){

    if(lista[h].nombre > lista[h+1].nombre){

     var a = new Alumno (lista[h].nombre,lista[h].nota);

     lista[h]= new Alumno (lista[h+1].nombre,lista[h+1].nota);

     lista[h+1]=new Alumno (a.nombre,a.nota);

     h=-1;

    }

   }

   calificaciones ();

  }

  function ordenarporNota(){

   for(var h = 0; h < lista.length-1 ; h++ ){

    if(lista[h].nota < lista[h+1].nota){

     var a = new Alumno (lista[h].nombre,lista[h].nota);

     lista[h]= new Alumno (lista[h+1].nombre,lista[h+1].nota);

     lista[h+1]=new Alumno (a.nombre,a.nota);

     h=-1;

    }

   }

   calificaciones ();

  }



    </script>



</head>



<body>

<center>



<h1>AAP: Practica <x> : Pablo Ignacio Rodríguez Fernández</h1>



<h2>Introducción</h2>



<p>

El pequeño programa que he hecho o mejor dicho la miniaplicacion es simplemente par que un profesor ponga un listado de notas pudiendo ver cuantos alumnos lleva, la nota media, e incluso le avisa si el alumno ya ha sido metido en el listado. También puede ordenar el listado por nombre (un listado organizado) o por notas (se directamente a quien dar las matriculas de honor).





<h2>Primer punto puntuable de la práctica</h2>



<p>

En el programa que he hecho tengo incluida una deficinicion de clase (Alumno), a la cual llamo cada vez que lo necesito, aunque lo que mayormente hago con la clase es crear los objetos que necesito para operar. Aunque la clase la he creado sin funciones lo mismo podrian estar incluidas la mayor parte de las que tengo pero he preferido no hacerlo porque asi puedo llamar siempre a las funciones sin ningun tipo de restriccion (una mania que tengo de hacer cada cosa lo mas independiente de las demas como se pueda).</p>





<h2>Aplicacion Resultante final</h2>



<form>

Nombre del alumno: <input type="text" id="nombre"><br>

Nota del alumno: <input type="text" id="nota"><p>

<input type="button" value="Poner Nota" onClick="anadirNota();"><p>





<input type="button" value="Lista de Alumnos ordenada alfabeticamente" onClick="ordenarporNombre();">

<input type="button" value="Lista de Alumnos ordenada por nota" onClick="ordenarporNota();">



</form>



<div id="programa">

</div>

<hr>

<address><a href="mailto:pabloign@gmail.com">pabloign</a></address>



</center>

</body>

</html>

Practica 6

¿Qué hace esta aplicación?

Esta aplicación carga una base de datos rss y muestra una lista con los títulos de las noticias, libros o lo que contenga el rss, de forma que la pinchar sobre ellos nos muestra la noticia al completo y si pinchas sobre el título (que aparece en la parte superior) pasa a la siguiente noticia.

En mi caso lo he hecho para una base de libros formada como un rss (para que pudiera también abrir los rss de noticias de la práctica anterior). La página principal tiene 3 casillas desplegables: en la primera seleccionamos si cargamos la base de libros o las noticias; en la segunda seleccionamos el número de noticias a mostrar en la lista (he puesto un máximo de 10 porque algunos rss de noticias no tenían más y tampoco lo consideraba necesario); en la tercera seleccionamos el género del libro haciendo una especie de filtrado (esta solo funciona con "Mi biblioteca").

Ejemplo: si nosotros seleccionamos la biblioteca en la primera casilla, con solo detectar el cambio ya se carga la lista igual que cuando se modifica cualquiera de las otras casillas, se nos cargan (por defecto) 10 libros. Si cambiamos la segunda casilla aparecerán los primeros x libros que le indiques. Y si variamos la tercera casilla solo se te muestran los primeros x libros del género que selecciones (hay muy pocos libros así que si marcas más de los que tiene solo te muestra los que tiene valga la redundancia). Si una vez tengamos la lista deseada pinchamos sobre un título (esto también funciona para las noticias), vemos el resumen del libro (en caso de noticias la noticia seleccionada), y si pinchamos sobre el título pasamos al libro (o noticia) siguiente, de forma que si tenemos seleccionado género el siguiente del género. Si pinchamos sobre "El Señor de los Anillos" y tenemos marcado el género "Fantástico" y luego pinchamos sobre el título pasamos a "El Hobbit" (puesto que es el siguiente del género), en lugar de "La Isla del Tesoro" que sería el siguiente libro (si tenemos ninguno en género pasa a este), y si no hay ninguno detrás de este vuelve al primero.

Esta aplicación está orientada para una librería pero pongo lo de las noticias por ver que usos, además de para los que se ha propuesto, tiene, como, por ejemplo un gestor de noticias.

Aplicación servidor

El servidor es muy parecido al de la práctica anterior y se encarga de recibir la url de donde se encuentra el rss en cuestión y crear un rss de salida que lo tomará el cliente con los x primeros elementos o items, donde x será un parámetro que también se le pasa. El servidor está escrito en perl y su código es el siguiente:

#!/usr/bin/perl

use CGI qw(:standard);
use XML::RSS;
use LWP::Simple qw(get);

my $numero_elementos = param('num_elementos');
my $url = param('url');
#Baja  fichero
my $rdf = get($url);
my $rss = new XML::RSS;
$rss->parse($rdf);
my $rss_salida = new XML::RSS;
$rss_salida->channel( title => 'Resumen feed',
              link => $url,
              description => 'Resumiendo el feed' );
print header( -type => 'application/xhtml+xml' );

for (my $i = 0; $i < $numero_elementos;$i ++ ) {
  $rss_salida->add_item( title => $rss->{'items'}[$i]->{'title'},
             link => $rss->{'items'}[$i]->{'link'},
             pubDate => $rss->{'items'}[$i]->{'pubDate'},
             description => $rss->{'items'}[$i]->{'description'},
             category => $rss->{'items'}[$i]->{'category'} );
}
print $rss_salida->as_string;

Aplicación cliente

El cliente se encarga de ver que hay en los valores de las casillas y pedir al servidor lo necesario, y una vez que tiene los datos llama a las funciones necesarias para mostrar, en la parte de abajo donde en el html tenemos con un div con id=RSS, lo mencionado anteriormente.

var request;
var variable;
var html="<hr>";
var items;

Esta función es la que se encarga de llamar al servidor, pasandole la dircción de la fuente, y obtener los datos necesarios para trabajar con ellos en la funcion escribe_RSS

function pide_RSS() {
  html="<hr>";
  request = new XMLHttpRequest();
  var url=document.getElementById('feed').value;
  //var cuantos=document.getElementById('cuantos').value;
  var peticion_str = 'cgi-bin/XMLvar_2.cgi?url='+encodeURIComponent(url)+'&num_elementos='+10;
  request.open('GET', peticion_str , true);
  request.onreadystatechange= escribe_RSS;
  request.send(null);
}

Esta función trata con los datos que recibimos del servidor y mostramos las listas de elementos, estas listan tendrán el tamaño que aparece en segundo seleccionable del html. Si tenemos algún género seleccionado nos muestra solo los libros de este género.

function escribe_RSS(){
  if ( request.readyState == 4 ) {
    if ( request.status == 200 ) {
      //      alert(request.responseText);
      var doc = request.responseXML;
      var root=doc.documentElement;
      var cuantos=document.getElementById('cuantos').value;
      var quegenero=document.getElementById('genero').value;
      var k = 0;
      items=root.getElementsByTagName('item');
      for ( var i = 0; i < items.length; i ++ ){
   
    var title = items[i].getElementsByTagName('title')[0];
    var genero = items[i].getElementsByTagName('link')[0];
    if (quegenero == 'Ninguno'){   
      k++;
      html += "<dt><button onClick='prueba"+i+"()'>"+title.firstChild.data+ "</button></dt>";
      if (k == cuantos){
        i=items.length;
      }
    }
    else if (quegenero == genero.firstChild.data){
      k++;
      html += "<dt><button onClick='prueba"+i+"()'>"+title.firstChild.data+ "</button></dt>";
      if (k == cuantos){
        i=items.length;
      }
    }
      }
      html += "";
      document.getElementById('RSS').innerHTML=html;
    }
  }
}

Esta función es casi igual que la primera, es decir, que llama al servidor con la url y el número de elementos necesarios para trabajar en este caso con escribe_otro. Al volver a llamar al servidor estamos recargando continuamente la los datos, de forma que estos son siempre los más actuales respecto a la base de datos, de forma que si se cambia algo en la base de datos aparece incluso en cuanto pinchamos en un título.

function prueba(){

  request = new XMLHttpRequest();
  var url=document.getElementById('feed').value;
  var cuantos=document.getElementById('cuantos').value;
  var peticion_str = 'cgi-bin/XMLvar_2.cgi?url='+encodeURIComponent(url)+'&num_elementos='+cuantos;
  request.open('GET', peticion_str , true);
  request.onreadystatechange= escribe_otro;
  request.send(null);

}

Esta función toma el item que se ha pinchado y muestra este con su descripción, y nos crea el trozo de la página en el que se nos muestra el título junto con su resumen o noticia, de forma que al pinchar sobre este pasamos al siguiente título del género.

function escribe_otro(){
  if ( request.readyState == 4 ) {
    if ( request.status == 200 ) {
      //      alert(request.responseText);
    var quegenero=document.getElementById('genero').value;
     
    html = "<hr>";
    var title = items[variable].getElementsByTagName('title')[0];
    var description = items[variable].getElementsByTagName('description')[0];
    var genero = items[variable].getElementsByTagName('link')[0];
    variable = variable + 1;
    if (variable == items.length){
        variable = 0;
    }
    if (quegenero == genero.firstChild.data || quegenero == 'Ninguno'){   
        html += "<dt><button onClick='prueba"+variable+"()'><font size='+3'>"+title.firstChild.data+ "</font></button><p>"+description.firstChild.data+"</p></dt>";
    }
    else{
        for (var n=variable;n<items.length;n++){
            var genero = items[n].getElementsByTagName('link')[0];
            if (quegenero == genero.firstChild.data){
                var title = items[n].getElementsByTagName('title')[0];   
                var description = items[n].getElementsByTagName('description')[0];
                variable = n+1;
                html += "<dt><button onClick='prueba"+variable+"()'><font size='+3'>"+title.firstChild.data+ "</font></button><p>"+description.firstChild.data+"</p></dt>";
                n=items.length
            }
            if (n == (items.length-1)){
                n=-1;
            }
        }
    }
     
     
      html += "";
      document.getElementById('RSS').innerHTML=html;
    }
  }
}

Estas funciones se encargan de indicarnos qué título se ha pinchado y llamar a la función prueba para que cargue la página

function prueba0(){
    variable = 0;
    prueba();
}
function prueba1(){
    variable = 1;
    prueba();
}
function prueba2(){
    variable = 2;
    prueba();
}
function prueba3(){
    variable = 3;
    prueba();
}
function prueba4(){
    variable = 4;
    prueba();
}
function prueba5(){
    variable = 5;
    prueba();
}
function prueba6(){
    variable = 6;
    prueba();
}
function prueba7(){
    variable = 7;
    prueba();
}
function prueba8(){
    variable = 8;
    prueba();
}
function prueba9(){
    variable = 9;
    prueba();
}

El documento HTML que he usado para llamar a las funciones anteriores es:

&#60!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&#62
&#60html&#62
  &#60head&#62
    &#60title&#62BIBLIOTECA dinámica&#60/title&#62
    &#60script type='application/javascript' src='peticion.js' &#62&#60/script&#62
  &#60/head&#62

  &#60body&#62
    &#60h1&#62BIBLIOTECA&#60/h1&#62
&#60p&#62Busca el libro que deseas y mira de que trata, y si te gusta, pues a comprarlo :-)&#60/p&#62
&#60p&#62También puedes ver algunas noticias interesantes, para ello asegúrate de que el seleccionable de género está puesto en ninguno
&#60div id='formulario'&#62

    
        &#60select name="feed" id='feed' size="1" onChange='pide_RSS()'&#62
                &#60option&#62                                    Elegir feed
        &#60option value="http://www.fileden.com/files/2007/11/7/1570028/biblioteca.xml"&#62    Mi biblioteca
               &#60option value="http://www.ideal.es/granada/rss/feeds/ultima.xml"&#62        Ideal
                &#60option value="http://rss.marca.com/rss/descarga.htm?data2=385"&#62        Marca
        &#60option value="http://feeds.weblogssl.com/xataka2.xml"&#62                Xataka
        &#60option value="http://feeds.feedburner.com/NoPuedoCreerQueLoHayanInventado.xml"&#62Nolopuedocreer
           &#60/select&#62
    &#60select name="cuantos" id='cuantos' size="1" onChange='pide_RSS()'&#62
        &#60option value="10"&#62    10
        &#60option value="9"&#62    9
               &#60option value="8"&#62    8
                &#60option value="7"&#62    7
                &#60option value="6"&#62    6
        &#60option value="5"&#62    5
        &#60option value="4"&#62    4
        &#60option value="3"&#62    3
        &#60option value="2"&#62    2
        &#60option value="1"&#62    1
           &#60/select&#62
    &#60select name="genero" id='genero' size="1" onChange='pide_RSS()'&#62
        &#60option value="Ninguno"&#62    Ninguno
        &#60option value="Aventuras"&#62    Aventuras
        &#60option value="Ficcion"&#62    Ficción
        &#60option value="Intriga"&#62    Intriga
           &#60/select&#62


&#60div id='RSS'&#62  &#60/div&#62

    &#60hr&#62
&#60p&#62&#60font size='-1' color='red'&#62&#60b&#62Ejemplo de uso:&#60/b&#62 si nosotros seleccionamos la biblioteca en la primera casilla, con solo detectar el cambio ya se carga la lista igual que cuando se modifica cualquiera de las otras casillas, se nos cargan (por defecto) 10 libros. Si cambiamos la segunda casilla aparecerán los primeros x libros que le indiques. Y si variamos la tercera casilla solo se te muestran los primeros x libros del género que selecciones (hay muy pocos libros así que si marcas más de los que tiene solo te muestra los que tiene valga la redundancia). Si una vez tengamos la lista deseada pinchamos sobre un título (esto también funciona para las noticias), vemos el resumen del libro (en caso de noticias la noticia seleccionada), y si pinchamos sobre el título pasamos al libro (o noticia) siguiente, de forma que si tenemos seleccionado género el siguiente del género. Si pinchamos sobre "El Señor de los Anillos" y tenemos marcado el género "Fantástico" y luego pinchamos sobre el título pasamos a "El Hobbit" (puesto que es el siguiente del género), en lugar de "La Isla del Tesoro" que sería el siguiente libro (si tenemos ninguno en género pasa a este), y si no hay ninguno detrás de este vuelve al primero.&#60/font&#62&#60/p&#62
  &#60/body&#62
&#60/html&#62

Y funciona perfectamente

El funciona bien para lo que lo he probado pero he de reconocer que no he trabajado con un biblioteca muy grande, pero el adaptar el programa a los problemas que pueda tener creo que sería más bien de diseño web y trabajar con lo que te imprime el cliente, con lo que sería, principio sencillo, pero a mi pesar (ya que me gustaría ver si podría hacer una base de datos de los libros de mi casa y con esto puedo verlos desde cualquier sitio y de forma sencilla), a las alturas de curso que estamos y todas las entregas de prácticas y los examenes aquí mismo no puedo entretenerme mucho con ninguna práctica. En definitivamente el programa me ha funcionado bien aunque puede que en algún sitio se pueda optimizar algo, como siempre.

Puedes ver como funciona aquí

Práctica 1

Como bien se nos ha pedido voy a subir la práctica, bueno los enlaces que encontré interesantes. Aquí los dejo:

• Montar un cluster: Esto mas que una página es un articulo que nos habla de que es un cluster para que sirve, como configurarlo y montar un cluster bajo un sistema Linux. Esta bien puesto que hemos estado viendo algo sobre este tema y puede resultar util, o al menos como culturilla general, que puede satisfacer la curiosidad de algunos.



• Ejemplos JavaScript: En esta página tenemos un montón de ejemplos sobre javascript para ir viendo como se programa en este lenguaje. Lo malo es que es solo eso, ejemplos, y no nos dicen nada sobre el lenguaje en sí, pero aun asi puede ser util para ir viendo o para usar partes de código



• Tutorial básico de ruby: En esta página nos encontramos un tutorial básico sobre como funciona el lenguaje de programación ruby que usaremos en clase en algún momento. Lo que ocurre es que es muy básico, pero suficiente para hacerte una idea de como funciona. A parte, al final. tiene unos cuantos enlaces sobre este lenguaje



• Tutorial JavaScript: En esta página tenemos un amplio tutorial sobre el lenguaje JavaScript, no lo he visto entero, pero parece estar bastante bien, además, como ya he dicho es bastante amplio con lo que no solo aprendemos lo básico, sino unas cuantas cosas interesantes. Es página, ademas tiene otros cuantos tutoriales, ejemplos de códigos ya escritos y otras cosas no solo de JavaScript sino tambien de otros lenguajes y programas como HTML, PHP, CSS o DreamWeaver. En definitiva me ha parecido una página bastante amplia sobre programación web. Aunque hace falta registrarse, este es gratuito, además me parece que te van mandando las actualizaciones al correo electrónico



• Probar Ruby: Esta es una página que encontré en la que podemos pobrar ruby totalmente online, es decir, sin instalar nada, parece el sitio idoneo para hacer las primeras pruebas sobre ruby.



• Tutorial sobre XML: Otro lenguaje que veremos durante el curso es XML, por lo que he visto conveniente buscar un otro turorial sobre XML para ir mirando alguna cosilla. En este tutorial nos explica como funciona XML y tiene varios ejemplos a la vez que van explicando, lo que hace más facil su aprendizaje. Lo único malo que le he visto es que está en inglés si es que se le puede llamar defecto jeje



• AJAX: Para terminar, como no, no podía faltar AJAX (que usaremos para alguna práctica), y es que este es, por así decirlo, la unión de XML y JavaScript, por lo que en este último enlace vermos un ejemplo donde podemos ver como usarlo. Está bien porque te va explicando lo que hace y además, al final te puedes descargar los ficheros de los ejemplos que está usando