SlideShare una empresa de Scribd logo
1 de 22
Introducción a las Tecnologías Web
Juan Miguel González García
Consultor en TI
INTERNET
La carretera de la Información
Internet la red de redes
• Internet es la red de redes que interconecta
computadores mediante diferentes protocolos
• Un ordenador se puede conectar a Internet por
medio de un servidor de red (mediante tecnologías
diversas)
• Un ordenador puede conectarse a una red local y los
ordenadores de dicha red local pueden conectarse a
Internet mediante una pasarela
• Existen ordenadores permanentemente conectados a
Internet que ofrecen recursos (son los servidores)
p
á
g
i
n
a
s
w
e
b
3
Recursos en Internet
 Los recursos accesibles en Internet se identifican por una
 URI. Uniform Resource Identifier (identificador de
recurso uniforme), o
 URL. Uniform Resource Locator (Localizador de
Recursos Uniforme).
 http://www.google.com
 Internet es el medio de comunicación para diversas
aplicaciones, que utilizan diferentes protocolos,
destacando el correo electrónico, la transferencia de
ficheros (FTP) y la World Wide Web.
4
LA WEB
Conceptos Generales
La Web
• La web es un sistema de información
distribuido basado en hipertexto
• Los usuarios, mediante un navegador (cliente)
solicitan recursos (normalmente páginas web)
a un servidor web
– el cliente envía una petición
– el servidor produce una respuesta (una página
HTML), o bien, puede ser de ERROR.
¿Cómo se inició?
• Tim Barnes Lee (CERN - Conseil Européen pour la Recherche
Nucléaire, 1989).
• Repositorio estático de documentos:
– Una forma cómoda de acceder a documentos estáticos
interrelacionados almacenados en servidores distribuidos
alrededor del mundo.
• La especificación inicial incluía:
– Un lenguaje para dar formato a los documentos (HTML).
– Un protocolo sencillo para comunicar navegadores (clientes) y
servidores (HTTP).
• HTTP sobre TCP/IP (puerto 80)
• HTTPS sobre TCP/IP con SSL o TLS (puerto 443)
p
á
g
i
n
a
s
w
e
b
7
El Primer Navegador Gráfico
• En 1993 Marc
Andreesen, estudiante,
escribe el: Mosaic,
precursor del Netscape
Navigator.
Arquitectura Clásica Cliente - Servidor
Estructura de la URI o URL
• http://www.uv.es/cerveron/index.html
– http. Nombre del protocolo de comunicación con
el Servidor.
– www. World Wide Web.
– Uv. Nombre de dominio.
– Es. País del dominio.
– Cerveron. Carpeta de archivos.
– Index. Nombre de la página principal de cualquier
sitio.
– HTML. Extensión de todas las páginas Web.
Tecnologías Cliente
• Navegador Web
– Edge de Microsoft
– Chrome
– Mozilla Firefox
– Safari
– Opera
• Tecnología de
Programación
– HTML
– CSS
– Java Script
– Visual Basic .NET
– C# .NET
Tecnologías de Servidor
• Servidor Web
– Internet Information
Server (IIS)
– Apache
– Apache - Tomcat
– Motores Java, PHP
• Tecnologías de
Programación
– PHP
– ASP
– JSP
– Servlets
APLICACIONES WEB
Descripción General
Las Aplicaciones Web
• La web era al principio un conjunto de páginas fijas.
• La evolución de la web ha llevado al desarrollo de
aplicaciones web.
• Una aplicación web es un programa informático en la
red (en un servidor) cuya interacción con el usuario
sea mediante un navegador web.
• El programa recibe los inputs del usuario.
• El programa genera dinámicamente páginas web que
muestran información personalizada y en su caso
permiten al usuario seguir interactuando.
p
á
g
i
n
a
s
w
e
b
1
4
SSL Y TLS
Los protocolos de seguridad en la Web
SSL / TLS en HTTP seguro
• Secure Sockets Layer / Transfer Layer Security
• Autenticación Cliente – Servidor
• Cifrado Simétrico
• SSL versión 3.0 y TLS versión 1.0 (mejora del
SSL)
Integridad de los Datos
• Funciones hashing (one-way)
• Obtienen un resumen (digest)
– SHA-1 (Secure Hash Algorithm 1) de 160 bits de
U.S. National Institute for Standards and
Technology (NIST)
– MD5 (Message Digest Algorithm 5) de 128 bits
de RSA Data Security, Inc.
Función Hashing
Algoritmos Simétricos
Certificados Digitales
• Identificación del titular del Certificado
• Distintivos del Certificado
– Número de Serie
– Entidad que lo emitió
– Fecha de emisión
– Fecha de caducidad, etcétera
• Clave Pública
• La firma electrónica de la autoridad de
certificación que lo emitió
• Clave Privada asociada al certificado
Protocolo SSL HandShake
1. El cliente envía su versión de SSL, algoritmos de
cifrado soportados y otra información adicional.
2. El servidor contesta al cliente enviándole su
certificado, versión de SSL, algoritmos de cifrado
soportados e información generada
aleatoriamente y firmada con su clave privada.
3. El cliente verifica la firma generada por el
servidor así como la validez de su certificado.
Protocolo SSL HandShake
4. El cliente genera el secreto maestro a usar para
generar en ambas partes la clave de sesión. Este
secreto maestro se envía al servidor cifrado con
su clave pública. El cliente genera la clave
simétrica de sesión.
5. El servidor procede a descifrar el secreto
maestro con su clave privada y genera la clave
simétrica de sesión.
6. El SSL Handshanke se ha completado y se puede
empezar a intercambiar datos cifrados de forma
segura.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (6)

