1 Fund. Internet

Diploma d’Especialització Universitària en Comunicació Digital

Quino Fernández - Dir. Interactius de Won (QuinTeam)@quinof - [email protected]

HISTORIA Y FUNDAMENTOS DE INTERNET

mailto:[email protected]



Historia y fundamentos de Internet‣ Objetivo• Introducir las bases conceptuales y técnicas de Internet antes de desarrollar su uso como soporte y herramienta de

comunicación.

‣ Temario• Historia de Internet. Hitos.• ¿Cómo funciona Internet?

• Comunicación digital. Redes. TCP/IP• El modelo cliente/servidor.• Tecnologías “cliente”.• Tecnologías “servidor”.

• Cloud computing y SaaS• Evolución: Web 3.0, la Internet de las “cosas”, NFC, wereable computing...

‣ Al acabar, el alumno...• Habrá conocido la bases técnicas de la red Internet adquiriendo los conocimientos básicos para la comprensión del

resto del temario.• Conocerá el significado los términos y abreviaturas más importantes usados este entorno.• Entenderá como funciona un sistema web, sus elementos hardware y software y las principales tecnologías usadas

para desarrollarlos, así como las ventajas e inconvenientes de todos ellos.• Habrá discutido los posibles caminos de evolución a corto plazo de Internet.

2



HISTORIA DE INTERNET. HITOS




Historia de Internet. Hitos

Técnicamente, Internet es una red de ordenadores

4


(*) el 30% de Internet en el 2005



Técnicamente, Internet es una red de ordenadoresOrdenador:

6


Historia de Internet. HitosPor ejemplo, la tejedora de Jacquard: programable con fichas perforadas (1801)

7



O la máquina del censo de Hollerit (1890, la foto es de 1936)Por cierto, de aquí salió IBM...

8



O la máquina del censo de Hollerit (1890; la foto es de 1936)Por cierto, de aquí salió IBM...

O, finalmente el ENIAC (1945), primer ordenador electrónico programable.

9



O la máquina del censo de Hollerit (1890; la foto es de 1936)Por cierto, de aquí salió IBM...

O, finalmente el ENIAC (1945), primer ordenador electrónico programable.

Hasta que se generalizan los “mainframes”, que dan servicio a centenares de pantallas.

10



Sistemas centrales (60s)‣ 1 solo ordenador‣ 100s terminales “tontos”‣ Se pueden comunicar porque son

parte del mismo ordenador

11



Redes (70s)‣ Los grandes sistemas se comunican

entre si.‣ 1969: nace ARPANET, red del ARPA,

departamento de investigación USA vinculado a defensa.

‣ 1972: aparece el término Internet

12



PCs (80s)‣ Es lo mismo pero para un solo usuario‣ CPU y discos propios‣ Versatilidad‣ “Independencia”‣ ...Inseguridad

13



Redes (80s)‣ Los PCs se incorporan a las redes

creando redes cada vez más grandes‣ Las redes se convierten en el centro

de los sistemas.‣ 1982: TCP/IP, protocolo estándar‣ 1991: HTML, la World Wide Web

14



Dos estándares básicos con nombre propio‣ TCP/IP (Vint Cerf)• Transmission Control Protocol / Internet Protocol• Se puede considerar el “lenguaje” de la red. Es el protocolo a través del que “hablan” los ordenadores

‣ HTML (Tim Berners-Lee)• HyperText Markup Language• Es la base de la World Wide Web. El lenguaje en el que están desarrolladas todas las webs

15Vint Cerf Tim Berners-Lee


Berners-Lee “inventa” el html

1989 1994

Servicom1er ISP español

1999 2001

Crísis“.com”

www.uji.es1er web español

1995

Yahoosale a Bolsa

1996 1997 1998

Burbuja tecnológica

El País

1993

Terrasale a bolsa

Google

La Caixa

Amazon

20001990 1992 1991

Web 1.0


16

eBay

http://www.uji.es

http://www.uji.es


2004 2001 2002 2003 20082005 2006 2007 2009

Facebook

YouTubeMySpace

Crísis“.com”

Caprabo

Privalia

Web 1.0

Web 2.0

2010


2011 2012

Facebook llega a 350 M

iPad

Twitter

iPhone

Mobile ~0% Mobile=4%

Facebook llega a 500 M

Mobile=10,5%

Microsoftinvierte en FB

FB:1.000 M

Facebook sale a bolsa

Googlesale a bolsa

2013

FB:1.160 M

17



¿CÓMO FUNCIONA INTERNET?




¿Digital?

