6.1 Diagramas base de...

SELWA: Sistema de gestión, seguimiento y automatización de informes para alumnos con necesidades educativas especiales.

6 Pliego de condiciones

Autor: Antonio Martínez Martínez 1


En primer lugar aparecerán los diagramas que representan la base de datos,

siguiendo el modelo entidad-relación. A continuación, se adjuntan algunos de

los códigos más representativos de cada uno de los lenguajes utilizados,

comentados oportunamente.

6.1 Diagramas base de datos A continuación se muestran los diagramas de la base de datos (“db_ee”)

utilizada en el proyecto SELWA, utilizando para su elaboración el modelo

entidad-relación para bases de datos relacionales. En primer lugar se mostrarán

los diagramas correspondientes a las entidades junto con sus atributos para,

seguidamente, mostrar las relaciones entre distintas entidades. En cada plano se

muestra un número de referencia, una descripción breve del contenido

representado y el título y autor del proyecto. Tras esto, para aquellos planos que

lo requieran, se muestran una serie de tablas donde se indican los campos y

tipos de datos de la tabla representada en el plano correspondiente. Es obvio

que existen tablas que no requieren de mayor explicación de sus campos que la

mostrada en el diagrama.




PLANO ENTIDAD1 ENTIDAD2 RELACIÓN DESCRIPCIÓN

db010 Alumno Familia N/1 Una entidad “familia” puede

poseer datos de N alumnos

db011 Alumno Info Objetivos M/N Un alumno puede poseer datos de N

objetivos, y un objetivo puede estar

asignado a M alumnos

db011 Alumno Info Evaluación Inicial

M/1 La estructura de datos de la

información de Evaluación Inicial es

la misma para cualquier alumno

db011 Alumno Info Diagnóstico

M/1 La información de diagnóstico

disponible es la misma para todos

los alumnos

db011 Alumno Info Diaria M/N Un alumno puede tener distintos

apuntes en la tabla “Info Diaria”, y esos apuntes pueden ser los mismos para M

alumnos

db011 Alumno Info N.C.C. M/N Igual que para el caso anterior

db012 Alumno Profesor N/1 Un profesor puede tener asignado un

grupo de N alumnos, pero un

alumno sólo estará asignado a 1

profesor. El profesor GESTIONA la

información del alumno





db012 Alumno Consultor M/N Un alumno puede tener asignados

hasta N consultores, mientras que un consultor puede

VER información de hasta M alumnos

db013 Consultor Info Objetivos M/N Los consultores tienen acceso a ver

los N objetivos asignados a un

alumno.

db013 Consultor Info Evaluación Inicial

M/1 Ídem al anterior, pero la información

de Evaluación Inicial es sólo una

db013 Consultor Info Diagnóstico

M/1 Ídem al anterior

db014 Profesor Info Objetivos 1/N Un profesor puede crear y modificar la información de los

N objetivos asociados a un

alumno

db014 Profesor Info Diaria 1/M Igual que para el caso anterior, pero

la Información Diaria no es modificable

db014 Profesor Info Evaluación Inicial

1/1 El profesor es el encargado de

generar y modificar la Información de Evaluación Inicial

db014 Profesor Info Diagnóstico

1/1 Ídem al anterior





db015 Usuarios Control Usuarios

M/1 Un usuario sólo posee una única

información en la entidad “Control

Usuarios”




6.2 Códigos reseñables

6.2.1 CSS

à hoja_gral.css Hoja de la página principal

body { color:#000000; background: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 1000px; height: 8.3in; overflow: auto; } #cabecera { position: absolute; width: 1000px;

height: 0.55in; top: 0; left: 0; background-image: url(../fotos/back_cab.jpg);

border-bottom: 1px solid black; } #jerarquia { position: absolute; width: 1000px; height: 0.35in; top: 0.55in; left: 0; background-image: url(../fotos/back_jerar.jpg); color: #000000; border-bottom: 1px solid #C3D9FF; } #lateral2 { position: absolute; width: 100%; height: 3in; top: 2in; left: 0; background-image: url(../fotos/back_lat2.jpg); border-right: 1px solid #C3D9FF; }




#lateral3 { position: absolute; width: 100%; height: 2in; top: 5in; left: 0; background-image: url(../fotos/back_lat3.jpg); border-right: 1px solid #C3D9FF; } #pie { position: absolute; width: 1001px; height: 0.4in; top: 7.9in; left: 0; bottom: 0; background-image: url(../fotos/back_pie.jpg); border-top: 1px solid #C3D9FF; } #principal { position: absolute; width: 748px; height: 7.02in; top: 0.9in; right: 0; bottom: 0.5in; left: 253px; background: #bbd9ee; color:#000000; border-top: 1px solid #C3D9FF; } h2{font: 14pt sans-serif;font-weight: bolder;text-align:center;color: #00c;} h2.clase_error,h2.clase_error2{font: 13pt sans-serif;font-weight: bolder;color: #000; text-align:left; margin-left:55px; margin-top:30px} div#datos{position: absolute;top: 1in;left: 0;width: 91%;height: 70%;margin-left: 50px;background: #fff;color:#000000;} div#d_int{position: relative;margin-left:20px; width: 95%;height: 385px;background: #c3d9ff;color:#000000;} div#capa_texto{display:inline} div#logout{text-align:center; margin-top: 18px} div#foto_logo img{float: left;width: 60px; height:auto; margin-left: 20px; margin-top:5px; margin-right: 13px} div#espli{margin-top:8px;} div#fecha table{position: absolute; left: 750px; top: 5px; font:Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #0C49A5} img#foto{margin-left: 20px; margin-top:20px; margin-right:7px;width:30px; height:auto}




div#capa_foto{height: 30px;float:left} img.boton_op{border: 0;margin-right: 10px} span.op_titulo1{font:14pt sans-serif} div.op{margin-left: 2in; margin-top:4px} div#barra{text-align:center; margin-bottom:20px} ul.bot_sig,ul.bot_sig li{margin:0;padding:0;list-style-type:none; text-align:center} ul.bot_sig a{display: block;width:7em;margin-bottom: 7px;padding:5px 0;font: bold 100% Helvetica,Arial,sans-serif; background: #114DD5;color: #fff; text-decoration:none;text-align:center} ul.bot_sig a:hover{background: #ffa860;color:#fff} div#boton{position: relative; width:90px;text-align:center; margin-left:80px;} form#form_busq{display:inline} span.normal_text{font: 12pt sans serif;font-weight: bolder;} span.jerar1,span.jerar2{margin-left:5px;} span.jerar2{color:#0033CC} span.us{font: 12pt sans serif;font-weight: bolder; color: #925E10;margin-left: 10px} span.acceso{font: 12pt sans serif;font-weight: bolder; color: #925E10;margin-left: 10px} span.esp1{font:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold;color:#6D6DF8 } span#tit_pie{position: absolute; top: 5px; margin-left: 250px; margin-top: 10px; font:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:bold;color:#6D6DF8 } div#logoamm img{width: 30px; height:auto; position:absolute; left: 765px; top: 5px} a#cont{position: absolute; top: 5px; margin-left: 850px; margin-top: 10px; font:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:bold;color:#6D6DF8 }




à hoja_index.css Hoja de la página donde se crean las fichas de alumno. No se muestra la

parte que da formato a las capas que forman la estructura general de la página (cabecera, jerarquía, pie, principal, etc.). Las hojas CSS que proporcionan el estilo a las ventanas de “Ver ficha” o “Modificar ficha” son muy similares a esta.

/*CONFIGURACION DE LAS PESTAÑAS*/ div#pest{float: left;width: 100%;padding-top:20px;background: #bbd9ee;color:#000000;} ul#nav,ul#nav li{list-style-type:none;margin-top:15px;padding:0;z-index:1;} ul#nav{margin-left: 60px;width:100%} ul#nav li{float:left;margin-right: 1px;text-align: center;} ul#nav a{float:left;margin-top: 4px;width: 7em;height: 4em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #333;font-size: 14px;} ul#nav a:hover{background: #ffa860;color: #fff;font-weight: bold;} ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #fff;color: #003;font-weight: bold;} /*CONFIGURACION DE LA CAPA GRANDE DONDE SE MUESTRA EL CONTENIDO DE LAS PESTAÑAS*/ div#datos1{position: absolute;top: 1in;left: 0;width: 91%;height: 73%;margin-left: 50px;background: #fff;color:#000000;} div#datos2{position: absolute;top: 1in;left: 0;width: 91%;height: 80%;margin-left: 50px;background: #fff;color:#000000;overflow: auto;} div#datos3{position: absolute;top: 1in;left: 0;width: 91%;height: 80%;margin-left: 50px;background: #fff;color:#000000;overflow: auto;} div#datos4{position: absolute;top: 1in;left: 0;width: 91%;height: 80%;margin-left: 50px;background: #fff;color:#000000;overflow: auto;} div#datos5{position: absolute;top: 1in;left: 0;width: 91%;height: 80%;margin-left: 50px;background: #fff;color:#000000;overflow: auto;} .oculto{/*position: relative; top: 1in;left: 1.05in;*/visibility: hidden} .visible{/*position: relative; top: 1in;left: 1.05in;*/visibility: visible}




/*CONFIGURACION DE LAS DISTINTAS CAPAS DE LAS DISTINTAS PESTAÑAS*/ div#d_pers{position: relative;/*top: 0.5in;left: 0.2in;*/margin-left:20px;width: 94%;height: 405px;background: #c3d9ff;color:#000000;} div#d_fam{position: relative;/*top: 0.5in;left: 0.2in;*/margin-left:20px;width: 93%;height: auto;background: #c3d9ff;color:#000000;} div#ncc1{position: relative;/*top: 0.5in;left: 0.2in;*/margin-left:20px;width: 93%;height:auto;background: #c3d9ff;color:#000000;} div#ev_ini{position: relative;/*top: 0.5in;left: 0.2in;*/margin-left:20px;width: 93%;height:auto;background: #c3d9ff;color:#000000;} div#diagn{position: relative; /*top: 0.5in;left: 0.2in;*/margin-left:20px;width: 93%;height:auto;background: #c3d9ff;color:#000000;} div#inicio_ncc,div#ncc2,div#ncc3,div#ncc4,div#ncc5{position: relative;/*top: 0.5in;left: 0.2in;*/margin-left:20px;width: 94%;height: 435px;background: #c3d9ff;color:#000000;} /*CONFIGURACION DE LA CAPA DE LA FOTO*/ div#col_foto{position: absolute;margin-left: 20px;top: 5px;left: 0;width: 18%;height: 50%;margin-top: 10px;} img.foto{width: 100px; height: auto;border: 1px solid #5555ff;} /*CONFIGURACION DE LA CAPA DE LOS DATOS PERSONALES*/ div#col_datos{position: absolute;left: 125px;top: 0;margin-left: 20px;width: 70%; height: auto; margin-top: 15px;background: #c3d9ff;color:#000000;} div#col_datos_fam{position: relative; top: 10px; margin-left: 20px;width: 93%} /*CONFIGURACION ENUNCIADOS NCC*/ table#t_ncc{border-collapse: collapse;margin-bottom: 20px;} td.area span{margin-left: 5px} td.subarea span{margin-left: 10px} td.enun span{margin-left: 15px} span#marcas1{margin-left: 1.5em;} span#marcas2{margin-left: 0.5em;} span#marcas3{margin-left: 0.4em;} span#marcas4{margin-left: 0.2em;}




