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

Más contenido relacionado

PDF
The holy grail
PDF
Que es p2p
PPT
Internet Explorer.R
PPT
diapositivas
PPT
Infor...!!!
PPT
Vanee3
PPT
Infor...!!!
PPTX
herramientas web 1.0
The holy grail
Que es p2p
Internet Explorer.R
diapositivas
Infor...!!!
Vanee3
Infor...!!!
herramientas web 1.0

Similar a Internet para las cosas. Web 1.0, 2.0 (20)

PPTX
Trabajo de informatica diego 801 la internet
ODP
Presentacion internet aprendizaje1
PPTX
Trabajo internet
PPTX
Iván de la fuente internet
PPTX
Iván de la fuente internet
PPTX
Iván de la fuente
PPTX
Diapositivas internet andres florez garcia
PPTX
Conceptos Básicos de las Redes e Internet
PDF
Herramientas de la web social
PPTX
Herramientas de la web social
DOCX
Tics dahi
PPTX
Herramientas de la Web Social
PPTX
Herramientas de la Web Social
PPTX
Iván de la fuente internet TERMINADO
PPTX
Herramientas de la web social
PPTX
Herramientas de la web social (4)
PPTX
Herramientas de la web social
Trabajo de informatica diego 801 la internet
Presentacion internet aprendizaje1
Trabajo internet
Iván de la fuente internet
Iván de la fuente internet
Iván de la fuente
Diapositivas internet andres florez garcia
Conceptos Básicos de las Redes e Internet
Herramientas de la web social
Herramientas de la web social
Tics dahi
Herramientas de la Web Social
Herramientas de la Web Social
Iván de la fuente internet TERMINADO
Herramientas de la web social
Herramientas de la web social (4)
Herramientas de la web social
Publicidad

Más de Fernando Tricas García (20)

PDF
Criptomonedas y otras inversiones en la red: oportunidades y riesgos.
PDF
Inteligencia Artificial.
PDF
Defense, Tech and Internet. The World Changed.
PDF
Smart Grids y ciberseguridad
PDF
Consejos y oportunidades en ciberseguridad
PDF
Oportunidades y consejos de ciberseguridad
PDF
Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...
PDF
Ciberseguridad en la Nube.
PDF
Oportunidades en Ciberseguridad.
PDF
Por qué mi banco me envía un SMS para confirmar mis operaciones y otras dific...
PDF
Un bot (no inteligente) multiinterfaz y distribuido como asistente personal
PDF
Seguridad aplicaciones web
PDF
Seguridad en Internet. Ataques informáticos. Sitios seguros
PDF
Te puede pasar a ti. Tres consejos y algunas tendencias
PDF
Seguridad de la Información
PDF
PDF
Sácale todo el partido a tu móvil - I
PDF
Redes sociales
PDF
Criptomonedas y otras inversiones en la red: oportunidades y riesgos.
Inteligencia Artificial.
Defense, Tech and Internet. The World Changed.
Smart Grids y ciberseguridad
Consejos y oportunidades en ciberseguridad
Oportunidades y consejos de ciberseguridad
Algoritmos de Inteligencia artificial y ofertas personalizadas de bienes y se...
Ciberseguridad en la Nube.
Oportunidades en Ciberseguridad.
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
Seguridad aplicaciones web
Seguridad en Internet. Ataques informáticos. Sitios seguros
Te puede pasar a ti. Tres consejos y algunas tendencias
Seguridad de la Información
Sácale todo el partido a tu móvil - I
Redes sociales
Publicidad

Último (20)

PPTX
Circuito de LED en paralelo mediante Switch
DOCX
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
PDF
Guía_de_implementación_Marco_de_gobierno_y_gestión_de_TI_Universidades.pdf
DOCX
Guía 5. Test de orientación Vocacional 2[1] (Recuperado automáticamente).docx
PPTX
Usuarios en la arquitectura de la información
PDF
Taller tecnológico Michelle lobo Velasquez
DOCX
TRABAJO GRUPAL (5) (1).docxsjsjskskksksksks
PDF
Inteligencia_Artificial,_Informática_Básica,_22_06_2025_SO_2.pdf
PPTX
Navegación en neurocirugías y su implicación ética.pptx
PDF
CONTABILIDAD Y TRIBUTACION, EJERCICIO PRACTICO
PPTX
Formato de texto, párrafo, documentos, columnas periodísticas, referencias.
PPTX
Control de calidad en productos de frutas
PPTX
Sistema de Gestión Integral TCA Ingenieros.pptx
DOCX
Trabajo grupal.docxjsjsjsksjsjsskksjsjsjsj
DOCX
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
DOCX
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
PDF
Distribucion de frecuencia exel (1).pdf
PPTX
Mecanismos-de-Propagacion de ondas electromagneticas
PPT
Protocolos de seguridad y mecanismos encriptación
PDF
NREN - red nacional de investigacion y educacion en LATAM y Europa: Caracteri...
Circuito de LED en paralelo mediante Switch
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
Guía_de_implementación_Marco_de_gobierno_y_gestión_de_TI_Universidades.pdf
Guía 5. Test de orientación Vocacional 2[1] (Recuperado automáticamente).docx
Usuarios en la arquitectura de la información
Taller tecnológico Michelle lobo Velasquez
TRABAJO GRUPAL (5) (1).docxsjsjskskksksksks
Inteligencia_Artificial,_Informática_Básica,_22_06_2025_SO_2.pdf
Navegación en neurocirugías y su implicación ética.pptx
CONTABILIDAD Y TRIBUTACION, EJERCICIO PRACTICO
Formato de texto, párrafo, documentos, columnas periodísticas, referencias.
Control de calidad en productos de frutas
Sistema de Gestión Integral TCA Ingenieros.pptx
Trabajo grupal.docxjsjsjsksjsjsskksjsjsjsj
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
Distribucion de frecuencia exel (1).pdf
Mecanismos-de-Propagacion de ondas electromagneticas
Protocolos de seguridad y mecanismos encriptación
NREN - red nacional de investigacion y educacion en LATAM y Europa: Caracteri...

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
  • 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