scieee Science in your language
[Es] (orig)

Portal web dedicado a la difusión de la figura de Luis Sánchez Polack “TIP”

Abstract

[ES] En este proyecto se aborda la creación de un portal web, ofreciendo al usuario acceso a una serie de recursos multimedia relacionados con la figura de Luis Sánchez Polack “TIP”, tales como textos, imágenes, audios, vídeos, etcétera.

Read accessible full text

Portal web dedicado a la difusión de la figura de Luis Sánchez Polack “TIP”

Author: Saiz García, Francisco Javier
Publisher: Universitat Politècnica de València
Year: 2016
Source: https://riunet.upv.es/bitstream/10251/67892/1/SAIZ-Portal%20web.pdf
Escuela Técnica Supe io de Ingenie ía In o má ica
Uni e si a Poli ècnica de València
Po al web dedicado a la di usión
de la igu a de Luis Sánchez Polack
“TIP”
P oyec o Final de Ca e a
Ingenie ía In o má ica
Au o : F ancisco Ja ie Saiz Ga cía
Di ec o : Juan Vicen e Ol a
Cu so 2015 - 2016
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
2
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
3
Resumen
En es e p oyec o se abo da la c eación de un po al web, o eciendo al usua io acceso a
una se ie de ecu sos mul imedia elacionados con la igu a de Luis Sánchez Polack
“TIP”, ales como ex os, imágenes, audios, ídeos, e cé e a.
Palab as cla e: web, TIP, di ulgación
Resum
En es e p ojec e s'abo da la c eació d'un po al web, o e in a l'usua i accés a una sè ie
de ecu sos mul imèdia elaciona s amb la igu a de Luis Sánchez Polack "TIP", com
a a ex os, ima ges, àudios, ídeos, e cè e a.
Pa aules clau: web, TIP, di ulgació
Abs ac
In his p ojec he e is ackled he c ea ion o a web po al, o e ing use s access o a
ange o mul imedia esou ces ela ed o he igu e o Luis Sánchez Polack "TIP", such
as ex s, images, audios, ideos, e c.
Keywo ds: web, TIP, di ulga ion
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
4
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
5
Índice
1. Obje o y obje i os ..................................................................................................... 13
2. In oducción ............................................................................................................. 14
2.1. Desc ipción del p oyec o ...................................................................................... 14
2.2. Es uc u a del documen o ..................................................................................... 16
3. An eceden es ............................................................................................................. 18
3.1. Web sob e Tip de Juan Vicen e Ol a .................................................................... 19
3.2. Especial “10 años sin Tip” en el a chi o de RTVE ................................................ 20
3.3. Página de Luis Sánchez Polack en Wikipedia ........................................................ 21
3.4. Recopilación de discog a ía y bibliog a ía de Tip en el blog de An onio Tausie ...... 21
3.5. Ficha de Luis Sánchez Polack en IMDB ............................................................... 22
4. Análisis .................................................................................................................... 23
4.1. Especi icación de equisi os ................................................................................ 23
4.2. Diag ama de casos de uso ................................................................................... 25
5. Diseño ...................................................................................................................... 26
5.1. In e az g á ica ................................................................................................... 26
5.1.1. Sección página p incipal .................................................................................. 28
5.1.2. Sección biog a ía ............................................................................................ 29
5.1.3. Sección mul imedia ......................................................................................... 30
5.1.4. Sección ex o ................................................................................................... 31
5.1.5. Sección documen o ......................................................................................... 32
5.1.6. Sección imagen............................................................................................... 33
5.1.7. Sección audio ................................................................................................. 34

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
6
5.1.8. Sección ídeo ................................................................................................. 35
5.1.9. Sección heme o eca ........................................................................................ 36
5.1.10. Sección obi ua io ............................................................................................. 37
5.1.11. Sección a ículo .............................................................................................. 38
5.1.12. Sección con ac o ............................................................................................. 39
5.2. Mapa de na egación ........................................................................................... 40
6. Implemen ación ........................................................................................................ 41
6.1. Al e na i as de desa ollo ..................................................................................... 41
6.1.1. CMS .............................................................................................................. 42
6.1.1.1. Wo dP ess .................................................................................................. 43
6.1.1.2. Joomla ........................................................................................................ 44
6.1.1.3. D upal ........................................................................................................ 45
6.1.2. HTML + CSS + Ja aSc ip .............................................................................. 46
6.2. Solución elegida ..................................................................................................47
6.2.1. ¿CMS o HTML? ..............................................................................................47
6.2.2. Compa ación en e CMS y HTML ....................................................................47
6.2.3. Conclusiones y decisión omada ...................................................................... 49
6.3. Tecnologías u ilizadas ......................................................................................... 50
6.3.1. HTML5 .......................................................................................................... 50
6.3.2. CSS3 ............................................................................................................. 52
6.3.3. Ja aSc ip ....................................................................................................... 54
6.4. He amien as so wa e empleadas ........................................................................ 56
6.4.1. Tex o ............................................................................................................. 56
6.4.1.1. No epad ++ .................................................................................................. 57
6.4.1.2. Mic oso Wo d .......................................................................................... 58
6.4.1.3. Adobe Reade ............................................................................................. 58
6.4.2. Imagen ........................................................................................................... 59
6.4.2.1. Gimp .......................................................................................................... 59
6.4.2.2. Pain ........................................................................................................... 60
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
7
6.4.3. Audio y ídeo .................................................................................................. 61
6.4.3.1. aTube Ca che .............................................................................................. 61
6.4.3.2. Mi o Video Con e e ................................................................................. 62
6.4.3.3. Online Video Con e e ............................................................................... 63
6.4.3.4. Online Con e ........................................................................................... 63
6.4.3.5. Audaci y ..................................................................................................... 64
6.4.3.6. A idemux ................................................................................................... 65
6.4.3.7. Vi ualDub ................................................................................................. 65
6.4.3.8. VLC Media Playe ...................................................................................... 66
6.4.4. Na egado es web .............................................................................................67
6.4.4.1. In e ne Explo e ..........................................................................................67
6.4.4.2. Mozilla Fi e ox ........................................................................................... 68
6.4.4.3. Google Ch ome ........................................................................................... 68
7. P uebas y alidaciones ............................................................................................. 69
7.1. Validación de HTML5 ........................................................................................ 69
7.2. Validación de CSS3 ............................................................................................ 70
7.3. Compa ibilidad con na egado es web ................................................................... 71
7.3.1. Compa ibilidad con In e ne Explo e ................................................................ 73
7.3.2. Compa ibilidad con Mozilla Fi e ox ..................................................................74
7.3.3. Compa ibilidad con Google Ch ome .................................................................76
7.3.4. Resul ados de la p ueba de na egado es ............................................................ 77
7.4. Compa ibilidad con di e en es esoluciones de pan alla ......................................... 78
7.4.1. Resolución 1366 x 768 .................................................................................... 78
7.4.2. Resolución 1280 x 768 .....................................................................................79
7.4.3. Resolución 1024 x 768 .....................................................................................79
7.4.4. Resolución 800 x 600 ...................................................................................... 80
7.4.5. Resul ados de la p ueba de esoluciones ........................................................... 80
8. Resul ados y conclusiones ......................................................................................... 81
9. Bibliog a ía y e e encias ......................................................................................... 83
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
8
9.1. Páginas web ....................................................................................................... 83
9.2. Recu sos de audio ............................................................................................... 85
9.3. Recu sos de ídeo ............................................................................................... 85
9.4. Recu sos de a ículos de p ensa ........................................................................... 85
10. Anexos .................................................................................................................. 86
10.1. Anexo A. P opiedad in elec ual ........................................................................ 86
10.1.1. Ma co legisla i o ac ual .................................................................................. 86
10.1.2. De echos de au o ........................................................................................... 89
10.1.2.1. De echos mo ales ........................................................................................ 89
10.1.2.2. De echos de explo ación .............................................................................. 90
10.1.2.3. Lími es y excepciones .................................................................................. 91
10.2. Anexo B. Manual de usua io ............................................................................ 93
10.2.1. Página de inicio .............................................................................................. 93
10.2.2. Biog a ía ........................................................................................................ 94
10.2.3. Mul imedia ..................................................................................................... 95
10.2.3.1. Tex o .......................................................................................................... 96
10.2.3.2. Imagen ........................................................................................................97
10.2.3.3. Audio ......................................................................................................... 98
10.2.3.4. Vídeo ......................................................................................................... 99
10.2.4. Heme o eca .................................................................................................. 100
10.2.5. Con ac o ........................................................................................................ 102
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
9
Índice de Figu as
Figu a 1. Web sob e Tip de Juan Vicen e Ol a - Página de inicio. ......................................... 19
Figu a 2. Web sob e Tip de Juan Vicen e Ol a - Mapa de na egación. ................................. 20
Figu a 3. Especial “10 años sin Tip” en el a chi o de RTVE. ............................................... 20
Figu a 4. Página de Luis Sánchez Polack en Wikipedia. ........................................................ 21
Figu a 5. Recopilación de discog a ía y bibliog a ía de Tip en el blog de An onio Tausie . ...... 21
Figu a 6. Ficha de Luis Sánchez Polack en IMDB. .............................................................. 22
Figu a 7. Diag ama de casos de uso. ................................................................................... 25
Figu a 8. Boce o in e az g á ica. ....................................................................................... 26
Figu a 9. Boce o menú. ....................................................................................................... 27
Figu a 10. Boce o copy igh . ............................................................................................... 27
Figu a 11. Boce o sección página p incipal. ........................................................................ 28
Figu a 12. Boce o sección biog a ía. ................................................................................... 29
Figu a 13. Boce o sección mul imedia. ............................................................................... 30
Figu a 14. Boce o sección ex o. .......................................................................................... 31
Figu a 15. Boce o sección documen o. ................................................................................ 32
Figu a 16. Boce o sección imagen. ..................................................................................... 33
Figu a 17. Boce o sección audio. ........................................................................................ 34
Figu a 18. Boce o sección ídeo. ........................................................................................ 35
Figu a 19. Boce o sección heme o eca. ............................................................................... 36
Figu a 20. Boce o sección obi ua io. .................................................................................... 37
Figu a 21. Boce o sección a ículo. ..................................................................................... 38
Figu a 22. Boce o sección con ac o. .................................................................................... 39
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
16
2.2. Es uc u a del documen o
Ob iamen e, odo lo expues o has a aho a iene acompañado de la p esen e memo ia
del p oyec o que ecoge odas las ases del mismo, desde las a eas iniciales de consul a
y búsqueda de in o mación, pasando po e apas de análisis y diseño, has a alcanza su
conclusión y pos e io en ega.
Es e documen o p esen a los siguien es capí ulos:
 Obje o y obje i os
