SlideShare a Scribd company logo
1 of 7
1   Introducció al Web



             Escola Tècnica Professional del Clot. Fòrum 2009
                                    Web 2.0 per a educadors
                                                    Sergi Grau
web 2.0 forum'09




                             Internet
Internet, la xarxa de xarxes, neix a mitjan anys setanta, sota els auspicis
   de DARPA, l’Agència de Projectes Avançats per a la Defensa dels
   Estats Units. DARPA va començar un programa d’investigació de
   tècniques i tecnologies per unir diverses xarxes de commutació de
   paquets, la qual cosa permetia que els ordinadors connectats a
   aquestes xarxes es comuniquessin entre ells de manera fàcil i
   transparent.

D’aquests projectes va néixer un protocol de comunicacions de dades,
   IP o Internet protocol, que permetia a diversos ordinadors comunicar-
   se per mitjà d’una xarxa, Internet, formada per la interconnexió de
   diverses xarxes.

A mitjan anys vuitanta apareixen els primers proveïdors d’accés a
  Internet privats que ofereixen accés pagat a Internet.
                                                                                 2
web 2.0 forum'09




     Què és el servei web (www)?
El WWW (World Wide Web) o, de manera més col·loquial, el web, s’ha
   convertit, juntament amb el correu electrònic, en el principal servei
   d’Internet.

El 1989, mentre treballava al CERN Tim Berners-Lee va començar a
   dissenyar un sistema que fes que es pogués accedir a la informació
   del CERN fàcilment. Aquest sistema emprava l’hipertext per tal
   d’estructurar una xarxa d’enllaços entre els documents. Una vegada
   obtinguda l’aprovació per continuar el projecte, va néixer el primer
   navegador web, anomenat WorldWideWeb.

El 1992 el sistema ja s’havia estès fora del CERN. (26 servidors). Aquest
   és l’any del llançament de Mosaic, un navegador per a X-
   Window/Unix que amb el temps es convertiria en Netscape i que va
   ser un factor clau de popularització de la Xarxa.
                                                                                3
web 2.0 forum'09




      Què és el servei web (www)?
El web es basa en tres estàndards per funcionar:

 l'Uniform Resource Locator (URL), que s'encarrega de donar una
  adreça única per tal de localitzar cada pàgina http://www.w3.org/Consortium/.
 l'Hyper Text Transfer Protocol (HTTP), que especifica la manera com

  s'enviarà i es rebrà la informació entre el navegador i el servidor.
  Utilitza la pila TCP/IP
 l'Hyper-Text Markup Language (HTML), un mètode per especificar com

  s'ha de veure aquesta informació al navegador. Acompanyen a l'HTML
  el CSS, per millorar aspectes del disseny del contingut i separar
  informació de presentació.

En català, quan es parla de "web" en masculí es fa referència al sistema
 web o bé a un lloc web, però quan es parla de "web" en femení es fa
 referència a només una de les pàgines web del sistema.
                                                                                    4
web 2.0 forum'09




     Com funciona el servei web?
La visualització d'una pàgina web normalment comença quan l'usuari
  introdueix una URL al navegador web o bé quan segueix un enllaç
  cap a aquella pàgina o recurs.

L'URL introduïda es tradueix a una adreça IP mitjançant DNS, una base
   de dades distribuïda globalment que conté les equivalències domini-
   adreça ip. Aquesta adreça IP és necessària per saber a quin servidor
   s'ha de dirigir la consulta. Després el navegador web envia la consulta
   al servidor HTTP concret i demanant per aquella pàgina en concret.

La típica plana web ens retorna un arxiu en format HTML. Aquest arxiu
  és interpretat immediatament pel navegador en un procés anomenat
  parsing. Aleshores, quan el navegador ja sap quins recursos
  necessitarà per mostrar la pàgina, torna a fer una consulta HTTP
  demanant les imatges i altres recursos que formin part de la pàgina
  (arxius css, javascript, applets java..). Finalment, la web és               5
web 2.0 forum'09




       Com funciona el servei web?
L’èxit espectacular del web es basa en dos fets: el protocol HTTP i el
  llenguatge HTML. http://www.internetworldstats.com/emarketing.htm


    L'HTTP permet una implementació simple i senzilla d’un sistema de
    comunicacions per enviar qualsevol tipus de fitxers d’una manera fàcil,
    cosa que simplifica el funcionament del servidor i permet que servidors
    poc potents atenguin milers de peticions i redueixin els costos de
    desplegament.

    L'HTML proporciona un mecanisme de composició de pàgines
    enllaçades simple i fàcil, altament eficient i d’ús molt simple.
                               Petició HTTP

                 client                        Servidor web

                               Resposta HTTP


                                                                                 6
