PROYECTO FINAL DE CARRERA

DESARROLLO DE UN SITIO
WEB PARA UN COLEGIO
CEIP Montealegre de LEliana
Autor:
Vtor P!re" P!re"
Director:
#eli$ B%enda Gara
NDICE
&' INTRODUCCI(N )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *
&'& Pre+entai,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 De9iniione+: ar,ni3o+ - a.re0iat%ra+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''' 7
1'&'* Re9erenia+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 7
1'&'5 Vi+i,n glo.al )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ;
1'1 De+ri4i,n general )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ;
1'1'& Per+4eti0a del 4rod%to )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ;
1'1'1 #%nione+ del 4rod%to )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' ;
1'1'2 Carater+tia+ del %+%ario )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' <
1'1'* Re+triione+ generale+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' <
1'1'5 S%4%e+to+ - de4endenia+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' <
1'2 Re=%i+ito+ e+4e9io+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &>
1'2'& Re=%eri3iento+ 9%nionale+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &>
1'2'1 Re=%eri3iento+ de inter9ae+ e$terno+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''' &7
1'2'1'& Inter9ae+ de %+%ario )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &7
1'2'1'1 Inter9ae+ ?ard@are )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &7
1'2'1'2 Inter9ae+ +o9t@are )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &7
1'2'1'* Inter9ae+ de o3%niaione+ )''''''''''''''''''''''''''''''''''''''''''''''''''''' &;
1'2'2 Re=%eri3iento+ de e9iienia )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &;
1'2'* O.ligaione+ del di+eAo )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &;
1'2'*'& E+tBndare+ %34lido+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &;
1'2'*'1 Li3itaione+ ?ard@are )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &;
1'2'5 Atri.%to+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &;
1'2'5'& Seg%ridad )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &;
1'2'5'1 #ailidade+ 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'& Atore+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 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+entai,n )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1*
*'2 Ca4a de negoio o l,gia de la a4liai,n )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 17
*'* Ca4a de 4er+i+tenia o dato+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1;
5' IMPLEMENTACI(N )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1<
5'& Tenologa+ %tili"ada+ en el de+arrollo del 4ro-eto )''''''''''''''''''''''''''''''''''''''''''''''''' 1<
5'&'& ETML - FETML )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1<
5'&'1 CSS )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1<
5'&'2 Ga0aSri4t: /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+ri4i,n del 4ro-eto )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 21
5'1'& Ca4a de 4re+entai,n )''''''''''''''''''''''''''')'''''''''''''''''''''''''''''''''''''''''''''''''' 21
5'1'1 Ca4a de negoio o l,gia de la a4liai,n )''''''''''''''''''''''''''''''''''''''''''''''''' 27
5'1'2 Ca4a de 4er+i+tenia o dato+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *>
7' EVALUACI(N )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *&
7'& Introd%i,n )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *&
7'1 Validai,n de CSS )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *&
7'2 Validai,n de enlae+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *1
7'* Validai,n de la re+ol%i,n )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *1
7'5 Validai,n de na0egadore+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *1
7'7 Validai,n de la +eg%ridad en el ae+o a la "ona de ad3ini+trai,n )''''''''''''''''''''''' *5
;' CONCLUSI(N )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *7
;'& Valorai,n 4er+onal del tra.a/o reali"ado )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *7
;'1 Po+i.le+ a34liaione+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *7
C' BIBLIOGRA#HA )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *;
1
NDICE DE FIGURAS
#ig%ra &' Iona+ de la inter9a" grB9ia )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' &7
#ig%ra 1' Diagra3a de la+e+ )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1>
#ig%ra 2' Atore+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 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+io de la ar=%itet%ra de tre+ a4a+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1*
#ig%ra &>' #or3ato de la+ 4Bgina+ )''')''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 15
#ig%ra &&' Diagra3a de na0ega0ilidad de la 4Bgina de Iniio)'''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 15
#g%ra &1' Ca4a+ del 4ro-eto )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 17
#ig%ra &2' Diagra3a entidadJrelai,n )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' 1C
#ig%ra &*' Ta.la+ de la .a+e de dato+ '')''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *>
#ig%ra &5' Validai,n de CSS )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *&
#ig%ra &7' Validai,n de enlae+ )''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *1
#ig%ra &;' Validai,n de na0egadore+ KMiro+o9t Internet E$4lorerL )''''''''''''''''''''''''''''''''''''''''' *2
#ig%ra &C' Validai,n de na0egadore+ KMo"illa #ire9o$L )'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *2
#ig%ra &<' Validai,n de na0egadore+ KGoogle C?ro3eL ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' **
#ig%ra 1>' Validai,n de na0egadore+ KSa9ariL ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' **
#ig%ra 1&' Validai,n de na0egadore+ KO4eraL ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' *5
2
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-eto 9inal de arrera de ingenieria t!nia en
in9or3Btia de ge+ti,n' El 4ro-eto on+i+te en el de+arrollo del +itio @e. del olegio 4M.lio Monte
alegre: +it%ado en la loalidad de LEliana KCa34 de TMria: ValeniaL' El o./eti0o de di?a @e. e+
dar %na in9or3ai,n o34leta +o.re el olegio - lo+ +er0iio+ de lo+ =%e di+4one: a+ o3o
4ro4orionar %na +erie de 9%nionalidade+ a lo+ al%3no+ - 4ro9e+ore+ del entro ed%ati0o'
La @e. e+ ae+i.le de+de %al=%ier na0egador 4or Internet - tiene in9or3ai,n re9erente a +%
loali"ai,n: +%+ 3ie3.ro+ Kal%3no+ - 4ro9e+ore+L - +% 4ro-eto ed%ati0o' Se trata de dar %na
0i+i,n lo 3B+ o34leta 4o+i.le de la in+tit%i,n - de +% 9%niona3iento'
En %anto a lo+ %+%ario+: la 4Bgina tiene 0ario+ ti4o+' Por %n lado: e+tBn lo+ %+%ario+ no regi+trado+:
=%e Mnia3ente 4%eden aeder a in9or3ai,n general +o.re el entro' Por otro: e+tBn lo+ %+%ario+
regi+trado+: =%e 4%eden aeder a %na 3a-or 9%nionalidad dentro de la a4liai,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 aione+ 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-eto ?a +ido reali"ado 4ara el olegio de ed%ai,n in9antil - 4ri3aria Montealegre: +it%ado
en la loalidad de LEliana'
Para el de+arrollo de la a4liai,n reali! di0er+a+ re%nione+ on la diretora 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+ dei+ione+ de e+t!tia - 9%nionale+ de la a4liai,n 9%eron to3ada+ /%nto on la
diretora: =%e ade3B+ 3e 4ro4orion, toda la do%3entai,n - 9otogra9a+ del olegio'
Una 0e" reali"ada+ la+ re%nione+ on la diretora - e+t%diada la +it%ai,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%nionalidad
de la a4liai,n: a grande+ ra+go+: de.a +erO
J Mo+trar in9or3ai,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+tenia 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+ia3ente: a la+
di+tinta+ eta4a+ =%e on9or3an el 4roe+o de de+arrollo del 4ro-eto' E+ta+ eta4a+ ?an +idoO
J Es)eci+icacin (e re,uisitosO Se redat, de %na 3anera glo.al %na 4ri3era 0i+i,n del 4ro-eto
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 aera de la+ 9%nionalidade+ del 4ro-eto' En n%e+tro a+o el
0i+to .%eno no+ lo di, la diretora del entro ed%ati0o'
J An-&isisO Se reali", el 3odelado one4t%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: 4ro4orionando 4lantilla+ =%e +ir0en de g%a en la on+tr%i,n de la a4liai,n' En e+ta
eta4a +e e+4ei9ia =%! de.e ?aer la a4liaion 4ero no ,3o de.e ?aerlo'
J Dise.oO Se %tili"aron lo+ ele3ento+ - 3odelo+ o.tenido+ d%rante el anBli+i+ 4ara tran+9or3arlo+ en
3eani+3o+ =%e 4%edan +er %tili"ado+ en %n entorno @e. on la+ arater+tia+ - ondiione+ =%e
e+ta.leen e+te ti4o de entorno+' Se di+eAaron todo+ lo+ ni0ele+ de lo+ =%e on+ta la a4liai,n
Kni0el de 4re+entai,n: ni0el l,gio - ni0el de 4er+i+teniaL'
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.orai,n
del 4rod%to o 4rototi4o 9%nional: e+ deir: =%e 4%ede +er 4%e+to en 3ar?a - +o3etido a 4r%e.a+'
Para ello +e on+ideraron la+ di0er+a+ tenologa+ =%e ?an inter0enido en la ela.orai,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 )rueasO E+ta 9a+e +e entr, en la o34ro.ai,n del orreto 9%niona3iento del
4rod%to de+arrollado 3ediante %na +erie de 4r%e.a+'
Tra+ e+ta+ tarea+ 4%di3o+ dar 4or onl%ido el 4ro-eto: 4or lo =%e en Mlti3o l%gar 3o+tra3o+ la+
onl%+ione+ o.tenida+ - li+ta3o+ la .i.liogra9a %tili"ada d%rante la reali"ai,n del 3i+3o'
5
#. E/PECIFICACIN DE RE0UI/ITO/
#.1 Intro(uccin
1'&'& Pro4,+ito
El 4ro4,+ito de la e+4ei9iai,n de re=%i+ito+ e+ de9inir %ale+ +on lo+ re=%eri3iento+ =%e de.e
tener la a4liai,n =%e +e 0a a de+arrollar - de+ri.ir la 9%nionalidad del %+%ario a lo largo de ella'
1'&'1 83.ito
El de+arrollo del +itio @e. e+tB orientado a o9reer di0er+o+ ontenido+ - 9%nionalidade+ =%e
a-%den a 4oder o.tener in9or3ai,n +o.re lo+ +er0iio+ de lo+ =%e di+4one el olegio al %+%ario
an,ni3o - a o.tener in9or3ai,n +o.re al%3no+ - 4ro9e+ore+ al %+%ario regi+trado' En la a4liai,n
+e di9erenian: 4or tanto: do+ 4arte+ .a+tante lara+O la 4M.lia - la 4ri0ada' La 4arte 4M.lia K4ortalL
+erB ae+i.le 4or todo el 3%ndo - tendrB in9or3ai,n general +o.re el olegio' La 4arte 4ri0ada
KintranetL +erB 4ara %+o e$l%+i0o de %+%ario+ regi+trado+ - ontendrB in9or3ai,n 3B+ e+4e9ia'
1'&'2 De9iniione+: +igla+ - a.re0iat%ra+
/itio 1e: Con/%nto de ar?i0o+ eletr,nio+ - 4Bgina+ @e. re9erente+ a %n te3a en 4arti%lar =%e
inl%-e %na 4Bgina iniial de .ien0enida: on %n no3.re de do3inio - direi,n en Internet
e+4e9io+'
Inter+a2: Parte del 4rogra3a in9or3Btio =%e 4er3ite el 9l%/o de in9or3ai,n entre 0aria+
a4liaione+ o entre el 4ro4io 4rogra3a - el %+%ario'
IntranetO Parte 4ri0ada de la a4liai,n donde +,lo tendrBn ae+o a la in9or3ai,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 1eO Se trata de %n 4rogra3a =%e i34le3enta el 4rotoolo ETTP KE-4erTe$t Tran+9er
ProtoolL' E+te 4rotoolo e+tB di+eAado 4ara tran+9erir lo =%e lla3a3o+ ?i4erte$to+: 4Bgina+ @e. o
4Bgina+ ETMLO te$to+ o34le/o+ on enlae+: 9ig%ra+: 9or3%lario+: .otone+ - o./eto+ inr%+tado+
o3o ani3aione+ o re4rod%tore+ de 3M+ia'
CentroO Sitio+ donde +e i34arten lo+ ni0ele+ de ed%ai,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 indian lo+ o./eti0o+: e+trategia+ - ontenido+ en la
4rBtia doente'
CursoO Unidad de i34artii,n de la en+eAan"a'
1'&'* Re9erenia+
J ANSINIEEE Std' C2> P &<C*' G%a del IEEE 4ara la e+4ei9iai,n de re=%eri3iento+ +o9t@are'
7
J Una g%a 4ara la reali"ai,n - +%4er0i+i,n de 4ro-eto+ 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-eto+'
1'&'5 Vi+i,n glo.al
A ontin%ai,n +e reali"arB la de+ri4i,n general del +i+te3a de+arrollado on +%+ 9%nione+:
arater+tia+ del %+%ario: re+triione+: +%4%e+to+ - de4endenia+' Ta3.i!n +e e$4ondrB %na
e+4ei9iai,n detallada de lo+ re=%i+ito+ detetado+'
#.# Descri)cin 3enera&
1'1'& Per+4eti0a del 4rod%to
La a4liai,n de+arrollada 4retende dar in9or3ai,n general +o.re el olegio a+ o3o in9or3ai,n
3B+ e+4e9ia 4ara ada ti4o de %+%ario =%e e+t! regi+trado' Se 4odrB aeder a la a4liai,n de+de
%al=%ier +i+te3a o4erati0o =%e tenga one$i,n a Internet %tili"ando %n na0egador @e.'
1'1'1 #%nione+ del 4rod%to
A ontin%ai,n +e 3%e+tran la+ 9%nione+ =%e on9or3an la a4liai,n: +egMn el ti4o de %+%ario =%e
+e en%entre onetado'
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 aeder a la 4arte 4ri0ada de la a4liai,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 iniio'
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 onetado +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 iniio - ?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 onetado
Kno3.re - a4ellido+L'
J Listar )ro+esoresO Se li+tarBn lo+ 4ro9e+ore+ =%e i34arten la+e al al%3no onetado 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 onetado +e
en%entra 3atri%lado - %ando ?aga liQ +o.re %na de ella+: +e 3%e+tran la+ ali9iaione+
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
onetado +e en%entra 3atri%lado - %ando ?aga liQ +o.re %na de ella+ +e 3%e+tran la+ 9alta+ de
a+i+tenia orre+4ondiente+ a e+a a+ignat%ra K9e?a - +i e+tB o no /%+ti9iadaL'
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 onetado -
%ando +eleiona %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 onetado 4ara =%e
%ando +eleione %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
onetado 4ara =%e %ando +eleione %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+tenia'
J 5o(i+icar notasO Se 3%e+tra el li+tado de la+ a+ignat%ra+ =%e i34arte el 4ro9e+or onetado 4ara
=%e %ando +eleione %na de ella+ 4%eda elegir %n al%3no de lo+ =%e +e en%entran 3atri%lado+
en e+a a+ignat%ra - 3odi9iarle 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
onetado 4ara =%e %ando +eleione %na de ella+ 4%eda elegir %n al%3no de lo+ =%e +e en%entran
3atri%lado+ en e+a a+ignat%ra - 3odi9iar %na 9alta de a+i+tenia'
J Listar +a&tas (e asistenciaO Se 3%e+tra el li+tado de la+ a+ignat%ra+ =%e i34arte el 4ro9e+or
onetado 4ara =%e %ando +eleione %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+tenia'
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'
C
J 5o(i+icar (atos usuarioO Se 4odrB 3odi9iar lo+ dato+ de %n %+%ario'
J 5o(i+icar (atos asi3naturaO Se 4odrB 3odi9iar lo+ dato+ de %n a+ignat%ra'
1'1'2 Carater+tia+ del %+%ario
Se 4%ede di9ereniar entre do+ ti4o+ de %+%ario+: lo+ %+%ario+ no regi+trado+ - lo+ %+%ario+
regi+trado+' Dentro de lo+ %+%ario+ regi+trado+ 4ode3o+ di9ereniar: ade3B+: 3B+ ti4o+ de %+%ario+'
Usuarios no re3istra(os
E+te ti4o de %+%ario+ +ola3ente tendrBn ae+o a la in9or3ai,n general del entro'
Usuarios re3istra(os
E+te ti4o de %+%ario+ +on lo+ =%e tienen ae+o a la intranet' Ea- di+tinto+ ti4o+ de %+%ario+
regi+trado+ +egMn la 9%ni,n =%e tengan =%e reali"ar' Se 4%ede di9ereniar 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 doenia: =%! nota+ ?a o.tenido - =%! 9alta+ de a+i+tenia 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+tenia de +%+ al%3no+'
U+%ario ad3ini+trador
E+te ti4o de %+%ario +e enargarB de la ge+ti,n de la .a+e de dato+ del +i+te3a' E+ deir: e9et%arB el
alta - la .a/a de lo+ %+%ario+ - a+ignat%ra+ a+ o3o la+ 3odi9iaione+ +o.re la in9or3ai,n
re9erente a ello+Na+'
1'1'* Re+triione+
Al tratar+e de %na a4liai,n @e.: +e re=%iere %n ordenador on %n na0egador on0enional - %na
one$i,n a Internet .B+ia'
1'1'5 S%4%e+to+ - de4endenia+
La a4liai,n de+arrollada tra.a/a al 3argen de %al=%ier ?ard@are o +o9t@are o9reiendo a+ %n
+o4orte 3%lti4lata9or3a' La Mnia de4endenia i34ortante =%e 4ode3o+ enontrar e+tB relaionada
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 a4liai,n
?a +ido reali"ada +o.re el na0egador #ire9o$: de 3anera =%e alg%no+ a+4eto+ o3o lo+ .orde+
redondeado+ de lo+ di0+ - =%e la 4o+ii,n de alg%no+ .otone+ +alga en la 4o+ii,n orreta
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%nionale+
A ontin%ai,n +e de+ri.en la+ di0er+a+ 9%nione+ =%e o9ree la a4liai,n @e.: la+i9iada+ +egMn
el ti4o de %+%ario =%e aede al +er0iio'
Usuarios no re3istra(os
La Mnia 9%ni,n di+4oni.le 4ara lo+ %+%ario+ no regi+trado+ e+ la de a%tenti9iar+e 4ara aeder a la
4arte 4ri0ada de la a4liai,n'
A4artado De+ri4i,n
Tt%lo A%tentiai,n
Pro4,+ito Aeder a la intranet de la a4liai,n
Entrada No3.re de %+%ario - ontra+eAa
Proe+o Se o34r%e.a =%e el %+%ario e$i+te
Salida Con9ir3ai,n de ae+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.lia de la a4liai,n'
A4artado De+ri4i,n
Tt%lo Cerrar +e+i,n
Pro4,+ito Salir de la intranet de la a4liai,n
Entrada J
Proe+o Se redirige a la 4Bgina de iniio
Salida 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
doenia - on+%ltar +%+ nota+ - 9alta+ de a+i+tenia'
A4artado De+ri4i,n
Tt%lo Con+%ltar ?orario
Pro4,+ito Con+%ltar el ?orario de la+e
Entrada J
Proe+o Li+tar la+ a+ignat%ra+ en la+ =%e +e en%entra
3atri%lado el al%3no onetado
Elegir la a+ignat%ra de la %al =%iere 0er el
?orario
Salida El ?orario de la+e
Kda: ?ora de iniio - ?ora de 9inL
A4artado De+ri4i,n
Tt%lo Li+tar al%3no+ de la+e
Pro4,+ito Li+tar lo+ al%3no+ on lo+ =%e o34arte la+e
Entrada J
Proe+o Re%4erar de la .a+e de dato+ lo+ al%3no+ on
lo+ =%e o34arte la+e el al%3no onetado
Salida El no3.re - lo+ a4ellido+ de lo+ al%3no+ on lo+
=%e o34arte la+e
A4artado De+ri4i,n
Tt%lo Li+tar 4ro9e+ore+
Pro4,+ito Li+tar lo+ 4ro9e+ore+ =%e le i34arten la+e
Entrada J
Proe+o Re%4erar de la .a+e de dato+ lo+ 4ro9e+ore+ =%e
i34arten la+e al al%3no onetado - el no3.re
de la a+ignat%ra =%e le i34arten
Salida El no3.re - lo+ a4ellido+ de lo+ 4ro9e+ore+ - lo+
no3.re+ de la+ a+ignat%ra+
A4artado De+ri4i,n
Tt%lo Li+tar nota+
Pro4,+ito Li+tar la+ nota+
Entrada J
Proe+o Li+tar la+ a+ignat%ra+ en la+ =%e +e en%entra
3atri%lado el al%3no onetado
&&
Elegir la a+ignat%ra de la %al =%iere 0er la nota
Salida La+ nota+
A4artado De+ri4i,n
Tt%lo Li+tar 9alta+ de a+i+tenia
Pro4,+ito Li+tar la+ 9alta+ de a+i+tenia
Entrada J
Proe+o Li+tar la+ a+ignat%ra+ en la+ =%e +e en%entra
3atri%lado el al%3no onetado
Elegir la a+ignat%ra de la %al =%iere 0er la+
9alta+ de a+i+tenia =%e 4%diera tener
Salida La+ 9alta+ de a+i+tenia
U+%ario 4ro9e+or
Si el %+%ario regi+trado e+ del ti4o 4ro9e+or entone+ 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 - 3odi9iar la+ nota+ - 9alta+ de
a+i+tenia de +%+ al%3no+'
A4artado De+ri4i,n
Tt%lo Li+tar al%3no+
Pro4,+ito Li+tar lo+ al%3no+ a lo+ =%e i34arte la+e
Entrada J
Proe+o Li+tar la+ a+ignat%ra+ en la+ =%e i34arte la+e el
4ro9e+or onetado
Elegir la a+ignat%ra de la %al =%iere 0er lo+
al%3no+ =%e +e en%entran 3atri%lado+
Salida El no3.re - lo+ a4ellido+ de lo+ al%3no+ a lo+
=%e i34arte la+e
A4artado De+ri4i,n
Tt%lo Li+tar 4ro9e+ore+
Pro4,+ito Li+tar lo+ 4ro9e+ore+ =%e i34arten la+e en el
entro
Entrada J
Proe+o Re%4erar de la .a+e de dato+ lo+ 4ro9e+ore+ =%e
i34arten la+e en el olego
Salida El no3.re - lo+ a4ellido+ de lo+ 4ro9e+ore+ =%e
i34arten la+e en el entro
&1
A4artado De+ri4i,n
Tt%lo Poner nota+
Pro4,+ito Poner la nota de %na a+ignat%ra a %n al%3no
Entrada Nota
Proe+o Elegir la a+ignat%ra
Elegir el al%3no - el tri3e+tre
In+ertar la nota en la .a+e de dato+
Salida Con9ir3ai,n de =%e +e ?a in+ertado la nota o
a0i+o de =%e no +e ?a 4odido reali"ar la
o4erai,n
A4artado De+ri4i,n
Tt%lo Poner 9alta+ de a+i+tenia
Pro4,+ito Poner %na 9alta de a+i+tenia a %n al%3no
Entrada J
Proe+o Elegir la a+ignat%ra
Elegir el al%3no
In+ertar en la .a+e de dato+ la 9alta de a+i+tenia
Salida Con9ir3ai,n de =%e +e ?a in+ertado la 9alta de
a+i+tenia o a0i+o de =%e no +e ?a 4odido
reali"ar la o4erai,n
A4artado De+ri4i,n
Tt%lo Modi9iar nota+
Pro4,+ito Modi9iar la nota de %na a+ignat%ra a %n al%3no
Entrada Nota
Proe+o Elegir la a+ignat%ra
Elegir el al%3no - el tri3e+tre
Modi9iar la nota en la .a+e de dato+
Salida Con9ir3ai,n de =%e +e ?a 3odi9iado la nota o
a0i+o de =%e no +e ?a 4odido reali"ar la
o4erai,n
A4artado De+ri4i,n
Tt%lo Modi9iar 9alta+ de a+i+tenia
Pro4,+ito Modi9iar %na 9alta de a+i+tenia a %n al%3no
Entrada S o No
Proe+o Elegir la a+ignat%ra
Elegir el al%3no
Modi9iar en la .a+e de dato+ la 9alta de
a+i+tenia
&2
Salida Con9ir3ai,n de =%e +e ?a 3odi9iado la 9alta
de a+i+tenia o a0i+o de =%e no +e ?a 4odido
reali"ar la o4erai,n
A4artado De+ri4i,n
Tt%lo Li+tar 9alta+ de a+i+tenia
Pro4,+ito Li+tar la+ 9alta de a+i+tenia de lo+ al%3no+ a lo+
=%e i34arte la+e el 4ro9e+or onetado
Entrada J
Proe+o Elegir la a+ignat%ra
Se 3%e+tra el li+tado de al%3no+ Kno3.re:
a4ellido+ - nM3ero de 9alta+ de a+i+teniaL
Salida J
U+%ario ad3ini+trador
El %+%ario regi+trado de ti4o ad3ini+trador di+4one de la+ 9%nione+ 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
3odi9iar lo+ dato+ de lo+ %+%ario+ - a+ignat%ra+'
A4artado De+ri4i,n
Tt%lo Alta de %+%ario
Pro4,+ito Dar de alta %n %+%ario
Entrada Login: ontra+eAa: no3.re: a4ellido+ - ni0el del
n%e0o %+%ario
Proe+o In+ertar el %+%ario en la .a+e de dato+'
Salida Con9ir3ai,n de =%e +e ?a in+ertado el %+%ario o
a0i+o de =%e no +e ?a 4odido reali"ar la
o4erai,n
A4artado De+ri4i,n
Tt%lo Alta de a+ignat%ra
Pro4,+ito Dar de alta %na a+ignat%ra
Entrada No3.re de la a+ignat%ra: ni0el en el =%e +e
en%entra - 4ro9e+or =%e la i34arte
Proe+o In+ertar la a+ignat%ra en la .a+e de dato+
Salida Con9ir3ai,n de =%e +e ?a in+ertado la
a+ignat%ra o a0i+o de =%e no +e ?a 4odido
reali"ar la o4erai,n
A4artado De+ri4i,n
&*
Tt%lo Matri%lar al%3no en a+ignat%ra
Pro4,+ito Matri%lar a %n al%3no en %na a+ignat%ra
Entrada No3.re - a4ellido+ del al%3no - no3.re de la
a+ignat%ra de la %al +e le =%iere 3atri%lar
Proe+o In+erta la in9or3ai,n en la .a+e de dato+
Salida Con9ir3ai,n de =%e +e ?a 3atri%lado al
al%3no en la a+ignat%ra +eleionada o a0i+o de
=%e no +e ?a 4odido reali"ar la o4erai,n
A4artado De+ri4i,n
Tt%lo Ba/a de %+%ario
Pro4,+ito Dar de .a/a %n %+%ario
Entrada J
Proe+o Elegir el %+%ario =%e +e =%iere dar de .a/a
Borrar el %+%ario de la .a+e de dato+
Salida Con9ir3ai,n de =%e +e ?a .orrado el %+%ario o
a0i+o de =%e no +e ?a 4odido reali"ar la
o4erai,n
A4artado De+ri4i,n
Tt%lo Modi9iar dato+ de %n %+%ario
Pro4,+ito Modi9iar lo+ dato+ de %n %+%ario
Entrada Login: ontra+eAa: no3.re: a4ellido+ - ni0el
Proe+o Elegir %n %+%ario
Modi9iar lo+ dato+ del %+%ario +eleionado on
lo+ dato+ introd%ido+
Salida Con9ir3ai,n de =%e +e ?an 3odi9iado lo+
dato+ del %+%ario o a0i+o de =%e no +e ?a 4odido
reali"ar la o4erai,n
A4artado De+ri4i,n
Tt%lo Modi9iar dato+ a+ignat%ra
Pro4,+ito Modi9iar lo+ dato+ de %na a+ignat%ra
Entrada No3.re: ni0el - 4ro9e+or
Proe+o Elegir %na a+ignat%ra
Modi9iar lo+ dato+ de la a+ignat%ra
+eleionada on lo+ dato+ introd%ido+
Salida Con9ir3ai,n de =%e +e ?an 3odi9iado lo+
dato+ de la a+ignat%ra o a0i+o de =%e no +e ?a
4odido reali"ar la o4erai,n
A4artado De+ri4i,n
&5
Tt%lo Ba/a de a+ignat%ra
Pro4,+ito Dar de .a/a %na a+ignat%ra
Entrada J
Proe+o Elegir la a+ignat%ra =%e +e =%iere dar de .a/a
Borrar la a+ignat%ra de la .a+e de dato+
Salida Con9ir3ai,n de =%e +e ?a .orrado la a+ignat%ra
o a0i+o de =%e no +e ?a 4odido reali"ar la
o4erai,n
1'2'1 Re=%eri3iento+ de inter9ae+ e$terno+
1'2'1'& Inter9ae+ de %+%ario
A ontin%ai,n +e 3%e+tra %na a4t%ra de 4antalla K9ig%ra &L en la =%e +e e+4ei9ian la+ "ona+ =%e
on9or3an la inter9a" grB9ia on la =%e interat%arB el %+%ario =%e ?aga %+o del 4ortal @e.'
Fi3ura 1. 8onas (e &a inter+a2 3r-+ica
1'2'1'1 Inter9ae+ ?ard@are
Al tratar+e de %na a4liai,n @e.: +e 4odrB 0i+%ali"ar +o.re %al=%ier +i+te3a o4erati0o'
1'2'1'2 Inter9ae+ +o9t@are
La a4liai,n 9%nionarB en %al=%ier 3B=%ina on %n na0egador @e. - one$i,n a Internet'
&7
1'2'1'* Inter9ae+ de o3%niaione+
La+ o3%niaione+ +e e9et%arBn +ig%iendo el 4rotoolo ETTP 3ediante one$ione+ TCPNIP'
1'2'2 Re=%eri3iento+ de e9iienia
De.ido a la 3etodologa e34leada en el di+eAo de la a4liai,n: el 4ortal @e. tiene %n rendi3iento
del &>>R inde4endiente3ente del ?ard@are - +o9t@are %tili"ado' Lo+ Mnio+ 9atore+ =%e 4%eden
in9l%ir +on la+ 0eloidade+ de one$i,n del liente - del +er0idor' En %anto al +er0idor: at%al3ente
la 3a-ora %entan on 0eloidade+ de +%.ida 3B+ =%e +%9iiente+ 4ara n%e+tra+ nee+idade+'
Re+4eto al liente: la+ 0eloidade+ o9reida+ at%al3ente 4or lo+ ISP ta3.i!n +on 3B+ =%e
+%9iiente+ 4ara la orreta tran+3i+i,n de dato+ entre el liente - el +er0idor'
Otro a+4eto =%e ?e3o+ tratado de %idar e+4eial3ente e+ la re+ol%i,n del 3onitor' La 3e/or
re+ol%i,n 4ara 0i+%ali"ar n%e+tra a4liai,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.ligaione+ del di+eAo
1'2'*'& E+tBndare+ %34lido+
Se ?an intentado %34lir lo+ e+tBndare+ de %al=%ier @e. on ae+o +eg%ro: reando %n +i+te3a de
a%tentiai,n 4ara =%e nadie 4%eda aeder a %na "ona de la @e. a la =%e no tiene 4er3i+o de
ae+o' El idio3a elegido 4ara la 4re+entai,n de la+ 4Bgina+ ?a +ido el a+tellano'
1'2'*'1 Li3itaione+ ?ard@are
Al tratar+e de %na a4liai,n @e. no +e re=%iere %n ?ard@are e+4e9io' El +er0idor =%e al.ergarB
la .a+e de dato+ del +i+te3a de.erB 4er3aneer onetado a Internet la+ 1* ?ora+: 4%e+to =%e e+te
?o+t +erB =%ien atienda la+ 4etiione+ de let%ra - e+rit%ra de lo+ %+%ario+ =%e aedan 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+trai,n del +itio @e. e+tB +%/eta
a la identi9iai,n +ati+9atoria del ad3ini+trador en la a4liai,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%tentiarB a !+te en la a4liai,n' La in9or3ai,n aera de la %enta +e g%ardarB en la .a+e de
dato+' El 4roe+o de login o a%tentiai,n lle0arB al ad3ini+trador al 4anel de ad3ini+trai,n de+de
donde 4odrB ge+tionar el +itio @e. del entro'
1'2'5'1 #ailidade+ de 3anteni3iento
El 3anteni3iento .B+io de la a4liai,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 3odi9iai,n de la .a+e de dato+: a+
o3o i34le3entar n%e0a 9%nionalidad: de.erB +er lle0ada a a.o 4or el 4rogra3ador de la @e.'
&;
1'2'5'2 Porta.ilidad
La a4liai,n ?a +ido di+eAada on tenologa li.re: l%ego 4odrB +er +o4ortada 4or %al=%ier
4lata9or3a - +i+te3a o4erati0o' Por lo 3i+3o: +e 4odrB aeder 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 al3aena toda la in9or3ai,n re9erida al entro
o3o %+%ario+: +er0iio+: et' La+ on+%lta+ a la .a+e de dato+ +e reali"an 4or 4arte del +er0idor @e.
3ediante PEP - +% API de ae+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 a4liai,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 a4liai,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 a4liai,n @e. +e ?a o4tado 4or +eg%ir la+ reo3endaione+
de9inida+ 4or UML KUni9ied Modeling Lang%age o Leng%a/e Uni9iado 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%nionalidade+: re=%i+ito+ -
de3B+ arater+tia+ =%e ?e3o+ detetado en el +i+te3a'
A%n=%e UML de9ine %na gran antidad de diagra3a+ 4ara re4re+entar lo+ di+tinto+ a+4eto+ del
de+arrollo de la a4liai,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+ relaione+
Ka+oiai,n: agregai,n - o34o+ii,nL entre lo+ di+tinto+ ele3ento+ =%e on9or3an la a4liai,n:
e$4re+ado+ e+to+ o3o la+e+ on +%+ atri.%to+' A ontin%ai,n de+ri.ire3o+ .re0e3ente di?a+
la+e+O
Co&e3ioO Re4re+enta al olegio 4M.lio Monte Alegre'
A&u'noO Re4re+enta a lo+ al%3no+ 3atri%lado+ en el entro' P%eden aeder a la intranet de la
a4liai,n a tra0!+ de +% no3.re de %+%ario o login - ontra+eAa'
Pro+esorO Re4re+enta a lo+ 4ro9e+ore+ =%e i34arten doenia en el entro' P%eden aeder a la
intranet de la a4liai,n a tra0!+ de +% login - ontra+eAa'
A('inistra(orO Re4re+enta al ad3ini+trador del +i+te3a' P%ede aeder a la intranet de la
a4liai,n a tra0!+ de +% login - ontra+eAa'' E+ el enargado de la ge+ti,n de la .a+e de dato+'
Ni"e&O ContendrB la in9or3ai,n nee+aria 4ara identi9iar 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 in9or3ai,n aera 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 identi9iar la+ a%+enia+ de lo+ al%3no+ en ?orario e+olar: -a +ean +in
/%+ti9iar o /%+ti9iada+' De e+ta 9or3a +e 4odrB lle0ar %n ontrol de la+ a+i+tenia+ 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 di9ereniar lo+ atore+ =%e interatMan on n%e+tra
a4liai,n: la+ relaione+ entre ello+ - la+ aione+ =%e 4%ede reali"ar ada %no dentro del +i+te3a'
E+te ti4o de diagra3a+ +on 9Bil3ente o34ren+i.le+ tanto 4or liente+ o3o 4or %+%ario+:
re4re+entan lo+ re=%i+ito+ 9%nionale+ del +i+te3a - +e %tili"an o3o .a+e 4ara %n de+arrollo
iterati0o e inre3ental' Lo+ diagra3a+ de a+o+ de %+o tienen tre+ ele3ento+O
J ActoresO Son lo+ %+%ario+ del +i+te3a K9ig%ra 2L' Un ator 4%ede +er %na 4er+ona: %n on/%nto de
4er+ona+: %n +i+te3a ?ard@are o %n +i+te3a +o9t@are' Lo+ atore+ re4re+entan %n rol: =%e 4%ede
de+e34eAar alg%ien =%e nee+ita intera3.iar in9or3ai,n on el +i+te3a'
J Casos (e usoO Un a+o de %+o de+ri.e %na 9or3a onreta de %tili"ar 4arte de la 9%nionalidad de
%n +i+te3a' La olei,n de todo+ lo+ a+o+ de %+o de+ri.e toda la 9%nionalidad del +i+te3a'
J Co'unicacin entre actores y casos (e usoO Cada ator e/e%ta %n nM3ero e+4e9io de a+o+
de %+o en la a4liai,n' Por e+o dei3o+ =%e ?a- o3%niai,n entre atore+ - a+o+ de %+o'
1>
2'2'& Atore+
Fi3ura %. Actores
Lo+ %+%ario+ +on toda+ a=%ella+ 4er+ona+ =%e aeden al 4ortal @e. a tra0!+ de Internet +in
nee+idad de a%tenti9iar+e' Lo+ %+%ario+ regi+trado+ +on lo+ al%3no+ - 4ro9e+ore+ del entro
ed%ati0o - el ad3ini+trador: =%e aeden a la intranet de la a4liai,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 ator: =%e ta3.i!n 4odra deno3inar+e %+%ario an,ni3o o 0i+itante: no +e ?a
identi9iado ante el +i+te3a: la+ aione+ =%e 4odrB reali"ar +erBn 3%- li3itada+: entrBndo+e en la
o.teni,n de in9or3ai,n general del entro' Sin e3.argo: 4%ede aeder a la "ona de a%tentiai,n
4ara a%tenti9iar+e - entrar en la "ona 4ri0ada de la a4liai,n: aediendo: 4or tanto: a %na 3a-or
9%nionalidad: +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 ai,n de errar +% +e+i,n 4or=%e e+ la Mnia
9%nionalidad =%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+ aione+
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+tenia'
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+
aione+ de li+tar lo+ al%3no+ 3atri%lado+ en el entro: li+tar lo+ 4ro9e+ore+ =%e tra.a/an en el
olegio: 4oner: 3odi9iar - li+tar la+ nota+ a lo+ al%3no+ a lo+ =%e i34arte la+e - 4oner - 3odi9iar
9alta+ de a+i+tenia 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 a4liai,n' PodrB reali"ar la+ aione+ de dar
el alta - .a/a de %+%ario+: 3atri%lar %n al%3no en %na a+ignat%ra - 3odi9iar lo+ dato+ de lo+
%+%ario+ - a+ignat%ra+'
12
*. DI/E?O
*.1 Intro(uccin
El di+eAo e+ el 4roe+o =%e e$tiende: re9ina - reorgani"a lo+ a+4eto+ detetado+ en el 4roe+o de
3odelado one4t%al 4ara generar %na e+4ei9iai,n rig%ro+a del +i+te3a de in9or3ai,n +ie34re
orientada a la o.teni,n de la +ol%i,n del +i+te3a +o9t@are'
Para el di+eAo del +itio @e. +e ?a e+ogido %na ar=%itet%ra de tre+ a4a+ K4re+entai,n: a4liai,n -
4er+i+teniaL' La %tili"aion de e+ta ar=%itet%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 9Bil3ente el
o34orta3iento de la+ la+e+ en el ni0el de a4liai,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+entai,n +e 4%ede de9inir o3o el on/%nto de o34onente+ +o9t@are =%e
i34le3entan la interai,n on lo+ %+%ario+ a tra0!+ de %na re4re+entai,n 0i+%al de la a4liai,n:
4ro4orionando a lo+ %+%ario+ %na 9or3a de aeder - ontrolar lo+ dato+ - lo+ +er0iio+ de lo+
o./eto+' A 4artir de la inter9a" gra9ia: el %+%ario 4odrB na0egar 4or la+ di+tinta+ 4Bgina+ 4ara 4oder
o.tener toda la in9or3ai,n =%e de+ee: o a4ortarla en a+o de +er nee+ario'
A ontin%ai,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 Iniio 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 negoio +e 4%ede de9inir o3o el on/%nto de o34onente+ +o9t@are =%e i34le3entan
o34leta3ente el o34orta3iento de la+ la+e+ del do3inio: e+4ei9iada+ en la 9a+e de 3odelado
one4t%al' E+ en e+te ni0el: 4or tanto: donde +e i34le3enta la 9%nionalidad de la a4liai,n @e.'
E+ta a4a +ir0e de enlae entre lo+ ni0ele+ de 4re+entai,n - de 4er+i+tenia K9ig%ra &1L: -a =%e la
a4a de 4re+entai,n no aede a la .a+e de dato+ direta3ente: +ino =%e +e o3%nia on la a4a
de a4liai,n 4ara de3andarle el +er0iio de+eado - e+ la a4a de a4liai,n la =%e +e o3%nia on
la a4a de 4er+i+tenia 4ara re%4erar lo+ dato+ nee+ario+'
Fi3ura 1#. Ca)as (e& )royecto
En el 4ro-eto la a4a de negoio +e orre+4onde on la+ la+e+: e+ deir: on lo+ 9i?ero+ =%e
re4re+entan lo+ di+tinto+ ele3ento+ del diagra3a de la+e+ - +%+ oleione+: al3aneada+ en la
ar4eta TCla+e+U' Ea- do+ ti4o+ de e+tr%t%ra: de4endiendo de +i +e trata de la de9inii,n de %n
ele3ento o la de9inii,n de %na olei,n de ele3ento+'
Lo+ ele3ento+ +on Ad3ini+trador: Al%3no: Pro9e+or: A+ignat%ra: Ni0el: Eorario: Nota -
#altaA+i+tenia - tienen la +ig%iente e+tr%t%raO
J AtriutosO De9ine la+ 4ro4iedade+ del ele3ento'

17
J 5Bto(o constructorO Crea %na in+tania del ele3ento - da 0alor a +%+ atri.%to+'
J 5Bto(os 3et y setO De0%el0en o e+ta.leen el 0alor de lo+ atri.%to+ del ele3ento'
J 5Bto(o &eerO Dado %n identi9iador: re%4era de la .a+e de dato+ la+ 4ro4ieda+ del ele3ento on
e+e identi9iador'
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.leido 4re0ia3ente on lla3ada+ a 3!todo+ +et'
J 5Bto(o 'o(i+icarO Modi9ia en la .a+e de dato+ %n ele3ento on lo+ atri.%to+ =%e +e +%4one +e
?an e+ta.leido 4re0ia3ente on lla3ada+ a 3!todo+ +et'
J 5Bto(o e&i'inar: Dado %n identi9iador: eli3ina de la .a+e de dato+ el ele3ento on e+e
identi9iador'
J 5Bto(o "isua&i2ar: M%e+tra el 0alor de lo+ atri.%to+ de %n ele3ento'
La+ oleione+ de ele3ento+ +on oleionAl%3no+: oleionPro9e+ore+: oleionA+ignat%ra+:
oleionNi0ele+: oleionEorario+: oleionNota+ - oleion#alta+A+i+tenia - tienen la
+ig%iente e+tr%t%raO
J AtriutosO De9ine la+ 4ro4iedade+ de la olei,n de ele3ento+'

J 5Bto(o constructorO Crea %na in+tania de la olei,n - la TrellenaUon lo+ ele3ento+ =%e to=%e
en 9%ni,n del 0alor de lo+ 4arB3etro+ =%e +e le ?an 4a+ado'
J 5Bto(o otenerLista: De0%el0e %na li+ta on lo+ di+tinto+ ele3ento+ =%e on9or3an la
olei,n'
J 5Bto(o canti(a(E&e'entos: De0%el0e la antidad de ele3ento+ =%e ?a- en la olei,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 olei,n - de0%el0e %na ta.la on lo+ dato+'
*.* Ca)a (e )ersistencia o (atos
La a4a de 4er+i+tenia +e 4%ede de9inir o3o el on/%nto de o34onente+ +o9t@are =%e
4ro4orionan %na +erie de +er0iio+ =%e 4er3iten a lo+ o./eto+ del do3inio interat%ar on +%
re4o+itorio 4er3anente a+oiado'
En el 4ro-eto la a4a de 4er+i+tenia +e orre+4onde on la .a+e de dato+ de la a4liai,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+tenia'
A ontin%ai,n +e 3%e+tra el diagra3a entidadJrelai,n K9ig%ra &1L %tili"ado 4ara la
i34le3entai,n de la .a+e de dato+ de n%e+tro 4ro-eto'
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 Marado de Ei4erte$toL: e+ el
leng%a/e de 3arado 4redo3inante 4ara la ela.orai,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 reonoido en todo el 3%ndo - %-a+ nor3a+ de9ine %n
organi+3o +in ani3o de l%ro lla3ado World Wide We. Con+orti%3: 3B+ onoido o3o W2C'
Co3o +e trata de %n e+tBndar reonoido 4or toda+ la+ e34re+a+ relaionada+ 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
reonoido %ni0er+al3ente - =%e 4er3ite 4%.liar in9or3ai,n de 9or3a glo.alW'
Por on0eni,n: lo+ ar?i0o+ de 9or3ato ETML %+an la e$ten+i,n '?t3 o '?t3l'
FETML e+ el +%e+or de ETML' FETML: ar,ni3o ingl!+ de eFten+i.le E-4erte$t MarQ%4
Lang%age Kleng%a/e e$ten+i.le de 3arado de ?i4erte$toL: e+ el leng%a/e de 3arado 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+ia3ente: la+ 3i+3a+ 9%nionalidade+: 4ero %34le la+ e+4ei9iaione+: 3B+
e+trita+: de FML'
FETML tiene o3o o./eti0o a0an"ar en el 4ro-eto del W2C de lograr %na @e. +e3Bntia: donde
la in9or3ai,n: - la 9or3a de 4re+entarla e+t!n lara3ente +e4arada+' En e+te +entido: FETML
+er0ira Mnia3ente 4ara tran+3itir la in9or3ai,n =%e ontiene %n do%3ento: de/ando 4ara ?o/a+
de e+tilo - Ga0aSri4t +% a+4eto - 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+entai,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 enargado de 9or3%lar la e+4ei9iai,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+entai,n' La in9or3ai,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.eera
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+entai,n de %n +itio @e. o34leto: on lo =%e +e agili"a de 9or3a
on+idera.le la at%ali"ai,n del 3i+3o'
Lo+ na0egadore+ 4er3iten a lo+ %+%ario+ e+4ei9iar +% 4ro4ia ?o/a de e+tilo loal =%e +erB
a4liada a %n +itio @e. re3oto: on lo =%e a%3enta on+idera.le3ente la ae+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 Ga0aSri4t: /6%er- - AGAF
Ga0aSri4t e+ %n leng%a/e inter4retado %tili"ado 4rini4al3ente en 4Bgina+ @e.: on %na +inta$i+
+e3e/ante a la del leng%a/e Ga0a' Sin e3.argo: al ontrario =%e Ga0a: Ga0aSri4t no e+ %n leng%a/e
orientado a o./eto+ 4ro4ia3ente di?o: -a =%e no di+4one de ?erenia' 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%nionalidad'
Todo+ lo+ na0egadore+ inter4retan el ,digo Ga0aSri4t integrado dentro de la+ 4Bgina+ @e.' Para
interat%ar on %na 4Bgina @e. +e 4ro0ee al leng%a/e Ga0aSri4t de %na i34le3entai,n del DOM
KModelo de O./eto+ del Do%3entoL' Ga0aSri4t +e e/e%ta en el agente de %+%ario al 3i+3o tie34o
=%e la+ +entenia+ 0an de+argBndo+e /%nto on el ,digo ETML'
/6%er- e+ %na .i.liotea o 9ra3e@orQ de Ga0aSri4t =%e 4er3ite +i34li9iar la 3anera de
interat%ar on lo+ do%3ento+ ETML: 3ani4%lar el ar.ol DOM: 3ane/ar e0ento+: de+arrollar
ani3aione+ - agregar interai,n on la tenologa AGAF a 4Bgina+ @e.'
/6%er-: al ig%al =%e otra+ .i.liotea+: o9ree %na +erie de 9%nionalidade+ .a+ada+ en Ga0aSri4t =%e
de otra 3anera re=%eriran de 3%?o 3B+ ,digo: e+ deir: on la+ 9%nione+ 4ro4ia+ de e+ta
.i.liotea +e logran grande+ re+%ltado+ en 3eno+ tie34o - e+4aio'
AGAF: ar,ni3o de A+-n?rono%+ Ga0aSri4t And FML KGa0aSri4t a+nrono - FMLL: e+ %na
t!nia de de+arrollo @e. 4ara rear a4liaione+ interati0a+ o RIA KRi? Internet A44liation+L'
E+ta+ a4liaione+ +e e/e%tan en el liente: e+ deir: en el na0egador de lo+ %+%ario+ 3ientra+ +e
3antiene la o3%niai,n a+nrona on el +er0idor en +eg%ndo 4lano' De e+ta 9or3a e+ 4o+i.le
reali"ar a3.io+ +o.re la+ 4Bgina+ +in nee+idad de reargarla+: lo =%e +igni9ia a%3entar la
interati0idad: 0eloidad - %+a.ilidad en la+ a4liaione+'
5'&'* PEP
PEP e+ %n leng%a/e inter4retado de 4ro4,+ito general a34lia3ente %+ado: di+eAado e+4eial3ente
4ara de+arrollo @e. - =%e 4%ede +er inr%+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 4areido =%e 4o+ee PEP on lo+ leng%a/e+ 3B+ o3%ne+ de 4rogra3ai,n e+tr%t%rada:
o3o C - Perl: 4er3iten a la 3a-ora de lo+ 4rogra3adore+ rear a4liaione+ o34le/a+ on %na
%r0a de a4rendi"a/e 3%- orta' Ta3.i!n le+ 4er3ite in0ol%rar+e on a4liaione+ de ontenido
dinB3io +in tener =%e a4render todo %n n%e0o gr%4o de 9%nione+'
2>
A%n=%e todo en +% di+eAo e+tB orientado a 9ailitar la reai,n de 4Bgina @e.: e+ 4o+i.le rear
a4liaione+ on %na inter9a" grB9ia 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 ?aerlo[ a e+ta 0er+i,n de PEP +e la lla3a PEPJCLI KCo33and Line Inter9aeL'
C%ando el liente ?ae %na 4etii,n al +er0idor 4ara =%e le en0e %na 4Bgina @e.: el +er0idor e/e%ta
el int!r4rete de PEP' \+te 4roe+a el +ri4t +oliitado =%e generarB el ontenido de 3anera dinB3ia
K4or e/e34lo o.teniendo in9or3ai,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 generai,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+:
Orale: ODBC: DB1: Miro+o9t S6L Ser0er: #ire.ird - S6Lite'
PEP ta3.i!n tiene la a4aidad 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 interat%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+ tenologa+ de Miro+o9t ASP - ASP'NET: a Cold#%+ion de la
o34aAa Ado.e: a GSPNGa0a de S%n Miro+-+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 delarati0o
de ae+o a .a+e+ de dato+ relaionale+ =%e 4er3ite e+4ei9iar di0er+o+ ti4o+ de o4eraione+ +o.re
la+ 3i+3a+' Una de +%+ arater+tia+ e+ el 3ane/o del Blge.ra - el Bl%lo relaional 4er3itiendo
lan"ar on+%lta+ on el 9in de re%4erar de %na 9or3a +enilla in9or3ai,n de inter!+ de %na .a+e de
dato+: a+ o3o ta3.i!n ?aer 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+ relaional: 3%lti?ilo - 3%lti%+%ario on 3B+ de
+ei+ 3illone+ de in+talaione+' M-S6L AB de+arrolla M-S6L o3o +o9t@are li.re en %n e+=%e3a
de lienia3iento d%al' Por %n lado +e o9ree .a/o la GNU GPL 4ara %al=%ier %+o o34ati.le on
e+ta lienia: 4ero 4ara a=%ella+ e34re+a+ =%e =%ieran inor4orarlo en 4rod%to+ 4ri0ati0o+ de.en
o34rar a la e34re+a %na lienia e+4e9ia =%e le+ 4er3ita e+te %+o' E+tB de+arrollado en +%
3a-or 4arte en ANSI C'
M-S6L e+ 3%- %tili"ado en a4liaione+ @e. o3o MediaWiQi: A3a"on: ]a?oo: #liQr 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 a4liai,n @e. e+tB 3%- ligada a PEP'
5'&'; P?4M-Ad3in
P?4M-Ad3in e+ %na ?erra3ienta e+rita en PEP on la inteni,n de 3ane/ar la ad3ini+trai,n de
M-S6L a tra0!+ de 4Bgina+ @e.: %tili"ando Internet' At%al3ente 4%ede rear - eli3inar .a+e+ de
dato+: rear: eli3inar - alterar ta.la+: .orrar: editar - aAadir a34o+: e/e%tar %al=%ier +entenia
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 lienia GPL'
2&
5'&'C StarUML
StarUML e+ %n 4ro-eto de +o9t@are li.re =%e intenta ree34la"ar la+ ?erra3ienta+ de UML
o3eriale+ 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-eto' De.ido a +% inter9a" int%iti0a: +e
trata de %na ?erra3ienta 9Bil de 3ane/ar 4ara el %+%ario'
5'&'< Ado.e Drea3@ea0er
Ado.e Drea3@ea0er e+ %na a4liai,n en 9or3a de e+t%dio en9oada a la on+tr%i,n - edii,n de
+itio+ - a4liaione+ @e. .a+ado+ en e+tBndare+' E+ el 4rogra3a de e+te ti4o 3B+ %tili"ado en el
+etor del di+eAo - la 4rogra3ai,n @e.: 4or +%+ 9%nionalidade+: +% integrai,n on otra+
?erra3ienta+ o3o Ado.e #la+? -: reiente3ente: 4or +% +o4orte de lo+ e+tBndare+ del W2C' S%
4rini4al o34etidor e+ Miro+o9t E$4re++ion We. - tiene +o4orte tanto 4ara edii,n de i3Bgene+
o3o 4ara ani3ai,n a tra0!+ de +% integrai,n on otra+'
La+ 0er+ione+ originale+ de la a4liai,n +e %tili"a.an o3o +i34le+ editore+ W]SIW]G' Sin
e3.argo: 0er+ione+ 3B+ reiente+ +o4ortan otra+ tenologa+ @e. o3o CSS: Ga0aSri4t - alg%no+
9ra3e@orQ+ del lado +er0idor' E+ta a4liai,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
arater+tia+ - 9%nione+ 4ro9e+ionale+ on %n di+eAo +i34le: 3%- laro - 9Bil de %+ar: a 9in de
o9reer %n 3!todo e9eti0o 4ara ge+tionar %na .a+e de dato+' Per3ite ad3ini+trar la .a+e de dato+:
di+eAar ta.la+: ?aer 4etiione+ S6L 3an%ale+: ingeniera in0er+a en M-S6L: Orale: MSS6L -
otra+ .a+e+ de dato+ ODBC: 3odelo+ FML - +o4orte 4ara la 9%ni,n dragJandJdro4'
;.# Descri)cin (e& )royecto
La+ 4Bgina+ We. =%e o34onen la a4liai,n e+tBn i34le3entada+ +ig%iendo %na e+trategia .a+ada
en ontenido+: e+ deir: la+ 4Bgina+ We. +e e+tr%t%ran en "ona+ Kdi0+L donde ada %na e+
re+4on+a.le de 4ro4orionar ierta in9or3ai,n +o.re %n ontenido en onreto'
A ontin%ai,n 0a a 4roeder+e a ?aer %na de+ri4i,n del 4ro-eto +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$4liar +% e+tr%t%ra: -a =%e el nM3ero de "ona+ o di0+ e+ +ie34re el 3i+3o'
5'1'& Ca4a de 4re+entai,n
A ontin%ai,n +e 3%e+tra el ontenido de %no de lo+ 9i?ero+ =%e on9or3an la a4a de
4re+entai,n' Para 4oder e$4liarlo 3e/or: ?e di0idido el 9i?ero - ?e aAadido %n .re0e te$to
e$4liati0o ante+ de ada %na de la+ 4arte+ en la+ =%e ?a +ido di0idido'
En la a.eera del do%3ento: +e Ti34ortanU el 9i?ero CSS =%e de9ine el e+tilo de la 4Bgina - el
+ri4t Ga0aSri4t =%e no+ 4er3itirB ?aer la 4re+entai,n de la @e. 3B+ dina3ia - 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 a4liai,n' La 4ri3era en aAadir+e e+ la "ona orre+4ondiente al logo del
olegio: o34%e+ta Mnia3ente 4or %na i3agen =%e +ir0e de enlae a la 4Bgina de iniio'
<=#+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
Mnia3ente 4or %na li+ta no n%3erada de enlae+ a la+ di+tinta+ 4Bgina+ =%e on9or3an la 4arte
4M.lia de la a4liai,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%",I6#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%tentiai,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 0alidai,n' Si lo+ dato+ de
ae+o +on orreto+ +e redirige a la 4Bgina de iniio del %+%ario regi+trado: +i no: +e redirige a e+ta
4Bgina 4a+ando o3o 4arB3etro la 0aria.le error' En 9%ni,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%ai,n del .ot,n TEn0iarU'
22
Si en l%gar de en la 4arte 4M.lia no+ enontrara3o+ en la 4arte 4ri0ada de la a4liai,n: lo =%e +e
0era en e+ta "ona +era el no3.re de %+%ario del %+%ario onetado - %n enlae 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/-"Etrar" /,
<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+3C614t"#CIJ
:L1/r3CM6#rm !%aMI.6a+/ICI5
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+ enontra3o+ en la 4Bgina de iniio de la 4arte 4M.lia de la a4liai,n: +,lo +e 0i+%ali"a %na
i3agen - alg%no+ dato+ de ontato 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#Itr#",
<=,D"r/44"?#a41t/5&</=,<=r,
C/ O#!?/a41t/5 @l/(r/ )1="#P Q 11<=r,<=r,
<=,L#4al"+a+&</=,<=r,
RA173 LSEl"aaP 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 ?aer la 4re+entai,n de la in9or3ai,n 3B+ dinB3ia'

<!4r"%t t3%/-"t/*t/:a2a!4r"%t",
:L1/r3C+#41m/tI.r/a+3C614t"#CIJ
2ar 6#rm - :L1/r3C"./*%#!/"I.="+C"4l"48 8/3+#'"P 614t"#CI J
:L1/r3Cth"!I./*%#!/CJ
#L#a+& 614t"#CI J
6#rm.4!!CJ=a48(r#1+C#l#r& MX//////MKI5
KP
#Cl#!/& 614t"#CI J
6#rm.4!!CJ=a48(r#1+C#l#r& 1llKI5
K
KI5
KI5
:L1/r3CMX""4"#MI.6a+/ICI5
KI5
</!4r"%t,

</=#+3,
</html,
25
5'1'1 Ca4a de negoio o l,gia de la a4liai,n
A ontin%ai,n +e 3%e+tra el ontenido de %no de lo+ 9i?ero+ =%e on9or3an la a4a de negoio'
Para 4oder e$4liarlo 3e/or: de la 3i+3a 3anera =%e 4ara la a4a de 4re+entai,n: ?e di0idido el
9i?ero - ?e aAadido %n .re0e te$to e$4liati0o 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 4rini4io ig%ale+ a > o a TUL'
%1=l"4 614t"# 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.leen el 0alor de lo+ atri.%to+'
%1=l"4 614t"# (/tI+/t"6"4a+#rCIJ
r/t1r Dth"!-,"+5
K
%1=l"4 614t"# (/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
K
%1=l"4 614t"# (/tL#("CIJ
r/t1r Dth"!-,l#("5
K
%1=l"4 614t"# !/tL#("CD1/2#L#("IJ
Dth"!-,l#(" - D1/2#L#("5
K
%1=l"4 614t"# (/tCla2/CIJ
r/t1r Dth"!-,4la2/5
K

%1=l"4 614t"# !/tCla2/ CD1/2aCla2/IJ
Dth"!-,4la2/ - D1/2aCla2/5
K
%1=l"4 614t"# (/t$#m=r/CIJ
r/t1r Dth"!-,#m=r/5
K
%1=l"4 614t"# !/t$#m=r/ CD1/2#$#m=r/IJ
Dth"!-,#m=r/ - D1/2#$#m=r/5
K
%1=l"4 614t"# (/t@%/ll"+#!CIJ
r/t1r Dth"!-,a%/ll"+#!5
K
%1=l"4 614t"# !/t@%/ll"+#! CD1/2#!@%/ll"+#!IJ
Dth"!-,a%/ll"+#! - D1/2#!@%/ll"+#!5
K
%1=l"4 614t"# (/tI+$"2/lCIJ
r/t1r Dth"!-,"+E"2/l5
K
%1=l"4 614t"# !/tI+$"2/l CD1/2#I+$"2/lIJ
Dth"!-,"+E"2/l - D1/2#I+$"2/l5
K

Se i34le3enta el 3!todo leer: =%e dado %n identi9iador: 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 identi9iador'
2;
%1=l"4 614t"# 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 rei.ieron la+ a+ignaione+ a tra0!+ de lla3ada+ a 3!todo+ +et'

%1=l"4 614t"# "!/rtarCIJ
D=+ - /' @1*BDCI5
D=+-,4#/4tarCI5
D!0l - "I!/rt It# 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 3odi9iar: =%e 3odi9ia en la .a+e de dato+ la in9or3ai,n de %n al%3no'
Se +%4one =%e -a +e ?a ?e?o %+o del 3!todo leer 4ara re%4erar la in9or3ai,n de %n al%3no - de
lo+ 3!todo+ +et 4ara e+ta.leer lo+ n%e0o+ 0alore+ de lo+ atri.%to+'
%1=l"4 614t"# 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 identi9iador: eli3inar de la .a+e de dato+ el
al%3no on e+e identi9iador'
%1=l"4 614t"# /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 614t"# 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+tenia o de dato+
A ontin%ai,n +e 3%e+tran la+ di+tinta+ ta.la+ K9ig%ra &2L =%e on9or3an la .a+e de dato+ de la
a4liai,nO
Fi3ura 1*. Ta&as (e &a ase (e (atos
Co3o +e a4reia 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+tenia: ?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 Al3aena el identi9iar de %n al%3no' E+ la la0e 4ri3aria'
J &o3inO Al3aena el no3.re de %+%ario de %n al%3no'
J c&a"eO Al3aena la ontra+eAa de %n al%3no'
J no'reO Al3aena el no3.re de %n al%3no'
J a)e&&i(osO Al3aena lo+ a4ellido+ de %n al%3no'
J i(Dni"e&O Al3aena el identi9iador del ni0el al =%e 4ertenee %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%ai,n - 4r%e.a+ onl%-e el ilo de 0ida de n%e+tro 4ro-eto - lo 4re4ara 4ara
+%.irlo al +er0idor - =%e +e e/e%te' E+ta 9a+e 3ide el ni0el de alidad =%e o9ree al %+%ario la
a4liai,n reada' La+ ?erra3ienta+ =%e 0a3o+ a %+ar 4ara reali"ar e+ta+ 4r%e.a+ +on grat%ita+ - la+
4ode3o+ enontrar online en la+ direione+ ?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 a4liai,n: +e ?a reali"ado %na
4r%e.a de 0alidai,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 deir =%e la ?o/a de e+tilo ?a 4a+ado la
0alidai,n a 3edia+: -a =%e ?a- do+ 4ro4iedade+ =%e el W2C no reonoe KJ3o"J.orderJradi%+ -
J@e.QitJ.orderJradi%+L 4ero =%e +on nee+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 TVeri9iador de 0n%lo+U del 4rogra3a Ado.e
Drea3@ea0er' Di?o +o9t@are 0eri9ia +i ?a- enlae+ roto+ Kenlae+ inorreto+ 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+4ei9iai,n de re=%i+ito+ e+ta.lei3o+ =%e 4ara %na orreta 0i+%ali"ai,n de
la a4liai,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 a4areen en la 4o+ii,n ade%ada'
<.; Ea&i(acin (e na"e3a(ores
E+ i34ortante de ara al %+%ario =%e la a4liai,n +e 0i+%ali"e .ien en todo+ lo+ na0egadore+ @e.: o
al 3eno+: en lo+ 3B+ 4o4%lare+' La a4liai,n ?a +ido i34le3entada - 4ro.ada on !$ito en
Miro+o9t Internet E$4lorer K5;'>CR de %ota de 3eradoL: #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 nee+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+trai,n de la a4liai,n @e.: el %+%ario de.erB aeder a tra0!+ del
di0 +it%ado en el +etor in9erior i"=%ierdo de la 4Bgina +eleionando el ti4o de %+%ario
Ad3ini+trador e introd%iendo %n no3.re de %+%ario - ontra+eAa orreto+' Lo+ dato+ +on
en0iado+ al 9or3%lario de 0alidaion T0alidaionU+%ario'4?4U =%e redirige a la 4Bgina de iniio de
la 4arte e+4e9ia del ad3ini+trador +i lo+ dato+ +on orreto+ o de0%el0e %n 3en+a/e de error +i
+%ede alg%na de la+ +ig%iente+ +it%aione+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 loginJontra+eAa no e$i+te en la .a+e de dato+'
*5
=. CONCLU/IN
A ontin%ai,n ?ar! %n re+%3en del tra.a/o reali"ado' El 4ri3er 4a+o =%e to3! 9%e e+ta.leer lo+
re=%i+ito+ =%e de.a %34lir el +i+te3a re%ni!ndo3e on la diretora 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
i34le3entai,n' Co3o e+og %tili"ar la ar=%itet%ra de tre+ a4a+: el di+eAo de la+ di+tinta+ a4a+
=%e on9or3an la a4liai,n 9%e el +ig%iente 4a+o' A ontin%ai,n: lle0! a a.o la eta4a a la =%e
3B+ tie34o dedi=%!: la i34le3entai,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$i3ai,n de la ?o/a de e+tilo+L: la de la i34le3entai,n
de la intranet del ad3ini+trador: la de la i34le3entai,n de la intranet del %+%ario al%3noN4adre - la
de la i34le3entai,n de la intranet del %+%ario 4ro9e+or' Por Mlti3o - 4ara o34ro.ar el orreto
9%niona3iento de todo el +i+te3a: lle0! a a.o la+ 4r%e.a+ de la a4liai,n'
=.1 Ea&i(acin )ersona& (e& traa!o rea&i2a(o
D%rante la reali"ai,n del 4ro-eto ?e 4odido o34ro.ar lo Mtile+ =%e +on lo+ onoi3iento+
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+ - Progra3ai,n'
Con+idero =%e e+te 4ro-eto 3e ?a a4ortado %na 0i+i,n 4ro9e+ional del 4rogra3ador @e.: -a
=%e ?e tenido =%e tratar direta3ente 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+taar =%e: 4or tratar+e de %n 4rototi4o: la 9%nionalidad de la a4liai,n @e. 4%ede no +er
o34leta' M%?a+ 3e/ora+ - a34liaione+: o3o la+ =%e +e itan en el +ig%iente 4%nto: =%edan
9%era del alane de e+te 4ro-eto 4or +% d%rai,n - e$ten+i,n' Sin e3.argo: la+ 9%nione+ de+rita+
en la e+4ei9iai,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+9atoria3ente'
=.# Posi&es a')&iaciones
A ontin%ai,n +e li+tan %na +erie de a34liaione+ =%e 4%dieran i34le3entar+e +o.re el 4rototi4oO
J Ge+ti,n de la .i.liotea'
J Ta.l,n de an%nio+ - +ei,n de notiia+'
J Calendario de e$B3ene+ - e$%r+ione+'
J Eaer +eg%ra la tran+3i+i,n de dato+ +en+i.le+ de la a4liai,n o3o 4%edan +er la+ ontra+ena+:
3ediante t!nia+ de enri4tai,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 &ire
@@@'@iQi4edia'org
J P:P <. Curso )ro+esiona& (e )ro3ra'acin
Edgar DAndrea
Ediione+ In9orBooQ+
J Una 3u7a )ara &a rea&i2acin y su)er"isin (e PFC en e& -'ito (e &a Ke
#el$ B%enda Gara
Editorial Uni0er+idad Polit!nia de Valenia
- Hu7a (e& IEEE )ara &a es)eci+icacin (e re,ueri'ientos so+t1are
ANSINIEEE Std' C2> P &<C*
*;