P opues a del p oyec o, donde se de inen las mo i aciones que conducen a su
ealización y los obje i os ma cados “a p io i” como necesa ios pa a pode da se
po inalizado.
 In oducción
B e e desc ipción del p oyec o, e ec uada de mane a bas an e some a y sin
en a en demasiados de alles, ema cando lige os ma ices que pe mi an hace se
una idea de lo que se a a ob ene como esul ado.
 An eceden es
Búsqueda de páginas web o po ales simila es ya exis en es sob e Luis Sánchez
Polack “Tip”, o que hagan algún ipo de mención a él, que puedan se i como
pun o de pa ida inicial.
 Análisis
Es e apa ado comp ende la especi icación de odos los equisi os que debe
cumpli el p oduc o a desa olla , así como la ep esen ación del sis ema
median e diag amas de casos de uso.
 Diseño
Sección dedicada a mos a la apa iencia de las dis in as pan allas del po al a
a és de dis in os boce os de la in e az g á ica y a es ablece el lujo de
na egación que se p oduce du an e su ejecución.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
17
 Implemen ación
Exposición de di e en es al e na i as pa a desa olla el po al, a gumen ando
po qué se elige una solución y no o a, enume ando las ecnologías u ilizadas y
mencionando las he amien as so wa e empleadas, esal ando, además, aquellos
de alles asociados al código uen e que se conside en de especial in e és, aunque
sin de ene se en exceso y e i ando ex alimi a se.
 P uebas y alidaciones
Conjun o de p uebas que se e ec úan pa a comp oba el co ec o uncionamien o
del sis ema an e dis in as si uaciones, así como la alidación de de e minados
es ánda es web.
 Resul ados y conclusiones
Valo ación y comen a io inal del abajo en egado, con emplando la inclusión
de una lis a de posibles ampliaciones o mejo as pendien es a ealiza en un
u u o.
 Bibliog a ía y e e encias
Fuen es de in o mación consul adas pa a la ealización del p oyec o, ya sean
lib os, apun es o páginas web, usadas an o pa a la edacción de la memo ia
como pa a la adquisición de ecu sos mul imedia que se hayan inco po ado al
po al.
 Anexos
Espacio ese ado pa a oda aquella in o mación que complemen a a algunos de
los pun os expues os en o os capí ulos y que, undamen almen e, po su
ex ensión, se ha p e e ido deja al inal de la memo ia.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
18
3. An eceden es
An es de comenza con el desa ollo de cualquie abajo, independien emen e del
ámbi o en que se enma que, es impo an e localiza ma e ial exis en e sob e el ema a
a a .
En el caso que nos ocupa, Luis Sánchez Polack “Tip” goza oda ía de g an ama en e
el público y mucha gen e gua da un g a o ecue do de sus ac uaciones, apa iciones en
ele isión, in e enciones en p og amas de adio, e cé e a.
Po eso, a la ho a de busca en In e ne se encuen a abundan e in o mación ace ca de
él, aunque, ambién es e dad, que la mayo ía de lo hallado se educe a a ículos de
p ensa en heme o ecas de pe iódicos en su edición digi al o publicaciones elacionadas
con su allecimien o.
Sin emba go, en lo que espec a a po ales web, páginas o blogs que dediquen
o almen e su espacio, o bien, solo alguna sección a Tip, an o en su e ien e pe sonal
como p o esional, no son ya an ecuen es.
A con inuación, se an a menciona únicamen e aquellos si ios web que, po di e sos
mo i os, como, po ejemplo, la a iedad de da os p esen ados, se hayan conside ado
más ele an es o de especial in e és, indicando cla amen e, en e co che es, la uen e de
donde se ha ex aído. Pos e io men e, la di ección web o URL asociada, se á
con enien emen e e e enciada en el apa ado de bibliog a ía de la p esen e memo ia.
En p ime luga , p e io paso a una exposición algo más de allada y de mane a
indi idual de cada uen e, se a a ealiza un lis ado gene al de odas ellas.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
19
Debido a la can idad de con enido que mues a y al ca iño con que se no a que ha sido
elabo ada, es p eciso des aca , po encima del es o, la web sob e Tip de Juan Vicen e
Ol a. Además, que como ya se ha comen ado an e io men e, se a a oma como base,
mejo ando aquellos aspec os que se conside en opo unos, pa a implemen a el po al
web que se p e ende consegui como esul ado al inaliza es e p oyec o.
Po o a pa e, en e los es an es si ios consul ados se encuen an:
 Especial “10 años sin Tip” en el a chi o de RTVE.
 Página de Luis Sánchez Polack en Wikipedia.
 Recopilación de discog a ía y bibliog a ía de Tip en el blog de An onio Tausie .
 Ficha de Luis Sánchez Polack en IMDB.
3.1. Web sob e Tip de Juan Vicen e Ol a
C eada po el p o eso Juan Vicen e Ol a y sin ningún ipo de in e és come cial, al y
como se indica en la p opia página de inicio [1]:
Figu a 1. Web sob e Tip de Juan Vicen e Ol a - Página de inicio.
Fuen e: Cap u a de pan alla.
A a és de ella, se puede accede a o as secciones, como biog a ía, ex os de Luis
Sánchez Polack en soli a io, en coau o ía con Joaquín Po illo “Top” o jun o a José Luis
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
20
Coll, incluyendo una úl ima página a modo de obi ua io, que ecoge una esquela y
dis in os a ículos de p ensa apa ecidos as su allecimien o:
Figu a 2. Web sob e Tip de Juan Vicen e Ol a - Mapa de na egación.
Fuen e: Elabo ación p opia.
3.2. Especial “10 años sin Tip” en el a chi o de RTVE
Con mo i o del décimo ani e sa io de su mue e, el a chi o de RTVE inco po a una
sección dedicada a Tip [2], donde se ecogen a ios ídeos con algunos de sus mejo es
momen os en ele isión:
Figu a 3. Especial “10 años sin Tip” en el a chi o de RTVE.
Fuen e: Cap u a de pan alla.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
21
3.3. Página de Luis Sánchez Polack en Wikipedia
A ículo en la Wikipedia [3] que esume su biog a ía, desde sus inicios como ac o ,
pasando po la o mación del dúo con José Luis Coll, has a llega a su allecimien o:
Figu a 4. Página de Luis Sánchez Polack en Wikipedia.
Fuen e: Cap u a de pan alla.
3.4. Recopilación de discog a ía y bibliog a ía de Tip en el blog de
An onio Tausie
En ada en el blog de An onio Tausie [4] que epasa los discos g abados po Tip, en
compañía de Joaquín Po illo “Top” o jun o a José Luis Coll, así como los lib os
publicados po y sob e él:
Figu a 5. Recopilación de discog a ía y bibliog a ía de Tip en el blog de An onio Tausie .
Fuen e: Cap u a de pan alla.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
22
3.5. Ficha de Luis Sánchez Polack en IMDB
IMDB es una base de da os online especializada en cine, bas an e conocida, donde
pueden consul a se di e sos da os, como, po ejemplo, el epa o de una de e minada
p oducción cinema og á ica. Si se ealiza una búsqueda de Luis Sánchez Polack, se
mues a su icha [5], que incluye un lis ado con odas aquellas películas y p og amas de
TV donde ha in e enido:
Figu a 6. Ficha de Luis Sánchez Polack en IMDB.
Fuen e: Cap u a de pan alla.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
23
4. Análisis
La e apa de análisis del p oyec o si e de base pa a enuncia los con enidos y
uncionalidades que a a p esen a el po al web, sin en a en de alles de diseño e
implemen ación, que se abo da án más adelan e.
4.1. Especi icación de equisi os
En p ime luga , se debe eco da que el p opósi o undamen al de es e p oyec o es
log a un po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “Tip”.
Dicho espacio con a á con una se ie de secciones donde se o ganiza á odo aquel
con enido que se desee pone a disposición del usua io.
Po o a pa e, cabe señala que se a a á de una página web sin ningún ánimo de luc o
y que cumpli á igu osamen e la ley de p opiedad in elec ual, p o egiendo, en odo
momen o, los de echos de su ob a (consul a más in o mación al espec o en el anexo
co espondien e).
El po al web se di idi á en a ias secciones cla amen e di e enciadas:
 Biog a ía
Á ea dedicada a p esen a in o mación sob e la ida pe sonal y p o esional de
Luis Sánchez Polack “Tip”.
 Mul imedia
A chi o de ecu sos audio isuales en dis in os o ma os ( ex o, imagen, audio y
ídeo).
 Heme o eca
