Evolucion de la web

MarioGordillo1 3,725 views 103 slides Aug 31, 2016
Slide 1
Slide 1 of 103
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50
Slide 51
51
Slide 52
52
Slide 53
53
Slide 54
54
Slide 55
55
Slide 56
56
Slide 57
57
Slide 58
58
Slide 59
59
Slide 60
60
Slide 61
61
Slide 62
62
Slide 63
63
Slide 64
64
Slide 65
65
Slide 66
66
Slide 67
67
Slide 68
68
Slide 69
69
Slide 70
70
Slide 71
71
Slide 72
72
Slide 73
73
Slide 74
74
Slide 75
75
Slide 76
76
Slide 77
77
Slide 78
78
Slide 79
79
Slide 80
80
Slide 81
81
Slide 82
82
Slide 83
83
Slide 84
84
Slide 85
85
Slide 86
86
Slide 87
87
Slide 88
88
Slide 89
89
Slide 90
90
Slide 91
91
Slide 92
92
Slide 93
93
Slide 94
94
Slide 95
95
Slide 96
96
Slide 97
97
Slide 98
98
Slide 99
99
Slide 100
100
Slide 101
101
Slide 102
102
Slide 103
103

About This Presentation

Diapositivas de la Conferencia impartida en el Consejo Coordinador Empresarial sobre la Evolución de la WEB


Slide Content

MARIO GORDILLO FERRER Veracruz, Ver. Agosto 2016

AGENDA
1Introducción
2 Que es la Web 1.0?
3 Servicios Web 1.0
4 Origen del Término Web 2.0
5 Qué es la WEB 2.0?
6 Características de la Web 2.0
7 Herramientas Web 2.0
8 Evolución de la Web
9 Que es la Web 3.0?
10 Características de la Web 3.0
11 Herramientas Web 3.0
12 Estadísticas en México
Preguntas

1 INTRODUCCIÓN

INTRODUCCIÓN
Primer Servidor WEB (NEXT)
1990 Nace el WWW

INTRODUCCIÓN
http://sis-forum.web.cern.ch
2003
Tim Berners-LeeRobert Cailliau

2QUÉ ES LA WEB 1.0?

QUE ES LA WEB 1.0?
La'Web1.0(1991-2003)eslaformamás
básicaqueexiste,connavegadoresdesólo
textobastanterápidos.DespuéssurgióelHTML
quehizolaspáginaswebmásagradablesala
vista,asícomolosprimerosnavegadores
visualestalescomoMosaic,InternetExplorer,
Netscape,Opera(entreotros).

QUE ES LA WEB 1.0?
LaWeb1.0esdesólolectura.Elusuariono
puedeinteractuarconelcontenidodela
página(nadadecomentarios,respuestas,
citas,etc),estandototalmentelimitadoa
loqueelWebmastersubeaésta.

QUE ES LA WEB 1.0?

QUE ES LA WEB 1.0?

QUE ES LA WEB 1.0?

3SERVICIOS WEB 1.0

SERVICIOS WEB 1.0
Modelo OSI, (Protocolo TCP/IP)
•WWW(WorldWide Web)
E-mail (Correo electrónico) SMTP, POP3, IMAP, HTTP
•Telnet(Conexión remota)
•Ftp(Descarga de archivos)
•Gopher/ArchieBúsqueda de servidores de descarga
•Chat(Conversación en tiempo real, IRC)
•News(Grupos de noticias) NNTP

SERVICIOS WEB 1.0

4ORIGEN DEL TÉRMINO
WEB 2.0

ORIGENDEL TÉRMINO
WEB 2.0
Dale Dougherty Craig Cline

Tim O’Reilly“Web 2.0 es una arquitectura de participación” (2005)
ORIGEN DEL TÉRMINO
WEB 2.0

5QUÉ ES LA WEB 2.0?

UnsitioWeb2.0permitealosusuariosinteractuar
unosconotroscomo contribuidoresdel
contenidodelwebsite,encontrasteconlossitios
dondeestánlimitadosaverpasivamentetodoel
contenidomostradoenellos.
QUE ES LA WEB 2.0?

QUE ES LA WEB 2.0?
Apesardequeelterminodalaimpresióndeser
unconjuntodenuevastecnologías,noloes,es
masunaseriedeparámetrosquepermitenalos
desarrolladorespodercrearwebsitesque
permitanunamejorexperienciaalosusuarios.

