Prova d'exemple per al curs SMX2

1. Introducció a les aplicacions web
Generalitat de Catalunya
Departament d’Educació
INS Gabriela Mistral

2. Introducció a les aplicacions web
 Introducció
 Protocol
 Client
 Servidor
 Transferència pàgines web
 Entorns web
 Arquitectura d‘una aplicació
 Webgrafia i/o material
Índex

3. Introducció a les aplicacions web
 Web-based (web-enabled) application:
- Definició: és la qual demana, i se li dóna accés als serveis i/o recursos a través d'una
petició HTTP.
- Aplicació informàtica que s’executa en entorn web.
- Aplicació client/servidor: el client, el servidor i el protocol ja estan definits
(implementats).
- Client: navegador.
- Servidor: servidor web.
- Comunicació: protocol HTTP.
Introducció

4. Introducció a les aplicacions web
 HTTP->TCP/IP: està orientat a connexió
 És situa en el nivell 7 (aplicació) de la capa OSI
Protocol: HTTP (HiperText Transfer Protocol)
Client Servidor web
Protocol HTTP

5. Introducció a les aplicacions web
 Gestiona les peticions del usuari i la recepció de les pàgines que
provenen del servidor
 Interpreta els documents HTML i els seus recursos. Les tecnologies més
utilitzades són:
- HyperText Markup Language (HTML)
- Cascading Style Sheets (CSS), DHTML
- Llenguatge de script (JavaScript, VBScript, etc.)
- ActiveX
- Applets en Java
- Plug-ins: Macromedia Flash, Autodesk MapGuide,...
- Virtual Reality Modeling Language (VRML)
Client

6. Introducció a les aplicacions web
 Programa resident que espera peticions.
 En l’aplicació del servidor hi ha:
- Pàgines estàtiques (documents HTML)
- Recursos multimedia (imatges i documents adicionals del lloc web)
- Scripts o programes que al ser invocats s’executen i donen com a resultat una pàgina
HTML generada (pot accedir a una BD)
 Tecnologies de servidor:
- CGI: complex i poc eficient
- SSI: estandar de “macros” de servidor web
- ASP (Microsoft): Windows, Windows NT
- JSP y Servlets (Sun Microsystems): Windows, alguns Unix
- PHP (PHP.net): código font, binaris per a Win32 i alguns Unix
- ColdFusió (Macromedia/allaire): Windows, Windows NT, Linux, Solaris, HP-UX
Servidor

7. Introducció a les aplicacions web
 Enviament de la URL.
 Obertura de la connexió amb el servidor
- Sempre s’obre una connexió nova amb cada petició del client (Excepte amb
HTTP 1.1 que permet Keep-Alive Connections)
 Sol·licitud de la pàgina o recurs
 Enviament per part del servidor
 Interpretació del document HTML i petició d’altres objectes als que fa
referència
 Tancament de connexió una vegada que facin arribar tots els recursos i
documents.
Transferècia pàgines web

8. Introducció a les aplicacions web
 Internet: aplicació oberta i accessible
 Intranet: l’aplicació s’executa en una xarxa local (privada) amb TCP/IP i
serveis d’Internet
 Extranet: aplicació accessible des de Internet però amb restriccions
(seguretat, VPN, etc.)
Entorns web

9. Introducció a les aplicacions web
Arquitectura d‘una aplicació web
Client Servidor web BD
Petició
Resposta
Consulta
Resposta
+
Servidor
Servei d’aplicacions
Consulta

10. Introducció a les aplicacions web
http://www.slideshare.net/danitxu/protocolo-http
https://ca.wikipedia.org/wiki/Pila_de_protocols
Webgrafia i/o material