Espacio ese ado a almacena a ículos y eco es de p ensa.
 Con ac o
Página que mues a los da os necesa ios pa a con ac a con los adminis ado es
del po al.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
24
Como p oduc o, la página web de Tip pod á se isualizada po cualquie pe sona que
enga acceso a In e ne , sin ningún ipo de limi ación o es icción de segu idad.
A los usua ios del po al se les o ece án las siguien es opciones:
 Consul a biog a ía
Lee la biog a ía de Tip, donde se de allan aspec os de su ida pe sonal y,
ambién, de su ayec o ia p o esional.
 Visualiza ex os
Accede al a chi o mul imedia pa a examina una selección de ex os
humo ís icos de di e en es épocas, esc i os únicamen e po Luis Sánchez Polack
“Tip”, jun o a Joaquín Po illo “Top” o en coau o ía con José Luis Coll,
incluyendo, además, a ios ela os ansc i os de sus in e enciones en
p og amas de adio.
 Visualiza gale ía de o os
Accede al a chi o mul imedia pa a con empla imágenes de dis in os momen os
de su ida.
 Rep oduci audios
Accede al a chi o mul imedia pa a escucha algunas canciones que in e p e ó a
lo la go de su ca e a.
 Rep oduci ídeos
Accede al a chi o mul imedia pa a e de e minados ske ches de sus
apa iciones en ele isión.
 Consul a eco es de p ensa
Accede a la heme o eca, donde exis en a ículos de p ensa, publicados en a ios
pe iódicos o e is as, y una sección, denominada obi ua io, con no icias
apa ecidas as su allecimien o.
 Mos a da os de con ac o
Pe mi i , a a és de la di ección de co eo elec ónico que se acili a, pone se en
con ac o con los adminis ado es del po al, pa a pode da su opinión o hace
llega ma e ial audio isual del que se disponga pa a que, en caso que se
conside e opo uno, inclui lo jun o al es o de ecu sos mul imedia.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
25
4.2. Diag ama de casos de uso
Una mane a de ep esen a g á icamen e los equisi os uncionales de un p oyec o
so wa e es median e el diag ama de casos de uso.
En ealidad, se a a de una he amien a que cap u a las acciones que un usua io puede
ealiza den o de un sis ema, pe o e i ando la je ga écnica, pa a que cualquie pe sona,
independien emen e de su ni el de conocimien o de p og amación, alcance a en ende
las in e acciones que se p oducen den o del mismo.
A con inuación, se mues a el diag ama de casos de uso del caso que nos ocupa:
Figu a 7. Diag ama de casos de uso.
Fuen e: Elabo ación p opia.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
32
5.1.5. Sección documen o
La in e az g á ica co espondien e a la página, que incluye la ansc ipción de alguno
de los ex os de Tip en pa icula , p esen a una es uc u a, cuya sección puede ap ecia se
en el esquema siguien e:
Figu a 15. Boce o sección documen o.
Fuen e: Elabo ación p opia.
De acue do con el boce o an e io , la página documen o cuen a con:
 Un í ulo, si uado en pa e supe io de la misma, que pe mi e iden i ica
cla amen e el documen o que se encuen a consul ando el usua io.
 Un bloque de ex o, donde se ep oduce el documen o en cues ión y que puede
con ene imágenes que ayuden a si ua la acción, o simplemen e se ecu e a
ellas pa a ilus a la página, aunque no es indispensable que apa ezcan.
 Un enlace, pues o bajo una línea de sepa ación, que di ige el lujo de na egación
hacia la página que ha sido isi ada inmedia amen e an es que la ac ual.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
33
5.1.6. Sección imagen
La in e az g á ica co espondien e a la página, que simula se una gale ía de o os,
p esen a una es uc u a, cuya sección puede ap ecia se en el esquema siguien e:
Figu a 16. Boce o sección imagen.
Fuen e: Elabo ación p opia.
Según el boce o an e io , en la página imagen se enume an una se ie de elemen os, ales
como:
 Un í ulo de sección, si uado en pa e supe io de la misma, que pe mi e
iden i ica cla amen e el pun o donde se encuen a el usua io.
 Un ca usel de imágenes, ubicado jus o a con inuación, que isualiza una o o u
o a, dependiendo de si se pulsa sob e la lecha an e io o siguien e. Asociado a
es o, exis e un pequeño ca el con la desc ipción de cada imagen, que a ía en
unción de la o o que se mues e en pan alla.
 Un enlace, pues o bajo una línea de sepa ación, que di ige el lujo de na egación
hacia la página que ha sido isi ada inmedia amen e an es que la ac ual.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
34
5.1.7. Sección audio
La in e az g á ica co espondien e a la página, que si e como índice de los audios,
p esen a una es uc u a, cuya sección puede ap ecia se en el esquema siguien e:
Figu a 17. Boce o sección audio.
Fuen e: Elabo ación p opia.
De acue do con el boce o an e io , la página audio cuen a con:
 Un í ulo de sección, si uado en pa e supe io de la misma, que pe mi e
iden i ica cla amen e el pun o donde se encuen a el usua io.
 Una o o de po ada, ubicada jus o a con inuación, que p e ende es ablece
algún nexo o elación con la in o mación que se mues a.
 Un lis ado de audios, donde se especi ica su con enido de o ma b e e. Dichas
pis as de sonido pueden se ep oducidas di ec amen e desde la misma página, si
así se desea, sin necesidad de u iliza ningún p og ama ex e no.
 Un enlace, pues o bajo una línea de sepa ación, que di ige el lujo de na egación
hacia la página que ha sido isi ada inmedia amen e an es que la ac ual.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
35
5.1.8. Sección ídeo
La in e az g á ica co espondien e a la página, que si e como índice de los ídeos,
p esen a una es uc u a, cuya sección puede ap ecia se en el esquema siguien e:
Figu a 18. Boce o sección ídeo.
Fuen e: Elabo ación p opia.
Según el boce o an e io , en la página ídeo se enume an una se ie de elemen os, ales
como:
 Un í ulo de sección, si uado en pa e supe io de la misma, que pe mi e
iden i ica cla amen e el pun o donde se encuen a el usua io.
 Una o o de po ada, ubicada jus o a con inuación, que p e ende es ablece
algún nexo o elación con la in o mación que se mues a.
 Un lis ado de ídeos, donde se especi ica su con enido de o ma b e e. Dichas
g abaciones pueden se ep oducidas di ec amen e desde la misma página, si así
se desea, sin necesidad de u iliza ningún p og ama ex e no.
 Un enlace, pues o bajo una línea de sepa ación, que di ige el lujo de na egación
hacia la página que ha sido isi ada inmedia amen e an es que la ac ual.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
36
5.1.9. Sección heme o eca
La in e az g á ica co espondien e a la página, que con iene la heme o eca, p esen a
una es uc u a, cuya sección puede ap ecia se en el esquema siguien e:
Figu a 19. Boce o sección heme o eca.
Fuen e: Elabo ación p opia.
De acue do con el boce o an e io , la página heme o eca cuen a con:
 Un í ulo de sección, si uado en pa e supe io de la misma, que pe mi e
iden i ica cla amen e el pun o donde se encuen a el usua io.
 Una o o de po ada, ubicada jus o a con inuación, que p e ende es ablece
algún nexo o elación con la in o mación que se mues a.
 Un lis ado de a ículos, donde se especi ica su con enido de o ma b e e.
Dichos documen os, gene almen e, se p esen an en o ma o PDF, ya que se han
ob enido como esul ado del escaneo de di e sos pe iódicos o e is as.
 Un icono colocado en un espacio cen ado y bien localizado, pensado pa a
accede ácilmen e al apa ado de obi ua io.
 Un enlace, pues o bajo una línea de sepa ación, que di ige el lujo de na egación
hacia la página que ha sido isi ada inmedia amen e an es que la ac ual.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
37
5.1.10. Sección obi ua io
La in e az g á ica co espondien e a la página, que incluye una esquela y un conjun o
de a ículos publicados as su allecimien o, p esen a una es uc u a, cuya sección
puede ap ecia se en el esquema siguien e:
Figu a 20. Boce o sección obi ua io.
Fuen e: Elabo ación p opia.
Según el boce o an e io , en la página obi ua io se enume an una se ie de elemen os,
ales como:
 Un í ulo de sección, si uado en pa e supe io de la misma, que pe mi e
iden i ica cla amen e el pun o donde se encuen a el usua io.
 Una esquela, ubicada jus o a con inuación.
 Un lis ado de a ículos, donde se especi ica su í ulo, au o , echa y medio de
publicación.
 Un enlace, pues o bajo una línea de sepa ación, que di ige el lujo de na egación
hacia la página que ha sido isi ada inmedia amen e an es que la ac ual.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
38
5.1.11. Sección a ículo
La in e az g á ica co espondien e a la página, que incluye la ansc ipción de algún
a ículo de p ensa en pa icula , p esen a una es uc u a, cuya sección puede ap ecia se
en el esquema siguien e:
Figu a 21. Boce o sección a ículo.
Fuen e: Elabo ación p opia.
De acue do con el boce o an e io , la página a ículo cuen a con:
 Un í ulo, acompañado po el nomb e del au o que lo ha esc i o, además del
medio de comunicación y su echa de publicación, que pe mi e iden i ica
cla amen e el a ículo que se encuen a consul ando el usua io.
 Un bloque de ex o, donde se ep oduce el a ículo de p ensa en cues ión.
 Un enlace, pues o bajo una línea de sepa ación, que di ige el lujo de na egación
