SlideShare una empresa de Scribd logo
1 de 180
Descargar para leer sin conexión
FUNDAMENTOS WEB 2.0
Y REDES SOCIALES
ADGG081PO
pancho@opcionweb.com
Adquirir conocimientos sobre la web,
la evolución del acceso a la
información, la forma de usarla a lo
largo de los años y su influencia.
1. DEFINICIÓN DE LA WEB 2.0
2. SERVICIOS ASOCIADOS.
2.1. Blogs.
2.2. Wikis.
2.3. Redes sociales.
2.4. Recursos disponibles.
3. CONSECUENCIAS DE LA WEB 2.0.
3.1. Necesidad en la empresa.
4. EVOLUCIÓN A LA WEB 3.0…
¿Qué es INTERNET?
INTERconneted NETworks
(Red de Redes)
Conjunto de redes de ordenadores
descentralizados interconectados
¿Qué ofrece INTERNET?
INFORMACIÓN COMUNICACIÓN
INFORMACIÓN
LA WEB
DOMINIOS (URL)
BUSCADOR
COMUNICACIÓN
EMAIL REDES SOCIALES
LA WEB
¿Qué NECESITO?
Para acceder a Internet
ISP
Internet Service Provider
ROUTER WIFI
Su función principal consiste en enviar o
encaminar paquetes de datos de una red
a otra, es decir, interconectar subredes
ONDAS
La transmisión de datos por rayos infrarrojos,
láser, microondas o radio, no necesita ningún
medio físico para la transmisión.
WIFI: 2,4 GHZ Y 5 GHZ. ESTÁNDARES IEEE 802.11B (hasta los 11 mbit/s), IEEE
802.11G (hasta los 54 mbit/s), IEEE 802.11N (hasta los 300 mbit/s) y IEEE
802.11AC (WIFI 5. hasta los 1.3 GBIT/S)
Medios no guiados
Opciones de conexión a INTERNET:
Características de las Señales de comunicación:
BlueTooth (BT): 2,4 a 2,48 GHz
WIFI: 2,4 a 5 GHz
NFC: 13,56 MHz, menos de 15 mA de potencia. Distancia de menos de 20 cm.
4G (LTE): 790 y 862 MHz , 3G (UMTS), 2G (GSM -> GPRS -> EDGE), 1G (TMA)
RFID: de frecuencia baja (LF: 125 ó 134.2 kHz); de alta frecuencia (HF:
13.56 MHz); de frecuencia ultraelevada (UHF: 868 a 956 MHz); y
de microondas (2.45 gigahercios).
Infrarrojos (IR): 300 Ghz a 400 Thz
TDT: 470 Mhz a 790 Mhz
Microondas: 300 MHz y 30 GHz
https://es.wikipedia.org/wiki/Red_inal%C3%A1mbrica
Opciones de conexión a INTERNET:
Características de las Señales de comunicación:
https://es.wikipedia.org/wiki/Red_inal%C3%A1mbrica
NAVEGADOR
Google Chrome Mozilla Firefox Microsoft Edge
(Internet Explorer)
Opera
Safari
TorSafari
Creador
Fecha de la primera edición
pública
Última versión
estable
Motor de
navegación actual
Amaya W3C, INRIA 14 de noviembre de 1996 11.3.1 propio
Camino The Camino Project febrero de 2002 2.1 Gecko
Chrome Google 2 de septiembre de 2008 21.0.1180.60 WebKit
Dillo
Arellano Cid,
Geerken, Rota, et al.
diciembre de 1999 3.0.2 gzilla
Elinks Baudis, Fonseca, et al. diciembre de 2001 0.11.7 (Elated) propio
Epiphany GNOME diciembre de 2002 3.0.4 Webkit
Flock The Flock Team 3.5.3 Gecko
Galeon Marco Pesenti Gritti junio de 2000 2.0.1 Gecko
iCab Alexander Clauss 1998 4.8a iCab
Internet Explorer Microsoft, Spyglass agosto de 1995 9.0.8112.16421 Trident
Internet Explorer
para Mac
Microsoft 27 de marzo de 2000 5.2.3 Tasman
K-Meleon
Doozan, Erikson,
Vallet, Dorian et al.
16 de noviembre de 2000 1.6.0 Beta Gecko
Konqueror KDE 14 de octubre de 1996 4.8.0
KHTML
WebKit (con KPart)
http://es.wikipedia.org/wiki/Anexo:Comparativa_de_navegadores_web
http://es.wikipedia.org/wiki/Anexo:Comparativa_de_navegadores_web
Links Twibright Labs 1999 2.5 propio
Lynx Montulli, Grobe, Rezac, et al. julio de 1993 2.8.7 propio
Maxthon Maxthon International Limited 11 de julio de 2002 3.4.2.2000
Trident y soporte
parcial paraGecko
Midori Christian Dwyal, et al. 19 de abril de 2009 0.4.0 Webkit
Mosaic Marc Andreessen and Eric Bina,NCSA 2 de abril de 1993 2.6 propio
Mozilla Mozilla Foundation 7 de diciembre de 1998 1.7.13 Gecko
Mozilla Firefox Mozilla Foundation
26 de
septiembre de 2002
15.0.1 Gecko
Netscape División Netscape de AOL
14 de
noviembre de 2000
9.0.0.6
Gecko (Usado
desde la versión 9)
OmniWeb The Omni Group 17 de marzo de 1995 5.11 WebKit
Opera Opera Software 8 de diciembre de 1996 12.0 Presto
rekonq Andrea Diamantini Noviembre de 2009 0.9.2 WebKit
Safari Apple Inc. 23 de junio de 2003 5.1.7 WebKit
SeaMonkey SeaMonkey Council
03 de
septiembre de 2009
2.3.3 Gecko
WorldWideWeb Tim Berners-Lee agosto de 1991 0.17 NeXTSTEP built-in
Autor
Fecha de la primera
edición pública
Última versión
estable
Motor de
renderizado actual
https://www.w3schools.com/browsers/default.asp
http://gs.statcounter.com/
2010 - 2019
http://gs.statcounter.com/
Enero a Diciembre 2019
¿QUE ES LA WEB?
La World Wide Web (WWW) o red informática
mundial​, es un sistema de distribución de
información de hipertexto o hipermedia
interconectadas y accesibles a través de Internet
con un navegador web (Browser).
Los sitios web están compuestos de páginas web
que pueden contener textos, imágenes, vídeos u
otros contenidos multimedia y se navega por ellos
a través de esas páginas usando hiperenlaces.
¿QUE ES LA WEB 2.0?
La Web 2.0 o Web social​ comprende aquellos
sitios web que facilitan el compartir información,
la interoperabilidad, el diseño centrado en el
usuario y la colaboración en la World Wide Web.
¿EVOLUCION DE LA WEB?
Contenido
Dispositivos
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae diam in metus
volutpat aliquet at non odio. Cras convallis sit amet augue at laoreet. Nunc velit tortor,
fringilla in sapien pellentesque, blandit maximus erat. Sed lectus ipsum, scelerisque sed
sapien et, mollis laoreet elit. Suspendisse massa augue, tincidunt non gravida vel,
interdum id libero. Phasellus id mauris ut ex ultricies malesuada. Duis in turpis eu augue
scelerisque suscipit nec et erat. Cras vel fermentum tortor. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse a
hendrerit turpis. Curabitur tortor purus, varius id placerat sit amet, dictum ut erat.
Nullam congue lacus molestie semper semper. Praesent in est consequat lectus
molestie volutpat vitae quis ante. Cras sed sagittis sapien. Ut ipsum ante, malesuada vel
ex rhoncus, lobortis rutrum ligula. Nunc et aliquet arcu.
Quisque a metus id nisi elementum viverra ac ac ipsum. Aenean fermentum est metus,
sit amet lobortis est vehicula at. Praesent ipsum nisl, viverra in efficitur vitae, lacinia sit
amet lorem. Aenean vel orci quis turpis aliquet consequat. Suspendisse potenti. Nam
commodo ornare enim nec semper. Vestibulum sollicitudin tempus dui. Fusce quis
hendrerit nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
luctus turpis at accumsan feugiat. Integer non consequat urna. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nullam in efficitur risus, eu tristique neque. Phasellus eu elementum quam. Donec ac
lectus vitae turpis euismod mollis et eu nibh. Integer lobortis porttitor lectus. Integer
facilisis venenatis tortor, ut faucibus enim mollis sit amet. Duis consectetur auctor leo,
at commodo nunc vulputate sed. Fusce tempor leo et odio sollicitudin porttitor.
Vivamus rutrum, lectus a aliquet pretium, ante metus vehicula lacus, a ultrices neque
quam vel ex. Mauris consectetur mi at nisl consectetur vestibulum. Quisque arcu lorem,
ultricies eget luctus sit amet, mollis id tortor. Curabitur venenatis lectus vitae est
pretium, et congue mi pretium. Maecenas fringilla nibh vel sapien mollis, in accumsan
risus blandit. Nunc sagittis vulputate nibh eget vehicula. Integer quis condimentum
lorem, eu tincidunt augue. Morbi dictum, purus at euismod condimentum, velit lacus
lacinia lectus, eu porttitor tortor libero in lacus. Donec consectetur vel tellus at dapibus.
Fusce varius non nisi dignissim convallis. Nulla non diam egestas, mattis arcu ac,
euismod quam. Vivamus ultrices nibh at ullamcorper consequat.
Nunc elementum arcu quis volutpat rhoncus. Suspendisse potenti. Suspendisse eu
posuere odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
neque neque, scelerisque nec faucibus in, dapibus et sem. Aenean in metus facilisis,
consequat nunc et, ultrices dolor. Praesent posuere, eros id tincidunt volutpat, tortor
ante aliquam turpis, non sagittis nulla libero bibendum felis. Nulla eget mi mauris.
Suspendisse dictum nunc nulla, ut congue mauris iaculis in. Duis convallis ipsum quis
posuere dignissim. Vivamus commodo tellus vel ex porta, id ornare augue vulputate.
Curabitur eu ornare tortor. Aliquam erat volutpat. Nam accumsan, enim id porta
vestibulum, augue ante laoreet nisi, sed ornare nunc risus in metus. Donec id justo
ullamcorper, dictum ipsum sed, pellentesque massa.
Quisque a metus id nisi elementum viverra ac ac ipsum. Aenean fermentum est metus,
sit amet lobortis est vehicula at. Praesent ipsum nisl, viverra in efficitur vitae, lacinia sit
amet lorem. Aenean vel orci quis turpis aliquet consequat. Suspendisse potenti. Nam
commodo ornare enim nec semper. Vestibulum sollicitudin tempus dui. Fusce quis
hendrerit nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
luctus turpis at accumsan feugiat. Integer non consequat urna. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nullam in efficitur risus, eu tristique neque. Phasellus eu elementum quam. Donec ac
lectus vitae turpis euismod mollis et eu nibh. Integer lobortis porttitor lectus. Integer
facilisis venenatis tortor, ut faucibus enim mollis sit amet. Duis consectetur auctor leo,
at commodo nunc vulputate sed. Fusce tempor leo et odio sollicitudin porttitor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae diam in
metus volutpat aliquet at non odio. Cras convallis sit amet augue at laoreet.
Nunc velit tortor, fringilla in sapien pellentesque, blandit maximus erat. Sed
lectus ipsum, scelerisque sed sapien et, mollis laoreet elit. Suspendisse
massa augue, tincidunt non gravida vel, interdum id libero. Phasellus id
Contenido
Dispositivos
Dispositivos
Dispositivos
Google ASSISTANT
Amazon ALEXA
Apple SIRI
Microsoft CORTANA
Samsung BIXBY
Facebook PORTAL
ALTAVOCES
INTELIGENTES (AI)
https://store.google.com/es/category/connected_home
https://amazon.es/l/15752872031
https://www.apple.com/es/homepod/
329,00 €
Incluye IVA por valor de aprox. 58,00 €.*
https://portal.facebook.com/es/products/
https://eu.harmankardon.com/citation.html
Yeelight Voice Assistant Speaker
Samsung Ballie
https://www.youtube.com/watch?v=c7N5UDZX7TQ
DOMÓTICA LOW COST
https://youtu.be/sdKIZBTRQmA?t=100
https://www.youtube.com/watch?v=3dyOcAHCqN8
ASÍ CONVERTÍ MI CASA EN UN HOGAR INTELIGENTE!!
https://www.youtube.com/watch?v=We1NoROh0bM
GOOGLE HOME, dispositivos de DOMÓTICA baratos!
ASÍ ES VIVIR 24H EN UNA CASA INTELIGENTE!
REALIDAD AUMENTADA
https://youtu.be/lK_cdkpazjI
https://es.gearbest.com/vr-accessories/pp_009815312007.html
https://youtu.be/k3W0pkXyQiU
https://youtu.be/u5hQpRbHERg https://youtu.be/mwOt192Ez7k
https://youtu.be/noDLH7XzN7Y https://youtu.be/g_WBVi-bu9Q
https://youtu.be/lK_cdkpazjI
https://youtu.be/A-RuhUsOX6g
REALIDAD VIRTUAL
https://youtu.be/8lsB-P8nGSM https://youtu.be/qnmeEnm3WR0
https://youtu.be/G-XZhKqQAHU https://youtu.be/SsFZjS19Zu8
YouTube es un sitio web de origen estadounidense dedicado a compartir videos. Presenta
una variedad de clips de películas, programas de televisión y vídeos musicales, así como
contenidos amateur como videoblogs y YouTube Gaming. Las personas que crean
contenido para esta plataforma generalmente son conocidas como youtubers. Fue creado
por tres antiguos empleados de PayPal en febrero de 2005​ y, en octubre de 2006 fue
adquirido por Google Inc. a cambio de 1.650 millones de dólares y ahora opera como una
de sus filiales.
INFORMARFormularios web
de correo electrónico.
HTML
(WYSIWYG)
FOROS
COMUNICACIÓN
COMUNICARComentarios:
texto, audio, video.
CMS
BLOG, WIKI
PHP
MYSQL
CATALOGAR
ETIQUETAR
WEB
SOCIAL
COMPARTIR
PROMOCIONAR
FILTRAR
SOCIALIZAR
Plataformas:
Ordenador
Televisor
Teléfono
Sensores
…
WEB 3D
INTELIGENCIA
COLECTIVA
Plugins
Widgets
WEB
SEMANTICA
Personas y cosas se
comuniquen entre sí para
generar la toma de
decisiones. (IoT)
WEB
UBICUA
UNIR
INTELIGENCIAS
AGENTES WEB:
conozcan, aprendan y
razonen
Hasta el momento estamos ante un
entorno web emocionalmente neutro
Los dispositivos y las herramientas web reconocerán qué tipo de sensaciones
genera un vídeo, qué reacciones provoca un texto, incluso implementará los
estados de ánimo en nuestros iconos y avatares. Los dispositivos incluirán
conexiones neuronales, memoria y velocidad de aprendizaje, capaces de una
interacción total, donde tendrá importancia lo que siente el usuario.
WEB SENSORIAL Y EMOTIVA
Se denomina URL (Universal Resource Locator) a una dirección
de Internet sea web, e-mail, ftp...
Estas direcciones o dominios siguen una nomenclatura clara,
que permite diferenciar los servicios de Internet. De ésta forman
cuando tengamos una URL podremos saber a qué servicio de
Internet corresponde.
PROTOCOLO SUBDOMINIO DOMINIO TLD CARPETA FICHERO
Nomenclatura de la WEB:
Buscando información sobre un dominio
http://www.who.is/whois/
http://whois.domaintools.com/
Existen muchas variedades de sitios
web, cada uno especializando en un
tipo particular de contenido o uso.
Arbitrariamente puede ser
clasificado de muchas maneras.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio archivo
weblog o blog
tumblelog o tlog
microblogging
fotolog
videoblog o vlog
podcasting
RSS
Sitio de empresa
comercio electrónico
Comunidad Virtual (RRSS)
Sitio de descargas
Sitio de Juegos
Sitio de noticias
Agregadores de noticias
Creador de sitios
Sitio educativos
Buscadores
Portales
Sitio de subastas
Sitio personal o portfolio
Wikis
Sitio de rating Sitio de spam
Sitio archivo: usado para preservar contenido
electrónico valioso amenazado con extinción. Dos
ejemplos son: Internet Archive, el cual desde 1996
ha preservado billones de antiguas (y nuevas)
páginas web; y Google Groups, que a principios de
2005 archivaba más de 845.000.000 mensajes
expuestos en los grupos de noticias/discusión de
Usenet, tras su adquisición de Deja News.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio weblog (o blog): sitio usado para registrar
lecturas online o para exponer diarios en línea;
puede incluir foros de discusión. Ejemplos:
Blogger, Xanga. LiveJournal, WordPress,
www.x0101.com.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Un tumblelog o tlog es una variante menos
estructurada de un blog muy ligada al
microblogging. Contienen pensamientos al azar,
enlaces, imágenes y otro contenido, sin una
temática definida excepto el hecho de que está
realizado por un mismo autor.
Cuando solamente contiene enlaces recibe el
nombre de linklog.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
El microblogging, también conocido como
nanoblogging, es un servicio que permite a sus
usuarios enviar y publicar mensajes breves
(alrededor de 140 caracteres), generalmente de
sólo texto. Las opciones para el envío de los
mensajes varían desde sitios web, a través de
SMS, mensajería instantánea o
aplicaciones/complementos.
Los principales servicios son Twitter, Menéame, Identi.ca, Jaiku,
Picotea.com, Pownce, Khaces y Xmensaje.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
La palabra fotolog en español tiene dos orígenes:
derivada del inglés photoblog (bitácora
fotográfica) y derivada del sitio Fotolog.com (una
de miles de bitácoras pertenecientes a una
comunidad).
A diferencia de un álbum de fotos, en un fotolog
se publican unas pocas fotos diarias o
generalmente una sola.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Un videoblog o vlog es una galería de clips de vídeos,
ordenada cronológicamente, publicados por uno o
más autores. El autor puede autorizar a otros usuarios
a añadir comentarios u otros vídeos dentro de la
misma galería.
Los videoblogs actualmente se producen con una
calidad muy elevada debido principalmente a la bajada
de los precios de la tecnología necesaria y la variedad
de plataformas donde poder subir y compartir vídeos:
Youtube, vimeo, blip.tv, Dailymotion…
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
El podcasting consiste en la distribución de
archivos multimedia (normalmente audio o vídeo)
mediante un sistema de sindicación que permita
suscribirse y usar un programa que lo descarga
para que el usuario lo escuche en el momento que
quiera. No es necesario estar suscrito para
descargarlos.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
RSS se utiliza para suministrar a los
suscriptores, información actualizada
frecuentemente. El formato XML permite
distribuir contenido sin necesidad de un
navegador, utilizando un software diseñado
para leer estos contenidos RSS (agregador).
Las últimas versiones de los principales navegadores
permiten leer los RSS sin necesidad de software
adicional. A esto se le conoce como sindicación web
(una traducción incorrecta, pero de uso muy común).
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio de empresa: usado para promocionar una
empresa o servicio.
Sitio de comercio electrónico: organizado para
facilitar la compra de productos.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio pornográfico (porno): muestra imágenes y
vídeos de contenido sexual explicito.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Comunidad Virtual: un sitio donde las personas
con intereses similares se comunican con otros,
suelen incluir herramientas para fomentar la
conversación (chat o foros) y compartir
(información, fotos o videos).
Por ejemplo: MySpace, Facebook, Hi5, Multiply,
Orkut, Tuenti…
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio de Base de datos: un sitio donde el uso
principal es la búsqueda y muestra de un
contenido específica de la base de datos como la
Internet Movie Database.
Sitio de desarrollo: un sitio el propósito del cual
es proporcionar información y recursos
relacionados con el desarrollo de software, diseño
web, etc.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio de descargas: estrictamente usado para
descargar contenido electrónico, como software
freeware, shareware, demos, recursos (imágenes,
iconos, fondos) …
Por ejemplo: Download, Tucows, Softonic,
Baulsoft.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio de juego: un sitio que es propiamente un
juego o un lugar donde mucha gente viene a jugar.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio de información: contiene contenido que
pretende informar a los visitantes, pero no
necesariamente de propósitos comerciales.
La mayoría de los gobiernos, instituciones educacionales y sin
ánimo de lucro tienen un sitio de información.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio de noticias: Similar a un sitio de información,
pero dedicada a mostrar noticias y comentarios.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Agregadores de noticias: Evolución del sitio de
noticias, basado en la participación comunitaria,
en el que los usuarios envían historias y que
cualquiera puede votar, promoviendo las más
valoradas para que aparezcan en la página
principal (portada).
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio Buscador: web que proporciona información
general y está pensado como entrada o búsqueda
para localizar otros sitios.
Sitio portal: un sitio que proporciona un punto de
inicio, entrada o (portal) a otros recursos en
Internet o una intranet.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitio de subastas: web estructura para subastar
artículos por internet.
Sitio personal o portfolio: Mantenido por una
persona o un pequeño grupo, contiene
información o cualquier contenido (relacionado o
no) que la persona/grupo quiera incluir.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Creador de sitios: es básicamente un sitio que te
permite crear otros sitios, utilizando herramientas
de trabajo en línea.
Wiki web: un sitio donde los usuarios editan el
contenido de forma colaborativa
Sitio de rating: un sitio donde la gente puede
alabar o menospreciar lo que aparece.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Sitios educativos: promueven cursos presenciales
y a distancia, información a profesores y
estudiantes, permiten ver o descargar contenidos
de asignaturas o temas.
Sitio spam: sitio web sin contenidos de valor que
ha sido creado exclusivamente para obtener
beneficios y fines publicitarios, engañando a los
motores de búsqueda.
Referencia: http://es.wikipedia.org/wiki/Sitio_web
Participar
Comunicar
CompartirColaborar
Confiar
Artificial Intelligence (AI)
inteligencia artificial (IA)
Neural Network
(redes neuronales)
Machine Learning
(aprendizaje automático)
Big Data
(Macrodatos)
Deep Learning
(aprendizaje no supervisado)
deepfake
thispersondoesnotexist.com
http://www.youtube.com/watch?v=gLoI9hAX9dw
https://www.youtube.com/watch?v=p1b5aiTrGzY
Few-Shot Adversarial Learning
REDES SOCIALES
La teoría de los
Seis Grados de Separación
Esta teoría fue expuesta en el año 1929 por el escritor Frigyes Karinthy
dentro de un relato corto denominado Cadenas. Según la teoría del escritor,
el número de conocidos de una persona crece exponencialmente siguiendo
un número de enlaces de una cadena que serían las relaciones humanas. De
este modo, sólo sería necesario un pequeño número de enlaces (en teoría 6)
para conectar cualquier persona con el resto de la población humana.
Un servicio de red social es un medio de
comunicación social que se centra en
encontrar gente para relacionarse en línea.
Están formadas por personas que comparten alguna
relación, principalmente de amistad, mantienen intereses y
actividades en común, o están interesados en explorar los
intereses y las actividades de otros.
http://es.wikipedia.org/wiki/Servicio_de_red_social
Las redes sociales han ido
evolucionando por temática
Viaje/turismo
citas
trabajo/negocios
crowdfunding
peticiones apuestas
deportivas
ideológicas
artistas bebidas gastronomíaropa/moda
trueques educativasmedicina/salud
audio
imagen
http://www.iredes.es/mapa/
charlas/conferencias
videojuegosmotor
geolocalización
mensajería
libros/lectura
música/radio
cine
http://www.iredes.es/mapa/
Hábitos de uso
de las Redes
Sociales en España
https://es-es.facebook.com/help/111814505650678?helpref=faq_content
https://www.google.es/about/products/
https://support.microsoft.com/es-es/allproducts
España cuenta con 20.000.000 de usuarios
en Facebook. Actualmente se encuentra el
18º del ranking mundial y es el 4º de habla
hispana.
http://www.owloo.com/facebook-stats/spain
¿Qué debo tener
para registrarme
en una red social?
https://www.facebook.com/help/210644045634222
Según el Reglamento de desarrollo de la LOPD. España es el único país que no cumple el reglamento
Europeo sobre Protección de datos, que unificó la edad de consentimiento a 13 años
En ESPAÑA la edad mínima es de
https://www.facebook.com/help/100532533374396
Una dirección de correo electrónico
Como usar las redes sociales
de forma responsable
FACEBOOK
Desde el respeto y
con sentido común
• Lo que te gusta y compartes lo haces publico
• No des información personal, tu lugar de
estudios, trabajo o tu vivienda.
• Cuidado con las fotografías que envías.
• No entres en conversaciones agresivas,
obscenas, amenazantes…
Desde el respeto y
con sentido común
• Recuerda que la gente que navega por Internet no
siempre es lo que parece. No quedes con
desconocidos.
• Ayuda a los menores a navegar. Dedícales tiempo.
• Informa o denuncia lo que te haga sentir incómodo.
Si algo no está bien.
DENUNCIA
Usar las herramientas de denuncia de la plataforma social
Usar las herramientas de denuncia de la plataforma social
Usar las herramientas de denuncia de la plataforma social
Usar las opciones de publicación de la plataforma social
No hay que estar siempre disponible. Podemos usar las
opciones de privacidad del chat.
www.gdt.guardiacivil.es
www.policia.es/org_central/judicial/udef/bit_alertas.html
www.agpd.es
El chat de Facebook
Otras opciones de chat
TANGOVIVERTELEGRAM LINE HANGOUT
Derecho al olvido
Un fallo reciente del Tribunal de Justicia de la Unión Europea (C-131/12, 13
de mayo de 2014) permite que determinados usuarios soliciten que los
motores de búsqueda eliminen resultados
https://support.google.com/legal/contact/lr_eudpa?product=websearch
BUSCANDO TU
IDENTIDAD DIGITAL
INVESTIGACIÓN
PREPARACIÓN
ANTICIPACIÓN
Toma la iniciativa
PREPARACIÓN DEL PORTAFOLIO
PREPARACIÓN DE ARTICULOS
TUTORIALES, CURSOS
CONEXIÓN
REDES SOCIALES
PARTICIPACIÓN
INTERACCIÓN
LA REPUTACIÓN
DIGITAL
La reputación digital es la opinión,
consideración o prestigio que los demás
tienen de algo, en un entorno digital.
Imagen de marca es la percepción que tú
quieres que los demás tengan de ti o de tu
empresa.
https://www.google.es/alerts
https://www.google.es/business/
http://webmii.com/
https://www.peekyou.com/
ESTAR EN LA NUBE
ALMACENAMIENTO Y COMUNICACIÓN
(Almacenamiento y aplicaciones en la nube)
GOOGLE DRIVE
google.com/drive
15 GB GRATIS
OFIMATICA
APPLE iCLOUD
icloud.com
5 GB GRATIS
OFIMATICA
MS ONE DRIVE
onedrive.live.com
5 GB GRATIS
OFIMATICA
(Almacenamiento en la nube)
MEGA
mega.nz
50 GB GRATIS
BOX
box.com
10 GB GRATIS
MEDIAFIRE
mediafire.com
10 GB GRATIS
DROPBOX
dropbox.com
2 GB GRATIS
(Almacenamiento temporal en la nube)
PLUSTRANSFER
plustransfer.com
5 GB GRATIS
15 días
WETRANSFER
wetransfer.com
2 GB GRATIS
7 días
SMASH
fromsmash.com
Ilimitado
14 días
SWISSTRANSFER
swisstransfer.com
25 GB GRATIS
30 días
(Envió P2P sin almacenamiento en la nube)
TAKEAFILE
takeafile.com
ilimitado
FILEPIZZA
file.pizza
ilimitado
JUSTBEAMIT
justbeamit.com
ilimitado
TENDENCIAS DE
CONTENIDO EN RRSS
Perfiles , Páginas , Grupos, Eventos
Textos – Imágenes - Vídeos
El objetivo es crear comunidad
Imágenes, Catálogos…
Fotos
Vídeo
Posicionamiento, My bussines, Autoría
Red profesional, grupos, eventos, cursos
Conversación en tiempo real, eventos
Noticias, Comunicación, Convocatorias, Eventos
https://socialblade.com
https://socialblade.com/youtube/top/country/es/mostsubscribed
https://socialblade.com/twitter/top/100/followers
https://socialblade.com/facebook/top/50
https://socialblade.com/facebook/top/50
https://facebook.com/advertising
https://facebook.com/advertising
https://ads.twitter.com/
https://linkedin.com/ads
https://https://www.youtube.com/yt/advertise/es/
Presentación distribuida con licencia Creative Commons.
Basta con agradecerlo con un enlace a opcionweb.com o un comentario en mis redes.