Digitalización‣ Los ordenadores solo gestionan valores binarios (0 ó 1). Toda la información que se

almacene o procese ha de “digitalizarse”.‣ bit: unidad básica digital• 1 ó 0 • On/Off

‣ Byte: conjunto de 8 bits. Permite representar 256 valores• 00000000 = 0• 00000001 = 1• 00000010 = 2• 00000011 = 3• 11111111 = 255

19


¿Digital?

Digitalización‣ Los ordenadores solo gestionan valores binarios (0 ó 1). Toda la información que se

almacene o procese ha de “digitalizarse”.‣ bit: unidad básica digital (1 / 0)‣ Byte: conjunto de 8 bits. Permite representar 256 valores‣ kilobit (kb): 1000 ó 1024 bits (*)• Normalmente 1kb=1000 y 1Kb=1024

‣ kiloByte (kB): 1000 ó 1024 bytes• Normalmente 1kB=1000 y 1KB=1024

‣ megabit (Mb): 1000 kb = 1millón bits‣ megabyte (MB): 1000 kB = 1 millón bytes• también puede ser 1024x1024 (1.048.576)• también puede ser 1000x1024 (1.024.000)

‣ Etc: giga (GB)=10003; tera (TB)=10004; peta (PB)= 10005; exa; zetta; yotta.

(*) La electrónica solo maneja potencias de 2

20


¿Digital?

Digitalización‣ Digitalizar valores discretos (no continuos) es fácil basta hacer tablas de códigos ‣ P.e. con 1 Byte (256) podemos representar el alfabeto (USA), los números y los

principales símbolos (y aún sobra...). Es el código ASCII:

‣ Con 2 Bytes (65.536) ó 4 Bytes (~ 4,3 millones) podemos representar una parte o todos los alfabetos y símbolos gráficos conocidos (y aún sobra...). Son los códigos UNICODE (UCS-2, UTF-8 y UTF-16)

21


¿Digital?

Digitalización‣ Pero para valores continuos (analógicos) hay que hacer aproximaciones con números.‣ Por ejemplo:• Color de 8 bits ó de 16 bits ó de 24 bits• Música CD• Pantallas de 640x460 ó de 1024x800 ó de 1960x1080

22


¿Digital?

Digitalización‣ Pero para valores continuos (analógicos) hay que hacer aproximaciones con números.‣ Por ejemplo:• Color de 8 bits ó de 16 bits ó de 24 bits• Música CD• Pantallas de 640x460 ó de 1024x800 ó de 1960x1080

‣ Y, una vez digitalizado, podemos comprimirlo con fórmulas matemáticas• Música MP3• Fotografía JPEG• Vídeo MPEG

24


203 KB 31 KB


Redes. TCP/IP

TCP/IP‣ Protocolo de transmisión de paquetes dentro de una red.‣ Determina como deben “viajar” los paquetes en la red y como corregir los posibles

errores y establecer caminos alternativos.‣ Permite muchas “conversaciones” simultáneas en cada uno de los nodos (mail, web,

ftp, chat, vídeo...)‣ Asigna a cada nodo una dirección única, el número IP, del tipo 123.123.123.123‣ p.e

• http://123.123.123.123/index.htm le pide al nodo 123.123.123.123 que active el servicio http (web) y nos envíe la página index.htm.

• ftp://[email protected]/directorio le pide al nodo 123.123.123.123 que active el servicio ftp, nos identifique como nombre_usuario y nos muestre el contenido del directorio.

27

http://123.123.123.123/index.htm

http://123.123.123.123/index.htm




Redes. TCP/IP

Domain Name SystemSistema jerárquico que permite asignar nombres a las direcciones IP.Establece una jeraquía de “dominios” de distinto nivel formando un “arbol”‣ 1er Nivel: top-level domain (establecidos por el ICANN)• com, edu, org, net, biz, name...• es, fr, us, uk, cat...

‣ El organismo responsable del top-level domain asigna el nivel inferior y éste, a su vez puede crear subdominios del suyo (hasta 127).

‣ A cada nombre se le puede asignar una dirección IP. La tabla de asignaciones se almacena en los servidores DNS de cada dominio.

‣ Cuando un ordenador quiere “traducir” un nombre lo pregunta a su servidor DNS que a su vez escala la pregunta hasta que encuentra la dirección y la devuelve

28


El modelo cliente/servidorLos diálogos en una red pueden seguir dos "jerarquias"‣ Entre "iguales": los dos nodos tienen idénticas funciones (p.e. Skype).‣ Cliente / Servidor: uno de los nodos ejecuta un trabajo solicitado por el otro. Es el má