span#marca1{margin-left: 1.2em;} span#marca2{margin-left: 0.1em;} span#marca3{margin-left: 0.1em;} span#marca4{margin-left: 0.1em;} td.area, span.area{font-size: 14pt;font-weight: bold;background: #fff;background-image: url(/fotos/backtable.jpg);color: #003366;width: 75%} span.subarea,span.area{margin-left: 7px} td.subarea, span.subarea{font-size: 12pt;background: #8fbaf8;color: #003333;width: 75%} td.enun{width: 75%} td.marcas{width: 25%} td.marca{width:25%} tr.par{background: #bfd8fb;color:#000000;} tr.impar{background: #dfecfd;color:#000000;} td.barra{background: white;color: #fff} td.hid{background: none;visibility: hidden} /*CONFIGURACION 4ª PESTAÑA*/ .sangrado{margin-left: 1in} /*OTRAS CAPAS*/ /*div#cons_tut{display: inline}*/ div#contenedor{display: inline} div#ayuda_estatica{ border: solid #ff77a0 1px; width: 200px; height: auto; z-index: 99; display:none; position:absolute; left:0px; top:0px; background-color: #f8dccb; color: #000000; padding: 5px; } div#capa_help{background: #F8F7A0;color:#000000;border: solid #ff77a0 1px;text-align: center;} .no_muestra{display:none} .muestra{display:block} div.capa_ncc{position:relative; text-align:center;margin-top: 10px;margin-bottom: 10px;margin-right: 7px}




