PROYECTO FINAL DE CARRERA DESARROLLO DE UN SITIO WEB PARA UN COLEGIO

CEIP Montealegre de LEliana

Autor: V tor P!re" P!re" Director: #eli$ B%enda Gar a

NDICE
&' INTRODUCCI(N )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' * &'& Pre+enta i,n - o./eti0o+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' * &'1 Conte$to )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' * &'2 Plantea3iento del 4ro.le3a )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' * &'* E+tr% t%ra del do %3ento )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 5 1' ESPECI#ICACI(N DE RE6UISITOS )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''7 1'& Introd% i,n )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 7 1'&'& Pro4,+ito )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 7 1'&'1 83.ito )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 7 1'&'2 De9ini ione+: a r,ni3o+ - a.re0iat%ra+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''' 7 1'&'* Re9eren ia+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 7 1'&'5 Vi+i,n glo.al )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ; 1'1 De+ ri4 i,n general )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ; 1'1'& Per+4e ti0a del 4rod% to )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ; 1'1'1 #%n ione+ del 4rod% to )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ; 1'1'2 Cara ter+ti a+ del %+%ario )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' < 1'1'* Re+tri ione+ generale+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' < 1'1'5 S%4%e+to+ - de4enden ia+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' < 1'2 Re=%i+ito+ e+4e 9i o+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &> 1'2'& Re=%eri3iento+ 9%n ionale+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &> 1'2'1 Re=%eri3iento+ de inter9a e+ e$terno+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''' &7 1'2'1'& Inter9a e+ de %+%ario )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &7 1'2'1'1 Inter9a e+ ?ard@are )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &7 1'2'1'2 Inter9a e+ +o9t@are )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &7 1'2'1'* Inter9a e+ de o3%ni a ione+ )''''''''''''''''''''''''''''''''''''''''''''''''''''' &; 1'2'2 Re=%eri3iento+ de e9i ien ia )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &; 1'2'* O.liga ione+ del di+eAo )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &; 1'2'*'& E+tBndare+ %34lido+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &; 1'2'*'1 Li3ita ione+ ?ard@are )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &; 1'2'5 Atri.%to+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &; 1'2'5'& Seg%ridad )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &; 1'2'5'1 #a ilidade+ de 3anteni3iento )'''''''''''''''''''''''''''''''''''''''''''''''''''' &; 1'2'5'2 Porta.ilidad )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &C 1'2'5'* Otro+ re=%eri3iento+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &C 2' AN8LISIS )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &< 2'& Introd% i,n )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &< 2'1 Diagra3a de la+e+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &< 2'2 Diagra3a de a+o+ de %+o )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1> 2'2'& A tore+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1& 2'2'1 Ca+o+ de %+o del %+%ario )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1& &

2'2'2 Ca+o+ de %+o del %+%ario regi+trado )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 11 2'2'* Ca+o+ de %+o del al%3no )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 11 2'2'5 Ca+o+ de %+o del 4ro9e+or )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 11 2'2'7 Ca+o+ de %+o del ad3ini+trador )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 12 *' DISEDO )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1* *'& Introd% i,n )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1* *'1 Ca4a de 4re+enta i,n )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1* *'2 Ca4a de nego io o l,gi a de la a4li a i,n )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 17 *'* Ca4a de 4er+i+ten ia o dato+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1; 5' IMPLEMENTACI(N )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1< 5'& Te nologa+ %tili"ada+ en el de+arrollo del 4ro-e to )''''''''''''''''''''''''''''''''''''''''''''''''' 1< 5'&'& ETML - FETML )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1< 5'&'1 CSS )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1< 5'&'2 Ga0aS ri4t: /6%er- - AGAF )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 2> 5'&'* PEP )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 2> 5'&'5 S6L )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 2& 5'&'7 M-S6L )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 2& 5'&'; P?4M-Ad3in )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 2& 5'&'C StarUML )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 21 5'&'< Ado.e Drea3@ea0er )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 21 5'&'&> DBDe+igner )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 21 5'1 De+ ri4 i,n del 4ro-e to )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 21 5'1'& Ca4a de 4re+enta i,n )''''''''''''''''''''''''''')'''''''''''''''''''''''''''''''''''''''''''''''''' 21 5'1'1 Ca4a de nego io o l,gi a de la a4li a i,n )''''''''''''''''''''''''''''''''''''''''''''''''' 27 5'1'2 Ca4a de 4er+i+ten ia o dato+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *> 7' EVALUACI(N )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *& 7'& Introd% i,n )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *& 7'1 Valida i,n de CSS )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *& 7'2 Valida i,n de enla e+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *1 7'* Valida i,n de la re+ol% i,n )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *1 7'5 Valida i,n de na0egadore+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *1 7'7 Valida i,n de la +eg%ridad en el a e+o a la "ona de ad3ini+tra i,n )''''''''''''''''''''''' *5 ;' CONCLUSI(N )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *7 ;'& Valora i,n 4er+onal del tra.a/o reali"ado )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *7 ;'1 Po+i.le+ a34lia ione+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *7 C' BIBLIOGRA#HA )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *; 1

NDICE DE FIGURAS
#ig%ra &' Iona+ de la inter9a" grB9i a )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &7 #ig%ra 1' Diagra3a de la+e+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1> #ig%ra 2' A tore+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1& #ig%ra *' Ca+o+ de %+o del %+%ario )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1& #ig%ra 5' Ca+o+ de %+o del %+%ario regi+trado )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 11 #ig%ra 7' Ca+o+ de %+o del al%3no )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 11 #ig%ra ;' Ca+o+ de %+o del 4ro9e+or )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 11 #ig%ra C' Ca+o+ de %+o del ad3ini+trador )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 12 #ig%ra <' E+=%e3a .B+i o de la ar=%ite t%ra de tre+ a4a+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1* #ig%ra &>' #or3ato de la+ 4Bgina+ )''')''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 15 #ig%ra &&' Diagra3a de na0ega0ilidad de la 4Bgina de Ini io)'''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 15 #g%ra &1' Ca4a+ del 4ro-e to )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 17 #ig%ra &2' Diagra3a entidadJrela i,n )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1C #ig%ra &*' Ta.la+ de la .a+e de dato+ '')''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *> #ig%ra &5' Valida i,n de CSS )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *& #ig%ra &7' Valida i,n de enla e+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *1 #ig%ra &;' Valida i,n de na0egadore+ KMi ro+o9t Internet E$4lorerL )''''''''''''''''''''''''''''''''''''''''' *2 #ig%ra &C' Valida i,n de na0egadore+ KMo"illa #ire9o$L )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *2 #ig%ra &<' Valida i,n de na0egadore+ KGoogle C?ro3eL ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ** #ig%ra 1>' Valida i,n de na0egadore+ KSa9ariL ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ** #ig%ra 1&' Valida i,n de na0egadore+ KO4eraL ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *5

1. INTRODUCCIN 1.1 Presentacin y o !eti"os

E+te do %3ento de+ ri.e el tra.a/o reali"ado en el 4ro-e to 9inal de arrera de ingenieria t! ni a en in9or3Bti a de ge+ti,n' El 4ro-e to on+i+te en el de+arrollo del +itio @e. del olegio 4M.li o Monte alegre: +it%ado en la lo alidad de LEliana KCa34 de TMria: Valen iaL' El o./eti0o de di ?a @e. e+ dar %na in9or3a i,n o34leta +o.re el olegio - lo+ +er0i io+ de lo+ =%e di+4one: a+ o3o 4ro4or ionar %na +erie de 9%n ionalidade+ a lo+ al%3no+ - 4ro9e+ore+ del entro ed% ati0o' La @e. e+ a e+i.le de+de %al=%ier na0egador 4or Internet - tiene in9or3a i,n re9erente a +% lo ali"a i,n: +%+ 3ie3.ro+ Kal%3no+ - 4ro9e+ore+L - +% 4ro-e to ed% ati0o' Se trata de dar %na 0i+i,n lo 3B+ o34leta 4o+i.le de la in+tit% i,n - de +% 9%n iona3iento' En %anto a lo+ %+%ario+: la 4Bgina tiene 0ario+ ti4o+' Por %n lado: e+tBn lo+ %+%ario+ no regi+trado+: =%e Mni a3ente 4%eden a eder a in9or3a i,n general +o.re el entro' Por otro: e+tBn lo+ %+%ario+ regi+trado+: =%e 4%eden a eder a %na 3a-or 9%n ionalidad dentro de la a4li a i,n' Entre e+to+ Mlti3o+ +e en %entra el %+%ario al%3noN4adre: el %+%ario 4ro9e+or - el %+%ario ad3ini+trador' Lo+ %+%ario+ al%3noN4adre - 4ro9e+or 4%eden reali"ar a ione+ tale+ o3o li+tar lo+ al%3no+ o lo+ 4ro9e+ore+ del olegio: 3ientra+ =%e el %+%ario ad3ini+trador ge+tiona la .a+e de dato+ del +i+te3a'

1.# Conte$to
El 4ro-e to ?a +ido reali"ado 4ara el olegio de ed% a i,n in9antil - 4ri3aria Montealegre: +it%ado en la lo alidad de LEliana' Para el de+arrollo de la a4li a i,n reali ! di0er+a+ re%nione+ on la dire tora del olegio - e+t%di! ,3o +e e+ta.an reali"ando la+ tarea+ 4ara de+4%!+ 4oder in9or3ati"arla+ ade %ada3ente' La 3a-ora de la+ de i+ione+ de e+t!ti a - 9%n ionale+ de la a4li a i,n 9%eron to3ada+ /%nto on la dire tora: =%e ade3B+ 3e 4ro4or ion, toda la do %3enta i,n - 9otogra9a+ del olegio' Una 0e" reali"ada+ la+ re%nione+ on la dire tora - e+t%diada la +it%a i,n: di+tri.% el tra.a/o en 2 4arte+O el di+eAo de la @e.: la intranet de lo+ %+%ario+ al%3no - 4ro9e+or - la del ad3ini+trador'

1.% P&antea'iento (e& )ro &e'a

El 4ro.le3a =%e +e no+ ?a 4lanteado e+ la ontr% i,n del +itio @e. del olegio' La 9%n ionalidad de la a4li a i,n: a grande+ ra+go+: de.a +erO J Mo+trar in9or3a i,n general del entro' J Per3itir a lo+ al%3no+ reali"ar on+%lta+ +o.re +%+ a+ignat%ra+ - 4ro9e+ore+' J Per3itir a lo+ 4ro9e+ore+ reali"ar on+%lta+ +o.re +%+ al%3no+ - ge+tionar la+ nota+ - 9alta+ de a+i+ten ia de e+to+' J Per3itir al ad3ini+trador de la @e. ge+tionar la .a+e de dato+ del +i+te3a' *

