SlideShare una empresa de Scribd logo
1 de 12
Web 1.0 versus Web 2.0
    Web 1.0         Web 2.0
•    Static HTML               --> Blog Publishing
•    Design Aesthetics              -->     Desgin Simplicity
•    Page Hits             -->     RSS Subscribers
•    Site Designed By Web Prof --> Sites Shaped Democratically by
                                            Multiple Authors
• Email Marketing                  -->    RSS Feeds
• Personal Web Sites          -->         Personal Blogs
• Domain Names to Find Sites -->          Search Engine Optimization
• Page Views               --> Cost- per- Click
• Content Management Solutions -->        Wikis
• Software with releases       -->        Infoware in perpetual beta
• Propietary software               --> Open source software (software
  bajo                                    demanda)
• HTML code                         --> SQL calls




    Página –1–
Web 1.0 versus Web 2.0
• Autor original: Matthew Thomas (blog)
• Web 1.0

  Símbolos de ‘En construcción’ por todas partes

• Web 2.0

  Símbolos de     BETA          por todas partes

                                            Página –2–
Una breve historia de la Web
• Flujos de desarrollo importantes:

   – Flujo de aplicaciones
   – Flujo tecnológico
   – Flujo de contribución y participación del usuario




                                                Página –3–
Las aplicaciones que trajeron la Web
                 actual
• La llegada del navegador
   –   NCSA Mosaic
   –   El principio cliente/servidor
   –   HTML y HTTP
   –   Netscape
• Aplicaciones de fuerte impacto
   – Open Source… navegador Mozilla Firefox
   – Outsourcin
   – RFID
   – Motores de búsqueda como alta Vista, Google, Yahoo¡ o MSN
     Web Search
   – Desarrollos tecnológico: digital, móvil, virtual,…. PDAS, teléfonos
     inteligentes, laptop baratos, …

                                                               Página –4–
Las aplicaciones que trajeron la Web
                 actual
• De enlace (hipervínculo) a la búsqueda
   –   Enlaces y navegación (Páginas Web, documentos HTML)
   –   Exploración de la Web
   –   Búsqueda en la Web
   –   Page Rank de Google
   –   La larga cola (the long tail) de la búsqueda
   –   Directorios y portalesw (Directory Mozilla, DMOZ)
• Comercialización de la Web
   – e-Comercio
   – Componentes
   – Sistemas de e-Comercio
• Redes P2P: Gnutella, Kazaa, BitTorrent, eMule,..

                                                         Página –5–
Desarrollo tecnológico
• Historia del hardware: Procesadores de n
  núcleos, teléfonos inteligentes, --
• Grid Computing
• Redes IP
• La era de la banda ancha
• HTML y XML
• Lenguajes de guionado (scripting): JavaScript,
  PHP,..
• Servicios Web y RSS
• Web feeds y RSS
                                              Página –6–
Participación y contribución del usuario:
         socialización de la Web
• Blogs y wikis
• Blogs y nuevas formas de edición
  – Blogs, Podcasting
• Wikis y Wikipedias
• Redes sociales




                                     Página –7–
Mezcla de flujos: La llegada de la Web
                  2.0
• Flujo de socialización; Flujo de la participación y
  contribución del usuario
• HTML scripting, XML y AJAX
• Comunidades en línea, enciclopedias en
  línea, redes sociales en línea,
• RIA
• Tagging, blogging y wiki, etapas importantes en la
  socialización de la Web,
• Dimensiones fundamentales de la Web 2.0:
  Datos. Funcionalidad y socialización

                                              Página –8–
Enciclopedia Britannica




                          Página –9–
Enciclopedia Wikipedia




                         Página –10–
HeatMap de del.icio.us




                         Página –11–
•
        Tagso“Nubesson palabras asociadas a una
    Las “tags” “etiquetas”
                           de etiquetas”
  página web, foto o vídeo y que permiten acotar su
  búsqueda
• A través de los tags es posible establecer relaciones entre
  las personas que emplean las mismas, lo que ha permitido
  que surja toda una nueva serie de servicios sociales
• Todos los servicios web 2.0 utilizan tags para identificar
  contenidos de diversa índole: enlaces a páginas web, fotos,
  vídeos, etc.
• “Nubes de tags”, fabricadas a partir de las etiquetas
  aportadas por los usuarios, en las que las más
  mencionadas aparecen con mayor tamaño que el resto




                                                  Página –12–

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Mentefacto
MentefactoMentefacto
Mentefacto
 