Más contenido relacionado

Similar a Redes Sociales. De la Web 2.0 a la Web 5.0

Similar a Redes Sociales. De la Web 2.0 a la Web 5.0 (20)

Pres3
Pres3Pres3
Pres3
 
La web 2.0 y las tic
La web 2.0 y las ticLa web 2.0 y las tic
La web 2.0 y las tic
 
La Web 2 0 Hoy y en el Futuro Jaime Creixems
La Web 2 0  Hoy y en el Futuro   Jaime CreixemsLa Web 2 0  Hoy y en el Futuro   Jaime Creixems
La Web 2 0 Hoy y en el Futuro Jaime Creixems
 
MaritzaSierraIde06143049
MaritzaSierraIde06143049MaritzaSierraIde06143049
MaritzaSierraIde06143049
 
SEMINARIO DE INFORMATICA
SEMINARIO DE INFORMATICASEMINARIO DE INFORMATICA
SEMINARIO DE INFORMATICA
 
Pre 3
Pre 3Pre 3
Pre 3
 
Presentación3
Presentación3Presentación3
Presentación3
 
Pres3
Pres3Pres3
Pres3
 
Memoria de titulación informatica administrativa
Memoria de titulación informatica administrativaMemoria de titulación informatica administrativa
Memoria de titulación informatica administrativa
 