hacia la página que ha sido isi ada inmedia amen e an es que la ac ual.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
39
5.1.12. Sección con ac o
La in e az g á ica co espondien e a la página de con ac o p esen a una es uc u a, cuya
sección puede ap ecia se en el esquema siguien e:
Figu a 22. Boce o sección con ac o.
Fuen e: Elabo ación p opia.
Según el boce o an e io , en la página con ac o se enume an una se ie de elemen os,
ales como:
 Un í ulo de sección, si uado en pa e supe io de la misma, que pe mi e
iden i ica cla amen e el pun o donde se encuen a el usua io.
 Un espacio ese ado pa a mos a la in o mación de con ac o, en es e caso
conc e o, la di ección de co eo elec ónico.
 Un enlace, pues o bajo una línea de sepa ación, que di ige el lujo de na egación
hacia la página que ha sido isi ada inmedia amen e an es que la ac ual.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
40
5.2. Mapa de na egación
Una ez que se ha mos ado con su icien e de alle el aspec o isual que p esen a cada
una de las secciones del po al median e los boce os an e io es, pueden consul a se, en
es e diag ama, las elaciones je á quicas que exis en en e ellas, así como el lujo de
na egación que se p oduce du an e su ejecución:
Figu a 23. Mapa de na egación.
Fuen e: Elabo ación p opia.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
41
6. Implemen ación
La e apa de implemen ación epasa las dis in as al e na i as que exis en pa a lle a a
cabo el desa ollo del po al, compa ando las ca ac e ís icas de cada una de dichas
opciones y eligiendo, en e ellas, aquella que se conside e más ap opiada, a gumen ando
las azones que conducen a al decisión.
Po o a pa e, además, se ap o echa es e apa ado pa a enume a las ecnologías
u ilizadas, así como las he amien as so wa e empleadas du an e la con ección del
p esen e p oyec o.
6.1. Al e na i as de desa ollo
Cuando se piensa en la elabo ación de un si io web se deben ene en cuen a
de e minados ac o es que ayuden a decidi cómo abo da el p oblema y log a una
solución que esponda a las expec a i as gene adas.
En es e pun o solo se desean indica las al e na i as disponibles pa a implemen a un
po al web, al menos aquellas más comunes habi ualmen e. La compa ación en e ellas
y pos e io a gumen ación de po qué se elige una y no o a se deja pa a más adelan e
( éase apa ado 6.2.1. de es e capí ulo).
En lo que a ecnología se e ie e, hay dos e ien es bien di e enciadas:
 Selecciona un sis ema de ges ión de con enidos, ambién conocido como CMS,
pa a cons ui el po al web.
 Desa olla la web a medida, pa iendo desde ce o, median e la combinación de
a ios lenguajes: HTML, CSS y Ja aSc ip .
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
48
u ilizan plan illas y dis ibuciones ya p epa adas, in i iendo, consecuen emen e, menos
ho as de abajo, po an o, esul an, habi ualmen e, más económicos.
Sin emba go, puede da se la si uación que un clien e equie a alguna uncionalidad
adicional, en onces, an o el iempo como el cos e aumen en, debido a que sea p eciso
ins ala módulos ex a, po ejemplo. Se a a, pues, de un ac o algo engañoso y de
ca ác e bas an e incie o.
Además, o a cualidad a ene muy en cuen a es el diseño. Si se elige un CMS puede da
la sensación de algo ya is o, po que sean es uc u as p ede inidas o, simplemen e,
coincida el ema con o a página isi ada an e io men e. Mien as que si se op a po un
desa ollo a medida con HTML, es más p obable que se consiga un diseño único y
o iginal, haciendo que el usua io se encuen e cómodo na egando po la web y que le
esul e más a ac i o, g acias a la iden i icación de dicha apa iencia con el con enido
que se mues a, así como la inclusión de animaciones, e ec os, in e aces que
in e ac úan con el pun e o del a ón, e cé e a.
En lo ela i o al olumen de la web y su ecuencia de ac ualización, si cons a de
muchas páginas y el e esco de cada una de ellas se p oduce en un co o espacio de
iempo, quizás sea in e esan e inclina se po un CMS. Pa a po ales web medianos o
pequeños, cuyos con enidos no a íen dia iamen e, se ía su icien e con un desa ollo a
medida.
Relacionado con lo an e io , es cie o que la consola de adminis ación de cualquie
CMS acili a la labo de publicación, no siendo necesa ios g andes conocimien os de
in o má ica, al con a io de lo que sucede con los desa ollos hechos a medida con
HTML, donde es imp escindible un manejo más especializado, pe o a la ho a de adap a
la plan illa, muchas eces hace al a modi ica una mul i ud de iche os y sí que se
p ecisa de un pe il de abajado más expe o en p og amación, dependiendo, cla o
es á, del g ado de amilia ización con la pla a o ma.
La usabilidad es o a ca ac e ís ica a alo a . Los desa ollos a medida suelen se más
áciles de usa , en pa e, po que han sido diseñados especí icamen e pa a cub i aquellas
necesidades que el clien e ha solici ado. Con los CMS ocu e que como p e enden
aba ca un amplio abanico de posibilidades, incluyen unciones innecesa ias y opciones
que con unden al usua io, lo que complica su manejo, aumen ando la cu a de

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
49
ap endizaje y siendo indispensable una o mación especí ica pa a saca le un mayo
p o echo.
Po úl imo, exis e mucha con o e sia en lo e e en e a segu idad. Hay pos u as que
asegu an que los CMS son menos segu os que los desa ollos a medida, y a la in e sa.
Lo que pa ece e iden e es que, aunque los CMS suelen con empla medidas de
segu idad muy a anzadas, su uso gene alizado y ex endido hace que es én más
expues os a a aques de hacke s, po que si se ha encon ado un aguje o de segu idad en
una página con de e minado CMS, solo queda eplica el mé odo de ac uación pa a
hace se con su con ol. Po el con a io, como la p og amación de un si io web hecho a
medida con HTML es exclusi a pa a dicho espacio, se e i a un bene icio pos e io en
caso de que alguien log e bu la las medidas de segu idad, ya que únicamen e le si e
pa a esa ez.
6.2.3. Conclusiones y decisión omada
Dados los bene icios e incon enien es de cada en oque ci ados du an e es e apa ado, se
es ima que ninguna de las al e na i as es pe ec a, en el sen ido que pa a cie os
p oyec os es mejo usa un CMS y pa a o os es p e e ible un desa ollo a medida, odo
depende, cla o es á, de las necesidades del clien e.
En el caso que nos ocupa, el po al web dedicado a la di usión de la igu a de Luis
Sánchez Polack “Tip”, siendo un espacio con pocas páginas, que no a a se ac ualizado
an ecuen emen e como un blog, bas an e especí ico en de e minados con enidos y sin
uncionalidades es anda izadas p opias de los CMS, pa ece sensa o op a po una
implemen ación desde ce o median e HTML.
Asimismo, al posee na u aleza académica en o igen, aunque más adelan e se publique
con el in que se de alla en los obje i os de la p esen e memo ia, esul ando g a ui o en
cuan o a p ecio de las ecnologías p opues as y cuyo desa ollado , además, no pe cibe
ningún sueldo, lo que signi ica que la limi ación económica no es un p oblema, y donde
el iempo ampoco es un ac o de e minan e, se p e ie e abo da dicha implemen ación
de acue do a la solución que se conside e más in e esan e p o esionalmen e hablando.
Po odo lo a gumen ado has a aho a, se concluye que cualquie a de las opciones es an
álida como o a, pe o que se oma la decisión de ealiza el desa ollo del po al a
medida, combinando HTML, CSS y Ja aSc ip , deses imando el uso de un CMS.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
50
6.3. Tecnologías u ilizadas
Pa a ealiza el p oyec o, pa iendo desde ce o, y así desa olla el po al a medida, se
han u ilizado a ios lenguajes, cuyo conjun o es á o mado, básicamen e, po HTML,
CSS y Ja aSc ip .
A con inuación, se a a p ocede a la explicación de cada una de es as ecnologías,
comen ando, en p ime luga , su de inición y ca ac e ís icas más ele an es, pa a,
pos e io men e, de ene se y hace especial hincapié en aquellas uncionalidades p opias
que se hayan inco po ado a la web, siemp e y cuando se es ime con enien e.
6.3.1. HTML5
Figu a 28. Logo de HTML5.
Fuen e: h ps://www.w3.o g/h ml/
HTML, siglas en inglés de Hype Tex Ma kup Language (lenguaje de ma cas de
hipe ex o), hace e e encia al lenguaje de ma cado pa a la elabo ación de páginas web.
Es un es ánda que si e de e e encia del so wa e que conec a con la elabo ación de
páginas web en sus di e en es e siones, de ine una es uc u a básica y un código
(denominado código HTML) pa a la de inición de con enido de una página web, como
ex o, imágenes, ideos, juegos, en e o os. Es un es ánda a ca go del Wo ld Wide Web
Conso ium (W3C) o Conso cio WWW, o ganización dedicada a la es anda ización de
casi odas las ecnologías ligadas a la web, sob e odo en lo e e en e a su esc i u a e
in e p e ación. Se conside a el lenguaje web más impo an e siendo su in ención c ucial
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
51
en la apa ición, desa ollo y expansión de la Wo ld Wide Web (WWW). Es el es ánda
que se ha impues o en la isualización de páginas web y es el que odos los na egado es
ac uales han adop ado.
El lenguaje HTML basa su iloso ía de desa ollo en la di e enciación. Pa a añadi un
elemen o ex e no a la página (imagen, ídeo, sc ip , en e o os.), és e no se inc us a
di ec amen e en el código de la página, sino que se hace una e e encia a la ubicación de
dicho elemen o median e ex o. De es e modo, la página web con iene solamen e ex o
mien as que ecae en el na egado web (in e p e ado del código) la a ea de uni odos
los elemen os y isualiza la página inal. Al se un es ánda , HTML busca se un
lenguaje que pe mi a que cualquie página web esc i a en una de e minada e sión,
pueda se in e p e ada de la misma o ma (es ánda ) po cualquie na egado web
ac ualizado. [13]
La quin a e isión de HTML (HTML5) es ablece una se ie de nue os elemen os y
a ibu os que e lejan el uso ípico de los si ios web mode nos. Algunos de ellos son
écnicamen e simila es a las e ique as <di > y <span>, pe o ienen un signi icado
semán ico, como, po ejemplo, <na > (bloque de na egación del si io web), <heade >
(cabece a) y < oo e > (pie de página).
Además, en e o as mejo as, añade e ique as con códecs pa a mos a los con enidos
mul imedia, ales como <audio> y < ideo>.
Un ejemplo de su uso puede ex ae se del código del p oyec o:
AUDIO EN HTML5
<audio id="audio_pepe_lui" con ols>
<sou ce s c="audios/pepe_lui.ogg" ype="audio/ogg"/>
<sou ce s c="audios/pepe_lui.mp3" ype="audio/mpeg"/>
You b owse does no suppo he audio elemen .
</audio>
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
52
VÍDEO EN HTML5
< ideo wid h="320" heigh ="240" con ols>
<sou ce s c=" ideos/ aso_agua.og " ype=" ideo/ogg">
<sou ce s c=" ideos/ aso_agua.mp4" ype=" ideo/mp4">
You b owse does no suppo he ideo ag.
</ ideo>
6.3.2. CSS3
Figu a 29. Logo de CSS3.
Fuen e: h ps://www.w3.o g/S yle/CSS/
Hoja de es ilo en cascada o CSS (siglas en inglés de cascading s yle shee s) es un
lenguaje usado pa a de ini y c ea la p esen ación de un documen o es uc u ado esc i o
en HTML o XML2 (y po ex ensión en XHTML). El Wo ld Wide Web Conso ium
(W3C) es el enca gado de o mula la especi icación de las hojas de es ilo que se i án
de es ánda pa a los agen es de usua io o na egado es.
La idea que se encuen a de ás del desa ollo de CSS es sepa a la es uc u a de un
documen o de su p esen ación. La in o mación de es ilo puede se de inida en un
documen o sepa ado o en el mismo documen o HTML. En es e úl imo caso pod ían
de ini se es ilos gene ales con el elemen o <s yle> o en cada e ique a pa icula
median e el a ibu o s yle. [14]
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
53
Un ejemplo de su uso puede ex ae se del código del p oyec o:
body {
backg ound-colo : #D3D3D3;
}
a {
ex -deco a ion: none;
}
.menu {
backg ound-colo : #000000;
on -size: 12p ;
on -weigh : bold;
ma gin-le : 18%;
ma gin- igh : 18%;
padding: 12px;
wid h: 64%;
}
.menu-i em {
colo : #FFFFFF;
}
.seccion {
backg ound-colo : #F5DEB3;
ma gin-le : 18%;
ma gin- igh : 18%;
padding: 12px;
wid h: 64%;
}
. i ulo_seccion {
colo : #993322;
on -size: 24p ;
on -weigh : bold;
}
[ ... ]

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
54
6.3.3. Ja aSc ip
Figu a 30. Logo de Ja aSc ip .
Fuen e: h ps://www.w3.o g/s anda ds/webdesign/sc ip
Ja aSc ip (ab e iado comúnmen e JS) es un lenguaje de p og amación in e p e ado,
dialec o del es ánda ECMASc ip . Se de ine como o ien ado a obje os, basado en
p o o ipos, impe a i o, débilmen e ipado y dinámico.
Se u iliza p incipalmen e en su o ma del lado del clien e (clien -side), implemen ado
como pa e de un na egado web pe mi iendo mejo as en la in e az de usua io y
páginas web dinámicas, aunque exis e una o ma de Ja aSc ip del lado del se ido
(Se e -side Ja aSc ip o SSJS). Su uso en aplicaciones ex e nas a la web, po ejemplo,
en documen os PDF y aplicaciones de esc i o io (mayo i a iamen e widge s) es ambién
signi ica i o.
Ja aSc ip se diseñó con una sin axis simila a C, aunque adop a nomb es y
con enciones del lenguaje de p og amación Ja a. Sin emba go, Ja a y Ja aSc ip ienen
semán icas y p opósi os di e en es.
Todos los na egado es mode nos in e p e an el código Ja aSc ip in eg ado en las
páginas web. Pa a in e ac ua con una página web se p o ee al lenguaje Ja aSc ip de
una implemen ación del Documen Objec Model (DOM). [15]
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
55
Un ejemplo de su uso puede ex ae se del código del p oyec o:
CARRUSEL DE IMÁGENES EN JAVASCRIPT
a Fo os = new A ay();
a Desc ip = new A ay();
a aux = 0;
Fo os [0] = "imagenes/ ip.jpg"
Fo os [1] = "imagenes/ ipColl.jpg"
Fo os [2] = "imagenes/ ipTop.jpg"
Fo os [3] = "imagenes/luis_ampa o.jpg"
Desc ip [0] = "TIP"
Desc ip [1] = "TIP Y COLL"
Desc ip [2] = "TIP Y TOP"
Desc ip [3] = "LUIS Y AMPARO"
a V_max = Fo os.leng h;
V_max = V_max-1;
unc ion siguien e () {
i (aux == V_max){
aux = 0;
}
else{
aux = aux+1;
}
documen .images.Gale ia.s c = Fo os[aux];
documen .ge Elemen ById('desc ip_ o o').inne HTML = Desc ip[aux];
}
unc ion an e io () {
i (aux == 0){
aux = V_max;
}
else{
aux = aux-1;
}
documen .images.Gale ia.s c = Fo os[aux];
documen .ge Elemen ById('desc ip_ o o').inne HTML = Desc ip[aux];
}
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
56
6.4. He amien as so wa e empleadas
A la ho a de implemen a el p oyec o, an o en lo que es ic amen e se e ie e a
desa ollo del po al como du an e el p oceso de elabo ación de es a memo ia, se han
usado mul i ud de aplicaciones.
Pa a consegui un eco ido más o denado po cada una de ellas y e i a posibles
con usiones, se ha p e e ido ag upa dichos p og amas en cua o ca ego ías, de acue do
a los elemen os mul imedia que in e engan:
 Tex o.
 Imagen.
 Audio y ídeo.
 Na egado es web.
