SlideShare ist ein Scribd-Unternehmen logo
1 von 89
Downloaden Sie, um offline zu lesen
Curso: (62949) Internet para las cosas
Fernando Tricas Garc´ıa
Departamento de Inform´atica e Ingenier´ıa de Sistemas
Universidad de Zaragoza
http://webdiis.unizar.es/~ftricas/
http://moodle.unizar.es/
ftricas@unizar.es
La web
Fernando Tricas Garc´ıa
Departamento de Inform´atica e Ingenier´ıa de Sistemas
Universidad de Zaragoza
http://webdiis.unizar.es/~ftricas/
http://moodle.unizar.es/
ftricas@unizar.es
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 2
Algunas definiciones
IP
N´umero que identifica a un ordenador cuando se conecta a internet
(T´ıpicamente lo vemos en 4 grupos de 3 cifras)
Ejemplo: 155.210.11.37
DNS
Domain Name Service. Servicio de nombres de dominios. Para no
tener que recordar la IP habitualmente se asignan nombres a
dichos n´umeros.
Ejemplo: unizar.es −→ 155.210.11.37
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 3
M´as definiciones
Gateway
Puerta de enlace. Dispositivo que nos conecta con internet.
Router
Enrutador. Dispositivo que establece las conexiones necesarias para
conectar redes.
Ethernet
Est´andar de conexi´on para redes de ´area local cableadas.
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 4
M´as definiciones
WiFi
Wireless Fidelity. Sistema de env´ıo de datos sin cables que utiliza
ondas de radio. Alcance de unos cuantos metros.
Bluetooth
Sistema de env´ıo de datos sin cableas para redes de ´area personal
(pocos metros). Utiliza ondas de radio.
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 5
Pre-web. FTP
FTP
File Transfer Protocol. Protocolo de red para transferencia de
ficheros (archivos). Un cliente se conecta a un servidor para
descargar o enviar archivos.
1971
binarios/ASCII (y otros)
flujo/bloques/comprimido
Dos conexiones (control/transferencia)
identificado/an´onimo
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 6
Pre-web. Gopher
Gopher
File Transfer Protocol. Protocolo de red para
distribuci´on/b´usqueda/transferencia de ficheros (archivos).
1991
Organizaci´on jer´arquica
Sint´axis simple
R´apido y econ´omico
Extensi´on de la met´afora del ‘sistema de ficheros’
Enlaces
Superado por la www
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 7
Pre-web. Gopher
Gopher
File Transfer Protocol. Protocolo de red para
distribuci´on/b´usqueda/transferencia de ficheros (archivos).
1991
Organizaci´on jer´arquica
Sint´axis simple
R´apido y econ´omico
Extensi´on de la met´afora del ‘sistema de ficheros’
Enlaces
Superado por la www
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 7
WWW: World Wide Web
Sistema universal de identificadores (UDI/URL/URI)
Lenguaje de publicaci´on (HTML)
Protocolo de transmisi´on (HTTP)
Tim Berners-Lee, 1991
S´olo lectura
Hiperenlaces
CERN
Navegador (Browser)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 8
URI/URL
URI
Uniform Resource Identifier. Identificador universal de recurso.
scheme:[//[user:password@]host[:port]][/]path[?query][#fragment]
Esquema (http, ftp, mailto, file, data)
user:password (autenficaci´on, si necesaria)
path (organizaci´on jer´arquica)
...
Ejemplos:
https://example.org/absolute/URI/with/absolute/path/to/resource.txt
ftp://example.org/resource.txt
urn:ISSN:1535-3613
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 9
URI/URL
URL
Uniform Resource Locator. Localizador universal de recurso.
Direcci´on web (informal)
Es un URI
Recurso
Localizaci´on en una red
Mecanismo para obtenerlo
http://www.example.com/index.html
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 10
P´aginas est´aticas
http://webdiis.unizar.es/~ftricas/Asignaturas/iot/Home.html
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 11
P´aginas est´aticas
http://webdiis.unizar.es/~ftricas/Asignaturas/iot/Home.html
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 12
P´aginas est´aticas. HTML
HTML
HyperText Markup Language. Lenguaje de marcado de hipertexto.
Texto (con referencias a los recursos, que se integrar´an).
Etiquetas (entre < > /)
<title>Internet para las Cosas</title>
Elementos (atributos y contenido)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 13
P´aginas est´aticas
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 14
P´aginas est´aticas. CSS
HTML
CSS. Cascading Style Sheet. Hoja de Estilo en Cascada.
Nombres (atributos, por ej.: < tag id = ... >)
Separar contenido de presentaci´on
propiedad:valor
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 15
P´aginas est´aticas. CSS
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 16
Protocolo de transmisi´on. HTTP
HTTP
HyperText Transfer Protocol. Protocolo de transferencia de
hipertexto.
Hipertexto: texto estructurado que contiene enlaces entre
nodos.
Basado en petici´on/respuesta.
Cliente/Servidor
Sin estado
Permite mejoras en los puntos intermedios (cach´es, proxies,
...)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 17
Protocolo de transmisi´on. HTTP
El navegador se conecta a una p´agina web ...
GET / HTTP/1.0
Host: www.ejemplo.com
Accept: text/html, text/plain, image/*
Accept-Language: en
User-Agent: Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 18
Protocolo de transmisi´on. HTTP
HTTP/1.1 200 OK
Date: Fri, 16 Apr 2004 15:41:32 GMT
Server: Apache/1.3.26 (Unix) Debian GNU/Linux PHP/4.1.2 DAV/1.0.3
Last-Modified: Wed, 20 Aug 2003 20:31:11 GMT
Content-Length: 84
Connection: close
Content-Type: text/html
<html>
<head><title>Test</title></head>
<body>
<p>Hello, world!</p>
</body>
</html>
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 19
Los m´etodos
(Por completitud)
GET
Los datos van en la URL
POST
Los datos van incluidos en el cuerpo de la petici´on
HEAD
Igual que GET, pero el servidor env´ıa la informaci´on sin ‘body’
PUT
Lo que se env´ıa debe almacenarse donde se indica.
DELETE
Borrar un recurso.
. . .
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 20
P´aginas din´amicas
La p´agina se genera cuando se solicita
Puede cambiar contenido, estructura, aspecto...
http://diis.unizar.es/
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 21
P´aginas din´amicas
T´ıpicamente:
Sistema de generaci´on: la p´agina se genera con un programa
(PHP, Java, .Net, ...)
Sistema de persistencia: una base de datos, el sistema de
ficheros, recursos externos...
Sistema de plantillas: para el aspecto
Palabras clave: CMS (Content Management System)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 22
¿Qu´e es un programa?
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 23
P´aginas din´amicas. Estado y web
HTTP no tiene estado, no hay relaci´on entre peticiones
sucesivas de los clientes
Las ‘cookies’ se introdujeron para proporcionar una forma de
obtenerlo
El cliente tiene que ‘recordar’ un poco de informaci´on
El servidor:
Set-Cookie: Customer="79"; Version="1"; Path="/"; Max-Age=1800
El cliente:
Cookie: $Version="1"; Customer="79"; $Path="/"
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 24
¡Aplicaciones web!
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 25
M´as din´amicas todav´ıa, Ajax
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 26
Javascript
Lenguaje de programaci´on
Se ejecuta en el navegador
Todos los navegadores modernos lo interpretan (mejor o peor)
Lo inventaron en Netscape Communications
Se utiliza para:
‘Efectos’ din´amicos en p´aginas web
Por ejemplo: ‘widgets’:
https://dev.twitter.com/web/embedded-timelines
Ofrecer p´aginas alternativas seg´un las caracter´ısticas del
navegador, sistema...
(Y otros)
Y, desde hace unos a˜nos, para cosas m´as ‘complejas’
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 27
De la web 1.0 a la web 2.0
Web 1.0 Web 2.0
Doble click −→ Google AdSense
Ofoto −→ Flickr
Akamai −→ BitTorrent
mp3.com −→ Napster
Britannica Online −→ Wikipedia
personal websites −→ blogging
evite −→ upcoming.org and EVDB
domain name speculation −→ search engine optimization
page views −→ cost per click
screen scraping −→ web services
publishing −→ participation
content management systems −→ wikis
directories (taxonomy) −→ tagging (’folksonomy’)
stickiness −→ syndication
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 28
¿2.0?
http://nww.nerdwideweb.com/web20/
Josep M. Ganyet
Markus Angermeier
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 29
¿2.0?
Los logos ...
http://www.flickr.com/photos/jonastherkildsen/122881874/
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 30
¿2.0?
226 SHARE
166 YOUR
97 SEARCH
71 2.0
50 CREATE
50 MANAGE
50 SOCIAL
49 NEWS
46 MASH-UP
44 TO
44 UPLOAD
42 PHOTOS
41 ON
41 ONLINE
40 FIND
36 BOOKMARKING
36 FOR
30 PUBLISH
29 STORE
http://blog.drinsama.de/erich/en/xml/2006042603-web-2-oh.html
http://baris.typepad.com/venture_capitalist/2006/03/web_20_
companie.html
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 31
¿2.0?
http://www.wordle.net/62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 32
Web 2.0
T´ermino acu˜nado por Tim O’Reilly en el congreso ‘O’Reilly Media
Web 2.0’ en 2004.
Ajax (tecnolog´ıa): Asynchronous JavaScript and XML
¡Web!
La red como plataforma
La gente:
¡interacci´on obligatoria!
No maltratar a los usuarios
Google: ‘Don’t be evil’
Paul Graham, “Web 2.0”
http://www.paulgraham.com/web20.html
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 33
Participando
Escribiendo sus blogs (o donde sea)
Votando (sitios de noticias, encuestas, ...)
Compartiendo
Simplemente pinchando
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 34
¿Qu´e es un blog?
Una p´agina web (Justin Hall, 1994)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 35
¿Qu´e es un blog?
Dave Winer, 1994-1995 http://scripting.com/
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 36
El nombre de la cosa
Weblog (Jorn Barger, 1997)
Weblog = Blog (Peter Merholz, 1999,
http://www.peterme.com/)
= Bit´acora (principio a˜nos 200X)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 37
El nombre de la cosa
Weblog (Jorn Barger, 1997)
Weblog = Blog (Peter Merholz, 1999,
http://www.peterme.com/)
= Bit´acora (principio a˜nos 200X)
Somos navegantes . . .
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 37
El nombre de la cosa
Weblog (Jorn Barger, 1997)
Weblog = Blog (Peter Merholz, 1999,
http://www.peterme.com/)
= Bit´acora (principio a˜nos 200X)
Somos navegantes . . .
La bit´acora, donde se guarda el
cuaderno de bit´acora (foto JJ.
Merelo)62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 37
Pero ... ¿qu´e es?
Un blog, tambi´en conocido como weblog o bit´acora, es
un sitio web peri´odicamente actualizado que recopila
cronol´ogicamente textos o art´ıculos de uno o varios
autores, apareciendo primero el m´as reciente.
Habitualmente, en cada art´ıculo, los lectores pueden
escribir sus comentarios y el autor darles respuesta, de
forma que es posible establecer un di´alogo. El uso o
tem´atica de cada blog es particular, los hay de tipo
personal, period´ıstico, empresarial o corporativo,
tecnol´ogico, educativo, etc.
http: // www. blogia. com/ que-es-un-weblog. php
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 38
Bit´acora (o blog, o weblog) (II)
Separaci´on entre la presentaci´on el contenido
Uso muy f´acil
Dinamismo
Comentarios
Enlaces
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 39
Bit´acora (o blog, o weblog) (II)
Separaci´on entre la presentaci´on el contenido
Uso muy f´acil
Dinamismo
Comentarios
Enlaces
¡Relaciones!
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 39
RSS
https://eina.unizar.es/index.php?format=feed&type=rss
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 40
Vale. . . ¿Pero qu´e es RSS?
1999
RSS
RSS es parte de la familia de los formatos XML desarrollado
espec´ıficamente para todo tipo de sitios que se actualicen con
frecuencia y por medio del cual se puede compartir la informaci´on
y usarla en otros sitios web o programas.
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 41
Vale. . . ¿Pero qu´e es RSS?
1999
RSS
RSS es parte de la familia de los formatos XML desarrollado
espec´ıficamente para todo tipo de sitios que se actualicen con
frecuencia y por medio del cual se puede compartir la informaci´on
y usarla en otros sitios web o programas.
RSS =
Rich Site Summary
RDF Site Summary
Really Simple Syndication
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 41
Vale. . . ¿Pero qu´e es RSS?
1999
RSS
RSS es parte de la familia de los formatos XML desarrollado
espec´ıficamente para todo tipo de sitios que se actualicen con
frecuencia y por medio del cual se puede compartir la informaci´on
y usarla en otros sitios web o programas.
RSS =
Rich Site Summary
RDF Site Summary
Really Simple Syndication
¡A´un m´as!
RSS 0.90, RSS 1.0, RSS 1.1, RSS 0.91, RSS 0.92 – 0.94, RSS 2.0
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 41
Vale. . . ¿Pero qu´e es RSS?
1999
RSS
RSS es parte de la familia de los formatos XML desarrollado
espec´ıficamente para todo tipo de sitios que se actualicen con
frecuencia y por medio del cual se puede compartir la informaci´on
y usarla en otros sitios web o programas.
RSS =
Rich Site Summary
RDF Site Summary
Really Simple Syndication
¡A´un m´as!
RSS 0.90, RSS 1.0, RSS 1.1, RSS 0.91, RSS 0.92 – 0.94, RSS 2.0
Y Atom :)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 41
Tambi´en con dibujos
Afortunadamente . . .
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 42
Tambi´en con dibujos
Afortunadamente . . .
No somos programadores
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 42
Pero ...
¿C´omo seguir a tanta gente?
¿Cu´ando actualizan?
Esto ... ¿lo lei ya o no?
Prefiero leerlo en ...
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 43
Lectores de RSS ...
Tenemos s´olo el contenido b´asico
T´ıtulo + Algo ...
Se parece a ...
Asunto + Mensaje
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 44
Lectores de RSS ...
Tenemos s´olo el contenido b´asico
T´ıtulo + Algo ...
Se parece a ...
Asunto + Mensaje
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 44
Planetas
http://planetacodigo.com/
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 45
Twitter
http://twitter.com/DIIS_UZ
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 46
Compartir fotos
Flickr http://www.flickr.com/
Como un fotolog
Pero adem´as...
Gesti´on de contactos (contactos, amigos, familiares)
Notas, Tags (volveremos sobre esto)
API
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 47
El API de Flickr
FlickrAppGarden
http://iamcaltrain.com/
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 48
Ejemplo. API Flickr
Estudio sobre los turistas en las Islas Canarias (con V´ıctor R. Ru´ız
http://linotipo.es).
Flickr es un sitio (de Yahoo!) para publicar fotograf´ıas
Alojaba en 2008 m´as de 3 mil millones de im´agenes.
Usuarios
40 % de usuarios entre 25 y 44 a˜nos
40 % de usuarios m´as de 44 a˜nos
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 49
Ejemplo. Flickr
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 50
Ejemplo. Flickr
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 51
Ejemplo. Flickr
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 52
Ejemplo. Flickr
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 53
Ejemplo. Flickr
API de Flickr
Descargar meta-informaci´on de las fotograf´ıas realizadas
entre 2004 y 2008
Y los datos del perfil de los usuarios
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 54
Ejemplo. Flickr
Resultados:
150.000 im´agenes
4.000 fot´ografos
Y sus datos (en algunos casos, geolocalizados)
217.000 etiquetas
34.000 diferentes
media 14 etiquetas por foto
mediana 8 etiquetas por foto
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 55
Ejemplo. Flickr
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 56
Ejemplo. Flickr
Sabemos m´as:
La hora. (Hora punta: las 12.00)
Vistas
Pa´ıs de or´ıgen de los fot´ografos (incluso a nivel de regi´on,
comunidad, ciudad, en algunos casos).
A lo largo del tiempo.
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 57
Ejemplo. Flickr
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 58
Ejemplo. Flickr
Sabemos:
A d´onde van los visitantes brit´anicos
Los holandeses prefieren Lanzarote
Los madrile˜nos tambi´en. Y La Palma.
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 59
Ejemplo. Flickr
Sabemos:
A d´onde van los visitantes brit´anicos
Los holandeses prefieren Lanzarote
Los madrile˜nos tambi´en. Y La Palma.
No sabemos:
¿Los visitantes repiten?
¿A qu´e otros sitios viajan?
¿Sus amigos vienen despu´es?
¿Y en otros destinos?
http://rvr.linotipo.es/2009/10/
redes-sociales-y-turismo-flickr-y-canarias.html
—————-
Hay m´as gente mirando estas cosas...
D. Crandall, L. Backstrom, D. Huttenlocher, J. Kleingerg,
‘Mapping the World’s Photos’
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 59
Ejemplo. Inter´es tur´ıstico
http://www.bluemoon.ee/~ahti/touristiness-map/
(fotos de Panoramio)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 60
Flujos de la gente
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 61
¿S´olo fotos? Los sentimientos
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 62
Instagram
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 63
Mashups!
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 64
¿Qu´e es un Mashup?
¡Viva la mezcla!
En la entrada ...
APIs abiertas
RSS
Incluso ‘scraping’
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 65
¿Qu´e es un Mashup?
¡Viva la mezcla!
En la entrada ...
APIs abiertas
RSS
Incluso ‘scraping’
http://iamcaltrain.com/ (Ya no va bien)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 65
Un calendario
http://mosica.es/
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 66
Datos abiertos
https://www.zaragoza.es/ciudad/risp/
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 67
Lo pen´ultimo. Nano- y Micro-blogging
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 68
Lo pen´ultimo. Nano- y Micro-blogging
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 68
Lo pen´ultimo. Nano- y Micro-blogging
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 68
Lo pen´ultimo. Nano- y Micro-blogging
Twitter (marzo 2006)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 69
Lo pen´ultimo. Nano- y Micro-blogging
Twitter (marzo 2006)
Facebook (2004, 2006 abandona su orientaci´on a s´olo estudiantes
y universitarios)
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 69
La vida de los ‘tuits’
@nombre =⇒ respuestas, ‘retweets’
#tema =⇒ temas, asuntos (para facilitar la b´usqueda)
d nombre =⇒ mensaje directo. S´olo el receptor lo ve y adem´as
recibe notificaci´on por correo. S´olo para nuestros ‘amigos’.
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 70
Tuenti
Creado en 2006
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 71
Tuenti
Creado en 2006
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 71
Datos privados. Google tambi´en lo sabe
25 de junio. Partido Espa˜na – Chile.
http://googleblog.blogspot.com/2010/07/
most-world-cup-crazy-countries.html
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 72
‘Futbolosidad’
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 73
Linkedin
Creado 2002-2003.
Orientaci´on profesional (curr´ıculum, contacto,
recomendaciones de personas, ...)
Contactos pasados, pero tambi´en ‘posibles futuros’
Qu´e hemos hecho, qu´e sabemos hacer, d´onde hemos estado
(profesionalmente).
Hay grupos (participar o crearlos puede darnos visibilidad)
Tambi´en ‘eventos’ e invitaciones.
Relaciones de relaciones (a veces es mejor contactar con
alguien a trav´es de un tercero).
62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 74

Weitere ähnliche Inhalte

Ähnlich wie Internet para las cosas. Web 1.0, 2.0

Ähnlich wie Internet para las cosas. Web 1.0, 2.0 (20)

La nube
La nubeLa nube
La nube
 
Big Data
Big DataBig Data
Big Data
 
Fabricación
FabricaciónFabricación
Fabricación
 
Web 4.0
Web 4.0Web 4.0
Web 4.0
 
Internet, la Red de redes.
Internet, la Red de redes.Internet, la Red de redes.
Internet, la Red de redes.
 
Fundamentos Redes de Datos
Fundamentos Redes de DatosFundamentos Redes de Datos
Fundamentos Redes de Datos
 
Redes
RedesRedes
Redes
 
Presentacion scraping
Presentacion scrapingPresentacion scraping
Presentacion scraping
 
comunicación de la información.pdf
comunicación de la información.pdfcomunicación de la información.pdf
comunicación de la información.pdf
 
Herramientas de la Web Social
Herramientas de la Web SocialHerramientas de la Web Social
Herramientas de la Web Social
 
Internet, busquedas y almacenamiento remooto. ken quintero
Internet, busquedas y almacenamiento remooto. ken quinteroInternet, busquedas y almacenamiento remooto. ken quintero
Internet, busquedas y almacenamiento remooto. ken quintero
 
Proxy
ProxyProxy
Proxy
 
Laboratorio de redes de datos alejandro naranjo
Laboratorio de redes de datos alejandro naranjoLaboratorio de redes de datos alejandro naranjo
Laboratorio de redes de datos alejandro naranjo
 
Evolucion de la internet
Evolucion de la internetEvolucion de la internet
Evolucion de la internet
 
Actividad semana 3 Hipervinculos
Actividad semana 3 HipervinculosActividad semana 3 Hipervinculos
Actividad semana 3 Hipervinculos
 
Guia de instalacion de web en centos 6.4
Guia de instalacion de web en centos 6.4Guia de instalacion de web en centos 6.4
Guia de instalacion de web en centos 6.4
 
Guia de instalacion de web en centos 6.4
Guia de instalacion de web en centos 6.4Guia de instalacion de web en centos 6.4
Guia de instalacion de web en centos 6.4
 
Webminar Gratuito "Consejos Generales para el Escaneo".
Webminar Gratuito "Consejos Generales para el Escaneo".Webminar Gratuito "Consejos Generales para el Escaneo".
Webminar Gratuito "Consejos Generales para el Escaneo".
 
Curso de Diseño WEB
Curso de Diseño WEBCurso de Diseño WEB
Curso de Diseño WEB
 
La recoleccion de informacion
La recoleccion de informacionLa recoleccion de informacion
La recoleccion de informacion
 

Mehr von Fernando Tricas García

Criptomonedas y otras inversiones en la red: oportunidades y riesgos.
Criptomonedas y otras inversiones en la red: oportunidades y riesgos.Criptomonedas y otras inversiones en la red: oportunidades y riesgos.
Criptomonedas y otras inversiones en la red: oportunidades y riesgos.Fernando Tricas García
 
Defense, Tech and Internet. The World Changed.
Defense, Tech and Internet. The World Changed.Defense, Tech and Internet. The World Changed.
Defense, Tech and Internet. The World Changed.Fernando Tricas García
 
Consejos y oportunidades en ciberseguridad
Consejos y oportunidades en ciberseguridadConsejos y oportunidades en ciberseguridad
Consejos y oportunidades en ciberseguridadFernando Tricas García
 
Oportunidades y consejos de ciberseguridad
Oportunidades y consejos de ciberseguridadOportunidades y consejos de ciberseguridad
Oportunidades y consejos de ciberseguridadFernando Tricas García
 
Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...
Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...
Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...Fernando Tricas García
 
Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...
Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...
Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...Fernando Tricas García
 
Un bot (no inteligente) multiinterfaz y distribuido como asistente personal
Un bot (no inteligente) multiinterfaz y distribuido como asistente personalUn bot (no inteligente) multiinterfaz y distribuido como asistente personal
Un bot (no inteligente) multiinterfaz y distribuido como asistente personalFernando Tricas García
 
Seguridad en Internet. Ataques informáticos. Sitios seguros
Seguridad en Internet. Ataques informáticos. Sitios segurosSeguridad en Internet. Ataques informáticos. Sitios seguros
Seguridad en Internet. Ataques informáticos. Sitios segurosFernando Tricas García
 
Te puede pasar a ti. Tres consejos y algunas tendencias
Te puede pasar a ti. Tres consejos y algunas tendenciasTe puede pasar a ti. Tres consejos y algunas tendencias
Te puede pasar a ti. Tres consejos y algunas tendenciasFernando Tricas García
 
Seguridad Informática. Antivirus, ataques informáticos
Seguridad Informática. Antivirus, ataques informáticosSeguridad Informática. Antivirus, ataques informáticos
Seguridad Informática. Antivirus, ataques informáticosFernando Tricas García
 
Universidad, tendencias TIC, ¿A dónde queremos ir?
Universidad, tendencias TIC, ¿A dónde queremos ir?Universidad, tendencias TIC, ¿A dónde queremos ir?
Universidad, tendencias TIC, ¿A dónde queremos ir?Fernando Tricas García
 

Mehr von Fernando Tricas García (20)

Criptomonedas y otras inversiones en la red: oportunidades y riesgos.
Criptomonedas y otras inversiones en la red: oportunidades y riesgos.Criptomonedas y otras inversiones en la red: oportunidades y riesgos.
Criptomonedas y otras inversiones en la red: oportunidades y riesgos.
 
Inteligencia Artificial.
Inteligencia Artificial.Inteligencia Artificial.
Inteligencia Artificial.
 
Defense, Tech and Internet. The World Changed.
Defense, Tech and Internet. The World Changed.Defense, Tech and Internet. The World Changed.
Defense, Tech and Internet. The World Changed.
 
Smart Grids y ciberseguridad
Smart Grids y ciberseguridadSmart Grids y ciberseguridad
Smart Grids y ciberseguridad
 
Consejos y oportunidades en ciberseguridad
Consejos y oportunidades en ciberseguridadConsejos y oportunidades en ciberseguridad
Consejos y oportunidades en ciberseguridad
 
Oportunidades y consejos de ciberseguridad
Oportunidades y consejos de ciberseguridadOportunidades y consejos de ciberseguridad
Oportunidades y consejos de ciberseguridad
 
Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...
Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...
Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...
 
Ciberseguridad en la Nube.
Ciberseguridad en la Nube. Ciberseguridad en la Nube.
Ciberseguridad en la Nube.
 
Oportunidades en Ciberseguridad.
Oportunidades en Ciberseguridad.Oportunidades en Ciberseguridad.
Oportunidades en Ciberseguridad.
 
Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...
Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...
Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...
 
Un bot (no inteligente) multiinterfaz y distribuido como asistente personal
Un bot (no inteligente) multiinterfaz y distribuido como asistente personalUn bot (no inteligente) multiinterfaz y distribuido como asistente personal
Un bot (no inteligente) multiinterfaz y distribuido como asistente personal
 
Seguridad aplicaciones web
Seguridad aplicaciones webSeguridad aplicaciones web
Seguridad aplicaciones web
 
Seguridad en Internet. Ataques informáticos. Sitios seguros
Seguridad en Internet. Ataques informáticos. Sitios segurosSeguridad en Internet. Ataques informáticos. Sitios seguros
Seguridad en Internet. Ataques informáticos. Sitios seguros
 
Te puede pasar a ti. Tres consejos y algunas tendencias
Te puede pasar a ti. Tres consejos y algunas tendenciasTe puede pasar a ti. Tres consejos y algunas tendencias
Te puede pasar a ti. Tres consejos y algunas tendencias
 
Seguridad de la Información
Seguridad de la InformaciónSeguridad de la Información
Seguridad de la Información
 
Sácale todo el partido a tu móvil - I
Sácale todo el partido a tu móvil - ISácale todo el partido a tu móvil - I
Sácale todo el partido a tu móvil - I
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
 
Web analytics
Web analyticsWeb analytics
Web analytics
 
Seguridad Informática. Antivirus, ataques informáticos
Seguridad Informática. Antivirus, ataques informáticosSeguridad Informática. Antivirus, ataques informáticos
Seguridad Informática. Antivirus, ataques informáticos
 
Universidad, tendencias TIC, ¿A dónde queremos ir?
Universidad, tendencias TIC, ¿A dónde queremos ir?Universidad, tendencias TIC, ¿A dónde queremos ir?
Universidad, tendencias TIC, ¿A dónde queremos ir?
 

Kürzlich hochgeladen

ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaYeimys Ch
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfKarinaCambero3
 
PROYECCIÓN DE VISTAS planos de vistas y mas
PROYECCIÓN DE VISTAS planos de vistas y masPROYECCIÓN DE VISTAS planos de vistas y mas
PROYECCIÓN DE VISTAS planos de vistas y maslida630411
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxCarolina Bujaico
 
Nomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de NóminaNomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de Nóminacuellosameidy
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerenciacubillannoly
 
Viguetas Pretensadas en concreto armado
Viguetas Pretensadas  en concreto armadoViguetas Pretensadas  en concreto armado
Viguetas Pretensadas en concreto armadob7fwtwtfxf
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdfBetianaJuarez1
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)JuanStevenTrujilloCh
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar24roberto21
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfcristianrb0324
 

Kürzlich hochgeladen (20)

ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdf
 
PROYECCIÓN DE VISTAS planos de vistas y mas
PROYECCIÓN DE VISTAS planos de vistas y masPROYECCIÓN DE VISTAS planos de vistas y mas
PROYECCIÓN DE VISTAS planos de vistas y mas
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptx
 
Nomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de NóminaNomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de Nómina
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerencia
 
El camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVPEl camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVP
 
Viguetas Pretensadas en concreto armado
Viguetas Pretensadas  en concreto armadoViguetas Pretensadas  en concreto armado
Viguetas Pretensadas en concreto armado
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdf
 

Internet para las cosas. Web 1.0, 2.0

  • 1. Curso: (62949) Internet para las cosas Fernando Tricas Garc´ıa Departamento de Inform´atica e Ingenier´ıa de Sistemas Universidad de Zaragoza http://webdiis.unizar.es/~ftricas/ http://moodle.unizar.es/ ftricas@unizar.es
  • 2. La web Fernando Tricas Garc´ıa Departamento de Inform´atica e Ingenier´ıa de Sistemas Universidad de Zaragoza http://webdiis.unizar.es/~ftricas/ http://moodle.unizar.es/ ftricas@unizar.es 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 2
  • 3. Algunas definiciones IP N´umero que identifica a un ordenador cuando se conecta a internet (T´ıpicamente lo vemos en 4 grupos de 3 cifras) Ejemplo: 155.210.11.37 DNS Domain Name Service. Servicio de nombres de dominios. Para no tener que recordar la IP habitualmente se asignan nombres a dichos n´umeros. Ejemplo: unizar.es −→ 155.210.11.37 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 3
  • 4. M´as definiciones Gateway Puerta de enlace. Dispositivo que nos conecta con internet. Router Enrutador. Dispositivo que establece las conexiones necesarias para conectar redes. Ethernet Est´andar de conexi´on para redes de ´area local cableadas. 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 4
  • 5. M´as definiciones WiFi Wireless Fidelity. Sistema de env´ıo de datos sin cables que utiliza ondas de radio. Alcance de unos cuantos metros. Bluetooth Sistema de env´ıo de datos sin cableas para redes de ´area personal (pocos metros). Utiliza ondas de radio. 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 5
  • 6. Pre-web. FTP FTP File Transfer Protocol. Protocolo de red para transferencia de ficheros (archivos). Un cliente se conecta a un servidor para descargar o enviar archivos. 1971 binarios/ASCII (y otros) flujo/bloques/comprimido Dos conexiones (control/transferencia) identificado/an´onimo 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 6
  • 7. Pre-web. Gopher Gopher File Transfer Protocol. Protocolo de red para distribuci´on/b´usqueda/transferencia de ficheros (archivos). 1991 Organizaci´on jer´arquica Sint´axis simple R´apido y econ´omico Extensi´on de la met´afora del ‘sistema de ficheros’ Enlaces Superado por la www 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 7
  • 8. Pre-web. Gopher Gopher File Transfer Protocol. Protocolo de red para distribuci´on/b´usqueda/transferencia de ficheros (archivos). 1991 Organizaci´on jer´arquica Sint´axis simple R´apido y econ´omico Extensi´on de la met´afora del ‘sistema de ficheros’ Enlaces Superado por la www 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 7
  • 9. WWW: World Wide Web Sistema universal de identificadores (UDI/URL/URI) Lenguaje de publicaci´on (HTML) Protocolo de transmisi´on (HTTP) Tim Berners-Lee, 1991 S´olo lectura Hiperenlaces CERN Navegador (Browser) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 8
  • 10. URI/URL URI Uniform Resource Identifier. Identificador universal de recurso. scheme:[//[user:password@]host[:port]][/]path[?query][#fragment] Esquema (http, ftp, mailto, file, data) user:password (autenficaci´on, si necesaria) path (organizaci´on jer´arquica) ... Ejemplos: https://example.org/absolute/URI/with/absolute/path/to/resource.txt ftp://example.org/resource.txt urn:ISSN:1535-3613 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 9
  • 11. URI/URL URL Uniform Resource Locator. Localizador universal de recurso. Direcci´on web (informal) Es un URI Recurso Localizaci´on en una red Mecanismo para obtenerlo http://www.example.com/index.html 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 10
  • 14. P´aginas est´aticas. HTML HTML HyperText Markup Language. Lenguaje de marcado de hipertexto. Texto (con referencias a los recursos, que se integrar´an). Etiquetas (entre < > /) <title>Internet para las Cosas</title> Elementos (atributos y contenido) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 13
  • 15. P´aginas est´aticas 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 14
  • 16. P´aginas est´aticas. CSS HTML CSS. Cascading Style Sheet. Hoja de Estilo en Cascada. Nombres (atributos, por ej.: < tag id = ... >) Separar contenido de presentaci´on propiedad:valor 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 15
  • 17. P´aginas est´aticas. CSS 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 16
  • 18. Protocolo de transmisi´on. HTTP HTTP HyperText Transfer Protocol. Protocolo de transferencia de hipertexto. Hipertexto: texto estructurado que contiene enlaces entre nodos. Basado en petici´on/respuesta. Cliente/Servidor Sin estado Permite mejoras en los puntos intermedios (cach´es, proxies, ...) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 17
  • 19. Protocolo de transmisi´on. HTTP El navegador se conecta a una p´agina web ... GET / HTTP/1.0 Host: www.ejemplo.com Accept: text/html, text/plain, image/* Accept-Language: en User-Agent: Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 18
  • 20. Protocolo de transmisi´on. HTTP HTTP/1.1 200 OK Date: Fri, 16 Apr 2004 15:41:32 GMT Server: Apache/1.3.26 (Unix) Debian GNU/Linux PHP/4.1.2 DAV/1.0.3 Last-Modified: Wed, 20 Aug 2003 20:31:11 GMT Content-Length: 84 Connection: close Content-Type: text/html <html> <head><title>Test</title></head> <body> <p>Hello, world!</p> </body> </html> 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 19
  • 21. Los m´etodos (Por completitud) GET Los datos van en la URL POST Los datos van incluidos en el cuerpo de la petici´on HEAD Igual que GET, pero el servidor env´ıa la informaci´on sin ‘body’ PUT Lo que se env´ıa debe almacenarse donde se indica. DELETE Borrar un recurso. . . . 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 20
  • 22. P´aginas din´amicas La p´agina se genera cuando se solicita Puede cambiar contenido, estructura, aspecto... http://diis.unizar.es/ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 21
  • 23. P´aginas din´amicas T´ıpicamente: Sistema de generaci´on: la p´agina se genera con un programa (PHP, Java, .Net, ...) Sistema de persistencia: una base de datos, el sistema de ficheros, recursos externos... Sistema de plantillas: para el aspecto Palabras clave: CMS (Content Management System) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 22
  • 24. ¿Qu´e es un programa? 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 23
  • 25. P´aginas din´amicas. Estado y web HTTP no tiene estado, no hay relaci´on entre peticiones sucesivas de los clientes Las ‘cookies’ se introdujeron para proporcionar una forma de obtenerlo El cliente tiene que ‘recordar’ un poco de informaci´on El servidor: Set-Cookie: Customer="79"; Version="1"; Path="/"; Max-Age=1800 El cliente: Cookie: $Version="1"; Customer="79"; $Path="/" 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 24
  • 26. ¡Aplicaciones web! 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 25
  • 27. M´as din´amicas todav´ıa, Ajax 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 26
  • 28. Javascript Lenguaje de programaci´on Se ejecuta en el navegador Todos los navegadores modernos lo interpretan (mejor o peor) Lo inventaron en Netscape Communications Se utiliza para: ‘Efectos’ din´amicos en p´aginas web Por ejemplo: ‘widgets’: https://dev.twitter.com/web/embedded-timelines Ofrecer p´aginas alternativas seg´un las caracter´ısticas del navegador, sistema... (Y otros) Y, desde hace unos a˜nos, para cosas m´as ‘complejas’ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 27
  • 29. De la web 1.0 a la web 2.0 Web 1.0 Web 2.0 Doble click −→ Google AdSense Ofoto −→ Flickr Akamai −→ BitTorrent mp3.com −→ Napster Britannica Online −→ Wikipedia personal websites −→ blogging evite −→ upcoming.org and EVDB domain name speculation −→ search engine optimization page views −→ cost per click screen scraping −→ web services publishing −→ participation content management systems −→ wikis directories (taxonomy) −→ tagging (’folksonomy’) stickiness −→ syndication 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 28
  • 30. ¿2.0? http://nww.nerdwideweb.com/web20/ Josep M. Ganyet Markus Angermeier 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 29
  • 31. ¿2.0? Los logos ... http://www.flickr.com/photos/jonastherkildsen/122881874/ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 30
  • 32. ¿2.0? 226 SHARE 166 YOUR 97 SEARCH 71 2.0 50 CREATE 50 MANAGE 50 SOCIAL 49 NEWS 46 MASH-UP 44 TO 44 UPLOAD 42 PHOTOS 41 ON 41 ONLINE 40 FIND 36 BOOKMARKING 36 FOR 30 PUBLISH 29 STORE http://blog.drinsama.de/erich/en/xml/2006042603-web-2-oh.html http://baris.typepad.com/venture_capitalist/2006/03/web_20_ companie.html 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 31
  • 33. ¿2.0? http://www.wordle.net/62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 32
  • 34. Web 2.0 T´ermino acu˜nado por Tim O’Reilly en el congreso ‘O’Reilly Media Web 2.0’ en 2004. Ajax (tecnolog´ıa): Asynchronous JavaScript and XML ¡Web! La red como plataforma La gente: ¡interacci´on obligatoria! No maltratar a los usuarios Google: ‘Don’t be evil’ Paul Graham, “Web 2.0” http://www.paulgraham.com/web20.html 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 33
  • 35. Participando Escribiendo sus blogs (o donde sea) Votando (sitios de noticias, encuestas, ...) Compartiendo Simplemente pinchando 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 34
  • 36. ¿Qu´e es un blog? Una p´agina web (Justin Hall, 1994) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 35
  • 37. ¿Qu´e es un blog? Dave Winer, 1994-1995 http://scripting.com/ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 36
  • 38. El nombre de la cosa Weblog (Jorn Barger, 1997) Weblog = Blog (Peter Merholz, 1999, http://www.peterme.com/) = Bit´acora (principio a˜nos 200X) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 37
  • 39. El nombre de la cosa Weblog (Jorn Barger, 1997) Weblog = Blog (Peter Merholz, 1999, http://www.peterme.com/) = Bit´acora (principio a˜nos 200X) Somos navegantes . . . 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 37
  • 40. El nombre de la cosa Weblog (Jorn Barger, 1997) Weblog = Blog (Peter Merholz, 1999, http://www.peterme.com/) = Bit´acora (principio a˜nos 200X) Somos navegantes . . . La bit´acora, donde se guarda el cuaderno de bit´acora (foto JJ. Merelo)62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 37
  • 41. Pero ... ¿qu´e es? Un blog, tambi´en conocido como weblog o bit´acora, es un sitio web peri´odicamente actualizado que recopila cronol´ogicamente textos o art´ıculos de uno o varios autores, apareciendo primero el m´as reciente. Habitualmente, en cada art´ıculo, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un di´alogo. El uso o tem´atica de cada blog es particular, los hay de tipo personal, period´ıstico, empresarial o corporativo, tecnol´ogico, educativo, etc. http: // www. blogia. com/ que-es-un-weblog. php 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 38
  • 42. Bit´acora (o blog, o weblog) (II) Separaci´on entre la presentaci´on el contenido Uso muy f´acil Dinamismo Comentarios Enlaces 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 39
  • 43. Bit´acora (o blog, o weblog) (II) Separaci´on entre la presentaci´on el contenido Uso muy f´acil Dinamismo Comentarios Enlaces ¡Relaciones! 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 39
  • 45. Vale. . . ¿Pero qu´e es RSS? 1999 RSS RSS es parte de la familia de los formatos XML desarrollado espec´ıficamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la informaci´on y usarla en otros sitios web o programas. 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 41
  • 46. Vale. . . ¿Pero qu´e es RSS? 1999 RSS RSS es parte de la familia de los formatos XML desarrollado espec´ıficamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la informaci´on y usarla en otros sitios web o programas. RSS = Rich Site Summary RDF Site Summary Really Simple Syndication 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 41
  • 47. Vale. . . ¿Pero qu´e es RSS? 1999 RSS RSS es parte de la familia de los formatos XML desarrollado espec´ıficamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la informaci´on y usarla en otros sitios web o programas. RSS = Rich Site Summary RDF Site Summary Really Simple Syndication ¡A´un m´as! RSS 0.90, RSS 1.0, RSS 1.1, RSS 0.91, RSS 0.92 – 0.94, RSS 2.0 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 41
  • 48. Vale. . . ¿Pero qu´e es RSS? 1999 RSS RSS es parte de la familia de los formatos XML desarrollado espec´ıficamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la informaci´on y usarla en otros sitios web o programas. RSS = Rich Site Summary RDF Site Summary Really Simple Syndication ¡A´un m´as! RSS 0.90, RSS 1.0, RSS 1.1, RSS 0.91, RSS 0.92 – 0.94, RSS 2.0 Y Atom :) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 41
  • 49. Tambi´en con dibujos Afortunadamente . . . 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 42
  • 50. Tambi´en con dibujos Afortunadamente . . . No somos programadores 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 42
  • 51. Pero ... ¿C´omo seguir a tanta gente? ¿Cu´ando actualizan? Esto ... ¿lo lei ya o no? Prefiero leerlo en ... 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 43
  • 52. Lectores de RSS ... Tenemos s´olo el contenido b´asico T´ıtulo + Algo ... Se parece a ... Asunto + Mensaje 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 44
  • 53. Lectores de RSS ... Tenemos s´olo el contenido b´asico T´ıtulo + Algo ... Se parece a ... Asunto + Mensaje 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 44
  • 54. Planetas http://planetacodigo.com/ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 45
  • 55. Twitter http://twitter.com/DIIS_UZ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 46
  • 56. Compartir fotos Flickr http://www.flickr.com/ Como un fotolog Pero adem´as... Gesti´on de contactos (contactos, amigos, familiares) Notas, Tags (volveremos sobre esto) API 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 47
  • 57. El API de Flickr FlickrAppGarden http://iamcaltrain.com/ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 48
  • 58. Ejemplo. API Flickr Estudio sobre los turistas en las Islas Canarias (con V´ıctor R. Ru´ız http://linotipo.es). Flickr es un sitio (de Yahoo!) para publicar fotograf´ıas Alojaba en 2008 m´as de 3 mil millones de im´agenes. Usuarios 40 % de usuarios entre 25 y 44 a˜nos 40 % de usuarios m´as de 44 a˜nos 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 49
  • 59. Ejemplo. Flickr 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 50
  • 60. Ejemplo. Flickr 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 51
  • 61. Ejemplo. Flickr 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 52
  • 62. Ejemplo. Flickr 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 53
  • 63. Ejemplo. Flickr API de Flickr Descargar meta-informaci´on de las fotograf´ıas realizadas entre 2004 y 2008 Y los datos del perfil de los usuarios 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 54
  • 64. Ejemplo. Flickr Resultados: 150.000 im´agenes 4.000 fot´ografos Y sus datos (en algunos casos, geolocalizados) 217.000 etiquetas 34.000 diferentes media 14 etiquetas por foto mediana 8 etiquetas por foto 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 55
  • 65. Ejemplo. Flickr 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 56
  • 66. Ejemplo. Flickr Sabemos m´as: La hora. (Hora punta: las 12.00) Vistas Pa´ıs de or´ıgen de los fot´ografos (incluso a nivel de regi´on, comunidad, ciudad, en algunos casos). A lo largo del tiempo. 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 57
  • 67. Ejemplo. Flickr 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 58
  • 68. Ejemplo. Flickr Sabemos: A d´onde van los visitantes brit´anicos Los holandeses prefieren Lanzarote Los madrile˜nos tambi´en. Y La Palma. 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 59
  • 69. Ejemplo. Flickr Sabemos: A d´onde van los visitantes brit´anicos Los holandeses prefieren Lanzarote Los madrile˜nos tambi´en. Y La Palma. No sabemos: ¿Los visitantes repiten? ¿A qu´e otros sitios viajan? ¿Sus amigos vienen despu´es? ¿Y en otros destinos? http://rvr.linotipo.es/2009/10/ redes-sociales-y-turismo-flickr-y-canarias.html —————- Hay m´as gente mirando estas cosas... D. Crandall, L. Backstrom, D. Huttenlocher, J. Kleingerg, ‘Mapping the World’s Photos’ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 59
  • 70. Ejemplo. Inter´es tur´ıstico http://www.bluemoon.ee/~ahti/touristiness-map/ (fotos de Panoramio) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 60
  • 71. Flujos de la gente 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 61
  • 72. ¿S´olo fotos? Los sentimientos 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 62
  • 73. Instagram 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 63
  • 74. Mashups! 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 64
  • 75. ¿Qu´e es un Mashup? ¡Viva la mezcla! En la entrada ... APIs abiertas RSS Incluso ‘scraping’ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 65
  • 76. ¿Qu´e es un Mashup? ¡Viva la mezcla! En la entrada ... APIs abiertas RSS Incluso ‘scraping’ http://iamcaltrain.com/ (Ya no va bien) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 65
  • 77. Un calendario http://mosica.es/ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 66
  • 78. Datos abiertos https://www.zaragoza.es/ciudad/risp/ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 67
  • 79. Lo pen´ultimo. Nano- y Micro-blogging 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 68
  • 80. Lo pen´ultimo. Nano- y Micro-blogging 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 68
  • 81. Lo pen´ultimo. Nano- y Micro-blogging 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 68
  • 82. Lo pen´ultimo. Nano- y Micro-blogging Twitter (marzo 2006) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 69
  • 83. Lo pen´ultimo. Nano- y Micro-blogging Twitter (marzo 2006) Facebook (2004, 2006 abandona su orientaci´on a s´olo estudiantes y universitarios) 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 69
  • 84. La vida de los ‘tuits’ @nombre =⇒ respuestas, ‘retweets’ #tema =⇒ temas, asuntos (para facilitar la b´usqueda) d nombre =⇒ mensaje directo. S´olo el receptor lo ve y adem´as recibe notificaci´on por correo. S´olo para nuestros ‘amigos’. 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 70
  • 85. Tuenti Creado en 2006 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 71
  • 86. Tuenti Creado en 2006 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 71
  • 87. Datos privados. Google tambi´en lo sabe 25 de junio. Partido Espa˜na – Chile. http://googleblog.blogspot.com/2010/07/ most-world-cup-crazy-countries.html 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 72
  • 88. ‘Futbolosidad’ 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 73
  • 89. Linkedin Creado 2002-2003. Orientaci´on profesional (curr´ıculum, contacto, recomendaciones de personas, ...) Contactos pasados, pero tambi´en ‘posibles futuros’ Qu´e hemos hecho, qu´e sabemos hacer, d´onde hemos estado (profesionalmente). Hay grupos (participar o crearlos puede darnos visibilidad) Tambi´en ‘eventos’ e invitaciones. Relaciones de relaciones (a veces es mejor contactar con alguien a trav´es de un tercero). 62949 – Internet para las cosas. Fernando Tricas Garc´ıa. 74