web 2.0 forum'09




    Llocs web vs. aplicacions web
Definim un lloc web com un conjunt de pàgines HTML que no ofereixen
  una funcionalitat determinada, sinó que simplement mostren un seguit
  d'informació a l'usuari. http://www.w3.org


Les aplicacions web són populars gràcies a la ubiqüitat del client, que
  acostuma a ser un navegador i se'l classifica com client lleuger. La
  principal característica de les aplicacions web és la seva capacitat de
  mantenir i actualitzar aplicacions web sense haver d'instal·lar-les
  sobre una quantitat indeterminada d'ordinadors client. Es fan servir
  per actualitzar els continguts d'un web, mantenir bases de dades,
  generar informació rellevant, vendre productes, jugar, així com
  qualsevol aplicació que es pugui portar a terme sobre un navegador.

http://www.gmail.com, http://www.splashup.com/ ,http://www.picnik.com/app, milers i
    milers més...
                                                                                            7

More Related Content

Viewers also liked

A2 οικονομική κρίση-2013-14
A2 οικονομική κρίση-2013-14A2 οικονομική κρίση-2013-14
A2 οικονομική κρίση-2013-14lykdrymou
 
A importancia da disciplina matemática
A importancia da disciplina matemáticaA importancia da disciplina matemática
A importancia da disciplina matemáticaJL Junior
 
2012 RightScale Conference NYC - Laura McEwen, Vice President & Publisher, SE...
2012 RightScale Conference NYC - Laura McEwen, Vice President & Publisher, SE...2012 RightScale Conference NYC - Laura McEwen, Vice President & Publisher, SE...
2012 RightScale Conference NYC - Laura McEwen, Vice President & Publisher, SE...RightScale
 
Randy Tantlinger, Golfin Around Recommendation Letter
Randy Tantlinger, Golfin Around Recommendation LetterRandy Tantlinger, Golfin Around Recommendation Letter
Randy Tantlinger, Golfin Around Recommendation Lettermartuccio
 
Cómo mejorar la lectura
Cómo mejorar la lecturaCómo mejorar la lectura
Cómo mejorar la lecturaLenguajePsu
 
Mis compromisos de la semana agosto 12
Mis compromisos de la semana agosto 12Mis compromisos de la semana agosto 12
Mis compromisos de la semana agosto 12Susana Agudelo Rey
 
Spsp san diego 2012 poster julia last
Spsp san diego 2012 poster julia lastSpsp san diego 2012 poster julia last
Spsp san diego 2012 poster julia lastjuliagodz
 
Automatizacion en la ingenieria electrica
Automatizacion en la ingenieria electricaAutomatizacion en la ingenieria electrica
Automatizacion en la ingenieria electricaMarlon Burga Tineo
 
Creacion centro de bienestar animal
Creacion centro de bienestar animalCreacion centro de bienestar animal
Creacion centro de bienestar animalMyriam624
 

Viewers also liked (20)

Nanotecnologia
NanotecnologiaNanotecnologia
Nanotecnologia
 
Fenac festival nacional_da_cancao_book_2014
Fenac festival nacional_da_cancao_book_2014Fenac festival nacional_da_cancao_book_2014
Fenac festival nacional_da_cancao_book_2014
 
A2 οικονομική κρίση-2013-14
A2 οικονομική κρίση-2013-14A2 οικονομική κρίση-2013-14
A2 οικονομική κρίση-2013-14
 
A importancia da disciplina matemática
A importancia da disciplina matemáticaA importancia da disciplina matemática
A importancia da disciplina matemática
 
2012 RightScale Conference NYC - Laura McEwen, Vice President & Publisher, SE...
2012 RightScale Conference NYC - Laura McEwen, Vice President & Publisher, SE...2012 RightScale Conference NYC - Laura McEwen, Vice President & Publisher, SE...
2012 RightScale Conference NYC - Laura McEwen, Vice President & Publisher, SE...
 
Calendario Viernes 27 Marzo de 2015
Calendario Viernes 27 Marzo de 2015Calendario Viernes 27 Marzo de 2015
Calendario Viernes 27 Marzo de 2015
 
Historial Familiar
Historial FamiliarHistorial Familiar
Historial Familiar
 
Randy Tantlinger, Golfin Around Recommendation Letter
Randy Tantlinger, Golfin Around Recommendation LetterRandy Tantlinger, Golfin Around Recommendation Letter
Randy Tantlinger, Golfin Around Recommendation Letter
 