Web 1.0 y web 2.0
Web 1.0 y web 2.0Web 1.0 y web 2.0
Web 1.0 y web 2.0
 
Web 2.0 y computacion en la nube
Web 2.0 y computacion en la nubeWeb 2.0 y computacion en la nube
Web 2.0 y computacion en la nube
 
Tecnologias web
Tecnologias webTecnologias web
Tecnologias web
 
Web 1.0 2.0
Web 1.0 2.0Web 1.0 2.0
Web 1.0 2.0
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2
Web 2Web 2
Web 2
 
La web
La web La web
La web
 
Sistema de gestion de contenidos
Sistema de gestion de contenidosSistema de gestion de contenidos
Sistema de gestion de contenidos
 
Web 1.0 vs web2.0
Web 1.0 vs web2.0Web 1.0 vs web2.0
Web 1.0 vs web2.0
 
Evolucion web
Evolucion webEvolucion web
Evolucion web
 
Conceptos Web 2.0
Conceptos Web 2.0Conceptos Web 2.0
Conceptos Web 2.0
 
Tipos de aplicaciones web
Tipos de aplicaciones webTipos de aplicaciones web
Tipos de aplicaciones web
 
Evolución tecnologías web [01 2008]
Evolución tecnologías web [01 2008]Evolución tecnologías web [01 2008]
Evolución tecnologías web [01 2008]
 
WEB 1.0 Y WEB 2.0
WEB 1.0 Y WEB 2.0WEB 1.0 Y WEB 2.0
WEB 1.0 Y WEB 2.0
 
Páginas web
Páginas webPáginas web
Páginas web
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 

Destacado

La lección de las mariposas. diego ricol
La lección de las mariposas. diego ricolLa lección de las mariposas. diego ricol
La lección de las mariposas. diego ricolDiego Ricol
 
Guerrilla Marketing
Guerrilla MarketingGuerrilla Marketing
Guerrilla MarketingDiego Ricol
 
Eu preciso de ti(pe cleidimar)(i)
Eu preciso de ti(pe cleidimar)(i)Eu preciso de ti(pe cleidimar)(i)
Eu preciso de ti(pe cleidimar)(i)mmboanova
 
Fogo do espírito(eros biondini)
Fogo do espírito(eros biondini)Fogo do espírito(eros biondini)
Fogo do espírito(eros biondini)mmboanova
 
Vem pro colo da mãe(vida reluz)(i)
Vem pro colo da mãe(vida reluz)(i)Vem pro colo da mãe(vida reluz)(i)
Vem pro colo da mãe(vida reluz)(i)mmboanova
 
Photoshop capitulo i
Photoshop capitulo iPhotoshop capitulo i
Photoshop capitulo iJavier Avalos
 
Entrevista Alvaro Nascimento
Entrevista Alvaro NascimentoEntrevista Alvaro Nascimento
Entrevista Alvaro NascimentoCarolina Araújo
 
Amigo certo(eu quero estar em tua vida)
Amigo certo(eu quero estar em tua vida)Amigo certo(eu quero estar em tua vida)
Amigo certo(eu quero estar em tua vida)mmboanova
 
Divide y venceras
Divide y vencerasDivide y venceras
Divide y vencerasVanessajrp
 
rapport_de_stage_DURANDO_reduced
rapport_de_stage_DURANDO_reducedrapport_de_stage_DURANDO_reduced
rapport_de_stage_DURANDO_reducedNeal Durando
 
Marketing Magic Mojo SEO 2016 PowerPoint
Marketing Magic Mojo SEO 2016 PowerPointMarketing Magic Mojo SEO 2016 PowerPoint
Marketing Magic Mojo SEO 2016 PowerPointMarketing Magic Mojo
 

Destacado (19)

La lección de las mariposas. diego ricol
La lección de las mariposas. diego ricolLa lección de las mariposas. diego ricol
La lección de las mariposas. diego ricol
 
Fatima.ppt portugues
Fatima.ppt portuguesFatima.ppt portugues
Fatima.ppt portugues
 
Sida
SidaSida
Sida
 
Guerrilla Marketing
Guerrilla MarketingGuerrilla Marketing
Guerrilla Marketing
 