Seguidamen e, se a a p ocede a lis a cada una de es as he amien as so wa e, dando
una b e e desc ipción, comen ando pa a qué se ha u ilizado y, en algún caso pun ual,
incluso puede que se acili en los pasos necesa ios pa a ep oduci de e minado
compo amien o.
6.4.1. Tex o
Den o de es e bloque ienen cabida he amien as so wa e elacionadas con la edición,
el p ocesamien o y la isualización de ex os.
En conc e o, se han empleado los siguien es p og amas:
 No epad++
 Mic oso Wo d
 Adobe Reade
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
57
6.4.1.1. No epad ++
Figu a 31. Logo de No epad++.
Fuen e: h p://no epad-plus-plus.o g/
No epad++ es un edi o de ex o, de código uen e lib e y con sopo e pa a a ios
lenguajes de p og amación, que se dis ibuye bajo los é minos de la Licencia Pública
Gene al de GNU. De momen o, solo es á disponible su e sión pa a Mic oso
Windows.
Se pa ece al Bloc de No as en cuan o al hecho de que puede edi a ex o sin o ma o y
de o ma simple. No obs an e, incluye opciones más a anzadas, ales como el esal ado
de exp esiones p opias de la sin axis del lenguaje de p og amación o ma cado, que
acili an su lec u a, pudiendo se ú iles pa a usua ios a anzados, como desa ollado es y
p og amado es.
Además, posee o as ca ac e ís icas a ene en cuen a, como, po ejemplo, que se pueden
ab i a ios documen os a la ez y o ganiza los en pes añas, de mane a simila a como
ac úan los na egado es web. Po o a pa e, ambién señala los elemen os de ape u a y
cie e co espondien es, ales como pa én esis, co che es y lla es, pa a ayuda en su
iden i icación y localización.
En el p oyec o se ha usado, undamen almen e, pa a ac ualiza las páginas HTML,
modi icando aspec os an o de su con enido como de su es uc u a, así como pa a edi a
los a chi os con ex ensión css y js, que con ienen las hojas de es ilo y el código
Ja aSc ip , espec i amen e.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
64
6.4.3.5. Audaci y
Figu a 40. Logo de Audaci y.
Fuen e: h p://audaci y eam.o g/
Audaci y es una aplicación in o má ica mul ipla a o ma lib e, que se puede usa pa a
g abación y edición de audio, dis ibuido bajo la licencia GPL.
En e sus ca ac e ís icas más des acadas se encuen an la g abación de audio en iempo
eal, la edición de a chi os de audio ipo Ogg Vo bis, MP3, WAV, AIFF, AU, LOF y
WMP, así como la con e sión en e o ma os, la impo ación de a chi os con ex ensión
MIDI, RAW y MP3, la edición de pis as múl iples y la posibilidad de ag ega e ec os al
sonido (eco, in e sión, ono, e cé e a). Po o a pa e, además, pe mi e usa plugins pa a
aumen a su uncionalidad.
En el p oyec o, se ha usado, básicamen e, pa a elimina el uido en de e minadas pis as
de audio.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
65
6.4.3.6. A idemux
Figu a 41. Logo de A idemux.
Fuen e: h p://www.a idemux.o g/
A idemux es una aplicación lib e diseñada pa a la edición y p ocesado de ídeo. Se
a a de un p oyec o abie o, donde muchas suge encias de usua ios son pues as en
p ác ica.
En e sus ca ac e ís icas más ele an es se incluyen el co ado y la adición de
agmen os de ídeo, la inco po ación de il os y la ecodi icación en e a ios
o ma os.
En el p oyec o, se ha usado, undamen almen e, pa a co a secuencias de ídeo.
6.4.3.7. Vi ualDub
Figu a 42. Logo de Vi ualDub.
Fuen e: h p://www. i ualdub.o g/
Vi ualDub es una he amien a lib e pa a cap u a ídeo y p ocesa lo, que se ejecu a en
Mic oso Windows. Dispone de unciones muy a anzadas, es capaz de usa plugins
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
66
pa a añadi di e en es écnicas de p ocesado de ídeo, y puede abaja con cualquie
iche o AVI, independien emen e del códec que use, mien as es é ins alado.
Tal y como se ha mencionado an e io men e, ac úa de mane a pa ecida a A idemux, de
hecho, compa en p ác icamen e las mismas uncionalidades, aunque exis en lige as
di e encias en e uno y o o.
6.4.3.8. VLC Media Playe
Figu a 43. Logo de VLC Media Playe .
Fuen e: h ps://www. ideolan.o g/ lc/
VLC Media Playe es un ep oduc o mul imedia lib e y de código abie o,
desa ollado po el p oyec o VideoLAN y dis ibuido bajo la licencia GPL.
Es capaz de ep oduci casi cualquie o ma o de ideo sin necesidad de ins ala códecs
ex e nos y puede ep oduci ideos en o ma os DVD, Blu ay, a esoluciones no males,
en al a de inición o incluso en ul a al a de inición o 4K.
En el p oyec o se ha usado pa a ep oduci audios y ídeos.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
67
6.4.4. Na egado es web
Den o de es a sección se enume an los dis in os na egado es web que se han empleado
pa a ealiza las p uebas y comp obaciones de isualización del po al.
En conc e o, se a a de los siguien es:
 In e ne Explo e
 Mozilla Fi e ox
 Google Ch ome