Presentación3
Presentación3Presentación3
Presentación3
 
Presentación3
Presentación3Presentación3
Presentación3
 
Tecnologías de la información y la comunicación
Tecnologías de la información y la comunicaciónTecnologías de la información y la comunicación
Tecnologías de la información y la comunicación
 
Websemantica_tecny-nova_grupo3_domingo
Websemantica_tecny-nova_grupo3_domingoWebsemantica_tecny-nova_grupo3_domingo
Websemantica_tecny-nova_grupo3_domingo
 
Presentación3
Presentación3Presentación3
Presentación3
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Seminario informatica, estudiante Marleny
Seminario informatica, estudiante MarlenySeminario informatica, estudiante Marleny
Seminario informatica, estudiante Marleny
 
Menu 0417041
Menu 0417041Menu 0417041
Menu 0417041
 
Pres3 (menu)
Pres3 (menu)Pres3 (menu)
Pres3 (menu)
 
Jorge Montes Montenegro
Jorge Montes MontenegroJorge Montes Montenegro
Jorge Montes Montenegro
 

Más de Pancho Opcionweb

Photoshop. Edición de Imágenes
Photoshop. Edición de ImágenesPhotoshop. Edición de Imágenes
Photoshop. Edición de ImágenesPancho Opcionweb
 
