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.
Full text
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.