Cómo mejorar la lectura
Cómo mejorar la lecturaCómo mejorar la lectura
Cómo mejorar la lectura
 
Mis compromisos de la semana agosto 12
Mis compromisos de la semana agosto 12Mis compromisos de la semana agosto 12
Mis compromisos de la semana agosto 12
 
Baloncesto 8
Baloncesto 8Baloncesto 8
Baloncesto 8
 
Poro3
Poro3Poro3
Poro3
 
Spsp san diego 2012 poster julia last
Spsp san diego 2012 poster julia lastSpsp san diego 2012 poster julia last
Spsp san diego 2012 poster julia last
 
La educacion continua de adultos
La educacion continua de adultosLa educacion continua de adultos
La educacion continua de adultos
 
Cromosomas
CromosomasCromosomas
Cromosomas
 
Irene oroel
Irene   oroelIrene   oroel
Irene oroel
 
Automatizacion en la ingenieria electrica
Automatizacion en la ingenieria electricaAutomatizacion en la ingenieria electrica
Automatizacion en la ingenieria electrica
 
Ellis Patents Cable Hangers Galvanised Steel
Ellis Patents Cable Hangers Galvanised SteelEllis Patents Cable Hangers Galvanised Steel
Ellis Patents Cable Hangers Galvanised Steel
 
ULTHD FLIER
ULTHD FLIERULTHD FLIER
ULTHD FLIER
 
Creacion centro de bienestar animal
Creacion centro de bienestar animalCreacion centro de bienestar animal
Creacion centro de bienestar animal
 

Similar to 1 Introduccio Al Web

Similar to 1 Introduccio Al Web (20)

mariaeugenia
mariaeugeniamariaeugenia
mariaeugenia
 
Pràctica na1 uf uf1 aplicacions web
Pràctica na1 uf uf1 aplicacions webPràctica na1 uf uf1 aplicacions web
Pràctica na1 uf uf1 aplicacions web
 
Internt Queesfet
Internt QueesfetInternt Queesfet
Internt Queesfet
 
Internet
InternetInternet
Internet
 
L'internet
L'internetL'internet
L'internet
 
L'internet
L'internetL'internet
L'internet
 
L'internet
L'internetL'internet
L'internet
 
Xarxes socials xs pere-r
Xarxes socials xs pere-rXarxes socials xs pere-r
Xarxes socials xs pere-r
 
Fase 2/3 del Trabajo de TIC
Fase 2/3 del Trabajo de TICFase 2/3 del Trabajo de TIC
Fase 2/3 del Trabajo de TIC
 
La Xarxa Internet
La Xarxa InternetLa Xarxa Internet
La Xarxa Internet
 
Web 3[1]
Web 3[1]Web 3[1]
Web 3[1]
 
Web 3
Web 3Web 3
Web 3
 
Xarxa D’Internet
Xarxa D’InternetXarxa D’Internet
Xarxa D’Internet
 
Xarxa D’Internet
Xarxa D’InternetXarxa D’Internet
Xarxa D’Internet
 
Practica 15
Practica 15Practica 15
Practica 15
 
Web 1.0 2.0 y 3.0
Web 1.0  2.0 y 3.0Web 1.0  2.0 y 3.0
Web 1.0 2.0 y 3.0
 
Tipus de Webs
Tipus de WebsTipus de Webs
Tipus de Webs
 
Internet
InternetInternet
Internet
 
Internet Pedro M Valera 4 C
Internet  Pedro M Valera 4 CInternet  Pedro M Valera 4 C
Internet Pedro M Valera 4 C
 
Internet Pedro M Valera 4 C
Internet  Pedro M Valera 4 CInternet  Pedro M Valera 4 C
Internet Pedro M Valera 4 C
 