Internet
InternetInternet
Internet
 
Presentación
PresentaciónPresentación
Presentación
 
La herramienta de búsqueda
La herramienta de búsquedaLa herramienta de búsqueda
La herramienta de búsqueda
 
Fundamentos técnicos de internet
Fundamentos técnicos de internetFundamentos técnicos de internet
Fundamentos técnicos de internet
 
Html
HtmlHtml
Html
 
Navegadores
NavegadoresNavegadores
Navegadores
 

Similar a Introducción a la Tecnología Web

Similar a Introducción a la Tecnología Web (20)

Internet
InternetInternet
Internet
 
Unidad 4: Servicio web (HTTP)
Unidad 4: Servicio web (HTTP)Unidad 4: Servicio web (HTTP)
Unidad 4: Servicio web (HTTP)
 
Hypertext transfert protocol
Hypertext transfert protocolHypertext transfert protocol
Hypertext transfert protocol
 
1.4 tecnologiasWeb.ppt
1.4 tecnologiasWeb.ppt1.4 tecnologiasWeb.ppt
1.4 tecnologiasWeb.ppt
 
Presentación http https-dns
Presentación http https-dnsPresentación http https-dns
Presentación http https-dns
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato (1)
Tema2bachillerato (1)Tema2bachillerato (1)
Tema2bachillerato (1)
 
Redes de ordenadores
Redes de ordenadoresRedes de ordenadores
Redes de ordenadores
 
Tema2bachillerato (1)
Tema2bachillerato (1)Tema2bachillerato (1)
Tema2bachillerato (1)
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato (1)
Tema2bachillerato (1)Tema2bachillerato (1)
Tema2bachillerato (1)
 
Tema2bachillerato (1)
Tema2bachillerato (1)Tema2bachillerato (1)
Tema2bachillerato (1)
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 
Tema2bachillerato
Tema2bachilleratoTema2bachillerato
Tema2bachillerato
 

Más de Consultor Independiente

Reporte sobre Introducción a la Tecnología Web
Reporte sobre Introducción a la Tecnología WebReporte sobre Introducción a la Tecnología Web
Reporte sobre Introducción a la Tecnología WebConsultor Independiente
 