ARCHIVO Y CLASIFICACIÓN DE DOCUMENTACIÓN ADMINISTRATIVA
ARCHIVO Y CLASIFICACIÓN DE DOCUMENTACIÓN ADMINISTRATIVAARCHIVO Y CLASIFICACIÓN DE DOCUMENTACIÓN ADMINISTRATIVA
ARCHIVO Y CLASIFICACIÓN DE DOCUMENTACIÓN ADMINISTRATIVAPancho Opcionweb
 
Protección de equipos en la red
Protección de equipos en la redProtección de equipos en la red
Protección de equipos en la redPancho Opcionweb
 
Introducción al Software, el sistema operativo
Introducción al Software, el sistema operativoIntroducción al Software, el sistema operativo
Introducción al Software, el sistema operativoPancho Opcionweb
 
Escuela de padres: Digitalización, Internet y redes sociales
Escuela de padres: Digitalización, Internet y redes socialesEscuela de padres: Digitalización, Internet y redes sociales
Escuela de padres: Digitalización, Internet y redes socialesPancho Opcionweb
 
Buscando EMPLEO 2015 - FES (USAL)
Buscando EMPLEO 2015 - FES (USAL)Buscando EMPLEO 2015 - FES (USAL)
Buscando EMPLEO 2015 - FES (USAL)Pancho Opcionweb
 