1 Introduccio Al Web

  • 1. 1 Introducció al Web Escola Tècnica Professional del Clot. Fòrum 2009 Web 2.0 per a educadors Sergi Grau
  • 2. web 2.0 forum'09 Internet Internet, la xarxa de xarxes, neix a mitjan anys setanta, sota els auspicis de DARPA, l’Agència de Projectes Avançats per a la Defensa dels Estats Units. DARPA va començar un programa d’investigació de tècniques i tecnologies per unir diverses xarxes de commutació de paquets, la qual cosa permetia que els ordinadors connectats a aquestes xarxes es comuniquessin entre ells de manera fàcil i transparent. D’aquests projectes va néixer un protocol de comunicacions de dades, IP o Internet protocol, que permetia a diversos ordinadors comunicar- se per mitjà d’una xarxa, Internet, formada per la interconnexió de diverses xarxes. A mitjan anys vuitanta apareixen els primers proveïdors d’accés a Internet privats que ofereixen accés pagat a Internet. 2
  • 3. web 2.0 forum'09 Què és el servei web (www)? El WWW (World Wide Web) o, de manera més col·loquial, el web, s’ha convertit, juntament amb el correu electrònic, en el principal servei d’Internet. El 1989, mentre treballava al CERN Tim Berners-Lee va començar a dissenyar un sistema que fes que es pogués accedir a la informació del CERN fàcilment. Aquest sistema emprava l’hipertext per tal d’estructurar una xarxa d’enllaços entre els documents. Una vegada obtinguda l’aprovació per continuar el projecte, va néixer el primer navegador web, anomenat WorldWideWeb. El 1992 el sistema ja s’havia estès fora del CERN. (26 servidors). Aquest és l’any del llançament de Mosaic, un navegador per a X- Window/Unix que amb el temps es convertiria en Netscape i que va ser un factor clau de popularització de la Xarxa. 3
  • 4. web 2.0 forum'09 Què és el servei web (www)? El web es basa en tres estàndards per funcionar:  l'Uniform Resource Locator (URL), que s'encarrega de donar una adreça única per tal de localitzar cada pàgina http://www.w3.org/Consortium/.  l'Hyper Text Transfer Protocol (HTTP), que especifica la manera com s'enviarà i es rebrà la informació entre el navegador i el servidor. Utilitza la pila TCP/IP  l'Hyper-Text Markup Language (HTML), un mètode per especificar com s'ha de veure aquesta informació al navegador. Acompanyen a l'HTML el CSS, per millorar aspectes del disseny del contingut i separar informació de presentació. En català, quan es parla de "web" en masculí es fa referència al sistema web o bé a un lloc web, però quan es parla de "web" en femení es fa referència a només una de les pàgines web del sistema. 4
  • 5. web 2.0 forum'09 Com funciona el servei web? La visualització d'una pàgina web normalment comença quan l'usuari introdueix una URL al navegador web o bé quan segueix un enllaç cap a aquella pàgina o recurs. L'URL introduïda es tradueix a una adreça IP mitjançant DNS, una base de dades distribuïda globalment que conté les equivalències domini- adreça ip. Aquesta adreça IP és necessària per saber a quin servidor s'ha de dirigir la consulta. Després el navegador web envia la consulta al servidor HTTP concret i demanant per aquella pàgina en concret. La típica plana web ens retorna un arxiu en format HTML. Aquest arxiu és interpretat immediatament pel navegador en un procés anomenat parsing. Aleshores, quan el navegador ja sap quins recursos necessitarà per mostrar la pàgina, torna a fer una consulta HTTP demanant les imatges i altres recursos que formin part de la pàgina (arxius css, javascript, applets java..). Finalment, la web és 5
  • 6. web 2.0 forum'09 Com funciona el servei web? L’èxit espectacular del web es basa en dos fets: el protocol HTTP i el llenguatge HTML. http://www.internetworldstats.com/emarketing.htm  L'HTTP permet una implementació simple i senzilla d’un sistema de comunicacions per enviar qualsevol tipus de fitxers d’una manera fàcil, cosa que simplifica el funcionament del servidor i permet que servidors poc potents atenguin milers de peticions i redueixin els costos de desplegament.  L'HTML proporciona un mecanisme de composició de pàgines enllaçades simple i fàcil, altament eficient i d’ús molt simple. Petició HTTP client Servidor web Resposta HTTP 6
  • 7. web 2.0 forum'09 Llocs web vs. aplicacions web Definim un lloc web com un conjunt de pàgines HTML que no ofereixen una funcionalitat determinada, sinó que simplement mostren un seguit d'informació a l'usuari. http://www.w3.org Les aplicacions web són populars gràcies a la ubiqüitat del client, que acostuma a ser un navegador i se'l classifica com client lleuger. La principal característica de les aplicacions web és la seva capacitat de mantenir i actualitzar aplicacions web sense haver d'instal·lar-les sobre una quantitat indeterminada d'ordinadors client. Es fan servir per actualitzar els continguts d'un web, mantenir bases de dades, generar informació rellevant, vendre productes, jugar, així com qualsevol aplicació que es pugui portar a terme sobre un navegador. http://www.gmail.com, http://www.splashup.com/ ,http://www.picnik.com/app, milers i milers més... 7