tecnologias para la integracion de soluciones€¦ · que utilizan etiquetas html. es un ambiente...

37
Facultad de Estadística e Informática SISTEMAS WEB

Upload: others

Post on 08-May-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

SISTEMAS WEB

Page 2: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

BibliografíaTurban Efraim, McClean Ephraim et al. Tecnologías de Información para la Administración. CECSA 2006 ISBN 970-24-0025-2Sharma DHIRAJ, Foundations of IT. Excel Books, 2008. ISBN 978-81-7446-589-4Sarukkai Ramesh. Foundations of Web Technology. Springer 2002. ISBN 978-1-4615-5409-3Historia de internet. (2012). Extraído desde: http://www.internet-didactica.es/historia-internet/. Consultado el 12 de agosto de 2017José Fabián Romo Zamudio. Breve historia de Internet. Segunda parte. (2005) Año 4, Número 42. Extraído desde: http://www.enterate.unam.mx/Articulos/2005/septiembre/internetdos.htm. Consultado el 15 de agosto de 2017Coto, A. (s.f.). Capítulo 10: Capa de aplicación. Aspectos básicos de redes CISCO Networking Academy. Consultado el 15 de agosto de 2017. Extraído desde:http://www.ie.itcr.ac.cr/acotoc/CISCO/R&S%20CCNA1/R&S_CCNA1_ITN_Chapter10_Capa%20de%20aplicacion.pdfGuía Breve de Servicios Web. (s.f.). Extraído de: http://www.w3c.es/Divulgacion/GuiasBreves/ServiciosWeb. Consultado el 15 de agosto de 2015.AngularJS Introduction. (s.f.). Estraído de: https://www.w3schools.com/angular/angular_intro.asp. Consultado el: 15 de agosto de 2017Guía Breve sobre Estándares Web. (s.f.) http://www.w3c.es/Divulgacion/GuiasBreves/Estandares. Consultado el: 15 de agosto de 2017https://www.w3.org/standards/.

Page 3: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Clase 2

▪Historia del WWW.

▪Conceptos Generales

▪Tecnologías para el desarrollo desistemas Web

▪Estándares Web

Page 4: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Clase 2

▪Historia del WWW.

Page 5: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Clase 2▪WWW World Wide Web

“Es una vasta conexión de páginas de información in terconectadas, que se almacenan en las computadoras alrededor del mundo que se encuentran conectadas a Internet.”

Efraim Turban

Ephraim McClean

Basada en la arquitectura Cliente - Servidor

Page 6: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Clase 2▪WWW World Wide Web

“Actualmente la red de Internet, conglomerado de más de 72 millones de servidores WWW empleados por arriba de mil millones de personas en todo el mundo.”

Page 7: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW

1991 - Timothy Berners-Lee CERN (Centre Européen pour la Recherche Nucléaire)

▪ Define especificaciones: oHTML (HyperText Markup Language)

oHTTP (HyperText Transfer Protocol)

oSoftware cliente denominado navegador web

▪Basado en el trabajo denominado hipertexto de Theodor Holm Nelson de 1965

Page 8: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW

▪1991 - En la Universidad de Minnesota se presenta Gopher.▪Primera interfaz sencilla de navegar para la recuperación de documentos en Internet.

▪Un servicio a través de menús, submenús.

Page 9: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW▪Gopher

Page 10: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW

▪1991 - Phil Zimmerman desarrolla PGP (Pretty Good Privacy, privacidad bastante buena).oPrograma de encriptación para proteger la información transmitida a través de Internet mediante el uso de criptografía de clave pública.oUtilización de firmas digitales

Page 11: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW▪1992 – Se funda la Internet SocietyoPromover el desarrollo abierto, la evolución y el uso de Internet.

▪1993 - National Science Foundation (NSF) crea INTERNIC (INTERnet Network InformationCenter)oProveer bases de datos y directorios, registro de dominios e información

Page 12: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW

▪1993 - National Center for SupercomputingAplications (NCSA) de la Universidad de Illinois▪Desarrollan el navegador Web Mosaic, antecesor inmediato de Mozilla, Netscape Navigator, Internet Explorer, Opera y Firefox.

Page 13: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW▪Mosaic

Page 14: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW▪1994 – Se extiende el comercio electrónico.o Yahoo en la Universidad de Stanford.

▪1995 – NSFNetInvestigación. El tráfico de Internet es gestionado por proveedores de servicio privado. Compuserve, America Online y Prodigy inician la comercialización generalizada del acceso a Internet vía telefónica.

Page 15: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW▪1996 – Internet2 o UCAID (University Corporation for Advanced Internet Development).oRed académica de alta velocidad en Estados Unidos.oDesarrollo de aplicaciones y tecnologías de red avanzadas.

Page 16: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW▪1996 – Primer servicio de mensajería instantánea: ICQ, desarrollado en Israel.

▪1999 – Napster.oPionera de redes P2P, para compartir libremente archivos .mp3

Page 17: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Historia WWW

▪2000 - Estándar H.323, la videoconferencia y las comunicaciones de voz vía IP se hacen más robustas

▪2004 – Se rompe el récord de velocidad de transmisión de datos entre Universidad de Tokio y el CERN: 10 Gbps.

▪100 Gbps entre Pittsburgh y Los Ángeles

Page 18: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Clase 2

▪Conceptos generales

Page 19: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Conceptos generales

▪Internet: Internet es una red que conecta cientos de miles de redes de computadora organizacionales internas en todo el mundo.

▪WWW World Wide Web. Es el nombre otorgado a los archivos disponibles en Internet que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet.

Page 20: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Conceptos generales

▪HTTP Hypertext Transfer Protocol