habitual (p.e. la web)

29


El modelo cliente/servidorLos diálogos en una red pueden seguir dos "jerarquias"‣ Entre "iguales": los dos nodos tienen idénticas funciones (p.e. Skype).‣ Cliente / Servidor: uno de los nodos ejecuta un trabajo solicitado por el otro. Es el má

habitual (p.e. la web)

29

Màquina “client” (un PC)

Programa “client”

Màquina “server” (un PC “gros”)

Programa “server”

Xarxa

Petició

Resposta


El modelo cliente/servidorEjemplo: el correo electrónico‣ Cliente: Apple Mail, Outlook, Thunderbird

30


El modelo cliente/servidorEjemplo: el correo electrónico‣ Servidor POP: Post Office Protocol

o...

‣ Servidor IMAP: Internet Message Access Protocol

31‣POP: Simplemente responde a los mensajes. Ignora al cliente.‣IMAP: Sincroniza con el cliente y lo mantiene actualizado.


El modelo cliente/servidorEjemplo: el correo electrónico‣ Servidor POP: Post Office Protocol

o...

‣ Servidor IMAP: Internet Message Access Protocol

31

Mail Server

Servidor POP

(o IMAP)- Dame la lista de mails- Dame un mail- Dame un adjunto- Borra un mail

- Ahí va

‣POP: Simplemente responde a los mensajes. Ignora al cliente.‣IMAP: Sincroniza con el cliente y lo mantiene actualizado.


El modelo cliente/servidorEjemplo: el correo electrónico‣ Servidor SMTP: Simple Mail Transfer Protocol

32


El modelo cliente/servidorEjemplo: el correo electrónico‣ Servidor SMTP: Simple Mail Transfer Protocol

32

Mail Server

Servidor POP

(o IMAP)

Servidor SMTP

- Envía éste mail a éstas direcciones

- No he encontrado ésta dirección


El modelo cliente/servidorEjemplo: el correo electrónico‣ Pregunta: En el caso de un webmail (gmail, yahoo...), ¿quién es el cliente?...



El cliente es un programa que se ejecuta en otro ordenador y “dialoga” con los servidores de mail.




Vale. Y... ¿cómo lo vemos?...




Vale. Y... ¿cómo lo vemos?...

A través de un servidor web que habla con el programa cliente y genera páginas html con los resultados.


El modelo cliente/servidorEjemplo: el correo electrónico (webmail)

HTTP server

Mail Application

Web Server


El modelo cliente/servidorEjemplo: el correo electrónico (webmail)

HTTP server

Mail Application

Web Server

Servidor POP

(o IMAP)

Servidor SMTP

Mail Server


El modelo cliente/servidor

35



Internet



35


HTML Browser

HTTP server

Arxius html


Internet



35


HTML Browser

HTTP server

Arxius html Dades

Database server

Aplication server


Internet



35


HTML Browser

HTTP server

Arxius html Dades

Database server

Aplication server

Altres servers


Internet



35


HTML Browser

HTTP server

Arxius html Dades

Database server

Aplication server

Altres servers


Altres programes

client

Internet



Más ejemplos:

Hay muchos más con sus correspondientes protocólos‣ DNS Servers‣ File Servers‣ Print Servers‣ Time Servers‣ ...

36

Clientes Servers Protocolos

Mail (outlook, apple mail...) Mail server POP, IMAP, SMTP

Clients FTP FTP server FTP

Web Browser (Firefox, Explorer, Safari, Chrome...) Web Server HTTP, HTTPS


Tecnología Internet

Clientes y servidores necesitan cierto software básico:‣ Sistemas operativos‣ Lenguajes de programación‣ Aplicaciones “servidor”‣ Aplicaciones “cliente”

Este software basado en diferentes tecnologías y en este momento se han establecido dos mundos:‣ Open Source‣ Propietario

37


Open Source vs. Propietària

Open SourceLiteralmente "fuente libre": copia, uso, modificación ... libresDesarrolladas por una comunidad sin ánimo de lucro‣ Linux, Apache, PHP, MySQL (LAMP), WordPress, Drupal, MediaWiki ...‣ Hay que pagar el apoyo y el conocimiento.

PropietarioDesarrolladas por una empresa que quiere -necesita- beneficiosAunque a veces también se gratis (viven de otras fuentes)‣ Microsoft, Oracle, Adobe, Google, Facebook, SAP, Salesforce, Dropbox, Amazon ...‣ Se debe pagar el apoyo, el conocimiento y -a veces- la licencia (copyrigth)