EjemplosdeWebs2.0incluyenloswebsites
comunitarios,lasredessociales,lossitiosde
intercambiodefotos,videos,música,wikis,
blogs,etc.
QUE ES LA WEB 2.0?

EJEMPLOS WEB 2.0?

QUE ES LA WEB 2.0?
Web 2.0 cambio la manera de navegar en Internet

CARACTERISTICAS WEB 2.0
•El sitio debe estar listo para la
entrada de cualquiera
•La información debe poderse
introducir y extraer fácilmente
•Los usuarios deberían controlar
su propia información
•Basada exclusivamente en la
Web, que puedan ser utilizados
enteramente desde un
navegador
•La existencia de links es
requisito imprescindible

TECNOLOGIAS WEB 2.0

WEB 1.0 VS WEB 2.0?

Web 1.0 Web 2.0
WEB 1.0 VS WEB 2.0?

WEB 1.0 VS WEB 2.0?

6CARACTERÍSTICAS
DE LA WEB 2.0

CARACTERÍSTICAS
DE LA WEB 2.0

CARACTERÍSTICAS
DE LA WEB 2.0

CARACTERÍSTICAS
DE LA WEB 2.0

7HERRAMIENTAS WEB 2.0

HERRAMIENTAS
WEB 2.0

HERRAMIENTAS
WEB 2.0
•Comunidades
•Redes sociales
•Wikis
•Blogs
•Folcsonomías
•Mashups
•Aplicaciones Web
•Servicios de alojamiento de videos

COMUNIDADES

REDES SOCIALES

VIDEO SOCIAL MEDIA
REVOLUTION

USUARIOS DE
EN MEXICO

MÉXICO EN
Fuente: Julio 2014 http://www.forbes.com.mx/mexico-primer-lugar-en-penetracion-social-media/

USUARIOS DE TWITTER
EN LATINO AMÉRICA
http://www.adlatina.com/digital/twitter-crecer%C3%A1-en-argentina-con-cifras-de-dos-d%C3%ADgitos-hasta-2016

•Tiene más de mil millones de usuarios
•Cada segundo se sube una hora de vídeo a
YouTube
•Cada día se reproducen más de 4 mil millones
de vídeos
•El 70% del tráfico de YouTube no es de EEUU
•Cada día se reproducen en Facebook 500
años de vídeo a YouTube
•Cada minuto se comparten en Twittermás de
700 vídeos de YouTube

USUARIOS
DE
Sexo de usuarios
Hombres
58%
Mujeres
42%
Edades de usuarios
18 - 24
25 - 34
35 - 54
54+
25.80%
34.30%
33.40%
6.60%
Hay 147 millones de usuarios aproximadamente

PAÍSES CON MÁS USUARIOS
DE
#País Usuarios
1Estados Unidos 72 064 565
2India 17 975 024
3Reino Unido 10 700 309
4Canadá 6 020 490
5Australia 3 751 467
6Países Bajos 3 007 325
7China 2 701 922
8Sudáfrica 2 147 352
9Brasil 1 572 790
10Pakistán 1 429 792
32México 590 800

WIKIS

WIKIPEDIA
•Hay 567,560,238 de usuarios
registrados
•Wikipedia tiene 28,710,443 páginas
•794,282 archivos han sido subidos
•Cada página tiene un promedio de
19.77 ediciones
•Ha habido 567´561,688 de ediciones a
páginas desde que se creó Wikipedia

BLOGS

FOLCSONOMIAS

FOLCSONOMIAS
•Literalmente significa "clasificación
gestionada por el pueblo".
Según Thomas VanderVal:
•Folcsonomíaamplia:
del.icio.us
•Folcsonomíaestrecha:
Flickr

MASHUPS

MASHUPS
•Elcontenido usado enmashups es
típicamenteobtenidodeotrafuentevíauna
interfacepúblicaoAPI(webservices),
•Muchagenteexperimentaconmashups
usandolasAPIsdeAmazon,eBay,Flickr,
Google,Microsoft,YahoooYouTubeloqueha
llevadoalacreacióndeuneditormashup.

MASHUPS
Mapas
www.wikicrimes.org
es.mapase.com
•Vídeo y fotos
www.flickrvision.com
•Búsqueda y compras
www.travature.com
•Noticias
www.digg.com
www.bfreenews.com
•Enciclopedias
www.histourist.com

APLICACIONES WEB 2.0

VIDEO ALOJAMIENTO

PELÍCULAS EN LÍNEA

WEB 1.0 VS WEB 2.0?