Más de Consultor Independiente (20)

Bd access
Bd accessBd access
Bd access
 
Conceptos Generales de Bases de Datos
Conceptos Generales de Bases de DatosConceptos Generales de Bases de Datos
Conceptos Generales de Bases de Datos
 
La Prevision
La PrevisionLa Prevision
La Prevision
 
Teoría General de Sistemas
Teoría General de SistemasTeoría General de Sistemas
Teoría General de Sistemas
 
Programación Orientada a Objetos
Programación Orientada a ObjetosProgramación Orientada a Objetos
Programación Orientada a Objetos
 
Reporte sobre Introducción a la Tecnología Web
Reporte sobre Introducción a la Tecnología WebReporte sobre Introducción a la Tecnología Web
Reporte sobre Introducción a la Tecnología Web
 
Esquema Estándar de un Sitio Web
Esquema Estándar de un Sitio WebEsquema Estándar de un Sitio Web
Esquema Estándar de un Sitio Web
 
Esquema de Petición Estática
Esquema de Petición EstáticaEsquema de Petición Estática
Esquema de Petición Estática
 
Esquema de Petición Dinámica
Esquema de Petición DinámicaEsquema de Petición Dinámica
Esquema de Petición Dinámica
 
Esquema conexioninternet
Esquema conexioninternetEsquema conexioninternet
Esquema conexioninternet
 
Paradigmas de Programación
Paradigmas de ProgramaciónParadigmas de Programación
Paradigmas de Programación
 
Conceptos Generales sobre Internet
Conceptos Generales sobre InternetConceptos Generales sobre Internet
Conceptos Generales sobre Internet
 
Uso de los Estilos de Word
Uso de los Estilos de WordUso de los Estilos de Word
Uso de los Estilos de Word
 
Trabajando con Tablas
Trabajando con TablasTrabajando con Tablas
Trabajando con Tablas
 
Funciones de Excel
Funciones de ExcelFunciones de Excel
Funciones de Excel
 
Antología de Excel
Antología de ExcelAntología de Excel
Antología de Excel
 
7. funciones de busqueda y referencia
7. funciones de busqueda y referencia7. funciones de busqueda y referencia
7. funciones de busqueda y referencia
 
11. funciones logicas
11. funciones logicas11. funciones logicas
11. funciones logicas
 
10. funciones financieras
10. funciones financieras10. funciones financieras
10. funciones financieras
 
9. funciones estadisticas
9. funciones estadisticas9. funciones estadisticas
9. funciones estadisticas
 

Último

Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 

Último (15)

Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 