Siempre se debe controlar la relación coste-beneficio y la solidez de la plataforma

38


Tecnología “cliente”

39


Tecnología “cliente”Sistemas operativos‣ Windows (Microsoft)• Windows XP, Vista, 7...

‣ Macintosh OS X (Apple)• OS X 10.6, 10.7, 10.8...

‣ Linux (Open Source)• Ubuntu, Debian, OpenSUSE, Red Hat...

39



40



Sistemas operativosY ahora hay que añadir los móviles‣ Windows 8 ---> Windows RT‣ Mac OS ---> iOS‣ Linux ---> Android, Firefox OS‣ Blackberry, Symbian, Bada, Palm...

(Más sobre ellos en el tema de móviles)

Los SOs solo son importantes porque sobre ellos “corren” los programas cliente y determinan su disponibilidad.

41



BrowsersEs el programa cliente más importanteExisten “tres” grandes familias:‣ Microsoft Internet Explorer‣ Mozilla (Firefox, Konkeror y otros)‣ WebKit (Apple Safari, Google Chrome, Android y otros)‣ Opera (OK, es la 4ª pero no es tan importante...)

42



43



44


Tecnología “cliente”Browsers

45



Browsers¿Porqué es importante esta “guerra”?‣ Porque el soporte a las nuevas tecnologías no es uniforme entre las tres familias.‣ Los desarrolladores que quieren usar características avanzadas han de escoger.‣ Las webs sofisticadas han de probarse en todas las plataformas.

‣ Si una web ha de funcionar correctamente en muchas plataformas...‣ ...evitar funcionalidades avanzadas

46



LenguajesDentro del browser‣ HTML - CSS - Javascript‣ Java‣ Flash