8EVOLUCION DE LA WEB

EVOLUCION WEB

1989: ‘El futuroes Multimedia’.....
Y la Multimedia trajoel mundoal salónde clases
EVOLUCION WEB

1999: ‘El futuroes la Web’...
Y la WEB conectóel salónde clasescon el mundo
EVOLUCION WEB

2009: ‘El futuroson lastecnologíasinteligentes’...’
... y lastecnologíasllevaránlasclasesal mundo
entero
EVOLUCION WEB

9QUE ES LA WEB 3.0?

QUE ES WEB 3.0?
LaWEB3.0esuntérminoquenoterminade
tenerunsignificadoyaquevariosexpertoshan
intentadodardefinicionesquenoconcuerdan
oencajanlaunaconlaotra.

QUE ES WEB 3.0?
Esunaexpresiónqueseutilizaparadescribirla
evolucióndelusoylainteraccióndelas
personaseninternetatravésdediferentes
formas.peroque,endefinitiva,vaunidacon
laWEBSEMANTICA.Algunosautoresla
denominanlaWEBSENSORIAL.

QUE ES WEB 3.0 ?
Incluyenlatransformacióndelaredenunabase
dedatos,unmovimientosocialhaciacrear
contenidosaccesiblespormúltiplesaplicaciones
non-browser,elempujedelastecnologíasde
inteligenciaartificial,lawebsemántica,laWeb
GeoespacialolaWeb3D.

LaWeb3.0ysusserviciossefundamentanenel
colectivodelaWebSEMANTICA,búsquedasde
lenguajenatural,data-mining,aprendizaje
automáticoyasistenciadeagentes,todoello
conocidocomotécnicasdelaInteligencia
ArtificialoInteligenciaWeb.
QUE ES WEB 3.0 ?

Laweb3.0buscapasardelaSociedaddela
InformaciónalaSociedaddelConocimiento,
estoesquelawebconozcaasususuariosde
maneratalquepuedaresolverlealgunas
cuestionesbásicas.
QUE ES WEB 3.0 ?

Porejemplo,siquieroiraunrestauranteItaliano
enSanDiego,buscas“WherecanIeatitalian
foodinSanDiego,CA”,larespuestaqueme
daríalaWEB3.0seríanlosrestaurantesmás
cercanosamiperfil,nosoloporlaubicaciónsi
noporunaseriedeotrosfactorescomonivelde
gasto,lugarespreferidos,características,etc.
QUE ES WEB 3.0 ?

RESULTADOS WEB 2.0

RESULTADOS WEB 3.0

RESULTADOS WEB 3.0

ERA WEB 3.0

10 CARACTERISTICAS
DE LA WEB 3.0

Web 3.0
Web 1.0
Web x.0
Web 2.0
Web Semántica
La Web
Meta Web
Web Social
Gradosde ConectividadSocial
Grados
de
Conectividad
de
Información

Web 1.0–Personas conectándose a la Web
-Web2.0–Personasconectándose a
personas – redes sociales,wikis,
colaboración,posibilidaddecompartir.
-Web3.0-Aplicacioneswebconectándose
aaplicacionesweb.
CARACTERISTICAS

CARACTERISTICAS

CARACTERISTICAS

Productor
0%
100%
Consumidor
100%
0%
Web 1.0 Web 2.0 Web 3.0 Web x.0 Web x.0+

Productor
0%
100%
Consumidor
100%
0%
Web 1.0 Web 2.0 Web 3.0 Web x.0 Web x.0+
Web Sintática
Web Semántica
Web Pragmática

Productor
0%
100%
Consumidor
100%
0%
Web 1.0 Web 2.0 Web 3.0 Web x.0 Web x.0+
Web Sintática
Web Semántica
Web Pragmática
MUDs/MOOs
Foros
Listserv
Páginas
Personales
Newsgroup
Wiki
Blogs
RedesSociales
Geo Mashup
“Tageo” Social
DispositivosSmart Media
FiltradoporColaboraciónInteligente
MMORPGs

Productor
0%
100%
Consumidor
100%
0%
Web 1.0 Web 2.0 Web 3.0 Web x.0 Web x.0+
Web Sintáctica
Web Semántica
Web Pragmática
RSS
HTML
XHTML
XML
AgentesIntelligentes
OWL
RDF