6.4.4.1. In e ne Explo e
Figu a 44. Logo de In e ne Explo e .
Fuen e: h p://windows.mic oso .com/ie
In e ne Explo e , usualmen e ab e iado como IE, es un na egado web desa ollado
po Mic oso pa a el sis ema ope a i o Mic oso Windows desde 1995. En el año 2015
se anunció que a pa i de Windows 10 se sus i uye po Mic oso Edge.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
68
6.4.4.2. Mozilla Fi e ox
Figu a 45. Logo de Mozilla Fi e ox.
Fuen e: h ps://www.mozilla.o g/es-ES/ i e ox/
Mozilla Fi e ox, llamado simplemen e Fi e ox, es un na egado web lib e y de código
abie o desa ollado pa a Mic oso Windows, And oid, OS X y GNU/Linux. Es á
coo dinado po la Co po ación Mozilla y la Fundación Mozilla. Usa el mo o Gecko
pa a ende iza páginas web, que implemen a ac uales y u u os es ánda es web.
6.4.4.3. Google Ch ome
Figu a 46. Logo de Google Ch ome.
Fuen e: h p://www.google.com/ch ome
Google Ch ome es un na egado web desa ollado po Google y compilado basándose
en a ios componen es e in aes uc u as de desa ollo de aplicaciones ( amewo ks) de
código abie o, como el mo o de ende izado Blink (bi u cación o o k de WebKi ). Es á
disponible g a ui amen e bajo condiciones especí icas del so wa e p i a i o o ce ado.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
69
7. P uebas y alidaciones
Una ez inalizada la implemen ación del po al, llega el momen o de e alua y
comp oba su co ec o uncionamien o.
Po es a azón, se a a analiza si el código cumple con los es ánda es básicos de la web
y si, además, se ob iene una espues a posi i a an o de su ejecución en di e sos
na egado es web como de su uso an e dis in as esoluciones de pan alla.
7.1. Validación de HTML5
El Wo ld Wide Web Conso ium (W3C) p opo ciona un se icio [19] donde se pe mi e
alida el código HTML:
Figu a 47. Validación de HTML5.
Fuen e: Cap u a de pan alla.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
70
T as p ocesa se la pe ición, se ap ecia cómo ha pasado el es sa is ac o iamen e, aunque
se ad ie e que pa a el caso de HTML5 se a a oda ía de una e sión no es able del
alidado :
Figu a 48. Validación de HTML5 - Resul ado.
Fuen e: Cap u a de pan alla.
7.2. Validación de CSS3
Del mismo modo, el W3C o ece la posibilidad de alida las hojas de es ilo CSS [20]:
Figu a 49. Validación de CSS3.
Fuen e: Cap u a de pan alla.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
71
Como esul ado, se ob iene la cali icación de álido pa a CSS3:
Figu a 50. Validación de CSS3 - Resul ado.
Fuen e: Cap u a de pan alla.
7.3. Compa ibilidad con na egado es web
La idea de es a p ueba es obse a cómo se isualiza el po al en dis in os na egado es
web, ya que los usua ios ienen sus p e e encias al espec o y cada uno puede inclina se
po alguno en conc e o. Po an o, pa a elegi sob e cuáles alida su compa ibilidad, se
ha omado una es adís ica que ecoge su po cen aje de uso du an e el año 2015:
Figu a 51. Es adís icas de na egado es en 2015 - Da os numé icos.
Fuen e: h p://www.w3schools.com/b owse s/de aul .asp
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
72
Según los da os numé icos an e io es, ex aídos de un es udio ealizado po w3schools,
los na egado es web más comúnmen e u ilizados son Google Ch ome, Mozilla Fi e ox
e In e ne Explo e , po ese o den. T as ellos igu an Sa a i y Ope a, pe o con una
meno cuo a de me cado.
La misma in o mación puede ep esen a se median e un g á ico:
Figu a 52. Es adís icas de na egado es en 2015 - G á ico.
Fuen e: h p://www.w3schools.com/b owse s/de aul .asp
De acue do con es os esul ados, se ha decidido que únicamen e se a a p ocede a
e ec ua la comp obación del compo amien o del po al sob e los es na egado es web
más ep esen a i os, es deci , aquellos con mayo olumen de usua ios: In e ne
Explo e , Mozilla Fi e ox y Google Ch ome. Po el con a io, Sa a i, Ope a y o os
na egado es web mino i a ios quedan al ma gen de es a alidación.
Apa e de isualiza la página de inicio del po al, se ha op ado po inclui en la p ueba
aquellas secciones que equie en una a ención especial, como audio y ídeo, ya que se
a a de dos nue os componen es añadidos a la quin a e sión del lenguaje HTML.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
73
7.3.1. Compa ibilidad con In e ne Explo e
La página de inicio del po al, así como las secciones de audio y ídeo, se mues an de
la siguien e mane a en In e ne Explo e :
Figu a 53. P ueba con na egado In e ne Explo e - Página de inicio.
Fuen e: Cap u a de pan alla.
Figu a 54. P ueba con na egado In e ne Explo e - Audio.
Fuen e: Cap u a de pan alla.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
80
7.4.4. Resolución 800 x 600
Figu a 65. P ueba con esolución 800 x 600.
Fuen e: Cap u a de pan alla.
7.4.5. Resul ados de la p ueba de esoluciones
Como puede comp oba se, el po al se compo a bas an e bien an e di e en es
esoluciones de pan alla, aunque es cie o que du an e su desa ollo se ha p io izado su
co ec o uncionamien o pa a un amaño de 1366 x 768 píxeles, debido a que se a a de
las dimensiones de pan alla del o denado po á il con que se ha implemen ado.
De odos modos, se ha log ado una isualización su icien emen e azonable a pa i de
pan allas con una esolución de 1024 x 768 píxeles, ya que, en odas ellas, los elemen os
de la página se ajus an a su anchu a y en ningún momen o se descoloca su con enido, es
deci , log a man ene p ác icamen e in ac a su es uc u a.
La única esolución que se esien e lige amen e, pues o que incluso se educe
b uscamen e el amaño de los iconos, es aquella que co esponde a moni o es an iguos
(800 x 600 píxeles), pe o ambién es cie o que son cada ez menos habi uales.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
81
8. Resul ados y conclusiones
A lo la go de es e p oyec o y as da lo po acabado, se ha c eado el po al web dedicado
a la di usión de la igu a de Luis Sánchez Polack, ambién conocido como “Tip”,
pa iendo desde ce o y ealizando un desa ollo a medida median e la u ilización de
di e sos lenguajes, como HTML, CSS y Ja aSc ip .
Bien es cie o que en a eas de es a índole, an o an e aplicaciones web como con
cualquie o o ipo de so wa e, siemp e se es á suje o a cambios o modi icaciones de
úl ima ho a, pe o ambién esul a e iden e que en algún pun o se deben ija sus lími es
y la echa de conclusión del mismo, pues o que ampoco es cues ión de ala ga lo en
exceso en el iempo, al in y al cabo exis en cie os plazos a cumpli en lo que espec a a
la e ien e académica.
Como alo ación pe sonal, apa e de se i me pa a ob ene el í ulo de Ingenie o
In o má ico, conside o que ha sido una g a a expe iencia y es oy bas an e sa is echo con
el esul ado.
De hecho, ya había abajado an e io men e con ecnologías simila es a és as, pe o
desconocía las no edades que o ecían las ac uales e siones de dichos lenguajes, en lo
que a con enido mul imedia se e ie e, p incipalmen e, y g acias a es e p oyec o, he
podido pone en p ác ica, po ejemplo, aspec os elacionados con la inclusión de audio y
ídeo embebidos den o de una página web, en e o as muchas ca ac e ís icas.
Mien as que en lo que concie ne a la consecución de los obje i os ma cados al
p incipio de es a memo ia, eniendo en cuen a que se p e endía pone en ma cha una
pla a o ma de in o mación sob e Tip, p esen ando ecu sos en múl iples o ma os, y que
se deseaba es ablece una especie de comunidad colabo a i a, donde cualquie usua io
pudie a hace llega con enido a a és de una di ección elec ónico, con el p opósi o de
que se publica a en el po al, puede a i ma se que se ha log ado en g an medida, aunque
oda ía queda aena po hace , ya que solo se han sen ado las bases.
No obs an e, es un buen comienzo, ya que se dispone de un espacio web que con iene
ex os ansc i os, imágenes, pis as de audio, agmen os de ídeo, e cé e a.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
82
Además, p esen a un diseño cla o e in ui i o, ya que se ha o ganizado en dis in as
secciones, que ecogen el ma e ial disponible, según una clasi icación lógica, y se ha
p epa ado dicho en o no pa a albe ga una es uc u a que sea compa ible con di e sas
esoluciones de pan alla, así como a ios na egado es web, pe mi iendo su
isualización en e a di e en es combinaciones o si uaciones.
Po an o, en lo que a añe a la di usión de la igu a de Luis Sánchez Polack, es a me a
puede da se po álida, a al a de con a a un dominio y publica lo en la web pa a que
sea accesible a oda aquella pe sona que disponga de conexión a In e ne , se ienen los
elemen os necesa ios pa a que los da os de Tip y odo el conjun o de ecu sos
mul imedia puedan consul a se, de momen o, en local, a modo de aplicación de
esc i o io.
Sin emba go, al ez, en ese sen ido, queda pendien e de o o ga al po al un ca ác e
más dinámico, pe o esul a e iden e que, una ez se haga lo que se comen a, se le saca á
mucho más endimien o y llega á de o ma más sencilla a mucha más gen e,
pe mi iendo una cie a e oalimen ación en e usua ios y adminis ado es del si io,
incluyendo in o mación o nue o ma e ial a pa i de los co eos ecibidos, siemp e y
cuando se es ime opo uno.
Y po úl imo, se ci an algunas mejo as o posibles ampliaciones a ealiza en el u u o:
 Inco po a con enido adicional en odas y cada una de las secciones del po al.
 A e igua po qué no se ep oducen los ídeos en In e ne Explo e y co egi lo,