Las redes sociales. Evolución, condiciones y uso.
Las redes sociales. Evolución, condiciones y uso.Las redes sociales. Evolución, condiciones y uso.
Las redes sociales. Evolución, condiciones y uso.Pancho Opcionweb
 
Caracteristicas de Android
Caracteristicas de AndroidCaracteristicas de Android
Caracteristicas de AndroidPancho Opcionweb
 
Programas y herramientas Windows
Programas y herramientas WindowsProgramas y herramientas Windows
Programas y herramientas WindowsPancho Opcionweb
 
De la WEB a la Comunicación Compartiendo y Comentando
De la WEB a la Comunicación Compartiendo y ComentandoDe la WEB a la Comunicación Compartiendo y Comentando
De la WEB a la Comunicación Compartiendo y ComentandoPancho Opcionweb
 
Seguridad de la red. Los menores.
Seguridad de la red. Los menores.Seguridad de la red. Los menores.
Seguridad de la red. Los menores.Pancho Opcionweb
 
Android, trucos y primer contacto
Android, trucos y primer contactoAndroid, trucos y primer contacto
Android, trucos y primer contactoPancho Opcionweb
 
10 consejos básicos para el diseño web
10 consejos básicos para el diseño web10 consejos básicos para el diseño web
10 consejos básicos para el diseño webPancho Opcionweb
 
Como configurar el iPad con bloqueo con contraseña
Como configurar el iPad con bloqueo con contraseña Como configurar el iPad con bloqueo con contraseña
Como configurar el iPad con bloqueo con contraseña Pancho Opcionweb
 

Más de Pancho Opcionweb (20)

REDES INFORMATICAS
REDES INFORMATICASREDES INFORMATICAS
REDES INFORMATICAS
 
Photoshop. Edición de Imágenes
Photoshop. Edición de ImágenesPhotoshop. Edición de Imágenes
Photoshop. Edición de Imágenes
 
El puerto USB
El puerto USBEl puerto USB
El puerto USB
 
ARCHIVO Y CLASIFICACIÓN DE DOCUMENTACIÓN ADMINISTRATIVA
ARCHIVO Y CLASIFICACIÓN DE DOCUMENTACIÓN ADMINISTRATIVAARCHIVO Y CLASIFICACIÓN DE DOCUMENTACIÓN ADMINISTRATIVA
ARCHIVO Y CLASIFICACIÓN DE DOCUMENTACIÓN ADMINISTRATIVA
 
Protección de equipos en la red
Protección de equipos en la redProtección de equipos en la red
Protección de equipos en la red
 
Introducción al Software, el sistema operativo
Introducción al Software, el sistema operativoIntroducción al Software, el sistema operativo
Introducción al Software, el sistema operativo
 
El Hardware del ordenador
El Hardware del ordenadorEl Hardware del ordenador
El Hardware del ordenador
 
Escuela de padres: Digitalización, Internet y redes sociales
Escuela de padres: Digitalización, Internet y redes socialesEscuela de padres: Digitalización, Internet y redes sociales
Escuela de padres: Digitalización, Internet y redes sociales
 
Buscando EMPLEO 2015 - FES (USAL)
Buscando EMPLEO 2015 - FES (USAL)Buscando EMPLEO 2015 - FES (USAL)
Buscando EMPLEO 2015 - FES (USAL)
 
Las redes sociales. Evolución, condiciones y uso.
Las redes sociales. Evolución, condiciones y uso.Las redes sociales. Evolución, condiciones y uso.
Las redes sociales. Evolución, condiciones y uso.
 
Caracteristicas de Android
Caracteristicas de AndroidCaracteristicas de Android
Caracteristicas de Android
 
Google es Internet
Google es InternetGoogle es Internet
Google es Internet
 
La Comunicación Digital
La Comunicación DigitalLa Comunicación Digital
La Comunicación Digital
 
Programas y herramientas Windows
Programas y herramientas WindowsProgramas y herramientas Windows
Programas y herramientas Windows
 
De la WEB a la Comunicación Compartiendo y Comentando
De la WEB a la Comunicación Compartiendo y ComentandoDe la WEB a la Comunicación Compartiendo y Comentando
De la WEB a la Comunicación Compartiendo y Comentando
 
Que es Internet
Que es InternetQue es Internet
Que es Internet
 
Seguridad de la red. Los menores.
Seguridad de la red. Los menores.Seguridad de la red. Los menores.
Seguridad de la red. Los menores.
 
Android, trucos y primer contacto
Android, trucos y primer contactoAndroid, trucos y primer contacto
Android, trucos y primer contacto
 
10 consejos básicos para el diseño web
10 consejos básicos para el diseño web10 consejos básicos para el diseño web
10 consejos básicos para el diseño web
 
Como configurar el iPad con bloqueo con contraseña
Como configurar el iPad con bloqueo con contraseña Como configurar el iPad con bloqueo con contraseña
Como configurar el iPad con bloqueo con contraseña
 

Último

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 

Último (8)

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 