Eu preciso de ti(pe cleidimar)(i)
Eu preciso de ti(pe cleidimar)(i)Eu preciso de ti(pe cleidimar)(i)
Eu preciso de ti(pe cleidimar)(i)
 
Fogo do espírito(eros biondini)
Fogo do espírito(eros biondini)Fogo do espírito(eros biondini)
Fogo do espírito(eros biondini)
 
Vem pro colo da mãe(vida reluz)(i)
Vem pro colo da mãe(vida reluz)(i)Vem pro colo da mãe(vida reluz)(i)
Vem pro colo da mãe(vida reluz)(i)
 
Norton utilities
Norton utilitiesNorton utilities
Norton utilities
 
Photoshop capitulo i
Photoshop capitulo iPhotoshop capitulo i
Photoshop capitulo i
 
Entrevista Alvaro Nascimento
Entrevista Alvaro NascimentoEntrevista Alvaro Nascimento
Entrevista Alvaro Nascimento
 
Exp
ExpExp
Exp
 
CURRICULUM VITAE
CURRICULUM VITAECURRICULUM VITAE
CURRICULUM VITAE
 
Amigo certo(eu quero estar em tua vida)
Amigo certo(eu quero estar em tua vida)Amigo certo(eu quero estar em tua vida)
Amigo certo(eu quero estar em tua vida)
 
Ley sistema nacional presupuesto 28411
Ley sistema nacional presupuesto 28411Ley sistema nacional presupuesto 28411
Ley sistema nacional presupuesto 28411
 
Divide y venceras
Divide y vencerasDivide y venceras
Divide y venceras
 
Diapositivas fundamentos cidba terminadas
Diapositivas fundamentos cidba terminadasDiapositivas fundamentos cidba terminadas
Diapositivas fundamentos cidba terminadas
 
EURECO SRL
EURECO SRLEURECO SRL
EURECO SRL
 
rapport_de_stage_DURANDO_reduced
rapport_de_stage_DURANDO_reducedrapport_de_stage_DURANDO_reduced
rapport_de_stage_DURANDO_reduced
 
Marketing Magic Mojo SEO 2016 PowerPoint
Marketing Magic Mojo SEO 2016 PowerPointMarketing Magic Mojo SEO 2016 PowerPoint
Marketing Magic Mojo SEO 2016 PowerPoint
 

Similar a Web 1 (20)

rojas cueva alcira
rojas cueva alcirarojas cueva alcira
rojas cueva alcira
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Primer trabajo
Primer trabajoPrimer trabajo
Primer trabajo
 
LA WEB Y SU CLASIFICACION.pdf
LA WEB Y SU CLASIFICACION.pdfLA WEB Y SU CLASIFICACION.pdf
LA WEB Y SU CLASIFICACION.pdf
 
WEB 1.0 WEB 2.0
WEB 1.0 WEB 2.0WEB 1.0 WEB 2.0
WEB 1.0 WEB 2.0
 
Mayra web 1.0 y 2.0
Mayra web 1.0 y 2.0Mayra web 1.0 y 2.0
Mayra web 1.0 y 2.0
 
Herramientas Web 2.0
Herramientas Web 2.0Herramientas Web 2.0
Herramientas Web 2.0
 
Web 1, 2,3,4,5.0 y deep web
Web 1, 2,3,4,5.0 y deep webWeb 1, 2,3,4,5.0 y deep web
Web 1, 2,3,4,5.0 y deep web
 
Características de web 1.0 2.0 3.0 4.0
Características de web 1.0 2.0 3.0 4.0Características de web 1.0 2.0 3.0 4.0
Características de web 1.0 2.0 3.0 4.0
 
Taller Web20 2009 07 08
Taller Web20 2009 07 08Taller Web20 2009 07 08
Taller Web20 2009 07 08
 
la web 2.0
la web 2.0la web 2.0
la web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 1.0 2.0 3.0
Web 1.0 2.0 3.0 Web 1.0 2.0 3.0
Web 1.0 2.0 3.0
 
Web 2
Web 2Web 2
Web 2
 
¿Que es la Web 2.0?
¿Que es la Web 2.0?¿Que es la Web 2.0?
¿Que es la Web 2.0?
 
Web 1.0, 2.0, 3.0.4.0
Web  1.0, 2.0, 3.0.4.0Web  1.0, 2.0, 3.0.4.0
Web 1.0, 2.0, 3.0.4.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
WEB 1.0- WEB 2.0- WEB 3.0
WEB 1.0- WEB 2.0- WEB 3.0WEB 1.0- WEB 2.0- WEB 3.0
WEB 1.0- WEB 2.0- WEB 3.0
 
