Escuela AcadĂŠmica Profesional de IngenierĂa de Sistemas
Ing. Sanchez Castillo Eddye Arturo eddiesanchez0710@gmail.com esanchezctl@ucvvirtual.edu.pe eddyesanchez.ceneinnova.com
Escuela Académica Profesional de Ingeniería de Sistemas
Introducción a los Sistemas Web Navegadores y su mercado
Servidores Web y su mercado Introducción a HTML 5
Escuela Académica Profesional de Ingeniería de Sistemas
Tener una visión sobre las tendencias de los Sistemas Web Entender el negocio de los navegadores y su mercado
Entender el negocio de los Servidores Web y su mercado Desarrollar una aplicación Web básica con HTML5
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que las componen funcionen como una red lógica única de alcance mundial.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.
Uno de los servicios que mas éxito ha tenido en Internet ha sido la World Wide Web (www, o "la Web"), hasta tal punto que es habitual la confusión entre ambos términos.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET La World Wide Web (www) es un sistema de distribución de información basado en hipertexto o hipermedios enlazados y accesibles a través de Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, videos u otros contenidos multimedia, y navega a través de ellas usando hiperenlaces .. Esta fue un desarrollo posterior (1990) y utiliza Internet como medio de transmisión.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Protocolo un protocolo de comunicaciones es un sistema de reglas que permiten que dos o más entidades de un sistema de comunicación se comuniquen entre ellas para transmitir información por medio de cualquier tipo de variación de una magnitud física. Se trata de las reglas o el estándar que define la sintaxis, semántica y sincronización de la comunicación, así como también los posibles métodos de recuperación de errores. Los protocolos pueden ser implementados por hardware, por software, o por una combinación de ambos. También se define como un conjunto de normas que permite la comunicación entre ordenadores, estableciendo la forma de identificación de éstos en la red, la forma de transmisión de los datos y la forma en que la información debe procesarse. Los protocolos pueden estar implementados mediante hardware, software o una combinación de ambos.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Protocolo para TCP/IP CAPAS
Capa de aplicación Capa de transporte Capa de red Capa de enlace de datos CAPA FÍSICA
El nivel físico o capa física se refiere a las transformaciones que se hacen a la secuencia de bits para trasmitirlos de un lugar a otro. Siempre los bits se manejan dentro del PC como niveles eléctricos. Por ejemplo, puede decirse que en un punto o cable existe un 1 cuando está en cantidad de voltios y un cero cuando su nivel es de 0 voltios. Cuando se trasmiten los bits siempre se transforman en otro tipo de señales de tal manera que en el punto receptor puede recuperar la secuencia de bits originales.
Capa 1: Nivel físico • Cable coaxial • UTP (c5, c5e, c6, c6a), • Cable de fibra óptica • cable de par trenzado, • Microondas • Radio • RS-232.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Protocolo para TCP/IP CAPAS
Capa de aplicación Capa de transporte Capa de red CAPA DE ENLACE DE DATOS Capa Física
El objetivo de la capa de enlace es conseguir que la información fluya, libre de errores, entre dos máquinas que estén conectadas directamente. Para lograr este objetivo tiene que montar bloques de información (llamados tramas en esta capa), dotarles de una dirección de capa de enlace (Dirección MAC), gestionar la detección o corrección de errores, y ocuparse del “control de flujo” entre equipos (para evitar que un equipo más rápido desborde a uno más lento).
Capa 2: Nivel de enlace de datos • ARP, • RARP, • Ethernet, • Fast Ethernet, • Gigabit Ethernet, • Token Ring, • FDDI, • ATM, • HDLC, • CDP.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Protocolo para TCP/IP CAPAS
Capa de aplicación Capa de transporte CAPA DE RED Capa de enlace de datos Capa Física
es un nivel o capa que proporciona conectividad y selección de ruta entre dos sistemas de hosts que pueden estar ubicados en redes geográficamente distintas, el tercer nivel del modelo OSI y su misión es conseguir que los datos lleguen desde el origen al destino aunque no tengan conexión directa. Ofrece servicios al nivel superior (nivel de transporte) y se apoya en el nivel de enlace, es decir, utiliza sus funciones. Para la consecución de su tarea, puede asignar direcciones de red únicas, interconectar subredes distintas, encaminar paquetes, utilizar un control de congestión y control de errores.
Capa 3: Nivel de red • IP (IPv4, IPv6), • X.25, • ICMP, • IGMP, • NetBEUI, • IPX, • Appletalk.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Protocolo para TCP/IP CAPAS
Capa de aplicación CAPA DE TRANSPORTE Capa de red Capa de enlace de datos Capa Física
Es el encargado de la transferencia libre de errores de los datos entre el emisor y el receptor, aunque no estén directamente conectados, así como de mantener el flujo de la red. Es la base de toda la jerarquía de protocolo. La tarea de esta capa es proporcionar un transporte de datos confiable y económico de la máquina de origen a la máquina destino, independientemente de las de redes físicas en uno. Sin la capa transporte, el concepto total de los protocolos en capas tendría poco sentido.
Capa 4: Nivel de transporte • TCP, • UDP, • SPX.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Protocolo para TCP/IP CAPAS
CAPA DE APLICACIÓN Capa de transporte Capa de red Capa de enlace de datos Capa Física
Ofrece a las aplicaciones (de usuario o no) la posibilidad de acceder a los servicios de las demás capas y define los protocolos que utilizan las aplicaciones para intercambiar datos, como correo electrónico (POP y SMTP), gestores de bases de datos y protocolos de transferencia de archivos (FTP). Cabe aclarar que el usuario normalmente no interactúa directamente con el nivel de aplicación. Suele interactuar con programas que a su vez interactúan con el nivel de aplicación pero ocultando la complejidad subyacente. Así por ejemplo un usuario no manda una petición «GET /index.html HTTP/1.0» para conseguir una página en html, ni lee directamente el código html/xml. O cuando chateamos con el Mensajero Instantáneo, no es necesario que codifiquemos la información y los datos del destinatario para entregarla a la capa de Presentación (capa 6) para que realice el envío del paquete.
Capa 7: Nivel de aplicación • SNMP • SMTP • NNTP • FTP • SSH • HTTP • CIFS (también llamado SMB) • NFS • Telnet • IRC • POP3 • IMAP • LDAP • Internet Mail 2000 • y en cierto sentido, WAIS y el desaparecido GOPHER.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET Servicios • • • • • • • • •
World Wide Web Correo electrónico Transmisión de archivos Conversación en Línea, Mensajería instantánea Servicio de chat Telefonia (VoIP) Televisión (lPTV) Noticias en red (NNTP ) Acceso remoto a otros dispositivos (SSH y Telnet)
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET - Historia • Sus orígenes por década de 1960, ARPANet (Advanced Research Projects Agency Network) Red de la Agencia para los Proyectos de Investigación Avanzada de los Estados Unidos • El verdadero origen de Internet nace con que nos legó el trazado de una red inicial de comunicaciones de alta velocidad a la cual fueron integrándose otras instituciones gubernamentales y redes académicas durante los años 70. • 1969: La primera red interconectada nace el 21.11.1969, se crea el primer enlace entre las universidades de UCLA y Stanford por medio de la línea telefónica conmutada. • 1972: Se realizó la Primera demostración pública de ARPANET, una nueva red de comunicaciones financiada por la DARPA que funcionaba de forma distribuida sobre la red telefónica conmutada. Para este fin, desarrollaron nuevos protocolos de comunicaciones que permitiesen este intercambio de información de forma "transparente" para las computadoras conectadas. De la filosofía del proyecto surgió el nombre de "Internet", que se aplicó al sistema de redes interconectadas mediante los protocolos TCP e IP.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET - Historia • 1983: El 1 de enero, ARPANET cambió el protocolo NCP por TCP/IP. Ese mismo año, se creó el ISP con el fin de estandarizar el protocolo TCP/IP y de proporcionar recursos de investigación a Internet. Por otra parte, se centró la función de asignación de identificadores en la IANA (entidad que supervisa la asignación global de direcciones IP) que, más tarde, delegó parte de sus funciones en el Internet registry que, a su vez, proporciona servicios a los DNS. • 1986: La NSF comenzó el desarrollo de NSFNET que se convirtió en la principal Red en árbol de Internet, complementada después con las redes NSINET y ESNET, todas ellas en Estados Unidos. Paralelamente, otras redes troncales en Europa, tanto públicas como comerciales, junto con las americanas formaban el esqueleto básico ("backbone") de Internet. • 1989: Con la integración de los protocolos OSI en la arquitectura de Internet, se inició la tendencia actual de permitir no sólo la interconexión de redes de estructuras dispares, sino también la de facilitar el uso de distintos protocolos de comunicaciones.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET - Historia • 1990: En el CERN (Organización Europea para la Investigación Nuclear) de Ginebra, un grupo de físicos encabezado por Tim Berners Lee creó el lenguaje HTML, basado en el SGML. El mismo equipo construyó el primer cliente Web, llamado World Wide Web (WWW), y el primer servidor web. A inicios de la década de 1990, se inició el auge que actualmente le conocemos al Internet. Este crecimiento masivo trajo consigo el surgimiento de un nuevo perfil de usuarios, en su mayoría de personas comunes no ligadas a los sectores académicos, científicos y gubernamentales. • 1993: El 30 de abril de la Web entró al dominio público, ya que el CERN entregó las tecnologías de forma gratuita para que cualquiera pudiera utilizarlas, aparece Mosaic, interfaz grafica que permitió a la WWW convertirse en la mas popular. Antes de usaba Violawww (1991-1992) CERN. • 2006: El 3 de enero, Internet alcanzó los mil cien millones de usuarios. Se prevé que en diez años, la cantidad de navegantes de la Red aumentará a 2,000 millones. Hoy en día Internet es necesario en nuestra vida ya que la sociedad está envuelta en un mundo cibernético, sobre todo en los adolescentes.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET - Historia • Fuente de información - Investigación
• De Ocio • De trabajo - Negocio
• Globalización
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET - Historia • Buscadores - Metabuscadores
• Motores de Búsqueda • Publicidad en Internet
• Mayor Frontera – Menores Costos
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET - Historia • Usuarios cant. Aprox. 1100 millones en el 2006 3,000 millones en el 2014 3.367 millones en Nov. 2015. Ver mas en: http://www.20minutos.es/noticia/2617410/0/poblaci on-mundial/acceso-internet/informe-medicionsociedad-informacion/ http://www.internetworldstats.com/stats7.htm Sitios Web mas Visitados https://es.wikipedia.org/wiki/Anexo:Sitios_web_m%C 3%A1s_visitados
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Historia • Motores de Búsqueda (buscador) Es un sistema informático que busca archivo almacenados en servidores web gracias a su «spider» (también llamado araña web, que es un programa que inspecciona las páginas del WWW de forma metódica y automatizada). https://es.wikipedia.org/wiki/Anexo:Motores_de_b%C3%BAsqueda
• Publicidad en Internet Tiene como principal herramienta la página web y su contenido, que incluye los elementos de: texto, enlace, banner, web, blog, logo, anuncio, audio, vídeo y animación; teniendo como finalidad dar a conocer el producto al usuario que está en línea, por medio de estos formatos. http://www.dmoz.org/World/Espa%C3%B1ol/Regional/Europa/Espa%C3%B1a/Econo m%C3%ADa_y_negocios/Marketing/Marketing_en_Internet/
• Mayor Frontera – Menores Costos
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Funcionamiento • Para conectarnos - por medio de ISP (proveedor de acceso a internet). El ISP nos asigna un número único a nuestro ordenador cuando se conecta a la red que lo identifica dentro de la red. Este número se llama el IP de nuestro ordenador. Gracias a ese IP único que tiene cada ordenador conectado a la red de internet se pueden identificar y comunicar los ordenadores. Para Ver el IP de tu Maquina dar Clic aquí.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Funcionamiento • Protocolos de Internet TCP (Transmission Control Protocol). Los TCP normas indican cómo se envía la información por internet. Tiene como misión dividir los datos en paquetes. Durante este proceso proporciona a cada uno de ellos una cabecera que contiene diversa información, como el orden en que deben unirse posteriormente.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Funcionamiento • Protocolos de Internet TCP (Transmission Control Protocol). Los TCP normas indican cómo se envía la información por internet. El protocolo TCP tiene la misión de colocar cada uno de los paquetes que se van a enviar en una especie de sobres IP, que contiene datos como la dirección donde deben ser enviados.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Funcionamiento •
Con la llegada de paquetes a su destino, se activa de nuevo el protocolo TCP, que realiza una nueva suma de comprobación y la compara con la suma original. Si alguna de ellas no coincide, detectándose así pérdida de información en el trayecto, se solicita de nuevo el envío del paquete desde el origen. Por fin, cuando se ha comprobado la validez de todos los paquetes, el TCP los une formado el mensaje inicial. En resumen IP identifica a los ordenadores dentro de la red y TCP nos dice como se envía y recibe la información entre los ordenadores.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Funcionamiento SERVIDORES Y PÁGINAS WEB SERVIDORES: Ordenadores conectados en la red al servicio de los usuarios, normalmente en vez de identificarse con su IP se identifican con un nombre de dominio más el del dominio genérico de primer nivel (dos o tres letras) para indicar la información que contiene el servidor o la zona geográfica a la que pertenece y ambos separados por un punto para que sea más fácil llegar a ellos. ejem. http://www.ucv.edu.pe Si quieres saber más sobre los servidores y los tipos que hay visita: Aquí
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Funcionamiento SERVIDORES Y PÁGINAS WEB PÁGINAS WEB: son un tipo de archivos escritos con un código (lenguaje) especial llamado HTML
(hipertext Markup Lenguaje) o lenguaje de marcas de hipertexto. La información que hay en internet, por ejemplo los sitios web, se alojan en un servidor web o HOST y el espacio donde se aloja la web se llama HOSTING. En un mismo Hosting hay alojadas varias páginas diferentes. Por ejemplo la IP de la web www.areatecnologia.com es 62.149.130.54 Ahora hay unos nuevos dominos llamados dominios TLD o temáticos que van a revolucionar el mundo de internet. Las páginas web no solo van a tener las típicas terminaciones .com, .es, .net, etc ahora pueden ser terminaciones de muchas formas diferentes, para identificar mejor de que trata cada página. Por ejemplo pueden acabar en .juegos, .tecnología, .bar, etc.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Funcionamiento
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Navegadores Internet es una amplia red de servidores interconectados y los navegadores son las herramientas que nos permiten ingresar a la vasta autopista de información. Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados. La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Además, permite visitar páginas web y hacer actividades en ella, es decir, enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Navegadores WorldWideWeb El primer navegador web fue desarrollado por Tim Berners-Lee, en la CERN, a finales de 1990 y principios de 1991; era bastante sofisticado y gráfico. Mosaic: fue el primero que se extendió debido a que se preparó versiones para Windows y Macintosh. Netscape Navigator Entró en el mercado y rápidamente superó en capacidades y velocidad del Mosaic. Este navegador tuvo la ventaja de funcionar en casi todos los sistemas Unix, y también en entornos Windows. Internet Explorer (anteriormente Spyglass Mosaic) fue la apuesta tardía de Microsoft para entrar en el mercado y consiguió desbancar al Netscape Navigator entre los usuarios de Windows
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Navegadores Mozilla fue reescrito desde cero tras decidirse a desarrollar y usar como base un nuevo conjunto de widgets multiplataforma basado en Extensible Markup Language (XML), apareciendo la V.1.0 de gran calidad y para muchísimas plataformas a la vez el 5.06.2002. Safari: Apple, lanza el 07.01.2003 al mercado el navegador web . Este navegador se hace con casi la totalidad del mercado de las microcomputadoras Mac, debido a su velocidad y gran cantidad de actualizaciones. Asimismo, también entra al mercado del sistema operativo Windows. Mozilla Firefox, Aparece el 2004 y es una rama de desarrollo de Mozilla que pretende hacerse con parte del mercado de Internet Explorer. Se trata de un navegador más ligero que su hermano mayor. Google Chrome: El 02.09.2008, aparece el navegador web desarrollado por Google y compilado con base en componentes de código abierto. Está disponible gratuitamente, en dic.2011, Chrome superó a Internet Explorer 8.0 como el navegador más utilizado a nivel mundial.
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Navegadores ¿Pero por qué empresas como Google, Microsoft y Apple invierten fuertes sumas de dinero en desarrollar navegadores que son gratuitos? De Clic aqui
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Navegadores Ver Estadísticas aqui
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Navegadores Ver Estadísticas aqui
Escuela Académica Profesional de Ingeniería de Sistemas
INTERNET – Navegadores Ver Estadísticas aqui
Escuela Académica Profesional de Ingeniería de Sistemas
Escuela Académica Profesional de Ingeniería de Sistemas
Escuela Académica Profesional de Ingeniería de Sistemas
Escuela Académica Profesional de Ingeniería de Sistemas
Escuela Académica Profesional de Ingeniería de Sistemas