Paraninfo
a ’
cron
. =
APLICACIONES WEB
ALICIA RAMOS MARTIN
M2 JESUS RAMOS MARTIN
eae Ur wile mt) ty
Cee Rau]Material protegida por derechos de autorInternet, caracteristicas
y evolucion
Hace algunos aos, pocos imaginébamos fo que signifcaba la palabra intemet y la repercusion que tendria en nues-
tras vidas; era algo novedoso, para descubrir, una puerta abierta a todo. Hablar de internet era hablar de futuro, de
Jnformacién, de comunicaciOn, Pertenecia al vocabularlo de un selecto grupo de personas que podian acceder a esta
red, normalmente, profesionales y estudiantes de informdtica, Actualmente, internet se ha convertido en algo cotidiano
en nuestras vidas; en Eagania mas de 29 millones de personas de 20 0 mas aftos nan utilizedo internet alguna vez, y
1 67 %4 de Ios hogares disponen de acceso a internet, sientia el teléfone mévil uno de Ios dispositives cuyo Uso vB En
aumento para acceder-a la red (Informe “Las TIC en los hogares espafioles”, publicade or el ONTSI en abr de 2013).
Hoy en dia no se puede concebir una sociedad sin la red internet, pues constituye una fuente de recursos de informa-
ci6n y conocimientos compartidas a escala mundial, Es también la vis de comunfeacidn que permite establecer la c00-
perasign y eolaboracisn entre gran numero de comunidades y grupos de usuarios interesados por temas especttions y
Aistribuldes por todo el planeta,
POU
1.1 Conceptas basicos de internet
1.2 [Link] la webs
13° LaWab 1.0
1a LaWeb 2.0
15 LaWeb 3.0
Definir los concepios basicos relapionadas con la red de
redes,
Detinirel uncionemiento de un sendgar web y Un servicio
vob
Valoat el uso y a imponancia de ls bases de cates den
trode la web,
Inslalar servidares webs en dstiniasplstaformas.
Recanacery defini o que es una red sccia
1.5 Navagador web:
1.2 Seridoras web
1.8 Funcionamienta basiea den servicio web
1.3 Estructura de I informacidn de un sito web
1.10 Bases de datos asaciadas a un servicio web
1.11 Las reser sociales
1.32 Hacia fa Web 4.0
Material protegida por derechos de autorrts
El origen de internat se remanta al
‘fo 1969, cuando oe estaba prime
ra canesibo de earputoras, canaciga
‘camo AAPANET, ene os untersidaes
fe Calla y ana em Uh toca de
Estados Unig, Ulenban lanes tle
ica canmuta,
1.1 Conceptos basicos de internet
Internet es una gran red mundial de ordenadores. canectados que, como to-
dag las redes, per
compartir recursos # intercambiar informacién. Pede-
mos eomunicamos con personas ubieadas en diferentes partes cel mundo,
ya sea por motivas personales, de trabajo, académicos o simplemente de
facia, En esta gran rest munca,
jos ordlenadiores esti unidos a través de co
exiones de varios tipos y pars comunicarse utilizan un lenguaje @ proterola
comin, €1 TOP/IP. véase Figura 1.1.
ap —.
Fis
1.1 Red interaty eendetes betieae,
La red intemet estd compuesta por diferentes tipos de espacios que ofresen
distinos servicios a los usuarios. Asi, los servicios mas usados san:
‘email: ¢3 un servicio de camespendencia. A través de una cuenta 6
DUEGn de correo Se pueden erwiar 6 recibir documentos, gréfitos, vis
eos & sonidas, de maneca sencilla y répica, Es tamioién una direccion
electronics que sire para enviar a recibir correa desde cualquier name
del mundo.
FTP: es la herramienta vtlizada para vansferir archivos de una ma-
‘quina 2 ota a través de internet, Los sitios FTP (Flfe Transfer Protocol
= Protocolo de transferencia de archivos) son lugares desde Ins que
pademos descarpar o enviar archivos, Muchos de los archivas que se
pueden descargar estén disponibles ena web, Por ejomalo. [Link]
[Link] (sitio de Micrasoft nara bajar archivos}.
Notlelas (news): los grupos de noticias son boletines informathos:
gigantes y globales que tratan matenas especiicas. Se pueden leer
mensajes que alguien ha publicado, responder a esos mensajes, o
publi¢ar un mensaje: propio.
Telnet (Tolecommunication Network}: amulacién de terminal; permite
un usuario aceecer a una maquina remota y manejaria camo si es-
‘twvlese seniado delante ce ella, Es el sistema empleado para aregiar
allos de mdquinas remotas o para realizar eonsultas a distancia como
gor ejemalo para consultar los fondes de una bibligteea, Su principal
oroblema es la seguridad ya que los nombres de usuarie y contraserias:
viajan por la red como texto plana,
M
arial protegida por derechos de ai&
f
i
+ WWM: este servicio tllamago popularmente Ia web) permite al usua-
fio acceder 3 gran cantidad de infarmacién y a distintos tipos d= decu:
mentos de manera sencilla. Se Is iama ‘la gran tela de arama" (World
Wide Web) y es la herramienta mas ultilizada en internet. BSsicamente
germite visuslizar en la pantalla del usuario "paginas. (liamadas gené-
ricamente “sities”) can infarmacidn aloada en ordenadores remotes.
+ Chat © IRC {internet Relay Channel: es un servicio mediante el eval
ns usuarios establecen comunieaciin en tiempo real, que puede ser
privada 0 entre un grupo de personas. Los métodos de comunicacién
pueden ser el teclade, el audio y el video.
+ Servicios de t permiten establecer una conexion con voz
‘entre dos perscnas eonectadas a internet desde cualquier parte del
munde, sin tener que pagar el coste de una llamada internacional,
Algunos de estos servicios incorporan no solo vor, sina también ima
HEN; ef CSLE C080, 5 laa video onfereneia
1.2 Fundamentos de la web
Los conceptos de intemet y web 2 menudo se confunden y se tlende a creer
que son lo mismo, pero en realidad son diferentes. internet engloba alas
teenofogias que haven posible que los ondenadores ubicados en diferentes fu-
gares def mundo se canesten eatre si'y puedan compart informacicn, Esta
eonesidn es posible mediante cables, médems, linzas telefénicas, muters,
protocolog, etc. A todo ese conjunto de tecnologfas se le llama internet, La
wed es soln una de Ios servicias que proporciona internet
La web fue ereaca en 41989 por Tim Bemers Lee. Consistia en una forma de
‘organizar la informacién usando como medio fisice de comunicacién la red
tetnet ye protocalo HTTP. HTTP thypertext Transference Protocol) es el pro-
tecolo de transterencia de hipertexto que los navegadores utilizan para reali-
zar peticiones a los servidores web y para recibir las respuestas ce ellos. Es
| protocalo que se ubliza para ver paginas web,
Tim Bemers Lee unié internet (la tecnelogta) ¥ HTTP tel protocolal y ered la
web (véase Figura 1.2). De esta manera, todo ef mundo pedrla conectarse y
compartir informacién usando internet. Por tanto, para visitar paginas web se
necesita el protocolo HTTP y por eso, las direcciones comienzan con dicho
Protocolo, por ejemplo [Link] [Link],
WEB = INTERNET + HTTP
Figua 2.2. Deiaseisn deta web,
‘Segin la Wikipedia, “Mipertexto en informatics, es ef nombre
‘que en la pantalia de un dispositive electrdnice conduce a otro texto relacion
rig", Bésicamente, se puede decir que son archivos de texto plano que utilizan
comandes HTML (Hypertext Markup Language» Lenguaje de marcas de hiper-
texto] que sen interpretades por el navegador como comandes de formateo de
texto, Ast pues, los hipertextas se crean a través de un lenguaje HTML, El pro-
socolo HTTF permite solicitar documentos que contengan hipertexto,
‘30 puode wir we coma ol eonjunto
de dacumenlos que se conectan en=
‘ne ellos a avi de enlaces © links un
ok es el nambre que se ullza para de
signa certaspaisbeas qua aparecen en
un feela yu, al lua el punta del ra
‘eevzabre ols vhaegn presi ol Botén
Taguerdo del ran, nos evar ala p=
‘gna o sto nb). Estosdecuments rci-
ben el porns te piiginas wel y cada
‘yer que hacemas cle on un enlace ete
es Hevea lea pigina web,
By
‘antes de aparece el protocoio HTTP so
vests FTP
Material protegida por dere:Deer ame
Seti
Se
wget el HTMA eae Tm
Bomers co, por ln primers rrin for
real ova lugar en 1983, fina con
ajuda de la IETF Uiemet Engloeering
Tak Force — Grupa de aja ng
siesia
arnt
rt
"Ya somas mis de 2.400 millanes de in-
terauing en el planota, un SOG% msc
gue an el aflo 2900, de foe cuales et
70% nos eanectarce a dco, Estes
pene un 37.19% de bs pain munis
‘Gada segundo 8 personas comierzan a
tuna a Flee Eetado de internet mayo
se 2013, Fentohlta Tw deema e-
[Link]/himil/[Link]
La "burbuja puntoeem’ fue ura burbs
eanimica de cardcler espculative que
88 produjo etre 1998 y 2001. Las em.
Fresas vinculadias al sorter de internet
\eron neremantad raplscnents uv
Tren las bolas te alors, Yahoo, Ebay
y Aeaza niece pa de bung
SEE
La we ha pasado por varias etapas: la Web 1.0 que se caracteriza por e
sontenido estitico, la Web 2,0 caracterizada por el contenido dindmico 0 inte-
activo y la Web 3.0 caracterizada por el contenida colaborative. En la Figura
1.3 se puede ver esta evolucién, llegando incluso ala llamada Web 4.0, en la
‘que ol sistema operativo establocide on la web tone el pratagonismo, zHasta
dénde llegara esta evolucién?
~me Web 4.0
viet 3.0°0
Ft as ones eee reed
Figua 2.3. Evaeide de la et,
1.3 La Web1.0
La web iniclal ue la Web 1.0, Las paginas eran estdticas y el usuario na po:
dig interactuar con elias, Sus caracteristicas son:
+ Las paginas web estaban escritas a mano en eodigo HTML. Afar o
‘cambiar algo en la pagina requetia mucha tiempo y transi.
+ Elcontenido y el disefig estavan juntos en el oédige HTML, Si s2 desea.
ba cambiar el color o el tipo de letra de un parrafo © cabecera comin a
‘odes les paginas, era necesario cambiatlo en cade una ce elas
+ No habia normas. de diseni én las péginias web, con lo que era facil
‘encontrarse paginas con colores estvafalarios, marquesinas que sal-
‘taban 6 bailaban, ets. En resumen, paginas que mareaban y creata
‘aesconcierto en el usuario,
+ Nose usaban las bases de datos y, por tanto, no existian los usuarios
oi el registro de usuarios, todos eran visitantes.
+ Los usuatios sole podian ver eontenides come textos imagenes y no
podian registrarse ni comentar 0 afadir centenitios.
El contenide era generade por las empresas del sector. Sole se eodia
ver lo que ellas querfan mo:
En la Webi 1.0 9 existia Googie; existia Yahoo, Altavista y otros buscatlores;
encontrar algo con dicnos buscadores era muy camplicade y habla gente
‘que se ganata la vida sole haciendo basquedas, Tampoco existia YouTube,
Facebook, MySpace, Messenger, nl ningun ove tipo de mensajenla instanta-
nea, Si que existian canales de chat y el famosisima mIRC, el cliente de IRC
més extendido en los sistemas Windows.
Material protegida por derechos de1.4 La Web 2.0
‘A mediades de los noventa sumgjeron grandes empresas que hicieran mucho
dinero ofreciende sus servicios @ través de la web. De todas ellas hay que
destacar Yahoo, Ebay Amazon:
+ Yahoo, creaga en 2995 por Jeery Yang y Davic Fil como una guia de
eonteniaes en internet. Yang y Fila empezaran a organiza’ los sitios
‘web por categarias, para que los. usuarios pudieran encontrar répidas
mente lo que buscaban,
* Ebay, creada en 1995 por Piere Omidyar como una empresa de sux
oastas y gangas
© Amazon, fundads por Jeff Sezos en 1994. Consistls en una tiends de
bcos por Intemet, Actualmente no sole vende libros, también vende
software, ropa, videojueges, electrinica, discos, myebles, etoétera,
A partirde estas empresas, que afiadian webs mas dinémicas incorperande
sistemas de gestidn Ge contenidios, naci6 Ia Web 2.0. El termina Wen 2.0
SUrBiS en et afta 200K, acunado par Dale Dougherty. de O°Reilly Media, y 52
refiere a la nueva generacion oe paginas y contenidos en la red. Los sitios
Web 2.0 utilizan teznolagias camo bases de tatos, hojas de estilo a lengua
Jes de programacian ¥ permiten a los usuarios interacluar entre ellos y crear
SUS Bropigs cantenidos,
Caracteristicas de la Web 2.0;
+ Uso de bases de datos que permiten ol registro de usuarios, la erea
clén dé perfles, la insercién = comentarios y discusiones, etoeters,
+ Aparecen las redes sociales, que permiten que Iss personas estén
‘eh permanente contacta con amigos y familiares, asi como conocer
nuevas personas.
+ Los usuarios pueden almacenar y compartir documentos en la red de
una forma muy sencilla,
+ Aparecen aplicaciones web colabarativas al aleance de los usuarios,
que ‘eemplazan a las aplicaciones de escritorio y @ las que se accede
mediante un navegador web,
+ Cuaiguier usuario puede cresr su propio espacic, publicar sus fotos,
gus opiniones, sus viseos, etedters,
+ Efilos sitios Weo 2.0, la mayor parte del Contenido sev creado por el
usuario,
‘Asi, podemas entender la Web 2.0 coms “todas aqueias utilidades y servi-
eos de Internet que se sustentan en una hase de datas, /e cual puede ser
modificada nor los usuarios del servicio, ya sea en su contenido (afadiencdo,
eamtiando 9 borrande Infozmacisn 0 asoeiamdo datos a fa informacian exis
tente), bien en Ja forma de preseatarios, 0 en contenido ¥ forma simultanea-
mente” [Xavier Ribos, 2007),
En la Web 2.0 nos encantramos con los siguientes tipos de servicios
+ Redes sociales: destacan Facebook y MySpace.
+ Foros: donde los usuarios mantienen conversaciones sobre algict tera
de interés coman,
+ Compartir y organizar fotografias: a=stacen las hersmientes Flick y
Please.
* Compartir video y musiea: destacan YouTube, Vimeo y DailyMotion.
SS
‘a ferma mis fil de crear un wee leg
ira stce como ww [Link]
‘[Link] y renistarse coma
‘un nuevo usuario, Albacefo we habia
‘ogramas con interfar web para cri-
bir ecko people disse de actividades
‘eobee castquer tema) y, stems, ol s-
{to de persanas pueden verioy commen:
1 sobiee amo, El eeetorice del Mog
queda en of servidr de esos proverda:
es del service,
Cm”
Maierial protegida por dere:arte
ETUC]
‘Un sindnimo de In Web 3.0 sla Web
ssemintica que e¢ uss web extends,
sSotada de mayor signticade en la que
cualquier nevarie en internet pada en-
enter fesquestas a sus preguntas 62
forma ms ripica y senciia gracias »
tune formacitn igor deficiga M edatar
a wep oe mis slgniteade y, por tan-
f, de mts semanbca, sc pucten ob
fer scluetone® a problemas abate
nla bisqueda de infarmaciin grecins 2
1a ullzasién de una intawetrueta eo
‘in, mediante la cual es posible com
barbr, prezesar y tarsterirnfereacien
se forma sencilla, Esta web extendida
yy basada en! signicado, se apaya en
‘ante de comsknlica an la gue, en oca~
slonas, el acceso a la lafermaclin $0
crwierte en una trea ofl y fustranie
a
+ Ofimtica web: destace Zoho © Google Docs.
+ Blog: © un sitio web donde se recogen cronoiégicamente articulos u
‘opiniones de une 0 varios autores. Destaca WordPress.
+ Mieroboggin: es un sitio web donde los usuaios gueden enviar publicar
mensajes breves, de 140 carsateres como maximo. Destaca Twltter,
Pech eee
Un biog 5 como un dlaro personal exsuasto en la fad, UN mado para exBrESAr Op
niones personales y-comuncados para todo | munca. En el blog, los usuarios es.
Cita perkidieamente sobre cualquiee teens: os ulimnies escritos 2 MmUEStée ef I
arte superior para que ls personas que wiston el stio-sepan cuales la informaciin
mas reciente. Esa nformacion se pusds commentary, si sé desea, se puede escribir
ln mensale af autor, Existon mutitud de sities para fo eweacdn oe blogs. Dos-de los
‘és conosidos: son IWardoress (tp: //[Link]/) y Begg ([Link]
[Link], Eni en ina Ge estas deeciones y erea tu Mog personal
1.5 La Web 3.0
El futuro de la red esta én una red internet inteligente, que entiende y rela
ona lo qué é! usuario busca —semdntica—, que Se puede transportar én la
pala de la mane porque es movil, qué es Capaz de programar el harno de
casa minutos antes de llegar, etc, en definitiva la Web 3.0,
La Web 3.0 supene una revolution en la web Basada en datas y dispasiti-
vos vineuladas. Se presentan nuevas formas de integracién y combinecisa
de dates para logras la informacin y las conacimientos: y nuevas formas de
eoneetarse a la Web 2 través ae una vatiedad de méquinas capaces de la
busqueda, la cambinacidn ¥ el andlisis de datos. Las tecnologias emergen-
tes que permiten que la Web 3.0 se conmerta en una realidad son: la web
Semantics, vides en Ia web, web movil yweb Ubseua.
Las carscteristicas principales ce la Web 3.0 son:
+ La wen como una gran base de dates distribuica,
+ La consolidacidn de la wots seméntica.
+ Contenido accesible @ través de multiples dispasitivos como televisc-
ces, PDA, méulles, tablets, etoétera
+ Apalancamiento de las tecnologia’ de inteligencia artificial: a través
de agentes inteligentes que puedan aprender de Is interaccién con
+ La web gecespacial: combina la informacién geogratica disponible de
105 USUBTIOS, CoM la informacién adstracta que predomina ea la web,
Benerands contextos que penmiten realizar busquedas u atertar servis
108 en base a la localization. Gracias a ella sé localiza una tienda ©
el lugar dance se toma una foto.
+ Ambient= 3D que transforme la web que conozemos en espacios trid/-
mensionales inmersives, donde Ios USUsring BUECAN SUMErBese © Inte
tua? 8 través de representasiones, esta wisiSn sbrird nuewss formas
de conectarse e interactuar usando entarnos eolanoratives en 30.
Para alcanzar toda esta nueva red se conocimiento, sera necesario etique-
‘ar, organizar y definir toda la informacién ¥ conseguir teenologias nuevas ca-
aces de hacerio. Las teenologias dala wel semsintie narmiten a la gente
jatarial protagida por derechts de arear almacenes de datos sobre la web, construir vocabularios y escribir re-
Blas para manejar les datos. Los datos enlazades deven su potencial a tec-
noiogias come RDF, SPARQL, Own, y SKOS:
* RDF (Resource Description Framework): es un modelo conceptual que
sirve nara gropercionar informacidn deseriptva sobre los recursos que
se enguentran en la web, permmienda el intercambio de informacion a
‘través de diferentes aplicaciones sin que los satos pierdan su signif.
‘ead, lo que facilts Ia reutllzacion d= los recursos.
* OWL (iveb Gntoingy Languagelt es un lenguaje de marcado pars eublicar
¥y compartir dates usando catologlas web. Una ontologia define las tér-
‘mines. a utilizar para desceiir y representar un te8 de conocimiento,
+ SPARQL (Pratoco! and ROF Query Language): lenguae pars la consulta
de grafos RDF.
+ SOS (Simple Knowiedge Organization System): es una inisiatvs det WSC
en forma de aplicscion de RDF que proportions un models pare repre
Ssentar la estructura basica y €l contenido de esquemas conceptuales
coma listas encabezarsentos de materia, taxonomiat, esquemas de cla
sificacion, tessuros y cualquier tipo de vocabularia controlada.
Tecnologlas actuales en la Web 3.0 son la Web 30 y la Web penetrante:
+ LaWeb 30: ss refiere a la tecnologia 3D on internet. Se usa dee manera
imasiva en juegos, en fours mundiales virtuales, irgenieria gene spacial,
investigacidn de site tecnolog’a online, redes, desarrollo de software onl
ne, telecomunicaciones onfine, compras online y redes suciales,
= Web penetrante: se refiere 2 aquellas aplicaciones web que na solo se
‘encuentran en Ins ordenadores y teléfonos mdviles, sing que también
se encuentran en objetos como ropa, espejos, ventanas, coches, con la
posiblidad de que procesen informacidn y acten en consecuencia, Por
‘gjemplo, imégjnate espeles ae baie canectades a internet de manera
‘que mientras nos lavamos los dientes padamos consultar las noticias,
Eos ir aa ee
Entra en YouTube y visualiza el video: [Link] [Link]/wateh?v=
a05WYZ9ROK
Contesta a las siguiontes cusstionss:
sens una carosterstica quo representa in Wich 3.0,
ela Web 3.0 es une web semantics?
Qu #5 Io qMo 5a [Link] In Web 3.07
‘Qual teins liza ba Vass 3.0 pa clsificar el conteaia?
1.6 Navegador web
Un navegador web (de! inglés web browser) eS un pragrama que permite vi-
sualizar Ia Informacion que contiene una pagina web, pues interpreta el cO-
digo de Ia pagina (normalmente HTML} y Io visualizs en la pantalla, ES la
heramienta qué utiliza el usuario para moverse € interactuar con ta infore
macién contenida en las distintas paginas web de la red.
El primer navegador web aparecié en los afios 90, coneretamente en 1993, y
fue deszrrollade en los laboratorios del CERN (Centro Europea para la Inves-
tigacion Nuclear) de Ginebra, Su nambre era Mosaic. lniclalmente solo fun-
BT
‘Una basqueds iinbuscs ex un modo
se moto de blequeds enol que las ba
was oe rasta web, inoxacién y pea
cesaminnto de consullas se distrnuyen
cam eau a
a por deresionaba en entornos UNIX, pero pronto aparecieron versiones para Windows
(Spygiass Mosaic) y Macintosh, Mas tarde, ented en el mercado Netseane Navi-
‘astor, que répidamemte superd en caparidades y velocidad a ftosaic, Este na-
vvegador ere capaz de funcianar en entomos UNIX y Windows. En 1908 Micra-
soft lanzd Jnternet Expiorer (I), el antiguo Spyglass Mosale. En el afio 2897 se
reeseribid @ cod\ge de este navegador y ello, unido a la aparieida del sistema
‘operative Windows 98, consiguid desbancar a Netscac
La empresa Netscape Communications Corporation liberd el cédiga fuente
de su navegador, con el fin de recuperar su cuota de mercado, naciendo
as{ el proyecto Mozilla, La comunidad de usuarles del software libre desigié
reesenbir el navegador desde cere. La primera version aparecid en junio de
2002 y era capaz de funcionar con multiples sistemas operatives,
A fingies de 2004 aparene en el mercado Firefas, una rama oe desarrollo de
Mozilla, Aetualmente esta consiguiende una gran popularicad gracias a sus
estanas, su ligereza y su versatilidad, basada en un sistema modular de
extonsicnes.
Pcie ace)
xieten muchos més nevegatores (uae Figura 2.4), cere Opera, Safar, Mangus
‘0%, SeaMankey, Camino, Maxthon o Google Chrome. Cada uno de ellos tiene unas
caracteristicas eeperiieas. Qusca en iniemet estos navegntiores, @ indica le tex
ologia que utilzan, en qué sistemas operativos pueden utiluarse, sus carscteris-
ties, etestera,
Un navegador mévil (mobile browser) ¢ micronavegagor es un navegador we
disefado pata el uso en dispasitives méviles y de reducidas dimensiones, ¢o-
mo POA, teléfanos movies, teléfonos inteligentes ¢ tabletas, Los micronave-
adores estdn optimizados para mastrar contenido de internet en pantallas
reducidas, y utlizan tamafios de archivo redutides para ser instslados en dis-
ositlvos con memoria de bsja capacidad (Fuente: [Link]
‘wikl/Micronavegator).
‘Aunque a mayoria de los sistemas aperativas mdviles incluyen «i navegader
web. podemos descatgamos otros igual que hacemos con el PC o portatl.
Algunes ejemplos de navegadares weo méviles son: Golphin, Oper Mobile
Skyfire, Firefox, Chrome, ete.
1.7 Servidores web
Un servicer web es un programa disefado para aceptar ceticiones HTTP
del navegador y Servir las paginas web que tiene aigjsdas. Para navegsr 3
Un sitio web sé necesita saber la direccion web exacts del sitio. Cada sitio
web tiene una direccién unica conocida como URL (Uniform Resource Lox
‘eator » Localizatior uniformé dé recursos}. En una URL $© pueden distinguir
tres parles: ¢| pratacole, el nombre de dominio del ardenador servider y lat
ruta en el servidor. El protocolo que se utiliza para Servir paginas web es
1 HITP, el nombre de ceminio indica el ordenador de internet que nos va a
dar la informacién solicitada y la ruta indiea la ubicacién del archivo solicitae
do dentro del servidor juéase Figura 1.5)
Antes de ver cOmo funciona el acceso a un sitio web conwiene tener claros
los siguientes conceptos:
fatarial protegida por derechos de aMae ate
PRoTOCOLO RUTA EN EL ae)
I SERVIDOR:
a
http: //fimwemies /BUCM/servicies/[Link]
——
NOMBRE DE
BOMINIO.
Figura 1.5. Getctura de una direccton wet
+ Direcciones IP a direcciones internet: som (2s direcciones que utiliza
‘el protacola IP (ntemet Pratoco! - Protecolo de intemet) para identifiear
de forma nica un dispositivo en internet. Este protocolo permite que
{a empram japaneza NTT ire en el
se comuniquen los dispositivos conectados = a red, ya sean ordens essai de ana «ed pleads Inana
dores, routers, puntes de acceso, dispositivos méuiles, servidores, etc. Eatwcterseat hearer
(Uns diteceién IP es un cédigo numérico que posee custre valores sepa capa human an ui canal de luni
cados por puntos, y que pueden vatiar de O = 255 (en total, 256 velo sine datos Flute tpet/senat.w-
ss posibles}. Algunos ejemplos de dlrecciones IP son:
+ A72.16.1.12 (correcto).
+ [Link] (eorrecto)
+ [Link] (incorrecto, os dos primeros valores san mayores que 255).
+ Los dominios: sor ins nombres
= == mae
oe oon == imino de fercer nivel, subsdominie. tra
* =a ‘Semple: [Link], fa-
° — 5 soa midi com
on ee z= “SE
cece o =z
—— ~ 2
| nes
Figura 1.6. Buseader de nombres de sominiSaale b) Dominios torritorlales a dominios pais; representan a un pals yes.
jibes tan a cargo del Estado de cada navidn, Por ejemplo: .es (Esmafia),
«Ar Francia, «ik (Reino Unido, .ar Urgentina), .de iSlemanial
Enisten muchos sitios web desde los que podemos registrar un dominio
y normelmente, antes de reg/strarlo, podremes. camprabar si esté ono
‘disponible El precio dependeré del tipo de dominio. La Figure 1.6 mues-
‘va los resultades de comprobar si un desinio existe, Nomalmente, el
‘vempo minimo de dursci6n del regjstro [Link] un ana y, pasado el mismo.
se padrd renovar 0 perderlo,
+ Los proveadores de servicios de intemet o ISP (internet Service
Provider): para ostablecer una conexién a internet se necesita un prowee-
dor de servicios de iatemet 0 ISP. Son empresas dedicades 8 conectar
a intemet 3 los Usuarios o las distintss redes que tergan. y a hacer el
mantenimiento necesaro para que el egcesa funcione cemrectamente,
‘También ofrecen servicios relacionados, como alojamiento web @ re-
Bistro de dominios, entre otros (véase Figura 1.71.
ON
. a iy wrtar 4
& ee a”
USUARIOS
Fa
“LT. Provetlor de wervcon.
un ISP #8 como una compania proveedara de 08 telefonicos.
‘Se paga por meses. o a veces por una determinada cantidad de no-
ras; 9 bien se page pera tener acceso ilimitado, El coste varia en
funcién del plan que se elije, Este servicio generalmente incluye una
cuenta de correo electninico gratis y & veces una pagina de internet
Son proveedores de servicios internet empresas coma Jazztel, Ona.
Vodafone, Movistar y Oranges, entre otras.
+ Los servidores DNS (Domain Name Server - Servidor de nombres de
dominio): sen los que resuelven el nombre de un daminio en una di
reccién IP determinada (asi ne es necesario tener que recordar y usar
fa direccién IP). Cada servidor mantiane una base de datos de nom
ores y direcciones para el dominio local. Para satisfacer las solicitu
des fuera del dominio local, cada servidor almacenara también los
EI BNCR (Oynamic Host Cootigaration nombres y direccicnes de otras servidores de nombres. Todo este
‘hast dinimico) es un sistema desarroa-
‘80 para arignar ireccans [Palos chen Los servidores DNS suelen ser dos: el ONS preferida y el DNS alter-
tes que lo soliciten, Las direcciones s= native. El segundo esta para sustituir al primero en el ease de que fa
‘concedien por un pevica de Sernpo ee la; Se RUEdEN observa’ accediende a las propiedades TCP/IP dela
ao ‘ateta de red, (2 mayoria de Ios usuarios comésticos utiizan comp
~\GH” Servidor ONS e! proporsionado por él proveedor de servicios de inter
net. La direecion de estes serndores puede ser configurada de forma
manual o autamatica mesiante ONGP. En otros cages, coma en una
‘ivranet, los agministradres de red Wenen gonfiguragos sus gropies,
servidares ONS,Ast ougs, existen tres elementos indispensables en internet para que sea
posible fa conexién:
. Servidor web, Es un servidor que estd preparade para servir péginas
‘web las 24 horas del dia. Se estd ejecutanca continuamente y atiende
4 las peticiones que hacen los clientes desde los navegadores.
2. Dominio, Es ol sitio web al que queremos acceder, Se introduce en la
barra de direccionos del navegadcr.
‘Servidor DNS, Es el encargado de transfotmar e nombre: del dominic
‘de un servidor web en fa dlreceién IP,
De uns forma sencilla, el funcionamiento es el siguiente: cuando desea
‘mos localizat, por ejemplo, una pagina web, escribimos [Link] en
a barra del navegador, En primer lugar, el navegador Identifies Ia URL y, 3
contiauacién, solicita al servider ONS la direceion IP. El servigor DNS indica
al navegador que tiene que ir a buscar la informacion de la pagina web a la
IP 173.184,34,208 (véase Figura 1.8).
‘SERVIOOR ONS
Figura 18. Busqueda deta IP ene sorvidor DNS.
EI navegador establece una conexién con la direccidn IP proporcionada por
#1 servidor DNS, EI servidor web envia el archivo correspondiente y el na:
vegador muestra Ia pagina solicitada, Todo esto ocurre en milésimas de
segundo (véase Figura 1.9).
uses el centenide de
‘warw google es
‘SERVIDOR WEE.
Fgura 4.9. evolucién do ka web solicited,
1.7.1 Instalacion de un servidor web en Windows
En este epartado se muestra cOmo instalar un servidor web. Se Instalard
XAMPP, que incluye el servidor web Apache, al gestor de base de datos My-
‘SQL y los intérpretes para los lenguajes PHP y Perl, Este distribuclén incluys
SCs}
FP Pecassaber la P de was. [Link] acct:
a ee eae cee
‘estribe a orden
Material protegida por derTodas las paginas y aplicaciones web
‘ue se almacenan an la carpota C-
xamppinidocs podrin ser vieulizacas
Sead ef mawecdor esccbiendo Wp!
oeathostinombre_ pagina htm!
togo le necesario para realizar aplicaciones web. La instalacién en Windows
‘es muy sencilla, basta con descargarlo de la web de Apache Friends httpi//
‘wow [Link]/‘en/xampp-windows, html y seguir los pasos de la
instalacién, La versidn a instalar on este caso es xampp-win32-1,8.2—
[Link], Desde ol Panel de contral de Windows (Pane! de
eantraf Programas Programas y caracteristicas) hemos de comprobar si tene-
mos instalado el paguete Microsoft Visual ¢ ++ 2008 Redistributable, sino
‘e5td instalado es nevesaria instalatlo ya que PHP Io necesita para funcionar.
El paquete en espanol se puede descargar desde la URL [Link]
[Link]/es-2s/dewnload/details.ascx7id=5582, el ficnera deseargado se
lima verediet [Link] y puedes encontraric en los reeurses digitales
de este libre. Para instalarlo se ejecuta el fichero y se siguen los pasos del
asistente, Los pasos a seguir para instalar XAMPP son:
1. En primer lugar y para que al preceso vaya més répido suspencemas ta
-=jeaueidn del antivirus (si tenemos une instalado) durante la instalacidn.
Hacemos doble clic én el archive xampp=win32=1.8.2-0-VC9-ins=
taller. exe; $i el control de cuentas de usuario esta activado, el siste
ma nes pide avtorizacién para realizar la instalacién, pulgamos el botGn
‘Si, Se muestra una pantalla oe aviso que nos recomienda mp instalar
AMP en C:\Pragram Files (x86) si el contrel de-cuentas de usuarin (UAC)
.25t8 activado, pulsamos Gk prs continusr. S& muests la pantalla inicial
de instalacién, pulsarnios el botdn Next La siguiente pantalla muesta
‘98 componentes que se jastalarén. Marcamos los siguientes: Apache,
MySQL, PHP y phpMyAdmin (véase Figura 1.49). Pulsamos ef botin Ment
Figui4. 10, Eglende-componentes de NAMPR.
‘A continuaciin escogemes wl directorin donde instalarlo, por wiemple cc\xamne,
Fulsamas el botén Next La siguiente pantalla muestra informacién sobre el pa-
‘quete BitNami para XAMPP que facilta la instalacién y configuracion de aplica-
siones wed como por exemplo: WordPress, Joomlal, Drupal, ete, Desmarcamos
{a casila para obtener mas informacide de BitNami y pulsamos el bot6n Next. Y
de nuevo Next gara iniciar la instalacién, En la siguiente pantalla se muestra la
h
Aaterial protegida por derechos de abarra de prograso del proceso de instalacién, Desde | pantalla final de instala-
eién dejamos mareada la casila y pulsamos el botén Finish (wéase Figura 2.21).
Completing the XAG setuptheard
| cenp hastened tang 16? on me career
Figua 3.14, Final ela nstloeide de KAMP,
2. Wcontinuacién, se abre la ventana del panel de control de XAMPP y
se pulsa el botén Start, situado ala derecha de los nombres Apache
MySQL, para iniciar el servicor web y la base de datos (puede que
fel frewail de Windows nos pida sutorizacién para permitiriniciar los
servicios). Si funciona correctamente, apareceré runalng en el mar-
0 inferior del panel de control y Apache y MySQL se mostrargn con
un fonda verde (véase Figura 1.12).
uta aaa ea er
XAMPP Central Panel 3.2.1 “coma |
Siew) Pareto anpgras aves wxsan en
cee lsc lant ramire de incor at
- oinde phy Sie desea siecuter aire hay
taal (alee ‘que escribvia Por ejemplo, si se excrive
ty | ton pidoeahe sss ga
“dbx de laearpea Craps nics
‘ise eserbe http localhost espica
‘on oe vializa a pigina ina home
[a caxpela ClarmppiiestMineacon.
‘Ya exons http Macalhostiejorct-
[Link] se visual la pagina amada
_Gerccin nfm ubicada en la capeta 6°
rare.
Ugur £12, mrranqus Sl earvidor Apsoha ya bakes datas MySQL HEE
3. Acontinuacién, se comprueba la instslacién entrando en el servidor. Se
‘sbre el navegador y se escribe hilp:/ /locsthost/; en la ventana que
aparece #0 olige el idioma espafiol para que so visvalice la ventana de 13
Ja por dere
i
iPuede coverit que a inatalar XAMPP, 2
senior Apache no arrange porque las
puering que ubliza estin oeupades por
‘bres programas {por ejemplo, el prio
20 oof 443 que ules Apache ne pus
se estar usando cto prograrsa. Para
alucionareatce poblerese se pulea en
fl batin Cony dade el panel de con-
trol de XAMPP (que aparece en la linea
onde wels Apache}; y ev caleccions
Apache thited cant) © Apsene shttod-
-sstconf para edilar el fehere Apache
‘nttgs cent 0 Atfpa-saicont (sa selec
ona et primero si enbauen canfico et
usr BO, af segundo sal qus entra
‘en conflict es ! 443), Se buseari una
lines grec Listen 0 o Listen £43
1ys@ cambia el nimere de puerta por
tejempln paca el primer easa se pone
2000 y para el sequnda 4430). Se guar-
san los carias y una wer quordaces
werd ncaa relniiar MMP.
Uilirando of bot Metetatdel panel de
contial de AMPP se pueden ver los
peertcs que se esti utizande
\unEEEEe
adiministracién de este servidor fvéase Figura 1.13}; con esto el servi-
‘dor web ya ostd instalado. Hay que tener en cuenta que ol servidor est
‘en logal y que no es posible conecterse a ¢i desde internet, pues ne
‘2st eonfigurado para ella, Toda el almacenamients wen dentin Ge este
‘servidor se ubicard denvo de la carpeta C:\xampp\ntdocs,
Figura 2.23, Ventana de adisaistnclan del servigor wal
En el grupo de programas de Windows se erea et mend XAMPR para acceder
al panel de control gulsamos en el mend XAMPP Control Pane’.
1.7.2 Instalacién en Linux desde la linea de comandos
En este apartago se instalard Apache, PHP y MySQL desde la linea ce co-
mandas de Linux, Qurante Ia instalaeion puede que se necesite descargar
archives desde el sitio web de la distribucién de Linux, ner lo que es nece-
sario disponer de conexién a intamet: no obstante, antes de la descarga
preguntard si deseames continuay. Las pasos son:
4. Se abo la consola, se ascribe la orden sudo su y se pulsa la tecla
[Intro], A continuacin, se esctibe la contrasee del usuerio, Se escri=
bbe la siguiente orden para instalar Apache:
apt-get inetall apsche2
2. Se eseribe Is siguiente orden para instslar MySQL:
Yaptoget Lnstall nysqleserver
Al final, nos pide escribir una convasefia para el usuario root,
Escribimes. por ejemplo maf, asi es mas fécil recordarla, ya que en
Ins Unidades 3, 2 y 7 necesitaremos esta informacién (aunque no es
recomendabie dar ala clave el mismo nombre del usuarin).
. Se escribe fa siguiente omen para instalar PHP:
apt-get install pps
4. Se eseribe la siguiente orden pars instalar el médule de Apache para
autenteacion MySQt
#apt-get inetall Libspache?-nod-auch-myegl
Material
protegida por derechos de ai5. Finalmente, se escrive | siguiente arden para instalar el médulo de
MySQL para PHE:
apt-get install phps-myeql
Fare comprobar si el servidor web esté funcionands, se abre el navegador
web y se escribe Ie URL http: //localhost, Debe aparecer el mensaje Ht
‘Works! (jFuncione!). Pare comprobar si MySQL se ha instalad comectamen-
te, Se eSeribe la Siguiente orden desde la linea de comandos de Linux: ysl
-U root -p, y Se pula la tecla (Intra). Nos pedid Ia clave del usustio root (la
‘que se asign6 en el pase 21, Si toda ha ide bien, se visualizard la siguiente
informacién en la pantalla
Welcome to the MySQL monito:
Your Hyoql connection id 1a 42
Server version: .5.12-Gubuntub.12.04.1 (Ubenta
Commands end with ; or \g.
copyright (6) 2009, 2013, oracle and/or sks aBiliates. ALL righta
reserved
oracle is 4 registered trademark of eracle cerperation and/or
ita aililiates. other nanea may Ee tradomarke of their respective
ype “holp;! or “\hr fox nolp. Type ‘Ae’ to clear the current input
emer.
nysqi>
Pare prabar la instalacién de PHP se orea un archiva de nombre [Link] 2a
la carpeta /vsr/aww y se estriben ias siguientes lineas:
<2
Bhpintetts
A continuacidn, s2 abre el navegador web y se esoribe la sigulente URL
l[Link] Gebe mostrar ia infarmacién de la instalacicn
PHP (véase Figura 1.14).
es .
eS eee
Treats
[ate iaeaee
(areca
raz tient tsar cuore
‘SABIAS QUE:
ara reiniciar Apache se eacribe desde a
lines ce earns:
sue tert apache? restart
Para pa: ache:
También podría gustarte
Libro Fol
Aún no hay calificaciones
Libro Fol
231 páginas
ASIR
Aún no hay calificaciones
ASIR
19 páginas
Fol
Aún no hay calificaciones
Fol
43 páginas