Introducción a la Tecnología Web

  • 1. Introducción a las Tecnologías Web Juan Miguel González García Consultor en TI
  • 2. INTERNET La carretera de la Información
  • 3. Internet la red de redes • Internet es la red de redes que interconecta computadores mediante diferentes protocolos • Un ordenador se puede conectar a Internet por medio de un servidor de red (mediante tecnologías diversas) • Un ordenador puede conectarse a una red local y los ordenadores de dicha red local pueden conectarse a Internet mediante una pasarela • Existen ordenadores permanentemente conectados a Internet que ofrecen recursos (son los servidores) p á g i n a s w e b 3
  • 4. Recursos en Internet  Los recursos accesibles en Internet se identifican por una  URI. Uniform Resource Identifier (identificador de recurso uniforme), o  URL. Uniform Resource Locator (Localizador de Recursos Uniforme).  http://www.google.com  Internet es el medio de comunicación para diversas aplicaciones, que utilizan diferentes protocolos, destacando el correo electrónico, la transferencia de ficheros (FTP) y la World Wide Web. 4
  • 6. La Web • La web es un sistema de información distribuido basado en hipertexto • Los usuarios, mediante un navegador (cliente) solicitan recursos (normalmente páginas web) a un servidor web – el cliente envía una petición – el servidor produce una respuesta (una página HTML), o bien, puede ser de ERROR.
  • 7. ¿Cómo se inició? • Tim Barnes Lee (CERN - Conseil Européen pour la Recherche Nucléaire, 1989). • Repositorio estático de documentos: – Una forma cómoda de acceder a documentos estáticos interrelacionados almacenados en servidores distribuidos alrededor del mundo. • La especificación inicial incluía: – Un lenguaje para dar formato a los documentos (HTML). – Un protocolo sencillo para comunicar navegadores (clientes) y servidores (HTTP). • HTTP sobre TCP/IP (puerto 80) • HTTPS sobre TCP/IP con SSL o TLS (puerto 443) p á g i n a s w e b 7
  • 8. El Primer Navegador Gráfico • En 1993 Marc Andreesen, estudiante, escribe el: Mosaic, precursor del Netscape Navigator.
  • 10. Estructura de la URI o URL • http://www.uv.es/cerveron/index.html – http. Nombre del protocolo de comunicación con el Servidor. – www. World Wide Web. – Uv. Nombre de dominio. – Es. País del dominio. – Cerveron. Carpeta de archivos. – Index. Nombre de la página principal de cualquier sitio. – HTML. Extensión de todas las páginas Web.
  • 11. Tecnologías Cliente • Navegador Web – Edge de Microsoft – Chrome – Mozilla Firefox – Safari – Opera • Tecnología de Programación – HTML – CSS – Java Script – Visual Basic .NET – C# .NET
  • 12. Tecnologías de Servidor • Servidor Web – Internet Information Server (IIS) – Apache – Apache - Tomcat – Motores Java, PHP • Tecnologías de Programación – PHP – ASP – JSP – Servlets
  • 14. Las Aplicaciones Web • La web era al principio un conjunto de páginas fijas. • La evolución de la web ha llevado al desarrollo de aplicaciones web. • Una aplicación web es un programa informático en la red (en un servidor) cuya interacción con el usuario sea mediante un navegador web. • El programa recibe los inputs del usuario. • El programa genera dinámicamente páginas web que muestran información personalizada y en su caso permiten al usuario seguir interactuando. p á g i n a s w e b 1 4
  • 15. SSL Y TLS Los protocolos de seguridad en la Web
  • 16. SSL / TLS en HTTP seguro • Secure Sockets Layer / Transfer Layer Security • Autenticación Cliente – Servidor • Cifrado Simétrico • SSL versión 3.0 y TLS versión 1.0 (mejora del SSL)
  • 17. Integridad de los Datos • Funciones hashing (one-way) • Obtienen un resumen (digest) – SHA-1 (Secure Hash Algorithm 1) de 160 bits de U.S. National Institute for Standards and Technology (NIST) – MD5 (Message Digest Algorithm 5) de 128 bits de RSA Data Security, Inc.
  • 20. Certificados Digitales • Identificación del titular del Certificado • Distintivos del Certificado – Número de Serie – Entidad que lo emitió – Fecha de emisión – Fecha de caducidad, etcétera • Clave Pública • La firma electrónica de la autoridad de certificación que lo emitió • Clave Privada asociada al certificado
  • 21. Protocolo SSL HandShake 1. El cliente envía su versión de SSL, algoritmos de cifrado soportados y otra información adicional. 2. El servidor contesta al cliente enviándole su certificado, versión de SSL, algoritmos de cifrado soportados e información generada aleatoriamente y firmada con su clave privada. 3. El cliente verifica la firma generada por el servidor así como la validez de su certificado.
  • 22. Protocolo SSL HandShake 4. El cliente genera el secreto maestro a usar para generar en ambas partes la clave de sesión. Este secreto maestro se envía al servidor cifrado con su clave pública. El cliente genera la clave simétrica de sesión. 5. El servidor procede a descifrar el secreto maestro con su clave privada y genera la clave simétrica de sesión. 6. El SSL Handshanke se ha completado y se puede empezar a intercambiar datos cifrados de forma segura.