Para aplicaciones independientes‣ Java‣ Otros ligados a los OS (C++, C#, Objetive C...)

47



HTMLHyperText Markup Language‣ Un programa html es un archivo de texto con marcas que indican cómo se debe

presentar y enlaces a otros archivos.‣ El server lo envía al cliente y el browser lo analiza y lo presenta.‣ Ejemplo:

48

<html><head>

<title>Ejemplo Curso</title></head><body>

<h1>Titular de primer nivel</h1><h2>Titular de segundo nivel</h2><p>

Y ahora algo en <strong>negrita</strong> y en <em>cursiva</em> y con un retorno.<br><a href="http://www.google.com/">Un enlace a Google</a><br>

</p><p>

Y el logo de Won<br><img src="http://won.quinteam.com/img/comun/logo1.gif">

</p></body></html>

http://www.google.com

http://www.google.com

http://won.quinteam.com/img/comun/logo1.gif

http://won.quinteam.com/img/comun/logo1.gif


Tecnología “servidor”

Sistemas operativos‣ Windows (Microsoft)‣ Unix (varios fabricantes. $)‣ Linux (Open Source)

49



Web Servers‣ Int. Information Server (Microsoft)‣ Apache, Nginx (Open Source)‣ Google (!)

50



Web Servers‣ Internet Information Server (Microsoft)‣ Apache, Nginx (Open Source)‣ Google (!)

Pero los web servers no suelen ir solos. Hay que considerar ‣ Lenguajes de programación‣ Bases de Datos‣ Gestores de Contenido (Content Management Systems)

51



Lenguajes‣ Entorno.Net (Microsoft)‣ PHP‣ Java‣ Ruby, Phyton, Perl y otros Open Source

52



Bases de Datos‣ SQL Server (Microsoft)‣ Oracle‣ MySQL, PostgreSQL, Sybase (Open Source)‣ Otras

53

DBEngines.com



Gestores de ContenidoPropietarios‣ “Grandes”: Vignette, Oracle, IBM...‣ “Pequeños”: infinidad de desarrolladores utilizan “su” CMS

Open Source:‣ Blogs y más: WordPress, Movable Type...‣ Multipropósito: Drupal, Joomla, Typo3...‣ Grandes sistemas: eZ Publish, OpenCMS...

54



Resumiendo...La plataforma es una “commodity”

La selección vendrá dada por:‣ Las necesidades o requerimientos del cliente‣ Los skills del desarrollador‣ El precio (del sistema completo: plataforma + desarrollo)

El Open Source se está imponiendo en las instalaciones pequeñas y medianas y en Administraciones

55



Y una última decisión...¿Servidor propio o externo?Propio‣ Mayor control‣ Mejor acceso a los sistemas propios (p.e. para e-Commerce o e-CRM)‣ Más inseguro (salvo grandes instalaciones o pequeños proveedores)‣ Más caro‣ Menos flexible

Externo‣ Todo lo contrario...

56



CLOUD COMPUTING Y SAAS





¿Cloud computing? ¿Qué es la nube?‣ Desde hace años se ha identificado

Internet con una nube en la que reside la información absolutamente dispersa.

‣ No importa donde está fisicamente: “está en la nube”. A menudo replicada en varios servidores en distintos continentes.

En el “Cloud Computing” los recursos (hardware, programas, datos...) están en servidores de Internet en forma de autoservicio.

58



Modelos de servicio en la nube (tipo)

‣ Infraestructura (IaaS)Provee máquinas, almacenamiento y recursos de red que las empresas pueden gestionar para instalar sus sistemas y aplicaciones o parte de ellos (para uso interno o externo).• Amazon• Servicios privados ofrecidos por IBM, Telefónica... a grandes empresas como la Caixa, BBVA...• DropBox

‣ Plataformas (PaaS)Provee sistemas completos sobre los que se pueden instalar las aplicaciones.• Hostings de web (Nominalia, Telefónica...)• Windows Azure

‣ Software (SaaS)Provee aplicaciones completas incluyendo la interface de usuario• Google Mail & Google Apps, Microsoft 365• Salesforce & ERPs online• Blogger• Sistemas 2.0: Flickr, Twitter, Linkedin

59



Modelos de servicio en la nube (propiedad)

‣ Nubes privadasPropiedad de una empresa u organización y usadas solo por sus miembros.Pueden estar en instalaciones propias o externas (IaaS ó PaaS)Existen modelos “personales”

‣ Nubes públicasOfrecidas por empresas al mercado en generalMás económicas pero menos seguras

‣ Nubes de comunidadCompartidas por varias organizaciones (universidades, investigación, asociaciones...)

‣ HíbridasMezcla de las anteriores

60



Características del cloud computing

‣ Escalabilidad

‣ Virtualización

‣ Disponibilidad‣ Distribución geográfica

61



SaaS

‣ Los usuarios pueden acceder a sistemas completos utilizando sencillamente el navegador internet

‣ Ventajas• No necesitan centro de datos interno.• No necesitan administradores de sistemas o aplicaciones.• Permiten pagos por uso o por usuario.• Escalabilidad de capacidad de proceso, almacenamiento o funcionalidad• Independencia de dispositivos (PC, Mac, móvil...)• Seguridad y protección (backups, disaster recovery...)

‣ Inconvenientes• Seguridad y privacidad de los datos.• Disponibilidad de los sistemas• Migración (en algunos casos)

62



EVOLUCIÓN: WEB 3.0, INTERNET DE LAS COSAS, WEREABLE COMPUTING




Web 3.0

Web 1.0‣ Unidireccional‣ Informativa‣ Contenidos corporativos

Web 2.0‣ Bidireccional‣ Social‣ User Generated Content

¿Web 3.0?¿Es algo la Web 3.0?

64


Web 3.0

¿Es algo la Web 3.0?No está muy claro...

Cosas que tienen que ver con la Web 3.0‣ Web Semántica‣ Datos estructurados interoperables. Microformatos.‣ Inteligencia artificial‣ Agentes autónomos

No buscas información. La información te encuentra

‣ Convergencia físico-virtual (geolocalización, mundos 3D)

En general, Web 3.0 está ligado a una mayor accesiblidad a la información

65


La internet de las cosas

Del ordenador al móvil. Del móvil a “cualquier cosa”¿Ejemplos?¿Posibilidades?

66


Wereable computing

Evolución de la “Internet de las cosas”¿Ejemplos?¿Posibilidades?

67



PLAYERS




InternetInfraestructuras‣ Comunicaciones: ATT, T-Mobile, NTT, Movistar...‣ Hardware: HP, IBM, Apple, Cisco, Samsung, Sony...‣ Hosting: telcos en general y pequeñas y grandes empreses en todo el mundo‣ Content Delivery Networks (CDN): Akamai, Amazon, telcos en general...‣ Software y plataformas: Microsoft, Oracle, Adobe, Apple, Google, Facebook...

Contenidos‣ Todos los grupos de medios‣ La gran mayoría de los otros “players”

Publicidad‣ Contratación: todos los grupos del sector‣ Distribución i contratación: nuevos players, Google, Apple, Amazon, Facebook

Servicios‣ Desarrollo, consultoria, creatividad

69

Diploma d’Especialització Universitària en Comunicació DigitalEl mercado digital es muy complejo y está lejos de la estabilidad

70

1 Fund. Internet

Marketing

Transcript of 1 Fund. Internet