Alejandro barona
Alejandro baronaAlejandro barona
Alejandro barona
 
Taller de profundizacion ofimatica
Taller de profundizacion ofimaticaTaller de profundizacion ofimatica
Taller de profundizacion ofimatica
 

Web 1

  • 1. Web 1.0 versus Web 2.0 Web 1.0 Web 2.0 • Static HTML --> Blog Publishing • Design Aesthetics --> Desgin Simplicity • Page Hits --> RSS Subscribers • Site Designed By Web Prof --> Sites Shaped Democratically by Multiple Authors • Email Marketing --> RSS Feeds • Personal Web Sites --> Personal Blogs • Domain Names to Find Sites --> Search Engine Optimization • Page Views --> Cost- per- Click • Content Management Solutions --> Wikis • Software with releases --> Infoware in perpetual beta • Propietary software --> Open source software (software bajo demanda) • HTML code --> SQL calls Página –1–
  • 2. Web 1.0 versus Web 2.0 • Autor original: Matthew Thomas (blog) • Web 1.0 Símbolos de ‘En construcción’ por todas partes • Web 2.0 Símbolos de BETA por todas partes Página –2–
  • 3. Una breve historia de la Web • Flujos de desarrollo importantes: – Flujo de aplicaciones – Flujo tecnológico – Flujo de contribución y participación del usuario Página –3–
  • 4. Las aplicaciones que trajeron la Web actual • La llegada del navegador – NCSA Mosaic – El principio cliente/servidor – HTML y HTTP – Netscape • Aplicaciones de fuerte impacto – Open Source… navegador Mozilla Firefox – Outsourcin – RFID – Motores de búsqueda como alta Vista, Google, Yahoo¡ o MSN Web Search – Desarrollos tecnológico: digital, móvil, virtual,…. PDAS, teléfonos inteligentes, laptop baratos, … Página –4–
  • 5. Las aplicaciones que trajeron la Web actual • De enlace (hipervínculo) a la búsqueda – Enlaces y navegación (Páginas Web, documentos HTML) – Exploración de la Web – Búsqueda en la Web – Page Rank de Google – La larga cola (the long tail) de la búsqueda – Directorios y portalesw (Directory Mozilla, DMOZ) • Comercialización de la Web – e-Comercio – Componentes – Sistemas de e-Comercio • Redes P2P: Gnutella, Kazaa, BitTorrent, eMule,.. Página –5–
  • 6. Desarrollo tecnológico • Historia del hardware: Procesadores de n núcleos, teléfonos inteligentes, -- • Grid Computing • Redes IP • La era de la banda ancha • HTML y XML • Lenguajes de guionado (scripting): JavaScript, PHP,.. • Servicios Web y RSS • Web feeds y RSS Página –6–
  • 7. Participación y contribución del usuario: socialización de la Web • Blogs y wikis • Blogs y nuevas formas de edición – Blogs, Podcasting • Wikis y Wikipedias • Redes sociales Página –7–
  • 8. Mezcla de flujos: La llegada de la Web 2.0 • Flujo de socialización; Flujo de la participación y contribución del usuario • HTML scripting, XML y AJAX • Comunidades en línea, enciclopedias en línea, redes sociales en línea, • RIA • Tagging, blogging y wiki, etapas importantes en la socialización de la Web, • Dimensiones fundamentales de la Web 2.0: Datos. Funcionalidad y socialización Página –8–
  • 9. Enciclopedia Britannica Página –9–
  • 10. Enciclopedia Wikipedia Página –10–
  • 11. HeatMap de del.icio.us Página –11–
  • 12. Tagso“Nubesson palabras asociadas a una Las “tags” “etiquetas” de etiquetas” página web, foto o vídeo y que permiten acotar su búsqueda • A través de los tags es posible establecer relaciones entre las personas que emplean las mismas, lo que ha permitido que surja toda una nueva serie de servicios sociales • Todos los servicios web 2.0 utilizan tags para identificar contenidos de diversa índole: enlaces a páginas web, fotos, vídeos, etc. • “Nubes de tags”, fabricadas a partir de las etiquetas aportadas por los usuarios, en las que las más mencionadas aparecen con mayor tamaño que el resto Página –12–