/*OTRAS CONFIGURACIONES*/ span{font-weight: bold} p span{margin-left: 2px} span.d{margin-left: 12px} span input{margin-left: 4px;margin-right: 6px} h2.titulo1{font: 14pt sans-serif;font-weight: bolder;text-align: center;color: #00c;background: #fff;} h2.titulo2{font: 14pt sans-serif;;font-weight: bolder;text-align: left;margin-left: 6px;color: #003399;background: #c3d9ff;} span input.texto:focus{border: 1px solid #5555ff /*#cc9966*/} /*span select:focus{border: 2px solid #cc9966}*/ textarea.texto_g{margin-left: 12px;background: #dfecfd;color:#000000;} img.ayuda, img.busca{width: 25px;height: auto;} img.ayuda:hover{cursor: help} img.busca{border: 0} img.boton_ncc{border: 0;margin-right: 25px} select#espe{margin-left: 12px} span.load_ayuda{margin-left: 6px;} input.espec{margin-left: 12px} a#nivel1{position:absolute;left: 180px;top: 63px;} a#nivel1_boton{position:absolute;left: 150px;top: 62px;} a#nivel2{position:absolute;left: 180px;top: 103px;} a#nivel2_boton{position:absolute;left: 150px;top: 102px;} a#nivel3{position:absolute;left: 180px;top: 143px;} a#nivel3_boton{position:absolute;left: 150px;top: 142px;} a#nivel4{position:absolute;left: 180px;top: 183px;} a#nivel4_boton{position:absolute;left: 150px;top: 182px;} a#nivel5{position:absolute;left: 180px;top: 223px;} a#nivel5_boton{position:absolute;left: 150px;top: 222px;} span.titulo_ncc{font: 14pt sans-serif;font-weight: bolder; text-decoration:underline; text-align:center} span.ncc_titulo1{font:14pt sans-serif} img#volver1{position:absolute; left: 410px; border: 0;} img#volver2{position:absolute; left: 420px; border: 0;} img#volver3{position:absolute; left: 423px; border: 0;} img#volver4{position:absolute; left: 432px; border: 0;} img#volver5{position:absolute; left: 418px; border: 0;} span.jerar1,span.jerar2{margin-left:5px; } span.jerar2{color:#0033CC} div#logout{text-align:center; margin-top: 18px} span.us{font: 12pt sans serif;font-weight: bolder; color: #925E10;margin-left: 10px} span.acceso{font: 12pt sans serif;font-weight: bolder; color: #925E10;margin-left: 10px} /*CONFIGURACION BOTONES SIGUIENTE*/ ul.bot_sig,ul.bot_sig li{margin:0;padding:0;list-style-type:none} ul.bot_sig#uno li{position: relative;/*top: 365px;left: 530px;*/margin-top: 25px;margin-left:545px;width: 6em;font-size:12pt}




ul.bot_sig#dos li{position: relative;/*top: 970px; left: 525px;*/margin-top: 10px;margin-left:525px;width: 6em;font-size:12pt} ul.bot_sig#tres li{position: relative;/*top: 2350px; left: 520px;*/margin-top: 10px;margin-left:520px;width: 6em;font-size:12pt} ul.bot_sig#cuatro li{position: relative;/*top: 1475px; left: 520px;*/margin-top: 10px;margin-left:520px;width: 6em;font-size:12pt} ul.bot_sig#cinco li{position: relative;/*top: 520px;left: 520px;*/margin-top: 10px;margin-left:520px;width: 6em;font-size:12pt} ul.bot_sig a{display: block;width:7em;margin-bottom: 7px;padding:5px 0;font: bold 100% Helvetica,Arial,sans-serif; background: #cce1ff;color: #000; text-decoration:none;text-align:center} ul.bot_sig a:hover{background: #ffa860;color:#fff} div#foto_logo img{float: left;width: 20px; height:auto; margin-left: 20px; margin-top:5px; margin-right: 13px} div#espli{margin-top:8px;} div#fecha table{position: absolute; left: 750px; top: 5px; font:Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #0C49A5} span.esp1{font:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold;color:#6D6DF8 } span#tit_pie{position: absolute; top: 5px; margin-left: 250px; margin-top: 10px; font:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:bold;color:#6D6DF8 } div#logoamm img{width: 30px; height:auto; position:absolute; left: 765px; top: 5px} a#cont{position: absolute; top: 5px; margin-left: 850px; margin-top: 10px; font:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:bold;color:#6D6DF8 }




à hoja_res_busq.css Esta hoja da formato a la página que muestra los resultados de búsqueda

de alumnos.

a.p:link { color: #0066FF; text-decoration: none; } a.p:visited { color: #0066FF; text-decoration: none; } a.p:active { color: #0066FF; text-decoration: none; } a.p:hover { color: #0066FF; text-decoration: underline; } a.ord:link { color: #000000; text-decoration: none; } a.ord:visited { color: #000000; text-decoration: none; } a.ord:active { color: #000000; text-decoration: none; } a.ord:hover { color: #000000; text-decoration: underline; } h2{font: 14pt sans-serif;font-weight: bolder;text-align:center;color: #00c;} h2.clase_error{font: 13pt sans-serif;font-weight: bolder;color: #000; margin-top:30px; text-align:left; margin-left:55px} div#datos{position: absolute;top: 1in;left: 0;width: 91%;height: 80%;margin-left: 50px;background: #fff;color:#000000;} div#d_int{position: relative;margin-left:20px; width: 95%;height: 410px;background: #c3d9ff;color:#000000;} div#capa_texto{display:inline} img#foto{margin-left: 20px; margin-right:7px;width:30px; height:auto} div#capa_foto{height: 30px;float:left;} img{border: 0} img.boton_op{margin-right: 10px} img.orden_foto{border: 0;vertical-align:bottom}




span.op_titulo1{font:14pt sans-serif} div.op{margin-left: 2in; margin-top:4px} div#barra{text-align:center; margin-bottom:20px} ul.bot_sig,ul.bot_sig li{margin:0;padding:0;list-style-type:none; text-align:center} ul.bot_sig a{display: block;width:7em;margin-bottom: 7px;padding:5px 0;font: bold 100% Helvetica,Arial,sans-serif; background: #cce1ff;color: #000; text-decoration:none;text-align:center} ul.bot_sig a:hover{background: #ffa860;color:#fff} ul#boton_subm{position: relative; margin-left:100px; margin-top:15px} form#form_busq{display:inline} span.normal_text{font: 12pt sans serif;font-weight: bolder;} div#tabla_res{ position:relative;margin-top:8px;height:auto;} /*div#boton{position: relative; width:80px; margin-left:470px;}*/ span.jerar1,span.jerar2{margin-left:5px;} span.jerar2{color:#0033CC} div#logout{text-align:center; margin-top: 18px} span.us{font: 12pt sans serif;font-weight: bolder; color: #925E10;margin-left: 10px} span.acceso{font: 12pt sans serif;font-weight: bolder; color: #925E10;margin-left: 10px} ul.bot_tres{margin:0;padding:0;list-style-type:none; margin-left:80px} ul.bot_tres li{margin:0;padding:0;list-style-type:none;float:left;width: 4em;font-size:12pt;margin-right: 5px;margin-top: 5px} ul.bot_tres li#uno{margin-left: 90px;} ul.bot_tres li#dos{margin-left: 50px;} ul.bot_tres li#tres{margin-left: 50px;} ul.bot_tres li#cuatro{margin-left: 200px;} ul.bot_tres li#ver_cons{margin-left: 200px} ul.bot_tres a{display: block;width:7em;margin-bottom: 7px;padding:5px 0;font: bold 100% Helvetica,Arial,sans-serif; background: #cce1ff;color: #000; text-decoration:none;text-align:center} ul.bot_tres a:hover{background: #ffa860;color:#fff} div#foto_logo img{float: left;width: 100px; height:auto; margin-left: 20px; margin-top:5px; margin-right: 13px} div#espli{margin-top:8px;} div#fecha table{position: absolute; left: 750px; top: 5px; font:Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #0C49A5} span.esp1{font:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold;color:#6D6DF8 } span#tit_pie{position: absolute; top: 5px; margin-left: 250px; margin-top: 10px; font:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:bold;color:#6D6DF8 } div#logoamm img{width: 30px; height:auto; position:absolute; left: 765px; top: 5px}

6.2.2 XHTML

à ficha.php Se muestra uno de los códigos más completos de los que componen el

conjunto de páginas. En él se puede apreciar tanto la estructura de la página, como las llamadas a las funciones JavaScript, como pequeño código PHP insertado en el XHTML.

<?php require("funcs.php"); if($GLOBALS['selwa']->session->getData('login')=='0') header("Location:index.php"); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">  <?php if(isset($_POST['mod'])) $mod=$_POST['mod']; else $mod=""; require("find_al.php"); require_once ("./xajax/xajax.inc.php"); /*REGISTRO DE LA FUNCION QUE SE ENCARGARA DE MOSTRAR LOS MENSAJES DE AYUDA*/ $xajax = new xajax("server.php"); $xajax->registerFunction('muestra_ayuda'); ?> <html> <head> <title>SELWA - - - Sistema Automatizado de Gestión y Seguimiento para la Educación Especial</title> <?php $xajax->printJavascript('./xajax/');?>  <link rel="stylesheet" href="./css/hoja_ficha.css" type="text/css"> <link rel="stylesheet" type="text/css" href="./css/niftyCorners.css"> <link rel="stylesheet" type="text/css" href="./css/niftyPrint.css" media="print"> <script type="text/javascript" src="./css/niftycube.js"></script> <script type="text/javascript" src="./javascript/funcs_ficha/funcs_Varias.js"></script> <script type="text/javascript" src="./javascript/funcs_ficha/funcs_ComprDatosPest.js"></script> <script type="text/javascript" src="./javascript/funcs_ficha/funcs_GestPest.js"></script>

<body> <div id="cabecera"><div id="foto_logo"><img src="fotos/logo.png" title="logo" alt="logo" /></div> <div id="espli"><span class="esp1">Sistema Automatizado de Gestión y Seguimiento</span><br /><span class="esp1">para la Educación Especial</span></div> <div id="fecha"><table><tr><td id="Fecha_Reloj"></td></tr></table> </div> </div> <div id="jerarquia"><div><img style="margin-top: 4px; margin-left:4px; float:left" src="fotos/home.jpg" alt="Home" title="Home" /></div><span>........</span><span class="jerar1"><a href="./principal.php">Principal</a></span><span class="jerar2"> >> </span><span class="jerar1"><a href="./gestion_fichas.php">Gestión Fichas</a></span><span class="jerar2"> >> </span><span class="jerar1"><a href="./buscar_ficha.php">Buscar Ficha</a></span><span class="jerar2"> >> </span><span class="jerar1"><a href="./res_fich.php">Resultado Búsqueda</a></span><span class="jerar2"><strong> >> Ver Ficha</strong></div> <div id="lateral"> <div id="lateral1"> <p style="text-align:center; font:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; font-weight:bold; color:#0033CC">Usuarios online</p> <form action="index.php" method="POST"> <input type="hidden" name="do" value="unregister" /> <?php $GLOBALS['selwa']->session->getData('login'); $users=extrae_users(); $cont=count($users); $i=0; while($cont>0){ echo "<span class='us'>".$users[$i]."</span><br />"; $i++; $cont--; } ?> <div id="logout"><input class="button" type="submit" value="Logout" /></div> </form> <img src="fotos/barra_fina.jpg" style="text-align:center; width: 190px; margin-left: 10px; margin-top: 40px" /> </div> <div id="lateral2"> <p style="text-align:center; font:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; font-weight:bold; color:#0033CC">Accesos directos</p> <?php if((strcmp($GLOBALS['selwa']->session->getData('login'),"admin")==0)||(strcmp($GLOBALS['selwa']->session->getData('perf_us'),"prof")==0)) echo '<a href="crea_ficha.php"><span class="acceso">Crear Ficha</span></a><br /><br />';?> <?php if(strcmp($GLOBALS['selwa']->session->getData('login'),"admin")==0) echo '<a href="crea_us.php"><span class="acceso">Crear Usuario</span></a><br /><br />';?>

<a href="buscar_ficha.php"><span class="acceso">Buscar Ficha</span></a><br /><br /> <a href="buscar_ficha2.php"><span class="acceso">Crear Informe</span></a><br /><br /> <a href="http://www.google.es"><span class="acceso">Buscar en Google</span></a><br /> <img src="fotos/barra_fina.jpg" style="text-align:center; width: 190px; margin-left: 10px; margin-top: 50px" /> </div> <div id="lateral3"> <?php require("./calendario/index_cal.php");?> </div> </div>  <div id="principal">  <div id="pest"> <ul id="nav"> <li id="hoy" class="activelink"><a href="javascript:;" onmousedown='activo("datos_pers","datos_fam","nivel_cc","eval_inicial","diagnostico","hoy");se_ve("datos1","datos2","datos3","datos4","datos5","datos0");'>HOY</a></li> <li id="datos_pers"><a href="javascript:;" onmousedown='activo("datos_fam","nivel_cc","eval_inicial","diagnostico","hoy","datos_pers");se_ve("datos2","datos3","datos4","datos5","datos0","datos1")'>Datos Personales</a></li> <li id="datos_fam"><a href="javascript:;" onmousedown='activo("datos_pers","nivel_cc","eval_inicial","diagnostico","hoy","datos_fam");se_ve("datos1","datos3","datos4","datos5","datos0","datos2")'>Datos Familiares</a></li> <li id="nivel_cc"><a href="javascript:;" onmousedown='activo("datos_pers","datos_fam","eval_inicial","diagnostico","hoy","nivel_cc");se_ve("datos1","datos2","datos4","datos5","datos0","datos3")'>N.C.C.</a></li> <li id="eval_inicial"><a href="javascript:;" onmousedown='activo("datos_pers","datos_fam","nivel_cc","diagnostico","hoy","eval_inicial");se_ve("datos1","datos2","datos3","datos5","datos0","datos4")'>Evaluación Inicial</a></li> <li id="diagnostico"><a href="javascript:;" onmousedown='activo("datos_pers","datos_fam","nivel_cc","hoy","eval_inicial","diagnostico");se_ve("datos1","datos2","datos3","datos4","datos0","datos5")'>Diagnóstico</a></li> </ul> </div> <form id="form_hoy" name="form_hoy" action="inserta_hoy.php" method="post" enctype="multipart/form-data"> <input type="hidden" name="id_al" value="<?php echo $id;?>" />  <div id="datos0" class="visible"> <h2 class="titulo1">HOY</h2> <div id="d_hoy"> <div id="fecha2"><?php $hoy=date("d / m / y"); echo $hoy;?></div><input type="hidden" name="hoy" value="<?php echo $hoy;?>" /><br />

http://www.google.es

<div id="info"> <?php if((strcmp($GLOBALS['selwa']->session->getData('login'),"admin")==0)||(strcmp($GLOBALS['selwa']->session->getData('perf_us'),"prof")==0)){ echo '<p><span>Asunto:</span><span><input type="text" name="asunto" id="asunto" size="15" maxlength="20" /></span></p>'; echo '<p><span>Área:</span><span><select name="area" id="area" onChange="actualiza_ref(\'area\',\'refer\');"><option value="0" selected="selected">--Seleccionar--</option>'; crea_area("area");echo '</select></span></p>'; echo '<p><span>Subárea:</span><span><select name="refer" id="refer"><option value="0" selected="selected">--Seleccionar--</option>'; echo '</select></span></p>'; echo '<p><span>Comentario</span><br />'; echo '<textarea class="texto_g" rows="8" cols="73" name="comen" id="comen"></textarea>'; } else{ $info=array();$info=extrae_hoy($id); echo '<p><span>Asunto:</span><span><input type="text" name="asunto" id="asunto" size="25" maxlength="20" readonly="readonly" value="'.$info[0].'" /></span></p>'; echo '<p><span>Área:</span><span><input type="text" readonly="readonly" value="'.$info[1].'" size="30" /></span></p>'; echo '<p><span>Subárea:</span><span><input type="text" readonly="readonly" value="'.$info[2].'" size="40" /></span></p>'; echo '<p><span>Comentario</span><br />'; echo '<textarea class="texto_g" rows="8" cols="73" name="comen" id="comen">'.$info[3].'</textarea>';}?> </div> </div> <?php if((strcmp($GLOBALS['selwa']->session->getData('login'),"admin")==0)||(strcmp($GLOBALS['selwa']->session->getData('perf_us'),"prof")==0)){ echo '<ul class="bot_sig" id="bot_ins">'; echo '<li><a href="javascript:;" onmousedown=\'envia_form();\'>Insertar</a></li>'; echo '</ul>'; } ?> </div> </form>  <div id="datos1" class="oculto"> <h2 class="titulo1">DATOS PERSONALES</h2> <div id="d_pers"> <div id="col_foto"> <img class="foto" src="./imgs/alumnos/<?php echo $foto;?>" alt="Foto alumno" title="Foto alumno" /><br /> </div> <div id="col_datos">

<p><span>Nombre:<input class="texto" id="nombre" type="text" name="nombre" readonly="readonly" size="17" maxlength="17" value="<?php echo $nombre;?>" /></span><span>Apellido 1:<input class="texto" id="apel1" type="text" name="apel1" readonly="readonly" size="17" maxlength="17" value="<?php echo $apel1;?>" /></span></p> <p><span>Apellido 2:<input class="texto" id="apel2" type="text" name="apel2" readonly="readonly" size="9" maxlength="17" value="<?php echo $apel2;?>" /></span><span>F.Nacimiento:</span><span><input type="text" readonly="readonly" size="9" value="<?php echo $dia_nac.' / '.$mes_nac.' / '.$ano_nac;?>" /></span></p><p><span>Peso (Kg):<input class="texto" id="peso" type="text" name="peso" readonly="readonly" size="3" maxlength="3" value="<?php echo $peso;?>" /></span><span>Estatura (cm):<input class="texto" id="estat" type="text" name="estat" readonly="readonly" size="3" maxlength="3" value="<?php echo $estat;?>" /></span><span>Teléfono:<input class="texto" id="tlf" type="text" name="tlf" readonly="readonly" size="9" maxlength="9" value="<?php echo $tlf;?>" /></span></p> <p><span>Domicilio:<input class="texto" id="domic" type="text" name="domic" readonly="readonly" size="20" maxlength="30" value="<?php echo $domic;?>" /></span><span>Localidad:<input class="texto" id="localidad" type="text" name="localidad" readonly="readonly" size="20" maxlength="30" value="<?php echo $localidad;?>" /></span></p> <p><span>Provincia:<span><input type="text" readonly="readonly" value="<?php echo $provincia;?>" /></span></span><span>Nacionalidad:<span><input type="text" readonly="readonly" size="12" value="<?php echo $pais;?>" /></span></span> </p> <p><span>Año Ingreso:<span><input type="text" readonly="readonly" size="6" value="<?php echo $ano_ing;?>" /></span></span><span>Maestro Tutor:<input class="texto" id="tut_asoc" type="text" size="4" name="tut_asoc" readonly="readonly" size="5" value="<?php echo $prof_asoc;?>" /></span></p> <p><span>Consultores Tutores:</span><span><div id="cons_tut"><?php for($i=0;$i<$num_cons;$i++){ echo '<input type="text" readonly="readonly" size="4" value="'.$id_cons[$i].'" />'; }?> </div></span></p> </div> </div> </div>   <div id="datos2" class="oculto"> <h2 class="titulo1">DATOS FAMILIARES</h2> <div id="d_fam"> <div id="col_datos_fam"> <h2 class="titulo2"><span class="area">PADRE / TUTOR</span></h2> <p><span>Nombre:<input class="texto" id="nombre_p" type="text" name="nombre_p" readonly="readonly" size="17" maxlength="17" value="<?php echo $nombre_p;?>" /></span><span>Apellidos:<input class="texto" id="apel_p1" type="text" name="apel_p1" readonly="readonly" size="15" maxlength="17" value="<?php echo $apel_p1;?>" /><input class="texto" id="apel_p2" type="text" name="apel_p2" readonly="readonly" size="15" maxlength="17" value="<?php echo $apel_p2;?>" /></span></p>




<p><span>Fecha Nacimiento:</span><span><input type="text" readonly="readonly" size="9" value="<?php echo $dia_nac_p.' / '.$mes_nac_p.' / '.$ano_nac_p;?>" /></span><span>Teléfono:</span><span><input class="texto" id="tlf_p" type="text" name="tlf_p" readonly="readonly" size="9" maxlength="9" value="<?php echo $tlf_p;?>" /></span></p> <p><span>Domicilio:<input class="texto" id="domic_p" type="text" name="domic_p" readonly="readonly" size="20" maxlength="30" value="<?php echo $domic_p;?>" /></span><span>Teléfono Móvil:<input class="texto" id="tlf2_p" type="text" name="tlf2_p" readonly="readonly" size="9" maxlength="9" value="<?php echo $tlf2_p;?>"/></span></p> <p><span>Profesión:<input class="texto" id="profesion_p" type="text" name="profesion_p" readonly="readonly" size="20" maxlength="20" value="<?php echo $profesion_p;?>" /></span><span>E-mail:<input class="texto" id="correo_p" type="text" name="correo_p" readonly="readonly" value="<?php echo $correo_p;?>" /></span></p> <br /> <h2 class="titulo2"><span class="area">MADRE / TUTORA</span></h2> <p><span>Nombre:<input class="texto" id="nombre_m" type="text" name="nombre_m" readonly="readonly" size="17" maxlength="17" value="<?php echo $nombre_m;?>" /></span><span>Apellidos:<input class="texto" id="apel_m1" type="text" name="apel_m1" readonly="readonly" size="15" maxlength="17" value="<?php echo $apel_m1;?>" /><input class="texto" id="apel_m2" type="text" name="apel_m2" readonly="readonly" size="15" maxlength="17" value="<?php echo $apel_m2;?>" /></span></p> <p><span>Fecha Nacimiento:</span><span><input type="text" readonly="readonly" size="9" value="<?php echo $dia_nac_m.' / '.$mes_nac_m.' / '.$ano_nac_m;?>" /><span>Teléfono:</span><span><input class="texto" id="tlf_m" type="text" name="tlf_m" readonly="readonly" size="9" maxlength="9" value="<?php echo $tlf_m;?>" /></span></p> <p><span>Domicilio:<input class="texto" id="domic_m" type="text" name="domic_m" readonly="readonly" size="20" maxlength="30" value="<?php echo $domic_m;?>" /></span><span>Teléfono Móvil:<input class="texto" id="tlf2_m" type="text" name="tlf2_m" readonly="readonly" size="9" maxlength="9" value="<?php echo $tlf2_m;?>" /></span></p> <p><span>Profesión:<input class="texto" id="profesion_m" type="text" name="profesion_m" readonly="readonly" size="20" maxlength="20" value="<?php echo $profesion_m;?>" /></span><span>E-mail:<input class="texto" id="correo_m" type="text" name="correo_m" readonly="readonly" value="<?php echo $correo_m;?>" /></span></p> <br /> <h2 class="titulo2"><span class="area">OTROS</span></h2> <p><span>Nº Hermanos:</span><span><input type="text" size="4" readonly="readonly" value="<?php echo $n_herm;?>" /></span><span>Lugar que ocupa:</span><span><input type="text" size="4" readonly="readonly" value="<?php echo $lugar_herm;?>" /></span><span>Edad embarazo madre:<input class="texto" id="edad_emb" size="4" type="text" name="edad_emb" readonly="readonly" size="2" maxlength="2" value="<?php echo $edad_emb;?>" /></span></p> <p><span>Enfermedades embarazo:</span></p><p><span><textarea class="texto_g" id="enf_emb" name="enf_emb" readonly="readonly" rows="4" cols="50" maxlength="200"><?php echo $enf_emb;?></textarea></span></p> <p><span>Dificultades parto:</span></p><p><span><textarea class="texto_g" id="dif_parto" name="dif_parto" readonly="readonly" rows="4" cols="50" maxlength="200"><?php echo $dif_parto;?></textarea></span></p>

<p><span>Otros:</span></p><p><span><textarea class="texto_g" id="otros" name="otros" readonly="readonly" rows="4" cols="50" maxlength="200"><?php echo $otros;?></textarea></span></p> <br /> <br /> </div> </div> <div id="una_capa3" style="visibility:hidden"> <ul class="bot_sig"> <li id="uno"><a href="javascript:;">Añadir Objetivo</a></li> </ul> </div> </div>   <div id="datos3" class="oculto"> <h2 class="titulo1">NIVELES DE COMPETENCIA CURRICULAR<span><img src="./fotos/quest2.jpg" title="Ayuda" alt="Ayuda" id="ayuda_obj" class="ayuda" onmouseover='manejador_ayuda(this,"ayuda_obj",1);' onmouseout='quita_ayuda()' /></span></h2> <div id="inicio_ncc"> <div id="resul_ncc"> <div id="actualizacion" style="display:none" class="actualiza"></div> <table id="t_res" align='center' cellspacing='1' cellpadding='0'> <tr class="encabezado"><td><span class="t_plano">Objetivos</span></td><td class="enc1_2" colspan="2"><span class="t_plano">Cumplido</span></td></tr> <tr><td style=" visibility:hidden"></td><td style="text-align:center;font-size: 12pt;font-weight: bold; color: #00c;">Sí</td><td style="text-align:center;font-size: 12pt;font-weight: bold; color: #00c;">No</td></tr> <?php crea_tabla_ncc($id,$mod);?> </table> </div> </div> <div id="una_capa3" style="visibility:hidden"> <ul class="bot_sig"> <li id="uno"><a href="javascript:;">blabla</a></li> </ul> </div> </div>

<div id="datos4" class="oculto">  <div id="ayuda" style="border: solid #ff77a0 1px;width: 200px;height: auto;z-index: 99;display:none;position:absolute;left:0px;top:0px;background-color: #f8dccb;color: #000000;padding: 5px;"></div> <h2 class="titulo1">EVALUACIÓN INICIAL</h2> <div id="ev_ini"> <p><span class="area">1. RELATIVA AL ALUMNO</span></p> <p><span class="subarea">1.1 HISTORIAL ACADÉMICO</span><span>(Asistencia, Cambios de Centro, Repeticiones,...)</span></p> <p><span><textarea class="texto_g" readonly="readonly" id="hist_acad" name="hist_acad" readonly="readonly" rows="5" cols="65"><?php echo $hist_acad;?></textarea></span></p> <p><span class="subarea">1.2 NCC ACTUAL</span></p> <p><span><textarea class="texto_g" readonly="readonly" id="ncc_act" name="ncc_act" readonly="readonly" rows="5" cols="65"><?php echo $ncc_act;?></textarea></span></p> <p><span class="subarea">1.3 ESTILO DE APRENDIZAJE Y MOTIVACIÓN PARA APRENDER</span></p> <p><span><textarea class="texto_g" readonly="readonly" id="est_apren" name="est_apren" readonly="readonly" rows="5" cols="65"><?php echo $est_apren;?></textarea></span></p> <p><span class="subarea">1.4 DESARROLLO GENERAL</span><span>(Biológico, Psicomotor, Intelectual, Emocional, Social,...)</span></p> <p><span><textarea class="texto_g" readonly="readonly" id="des_gral" name="des_gral" readonly="readonly" rows="5" cols="65"><?php echo $des_gral;?></textarea></span></p> <p><span class="area">2. RELATIVA AL CONTEXTO SOCIO-FAMILIAR</span></p> <p><span class="subarea">2.1 RESPECTO AL ALUMNO</span></p> <p><span><textarea class="texto_g" readonly="readonly" id="sf_alumno" name="sf_alumno" readonly="readonly" rows="5" cols="65"><?php echo $sf_alumno;?></textarea></span></p> <p><span class="subarea">2.2 RESPECTO A LA FAMILIA</span></p> <p><span><textarea class="texto_g" readonly="readonly" id="sf_familia" name="sf_familia" readonly="readonly" rows="5" cols="65"><?php echo $sf_familia;?></textarea></span></p> <p><span class="subarea">2.3 RESPECTO AL ENTORNO SOCIAL</span></p> <p><span><textarea class="texto_g" readonly="readonly" id="sf_social" name="sf_social" readonly="readonly" rows="5" cols="65"><?php echo $sf_social;?></textarea></span></p> <p><span class="area">3. RELATIVA AL CONTEXTO ESCOLAR (AULA)</span><br /><span>(Contexto Organizativo, Contexto Didáctico,...)</span></p> <p><span><textarea class="texto_g" readonly="readonly" id="cont_esc" name="cont_esc" readonly="readonly" rows="5" cols="65"><?php echo $cont_esc;?></textarea></span></p>

</div> <div id="una_capa" style="visibility:hidden"> <ul class="bot_sig"> <li id="uno"><a href="javascript:;">Añadir Objetivo</a></li> </ul> </div> </div>   <div id="datos5" class="oculto"> <h2 class="titulo1">DIAGNÓSTICO</h2>  <div id="ayuda2" style="border: solid #ff77a0 1px;width: 200px;height: auto;z-index: 99;display:none;position:absolute;left:0px;top:0px;background-color: #f8dccb;color: #000000;padding: 5px;"></div> <div id="diagn"> <p><span class="d">Tipología:</span><span><input type="text" name="tipologia" id="tipologia" readonly="readonly" size="23" value="<?php echo $tipo;?>" /></span><span><img src="./fotos/quest.jpg" title="Ayuda" alt="Ayuda" id="ayuda1" class="ayuda" onmouseover='manejador_ayuda(this,"tipo_inv",document.getElementById("tipologia").value);' onmouseout='quita_ayuda()' /></span> <span class="d">Patología:</span><span><input type="text" name="patologia" id="patologia" readonly="readonly" value="<?php echo $pato;?>" /></span><span><img src="./fotos/quest.jpg" id="ayuda2" title="Ayuda" alt="Ayuda" class="ayuda" onmouseover='manejador_ayuda(this,"pato",document.getElementById("patologia").value)' onmouseout='quita_ayuda()' /></span></p> <p><span class="d">Nivel:</span><span><input type="text" name="nivel" id="nivel" readonly="readonly" value="<?php echo $nivel;?>" /></span><span><img src="./fotos/quest.jpg" title="Ayuda" alt="Ayuda" id="ayuda4" class="ayuda" onmouseover='manejador_ayuda(this,"nivel",document.getElementById("nivel").value);' onmouseout='quita_ayuda()' /></span></p> <p><span class="d">Observaciones:</span></p><p><span><textarea class="texto_g" id="obs_diag" name="obs_diag" readonly="readonly" rows="4" cols="65"><?php echo $obs;?></textarea></span></p> <p><span class="d">Especialista/s:</span><span><div id="contenedor"><?php for($i=0;$i<$n_esp;$i++){ echo '<input type="text" readonly="readonly" size="4" value="'.$id_esp[$i].'" />'; }?></div></span></p> <p><span class="d">Necesidad Tratamiento Médico:</span><span><input name="tto_med" id="tto_med" readonly="readonly" size="4" value="<?php echo $tratam;?>" /></span></p> <p><span class="d">Observaciones Tratamiento Médico:</span></p><p><span><textarea class="texto_g" id="obs_tto" name="obs_tto" readonly="readonly" rows="4" cols="65"><?php echo $obs_trat;?></textarea></span></p>

</div> <div id="una_capa2" style="visibility:hidden"> <ul class="bot_sig"> <li id="uno"><a href="javascript:;">Añadir Objetivo</a></li> </ul> </div>  </div>  </div>  <div id="ayuda_estatica"></div>  <div id="pie"><span id="tit_pie"><img src="fotos/barra_fina_disc.jpg" title="" alt="" />Diseñado y Programado por Antonio Martínez Martínez, 2007 ©</span><div id="logoamm"><img src="./fotos/logoamm.png" alt="logoAMM" title="logoAMM" /><form id="form_mail" action="mailto:[email protected]?subject=Comentario SELWA" method="post" enctype="text/plain"><a id="cont" href="javascript:;" onMouseDown="document.getElementById('form_mail').submit()">Contactar</a></form></div></div> </body> </html>

mailto:[email protected]?subject=Comentario




6.2.3 PHP

à inserta_us.php Este código muestra el proceso de inserción de datos durante la creación

de una ficha de usuario. La inserción de los datos de alumno sigue un proceso similar, pero dado que el código es sensiblemente más amplio, se muestra este.

<?php require("funcs.php"); if($GLOBALS['selwa']->session->getData('login')=='0') header("Location:index.php"); ?> <?php /*INCLUSION ARCHIVOS PHP NECESARIOS PARA EL PROCESADO DE LA INFORMACION*/ require("recibe_vars_us.php"); /*Funcion: manejador_res_ncc **Parametros: $array: array con los valores de la posicion de la pregunta marcada en NCC ** $patron: variable para discriminar que tipo de array estamos tratando, si de ** respuesta o de marcado de objetivos. **Valor devuelto: array con los valores de las casillas que han sido marcadas, bien como ** respuesta bien como marcado de objetivos. */ /*INICIALIZO A "true" LAS VARIABLES CUYOS RESULTADOS PUEDEN SER NULOS*/ $ins_tut=1; $ins4=1; $ins5=1; $ins6=1; $ins8=1; $foto_ok=0; /*ANTES DE INSERTAR NADA INTENTO SUBIR LA FOTO SI PROCEDE*/ if($omitir_foto==-1){ $imagen_red_ok=false; if($_FILES['file_temp']){ $subir=false; /*EXTENSIONES PERMITIDAS*/ $permitidos=array(".gif",".png",".jpg",".jpeg",".bmp",".GIF",".PNG",".JPG",".JPEG",".BMP");




$nombre_file = $_FILES['file_temp']['name']; $tam = $_FILES['file_temp']['size']; $tam_max=600000; // En bytes. Equivalente a 600kb. $ruta_="imgs/usuarios/"; // Ruta donde sera guardado el fichero. $ord_sb=substr($nombre_file,-4); for($i=0;$i<count($permitidos);$i++){ if($ord_sb==$permitidos[$i]){ $subir=true; break; } } if($tam>$tam_max){ $subir=false; } if(!is_uploaded_file($HTTP_POST_FILES['file_temp']['tmp_name'])){ $subir=false; } if($subir===true){ if(move_uploaded_file($_FILES['file_temp']['tmp_name'],$ruta_.$nombre_file)){ //echo "Se subió correctamente el fichero"; $foto_ok=1; } else if(copy($_FILES['file_temp']['tmp_name'],$ruta_.$nombre_file)){ $foto_ok=1; //echo "Se subió correctamente el fichero"; } else { //echo "No se pudo subir el fichero"; $foto_ok=2; } } else { $foto_ok=2; /*echo "<h2>Tamaño o Extensión no permitidos.</h2><br /><h3>Extensiones válidas: </h3>"; foreach($permitidos as $value){ print $value." ";*/ } /*echo "<br /> <h3>Tamaño Máximo permitido (Bytes): </h3>".$tam_max;*/ } //} if($foto_ok==1){ $imagen_red_ok=redimensionar_imagen($ruta_.$nombre_file,$ruta_.$nombre_file); if(!$imagen_red_ok) $foto_ok=2; } } else $foto_ok=1; /*FIN SUBIR FOTO*/




if($foto_ok==1){ //$db=new DataBase("localhost","root",NULL,"db_ee"); /*PREPARO E INSERTO DATOS */ $datos1=array('id'=>'','perfil'=>$perfil,'especialidad'=>$especialidad,'nombre'=>$nombre,'apel1'=>$apel1,'apel2'=>$apel2,'dni'=>$dni,'letra'=>$letra_dni,'dia_nac'=>$dia,'mes_nac'=>$mes,'ano_nac'=>$ano,'domic'=>$domic,'localidad'=>$localidad,'provincia'=>$provincia,'nacionalidad'=>$nacionalidad,'tlf1'=>$tlf1,'tlf2'=>$tlf2,'correo'=>$correo,'login'=>$login,'pass'=>$pass,'dir_foto'=>$nombre_file); $ins1=$GLOBALS['selwa']->database->insert("us_info_p",$datos1); /*AQUI VA LA DIRECCION DE LA PAGINA A LA QUE VOY SI TODO HA IDO CORRECTO O SI NO*/ if($ins1==1) echo '<html><head><title></title><meta http-equiv="Refresh" content="0;url=./todook_us.php" /></head><body></body></html>'; else{ //SI HA HABIDO ALGUN ERROR BORRO DE LA BASE DE DATOS LO QUE SE HAYA INTRODUCIDO HASTA EL MOMENTO unlink('./imgs/usuarios/'.$nombre_file); //ELIMINO LA FOTO SUBIDA if($ins1!=2) $frase_out=600; else $frase_out=800; echo '<html><head><title></title><meta http-equiv="Refresh" content="0;url=./notodook.php?error='.$frase_out.'" /></head><body></body></html>'; } } else{ $frase_out=700; echo '<html><head><title></title><meta http-equiv="Refresh" content="0;url=./notodook.php?error='.$frase_out.'" /></head><body></body></html>'; } ?>




à find_al.php Este código es utilizado para recibir la información de un alumno. Se ha

escogido pues muestra una consulta MySQL algo compleja, donde es necesario anexar distintas tablas para poder obtener una gran cantidad de información en una sola consulta.

<?php if($GLOBALS['selwa']->session->getData('login')=='0') header("Location:index.php"); ?> <?php if(isset($_POST['al_sel'])) $id=$_POST['al_sel']; else $id=0; $connect=mysql_connect("localhost","root"); mysql_select_db("db_ee",$connect); $sql="SELECT * FROM al_info_pers a LEFT JOIN al_info_fam b ON a.id = b.id LEFT JOIN al_cons c ON b.id = c.id_al LEFT JOIN ev_ini d ON c.id_al = d.id_al LEFT JOIN al_diag e ON d.id_al = e.id_al WHERE a.id =".$id; $res=mysql_query($sql); $registro=mysql_fetch_array($res); /*ASIGNACION VALORES PESTAÑA DATOS PERSONALES*/ $nombre=$registro["nombre"]; $apel1=$registro["apel1"]; $apel2=$registro["apel2"]; $dia_nac=$registro["dia_nac"]; $mes_nac=$registro["mes_nac"]; $ano_nac=$registro["ano_nac"]; $peso=$registro["peso"]; $estat=$registro["estat"]; $tlf=$registro["tlf"]; $domic=$registro["domic"]; $localidad=$registro["localidad"]; $provincia=$registro["provincia"]; $provincia=convierte_valor_cad($provincia,"prov"); $pais=$registro["nacionalidad"]; $pais=convierte_valor_cad($pais,"pais"); $ano_ing=$registro["ano_ing"]; $prof_asoc=$registro["prof_asoc"]; $num_cons=$registro["num_cons"]; $foto=$registro["foto"];




/*ASIGNACION VALORES PESTAÑA DATOS FAMILIARES*/ $nombre_p=$registro["nombre_p"]; $apel_p1=$registro["apel_p1"]; $apel_p2=$registro["apel_p2"]; $dia_nac_p=$registro["dia_nac_p"]; $mes_nac_p=$registro["mes_nac_p"]; $ano_nac_p=$registro["ano_nac_p"]; $tlf1_p=$registro["tlf1_p"]; $domic_p=$registro["domic_p"]; $tlf2_p=$registro["tlf2_p"]; $profesion_p=$registro["profesion_p"]; $correo_p=$registro["correo_p"]; $nombre_m=$registro["nombre_m"]; $apel_m1=$registro["apel_m1"]; $apel_m2=$registro["apel_m2"]; $dia_nac_m=$registro["dia_nac_m"]; $mes_nac_m=$registro["mes_nac_m"]; $ano_nac_m=$registro["ano_nac_m"]; $tlf1_m=$registro["tlf1_m"]; $domic_m=$registro["domic_m"]; $tlf2_m=$registro["tlf2_m"]; $profesion_m=$registro["profesion_m"]; $correo_m=$registro["correo_m"]; $n_herm=$registro["n_herm"]; $lugar_herm=$registro["lugar_herm"]; $edad_emb=$registro["edad_emb"]; $enf_emb=$registro["enf_emb"]; $dif_parto=$registro["dif_parto"]; $otros=$registro["otros"]; /*ASIGNACION VALORES PESTAÑA EVALUACION INICIAL*/ $hist_acad=$registro["hist_acad"]; $ncc_act=$registro["ncc_act"]; $est_apren=$registro["est_apren"]; $des_gral=$registro["des_gral"]; $sf_alumno=$registro["sf_alumno"]; $sf_familia=$registro["sf_familia"]; $sf_social=$registro["sf_social"]; $cont_esc=$registro["cont_esc"]; /*ASIGNACION VALORES PESTAÑA DIAGNOSTICO*/ $tipo=$registro["tipo"]; $tipo=convierte_valor_cad($tipo,"tipo"); $pato=$registro["pato"]; $nivel=$registro["nivel"]; $obs=$registro["obs"]; $tratam=$registro["tratam"]; $obs_trat=$registro["obs_trat"]; $n_esp=$registro["n_esp"];




àcrea_inf.php Otro de los códigos que se consideran dignos de mostrar es el que genera los

informes en formato PDF.

$sql="SELECT id_cons FROM al_cons WHERE id_al=".$id; $res=mysql_query($sql); $i=0; while($row=mysql_fetch_array($res)){ $id_cons[$i]=$row['id_cons']; $i++; } $cons_total=$num_cons+$n_esp; $k=0; for($j=$num_cons;$j<$cons_total;$j++){ $id_esp[$k]=$id_cons[$j]; $k++; } ?>

<?php require("funcs_inf.php"); if($GLOBALS['selwa']->session->getData('login')=='0') header("Location:index.php"); ?> <?php require('./fpdf/fpdf.php'); if(isset($_POST['al_sel'])) $id_al=$_POST['al_sel']; else $id_al=0; $asuntos=array(); $fechas=array(); $datos_pers=array(); $areas=array(); $subareas=array(); $coments=""; $datos_pers=extrae_dp($id_al); $areas=extrae_areas($campo); $subareas=extrae_subareas($campo); $numSubareas_total=subareas_por_areas($subareas);




$i=0; $subareas=convierte_subareas($subareas); $connect=mysql_connect("localhost","root"); mysql_select_db("db_ee",$connect); foreach($subareas as $key=>$value){ $i=0; $sql="SELECT asunto,comentario,fecha FROM info_diaria WHERE id_al=".$id_al." AND "; $sql.="refer='".$value."' AND "; $sql.="fecha_comp>='".$year1."-".$mes1."-".$dia1."' AND fecha_comp<='".$year2."-".$mes2."-".$dia2."'"; $res=mysql_query($sql); $numComs[$value]=mysql_num_rows($res); while($registro=mysql_fetch_array($res)){ $asuntos[$value][$i]=$registro["asunto"]; $coments[$value][$i]=$registro["comentario"]; $fechas[$value][$i]=$registro["fecha"]; $i++; } } $pdf=new FPDF(); $pdf->SetLineWidth(0.5); $pdf->AddPage(); $pdf->SetFont('Arial','BU',18); $pdf->SetLeftMargin(60.3); $pdf->Cell(100,10,'Informe de Seguimiento',1,0,'C',0); $pdf->Ln(18); $pdf->SetX(20); $pdf->SetFont('Times','BU',16); $pdf->Cell(175,70,'',0,1,''); $pdf->SetY(35); $pdf->SetX(20); $pdf->SetFillColor(254,253,222); $pdf->Cell(27,5,'Alumno:',0,0,'C',1); $pdf->SetFont('Times','B',12); $pdf->Write(5,' '); $pdf->Write(5,$datos_pers[0].' '.$datos_pers[1].' '.$datos_pers[2]); $pdf->Ln(15); $pdf->SetFont('Times','BU',16); $pdf->SetY(45); $pdf->SetX(20); $pdf->Cell(27,5,'Período:',0,0,'C',1); $pdf->SetFont('Times','B',12); $pdf->Write(5,' '); $pdf->Write(5,$dia1.' / '.$mes1.' / '.$year1.' --- '.$dia2.' / '.$mes2.' / '.$year2);




$pdf->Ln(18); $pdf->SetFont('Times','BU',16); $pdf->SetY(60); $pdf->SetX(20); $pdf->Cell(52,5,'Profesor Asociado:',0,0,'C',1); $pdf->SetFont('Times','B',12); $pdf->Write(5,' '); $pdf->Write(5,$datos_pers[3].' '.$datos_pers[4].' '.$datos_pers[5]); $pdf->Ln(15); $pdf->SetFont('Times','BU',16); $pdf->SetY(70); $pdf->SetX(20); $pdf->Cell(40,5,'Especialista/s:',0,0,'C',1); $pdf->SetFont('Times','B',12); $pdf->Write(5,' '); $i=9; while(strcmp($datos_pers[$i],"")!=0){ $pdf->Write(5,'- '.$datos_pers[$i]); $pdf->Ln(5); $pdf->SetX(62); $i++; } $ult_y=$pdf->GetY(); $y_nueva=$ult_y+10; $pdf->SetY($y_nueva); $pdf->SetFont('Times','BU',16); $pdf->SetX(20); $pdf->Cell(30,5,'Tipología:',0,0,'C',1); $pdf->SetFont('Times','B',12); $pdf->Write(5,' '); $pdf->Write(5,$datos_pers[6]); $pdf->SetFont('Times','BU',16); $pdf->SetX(110); $pdf->Cell(27,5,'Patología:',0,0,'C',1); $pdf->SetFont('Times','B',12); $pdf->Write(5,' '); $pdf->Write(5,$datos_pers[7]); $pdf->Ln(15); $pdf->SetFont('Times','BU',16); $pdf->SetY(110); $pdf->SetX(20); $pdf->Cell(20,5,'Nivel:',0,0,'C',1); $pdf->SetFont('Times','B',12); $pdf->Write(5,' '); $pdf->Write(5,$datos_pers[8]);




$pdf->SetLineWidth(0.8); $pdf->Line(15,120,145,120); $pdf->SetY(130); $pdf->SetX(20); $numAreas=count($areas); $flag=0; $j=0; $i=0; $m=0; $n=0; $cont=0; $ult_y=110; $pdf->Ln(15); $areas_txt=convierte_areas($areas); while($numAreas > 0){ $i=$areas[$n]; $nueva_y=$ult_y+20; $pdf->SetY($nueva_y); $pdf->SetLineWidth(0.5); $pdf->SetFont('Times','B',16); $pdf->SetX(20); $pdf->Cell(27,8,'Área:',1,0,'C',0); $pdf->SetFont('Times','BU',16); $x_temp=$pdf->GetX(); $x_temp+=2; $pdf->SetX($x_temp); $y_temp=$pdf->GetY(); $y_temp+=1; $pdf->SetY($y_temp); $pdf->Write(5,$areas_txt[$n]); while($numSubareas_total[$i] > 0){ $cont++; $long_sub=count($subareas); $k=$subareas[$j]; $nueva_y=$pdf->GetY(); $nueva_y+=10; $pdf->SetY($nueva_y); $pdf->SetX(30); $pdf->SetFont('Times','B',14); $pdf->Cell(27,6.5,'* Subárea:',0,0,'C',0); $pdf->SetFont('Times','BU',14); $x_temp=$pdf->GetX(); $x_temp+=4; $pdf->SetX($x_temp); $y_temp=$pdf->GetY();




$y_temp+=1; $pdf->SetY($y_temp); $pdf->Write(5,$subareas[$j]); $m=0; while($numComs[$k] > 0){ $nueva_y=$pdf->GetY(); $nueva_y+=10; $pdf->SetY($nueva_y); $pdf->SetX(35); $pdf->SetFont('Times','BU',10); $pdf->Cell(27,5,'Asunto:',0,0,'C',0); $pdf->SetFont('Times','',10); $x_temp=$pdf->GetX(); $x_temp+=2; $pdf->SetX($x_temp); $pdf->Write(5,$asuntos[$k][$m]); $x_temp=$pdf->GetX(); $x_temp+=18; $pdf->SetX($x_temp); $pdf->Write(5,'Fecha: '.$fechas[$k][$m]); $nueva_y=$pdf->GetY(); $nueva_y+=10; $pdf->SetY($nueva_y); $pdf->SetX(40); $pdf->SetFont('Times','B',10); $pdf->Cell(30,5,'Comentario:',0,0,'C',0); $pdf->SetFont('Times','',10); $pdf->Write(5,' '); $pdf->Write(5,$coments[$k][$m]); $pdf->Ln(15); $m++; $numComs[$k]--; } if($numSubareas_total[$i]!=1){ $y_temp=$pdf->GetY(); $y_temp+=6; $pdf->SetLineWidth(0.1); $pdf->SetDrawColor(230,230,230); $pdf->Line(15,$y_temp,130,$y_temp); } $numSubareas_total[$i]--; $j++; }




$y_temp=$pdf->GetY(); $y_temp+=10; $pdf->SetLineWidth(0.4); $pdf->SetDrawColor(0,0,0); $pdf->Line(15,$y_temp,140,$y_temp); $numAreas--; $n++; $ult_y=$pdf->GetY(); } if(strcmp($an_pers,"ok")==0){ $nueva_y=$ult_y+20; $pdf->SetY($nueva_y); $pdf->SetFont('Times','B',16); $pdf->SetX(20); $pdf->Cell(60,8,'Anotación Personal:',1,0,'C',0); $pdf->SetFont('Times','BU',16); $nueva_y=$pdf->GetY(); $nueva_y+=10; $pdf->SetY($nueva_y); $pdf->SetX(30); $pdf->SetFont('Times','BU',12); $pdf->Cell(30,5,'Comentario:',0,0,'C',0); $pdf->SetFont('Times','',10); $pdf->Write(5,$an_pers_txt); } $pdf->Output(); ?>




6.2.4 JavaScript

à funcs_GestPest.js Se va a mostrar una de las funciones más importantes realizadas en

JavaScript: “manejador_pest”. Esta función es la encargada de controlar el acceso a las distintas pestañas, comprobando si se cumplen las condiciones necesarias y desencadenando la activación de las capas y las pestañas oportunas.

/*Funcion: manejador_pest. **Parametros: id_orig: Identificador de la capa correspondiente a la **pestaña en la que estoy actualmente. ** id_dest: Identificador de la capa correspondiente a la ** pestaña que va a pasar a ser la activa. ** Comentario: Es la funcion principal del mecanismo de ** pestañas. Mediante los dos parametros recibidos aciva ** y desactiva las pestañas y las capas correspondientes para ** mostrar la informacion solicitada. Se encarga de guardar los ** valores introducidos en los diferentes campos para su ** posterior tratamiento de comprobacion de validez, no ** permitiendo al usuario avanzar de pestaña hasta que todos ** los datos sean correctos. ** **Valor devuelto: Nada. */ function manejador_pest(id_orig,id_dest){ var i=0; var elem; var num_resp_tut=0; var capas_a_mostrar=new Array(5); var pest_a_mostrar=new Array(5); if(id_orig=="datos1"){ for(i=0;i<4;i++){ elem=document.getElementById("tut"+i); if(elem!=null){ if(elem.checked){ num_resp_tut++; } } } i=0; /*GUARDO LOS VALORES DE LOS REGISTROS*/ pest[0][0]=document.getElementById("nombre").value; pest[0][1]=document.getElementById("apel1").value; pest[0][18]=document.getElementById("apel2").value; pest[0][2]=document.getElementById("dia").value; pest[0][3]=document.getElementById("mes").value; pest[0][4]=document.getElementById("year").value; pest[0][5]=document.getElementById("peso").value; pest[0][6]=document.getElementById("estat").value;




pest[0][7]=document.getElementById("domic").value; pest[0][8]=document.getElementById("tlf").value; pest[0][9]=document.getElementById("localidad").value; pest[0][10]=document.getElementById("provincia").value; pest[0][11]=document.getElementById("pais").value; pest[0][12]=document.getElementById("year_ing").value; pest[0][13]=document.getElementById("tut_asoc").value; pest[0][14]=""; pest[0][15]=""; pest[0][16]=""; pest[0][17]=""; for(i=0;i<num_resp_tut;i++) pest[0][14+i]=document.getElementById("tut"+i).value; /*COMPRUEBO QUE LOS VALORES INTRODUCIDOS SON VALIDOS*/ res_comprueba=comprueba_datos(id_orig,pest); /*COMPRUEBO CUALES SON LAS CAPAS Y PESTAÑAS A MOSTRAR Y A OCULTAR*/ capas_a_mostrar=comprueba_capas(id_dest); pest_a_mostrar=comprueba_pest(id_dest); if(res_comprueba!=1){ /*SI TODO ES CORRECTO....*/ if(estado==1&&flag_pest==1) estado=1; if(estado==2&&flag_pest==1) estado=2; if(estado==3&&flag_pest==1) estado=3; if(estado==4&&flag_pest==1) estado=4; if(estado==0&&flag_pest==0&&id_dest!="datos1") estado=1; /*MUESTRO Y OCULTO LAS CAPAS Y PESTAÑAS QUE CORRESPONDAN*/ se_ve_2(capas_a_mostrar[4]); no_se_ve_2(capas_a_mostrar[0],capas_a_mostrar[1],capas_a_mostrar[2],capas_a_mostrar[3],capas_a_mostrar[4]); activo_2(pest_a_mostrar[4]); no_activo_2(pest_a_mostrar[0],pest_a_mostrar[1],pest_a_mostrar[2],pest_a_mostrar[3],pest_a_mostrar[4]); } }




if(id_orig=="datos2"){ /*GUARDO LOS VALORES DE LOS REGISTROS*/ pest[1][0]=document.getElementById("nombre_p").value; pest[1][1]=document.getElementById("apel_p1").value; pest[1][26]=document.getElementById("apel_p2").value; pest[1][2]=document.getElementById("dia_p").value; pest[1][3]=document.getElementById("mes_p").value; pest[1][4]=document.getElementById("year_p").value; pest[1][5]=document.getElementById("tlf_p").value; pest[1][6]=document.getElementById("domic_p").value; pest[1][7]=document.getElementById("tlf2_p").value; pest[1][8]=document.getElementById("profesion_p").value; pest[1][9]=document.getElementById("correo_p").value; pest[1][10]=document.getElementById("nombre_m").value; pest[1][11]=document.getElementById("apel_m1").value; pest[1][27]=document.getElementById("apel_m2").value; pest[1][12]=document.getElementById("dia_m").value; pest[1][13]=document.getElementById("mes_m").value; pest[1][14]=document.getElementById("year_m").value; pest[1][15]=document.getElementById("tlf_m").value; pest[1][16]=document.getElementById("domic_m").value; pest[1][17]=document.getElementById("tlf2_m").value; pest[1][18]=document.getElementById("profesion_m").value; pest[1][19]=document.getElementById("correo_m").value; pest[1][20]=document.getElementById("n_herm").value; pest[1][21]=document.getElementById("lugar_herm").value; pest[1][22]=document.getElementById("edad_emb").value; pest[1][23]=document.getElementById("enf_emb").value; pest[1][24]=document.getElementById("dif_parto").value; pest[1][25]=document.getElementById("otros").value; /*COMPRUEBO QUE LOS VALORES INTRODUCIDOS SON VALIDOS*/ res_comprueba=comprueba_datos(id_orig,pest); /*COMPRUEBO CUALES SON LAS CAPAS Y PESTAÑAS A MOSTRAR Y A OCULTAR*/ capas_a_mostrar=comprueba_capas(id_dest); pest_a_mostrar=comprueba_pest(id_dest);

if(res_comprueba!=1){ /*SI TODO ES CORRECTO....*/ if(estado==1&&flag_pest==1) estado=1; if(estado==2&&flag_pest==1) estado=2; if(estado==3&&flag_pest==1) estado=3; if(estado==4&&flag_pest==1) estado=4; if(estado==1&&flag_pest==0&&id_dest!="datos2") estado=2;




/*MUESTRO Y OCULTO LAS CAPAS Y PESTAÑAS QUE CORRESPONDAN*/ se_ve_2(capas_a_mostrar[4]); no_se_ve_2(capas_a_mostrar[0],capas_a_mostrar[1],capas_a_mostrar[2],capas_a_mostrar[3],capas_a_mostrar[4]); activo_2(pest_a_mostrar[4]); no_activo_2(pest_a_mostrar[0],pest_a_mostrar[1],pest_a_mostrar[2],pest_a_mostrar[3],pest_a_mostrar[4]); } } if(id_orig=="datos3"){ /*COMPRUEBO CUALES SON LAS CAPAS Y PESTAÑAS A MOSTRAR Y A OCULTAR*/ capas_a_mostrar=comprueba_capas(id_dest); pest_a_mostrar=comprueba_pest(id_dest); if(/*comprobacion ok*/1){ /*NO COMPROBAMOS NADA*/ if(estado==2&&flag_pest==1) estado=2; if(estado==3&&flag_pest==1) estado=3; if(estado==4&&flag_pest==1) estado=4; if(estado==2&&flag_pest==0&&id_dest!="datos3") estado=3; /*MUESTRO Y OCULTO LAS CAPAS Y PESTAÑAS QUE CORRESPONDAN*/ se_ve_2(capas_a_mostrar[4]); no_se_ve_2(capas_a_mostrar[0],capas_a_mostrar[1],capas_a_mostrar[2],capas_a_mostrar[3],capas_a_mostrar[4]); activo_2(pest_a_mostrar[4]); no_activo_2(pest_a_mostrar[0],pest_a_mostrar[1],pest_a_mostrar[2],pest_a_mostrar[3],pest_a_mostrar[4]); } } if(id_orig=="datos4"){ /*COMPRUEBO CUALES SON LAS CAPAS Y PESTAÑAS A MOSTRAR Y A OCULTAR*/ capas_a_mostrar=comprueba_capas(id_dest); pest_a_mostrar=comprueba_pest(id_dest);




if(/*comprobacion ok*/1){ /*NO COMPROBAMOS NADA*/ if(estado==3&&flag_pest==1) estado=3; if(estado==4&&flag_pest==1) estado=4; if(estado==3&&flag_pest==0&&id_dest!="datos4") estado=4; /*MUESTRO Y OCULTO LAS CAPAS Y PESTAÑAS QUE CORRESPONDAN*/ se_ve_2(capas_a_mostrar[4]); no_se_ve_2(capas_a_mostrar[0],capas_a_mostrar[1],capas_a_mostrar[2],capas_a_mostrar[3],capas_a_mostrar[4]); activo_2(pest_a_mostrar[4]); no_activo_2(pest_a_mostrar[0],pest_a_mostrar[1],pest_a_mostrar[2],pest_a_mostrar[3],pest_a_mostrar[4]); } } if(id_orig=="datos5"){ /*COMPRUEBO CUALES SON LAS CAPAS Y PESTAÑAS A MOSTRAR Y A OCULTAR*/ capas_a_mostrar=comprueba_capas(id_dest); pest_a_mostrar=comprueba_pest(id_dest); if(/*comprobacion ok*/1){ /*NO COMPROBAMOS NADA*/ estado=4; /*MUESTRO Y OCULTO LAS CAPAS Y PESTAÑAS QUE CORRESPONDAN*/ se_ve_2(capas_a_mostrar[4]); no_se_ve_2(capas_a_mostrar[0],capas_a_mostrar[1],capas_a_mostrar[2],capas_a_mostrar[3],capas_a_mostrar[4]); activo_2(pest_a_mostrar[4]); no_activo_2(pest_a_mostrar[0],pest_a_mostrar[1],pest_a_mostrar[2],pest_a_mostrar[3],pest_a_mostrar[4]); }

} }




à funcs_Varias.js En este archivo (el que se encuentra en la carpeta “funcs_ficha” dentro de

la carpeta “javascript”) encontramos la función que realiza la actualización dinámica del menú desplegable “Tipología” en función del valor seleccionado en “Tipología”.

/*Funcion: actualiza_sel.

**Parametros: sel_orig: identificador del elemento "select" que provoca ** el cambio. ** sel_dest: identificador del elemento "select" que se va a ** actualizar en funcion del valor seleccionado en "sel_orig". **Comentario: Esta funcion genera los elementos "option" de "sel_dest" ** que tienen que mostrarse, en funcion del elemento ** seleccionado en "sel_orig". ** **Valor devuelto: Nada. */ function actualiza_sel(sel_orig,sel_dest){ var sel_orig=document.getElementById(sel_orig); var sel_dest=document.getElementById(sel_dest); var datos=new Array(); var longitud=0; var i=0; if(sel_orig.value==1){ datos[1]="Parálisis Cerebral"; datos[2]="Espina Bífida"; datos[3]="Distrofias Musculares"; datos[4]="Distrofias Óseo-Artic."; datos[5]="Ataxia de Friedreich"; datos[6]="Atrofia Muscular Espinal"; datos[7]="Polimielitis Ant. Aguda"; datos[8]="Otras"; } if(sel_orig.value==2){ datos[1]="Síndrome de Down"; datos[2]="Síndrome de X-frágil"; datos[3]="Otras"; }

if(sel_orig.value==3){ datos[1]="Deficiencia Auditiva"; datos[2]="Deficiencia Visual"; datos[3]="Otras"; }




if(sel_orig.value==4){ datos[1]="Otras"; } if(sel_orig.value==5){ datos[1]="Autismo"; datos[2]="Síndrome de Rett"; datos[3]="Síndrome de Asperger"; datos[4]="Otras"; } if(sel_orig.value==6){ datos[1]="T.D.A.H."; datos[2]="Trastorno Disocial"; datos[3]="Otras"; } if(sel_orig.value==7){ datos[1]="Anorexia"; datos[2]="Bulimia"; datos[3]="Vigorexia"; datos[4]="Dismorfia Corporal"; datos[5]="Otras"; } if(sel_orig.value==8){ datos[1]="Trastorno con Tic"; datos[2]="Síndrome de Tourette"; datos[3]="Otras"; } /*BORRO LOS VALORES QUE HUBIERA ANTERIORMENTE CARGADOS*/ sel_dest.length=0; i=1; longitud=datos.length; /*AÑADO LOS NUEVOS VALORES CORRESPONDIENTES*/ for(i=1;i<longitud;i++){ var op=document.createElement("option"); op.appendChild(document.createTextNode(datos[i])); op.value=datos[i]; sel_dest.appendChild(op);

} }




à funcs_Ayuda.js En este archivo se encuentra la función encargada de gestionar las

peticiones de ayuda. En el apartado siguiente 6.2.5 “AJAX“ se muestra la función que finalmente muestra la ventana de ayuda, tras la consulta AJAX a la base de datos.

/*Funcion: manejador_ayuda. **Parametros: ob: elemento sobre el cual hay que mostrar ayuda. ** tipo: cadena que servira como discriminador de grupos de ** ayuda. Sus valores pueden ser: "tipo", "pato", "nivel", ** "buscar", "ayuda_esp" o "ev_ini". ** valor: Numero que identificara univocamente en la base de ** datos al elemento del que quiero obtener ayuda. **Comentario: Esta funcion prepara, en funcion del parametro "tipo", el ** valor que hay que pasarle a la funcion "muestra_ayuda" en ** xajax, para que muestre la ayuda correcta del elemento ** seleccionado. Así mismo, prepara las coordenadas donde se ** mostrara la ventana de ayuda para su correcta ** visualizacion. ** **Valor devuelto: Nada. */ function manejador_ayuda(ob,tipo,valor){ if(tipo!="progr_obj") var valor1=document.getElementById("tipologia").value; else var valor1=0; if(valor1=="Déficit Físico") valor1=1; if(valor1=="Déficit Psíquico") valor1=2; if(valor1=="Déficit Sensorial") valor1=3; if(valor1=="Sobredotación Intelectual") valor1=4; if(valor1=="Trastorno del Desarrollo") valor1=5; if(valor1=="Trastorno de la Conducta") valor1=6; if(valor1=="Trastorno Alimentarios") valor1=7; if(valor1=="Trastorno con Tic") valor1=8; if(tipo!="progr_obj") var valor2=document.getElementById("patologia").value; else var valor2=0;




/*AYUDA PARA ELEMENTOS DE TIPO "TIPOLOGIA"*/ if(tipo=="tipo"){ if(valor==0) valor=31; document.getElementById("ayuda2").style.left=ob.offsetLeft+55+"px"; document.getElementById("ayuda2").style.top=ob.offsetTop+100+"px"; document.getElementById("ayuda2").style.display="block"; } /*AYUDA PARA ELEMENTOS DE TIPO "PATOLOGIA"*/ if(tipo=="pato"){ if(valor=="Parálisis Cerebral") valor=1; if(valor=="Espina Bífida") valor=2; if(valor=="Distrofias Musculares") valor=3; if(valor=="Distrofias Óseo-Artic.") valor=4; if(valor=="Ataxia de Friedreich") valor=5; if(valor=="Atrofia Muscular Espinal") valor=6; if(valor=="Polimielitis Ant. Aguda") valor=7; if(valor=="Síndrome de Down") valor=8; if(valor=="Síndrome de X-frágil") valor=9; if(valor=="Deficiencia Auditiva") valor=10; if(valor=="Deficiencia Visual") valor=11; if(valor=="Autismo") valor=12; if(valor=="Síndrome de Rett") valor=13; if(valor=="Síndrome de Asperger") valor=14; if(valor=="T.D.A.H.") valor=15; if(valor=="Trastorno Disocial") valor=16; if(valor=="Anorexia") valor=17; if(valor=="Bulimia") valor=18; if(valor=="Vigorexia") valor=19; if(valor=="Dismorfia Corporal") valor=20; if(valor=="Trastorno con Tic") valor=21;




if(valor=="Síndrome de Tourette") valor=22; if(valor=="Otras") valor=30; if(valor==0) valor=31; document.getElementById("ayuda2").style.left=ob.offsetLeft-120+"px";

document.getElementById("ayuda2").style.top=ob.offsetTop+100+"px";

document.getElementById("ayuda2").style.display="block"; } if(tipo=="tipo_inv"){ if(valor=="Déficit Físico") valor=1; if(valor=="Déficit Psíquico") valor=2; if(valor=="Déficit Sensorial") valor=3; if(valor=="Sobredotación Intelectual") valor=4; if(valor=="Trastorno del Desarrollo") valor=5; if(valor=="Trastorno de la Conducta") valor=6; if(valor=="Trastorno Alimentarios") valor=7; if(valor=="Trastorno con Tic") valor=8; tipo="tipo"; document.getElementById("ayuda2").style.left=ob.offsetLeft+55+"px"; document.getElementById("ayuda2").style.top=ob.offsetTop+100+"px"; document.getElementById("ayuda2").style.display="block"; } /*AYUDA PARA ELEMENTOS DE TIPO "NIVEL"*/ if(tipo=="nivel"){ if(valor1==0) valor=36; if(valor1==1){ if(valor2=="Parálisis Cerebral"){ if(valor=="Parálisis Cerebral Espástica") valor=1; if(valor=="Parálisis Cerebral Atetoide") valor=2; if(valor=="Parálisis Cerebral Atáxica") valor=3; if(valor=="Estados Mixtos") valor=4; }




if(valor2=="Espina Bífida"){ if(valor=="Espina Bífida Oculta") valor=5; if(valor=="Lipomeningocele") valor=6; if(valor=="Encefalocele") valor=7; } if(valor2=="Distrofias Musculares"){ valor=8; } if(valor2=="Atrofia Muscular Espinal"){ valor=9; } if(valor2!="Parálisis Cerebral"&&valor2!="Espina Bífida"&&valor2!="Distrofias Musculares"&&valor2!="Atrofia Muscular Espinal") valor=10; } if(valor1==2){ if(valor2!="Otras"){ valor=11; } } if(valor1==3){ if(valor2!="Otras"){ valor=12; } } if(valor1==4){ valor=37; } if(valor1==5){ if(valor2=="Autismo"){ if(valor=="Nivel A") valor=13; if(valor=="Nivel B") valor=14; if(valor=="Nivel C") valor=15; } if(valor2=="Síndrome de Rett"){ if(valor=="Estadio I") valor=16; if(valor=="Estadio II") valor=17; if(valor=="Estadio III") valor=18; if(valor=="Estadio IV") valor=19; }




if(valor2=="Síndrome de Asperger"){ if(valor=="Nivel A") valor=20; if(valor=="Nivel B") valor=21; if(valor=="Nivel C") valor=22; if(valor=="Nivel D") valor=23; if(valor=="Nivel E") valor=24; if(valor=="Nivel F") valor=25; } } if(valor1==6){ if(valor2=="T.D.A.H."){ if(valor=="Predominio Déficit Atención") valor=26; if(valor=="Predominio Hiperact.-Impulsivo") valor=27; if(valor=="Combinado") valor=28; } if(valor2=="Trastorno Disocial"){ if(valor=="Trastorno Negativista Desafiante") valor=29; if(valor=="Otros") valor=30; } } if(valor1==7){ if(valor2!="Otras"){ valor=31; } } if(valor1==8){ if(valor2=="Trastorno con Tic"){ if(valor=="Simple") valor=32; if(valor=="Complejo") valor=33;




} if(valor2=="Síndrome de Tourette"){ if(valor=="Simple") valor=34; if(valor=="Complejo") valor=35; } } document.getElementById("ayuda2").style.left=ob.offsetLeft+75+"px"; document.getElementById("ayuda2").style.top=ob.offsetTop+55+"px"; document.getElementById("ayuda2").style.display="block"; } /*AYUDA PARA ELEMENTOS DE TIPO "BUSCAR"*/ if(tipo=="buscar"){ if(valor!=3){ document.getElementById("ayuda_estatica").style.left=ob.offsetLeft+520+"px"; document.getElementById("ayuda_estatica").style.top=ob.offsetTop+235+"px"; document.getElementById("ayuda_estatica").style.display="block"; } else{ document.getElementById("ayuda").style.left=ob.offsetLeft+375+"px"; document.getElementById("ayuda").style.top=ob.offsetTop+215+"px"; document.getElementById("ayuda").style.display="block"; } } /*AYUDA PARA BOTON BUSCAR DE LA PESTAÑA "DIAGNOSTICO"*/ if(tipo=="ayuda_esp"){ document.getElementById("ayuda2").style.left=ob.offsetLeft+75+"px"; document.getElementById("ayuda2").style.top=ob.offsetTop+45+"px"; document.getElementById("ayuda2").style.display="block"; } /*AYUDA PARA ELEMENTOS DE LA PESTAÑA "EVALUACION INICIAL"*/ if(tipo=="ev_ini"){ if(valor==1){ document.getElementById("ayuda").style.left=ob.offsetLeft-45+"px";




if(tipo=="ayuda_foto"){ document.getElementById("ayuda_estatica").style.left=ob.offsetLeft+525+"px"; document.getElementById("ayuda_estatica").style.top=ob.offsetTop+255+"px"; document.getElementById("ayuda_estatica").style.display="block"; } if(tipo=="ayuda_obj"){ document.getElementById("ayuda_estatica").style.left=ob.offsetLeft+90+"px"; document.getElementById("ayuda_estatica").style.top=ob.offsetTop+230+"px"; document.getElementById("ayuda_estatica").style.display="block"; } if(tipo=="ayuda_act"){ document.getElementById("ayuda_estatica").style.left=ob.offsetLeft+85+"px"; document.getElementById("ayuda_estatica").style.top=ob.offsetTop+230+"px"; document.getElementById("ayuda_estatica").style.display="block"; } if(tipo=="progr_obj"){ document.getElementById("ayuda2").style.left=ob.offsetLeft+45+"px"; document.getElementById("ayuda2").style.top=ob.offsetTop+20+"px"; document.getElementById("ayuda2").style.display="block"; } /*LLAMADA A LA FUNCION QUE MUESTRA EL ICONO DE ESPERA*/ iniwait(); /*LLAMADA A LA FUNCION XAJAX QUE MUESTRA LA AYUDA*/ xajax_muestra_ayuda(tipo,valor); }




à add_obj.php

Código JavaScript embebido en el archivo add_obj.php que permite la adición de nuevos objetivos al listado de competencias de los N.C.C.

var contenedor=opener.document.getElementById("t_res"); var elem1=opener.document.createElement("tr"); var elem2=opener.document.createElement("td"); var elem2_1=opener.document.createElement("span"); var elem3=opener.document.createElement("td"); var elem4=opener.document.createElement("td"); var elem5=opener.document.createElement("input"); var elem6=opener.document.createElement("input"); newAttr=opener.document.createAttribute("class"); var aux=num_preg%2; if(aux!=0) newAttr.nodeValue="res_par"; else newAttr.nodeValue="res_impar"; elem1.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("onmouseover"); newAttr.nodeValue="this.style.backgroundColor=\'#FF9900\'"; elem1.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("onmouseout"); if(aux!=0) newAttr.nodeValue="this.style.backgroundColor='#ACD0F4'"; else newAttr.nodeValue="this.style.backgroundColor='#dfecfd'"; elem1.setAttributeNode(newAttr);




newAttr=opener.document.createAttribute("class"); newAttr.nodeValue="enc2"; elem3.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("type"); newAttr.nodeValue="radio"; elem5.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("name"); newAttr.nodeValue="obje"; newAttr.nodeValue+=num_preg; elem5.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("value"); newAttr.nodeValue="si"; elem5.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("class"); newAttr.nodeValue="enc2"; elem4.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("type"); newAttr.nodeValue="radio"; elem6.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("name"); newAttr.nodeValue="obje"; newAttr.nodeValue+=num_preg; elem6.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("checked"); newAttr.nodeValue="checked"; elem6.setAttributeNode(newAttr); newAttr=opener.document.createAttribute("value"); newAttr.nodeValue="no"; elem6.setAttributeNode(newAttr); elem2_1.innerHTML=num_preg; elem2_1.innerHTML+=" - "; elem2_1.innerHTML+=document.getElementById("preg"+i).value; elem4.appendChild(elem6); elem3.appendChild(elem5); elem2.appendChild(elem2_1); elem1.appendChild(elem2); elem1.appendChild(elem3); elem1.appendChild(elem4); contenedor.appendChild(elem1); num_preg++;




6.2.5 AJAX

à server.php Como se ha comentado en distintos apartados del presente documento,

AJAX no es una tecnología en sí misma. Por esto, lo que se muestra es el código PHP donde se hace uso de las funciones provistas por la librería XAJAX, encargadas de la consulta a base de datos y posterior envío de información para ser mostrada.

<?php /*funcion: muestra ayuda. **parametros: tipo: discriminador que servira para agrupar ** tipos de ayuda. ** valor: valor unico dentro de la base de datos ** para la ayuda asociada a un elemento en ** concreto. **Comentario: Esta funcion es la encargada de mostrar la ** ayuda de cualquier elemento que muestre un ** icono de ayuda en la aplicacion. **Valor devuelto: La frase a mostrar en la capa de ayuda ** correspondiente. */ require_once("actualiza_DB.php"); require_once ("./xajax/xajax.inc.php"); $xajax = new xajax("server.php"); $xajax->registerFunction('muestra_ayuda'); function muestra_ayuda($tipo,$valor) { if(strcmp($tipo,"act_DB")==0){ $objResponse = new xajaxResponse(); $result=act_DB($valor); if(strcmp($result,"1")==0) $frase_act="Pulse Actualizar para confirmar el cambio."; else $frase_act="No se ha producido el cambio. Inténtelo de nuevo.";

$objResponse->addAssign("actualizacion", "innerHTML", $frase_act); $objResponse->addScriptCall("FX_falloff","actualizacion",2); return $objResponse->getXML(); } else{




/*INSTANCIAMOS EL OBJETO "xajaxResponse"*/ $objResponse = new xajaxResponse(); /*REALIZAMOS LA LECTURA DE LA BASE DE DATOS DEL ELEMENTO **CORRESPONDIENTE, DADO POR LOS PARAMETROS "tipo" y "valor". */ $connect=mysql_connect("localhost","root"); mysql_select_db("db_ee",$connect); $sql="SELECT * FROM ayuda WHERE asoc='$tipo' AND valor=$valor"; if($result=mysql_query($sql)){ while($row=mysql_fetch_array($result)){ $frase=$row['contenido']; } } /*PREPARAMOS LA FRASE DE SALIDA*/ $frase_out="<div id='capa_help'><strong>Ayuda</strong></div><br />"; $frase_out .= $frase;

/*ESTABLECEMOS EL OBJETO "xajaxResponse" PARA ACTUALIZAR EL OBJETO HTML **CUYO ID PUEDE SER "ayuda", "ayuda2", "ayuda_estatica", "ayuda3" o **"ayuda_otra".

*/ if(strcmp($tipo,"buscar")!=0) $objResponse->addAssign("ayuda", "innerHTML", $frase_out); else $objResponse->addAssign("ayuda_estatica", "innerHTML", $frase_out);

if(strcmp($tipo,"tipo")==0||strcmp($tipo,"pato")==0||strcmp($tipo,"nivel")==0||strcmp($tipo,"ayuda_esp")==0||strcmp($tipo,"progr_obj")==0)

$objResponse->addAssign("ayuda2", "innerHTML", $frase_out); else{ if(strcmp($tipo,"copiar")!=0)

$objResponse->addAssign("ayuda_estatica", "innerHTML", $frase_out);

else{ if(strcmp($tipo,"ayuda_obj")!=0&&strcmp($tipo,"ayuda_foto")!=0) $objResponse->addAssign("ayuda3", "innerHTML", $frase_out); else

$objResponse->addAssign("ayuda_estatica", "innerHTML", $frase_out);

} } /*DEVOLVEMOS EL RESULTADO*/ return $objResponse->getXML(); }//fin else inicial } $xajax->processRequests(); ?>

6.1 Diagramas base de...

Documents

Transcript of 6.1 Diagramas base de...