Productor
0%
100%
Consumidor
100%
0%
Web 1.0 Web 2.0 Web 3.0 Web x.0 Web x.0+
EntornosPersonalesde Aprendizaje
Sistemas de
Administracionde
Aprendizaje(iMLEorVLE)
Sistemas Smart Adaptables
Sistemas InteligentesRealidadAumentaday Virtualización
RSS
HTML
XHTML
XML
OWL
RDF AgentesIntelligentes
Web Sintáctica
Web Semántica
Web Pragmática

11 HERRAMIENTAS WEB 3.0

EsunaRedSocialespañolaenlacualtratan
decrearunaauténticaidentidaddigitalcon
lacualelusuarioseidentifique,buscandosus
interesesyconlaposibilidaddeintegrar
Comunidadesqueleseanafines.Tambiénse
pueden formularpreguntas yrecibir
respuestasdeusuariosespecializadosen
cadanichodemercado.Lainterfazesmuy
amigable,porloquelosinvitamosa
conocerla.
HERRAMIENTAS WEB 3.0

HERRAMIENTAS WEB 3.0

PuededividirsusresultadosenWebs,News,
Blogs,Twitter,ImágenesyVideo.
Amenudopuedeofrecerunadefinicióndetu
búsquedadirectamenteextraídadeWikipedia.
HERRAMIENTAS WEB 3.0

HERRAMIENTAS WEB 3.0

Kosmixmásqueofrecerunalistadeenlaces
awebspresentatrascadabúsquedaunaserie
dezonas:fotos,vídeos,blogs,enlaces,datos
básicoscuyaprocedencia-desdeYahooa
Youtube-varíaenfuncióndelabúsqueda.
TimeWarneryJeffBezos,(fundadordeAmazon)
estánentrequieneshanaportadofondos.
Kosmixsetratadenavegarnotantodebuscar.
HERRAMIENTAS WEB 3.0

HERRAMIENTAS WEB 3.0

HERRAMIENTAS WEB 3.0

TieneciertoparecidoaKosmix.Puedesfiltrar
losresultadosporartículos,citas,imágenesy
'tweets'.
Además seintegraconredessociales
comoFacebookoMySpace.Tambiéncuenta
conunaversiónparaiPhone.
HERRAMIENTAS WEB 3.0

HERRAMIENTAS WEB 3.0

Seconsideraelpadredelawebsemanticay
fuedesarrolladoapartirdeunatesisdoctoral,
enlaUniversidaddeMaryland.Escapazde
procesarcontenido,razonarconestey
realizardeduccioneslógicaspararesolver
problemascotidianosdeformaautomáticay
conresultadosexactos.Entresustécnicasse
encuentra elPageRankdesarrollado
porGoogle.
HERRAMIENTAS WEB 3.0

HERRAMIENTAS WEB 3.0

12 ESTADÍSTICAS .MX

USUARIOS DE INTERNET
EN MÉXICO (CIFRAS EN MILLONES)

CRECIMIENTO DE DOMINIOS
REGISTRADOS .MX
Fuente: Registry.MX, 30 Junio, 2015
TOTAL:
760,748

CRECIMIENTO DE DOMINIOS
REGISTRADOS BAJO .MX
Fuente: Registry.MX, Julio 4, 2013

BIBLIOGRAFÍA
•http://youtu.be/skrFyjZNHY8
•http://www.businessweek.com/stories/2005-10-09/hanging-up-on-dell
•http://www.wired.com/science/discoveries/news/2005/10/69114
•http://oreilly.com/web2/archive/what-is-web-20.html
•http://socialmexico.com/estudio-estadisticas-de-twitter-en-mexico-infografia/
•http://www.registry.mx/jsf/domain_statistics/monthly/info.jsf
•http://www.socialbakers.com/
•http://www.amipci.org.mx/?P=otros
•http://www.mediabistro.com/alltwitter/twitter-demographics_b26352
•http://www.checkfacebook.com/
•http://www.slideshare.net/amover/linkedin-demographics-statistics-jan-2012
•http://www.socialbakers.com/linkedin-statistics/
•http://www.slideshare.net/amover/linked-in-demographics-and-statistics-2011
•http://en.wikipedia.org/wiki/Wikipedia:Statistics
•http://en.wikipedia.org/wiki/Special:Statistics
•http://www.youtube.com/t/press_statistics
•http://youtu.be/u_DItegKmBw

¡Muchas gracias!
@mgordillo
/arroba.mx
/webtipsmx
/ArrobaNetMx
/BestMarketSolutions
@arroba.mx
@webtipsmx
@Arroba_Net
@BestMarketS_Mx