con al de que uncione, como ocu e en Mozilla Fi e ox o Google Ch ome.
 Con a a un dominio de In e ne donde aloja el po al, p opo cionando así un
se icio más eal, pa a que los ans y seguido es de Tip puedan es ablece
con ac o con la pla a o ma, haciendo llega su ma e ial po co eo.
 Adap a las hojas de es ilo pa a los amaños de pan alla de los nue os
disposi i os, como able s y sma phones, lo que en in o má ica se denomina
diseño esponsi e.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
83
9. Bibliog a ía y e e encias
9.1. Páginas web
[1] Web sob e Tip de Juan Vicen e Ol a
h p://pe sonales.up .es/j ol a/luis/ ipp ime a/Luis.h ml
[2] Especial “10 años sin Tip” en el a chi o de RTVE
h p://www. e.es/ ele ision/diez-sin- ip/
[3] Página de Luis Sánchez Polack en Wikipedia
h ps://es.wikipedia.o g/wiki/Luis_S%C3%A1nchez_Polack
[4] Recopilación de discog a ía y bibliog a ía de Tip en el blog de An onio Tausie
h p://se onose . ee. / ip/
[5] Ficha de Luis Sánchez Polack en IMDB
h p://www.imdb.com/name/nm0844766/
[6] Publicación de Miguel Ángel Ál a ez en Desa olloWeb
h p://www.desa olloweb.com/a iculos/que-es-un-cms.h ml
[7] A ículo sob e Wo dP ess en Wikipedia
h ps://es.wikipedia.o g/wiki/Wo dP ess
[8] A ículo sob e Joomla en Wikipedia
h ps://es.wikipedia.o g/wiki/Joomla
[9] A ículo sob e D upal en Wikipedia
h ps://es.wikipedia.o g/wiki/D upal
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
84
[10] El uso de CMS como Wo dP ess VS las en ajas del desa ollo web a medida
h ps://www.in e ac i os.ne /es/blog/991/el-uso-de-cms-como-wo dp ess- s-las-
en ajas-del-desa ollo-web-a-medida
[11] Desa ollo Web, ¿CMS ipo Wo dP ess o p og amación adicional?
h p://blog.nubelo.com/desa ollo-web-cms- ipo-wo dp ess-p og amacion- adicional/
[12] Ven ajas del desa ollo web a medida en e al uso de CMS popula es
(Joomla, Wo dP ess, D upal, e c.)
h ps://www.la e aweb.com/desa ollo-a-medida- s-es anda -cms.h ml
[13] A ículo sob e HTML en Wikipedia
h ps://es.wikipedia.o g/wiki/HTML
[14] A ículo sob e CSS en Wikipedia
h ps://es.wikipedia.o g/wiki/Hoja_de_es ilos_en_cascada
[15] A ículo sob e Ja aSc ip en Wikipedia
h ps://es.wikipedia.o g/wiki/Ja aSc ip
[16] Manual de desa ollo pa a HTML
h p://www.w3schools.com/h ml/de aul .asp
[17] Manual de desa ollo pa a CSS
h p://www.w3schools.com/css/de aul .asp
[18] Manual de desa ollo pa a Ja aSc ip
h p://www.w3schools.com/js/de aul .asp
[19] Validación de HTML
h ps:// alida o .w3.o g/
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
85
[20] Validación de CSS
h ps://jigsaw.w3.o g/css- alida o /
[21] Real Dec e o Legisla i o 1/1996, de 12 de ab il
h ps://www.boe.es/busca /pd /1996/BOE-A-1996-8930-consolidado.pd
9.2. Recu sos de audio
 Dame la mani a Pepe Lui
h ps://www.you ube.com/wa ch? =_SdS5-Yw50o
 La lau a de Ba olo
h ps://www.you ube.com/wa ch? =x eWaya10D4
 Obdulia
h ps://www.you ube.com/wa ch? =K_Y JQhq1QA
 Doña Concha
h ps://www.you ube.com/wa ch? = g5m_5GJSyg
9.3. Recu sos de ídeo
 Cómo llena un aso de agua
h ps://www.you ube.com/wa ch? =wUDAVJm6 88
9.4. Recu sos de a ículos de p ensa
 Tip y Coll debajo de su chis e a
h p://heme o eca.abc.es/na /Na iga e.exe/heme o eca/mad id/abc/1975/07/27/138.h ml
h p://heme o eca.abc.es/na /Na iga e.exe/heme o eca/mad id/abc/1975/07/27/139.h ml
h p://heme o eca.abc.es/na /Na iga e.exe/heme o eca/mad id/abc/1975/07/27/140.h ml
h p://heme o eca.abc.es/na /Na iga e.exe/heme o eca/mad id/abc/1975/07/27/141.h ml

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
86
10. Anexos
10.1. Anexo A. P opiedad in elec ual
Es e anexo es á dedicado a epasa de e minados aspec os ace ca de las leyes que igen
la p opiedad in elec ual y expone aquellas implicaciones que conlle an la publicación
en In e ne o, simplemen e, el hecho de usa ma e ial con de echos de au o .
Cabe eco da que, al y como se indica en los equisi os del p oyec o, el po al web
dedicado a la di usión de la igu a de Luis Sánchez Polack “Tip” es un espacio web sin
ánimo de luc o y que cumple igu osamen e la ley de p opiedad in elec ual, p o egiendo,
en odo momen o, los de echos de su ob a. De hecho, se cuen a con la au o ización
exp esa de sus p opie a ios.
10.1.1. Ma co legisla i o ac ual
La no ma i a que pe manece en igo hoy día en España sob e p opiedad in elec ual
es á encabezada po el Real Dec e o Legisla i o 1/1996, de 12 de ab il, po el que se
ap ueba el ex o e undido de la Ley de P opiedad In elec ual, egula izando, acla ando
y a monizando las disposiciones legales igen es sob e la ma e ia.
Es e dec e o une las an e io es leyes sob e p opiedad in elec ual que se habían
es ablecido du an e la democ acia desde el año 1987 e incluye las nue as di ec i as
eu opeas sob e p opiedad in elec ual, de ogando las siguien es disposiciones:
1. Ley 22/1987, de 11 de no iemb e, de P opiedad In elec ual.
2. Ley 20/1992, de 7 de julio, de modi icación de la Ley 22/1987, de 11 de
no iemb e, de P opiedad In elec ual.
3. Ley 16/1993, de 23 de diciemb e, de inco po ación al De echo español de la
Di ec i a 91/250/CEE, de 14 de mayo, sob e la p o ección ju ídica de p og amas
de o denado .
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
87
4. Ley 43/1994, de 30 de diciemb e, de inco po ación al De echo español de la
Di ec i a 92/100/CEE, de 19 de no iemb e, sob e de echos de alquile y
p és amo y o os de echos a ines a los de echos de au o en el ámbi o de la
p opiedad in elec ual.
5. Ley 27/1995, de 11 de oc ub e, de inco po ación al De echo español de la
Di ec i a 93/98/CEE, del Consejo, de 29 de oc ub e, ela i a a la a monización
del plazo de p o ección del de echo de au o y de de e minados de echos a ines.
6. Ley 28/1995, de 11 de oc ub e, de inco po ación al De echo español de la
Di ec i a 93/83/CEE, del Consejo, de 27 de sep iemb e, sob e coo dinación de
de e minadas disposiciones ela i as a los de echos de au o y de echos a ines a
los de echos de au o en el ámbi o de la adiodi usión ía sa éli e y de la
dis ibución po cable.
O as e e encias al espec o pueden encon a se en:
 Ley 21/2014, de 4 de no iemb e, po la que se modi ica el ex o e undido de la