Protocolo de transferencia de hipertexto

Protocolo para transferir archivos que conforman las páginas Web de la WorldWide Web.

Page 21: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Conceptos generales▪TCP/IP Transfer Control Protocol / Internet Protocol

Protocolo de telecomunicación que define los procedimientos y reglas para transferir datos por Internet.

Provee una entrega y control de paquetes de información consistente.

Page 22: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Conceptos generales

▪Servicio Web.Aplicaciones o de tecnologías con capacidad para interoperar en la Web.

Intercambian datos entre sí con el objetivo de ofrecer ciertos servicios.

Los proveedores ofrecen sus servicios como procedimientos remotos y los usuarios solicitan un servicio llamando a estos procedimientos a través de la Web.

Page 23: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Conceptos generales

▪¿Para qué sirven los servicios Web?▪Estos servicios proporcionan mecanismos de comunicación estándares entre diferentes aplicaciones, que interactúan entre sí para presentar información dinámica al usuario.

Para proporcionar interoperabilidad y extensibilidad entre estas aplicaciones, y que al mismo tiempo sea posible su combinación para realizar operaciones complejas, es necesaria una arquitectura de referencia estándar.

Page 24: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Tecnologías para el desarrollo de sistemas Web

▪Tecnologías para el desarrollo de sistemas Web

Page 25: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Tecnologías para el desarrollo de sistemas Web

▪Básica:

▪ HTML (HyperText Markup Language). Usado para describir y definir el contenido de una página Web.

▪CSS (Cascading Style Sheet). Usadas para describir la apariencia y/o presentación del contenido de una página Web.

Page 26: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Tecnologías para el desarrollo de sistemas Web

▪Scripting

▪Javascript. Es un lenguaje de programación que es ejecutado en el navegador (cliente). Puede ser usado para añadir interactividad y otros aspectos dinámicos a la aplicación o página Web.

Page 27: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Tecnologías para el desarrollo de sistemas Web

▪JavaScript Frameworks. AngularJS

•Es una librería escrita en JavaScript. De código abierto. Trabaja mediante directivas.

•Es mantenido por Google, su principal promotor.

•Una de sus principales funciones es facilitar la manipulación del DOM. P.E. Asignar variables a campos de formulario, omitiendo los detalles del propio código javascript. Dando como resultado páginas Web de vista dinámica.

•Es de los más populares para elaborar SPA’s Single Page Application

•Puede ser agregado a una página Web a través de etiqueta <script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

• Otros frameworks son Knockout, jQuery

Page 28: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Page 29: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Clase 2

▪Estándares Web

Page 30: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Estándares Web¿Qué es un estándar?

Según la World Wide Web Consortium (W3C), un estándar es un conjunto de reglas normalizadas que describen los requisitos que deben ser cumplidos por un producto, proceso o servicio, con el objetivo de establecer un mecanismo base para permitir que distintos elementos hardware o software que lo utilicen, sean compatibles entre sí.

Page 31: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Estándares Web

▪¿En dónde se generan los estándares Web?•El World Wide Web Consortium (W3C) fue fundado en 1994 por Tim Berners-Lee en el Laboratorio de Ciencias Informática del Instituto de Tecnología de Massachusetts.

•Su objetivo es llevar la Web a su máximo potencial, desarrollando estándares Web que permitan:

Page 32: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Estándares Web▪Acceso a cualquier persona, sin importar el lugar en el que se encuentren, la edad, género, capacidades físicas o cognitivas, el dispositivo desde el cuál accedan, etcétera.

▪Una Web con significado. La Web evoluciona hacia lo que se denomina Web Semántica, que ofrece mecanismos para añadir significado a los recursos (documentos, imágenes, vídeos, etc.), de tal forma que no requieran ser interpretados por los humanos, si no, también por una máquina.

▪c) Confianza en la Web. Ya sea en redes sociales, realizando compras en línea, etcétera. Es por ello la importancia de la seguridad y la confianza que la Web debe otorgar para llevar a cabo estas operaciones cómodamente.

Page 33: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Estándares Web▪El W3C, organización independiente y neutral, desarrolla estándares relacionados con la Web también conocidos como Recomendaciones, que sirven como referencia para construir una Web accesible, interoperable y eficiente, en la que se puedan desarrollar aplicaciones cada vez más robustas.

Page 34: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Estándares Web▪WWW3c Estándares para:

oDiseño Web y aplicaciones. Incluye a los estándares para la construcción y representación de las páginas Web, incluyendo HTML5, CSS

oWeb de dispositivos. Se centra en tecnologías que permiten el acceso a la Web desde cualquier lugar, en cualquier momento y a través de cualquier dispositivo.

oArquitectura Web. Se centra en las tecnologías y principios fundamentales sobre los que se sostiene la Web, incluyendo URIs y HTTP.

Page 35: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Estándares Web▪Estándares para:

oWeb semántica. Visión del W3C sobre la Web de los datos enlazados. Permiten a la gente crear almacenes de datos sobre la Web, construir vocabularios y escribir reglas para manejar los datos. Tecnologías como RDF, SPARQL, OWL y SKOS.

oTecnología XML.

oWeb de servicios. Diseño basado en mensajes. HTTP, XML, SOAP, WSDL, SPARQL

oNavegadores y herramientas de autor. Diseñar navegadores y herramientas de autor, así como robots de motores de búsqueda

Page 36: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Estándares Web

▪Lista de estándares:

https://www.w3.org/TR/

Page 37: TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES€¦ · que utilizan etiquetas HTML. Es un ambiente de hipermedia distribuido dentro de Internet. ... oNavegadores y herramientas de

Facultad de Estadística e Informática

Introducción

Gracias por su atención