1.* Estructura (e& (ocu'ento

El 4re+ente do %3ento e+tB di0idido en %na +erie de a4t%lo+ =%e orre+4onden: .B+i a3ente: a la+ di+tinta+ eta4a+ =%e on9or3an el 4ro e+o de de+arrollo del 4ro-e to' E+ta+ eta4a+ ?an +idoO J Es)eci+icacin (e re,uisitosO Se reda t, de %na 3anera glo.al %na 4ri3era 0i+i,n del 4ro-e to donde +eAala3o+ lo+ re=%i+ito+ =%e de.a %34lir' La 9inalidad de e+ta eta4a e+ 4la+3ar el a %erdo entre el de+arrollador - el liente a er a de la+ 9%n ionalidade+ del 4ro-e to' En n%e+tro a+o el 0i+to .%eno no+ lo di, la dire tora del entro ed% ati0o' J An-&isisO Se reali", el 3odelado on e4t%al de la 9%t%ra +ol% i,n 3ediante el %+o de diagra3a+ Kdiagra3a de la+e+ - diagra3a+ de a+o+ de %+oL' Lo+ 3odelo+ a-%dan a 0i+%ali"ar o3o e+ el +i+te3a: 4ro4or ionando 4lantilla+ =%e +ir0en de g%a en la on+tr% i,n de la a4li a i,n' En e+ta eta4a +e e+4e i9i a =%! de.e ?a er la a4li a ion 4ero no ,3o de.e ?a erlo' J Dise.oO Se %tili"aron lo+ ele3ento+ - 3odelo+ o.tenido+ d%rante el anBli+i+ 4ara tran+9or3arlo+ en 3e ani+3o+ =%e 4%edan +er %tili"ado+ en %n entorno @e. on la+ ara ter+ti a+ - ondi ione+ =%e e+ta.le en e+te ti4o de entorno+' Se di+eAaron todo+ lo+ ni0ele+ de lo+ =%e on+ta la a4li a i,n Kni0el de 4re+enta i,n: ni0el l,gi o - ni0el de 4er+i+ten iaL' Tanto la eta4a del anBli+i+ o3o la del di+eno e+tBn de+4ro0i+ta+ de ,digo' Un .%en anBli+i+ - %n .%en di+eno +on la 3e/or 9or3a de llegar a 4rod% ir +o9t@are de alidad' J I')&e'entacinO Se %tili"aron lo+ ele3ento+ o.tenido+ en el di+eAo 4ara 4er3itir la ela.ora i,n del 4rod% to o 4rototi4o 9%n ional: e+ de ir: =%e 4%ede +er 4%e+to en 3ar ?a - +o3etido a 4r%e.a+' Para ello +e on+ideraron la+ di0er+a+ te nologa+ =%e ?an inter0enido en la ela.ora i,n de di ?o 4rod% to' Todo lo de+arrollado en la+ eta4a+ del anBli+i+ - del di+eAo: +e trad%/, a ,digo' J E"a&uacin y )rue asO E+ta 9a+e +e entr, en la o34ro.a i,n del orre to 9%n iona3iento del 4rod% to de+arrollado 3ediante %na +erie de 4r%e.a+' Tra+ e+ta+ tarea+ 4%di3o+ dar 4or on l%ido el 4ro-e to: 4or lo =%e en Mlti3o l%gar 3o+tra3o+ la+ on l%+ione+ o.tenida+ - li+ta3o+ la .i.liogra9a %tili"ada d%rante la reali"a i,n del 3i+3o'

#. E/PECIFICACIN DE RE0UI/ITO/ #.1 Intro(uccin

1'&'& Pro4,+ito El 4ro4,+ito de la e+4e i9i a i,n de re=%i+ito+ e+ de9inir %ale+ +on lo+ re=%eri3iento+ =%e de.e tener la a4li a i,n =%e +e 0a a de+arrollar - de+ ri.ir la 9%n ionalidad del %+%ario a lo largo de ella' 1'&'1 83.ito El de+arrollo del +itio @e. e+tB orientado a o9re er di0er+o+ ontenido+ - 9%n ionalidade+ =%e a-%den a 4oder o.tener in9or3a i,n +o.re lo+ +er0i io+ de lo+ =%e di+4one el olegio al %+%ario an,ni3o - a o.tener in9or3a i,n +o.re al%3no+ - 4ro9e+ore+ al %+%ario regi+trado' En la a4li a i,n +e di9eren ian: 4or tanto: do+ 4arte+ .a+tante lara+O la 4M.li a - la 4ri0ada' La 4arte 4M.li a K4ortalL +erB a e+i.le 4or todo el 3%ndo - tendrB in9or3a i,n general +o.re el olegio' La 4arte 4ri0ada KintranetL +erB 4ara %+o e$ l%+i0o de %+%ario+ regi+trado+ - ontendrB in9or3a i,n 3B+ e+4e 9i a' 1'&'2 De9ini ione+: +igla+ - a.re0iat%ra+ /itio 1e : Con/%nto de ar ?i0o+ ele tr,ni o+ - 4Bgina+ @e. re9erente+ a %n te3a en 4arti %lar =%e in l%-e %na 4Bgina ini ial de .ien0enida: on %n no3.re de do3inio - dire i,n en Internet e+4e 9i o+' Inter+a2: Parte del 4rogra3a in9or3Bti o =%e 4er3ite el 9l%/o de in9or3a i,n entre 0aria+ a4li a ione+ o entre el 4ro4io 4rogra3a - el %+%ario' IntranetO Parte 4ri0ada de la a4li a i,n donde +,lo tendrBn a e+o a la in9or3a i,n lo+ %+%ario+ =%e e+t!n regi+trado+' Na"e3a(orO Per3ite al %+%ario re %4erar - 0i+%ali"ar 4Bgina+ @e. a tra0!+ de Internet' /er"i(or 1e O Se trata de %n 4rogra3a =%e i34le3enta el 4roto olo ETTP KE-4erTe$t Tran+9er Proto olL' E+te 4roto olo e+tB di+eAado 4ara tran+9erir lo =%e lla3a3o+ ?i4erte$to+: 4Bgina+ @e. o 4Bgina+ ETMLO te$to+ o34le/o+ on enla e+: 9ig%ra+: 9or3%lario+: .otone+ - o./eto+ in r%+tado+ o3o ani3a ione+ o re4rod% tore+ de 3M+i a' CentroO Sitio+ donde +e i34arten lo+ ni0ele+ de ed% a i,n 4ri3aria' Eta)a e(ucati"aO Cada %no de lo+ tra3o+ en lo+ =%e +e e+tr% t%ra el +i+te3a ed% ati0o e+4aAol' Proyecto curricu&arO Do %3ento donde +e indi an lo+ o./eti0o+: e+trategia+ - ontenido+ en la 4rB ti a do ente' CursoO Unidad de i34arti i,n de la en+eAan"a' 1'&'* Re9eren ia+ J ANSINIEEE Std' C2> P &<C*' G%a del IEEE 4ara la e+4e i9i a i,n de re=%eri3iento+ +o9t@are' 7

J Una g%a 4ara la reali"a i,n - +%4er0i+i,n de 4ro-e to+ 9inal de arrera en el B3.ito de la @e.' J A4%nte+ de la+ a+ignat%ra+ ISG' J E/e34lo+ de otro+ 4ro-e to+' 1'&'5 Vi+i,n glo.al A ontin%a i,n +e reali"arB la de+ ri4 i,n general del +i+te3a de+arrollado on +%+ 9%n ione+: ara ter+ti a+ del %+%ario: re+tri ione+: +%4%e+to+ - de4enden ia+' Ta3.i!n +e e$4ondrB %na e+4e i9i a i,n detallada de lo+ re=%i+ito+ dete tado+'

#.# Descri)cin 3enera&

1'1'& Per+4e ti0a del 4rod% to La a4li a i,n de+arrollada 4retende dar in9or3a i,n general +o.re el olegio a+ o3o in9or3a i,n 3B+ e+4e 9i a 4ara ada ti4o de %+%ario =%e e+t! regi+trado' Se 4odrB a eder a la a4li a i,n de+de %al=%ier +i+te3a o4erati0o =%e tenga one$i,n a Internet %tili"ando %n na0egador @e.' 1'1'1 #%n ione+ del 4rod% to A ontin%a i,n +e 3%e+tran la+ 9%n ione+ =%e on9or3an la a4li a i,n: +egMn el ti4o de %+%ario =%e +e en %entre one tado' Usuario anni'o J AutenticacinO Se 3%e+tra %n 4ar de a/a+ de te$to en la+ =%e el %+%ario ?a de introd% ir +% no3.re de %+%ario - ontra+eAa 4ara a eder a la 4arte 4ri0ada de la a4li a i,n' Usuario re3istra(o J Cerrar sesinO Se 3%e+tra %n .ot,n 4ara =%e el %+%ario ierre +% +e+i,n' C%ando +e 4%l+a +e le redirige a la 4Bgina de ini io' U+%ario al%3noN4adre J Consu&tar 4orarioO Se 3%e+tra %n li+tado de la+ a+ignat%ra+ en la+ =%e el al%3no one tado +e en %entra 3atri %lado - %ando ?aga liQ +o.re %na de ella+ +e 3%e+tra el ?orario orre+4ondiente a e+a a+ignat%ra Kda de la +e3ana: ?ora de ini io - ?ora de 9inL' J Listar a&u'nos (e c&aseO Se li+tan lo+ al%3no+ =%e o34arten la+e on el al%3no one tado Kno3.re - a4ellido+L' J Listar )ro+esoresO Se li+tarBn lo+ 4ro9e+ore+ =%e i34arten la+e al al%3no one tado Kno3.re: a4ellido+ - no3.re de la a+ignat%ra =%e le i34artenL'

J Listar notasO Se 3%e+tra %n li+tado de la+ a+ignat%ra+ en la+ =%e el al%3no one tado +e en %entra 3atri %lado - %ando ?aga liQ +o.re %na de ella+: +e 3%e+tran la+ ali9i a ione+ orre+4ondiente+ a e+a a+ignat%ra Ktri3e+tre - notaL' J Listar +a&tas (e asistenciaO Se 3%e+tra %n li+tado de la+ a+ignat%ra+ en la+ =%e el al%3no one tado +e en %entra 3atri %lado - %ando ?aga liQ +o.re %na de ella+ +e 3%e+tran la+ 9alta+ de a+i+ten ia orre+4ondiente+ a e+a a+ignat%ra K9e ?a - +i e+tB o no /%+ti9i adaL' U+%ario 4ro9e+or J Listar a&u'nos: Se 3%e+tra el li+tado de la+ a+ignat%ra+ =%e i34arte el 4ro9e+or one tado %ando +ele iona %na de ella+ +e 3%e+tran lo+ al%3no+ =%e +e en %entra 3atri %lado+ en e+a a+ignat%ra Kno3.re - a4ellido+L' J Listar )ro+esoresO Se li+tan lo+ 4ro9e+ore+ =%e i34arten la+e+ en el entro Kno3.re - a4ellido+L' J Poner notasO Se 3%e+tra el li+tado de la+ a+ignat%ra+ =%e i34arte el 4ro9e+or one tado 4ara =%e %ando +ele ione %na de ella+ 4%eda elegir %n al%3no de lo+ =%e +e en %entran 3atri %lado+ en e+a a+ignat%ra - 4onerle %na nota' J Poner +a&tas (e asistenciaO Se 3%e+tra el li+tado de la+ a+ignat%ra+ =%e i34arte el 4ro9e+or one tado 4ara =%e %ando +ele ione %na de ella+ 4%eda elegir %n al%3no de lo+ =%e +e en %entran 3atri %lado+ en e+a a+ignat%ra - 4onerle %na 9alta de a+i+ten ia' J 5o(i+icar notasO Se 3%e+tra el li+tado de la+ a+ignat%ra+ =%e i34arte el 4ro9e+or one tado 4ara =%e %ando +ele ione %na de ella+ 4%eda elegir %n al%3no de lo+ =%e +e en %entran 3atri %lado+ en e+a a+ignat%ra - 3odi9i arle la nota' J 5o(i+icar +a&tas (e asistenciaO Se 3%e+tra el li+tado de la+ a+ignat%ra+ =%e i34arte el 4ro9e+or one tado 4ara =%e %ando +ele ione %na de ella+ 4%eda elegir %n al%3no de lo+ =%e +e en %entran 3atri %lado+ en e+a a+ignat%ra - 3odi9i ar %na 9alta de a+i+ten ia' J Listar +a&tas (e asistenciaO Se 3%e+tra el li+tado de la+ a+ignat%ra+ =%e i34arte el 4ro9e+or one tado 4ara =%e %ando +ele ione %na de ella+ a4are" a el li+tado de al%3no+ =%e +e en %entran 3atri %lado+ en e+a a+ignat%ra: on +% no3.re: a4ellido+ - nM3ero de 9alta+ de a+i+ten ia' U+%ario ad3ini+trador J A&ta (e usuario: Se 4odrB dar de alta %+%ario+' J A&ta (e asi3naturaO Se 4odrB dar de alta a+ignat%ra+' J 5atricu&ar a&u'no en asi3naturaO Se 4odrB 3atri %lar a lo+ al%3no+ en la+ di+tinta+ a+ignat%ra+' J 6a!a (e usuarioO Se 4odrB dar de .a/a %n %+%ario' J 6a!a (e asi3naturaO Se 4odrB dar de .a/a %na a+ignat%ra'

J 5o(i+icar (atos usuarioO Se 4odrB 3odi9i ar lo+ dato+ de %n %+%ario' J 5o(i+icar (atos asi3naturaO Se 4odrB 3odi9i ar lo+ dato+ de %n a+ignat%ra' 1'1'2 Cara ter+ti a+ del %+%ario Se 4%ede di9eren iar entre do+ ti4o+ de %+%ario+: lo+ %+%ario+ no regi+trado+ - lo+ %+%ario+ regi+trado+' Dentro de lo+ %+%ario+ regi+trado+ 4ode3o+ di9eren iar: ade3B+: 3B+ ti4o+ de %+%ario+' Usuarios no re3istra(os E+te ti4o de %+%ario+ +ola3ente tendrBn a e+o a la in9or3a i,n general del entro' Usuarios re3istra(os E+te ti4o de %+%ario+ +on lo+ =%e tienen a e+o a la intranet' Ea- di+tinto+ ti4o+ de %+%ario+ regi+trado+ +egMn la 9%n i,n =%e tengan =%e reali"ar' Se 4%ede di9eren iar el %+%ario al%3noN4adre: el %+%ario 4ro9e+or - el %+%ario ad3ini+trador' U+%ario al%3noN4adre E+te ti4o de %+%ario 4odrB on+%ltar el ?orario de la+e: on =%! otro+ al%3no+ o34arte la+e: =%! 4ro9e+ore+ le i34arten do en ia: =%! nota+ ?a o.tenido - =%! 9alta+ de a+i+ten ia tiene' U+%ario 4ro9e+or E+te ti4o de %+%ario 4odrB li+tar lo+ al%3no+ a lo+ =%e i34arte la+e: li+tar lo+ 4ro9e+ore+ =%e i34arten la+e en el entro - ge+tionar la+ nota+ - 9alta+ de a+i+ten ia de +%+ al%3no+' U+%ario ad3ini+trador E+te ti4o de %+%ario +e en argarB de la ge+ti,n de la .a+e de dato+ del +i+te3a' E+ de ir: e9e t%arB el alta - la .a/a de lo+ %+%ario+ - a+ignat%ra+ a+ o3o la+ 3odi9i a ione+ +o.re la in9or3a i,n re9erente a ello+Na+' 1'1'* Re+tri ione+ Al tratar+e de %na a4li a i,n @e.: +e re=%iere %n ordenador on %n na0egador on0en ional - %na one$i,n a Internet .B+i a' 1'1'5 S%4%e+to+ - de4enden ia+ La a4li a i,n de+arrollada tra.a/a al 3argen de %al=%ier ?ard@are o +o9t@are o9re iendo a+ %n +o4orte 3%lti4lata9or3a' La Mni a de4enden ia i34ortante =%e 4ode3o+ en ontrar e+tB rela ionada on el +er0idor @e. donde +e en %entre alo/ado n%e+tro 4ortal: el %al ?a de +er a4a" de +o4ortar PEP - M-S6L'

<

Meno+ i34ortante 4ero a tener en %enta e+ el ?e ?o de =%e el di+eAo de la inter9a" de la a4li a i,n ?a +ido reali"ada +o.re el na0egador #ire9o$: de 3anera =%e alg%no+ a+4e to+ o3o lo+ .orde+ redondeado+ de lo+ di0+ - =%e la 4o+i i,n de alg%no+ .otone+ +alga en la 4o+i i,n orre ta de4enden de +i el %+%ario %tili"ar e+te na0egador 4ara 0i+%ali"ar la @e. o no'

#.% Re,uisitos es)ec7+icos

1'2'&' Re=%eri3iento+ 9%n ionale+ A ontin%a i,n +e de+ ri.en la+ di0er+a+ 9%n ione+ =%e o9re e la a4li a i,n @e.: la+i9i ada+ +egMn el ti4o de %+%ario =%e a ede al +er0i io' Usuarios no re3istra(os La Mni a 9%n i,n di+4oni.le 4ara lo+ %+%ario+ no regi+trado+ e+ la de a%tenti9i ar+e 4ara a eder a la 4arte 4ri0ada de la a4li a i,n' A4artado Tt%lo Pro4,+ito Entrada Pro e+o Salida De+ ri4 i,n A%tenti a i,n A eder a la intranet de la a4li a i,n No3.re de %+%ario - ontra+eAa Se o34r%e.a =%e el %+%ario e$i+te Con9ir3a i,n de a e+o a la intranet o a0i+o de =%e el no3.re de %+%ario o ontra+eAa no e+N+on 0Blido+

Usuarios re3istra(os Lo+ %+%ario+ regi+trado+ en general +,lo 4%eden errar +% +e+i,n 4ara a.andonar la intranet - 0ol0er de n%e0o a la 4arte 4M.li a de la a4li a i,n' A4artado Tt%lo Pro4,+ito Entrada Pro e+o Salida De+ ri4 i,n Cerrar +e+i,n Salir de la intranet de la a4li a i,n J Se redirige a la 4Bgina de ini io J

&>

U+%ario al%3noN4adre Sin e3.argo: +i el %+%ario regi+trado e+ %n %+%ario de ti4o al%3noN4adre 4%ede on+%ltar +% ?orario de la+e: li+tar lo+ al%3no+ on lo+ =%e o34arte la+e: li+tar lo+ 4ro9e+ore+ =%e le i34arten do en ia - on+%ltar +%+ nota+ - 9alta+ de a+i+ten ia' A4artado Tt%lo Pro4,+ito Entrada Pro e+o De+ ri4 i,n Con+%ltar ?orario Con+%ltar el ?orario de la+e J Li+tar la+ a+ignat%ra+ en la+ =%e +e en %entra 3atri %lado el al%3no one tado Elegir la a+ignat%ra de la %al =%iere 0er el ?orario El ?orario de la+e Kda: ?ora de ini io - ?ora de 9inL De+ ri4 i,n Li+tar al%3no+ de la+e Li+tar lo+ al%3no+ on lo+ =%e o34arte la+e J Re %4erar de la .a+e de dato+ lo+ al%3no+ on lo+ =%e o34arte la+e el al%3no one tado El no3.re - lo+ a4ellido+ de lo+ al%3no+ on lo+ =%e o34arte la+e De+ ri4 i,n Li+tar 4ro9e+ore+ Li+tar lo+ 4ro9e+ore+ =%e le i34arten la+e J Re %4erar de la .a+e de dato+ lo+ 4ro9e+ore+ =%e i34arten la+e al al%3no one tado - el no3.re de la a+ignat%ra =%e le i34arten El no3.re - lo+ a4ellido+ de lo+ 4ro9e+ore+ - lo+ no3.re+ de la+ a+ignat%ra+ De+ ri4 i,n Li+tar nota+ Li+tar la+ nota+ J Li+tar la+ a+ignat%ra+ en la+ =%e +e en %entra 3atri %lado el al%3no one tado &&

Salida A4artado Tt%lo Pro4,+ito Entrada Pro e+o Salida

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

Salida

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

Elegir la a+ignat%ra de la %al =%iere 0er la nota Salida La+ nota+

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

De+ ri4 i,n Li+tar 9alta+ de a+i+ten ia Li+tar la+ 9alta+ de a+i+ten ia J Li+tar la+ a+ignat%ra+ en la+ =%e +e en %entra 3atri %lado el al%3no one tado Elegir la a+ignat%ra de la %al =%iere 0er la+ 9alta+ de a+i+ten ia =%e 4%diera tener La+ 9alta+ de a+i+ten ia

Salida

U+%ario 4ro9e+or Si el %+%ario regi+trado e+ del ti4o 4ro9e+or enton e+ 4%ede li+tar lo+ al%3no+ a lo+ =%e i34arte la+e: li+tar lo+ 4ro9e+ore+ =%e dan la+e en el olegio - 4oner - 3odi9i ar la+ nota+ - 9alta+ de a+i+ten ia de +%+ al%3no+' A4artado Tt%lo Pro4,+ito Entrada Pro e+o De+ ri4 i,n Li+tar al%3no+ Li+tar lo+ al%3no+ a lo+ =%e i34arte la+e J Li+tar la+ a+ignat%ra+ en la+ =%e i34arte la+e el 4ro9e+or one tado Elegir la a+ignat%ra de la %al =%iere 0er lo+ al%3no+ =%e +e en %entran 3atri %lado+ El no3.re - lo+ a4ellido+ de lo+ al%3no+ a lo+ =%e i34arte la+e De+ ri4 i,n Li+tar 4ro9e+ore+ Li+tar lo+ 4ro9e+ore+ =%e i34arten la+e en el entro J Re %4erar de la .a+e de dato+ lo+ 4ro9e+ore+ =%e i34arten la+e en el olego El no3.re - lo+ a4ellido+ de lo+ 4ro9e+ore+ =%e i34arten la+e en el entro &1

Salida

A4artado Tt%lo Pro4,+ito Entrada Pro e+o Salida

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

De+ ri4 i,n Poner nota+ Poner la nota de %na a+ignat%ra a %n al%3no Nota Elegir la a+ignat%ra Elegir el al%3no - el tri3e+tre In+ertar la nota en la .a+e de dato+ Con9ir3a i,n de =%e +e ?a in+ertado la nota o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n De+ ri4 i,n Poner 9alta+ de a+i+ten ia Poner %na 9alta de a+i+ten ia a %n al%3no J Elegir la a+ignat%ra Elegir el al%3no In+ertar en la .a+e de dato+ la 9alta de a+i+ten ia Con9ir3a i,n de =%e +e ?a in+ertado la 9alta de a+i+ten ia o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n De+ ri4 i,n Modi9i ar nota+ Modi9i ar la nota de %na a+ignat%ra a %n al%3no Nota Elegir la a+ignat%ra Elegir el al%3no - el tri3e+tre Modi9i ar la nota en la .a+e de dato+ Con9ir3a i,n de =%e +e ?a 3odi9i ado la nota o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n De+ ri4 i,n Modi9i ar 9alta+ de a+i+ten ia Modi9i ar %na 9alta de a+i+ten ia a %n al%3no S o No Elegir la a+ignat%ra Elegir el al%3no Modi9i ar en la .a+e de dato+ la 9alta de a+i+ten ia &2

Salida

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

Salida

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

Salida

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

Salida

Con9ir3a i,n de =%e +e ?a 3odi9i ado la 9alta de a+i+ten ia o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n De+ ri4 i,n Li+tar 9alta+ de a+i+ten ia Li+tar la+ 9alta de a+i+ten ia de lo+ al%3no+ a lo+ =%e i34arte la+e el 4ro9e+or one tado J Elegir la a+ignat%ra Se 3%e+tra el li+tado de al%3no+ Kno3.re: a4ellido+ - nM3ero de 9alta+ de a+i+ten iaL J

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

Salida

U+%ario ad3ini+trador El %+%ario regi+trado de ti4o ad3ini+trador di+4one de la+ 9%n ione+ de dar el alta - la .a/a de lo+ %+%ario+ Kal%3no - 4ro9e+orL - de la+ a+ignat%ra+: de 3atri %lar a %n al%3no en %na a+ignat%ra - de 3odi9i ar lo+ dato+ de lo+ %+%ario+ - a+ignat%ra+' A4artado Tt%lo Pro4,+ito Entrada Pro e+o Salida De+ ri4 i,n Alta de %+%ario Dar de alta %n %+%ario Login: ontra+eAa: no3.re: a4ellido+ - ni0el del n%e0o %+%ario In+ertar el %+%ario en la .a+e de dato+' Con9ir3a i,n de =%e +e ?a in+ertado el %+%ario o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n

A4artado Tt%lo Pro4,+ito Entrada Pro e+o Salida

De+ ri4 i,n Alta de a+ignat%ra Dar de alta %na a+ignat%ra No3.re de la a+ignat%ra: ni0el en el =%e +e en %entra - 4ro9e+or =%e la i34arte In+ertar la a+ignat%ra en la .a+e de dato+ Con9ir3a i,n de =%e +e ?a in+ertado la a+ignat%ra o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n De+ ri4 i,n &*

A4artado

Tt%lo Pro4,+ito Entrada Pro e+o Salida

Matri %lar al%3no en a+ignat%ra Matri %lar a %n al%3no en %na a+ignat%ra No3.re - a4ellido+ del al%3no - no3.re de la a+ignat%ra de la %al +e le =%iere 3atri %lar In+erta la in9or3a i,n en la .a+e de dato+ Con9ir3a i,n de =%e +e ?a 3atri %lado al al%3no en la a+ignat%ra +ele ionada o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n

A4artado Tt%lo Pro4,+ito Entrada Pro e+o Salida

De+ ri4 i,n Ba/a de %+%ario Dar de .a/a %n %+%ario J Elegir el %+%ario =%e +e =%iere dar de .a/a Borrar el %+%ario de la .a+e de dato+ Con9ir3a i,n de =%e +e ?a .orrado el %+%ario o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n De+ ri4 i,n Modi9i ar dato+ de %n %+%ario Modi9i ar lo+ dato+ de %n %+%ario Login: ontra+eAa: no3.re: a4ellido+ - ni0el Elegir %n %+%ario Modi9i ar lo+ dato+ del %+%ario +ele ionado on lo+ dato+ introd% ido+ Con9ir3a i,n de =%e +e ?an 3odi9i ado lo+ dato+ del %+%ario o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n De+ ri4 i,n Modi9i ar dato+ a+ignat%ra Modi9i ar lo+ dato+ de %na a+ignat%ra No3.re: ni0el - 4ro9e+or Elegir %na a+ignat%ra Modi9i ar lo+ dato+ de la a+ignat%ra +ele ionada on lo+ dato+ introd% ido+ Con9ir3a i,n de =%e +e ?an 3odi9i ado lo+ dato+ de la a+ignat%ra o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n De+ ri4 i,n &5

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

Salida

A4artado Tt%lo Pro4,+ito Entrada Pro e+o

Salida

A4artado

Tt%lo Pro4,+ito Entrada Pro e+o Salida

Ba/a de a+ignat%ra Dar de .a/a %na a+ignat%ra J Elegir la a+ignat%ra =%e +e =%iere dar de .a/a Borrar la a+ignat%ra de la .a+e de dato+ Con9ir3a i,n de =%e +e ?a .orrado la a+ignat%ra o a0i+o de =%e no +e ?a 4odido reali"ar la o4era i,n

1'2'1 Re=%eri3iento+ de inter9a e+ e$terno+ 1'2'1'& Inter9a e+ de %+%ario A ontin%a i,n +e 3%e+tra %na a4t%ra de 4antalla K9ig%ra &L en la =%e +e e+4e i9i an la+ "ona+ =%e on9or3an la inter9a" grB9i a on la =%e intera t%arB el %+%ario =%e ?aga %+o del 4ortal @e.'

Fi3ura 1. 8onas (e &a inter+a2 3r-+ica

1'2'1'1 Inter9a e+ ?ard@are Al tratar+e de %na a4li a i,n @e.: +e 4odrB 0i+%ali"ar +o.re %al=%ier +i+te3a o4erati0o' 1'2'1'2 Inter9a e+ +o9t@are La a4li a i,n 9%n ionarB en %al=%ier 3B=%ina on %n na0egador @e. - one$i,n a Internet'

&7

1'2'1'* Inter9a e+ de o3%ni a ione+ La+ o3%ni a ione+ +e e9e t%arBn +ig%iendo el 4roto olo ETTP 3ediante one$ione+ TCPNIP' 1'2'2 Re=%eri3iento+ de e9i ien ia De.ido a la 3etodologa e34leada en el di+eAo de la a4li a i,n: el 4ortal @e. tiene %n rendi3iento del &>>R inde4endiente3ente del ?ard@are - +o9t@are %tili"ado' Lo+ Mni o+ 9a tore+ =%e 4%eden in9l%ir +on la+ 0elo idade+ de one$i,n del liente - del +er0idor' En %anto al +er0idor: a t%al3ente la 3a-ora %entan on 0elo idade+ de +%.ida 3B+ =%e +%9i iente+ 4ara n%e+tra+ ne e+idade+' Re+4e to al liente: la+ 0elo idade+ o9re ida+ a t%al3ente 4or lo+ ISP ta3.i!n +on 3B+ =%e +%9i iente+ 4ara la orre ta tran+3i+i,n de dato+ entre el liente - el +er0idor' Otro a+4e to =%e ?e3o+ tratado de %idar e+4e ial3ente e+ la re+ol% i,n del 3onitor' La 3e/or re+ol% i,n 4ara 0i+%ali"ar n%e+tra a4li a i,n e+ &1C>$C>>: 4%di!ndo+e 0i+%ali"ar: +in e3.argo: el ontenido de ig%al 3odo on re+ol% ione+ in9eriore+' 1'2'* O.liga ione+ del di+eAo 1'2'*'& E+tBndare+ %34lido+ Se ?an intentado %34lir lo+ e+tBndare+ de %al=%ier @e. on a e+o +eg%ro: reando %n +i+te3a de a%tenti a i,n 4ara =%e nadie 4%eda a eder a %na "ona de la @e. a la =%e no tiene 4er3i+o de a e+o' El idio3a elegido 4ara la 4re+enta i,n de la+ 4Bgina+ ?a +ido el a+tellano' 1'2'*'1 Li3ita ione+ ?ard@are Al tratar+e de %na a4li a i,n @e. no +e re=%iere %n ?ard@are e+4e 9i o' El +er0idor =%e al.ergarB la .a+e de dato+ del +i+te3a de.erB 4er3ane er one tado a Internet la+ 1* ?ora+: 4%e+to =%e e+te ?o+t +erB =%ien atienda la+ 4eti ione+ de le t%ra - e+ rit%ra de lo+ %+%ario+ =%e a edan a la intranet' 1'2'5 Atri.%to+ 1'2'5'& Seg%ridad La +eg%ridad e+ %n o34onente 9%nda3ental en el 4ortal' La ad3ini+tra i,n del +itio @e. e+tB +%/eta a la identi9i a i,n +ati+9a toria del ad3ini+trador en la a4li a i,n: de 9or3a =%e ningMn %+%ario an,ni3o o 0i+itante 4%eda: 4or e/e34lo: aAadir o eli3inar %+%ario+ en la .a+e de dato+' Para a+eg%rar la identidad del ad3ini+trador +e re=%erirB %n no3.re de %+%ario - ontra+eAa =%e a%tenti arB a !+te en la a4li a i,n' La in9or3a i,n a er a de la %enta +e g%ardarB en la .a+e de dato+' El 4ro e+o de login o a%tenti a i,n lle0arB al ad3ini+trador al 4anel de ad3ini+tra i,n de+de donde 4odrB ge+tionar el +itio @e. del entro' 1'2'5'1 #a ilidade+ de 3anteni3iento El 3anteni3iento .B+i o de la a4li a i,n +e lle0arB a a.o 4or el ad3ini+trador' Sin e3.argo: %al=%ier a3.io =%e +e de+eara introd% ir - re=%irie+e de la 3odi9i a i,n de la .a+e de dato+: a+ o3o i34le3entar n%e0a 9%n ionalidad: de.erB +er lle0ada a a.o 4or el 4rogra3ador de la @e.'

&;

1'2'5'2 Porta.ilidad La a4li a i,n ?a +ido di+eAada on te nologa li.re: l%ego 4odrB +er +o4ortada 4or %al=%ier 4lata9or3a - +i+te3a o4erati0o' Por lo 3i+3o: +e 4odrB a eder a ella de+de %al=%ier na0egador' 1'2'5'* Otro+ re=%eri3iento+ El 4ortal %+a %na .a+e de dato+ M-S6L donde +e al3a ena toda la in9or3a i,n re9erida al entro o3o %+%ario+: +er0i io+: et ' La+ on+%lta+ a la .a+e de dato+ +e reali"an 4or 4arte del +er0idor @e. 3ediante PEP - +% API de a e+o a .a+e+ de dato+ M-S6L' Por otro lado: -a ?e3o+ o3entado =%e 4ara 4oder introd% ir dato+ en la .a+e de dato+ +e de.e +er el %+%ario ad3ini+trador' A+ 4%e+: la 4ri3era 0e" =%e entre3o+ a la a4li a i,n +e no+ ?a de ?a.er reado %n %+%ario de e+te ti4o: 4%e+to =%e +i no e+ a+ no 4odre3o+ rear n%e0o+ %+%ario+: entre otra+ o+a+' La a4li a i,n +e entregarB: 4or tanto: on e+te %+%ario -a reado'

&C

%. AN9LI/I/ %.1 Intro(uccin

Para reali"ar el anBli+i+ de e+ta a4li a i,n @e. +e ?a o4tado 4or +eg%ir la+ re o3enda ione+ de9inida+ 4or UML KUni9ied Modeling Lang%age o Leng%a/e Uni9i ado de Modelado en a+tellanoL' E+te 3odelo di+4one de 3%ltit%d de diagra3a+ =%e a-%dan a o34render la o34le/idad del 9%t%ro +i+te3a: 4er3iti!ndono+ 4la+3ar en %n leng%a/e e+tBndar a=%ella+ 9%n ionalidade+: re=%i+ito+ de3B+ ara ter+ti a+ =%e ?e3o+ dete tado en el +i+te3a' A%n=%e UML de9ine %na gran antidad de diagra3a+ 4ara re4re+entar lo+ di+tinto+ a+4e to+ del de+arrollo de la a4li a i,n: en n%e+tro a+o no+ ?e3o+ entrado en do+ ti4o+ de diagra3a+O el diagra3a de la+e+ - el diagra3a de a+o+ de %+o+'

%.# Dia3ra'a (e c&ases

El diagra3a de la+e+ K9ig%ra 1L de+ ri.e la e+tr% t%ra del +i+te3a 3o+trando la+ rela ione+ Ka+o ia i,n: agrega i,n - o34o+i i,nL entre lo+ di+tinto+ ele3ento+ =%e on9or3an la a4li a i,n: e$4re+ado+ e+to+ o3o la+e+ on +%+ atri.%to+' A ontin%a i,n de+ ri.ire3o+ .re0e3ente di ?a+ la+e+O Co&e3ioO Re4re+enta al olegio 4M.li o Monte Alegre' A&u'noO Re4re+enta a lo+ al%3no+ 3atri %lado+ en el entro' P%eden a eder a la intranet de la a4li a i,n a tra0!+ de +% no3.re de %+%ario o login - ontra+eAa' Pro+esorO Re4re+enta a lo+ 4ro9e+ore+ =%e i34arten do en ia en el entro' P%eden a eder a la intranet de la a4li a i,n a tra0!+ de +% login - ontra+eAa' A('inistra(orO Re4re+enta al ad3ini+trador del +i+te3a' P%ede a eder a la intranet de la a4li a i,n a tra0!+ de +% login - ontra+eAa'' E+ el en argado de la ge+ti,n de la .a+e de dato+' Ni"e&O ContendrB la in9or3a i,n ne e+aria 4ara identi9i ar a lo+ di+tinto+ gr%4o+ de al%3no+ =%e on9or3an el olegio' El ni0el 4%ede +er in9antil o 4ri3aria - de4endiendo de e+te el %r+o 4%ede +er 2: * o 5 aAo+ 4ara lo+ de in9antil o &S: 1S: 2S: *S: 5S o 7S 4ara lo+ de 4ri3aria' Asi3naturaO Re4re+enta la+ 3ateria+ =%e +e i34arten en el entro - a la+ =%e a+i+ten lo+ al%3no+ =%e +on i34artida+ 4or lo+ 4ro9e+ore+ del entro' :orarioO Contiene la in9or3a i,n a er a del ?orario en el =%e +e i34arte %na a+ignat%ra' NotaO Re4re+enta la nota de %n al%3no en %na a+ignat%ra' Fa&ta (e asistenciaO Per3ite identi9i ar la+ a%+en ia+ de lo+ al%3no+ en ?orario e+ olar: -a +ean +in /%+ti9i ar o /%+ti9i ada+' De e+ta 9or3a +e 4odrB lle0ar %n ontrol de la+ a+i+ten ia+ de lo+ al%3no+ a la+e - =%e 4odrB +er on+%ltado 4or +%+ 4adre+ o t%tore+'

&<

Fi3ura #. Dia3ra'a (e c&ases

%.% Dia3ra'a (e casos (e uso

Lo+ diagra3a+ de a+o+ de %+o no+ 4er3iten di9eren iar lo+ a tore+ =%e intera tMan on n%e+tra a4li a i,n: la+ rela ione+ entre ello+ - la+ a ione+ =%e 4%ede reali"ar ada %no dentro del +i+te3a' E+te ti4o de diagra3a+ +on 9B il3ente o34ren+i.le+ tanto 4or liente+ o3o 4or %+%ario+: re4re+entan lo+ re=%i+ito+ 9%n ionale+ del +i+te3a - +e %tili"an o3o .a+e 4ara %n de+arrollo iterati0o e in re3ental' Lo+ diagra3a+ de a+o+ de %+o tienen tre+ ele3ento+O J ActoresO Son lo+ %+%ario+ del +i+te3a K9ig%ra 2L' Un a tor 4%ede +er %na 4er+ona: %n on/%nto de 4er+ona+: %n +i+te3a ?ard@are o %n +i+te3a +o9t@are' Lo+ a tore+ re4re+entan %n rol: =%e 4%ede de+e34eAar alg%ien =%e ne e+ita inter a3.iar in9or3a i,n on el +i+te3a' J Casos (e usoO Un a+o de %+o de+ ri.e %na 9or3a on reta de %tili"ar 4arte de la 9%n ionalidad de %n +i+te3a' La ole i,n de todo+ lo+ a+o+ de %+o de+ ri.e toda la 9%n ionalidad del +i+te3a' J Co'unicacin entre actores y casos (e usoO Cada a tor e/e %ta %n nM3ero e+4e 9i o de a+o+ de %+o en la a4li a i,n' Por e+o de i3o+ =%e ?a- o3%ni a i,n entre a tore+ - a+o+ de %+o'

1>

2'2'& A tore+

Fi3ura %. Actores

Lo+ %+%ario+ +on toda+ a=%ella+ 4er+ona+ =%e a eden al 4ortal @e. a tra0!+ de Internet +in ne e+idad de a%tenti9i ar+e' Lo+ %+%ario+ regi+trado+ +on lo+ al%3no+ - 4ro9e+ore+ del entro ed% ati0o - el ad3ini+trador: =%e a eden a la intranet de la a4li a i,n 3ediante %n no3.re de %+%ario - ontra+eAa' 2'2'1 Ca+o+ de %+o del %+%ario

Fi3ura *. Casos (e uso (e& usuario

Dado =%e e+te ti4o de a tor: =%e ta3.i!n 4odra deno3inar+e %+%ario an,ni3o o 0i+itante: no +e ?a identi9i ado ante el +i+te3a: la+ a ione+ =%e 4odrB reali"ar +erBn 3%- li3itada+: entrBndo+e en la o.ten i,n de in9or3a i,n general del entro' Sin e3.argo: 4%ede a eder a la "ona de a%tenti a i,n 4ara a%tenti9i ar+e - entrar en la "ona 4ri0ada de la a4li a i,n: a ediendo: 4or tanto: a %na 3a-or 9%n ionalidad: +i e+ =%e di+4one de %n no3.re de %+%ario - ontra+eAa 0Blido+' 1&

2'2'2 Ca+o+ de %+o del %+%ario regi+trado

Fi3ura ;. Casos (e uso (e& usuario re3istra(o

E+te ti4o de %+%ario +,lo 4%ede reali"ar la a i,n de errar +% +e+i,n 4or=%e e+ la Mni a 9%n ionalidad =%e tienen en o3Mn lo+ %+%ario+ al%3no: 4ro9e+or - ad3ini+trador' 2'2'* Ca+o+ de %+o del al%3no

Fi3ura <. Casos (e uso (e& a&u'no

E+te ti4o de %+%ario re4re+enta a %n al%3no 3atri %lado en el olegio' PodrB reali"ar la+ a ione+ de 3o+trar +% ?orario de la+e+: li+tar lo+ al%3no+ on lo+ =%e o34arte la+e: li+tar lo+ 4ro9e+ore+ =%e le i34arten la+e - on+%ltar +%+ nota+ - 9alta+ de a+i+ten ia' 2'2'5 Ca+o+ de %+o del 4ro9e+or

Fi3ura =. Casos (e uso (e& )ro+esor

11

E+te ti4o de %+%ario re4re+enta a %n 4ro9e+or =%e i34arte la+e+ en el olegio' PodrB reali"ar la+ a ione+ de li+tar lo+ al%3no+ 3atri %lado+ en el entro: li+tar lo+ 4ro9e+ore+ =%e tra.a/an en el olegio: 4oner: 3odi9i ar - li+tar la+ nota+ a lo+ al%3no+ a lo+ =%e i34arte la+e - 4oner - 3odi9i ar 9alta+ de a+i+ten ia a lo+ al%3no+ =%e 9alten a alg%na de +%+ la+e+' 2'2'7 Ca+o+ de %+o del ad3ini+trador

Fi3ura >. Casos (e uso (e& a('inistra(or

E+te ti4o de %+%ario re4re+enta al ad3ini+trador de la a4li a i,n' PodrB reali"ar la+ a ione+ de dar el alta - .a/a de %+%ario+: 3atri %lar %n al%3no en %na a+ignat%ra - 3odi9i ar lo+ dato+ de lo+ %+%ario+ - a+ignat%ra+'

12

*. DI/E?O

*.1 Intro(uccin
El di+eAo e+ el 4ro e+o =%e e$tiende: re9ina - reorgani"a lo+ a+4e to+ dete tado+ en el 4ro e+o de 3odelado on e4t%al 4ara generar %na e+4e i9i a i,n rig%ro+a del +i+te3a de in9or3a i,n +ie34re orientada a la o.ten i,n de la +ol% i,n del +i+te3a +o9t@are' Para el di+eAo del +itio @e. +e ?a e+ ogido %na ar=%ite t%ra de tre+ a4a+ K4re+enta i,n: a4li a i,n 4er+i+ten iaL' La %tili"a ion de e+ta ar=%ite t%ra K9ig%ra <L +e de.e a =%e lo+ di+tinto+ ni0ele+ +on inde4endiente+ %no+ de otro+ de 3anera =%e: 4or e/e34lo: +e 4%ede a3.iar 9B il3ente el o34orta3iento de la+ la+e+ en el ni0el de a4li a i,n +in =%e ello in9l%-a en la+ otra+ a4a+'

Fi3ura @. Es,ue'a -sico (e &a ar,uitectura (e tres ca)as

*.# Ca)a (e )resentacin

La a4a de 4re+enta i,n +e 4%ede de9inir o3o el on/%nto de o34onente+ +o9t@are =%e i34le3entan la intera i,n on lo+ %+%ario+ a tra0!+ de %na re4re+enta i,n 0i+%al de la a4li a i,n: 4ro4or ionando a lo+ %+%ario+ %na 9or3a de a eder - ontrolar lo+ dato+ - lo+ +er0i io+ de lo+ o./eto+' A 4artir de la inter9a" gra9i a: el %+%ario 4odrB na0egar 4or la+ di+tinta+ 4Bgina+ 4ara 4oder o.tener toda la in9or3a i,n =%e de+ee: o a4ortarla en a+o de +er ne e+ario' A ontin%a i,n +e 3%e+tra el 9or3ato =%e +e ?a %tili"ado 4ara la+ di+tinta+ 4Bgina+ @e. K9ig%ra &>L el diagra3a de na0ega.ilidad de la 4Bgina de Ini io K9ig%ra &&L' 1*

Fi3ura 1A. For'ato (e &as )-3inas

Fi3ura 11. Dia3ra'a (e na"e3a"i&i(a( (e &a )-3ina (e Inicio

15

*.% Ca)a (e ne3ocio o &3ica (e &a a)&icacin

La a4a de nego io +e 4%ede de9inir o3o el on/%nto de o34onente+ +o9t@are =%e i34le3entan o34leta3ente el o34orta3iento de la+ la+e+ del do3inio: e+4e i9i ada+ en la 9a+e de 3odelado on e4t%al' E+ en e+te ni0el: 4or tanto: donde +e i34le3enta la 9%n ionalidad de la a4li a i,n @e.' E+ta a4a +ir0e de enla e entre lo+ ni0ele+ de 4re+enta i,n - de 4er+i+ten ia K9ig%ra &1L: -a =%e la a4a de 4re+enta i,n no a ede a la .a+e de dato+ dire ta3ente: +ino =%e +e o3%ni a on la a4a de a4li a i,n 4ara de3andarle el +er0i io de+eado - e+ la a4a de a4li a i,n la =%e +e o3%ni a on la a4a de 4er+i+ten ia 4ara re %4erar lo+ dato+ ne e+ario+'

Fi3ura 1#. Ca)as (e& )royecto En el 4ro-e to la a4a de nego io +e orre+4onde on la+ la+e+: e+ de ir: on lo+ 9i ?ero+ =%e re4re+entan lo+ di+tinto+ ele3ento+ del diagra3a de la+e+ - +%+ ole ione+: al3ane ada+ en la ar4eta TCla+e+U' Ea- do+ ti4o+ de e+tr% t%ra: de4endiendo de +i +e trata de la de9ini i,n de %n ele3ento o la de9ini i,n de %na ole i,n de ele3ento+' Lo+ ele3ento+ +on Ad3ini+trador: Al%3no: Pro9e+or: A+ignat%ra: Ni0el: Eorario: Nota #altaA+i+ten ia - tienen la +ig%iente e+tr% t%raO J Atri utosO De9ine la+ 4ro4iedade+ del ele3ento' 17

J 5Bto(o constructorO Crea %na in+tan ia del ele3ento - da 0alor a +%+ atri.%to+' J 5Bto(os 3et y setO De0%el0en o e+ta.le en el 0alor de lo+ atri.%to+ del ele3ento' J 5Bto(o &eerO Dado %n identi9i ador: re %4era de la .a+e de dato+ la+ 4ro4ieda+ del ele3ento on e+e identi9i ador' J 5Bto(o insertar: In+erta en la .a+e de dato+ %n ele3ento on lo+ atri.%to+ =%e +e +%4one +e ?an e+ta.le ido 4re0ia3ente on lla3ada+ a 3!todo+ +et' J 5Bto(o 'o(i+icarO Modi9i a en la .a+e de dato+ %n ele3ento on lo+ atri.%to+ =%e +e +%4one +e ?an e+ta.le ido 4re0ia3ente on lla3ada+ a 3!todo+ +et' J 5Bto(o e&i'inar: Dado %n identi9i ador: eli3ina de la .a+e de dato+ el ele3ento on e+e identi9i ador' J 5Bto(o "isua&i2ar: M%e+tra el 0alor de lo+ atri.%to+ de %n ele3ento' La+ ole ione+ de ele3ento+ +on ole ionAl%3no+: ole ionPro9e+ore+: ole ionA+ignat%ra+: ole ionNi0ele+: ole ionEorario+: ole ionNota+ - ole ion#alta+A+i+ten ia - tienen la +ig%iente e+tr% t%raO J Atri utosO De9ine la+ 4ro4iedade+ de la ole i,n de ele3ento+' J 5Bto(o constructorO Crea %na in+tan ia de la ole i,n - la TrellenaU on lo+ ele3ento+ =%e to=%e en 9%n i,n del 0alor de lo+ 4arB3etro+ =%e +e le ?an 4a+ado' J 5Bto(o o tenerLista: De0%el0e %na li+ta on lo+ di+tinto+ ele3ento+ =%e on9or3an la ole i,n' J 5Bto(o canti(a(E&e'entos: De0%el0e la antidad de ele3ento+ =%e ?a- en la ole i,n' J 5Bto(o "isua&i2ar: Reali"a la lla3ada al 3!todo 0i+%ali"ar +o.re lo+ di+tinto+ ele3ento+ =%e on9or3an la ole i,n - de0%el0e %na ta.la on lo+ dato+'

*.* Ca)a (e )ersistencia o (atos

La a4a de 4er+i+ten ia +e 4%ede de9inir o3o el on/%nto de o34onente+ +o9t@are =%e 4ro4or ionan %na +erie de +er0i io+ =%e 4er3iten a lo+ o./eto+ del do3inio intera t%ar on +% re4o+itorio 4er3anente a+o iado' En el 4ro-e to la a4a de 4er+i+ten ia +e orre+4onde on la .a+e de dato+ de la a4li a i,n - la+ di+tinta+ ta.la+ =%e la on9or3an' E+ta+ +on ad3ini+trador: al%3no: 4ro9e+or: a+ignat%ra: al%3noVa+ignat%ra: ni0el: ?orario: nota - 9altaVa+i+ten ia' A ontin%a i,n +e 3%e+tra el diagra3a entidadJrela i,n K9ig%ra &1L %tili"ado 4ara la i34le3enta i,n de la .a+e de dato+ de n%e+tro 4ro-e to'

1;

Fi3ura 1%. Dia3ra'a enti(a(Cre&acin

1C

;. I5PLE5ENTACIN

;.1 Tecno&o37as uti&i2a(as en e& (esarro&&o (e& )royecto

5'&'& ETML - FETML ETML: +igla+ de E-4erTe$t MarQ%4 Lang%age KLeng%a/e de Mar ado de Ei4erte$toL: e+ el leng%a/e de 3ar ado 4redo3inante 4ara la ela.ora i,n de 4Bgina+ @e.' E+ %+ado 4ara de+ ri.ir la e+tr% t%ra - el ontenido en 9or3a de te$to: a+ o3o 4ara o34le3entar el te$to on o./eto+ tale+ o3o i3Bgene+' ETML +e e+ ri.e en 9or3a de Weti=%eta+W: rodeada+ 4or or ?ete+ ang%lare+ KX:YL' El leng%a/e ETML e+ %n e+tBndar re ono ido en todo el 3%ndo - %-a+ nor3a+ de9ine %n organi+3o +in ani3o de l% ro lla3ado World Wide We. Con+orti%3: 3B+ ono ido o3o W2C' Co3o +e trata de %n e+tBndar re ono ido 4or toda+ la+ e34re+a+ rela ionada+ on el 3%ndo de Internet: %na 3i+3a 4Bgina ETML +e 0i+%ali"a de 9or3a 3%- +i3ilar en %al=%ier na0egador de %al=%ier +i+te3a o4erati0o' El 4ro4io W2C de9ine el leng%a/e ETML o3o W%n leng%a/e re ono ido %ni0er+al3ente - =%e 4er3ite 4%.li ar in9or3a i,n de 9or3a glo.alW' Por on0en i,n: lo+ ar ?i0o+ de 9or3ato ETML %+an la e$ten+i,n '?t3 o '?t3l' FETML e+ el +% e+or de ETML' FETML: a r,ni3o ingl!+ de eFten+i.le E-4erte$t MarQ%4 Lang%age Kleng%a/e e$ten+i.le de 3ar ado de ?i4erte$toL: e+ el leng%a/e de 3ar ado 4en+ado 4ara +%+tit%ir a ETML o3o e+tBndar 4ara la+ 4Bgina+ @e.' FETML e+ la 0er+i,n FML de ETML: 4or lo =%e tiene: .B+i a3ente: la+ 3i+3a+ 9%n ionalidade+: 4ero %34le la+ e+4e i9i a ione+: 3B+ e+tri ta+: de FML' FETML tiene o3o o./eti0o a0an"ar en el 4ro-e to del W2C de lograr %na @e. +e3Bnti a: donde la in9or3a i,n: - la 9or3a de 4re+entarla e+t!n lara3ente +e4arada+' En e+te +entido: FETML +er0ira Mni a3ente 4ara tran+3itir la in9or3a i,n =%e ontiene %n do %3ento: de/ando 4ara ?o/a+ de e+tilo - Ga0aS ri4t +% a+4e to - di+eAo en di+tinto+ 3edio+' 5'&'1 CSS La+ ?o/a+ de e+tilo en a+ ada KCa+ ading St-le S?eet+: CSSL +on %n leng%a/e 9or3al %+ado 4ara de9inir la 4re+enta i,n de %n do %3ento e+tr% t%rado e+ rito en ETML o FML K- 4or e$ten+i,n en FETMLL' El W2C e+ el en argado de 9or3%lar la e+4e i9i a i,n de la+ ?o/a+ de e+tilo =%e +er0irB de e+tBndar 4ara lo+ agente+ de %+%ario o na0egadore+' La idea =%e +e en %entra detrB+ del de+arrollo de CSS e+ +e4arar la e+tr% t%ra de %n do %3ento de +% 4re+enta i,n' La in9or3a i,n de e+tilo 4%ede +er ad/%ntada tanto o3o %n do %3ento +e4arado o en el 3i+3o do %3ento ETML' En e+te Mlti3o 4odran de9inir+e e+tilo+ generale+ en la a.e era del do %3ento o en ada eti=%eta 4arti %lar 3ediante el atri.%to W+t-leW' La+ 0enta/a+ de %tili"ar CSS K% otro leng%a/e de e+tiloL +onO
Control

entrali"ado de la 4re+enta i,n de %n +itio @e. o34leto: on lo =%e +e agili"a de 9or3a on+idera.le la a t%ali"a i,n del 3i+3o'

Lo+

na0egadore+ 4er3iten a lo+ %+%ario+ e+4e i9i ar +% 4ro4ia ?o/a de e+tilo lo al =%e +erB a4li ada a %n +itio @e. re3oto: on lo =%e a%3enta on+idera.le3ente la a e+i.ilidad' 1<

 Una

4Bgina 4%ede di+4oner de di9erente+ ?o/a+ de e+tilo +egMn el di+4o+iti0o =%e la 3%e+tre'

El do

%3ento ETML en + 3i+3o e+ 3B+ laro de entender - +e on+ig%e red% ir on+idera.le3ente +% ta3aAo'

5'&'2 Ga0aS ri4t: /6%er- - AGAF Ga0aS ri4t e+ %n leng%a/e inter4retado %tili"ado 4rin i4al3ente en 4Bgina+ @e.: on %na +inta$i+ +e3e/ante a la del leng%a/e Ga0a' Sin e3.argo: al ontrario =%e Ga0a: Ga0aS ri4t no e+ %n leng%a/e orientado a o./eto+ 4ro4ia3ente di ?o: -a =%e no di+4one de ?eren ia' E+ 3B+ .ien %n leng%a/e .a+ado en 4rototi4o+: -a =%e la+ n%e0a+ la+e+ +e generan lonando la+ la+e+ .a+e K4rototi4o+L e$tendiendo +% 9%n ionalidad' Todo+ lo+ na0egadore+ inter4retan el ,digo Ga0aS ri4t integrado dentro de la+ 4Bgina+ @e.' Para intera t%ar on %na 4Bgina @e. +e 4ro0ee al leng%a/e Ga0aS ri4t de %na i34le3enta i,n del DOM KModelo de O./eto+ del Do %3entoL' Ga0aS ri4t +e e/e %ta en el agente de %+%ario al 3i+3o tie34o =%e la+ +enten ia+ 0an de+ argBndo+e /%nto on el ,digo ETML' /6%er- e+ %na .i.liote a o 9ra3e@orQ de Ga0aS ri4t =%e 4er3ite +i34li9i ar la 3anera de intera t%ar on lo+ do %3ento+ ETML: 3ani4%lar el ar.ol DOM: 3ane/ar e0ento+: de+arrollar ani3a ione+ - agregar intera i,n on la te nologa AGAF a 4Bgina+ @e.' /6%er-: al ig%al =%e otra+ .i.liote a+: o9re e %na +erie de 9%n ionalidade+ .a+ada+ en Ga0aS ri4t =%e de otra 3anera re=%eriran de 3% ?o 3B+ ,digo: e+ de ir: on la+ 9%n ione+ 4ro4ia+ de e+ta .i.liote a +e logran grande+ re+%ltado+ en 3eno+ tie34o - e+4a io' AGAF: a r,ni3o de A+-n ?rono%+ Ga0aS ri4t And FML KGa0aS ri4t a+n rono - FMLL: e+ %na t! ni a de de+arrollo @e. 4ara rear a4li a ione+ intera ti0a+ o RIA KRi ? Internet A44li ation+L' E+ta+ a4li a ione+ +e e/e %tan en el liente: e+ de ir: en el na0egador de lo+ %+%ario+ 3ientra+ +e 3antiene la o3%ni a i,n a+n rona on el +er0idor en +eg%ndo 4lano' De e+ta 9or3a e+ 4o+i.le reali"ar a3.io+ +o.re la+ 4Bgina+ +in ne e+idad de re argarla+: lo =%e +igni9i a a%3entar la intera ti0idad: 0elo idad - %+a.ilidad en la+ a4li a ione+' 5'&'* PEP PEP e+ %n leng%a/e inter4retado de 4ro4,+ito general a34lia3ente %+ado: di+eAado e+4e ial3ente 4ara de+arrollo @e. - =%e 4%ede +er in r%+tado dentro de ,digo ETML' General3ente +e e/e %ta en %n +er0idor @e.: to3ando el ,digo en PEP o3o +% entrada - reando 4Bgina+ @e. o3o +alida' P%ede +er de+4legado en la 3a-ora de lo+ +er0idore+ @e. - en a+i todo+ lo+ +i+te3a+ o4erati0o+ - 4lata9or3a+ +in o+to alg%no' PEP +e en %entra in+talado en 3B+ de 1> 3illone+ de +itio+ @e. - en %n 3ill,n de +er0idore+' E+ ta3.i!n el 3,d%lo A4a ?e 3B+ 4o4%lar entre la+ o34%tadora+ =%e %tili"an A4a ?e o3o +er0idor @e.' El gran 4are ido =%e 4o+ee PEP on lo+ leng%a/e+ 3B+ o3%ne+ de 4rogra3a i,n e+tr% t%rada: o3o C - Perl: 4er3iten a la 3a-ora de lo+ 4rogra3adore+ rear a4li a ione+ o34le/a+ on %na %r0a de a4rendi"a/e 3%- orta' Ta3.i!n le+ 4er3ite in0ol% rar+e on a4li a ione+ de ontenido dinB3i o +in tener =%e a4render todo %n n%e0o gr%4o de 9%n ione+'

2>

A%n=%e todo en +% di+eAo e+tB orientado a 9a ilitar la rea i,n de 4Bgina @e.: e+ 4o+i.le rear a4li a ione+ on %na inter9a" grB9i a 4ara el %+%ario: %tili"ando la e$ten+i,n PEPJ6t o PEPJGTZ' Ta3.i!n 4%ede +er %+ado de+de la lnea de ,rdene+: de la 3i+3a 3anera o3o Perl o P-t?on 4%eden ?a erlo[ a e+ta 0er+i,n de PEP +e la lla3a PEPJCLI KCo33and Line Inter9a eL' C%ando el liente ?a e %na 4eti i,n al +er0idor 4ara =%e le en0e %na 4Bgina @e.: el +er0idor e/e %ta el int!r4rete de PEP' \+te 4ro e+a el + ri4t +oli itado =%e generarB el ontenido de 3anera dinB3i a K4or e/e34lo o.teniendo in9or3a i,n de %na .a+e de dato+L' El re+%ltado e+ en0iado 4or el int!r4rete al +er0idor: =%ien a +% 0e" +e lo en0a al liente' Mediante e$ten+ione+ e+ ta3.i!n 4o+i.le la genera i,n de ar ?i0o+ PD#: #la+?: a+ o3o i3Bgene+ en di9erente+ 9or3ato+' Per3ite la one$i,n a di9erente+ ti4o+ de +er0idore+ de .a+e+ de dato+ tale+ o3o M-S6L: Po+tgre+: Ora le: ODBC: DB1: Mi ro+o9t S6L Ser0er: #ire.ird - S6Lite' PEP ta3.i!n tiene la a4a idad de +er e/e %tado en la 3a-ora de lo+ +i+te3a+ o4erati0o+: tale+ o3o UNIF K- de e+e ti4o: o3o Lin%$ o Ma OS FL - Windo@+: - 4%ede intera t%ar on lo+ +er0idore+ de @e. 3B+ 4o4%lare+ -a =%e e$i+te en 0er+i,n CGI: 3,d%lo 4ara A4a ?e: e ISAPI' PEP e+ %na alternati0a a la+ te nologa+ de Mi ro+o9t ASP - ASP'NET: a Cold#%+ion de la o34aAa Ado.e: a GSPNGa0a de S%n Mi ro+-+te3+: - a CGINPerl' 5'&'5 S6L El leng%a/e de on+%lta e+tr% t%rado KS6L Str% t%red 6%er- Lang%ageL e+ %n leng%a/e de larati0o de a e+o a .a+e+ de dato+ rela ionale+ =%e 4er3ite e+4e i9i ar di0er+o+ ti4o+ de o4era ione+ +o.re la+ 3i+3a+' Una de +%+ ara ter+ti a+ e+ el 3ane/o del Blge.ra - el Bl %lo rela ional 4er3itiendo lan"ar on+%lta+ on el 9in de re %4erar de %na 9or3a +en illa in9or3a i,n de inter!+ de %na .a+e de dato+: a+ o3o ta3.i!n ?a er a3.io+ +o.re la 3i+3a' 5'&'7 M-S6L M-S6L e+ %n +i+te3a de ge+ti,n de .a+e de dato+ rela ional: 3%lti?ilo - 3%lti%+%ario on 3B+ de +ei+ 3illone+ de in+tala ione+' M-S6L AB de+arrolla M-S6L o3o +o9t@are li.re en %n e+=%e3a de li en ia3iento d%al' Por %n lado +e o9re e .a/o la GNU GPL 4ara %al=%ier %+o o34ati.le on e+ta li en ia: 4ero 4ara a=%ella+ e34re+a+ =%e =%ieran in or4orarlo en 4rod% to+ 4ri0ati0o+ de.en o34rar a la e34re+a %na li en ia e+4e 9i a =%e le+ 4er3ita e+te %+o' E+tB de+arrollado en +% 3a-or 4arte en ANSI C' M-S6L e+ 3%- %tili"ado en a4li a ione+ @e. o3o MediaWiQi: A3a"on: ]a?oo: #li Qr o Dr%4al[ en 4lata9or3a+ KLin%$NWindo@+JA4a ?eJM-S6LJPEPNPerlNP-t?onL: - 4or ?erra3ienta+ de +eg%i3iento de errore+ o3o B%g"illa' S% 4o4%laridad o3o a4li a i,n @e. e+tB 3%- ligada a PEP' 5'&'; P?4M-Ad3in P?4M-Ad3in e+ %na ?erra3ienta e+ rita en PEP on la inten i,n de 3ane/ar la ad3ini+tra i,n de M-S6L a tra0!+ de 4Bgina+ @e.: %tili"ando Internet' A t%al3ente 4%ede rear - eli3inar .a+e+ de dato+: rear: eli3inar - alterar ta.la+: .orrar: editar - aAadir a34o+: e/e %tar %al=%ier +enten ia S6L: ad3ini+trar la0e+ en a34o+: ad3ini+trar 4ri0ilegio+: e$4ortar dato+ en 0ario+ 9or3ato+ e+tB di+4oni.le en 5> idio3a+' Se en %entra di+4oni.le .a/o la li en ia GPL'

2&

5'&'C StarUML StarUML e+ %n 4ro-e to de +o9t@are li.re =%e intenta ree34la"ar la+ ?erra3ienta+ de UML o3er iale+ tale+ o3o Rational Ro+e' Se ?a %tili"ado 4ara de+arrollar el diagra3a de la+e+ - lo+ diagra3a+ de a+o+ de %+o en la eta4a de anBli+i+ del 4ro-e to' De.ido a +% inter9a" int%iti0a: +e trata de %na ?erra3ienta 9B il de 3ane/ar 4ara el %+%ario' 5'&'< Ado.e Drea3@ea0er Ado.e Drea3@ea0er e+ %na a4li a i,n en 9or3a de e+t%dio en9o ada a la on+tr% i,n - edi i,n de +itio+ - a4li a ione+ @e. .a+ado+ en e+tBndare+' E+ el 4rogra3a de e+te ti4o 3B+ %tili"ado en el +e tor del di+eAo - la 4rogra3a i,n @e.: 4or +%+ 9%n ionalidade+: +% integra i,n on otra+ ?erra3ienta+ o3o Ado.e #la+? -: re iente3ente: 4or +% +o4orte de lo+ e+tBndare+ del W2C' S% 4rin i4al o34etidor e+ Mi ro+o9t E$4re++ion We. - tiene +o4orte tanto 4ara edi i,n de i3Bgene+ o3o 4ara ani3a i,n a tra0!+ de +% integra i,n on otra+' La+ 0er+ione+ originale+ de la a4li a i,n +e %tili"a.an o3o +i34le+ editore+ W]SIW]G' Sin e3.argo: 0er+ione+ 3B+ re iente+ +o4ortan otra+ te nologa+ @e. o3o CSS: Ga0aS ri4t - alg%no+ 9ra3e@orQ+ del lado +er0idor' E+ta a4li a i,n e+tB di+4oni.le tanto 4ara la 4lata9o3a MAC o3o 4ara Windo@+: a%n=%e ta3.i!n +e 4%ede e/e %tar en 4lata9or3a+ .a+ada+ en UNIF %tili"ando 4rogra3a+ =%e i34le3entan la+ API^+ de Windo@+: ti4o Wine' 5'&'&> DBDe+igner DBDe+igner e+ %n +i+te3a total3ente 0i+%al de di+eAo de .a+e+ de dato+: =%e o3.ina ara ter+ti a+ - 9%n ione+ 4ro9e+ionale+ on %n di+eAo +i34le: 3%- laro - 9B il de %+ar: a 9in de o9re er %n 3!todo e9e ti0o 4ara ge+tionar %na .a+e de dato+' Per3ite ad3ini+trar la .a+e de dato+: di+eAar ta.la+: ?a er 4eti ione+ S6L 3an%ale+: ingeniera in0er+a en M-S6L: Ora le: MSS6L otra+ .a+e+ de dato+ ODBC: 3odelo+ FML - +o4orte 4ara la 9%n i,n dragJandJdro4'

;.# Descri)cin (e& )royecto

La+ 4Bgina+ We. =%e o34onen la a4li a i,n e+tBn i34le3entada+ +ig%iendo %na e+trategia .a+ada en ontenido+: e+ de ir: la+ 4Bgina+ We. +e e+tr% t%ran en "ona+ Kdi0+L donde ada %na e+ re+4on+a.le de 4ro4or ionar ierta in9or3a i,n +o.re %n ontenido en on reto' A ontin%a i,n 0a a 4ro eder+e a ?a er %na de+ ri4 i,n del 4ro-e to +ig%iendo el e+=%e3a 4or a4a+ =%e +e ?a +eg%ido 4ara i34le3entarlo' Para ada a4a: +e ?a elegido %n 9i ?ero de lo+ =%e la on9or3an 4ara e$4li ar +% e+tr% t%ra: -a =%e el nM3ero de "ona+ o di0+ e+ +ie34re el 3i+3o' 5'1'& Ca4a de 4re+enta i,n A ontin%a i,n +e 3%e+tra el ontenido de %no de lo+ 9i ?ero+ =%e on9or3an la a4a de 4re+enta i,n' Para 4oder e$4li arlo 3e/or: ?e di0idido el 9i ?ero - ?e aAadido %n .re0e te$to e$4li ati0o ante+ de ada %na de la+ 4arte+ en la+ =%e ?a +ido di0idido' En la a.e era del do %3ento: +e Ti34ortanU el 9i ?ero CSS =%e de9ine el e+tilo de la 4Bgina - el + ri4t Ga0aS ri4t =%e no+ 4er3itirB ?a er la 4re+enta i,n de la @e. 3B+ dina3i a - a3iga.le' 21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra !"t"# al//E$" "htt%&//'''.'3.#r(/T)/*html1/DTD/*html1-tra !"t"# al.+t+", <html *ml !-"htt%&//'''.'3.#r(/1.../*html", <h/a+, <m/ta htt%-/01"2-"C# t/ t-T3%/" 4# t/ t-"t/*t/html5 4har!/t-1t6-7" /, <t"tl/,I "4"#</t"tl/, <l" 8 hr/6-"C99//!t"l#.4!!" r/l-"!t3l/!h//t" t3%/-"t/*t/4!!"/, <!4r"%t t3%/-"t/*t/:a2a!4r"%t" !r4-"htt%&//4+ .:01/r3t##l!.#r(/1.;.</61ll/:01/r3.t##l!.m" .:!",</!4r"%t, </h/a+, La 4ri3era "ona del %er4o del do %3ento el ontenedor: dentro de la %al +e aAadirBn toda+ la+ "ona+ =%e on9or3an la a4li a i,n' La 4ri3era en aAadir+e e+ la "ona orre+4ondiente al logo del olegio: o34%e+ta Mni a3ente 4or %na i3agen =%e +ir0e de enla e a la 4Bgina de ini io' <=#+3, <+"2 "+-"4# t/ /+#r", <+"2 "+-"l#(#", <a hr/6-"" +/*.%h%" t"tl/-"I "4"#", <"m( !r4-"Ima(/ /!/l#(#.("6" alt-"L#(#" /, </a, </+"2, La +eg%nda "ona =%e +e aAade al ontenedor de "ona+ e+ la orre+4ondiente al 3enM: o34%e+ta Mni a3ente 4or %na li+ta no n%3erada de enla e+ a la+ di+tinta+ 4Bgina+ =%e on9or3an la 4arte 4M.li a de la a4li a i,n' <+"2 "+-"m/ 1", <1l, <l",<a hr/6-"l#4al">a4"# .%h%",L#4al">a4"?#a41t/5 </a,</l", <l",<a hr/6-"4ara4t/r"!t"4a!.%h%",Cara4t/r?"a41t/5!t"4a!</a,</l", <l",<a hr/6-"" !tala4"# /!.%h%",I !tala4"# /!</a,</l", <l",<a hr/6-"!/r2"4"#!.%h%",9/r2"4"#!</a,</l", <l",<a hr/6-"" 6#rma4"# .%h%",I 6#rma4"?#a41t/5 </a,</l", <l",<a hr/6-"%r#3/4t#!E!41/la.%h%",Pr#3/4t#! +/ /!41/la</a,</l", </1l, </+"2, La +ig%iente "ona =%e +e aAade al ontenedor de "ona+ e+ la orre+4ondiente a la a%tenti a i,n del %+%ario: o34%e+ta 4or %n 4ar de a/a+ 4ara =%e +e e+ ri.a el no3.re de %+%ario - la ontra+eAa %n .ot,n 4ara =%e +e en0ien lo+ dato+ introd% ido+ al 9or3%lario de 0alida i,n' Si lo+ dato+ de a e+o +on orre to+ +e redirige a la 4Bgina de ini io del %+%ario regi+trado: +i no: +e redirige a e+ta 4Bgina 4a+ando o3o 4arB3etro la 0aria.le error' En 9%n i,n del 0alor de e+ta 0aria.le +e 3%e+tra %n 3en+a/e de error % otro en la "ona del %+ario: a ontin%a i,n del .ot,n TEn0iarU' 22

Si en l%gar de en la 4arte 4M.li a no+ en ontrara3o+ en la 4arte 4ri0ada de la a4li a i,n: lo =%e +e 0era en e+ta "ona +era el no3.re de %+%ario del %+%ario one tado - %n enla e 4ara errar +e+i,n' <+"2 "+-"1!1ar"#", <6#rm "+-"l#(/#" 4la!!-"/*%#!/" m/th#+-"%#!t" a4t"# -"2al"+a4"# U!1ar"#.%h%", <la=/l 6#r-"t"%#U!1ar"#",T"%#</la=/l, <!/l/4t "+-"t"%#U!1ar"#" am/-"t"%#U!1ar"#", <#%t"# 2al1/-"al1m #",@l1m #</#%t"# , <#%t"# 2al1/-"%r#6/!#r",Pr#6/!#r</#%t"# , <#%t"# 2al1/-"a+m" "!tra+#r",@+m" "!tra+#r</#%t"# , </!/l/4t, <=r 4l/ar-"l/6t"/, <la=/l 6#r-"1!1ar"#T/*t",U!1ar"#</la=/l, <" %1t "+-"1!1ar"#T/*t" t3%/-"t/*t" am/-"1!1ar"#"/, <=r 4l/ar-"l/6t"/, <la=/l 6#r-"4la2/",Cla2/</la=/l, <" %1t "+-"4la2/" t3%/-"%a!!'#r+" am/-"4la2/" /, <=r 4l/ar-"l/6t", <" %1t !t3l/-"'"+th&A0%*5" "+-"!1=m"t" t3%/-"!1=m"t" 2al1/-"E trar" /, <B%h% "6 CDEFETG"/rr#r"H--"0"IJ //l#(" 2a4"# B, <!%a ,<=,U!1ar"# 2a4"#</=,</!%a , <B%h% K "6 CDEFETG"/rr#r"H--"1"IJ //4la2/ 2a4"a B, <!%a ,<=,Cla2/ 2a4"a</=,</!%a , <B%h% K "6 CDEFETG"/rr#r"H--";"IJ //l#(" " 4#rr/4t# B, <!%a ,<=,U!1ar"# " 4#rr/4t#</=,</!%a , <B%h% K/l!/ "6 CDEFETG"/rr#r"H--"3"IJ //Cla2/ " 4#rr/4ta B, <!%a ,<=,Cla2/ " 4#rr/4ta</=,</!%a , <B%h% K B, <!4r"%t t3%/-"t/*t/:a2a!4r"%t", :L1/r3C+#41m/ tI.r/a+3C61 4t"# CIJ :L1/r3CM6#rm !%a MI.6a+/I CI5 KI5 </!4r"%t, </6#rm, </+"2, La Mlti3a "ona =%e +e aAade al ontenedor e+ la orre+4ondiente al ontenido' En e+te a+o: o3o no+ en ontra3o+ en la 4Bgina de ini io de la 4arte 4M.li a de la a4li a i,n: +,lo +e 0i+%ali"a %na i3agen - alg%no+ dato+ de onta to del entro Monte Alegre' <+"2 "+-"" "4"#" 4la!!-"4# t/ "+#", <4/ t/r, <h3,B"/ 2/ "+#/a al CEIP M# t/ @l/(r/</h3, </4/ t/r, 2*

<"m( "+-""ma(/ I +/*" !r4-"Ima(/ /!/" +/*.:%(" alt-"N#t# 4#l/("#",<=r, <% "+-"%arra6#I tr#", <=,D"r/44"?#a41t/5 &</=,<=r, C/ O#!?/a41t/5 @l/(r/ )1="#P Q 11<=r,<=r, <=,L#4al"+a+&</=,<=r, RA173 LSEl"a aP Tal/ 4"a<=r,<=r, <=,T/l?/a41t/56# #&</=,<=r, .A;UR3A0.<=r,<=r, <=,Na*&</=,<=r, .A;U<7U70<=r,<=r, <=,Ema"l&</=,<=r, RA0;R<03V/+1.(2a./!<=r, </%, </+"2, </+"2,<!-- C# t/ /+#r W Por Mlti3o: +e e/e %ta %n + ri4t 4ara ?a er la 4re+enta i,n de la in9or3a i,n 3B+ dinB3i a' <!4r"%t t3%/-"t/*t/:a2a!4r"%t", :L1/r3C+#41m/ tI.r/a+3C61 4t"# CIJ 2ar 6#rm - :L1/r3C"./*%#!/"I.=" +C"4l"48 8/3+#' "P 61 4t"# CI J :L1/r3Cth"!I./*%#!/CJ # L#a+& 61 4t"# CI J 6#rm.4!!CJ=a48(r#1 +C#l#r& MX//////MKI5 KP # Cl#!/& 61 4t"# CI J 6#rm.4!!CJ=a48(r#1 +C#l#r& 1llKI5 K KI5 KI5 :L1/r3CMX" "4"#MI.6a+/I CI5 KI5 </!4r"%t, </=#+3, </html,

25

5'1'1 Ca4a de nego io o l,gi a de la a4li a i,n A ontin%a i,n +e 3%e+tra el ontenido de %no de lo+ 9i ?ero+ =%e on9or3an la a4a de nego io' Para 4oder e$4li arlo 3e/or: de la 3i+3a 3anera =%e 4ara la a4a de 4re+enta i,n: ?e di0idido el 9i ?ero - ?e aAadido %n .re0e te$to e$4li ati0o ante+ de ada %na de la+ 4arte+ en la+ =%e ?a +ido di0idido' Se de9inen lo+ atri.%to+ del ele3ento' <B%h% 4la!! @l1m # J %r"2at/ D"+5 %r"2at/ Dl#(" 5 %r"2at/ D4la2/5 %r"2at/ D #m=r/5 %r"2at/ Da%/ll"+#!5 %r"2at/ D"+E "2/l5 Se i34le3enta el 3!todo on+tr% tor' Se da 0alor a lo+ atri.%to+ Ken %n 4rin i4io ig%ale+ a > o a TUL' %1=l"4 61 4t"# EE4# !tr14tCD"+-0P Dl#(" -""P D4la2/-""P D #m=r/-""P Da%/ll"+#!-""P D"+E "2/l-0IJ Dth"!-,"+ - D"+5 Dth"!-,l#(" - Dl#(" 5 Dth"!-,4la2/ - D4la2/5 Dth"!-, #m=r/ - D #m=r/5 Dth"!-,a%/ll"+#! - Da%/ll"+#!5 Dth"!-,"+E "2/l - D"+E "2/l5 K Se i34le3entan lo+ 3!todo+ get - +et =%e de0%el0en o e+ta.le en el 0alor de lo+ atri.%to+' %1=l"4 61 4t"# (/tI+/ t"6"4a+#rCIJ r/t1r Dth"!-,"+5 K %1=l"4 61 4t"# (/tI+CDl#(" P D4la2/P D #m=r/P Da%/ll"+#!P D"+E "2/lIJ D=+ - /' @1*BDCI5 D=+-,4# /4tarCI5 D!0l - "9/l/4t "+ Nr#m "5 D!0l.- "al1m # Wh/r/ l#(" -M".Dl#(" ."M @$D "5 D!0l.- "4la2/-M".D4la2/."M @$D "5 D!0l.- " #m=r/-M".D #m=r/."M @$D "5 D!0l.- "a%/ll"+#!-M".Da%/ll"+#!."M @$D "5 D!0l.- ""+E "2/l-M".D"+E "2/l."M"5 Dr/!1lta+# - D=+-,/:/41tar9LLCD!0lI5 27

D=+-,+/!4# /4tarCI5 D6"la - D=+-,!"(1"/ t/N"laCDr/!1lta+#I5 r/t1r D6"laGM"+MH5

%1=l"4 61 4t"# (/tL#(" CIJ r/t1r Dth"!-,l#(" 5 K %1=l"4 61 4t"# !/tL#(" CD 1/2#L#(" IJ Dth"!-,l#(" - D 1/2#L#(" 5 K %1=l"4 61 4t"# (/tCla2/CIJ r/t1r Dth"!-,4la2/5 K %1=l"4 61 4t"# !/tCla2/ CD 1/2aCla2/IJ Dth"!-,4la2/ - D 1/2aCla2/5 K %1=l"4 61 4t"# (/t$#m=r/CIJ r/t1r Dth"!-, #m=r/5 K %1=l"4 61 4t"# !/t$#m=r/ CD 1/2#$#m=r/IJ Dth"!-, #m=r/ - D 1/2#$#m=r/5 K %1=l"4 61 4t"# (/t@%/ll"+#!CIJ r/t1r Dth"!-,a%/ll"+#!5 K %1=l"4 61 4t"# !/t@%/ll"+#! CD 1/2#!@%/ll"+#!IJ Dth"!-,a%/ll"+#! - D 1/2#!@%/ll"+#!5 K %1=l"4 61 4t"# (/tI+$"2/lCIJ r/t1r Dth"!-,"+E "2/l5 K %1=l"4 61 4t"# !/tI+$"2/l CD 1/2#I+$"2/lIJ Dth"!-,"+E "2/l - D 1/2#I+$"2/l5 K Se i34le3enta el 3!todo leer: =%e dado %n identi9i ador: re %4era de la .a+e de dato+ el 0alor de lo+ atri.%to+ del ele3ento Ken e+te a+o al%3noL on e+e identi9i ador' 2;

%1=l"4 61 4t"# l//r CD"+IJ Dth"!-,"+ - D"+5 "6CDth"!-,"+,0IJ D=+ - /' @1*BDCI5 D=+-,4# /4tarCI5 D!0l - "9/l/4t Y Nr#m "5 D!0l.- "al1m # Wh/r/ "+-M".Dth"!-,"+."M"5 Dr/!1lta+# - D=+-,/:/41tar9LLCD!0lI5 D=+-,+/!4# /4tarCI5 D6"la - D=+-,!"(1"/ t/N"laCDr/!1lta+#I5 Dth"!-,l#(" - D6"laGMl#(" MH5 Dth"!-,4la2/ - D6"laGM4la2/MH5 Dth"!-, #m=r/ - D6"laGM #m=r/MH5 Dth"!-,a%/ll"+#! - D6"laGMa%/ll"+#!MH5 Dth"!-,"+E "2/l - D6"laGM"+E "2/lMH5 K K Se i34le3enta el 3!todo in+ertar: =%e in+erta en la .a+e de dato+ %n n%e0o al%3no' Se +%4one =%e lo+ atri.%to+ del o./eto -a re i.ieron la+ a+igna ione+ a tra0!+ de lla3ada+ a 3!todo+ +et' %1=l"4 61 4t"# " !/rtarCIJ D=+ - /' @1*BDCI5 D=+-,4# /4tarCI5 D!0l - "I !/rt I t# al1m # C"+P l#(" P 4la2/P #m=r/P a%/ll"+#!P "+E "2/lI Tal1/! CM"5 D!0l.- Dth"!-,"+."MPM"5 D!0l.- m3!0lE/!4a%/E!tr" ( CDth"!-,l#(" I."MPM"5 D!0l.- m3!0lE/!4a%/E!tr" ( CDth"!-,4la2/I."MPM"5 D!0l.- m3!0lE/!4a%/E!tr" ( CDth"!-, #m=r/I."MPM"5 D!0l.- m3!0lE/!4a%/E!tr" ( CDth"!-,a%/ll"+#!I."MPM"5 D!0l.- Dth"!-,"+E "2/l."MI"5 D=+-,/:/41tar9LLCD!0lI5 D=+-,+/!4# /4tarCI5 K Se i34le3enta el 3!todo 3odi9i ar: =%e 3odi9i a en la .a+e de dato+ la in9or3a i,n de %n al%3no' Se +%4one =%e -a +e ?a ?e ?o %+o del 3!todo leer 4ara re %4erar la in9or3a i,n de %n al%3no - de lo+ 3!todo+ +et 4ara e+ta.le er lo+ n%e0o+ 0alore+ de lo+ atri.%to+' %1=l"4 61 4t"# m#+"6"4ar CIJ D=+ - /' @1*BDCI5 D=+-,4# /4tarCI5 D!0l - "U%+at/ al1m # 9/t l#(" -M".m3!0lE/!4a%/E!tr" ( CDth"!-,l#(" I."M"5 D!0l.- "Wh/r/ "+-M".Dth"!-,"+."M"5 D=+-,/:/41tar9LLCD!0lI5 D!0l - "U%+at/ al1m # 9/t 4la2/-M".m3!0lE/!4a%/E!tr" ( CDth"!-,4la2/I."M"5 D!0l.- "Wh/r/ "+-M".Dth"!-,"+."M"5 D=+-,/:/41tar9LLCD!0lI5 2C

D!0l - "U%+at/ al1m # 9/t #m=r/-M".m3!0lE/!4a%/E!tr" ( CDth"!-, #m=r/I."M"5 D!0l.- "Wh/r/ "+-M".Dth"!-,"+."M"5 D=+-,/:/41tar9LLCD!0lI5 D!0l - "U%+at/ al1m # 9/t a%/ll"+#!-M".m3!0lE/!4a%/E!tr" ( CDth"!-,a%/ll"+#!I."M"5 D!0l.- "Wh/r/ "+-M".Dth"!-,"+."M"5 D=+-,/:/41tar9LLCD!0lI5 D!0l - "U%+at/ al1m # 9/t "+E "2/l-M".Dth"!-,"+E "2/l."M"5 D!0l.- "Wh/r/ "+-M".Dth"!-,"+."M"5 D=+-,/:/41tar9LLCD!0lI5 D=+-,+/!4# /4tarCI5 K Se i34le3enta el 3!todo eli3inar: =%e dado %n identi9i ador: eli3inar de la .a+e de dato+ el al%3no on e+e identi9i ador' %1=l"4 61 4t"# /l"m" ar CD"+IJ D=+ - /' @1*BDCI5 D=+-,4# /4tarCI5 D!0l - "D/l/t/ Nr#m al1m #Ea!"( at1ra Wh/r/ "+Eal1m #-".D"+." "5 D=+-,/:/41tar9LLCD!0lI5 D!0l - "D/l/t/ Nr#m al1m # Wh/r/ "+-".D"+." "5 D=+-,/:/41tar9LLCD!0lI5 D=+-,+/!4# /4tarCI5 K Se i34le3enta el 3!todo 0i+%ali"ar: =%e 3%e+tra el 0alor de alg%no+ de lo+ atri.%to+ del ele3ento' %1=l"4 61 4t"# 2"!1al">arCIJ !/tl#4al/ CLCETIMEP "!%E9P"I5 Dr/!1lta+# - "<tr,<t+,". l;=rCDth"!-, #m=r/I."</t+,<t+,? =!%5? =!%5</t+,"5 Dr/!1lta+#.- "<t+,". l;=rCDth"!-,a%/ll"+#!I."</t+,<t+,? =!%5? =!%5</t+,</tr,"5 r/t1r Dr/!1lta+#5 K K B,

2<

5'1'2 Ca4a de 4er+i+ten ia o de dato+ A ontin%a i,n +e 3%e+tran la+ di+tinta+ ta.la+ K9ig%ra &2L =%e on9or3an la .a+e de dato+ de la a4li a i,nO

Fi3ura 1*. Ta &as (e &a ase (e (atos Co3o +e a4re ia en la 9ig%ra: la .a+e de dato+ e+tB o34%e+ta 4or n%e0e ta.la+O ad3ini+trador: al%3no: al%3noVa+ignat%ra: a+ignat%ra: 9altaVa+i+ten ia: ?orario: ni0el: nota - 4ro9e+or' La ta.la al%3no: 4or e/e34lo: e+tB o34%e+ta 4or lo+ +ig%iente+ a34o+O J i(O Al3a ena el identi9i ar de %n al%3no' E+ la la0e 4ri3aria' J &o3inO Al3a ena el no3.re de %+%ario de %n al%3no' J c&a"eO Al3a ena la ontra+eAa de %n al%3no' J no' reO Al3a ena el no3.re de %n al%3no' J a)e&&i(osO Al3a ena lo+ a4ellido+ de %n al%3no' J i(Dni"e&O Al3a ena el identi9i ador del ni0el al =%e 4ertene e %n al%3no K2: * o 5 aAo+ de In9antil o &S: 1S: 2S: *S: 5S o 7S de Pri3ariaL' E+ %na la0e a/ena =%e a4%nta a la ta.la Ni0el'

*>

<. EEALUACIN <.1 Intro(uccin

La 9a+e de e0al%a i,n - 4r%e.a+ on l%-e el i lo de 0ida de n%e+tro 4ro-e to - lo 4re4ara 4ara +%.irlo al +er0idor - =%e +e e/e %te' E+ta 9a+e 3ide el ni0el de alidad =%e o9re e al %+%ario la a4li a i,n reada' La+ ?erra3ienta+ =%e 0a3o+ a %+ar 4ara reali"ar e+ta+ 4r%e.a+ +on grat%ita+ - la+ 4ode3o+ en ontrar online en la+ dire ione+ ?tt4ONN/ig+a@'@2'orgN ++J0alidatorN: ?tt4ONN0alidator'@2'orgN - @@@'+4oon' o3 N'

<.# Ea&i(acin (e C//

Dado =%e +e ?an %tili"ado ?o/a+ de e+tilo 4ara la inter9a" de la a4li a i,n: +e ?a reali"ado %na 4r%e.a de 0alida i,n de CSS' Para ello: +e ?a %tili"ado la 4Bgina @e. ?tt4ONN/ig+a@'@2'orgN ++J 0alidatorN' En %anto al re+%ltado K9ig%ra &*L +e 4odra de ir =%e la ?o/a de e+tilo ?a 4a+ado la 0alida i,n a 3edia+: -a =%e ?a- do+ 4ro4iedade+ =%e el W2C no re ono e KJ3o"J.orderJradi%+ J@e.QitJ.orderJradi%+L 4ero =%e +on ne e+aria+ 4ara =%e lo+ .orde+ de lo+ di0+ =%e ?a- en la 4Bgina @e. +e 0ean redondeado+ en lo+ na0egadore+ @e. #ire9o$: Google C?ro3e: Sa9ari - O4era'

Fi3ura 1;. Ea&i(acin (e C//

*&

<.% Ea&i(acin (e en&aces

Para e+ta 4r%e.a ?e %tili"ado la ?erra3ienta TVeri9i ador de 0n %lo+U del 4rogra3a Ado.e Drea3@ea0er' Di ?o +o9t@are 0eri9i a +i ?a- enla e+ roto+ Kenla e+ in orre to+ o =%e a4%ntan a %na 4Bgina =%e no e$i+teL en el +itio @e.' El re+%ltado K9ig%ra &5L de e+ta 4r%e.a ?a +ido ,4ti3o'

Fi3ura 1<. Ea&i(acin (e en&aces

<.* Ea&i(acin (e &a reso&ucin

D%rante la 9a+e de e+4e i9i a i,n de re=%i+ito+ e+ta.le i3o+ =%e 4ara %na orre ta 0i+%ali"a i,n de la a4li a i,n de.era3o+ o4ti3i"ar la 4antalla a %na re+ol% i,n de &1C>$C>> 4$ele+' Lo =%e +% ede 4ara re+ol% ione+ 3enore+ K7*>$*C> o C>>$7>> 4$ele+L e+ =%e alg%no+ ele3ento+ K.otone+ +o.re todoL no a4are en en la 4o+i i,n ade %ada'

<.; Ea&i(acin (e na"e3a(ores

E+ i34ortante de ara al %+%ario =%e la a4li a i,n +e 0i+%ali"e .ien en todo+ lo+ na0egadore+ @e.: o al 3eno+: en lo+ 3B+ 4o4%lare+' La a4li a i,n ?a +ido i34le3entada - 4ro.ada on !$ito en Mi ro+o9t Internet E$4lorer K5;'>CR de %ota de 3er adoL: #ire9o$ K11'C&RL: C?ro3e K<'<CRL: Sa9ari K5'C<RL - O4era K1'12R L' Para ello ?e %tili"ado la ?erra3iento online +4oon: =%e te 4er3ite 0irt%ali"ar na0eadore+ @e. de 9or3a =%e 4%ede+ 0i+%ali"ar la 4Bgina @e. +o.re %al=%ier na0egador +in ne e+idad de in+talarlo'

*1

Fi3ura 1=. Ea&i(acin (e na"e3a(ores F5icroso+t Internet E$)&orerG

Fi3ura 1>. Ea&i(acin (e na"e3a(ores F5o2i&&a Fire+o$G

*2

Fi3ura 1@. Ea&i(acin (e na"e3a(ores FHoo3&e C4ro'eG

Fi3ura #A. Ea&i(acin (e na"e3a(ores F/a+ariG

**

Fi3ura #1. Ea&i(acin (e na"e3a(ores FO)eraG

<.< Ea&i(acin (e &a se3uri(a( en e& acceso a &a 2ona (e a('inistracin

Para entrar en la "ona de ad3ini+tra i,n de la a4li a i,n @e.: el %+%ario de.erB a eder a tra0!+ del di0 +it%ado en el +e tor in9erior i"=%ierdo de la 4Bgina +ele ionando el ti4o de %+%ario Ad3ini+trador e introd% iendo %n no3.re de %+%ario - ontra+eAa orre to+' Lo+ dato+ +on en0iado+ al 9or3%lario de 0alida ion T0alida ionU+%ario'4?4U =%e redirige a la 4Bgina de ini io de la 4arte e+4e 9i a del ad3ini+trador +i lo+ dato+ +on orre to+ o de0%el0e %n 3en+a/e de error +i +% ede alg%na de la+ +ig%iente+ +it%a ione+O el %+%ario no ?a e+ rito el login[ el %+%ario no ?a e+ rito la la0e[ el login no e$i+te en la .a+e de dato+[ el 4ar loginJ ontra+eAa no e$i+te en la .a+e de dato+'

*5

=. CONCLU/IN
A ontin%a i,n ?ar! %n re+%3en del tra.a/o reali"ado' El 4ri3er 4a+o =%e to3! 9%e e+ta.le er lo+ re=%i+ito+ =%e de.a %34lir el +i+te3a re%ni!ndo3e on la dire tora del entro ed% ati0o' En +eg%ndo l%gar: reali"! lo+ 3odelo+ o4ort%no+ en UML 4ara =%e 3e +ir0ieran de g%a d%rante la i34le3enta i,n' Co3o e+ og %tili"ar la ar=%ite t%ra de tre+ a4a+: el di+eAo de la+ di+tinta+ a4a+ =%e on9or3an la a4li a i,n 9%e el +ig%iente 4a+o' A ontin%a i,n: lle0! a a.o la eta4a a la =%e 3B+ tie34o dedi=%!: la i34le3enta i,n del 4rototi4o' En e+ta Mlti3a eta4a 4odra di+ting%ir %atro 9a+e+O la del di+eAo de la @e. K4ri3era a4ro$i3a i,n de la ?o/a de e+tilo+L: la de la i34le3enta i,n de la intranet del ad3ini+trador: la de la i34le3enta i,n de la intranet del %+%ario al%3noN4adre - la de la i34le3enta i,n de la intranet del %+%ario 4ro9e+or' Por Mlti3o - 4ara o34ro.ar el orre to 9%n iona3iento de todo el +i+te3a: lle0! a a.o la+ 4r%e.a+ de la a4li a i,n'

=.1 Ea&i(acin )ersona& (e& tra a!o rea&i2a(o

D%rante la reali"a i,n del 4ro-e to ?e 4odido o34ro.ar lo Mtile+ =%e +on lo+ ono i3iento+ ad=%irido+ d%rante la arrera en a+ignat%ra+ o3o Ingeniera del So9t@are: Ba+e de Dato+: Di+eAo de .a+e de Dato+ - Progra3a i,n' Con+idero =%e e+te 4ro-e to 3e ?a a4ortado %na 0i+i,n 4ro9e+ional del 4rogra3ador @e.: -a =%e ?e tenido =%e tratar dire ta3ente on el liente - ?e tra.a/ado T.a/o 4re+i,nU: en el +entido de =%e ?e tenido =%e %34lir ierto+ 4la"o+ de entrega' Ca.e de+ta ar =%e: 4or tratar+e de %n 4rototi4o: la 9%n ionalidad de la a4li a i,n @e. 4%ede no +er o34leta' M% ?a+ 3e/ora+ - a34lia ione+: o3o la+ =%e +e itan en el +ig%iente 4%nto: =%edan 9%era del al an e de e+te 4ro-e to 4or +% d%ra i,n - e$ten+i,n' Sin e3.argo: la+ 9%n ione+ de+ rita+ en la e+4e i9i a i,n de re=%i+ito+ e+tBn i34le3entada+' L%ego: .a/o 3i 4%nto de 0i+ta: +e trata de %n tra.a/o reali"ado +ati+9a toria3ente'

=.# Posi &es a')&iaciones

A ontin%a i,n +e li+tan %na +erie de a34lia ione+ =%e 4%dieran i34le3entar+e +o.re el 4rototi4oO J Ge+ti,n de la .i.liote a' J Ta.l,n de an%n io+ - +e i,n de noti ia+' J Calendario de e$B3ene+ - e$ %r+ione+' J Ea er +eg%ra la tran+3i+i,n de dato+ +en+i.le+ de la a4li a i,n o3o 4%edan +er la+ ontra+ena+: 3ediante t! ni a+ de en ri4ta i,n de dato+'

*7

>. 6I6LIOHRAFIA

J A)untes (e I/HJ 6DAJ D6D y CD:' J P-3ina o+icia& (e P:P @@@'4?4'org - Desarro&&o Ke @@@'de+arrollo@e.' o3 J KiLi)e(iaJ &a encic&o)e(ia &i re @@@'@iQi4edia'org J P:P <. Curso )ro+esiona& (e )ro3ra'acin Edgar DAndrea Edi ione+ In9orBooQ+ J Una 3u7a )ara &a rea&i2acin y su)er"isin (e PFC en e& -' ito (e &a Ke #el$ B%enda Gar a Editorial Uni0er+idad Polit! ni a de Valen ia - Hu7a (e& IEEE )ara &a es)eci+icacin (e re,ueri'ientos so+t1are ANSINIEEE Std' C2> P &<C*

*;