Ley de P opiedad In elec ual, ap obado po Real Dec e o Legisla i o 1/1996, de
12 de ab il, y la Ley 1/2000, de 7 de ene o, de Enjuiciamien o Ci il.
 Ley 2/2011, de Economía Sos enible.
 Ley 14/2011, de 1 de junio, de la Ciencia, la Tecnología y la Inno ación.
Como p opiedad in elec ual se en iende que se a a de aquella p opiedad que nace
asociada a las c eaciones de la men e humana o in elec o.
Incluye:
 Los de echos de au o : ob as a ís icas, cien í icas o li e a ias.
 La p opiedad indus ial: pa en es, ma cas, modelos indus iales, e c.
De en e odos los a ículos del Real Dec e o Legisla i o 1/1996, de 12 de ab il,
mencionado an e io men e, se des acan algunos de ellos, ex ayéndose secciones o
apa ados de los mismos que se conside en más in e esan es pa a el caso que nos ocupa:
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
88
A ículo 1. Hecho gene ado .
La p opiedad in elec ual de una ob a li e a ia, a ís ica o cien í ica co esponde al au o
po el solo hecho de su c eación.
A ículo 2. Con enido.
La p opiedad in elec ual es á in eg ada po de echos de ca ác e pe sonal y pa imonial,
que a ibuyen al au o la plena disposición y el de echo exclusi o a la explo ación de la
ob a, sin más limi aciones que las es ablecidas en la Ley.
A ículo 3. Ca ac e ís icas.
Los de echos de au o son independien es, compa ibles y acumulables con:
1. La p opiedad y o os de echos que engan po obje o la cosa ma e ial a la que es á
inco po ada la c eación in elec ual.
2. Los de echos de p opiedad indus ial que puedan exis i sob e la ob a.
A ículo 5. Au o es y o os bene icia ios.
1. Se conside a au o a la pe sona na u al que c ea alguna ob a li e a ia, a ís ica o
cien í ica.
2. No obs an e, de la p o ección que es a Ley concede al au o se pod án bene icia
pe sonas ju ídicas en los casos exp esamen e p e is os en ella.
A ículo 10. Ob as y í ulos o iginales.
Son obje o de p opiedad in elec ual odas las c eaciones o iginales li e a ias, a ís icas o
cien í icas exp esadas po cualquie medio o sopo e, angible o in angible, ac ualmen e
conocido o que se in en e en el u u o.
Ac o seguido, después de ecoge algunos a ículos con de iniciones más gene ales
sob e p opiedad in elec ual, se ag upan en un conjun o, a modo de bloque emá ico,
aquellos que hacen e e encia di ec a a los de echos de au o de mane a más especí ica.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
89
10.1.2. De echos de au o
Habi ualmen e, se suelen u iliza indis in amen e los é minos p opiedad in elec ual y
de echos de au o , ya que ambos hacen e e encia a los de echos que se le econocen al
au o de una ob a.
Tal y como se ci a en el a ículo 2 del dec e o 1/1996, de 12 de ab il, los de echos de
au o pueden clasi ica se en:
 De echos pe sonales o mo ales, que son i enunciables e inalienables y
pe enecen al au o .
 De echos pa imoniales o de explo ación, que pe mi en bene icios económicos
y pueden cede se.
10.1.2.1. De echos mo ales
Según el a ículo 14 del dec e o, co esponden al au o los siguien es de echos
i enunciables e inalienables:
 Decidi si su ob a ha de se di ulgada y en qué o ma.
 De e mina si al di ulgación ha de hace se con su nomb e, bajo seudónimo o
signo, o anónimamen e.
 Exigi el econocimien o de su condición de au o de la ob a.
 Exigi el espe o a la in eg idad de la ob a e impedi cualquie de o mación,
modi icación, al e ación o a en ado con a ella que suponga pe juicio a sus
legí imos in e eses o menoscabo a su epu ación.
 Modi ica la ob a espe ando los de echos adqui idos po e ce os y las
exigencias de p o ección de bienes de in e és cul u al.
 Re i a la ob a del come cio, po cambio de sus con icciones in elec uales o
mo ales, p e ia indemnización de daños y pe juicios a los i ula es de de echos
de explo ación.
 Accede al ejempla único o a o de la ob a, cuando se halle en pode de o o, a
in de eje ci a el de echo de di ulgación o cualquie o o que le co esponda.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
96
10.2.3.1. Tex o
La sección Tex o si e como índice de odos aquellos documen os esc i os po Tip en
soli a io, jun o a Top o en coau o ía con José Luis Coll, p esen ando el siguien e
aspec o:
Figu a 69. Po al web de Tip - Sección ex o.
Fuen e: Cap u a de pan alla.
Pulsando sob e el í ulo de algún ex o en pa icula se accede a su con enido:
Figu a 70. Po al web de Tip - Ejemplo de documen o de ex o.
Fuen e: Cap u a de pan alla.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
97
10.2.3.2. Imagen
La sección Imagen pone a disposición del usua io di e sas o og a ías de Tip,
p esen ando el siguien e aspec o:
Figu a 71. Po al web de Tip - Sección imagen.
Fuen e: Cap u a de pan alla.
En dicha página puede con empla se cómo se isualiza una de e minada imagen de Tip
acompañada de una b e e desc ipción.
A la ho a de cambia de o o, únicamen e hay que pulsa cualquie a de las lechas de
di ección y, en onces, an o la imagen como la desc ipción adjun a a ia án, log ando
un e ec o de gale ía o ca usel.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
98
10.2.3.3. Audio
La sección Audio con iene una selección de a chi os de audio donde in e iene Tip,
p esen ando el siguien e aspec o:
Figu a 72. Po al web de Tip - Sección audio.
Fuen e: Cap u a de pan alla.
Pa a ep oduci una de e minada pis a de audio, an solo hay que escoge un elemen o
de la lis a y ap e a sob e el bo ón Play, sin necesidad de u iliza ningún p og ama
ex e no, ya que, en condiciones no males, el na egado web se enca ga de ello.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
99
10.2.3.4. Vídeo
La sección Vídeo incluye una selección de a chi os de ídeo donde in e iene Tip,
p esen ando el siguien e aspec o:
Figu a 73. Po al web de Tip - Sección ídeo.
Fuen e: Cap u a de pan alla.
Pa a ep oduci un de e minado ídeo, an solo hay que escoge un elemen o de la lis a
y ap e a sob e el bo ón Play, sin necesidad de u iliza ningún p og ama ex e no, ya que,
en condiciones no males, el na egado web se enca ga de su isualización.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
100
10.2.4. Heme o eca
La sección Heme o eca ecoge a ículos de p ensa que hacen e e encia a Tip y que han
sido ex aídos de di e sos medios de comunicación en o ma esc i a, como pe iódicos o
e is as, p esen ando el siguien e aspec o:
Figu a 74. Po al web de Tip - Sección heme o eca.
Fuen e: Cap u a de pan alla.
La página es á dis ibuida de al mane a que apa ece un lis ado con los í ulos de
di e en es a ículos, ob enidos mayo i a iamen e de heme o ecas digi ales.
Al selecciona uno de ellos, se ab e el co espondien e a chi o en o ma o PDF, se
mues a po pan alla la ansc ipción del ex o o, di ec amen e, se edi ige a la di ección
de In e ne que es é asociada con dicho enlace.
Po o a pa e, ambién exis e la al e na i a de u iliza el icono que apa ece en el espacio
cen al de la página pa a na ega has a la sección Obi ua io.
Además, g acias a un icono si uado en la pa e in e io de la pan alla se puede ol e a
la página de inicio.
Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
101
Si se ha hecho clic sob e el icono comen ado an e io men e, se accede a la sección
Obi ua io, donde se pueden consul a no icias apa ecidas en p ensa as el allecimien o
de Tip. Dicha página p esen a el siguien e aspec o:
Figu a 75. Po al web de Tip - Sección obi ua io.
Fuen e: Cap u a de pan alla.
Aunque en la imagen an e io no se ap ecie del odo, pues o que el con enido sob epasa
el lími e e ical de la pan alla y se necesi a mo e el sc oll pa a isualiza lo po
comple o, bajo la esquela se lis an a ios a ículos de p ensa. Pulsando sob e el í ulo de
uno en conc e o se accede a él:
Figu a 76. Po al web de Tip - Ejemplo de a ículo de p ensa.
Fuen e: Cap u a de pan alla.

Po al web dedicado a la di usión de la igu a de Luis Sánchez Polack “TIP”
102
10.2.5. Con ac o
La sección Con ac o p esen a el siguien e aspec o:
Figu a 77. Po al web de Tip - Sección con ac o.
Fuen e: Cap u a de pan alla.
En dicha página, se acili an los da os de con ac o pa a que cualquie pe sona pueda
in e cambia opiniones con el adminis ado de la página, solici a in o mación o hace
llega ma e ial sob e Tip, pa a que, si se conside a opo uno, publica lo jun o al es o de
ecu sos.
Además, g acias a un icono si uado en la pa e in e io de la pan alla se puede ol e a
la página de inicio.