Redes Sociales. De la Web 2.0 a la Web 5.0

  • 1. FUNDAMENTOS WEB 2.0 Y REDES SOCIALES ADGG081PO
  • 3. Adquirir conocimientos sobre la web, la evolución del acceso a la información, la forma de usarla a lo largo de los años y su influencia.
  • 4. 1. DEFINICIÓN DE LA WEB 2.0 2. SERVICIOS ASOCIADOS. 2.1. Blogs. 2.2. Wikis. 2.3. Redes sociales. 2.4. Recursos disponibles. 3. CONSECUENCIAS DE LA WEB 2.0. 3.1. Necesidad en la empresa. 4. EVOLUCIÓN A LA WEB 3.0…
  • 5. ¿Qué es INTERNET? INTERconneted NETworks (Red de Redes) Conjunto de redes de ordenadores descentralizados interconectados
  • 11. ROUTER WIFI Su función principal consiste en enviar o encaminar paquetes de datos de una red a otra, es decir, interconectar subredes
  • 12. ONDAS La transmisión de datos por rayos infrarrojos, láser, microondas o radio, no necesita ningún medio físico para la transmisión. WIFI: 2,4 GHZ Y 5 GHZ. ESTÁNDARES IEEE 802.11B (hasta los 11 mbit/s), IEEE 802.11G (hasta los 54 mbit/s), IEEE 802.11N (hasta los 300 mbit/s) y IEEE 802.11AC (WIFI 5. hasta los 1.3 GBIT/S) Medios no guiados
  • 13. Opciones de conexión a INTERNET: Características de las Señales de comunicación: BlueTooth (BT): 2,4 a 2,48 GHz WIFI: 2,4 a 5 GHz NFC: 13,56 MHz, menos de 15 mA de potencia. Distancia de menos de 20 cm. 4G (LTE): 790 y 862 MHz , 3G (UMTS), 2G (GSM -> GPRS -> EDGE), 1G (TMA) RFID: de frecuencia baja (LF: 125 ó 134.2 kHz); de alta frecuencia (HF: 13.56 MHz); de frecuencia ultraelevada (UHF: 868 a 956 MHz); y de microondas (2.45 gigahercios). Infrarrojos (IR): 300 Ghz a 400 Thz TDT: 470 Mhz a 790 Mhz Microondas: 300 MHz y 30 GHz https://es.wikipedia.org/wiki/Red_inal%C3%A1mbrica
  • 14. Opciones de conexión a INTERNET: Características de las Señales de comunicación: https://es.wikipedia.org/wiki/Red_inal%C3%A1mbrica
  • 15.
  • 16.
  • 17. NAVEGADOR Google Chrome Mozilla Firefox Microsoft Edge (Internet Explorer) Opera Safari TorSafari
  • 18. Creador Fecha de la primera edición pública Última versión estable Motor de navegación actual Amaya W3C, INRIA 14 de noviembre de 1996 11.3.1 propio Camino The Camino Project febrero de 2002 2.1 Gecko Chrome Google 2 de septiembre de 2008 21.0.1180.60 WebKit Dillo Arellano Cid, Geerken, Rota, et al. diciembre de 1999 3.0.2 gzilla Elinks Baudis, Fonseca, et al. diciembre de 2001 0.11.7 (Elated) propio Epiphany GNOME diciembre de 2002 3.0.4 Webkit Flock The Flock Team 3.5.3 Gecko Galeon Marco Pesenti Gritti junio de 2000 2.0.1 Gecko iCab Alexander Clauss 1998 4.8a iCab Internet Explorer Microsoft, Spyglass agosto de 1995 9.0.8112.16421 Trident Internet Explorer para Mac Microsoft 27 de marzo de 2000 5.2.3 Tasman K-Meleon Doozan, Erikson, Vallet, Dorian et al. 16 de noviembre de 2000 1.6.0 Beta Gecko Konqueror KDE 14 de octubre de 1996 4.8.0 KHTML WebKit (con KPart) http://es.wikipedia.org/wiki/Anexo:Comparativa_de_navegadores_web
  • 19. http://es.wikipedia.org/wiki/Anexo:Comparativa_de_navegadores_web Links Twibright Labs 1999 2.5 propio Lynx Montulli, Grobe, Rezac, et al. julio de 1993 2.8.7 propio Maxthon Maxthon International Limited 11 de julio de 2002 3.4.2.2000 Trident y soporte parcial paraGecko Midori Christian Dwyal, et al. 19 de abril de 2009 0.4.0 Webkit Mosaic Marc Andreessen and Eric Bina,NCSA 2 de abril de 1993 2.6 propio Mozilla Mozilla Foundation 7 de diciembre de 1998 1.7.13 Gecko Mozilla Firefox Mozilla Foundation 26 de septiembre de 2002 15.0.1 Gecko Netscape División Netscape de AOL 14 de noviembre de 2000 9.0.0.6 Gecko (Usado desde la versión 9) OmniWeb The Omni Group 17 de marzo de 1995 5.11 WebKit Opera Opera Software 8 de diciembre de 1996 12.0 Presto rekonq Andrea Diamantini Noviembre de 2009 0.9.2 WebKit Safari Apple Inc. 23 de junio de 2003 5.1.7 WebKit SeaMonkey SeaMonkey Council 03 de septiembre de 2009 2.3.3 Gecko WorldWideWeb Tim Berners-Lee agosto de 1991 0.17 NeXTSTEP built-in Autor Fecha de la primera edición pública Última versión estable Motor de renderizado actual
  • 23. ¿QUE ES LA WEB?
  • 24. La World Wide Web (WWW) o red informática mundial​, es un sistema de distribución de información de hipertexto o hipermedia interconectadas y accesibles a través de Internet con un navegador web (Browser).
  • 25.
  • 26. Los sitios web están compuestos de páginas web que pueden contener textos, imágenes, vídeos u otros contenidos multimedia y se navega por ellos a través de esas páginas usando hiperenlaces.
  • 27. ¿QUE ES LA WEB 2.0?
  • 28. La Web 2.0 o Web social​ comprende aquellos sitios web que facilitan el compartir información, la interoperabilidad, el diseño centrado en el usuario y la colaboración en la World Wide Web.
  • 29.
  • 30.
  • 31.
  • 32. ¿EVOLUCION DE LA WEB? Contenido Dispositivos
  • 33. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae diam in metus volutpat aliquet at non odio. Cras convallis sit amet augue at laoreet. Nunc velit tortor, fringilla in sapien pellentesque, blandit maximus erat. Sed lectus ipsum, scelerisque sed sapien et, mollis laoreet elit. Suspendisse massa augue, tincidunt non gravida vel, interdum id libero. Phasellus id mauris ut ex ultricies malesuada. Duis in turpis eu augue scelerisque suscipit nec et erat. Cras vel fermentum tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse a hendrerit turpis. Curabitur tortor purus, varius id placerat sit amet, dictum ut erat. Nullam congue lacus molestie semper semper. Praesent in est consequat lectus molestie volutpat vitae quis ante. Cras sed sagittis sapien. Ut ipsum ante, malesuada vel ex rhoncus, lobortis rutrum ligula. Nunc et aliquet arcu. Quisque a metus id nisi elementum viverra ac ac ipsum. Aenean fermentum est metus, sit amet lobortis est vehicula at. Praesent ipsum nisl, viverra in efficitur vitae, lacinia sit amet lorem. Aenean vel orci quis turpis aliquet consequat. Suspendisse potenti. Nam commodo ornare enim nec semper. Vestibulum sollicitudin tempus dui. Fusce quis hendrerit nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque luctus turpis at accumsan feugiat. Integer non consequat urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam in efficitur risus, eu tristique neque. Phasellus eu elementum quam. Donec ac lectus vitae turpis euismod mollis et eu nibh. Integer lobortis porttitor lectus. Integer facilisis venenatis tortor, ut faucibus enim mollis sit amet. Duis consectetur auctor leo, at commodo nunc vulputate sed. Fusce tempor leo et odio sollicitudin porttitor. Vivamus rutrum, lectus a aliquet pretium, ante metus vehicula lacus, a ultrices neque quam vel ex. Mauris consectetur mi at nisl consectetur vestibulum. Quisque arcu lorem, ultricies eget luctus sit amet, mollis id tortor. Curabitur venenatis lectus vitae est pretium, et congue mi pretium. Maecenas fringilla nibh vel sapien mollis, in accumsan risus blandit. Nunc sagittis vulputate nibh eget vehicula. Integer quis condimentum lorem, eu tincidunt augue. Morbi dictum, purus at euismod condimentum, velit lacus lacinia lectus, eu porttitor tortor libero in lacus. Donec consectetur vel tellus at dapibus. Fusce varius non nisi dignissim convallis. Nulla non diam egestas, mattis arcu ac, euismod quam. Vivamus ultrices nibh at ullamcorper consequat. Nunc elementum arcu quis volutpat rhoncus. Suspendisse potenti. Suspendisse eu posuere odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum neque neque, scelerisque nec faucibus in, dapibus et sem. Aenean in metus facilisis, consequat nunc et, ultrices dolor. Praesent posuere, eros id tincidunt volutpat, tortor ante aliquam turpis, non sagittis nulla libero bibendum felis. Nulla eget mi mauris. Suspendisse dictum nunc nulla, ut congue mauris iaculis in. Duis convallis ipsum quis posuere dignissim. Vivamus commodo tellus vel ex porta, id ornare augue vulputate. Curabitur eu ornare tortor. Aliquam erat volutpat. Nam accumsan, enim id porta vestibulum, augue ante laoreet nisi, sed ornare nunc risus in metus. Donec id justo ullamcorper, dictum ipsum sed, pellentesque massa. Quisque a metus id nisi elementum viverra ac ac ipsum. Aenean fermentum est metus, sit amet lobortis est vehicula at. Praesent ipsum nisl, viverra in efficitur vitae, lacinia sit amet lorem. Aenean vel orci quis turpis aliquet consequat. Suspendisse potenti. Nam commodo ornare enim nec semper. Vestibulum sollicitudin tempus dui. Fusce quis hendrerit nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque luctus turpis at accumsan feugiat. Integer non consequat urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam in efficitur risus, eu tristique neque. Phasellus eu elementum quam. Donec ac lectus vitae turpis euismod mollis et eu nibh. Integer lobortis porttitor lectus. Integer facilisis venenatis tortor, ut faucibus enim mollis sit amet. Duis consectetur auctor leo, at commodo nunc vulputate sed. Fusce tempor leo et odio sollicitudin porttitor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae diam in metus volutpat aliquet at non odio. Cras convallis sit amet augue at laoreet. Nunc velit tortor, fringilla in sapien pellentesque, blandit maximus erat. Sed lectus ipsum, scelerisque sed sapien et, mollis laoreet elit. Suspendisse massa augue, tincidunt non gravida vel, interdum id libero. Phasellus id Contenido
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. Google ASSISTANT Amazon ALEXA Apple SIRI Microsoft CORTANA Samsung BIXBY Facebook PORTAL ALTAVOCES INTELIGENTES (AI)
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63. https://youtu.be/sdKIZBTRQmA?t=100 https://www.youtube.com/watch?v=3dyOcAHCqN8 ASÍ CONVERTÍ MI CASA EN UN HOGAR INTELIGENTE!! https://www.youtube.com/watch?v=We1NoROh0bM GOOGLE HOME, dispositivos de DOMÓTICA baratos! ASÍ ES VIVIR 24H EN UNA CASA INTELIGENTE!
  • 65.
  • 73. YouTube es un sitio web de origen estadounidense dedicado a compartir videos. Presenta una variedad de clips de películas, programas de televisión y vídeos musicales, así como contenidos amateur como videoblogs y YouTube Gaming. Las personas que crean contenido para esta plataforma generalmente son conocidas como youtubers. Fue creado por tres antiguos empleados de PayPal en febrero de 2005​ y, en octubre de 2006 fue adquirido por Google Inc. a cambio de 1.650 millones de dólares y ahora opera como una de sus filiales.
  • 74.
  • 75.
  • 76. INFORMARFormularios web de correo electrónico. HTML (WYSIWYG) FOROS COMUNICACIÓN
  • 77. COMUNICARComentarios: texto, audio, video. CMS BLOG, WIKI PHP MYSQL CATALOGAR ETIQUETAR WEB SOCIAL
  • 79. Personas y cosas se comuniquen entre sí para generar la toma de decisiones. (IoT) WEB UBICUA UNIR INTELIGENCIAS AGENTES WEB: conozcan, aprendan y razonen
  • 80. Hasta el momento estamos ante un entorno web emocionalmente neutro Los dispositivos y las herramientas web reconocerán qué tipo de sensaciones genera un vídeo, qué reacciones provoca un texto, incluso implementará los estados de ánimo en nuestros iconos y avatares. Los dispositivos incluirán conexiones neuronales, memoria y velocidad de aprendizaje, capaces de una interacción total, donde tendrá importancia lo que siente el usuario. WEB SENSORIAL Y EMOTIVA
  • 81. Se denomina URL (Universal Resource Locator) a una dirección de Internet sea web, e-mail, ftp... Estas direcciones o dominios siguen una nomenclatura clara, que permite diferenciar los servicios de Internet. De ésta forman cuando tengamos una URL podremos saber a qué servicio de Internet corresponde.
  • 82. PROTOCOLO SUBDOMINIO DOMINIO TLD CARPETA FICHERO Nomenclatura de la WEB:
  • 83.
  • 84.
  • 85. Buscando información sobre un dominio http://www.who.is/whois/ http://whois.domaintools.com/
  • 86.
  • 87.
  • 88. Existen muchas variedades de sitios web, cada uno especializando en un tipo particular de contenido o uso. Arbitrariamente puede ser clasificado de muchas maneras. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 89. Sitio archivo weblog o blog tumblelog o tlog microblogging fotolog videoblog o vlog podcasting RSS Sitio de empresa comercio electrónico Comunidad Virtual (RRSS) Sitio de descargas Sitio de Juegos Sitio de noticias Agregadores de noticias Creador de sitios Sitio educativos Buscadores Portales Sitio de subastas Sitio personal o portfolio Wikis Sitio de rating Sitio de spam
  • 90. Sitio archivo: usado para preservar contenido electrónico valioso amenazado con extinción. Dos ejemplos son: Internet Archive, el cual desde 1996 ha preservado billones de antiguas (y nuevas) páginas web; y Google Groups, que a principios de 2005 archivaba más de 845.000.000 mensajes expuestos en los grupos de noticias/discusión de Usenet, tras su adquisición de Deja News. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 91. Sitio weblog (o blog): sitio usado para registrar lecturas online o para exponer diarios en línea; puede incluir foros de discusión. Ejemplos: Blogger, Xanga. LiveJournal, WordPress, www.x0101.com. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 92. Un tumblelog o tlog es una variante menos estructurada de un blog muy ligada al microblogging. Contienen pensamientos al azar, enlaces, imágenes y otro contenido, sin una temática definida excepto el hecho de que está realizado por un mismo autor. Cuando solamente contiene enlaces recibe el nombre de linklog. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 93. El microblogging, también conocido como nanoblogging, es un servicio que permite a sus usuarios enviar y publicar mensajes breves (alrededor de 140 caracteres), generalmente de sólo texto. Las opciones para el envío de los mensajes varían desde sitios web, a través de SMS, mensajería instantánea o aplicaciones/complementos. Los principales servicios son Twitter, Menéame, Identi.ca, Jaiku, Picotea.com, Pownce, Khaces y Xmensaje. Referencia: http://es.wikipedia.org/wiki/Sitio_web Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 94. La palabra fotolog en español tiene dos orígenes: derivada del inglés photoblog (bitácora fotográfica) y derivada del sitio Fotolog.com (una de miles de bitácoras pertenecientes a una comunidad). A diferencia de un álbum de fotos, en un fotolog se publican unas pocas fotos diarias o generalmente una sola. Referencia: http://es.wikipedia.org/wiki/Sitio_web Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 95. Un videoblog o vlog es una galería de clips de vídeos, ordenada cronológicamente, publicados por uno o más autores. El autor puede autorizar a otros usuarios a añadir comentarios u otros vídeos dentro de la misma galería. Los videoblogs actualmente se producen con una calidad muy elevada debido principalmente a la bajada de los precios de la tecnología necesaria y la variedad de plataformas donde poder subir y compartir vídeos: Youtube, vimeo, blip.tv, Dailymotion… Referencia: http://es.wikipedia.org/wiki/Sitio_web Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 96. El podcasting consiste en la distribución de archivos multimedia (normalmente audio o vídeo) mediante un sistema de sindicación que permita suscribirse y usar un programa que lo descarga para que el usuario lo escuche en el momento que quiera. No es necesario estar suscrito para descargarlos. Referencia: http://es.wikipedia.org/wiki/Sitio_web Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 97. RSS se utiliza para suministrar a los suscriptores, información actualizada frecuentemente. El formato XML permite distribuir contenido sin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS (agregador). Las últimas versiones de los principales navegadores permiten leer los RSS sin necesidad de software adicional. A esto se le conoce como sindicación web (una traducción incorrecta, pero de uso muy común). Referencia: http://es.wikipedia.org/wiki/Sitio_web Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 98. Sitio de empresa: usado para promocionar una empresa o servicio. Sitio de comercio electrónico: organizado para facilitar la compra de productos. Referencia: http://es.wikipedia.org/wiki/Sitio_web Sitio pornográfico (porno): muestra imágenes y vídeos de contenido sexual explicito. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 99. Comunidad Virtual: un sitio donde las personas con intereses similares se comunican con otros, suelen incluir herramientas para fomentar la conversación (chat o foros) y compartir (información, fotos o videos). Por ejemplo: MySpace, Facebook, Hi5, Multiply, Orkut, Tuenti… Referencia: http://es.wikipedia.org/wiki/Sitio_web Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 100. Sitio de Base de datos: un sitio donde el uso principal es la búsqueda y muestra de un contenido específica de la base de datos como la Internet Movie Database. Sitio de desarrollo: un sitio el propósito del cual es proporcionar información y recursos relacionados con el desarrollo de software, diseño web, etc. Referencia: http://es.wikipedia.org/wiki/Sitio_web Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 101. Sitio de descargas: estrictamente usado para descargar contenido electrónico, como software freeware, shareware, demos, recursos (imágenes, iconos, fondos) … Por ejemplo: Download, Tucows, Softonic, Baulsoft. Referencia: http://es.wikipedia.org/wiki/Sitio_web Sitio de juego: un sitio que es propiamente un juego o un lugar donde mucha gente viene a jugar. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 102. Sitio de información: contiene contenido que pretende informar a los visitantes, pero no necesariamente de propósitos comerciales. La mayoría de los gobiernos, instituciones educacionales y sin ánimo de lucro tienen un sitio de información. Referencia: http://es.wikipedia.org/wiki/Sitio_web Sitio de noticias: Similar a un sitio de información, pero dedicada a mostrar noticias y comentarios. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 103. Referencia: http://es.wikipedia.org/wiki/Sitio_web Agregadores de noticias: Evolución del sitio de noticias, basado en la participación comunitaria, en el que los usuarios envían historias y que cualquiera puede votar, promoviendo las más valoradas para que aparezcan en la página principal (portada). Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 104. Referencia: http://es.wikipedia.org/wiki/Sitio_web Sitio Buscador: web que proporciona información general y está pensado como entrada o búsqueda para localizar otros sitios. Sitio portal: un sitio que proporciona un punto de inicio, entrada o (portal) a otros recursos en Internet o una intranet. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 105. Referencia: http://es.wikipedia.org/wiki/Sitio_web Sitio de subastas: web estructura para subastar artículos por internet. Sitio personal o portfolio: Mantenido por una persona o un pequeño grupo, contiene información o cualquier contenido (relacionado o no) que la persona/grupo quiera incluir. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 106. Referencia: http://es.wikipedia.org/wiki/Sitio_web Creador de sitios: es básicamente un sitio que te permite crear otros sitios, utilizando herramientas de trabajo en línea. Wiki web: un sitio donde los usuarios editan el contenido de forma colaborativa Sitio de rating: un sitio donde la gente puede alabar o menospreciar lo que aparece. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 107. Referencia: http://es.wikipedia.org/wiki/Sitio_web Sitios educativos: promueven cursos presenciales y a distancia, información a profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas. Sitio spam: sitio web sin contenidos de valor que ha sido creado exclusivamente para obtener beneficios y fines publicitarios, engañando a los motores de búsqueda. Referencia: http://es.wikipedia.org/wiki/Sitio_web
  • 109. Artificial Intelligence (AI) inteligencia artificial (IA) Neural Network (redes neuronales) Machine Learning (aprendizaje automático) Big Data (Macrodatos) Deep Learning (aprendizaje no supervisado)
  • 111.
  • 113.
  • 114.
  • 117.
  • 118.
  • 120. La teoría de los Seis Grados de Separación Esta teoría fue expuesta en el año 1929 por el escritor Frigyes Karinthy dentro de un relato corto denominado Cadenas. Según la teoría del escritor, el número de conocidos de una persona crece exponencialmente siguiendo un número de enlaces de una cadena que serían las relaciones humanas. De este modo, sólo sería necesario un pequeño número de enlaces (en teoría 6) para conectar cualquier persona con el resto de la población humana.
  • 121. Un servicio de red social es un medio de comunicación social que se centra en encontrar gente para relacionarse en línea. Están formadas por personas que comparten alguna relación, principalmente de amistad, mantienen intereses y actividades en común, o están interesados en explorar los intereses y las actividades de otros. http://es.wikipedia.org/wiki/Servicio_de_red_social
  • 122. Las redes sociales han ido evolucionando por temática
  • 123. Viaje/turismo citas trabajo/negocios crowdfunding peticiones apuestas deportivas ideológicas artistas bebidas gastronomíaropa/moda trueques educativasmedicina/salud audio imagen http://www.iredes.es/mapa/ charlas/conferencias videojuegosmotor geolocalización mensajería libros/lectura música/radio cine
  • 125. Hábitos de uso de las Redes Sociales en España
  • 126.
  • 128.
  • 129. España cuenta con 20.000.000 de usuarios en Facebook. Actualmente se encuentra el 18º del ranking mundial y es el 4º de habla hispana. http://www.owloo.com/facebook-stats/spain
  • 130. ¿Qué debo tener para registrarme en una red social?
  • 131. https://www.facebook.com/help/210644045634222 Según el Reglamento de desarrollo de la LOPD. España es el único país que no cumple el reglamento Europeo sobre Protección de datos, que unificó la edad de consentimiento a 13 años En ESPAÑA la edad mínima es de https://www.facebook.com/help/100532533374396
  • 132. Una dirección de correo electrónico
  • 133. Como usar las redes sociales de forma responsable FACEBOOK
  • 134. Desde el respeto y con sentido común • Lo que te gusta y compartes lo haces publico • No des información personal, tu lugar de estudios, trabajo o tu vivienda. • Cuidado con las fotografías que envías. • No entres en conversaciones agresivas, obscenas, amenazantes…
  • 135. Desde el respeto y con sentido común • Recuerda que la gente que navega por Internet no siempre es lo que parece. No quedes con desconocidos. • Ayuda a los menores a navegar. Dedícales tiempo. • Informa o denuncia lo que te haga sentir incómodo.
  • 136. Si algo no está bien. DENUNCIA
  • 137. Usar las herramientas de denuncia de la plataforma social
  • 138. Usar las herramientas de denuncia de la plataforma social
  • 139. Usar las herramientas de denuncia de la plataforma social
  • 140. Usar las opciones de publicación de la plataforma social
  • 141. No hay que estar siempre disponible. Podemos usar las opciones de privacidad del chat.
  • 145. El chat de Facebook
  • 146. Otras opciones de chat TANGOVIVERTELEGRAM LINE HANGOUT
  • 147. Derecho al olvido Un fallo reciente del Tribunal de Justicia de la Unión Europea (C-131/12, 13 de mayo de 2014) permite que determinados usuarios soliciten que los motores de búsqueda eliminen resultados
  • 149.
  • 157. La reputación digital es la opinión, consideración o prestigio que los demás tienen de algo, en un entorno digital. Imagen de marca es la percepción que tú quieres que los demás tengan de ti o de tu empresa.
  • 162. ESTAR EN LA NUBE ALMACENAMIENTO Y COMUNICACIÓN
  • 163. (Almacenamiento y aplicaciones en la nube) GOOGLE DRIVE google.com/drive 15 GB GRATIS OFIMATICA APPLE iCLOUD icloud.com 5 GB GRATIS OFIMATICA MS ONE DRIVE onedrive.live.com 5 GB GRATIS OFIMATICA
  • 164. (Almacenamiento en la nube) MEGA mega.nz 50 GB GRATIS BOX box.com 10 GB GRATIS MEDIAFIRE mediafire.com 10 GB GRATIS DROPBOX dropbox.com 2 GB GRATIS
  • 165. (Almacenamiento temporal en la nube) PLUSTRANSFER plustransfer.com 5 GB GRATIS 15 días WETRANSFER wetransfer.com 2 GB GRATIS 7 días SMASH fromsmash.com Ilimitado 14 días SWISSTRANSFER swisstransfer.com 25 GB GRATIS 30 días
  • 166. (Envió P2P sin almacenamiento en la nube) TAKEAFILE takeafile.com ilimitado FILEPIZZA file.pizza ilimitado JUSTBEAMIT justbeamit.com ilimitado
  • 168. Perfiles , Páginas , Grupos, Eventos Textos – Imágenes - Vídeos El objetivo es crear comunidad
  • 169. Imágenes, Catálogos… Fotos Vídeo Posicionamiento, My bussines, Autoría Red profesional, grupos, eventos, cursos Conversación en tiempo real, eventos Noticias, Comunicación, Convocatorias, Eventos
  • 180. Presentación distribuida con licencia Creative Commons. Basta con agradecerlo con un enlace a opcionweb.com o un comentario en mis redes.