Web 2.0 vs Web 1.0

996 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
996
En SlideShare
0
De insertados
0
Número de insertados
105
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Web 2.0 vs Web 1.0

  1. 1. La WEBHistoria 1. 1945: Vannebar Bush "As We may think" en el Atlantic Monthly 2. 1960: Don Engelbart (NLS - navegación, mail, etc. inventa el mouse), Ted Nelson acuña el término hipertexto. 3. 1980: Enquire de Tim Berners-Lee en el CERN; permite nodos con enlaces 4. 1989: Information managment: a proposal de Tim Berners-Lee 5. Se realiza un diagnóstico de la vasta cantidad de información disponible en el CERN y se propone una solución, basada en nodos y enlaces entre los nodos. La explicación de esta propuesta es la que sigue: o "Al proporcionar un sistema para la manipulación de este tipo de información, la esperanza sería la de permitir que un grupo de información para desarrollar lo que podría crecer y evolucionar con la organización y los proyectos que se describen. Para que esto sea posible, el método de almacenamiento no debe colocar sus propias limitaciones en la información. Por ello, una "red" de notas con enlaces (como referencias) entre ellos es mucho más útil que un sistema jerárquico fijo. Cuando se describe un sistema complejo, muchas personas recurren a los diagramas de círculos y flechas, donde éstas pueden significar cualquier cosa." o El problema de los árboles: "HELP COMPILER SOURCE_FORMAT PRAGMAS DEFAULTS" tiene una referencia a: "HELP COMPILER COMMAND OPTIONS DEFAULTS PRAGMAS", significa devolverse y reintentar por otra rama. El problema con las keywords: dos personas escojen distintas keywords. 6. 1990: La propuesta recircula ... y se materializa: En septiembre obtiene la aprobación, para noviembre ya había algo que mostrar. 7. 1991: Difusión en círculos académicos y en las news: En una conferencia, Hypertext 91 se presenta el browser. Se postea en las news las fuentes y algunos archivos. 8. 1992: Varios clones del browser, port a otras plataformas, etc 9. 1993: 1% de internet: El 1% del tráfico por los routers de la NSF es al puerto 80. Mosaic sale para varias plataformas. 10. 1994: Aumenta el tráfico: El tráfico aumenta. CERN recibe la aprobación para un acelerador de particulas más poderoso y recorta el presupuesto para poder desarrollarlo. Web es uno de los proyectos que es traspasado al INRIA. El browser Mosaic es el más utilizado entonces. Jim Clark, fundador de Sillicon Graphics, colabora con Marc Andeersen para fundar Netscape. Andeersen había trabajado en Illinois en extender Mosaic. Ver http://www.blooberry.com/indexdot/history/netscape.htm 11. 1995: Comienza el boom: Explorer de Windows nace. 12. 1996: Los grandes medios electrónicos entran en Internet: CNN, Disney, Time-Warner 13. 1997: Comienza una avalancha de .COM 14. 1998: Netscape inicia el proyecto Mozilla 15. 2000: Derrumbe de las acciones de las .COM
  2. 2. CaracterísticasDiseño BásicoUn Sitio Web debe tener una homepage (página de inicio) de presentación a partir de la cual se pueda recorrer lainformación existente. El número de páginas depende del tipo de empresa y del material que se quiera presentar enla red. Además existen elementos que prestan mucha utilidad como lo son: un contador de visitantes o counter quese encuentra en la página inicial, gráfica que indique al navegante como ir a todos los puntos de la página y porsupuesto fotos, dibujos, que muestren los productos, proyectos, etc...Uso de FramesExisten diferentes diseños en cuanto al formato de la página web que va desde el más sencillo a más complejos comoaquellos donde se usan frames, marcos o divisiones.El uso de frames o divisiones de la pantalla es reciente ya que versiones antiguas de visualizadores de páginas web nosoportan este estilo (por ejemplo, sólo desde las versiones 2.0 de Netscape e Internet Explorer 3.0 ). Se trata dedividir la pantalla en dos o más sectores, distribuidos de la forma más conveniente, de manera de que cada divisiónse comporte independiente de las otras, pero con una relación entre si. Así se puede, por ejemplo, mantener unmenú de selección siempre disponible en una parte de la pantalla mientras que los cambios se realizan en la otraparte.Gráfica PersonalizadaLa gráfica es muy importante tanto de un punto de vista estético como de orientación al usuario. El uso de imágenesque indiquen como enviar correo electrónico, flechas que muestren como volver hacia la página anterior, botonescon leyendas de los temas que están incluidos en la página, son una forma útil de dar atractivo al sitio web.Si agregamos que esta gráfica puede incluir logos, productos, etc. que identifiquen a la empresa, hace que su páginaweb tenga un mayor efecto comunicacional.Página Web InteractivaSe refiere a que el usuario, mediante herramientas de comunicación contenidas en la página, pueda contactarse consu empresa. Estas herramientas son: 1. Correo electrónico: con esta se ofrece la posibilidad de comunicación directa entre la empresa y el usuario, dejando un espacio abierto donde enviar sugerencias, comentarios, pedir cotizaciones o cualquier otro tipo de información. 2. Formularios: mediante los formularios se puede guiar al usuario con el tipo de información que busca y a la vez generar bases de datos de potenciales clientes. Esta información puede ir directamente al correo electrónico de, por ejemplo, un ejecutivo de ventas. 3. Servicio en línea: esto significa dar la posibilidad al usuario de obtener información, comprar, realizar reservas, etc. directamente desde su página web y en forma automática. El sistema funciona mediante bases de datos y programas que hacen interactuar ésta con lo solicitado.AnimacionesLas animaciones hacen que su página sea más atractiva. Se pueden realizar en diferentes formatos como Gifanimados y Java. En nuestros proyectos siempre consideramos al menos una animación. Además agregamos otrastecnologías que no sólo aportan movimiento al sitio web, sino además utilidad práctica. Logos, elementos que sequieran destacar o de orientación pueden animarse.SonidoSonido en Internet es un área, al igual que el video, de reciente desarrollo. Para poder escuchar sonidos esimprescindible que el equipo cuente con una tarjeta de sonido.En General, se clasifican en tres tipos: a) Sonido (ambientes, eventos,..) b) Música (genera una atmósfera propicia para el mensaje) c) Voz (discursos, locuciones,..)
  3. 3. Aplicaciones aplicación web para crear pósteres digitales en los que incluiremos información esquemática sobre un tema con un diseño muy atractivo y primando lo visual. El valor añadido que aportan es que permiten insertar contenidos multimedia fácilmente. Tu Edublog en Blogger: en esta ficha didácTICa se ilustra se la creación de un Edublog, blog cuyo principal objetivo es apoyar el proceso de enseñanza aprendizaje en un contexto educativo. Documentos de texto en Google Docs: nos permite crear distintos tipos de documentos, trabajar en ellos con otros usuarios en tiempo real y almacenar archivos Formularios en Google Docs: podemos crear formularios sin necesidad de instalar programa alguno en nuestro equipo. Pueden ser creados desde las hojas de cálculo de Google Docs, pero Google ha optado por crear también una aplicación independiente para ello. Hoja de cálculo en Google Docs: Una hoja de cálculo es una aplicación que nos permite manipular datos numéricos y alfanuméricos pudiendo realizar cálculos con ellos. Tendremos la posibilidad de crear multitud de gráficos diferentes y trabajar incluso con mapas. Presentaciones en Google Docs: Todas las herramientas que necesitas para elaborar fantásticas presentaciones, junto con las funciones de edición para trabajar en colaboración y compartir el contenido, solo se ofrecen en la Web. WordPress es un sistema de gestión de contenido enfocado a la creación de blogs (sitios web periódicamente actualizados). Desarrollado en PHP y MySQL, bajo licencia GPL y código modificable. Presenta la posibilidad de crear blogs sin necesidad de instalación en un servidor propio.Cuadro comparativo de las características generales de la Web 1.0 y la Web 2.0 WEB 1.0 WEB 2.0 Información centralizada Información descentralizada Sitios con contenidos de alta y baja calidad Amplia diversidad en contenidos administrados por usuarios administrados por un webmaster Información poco actualizada Información en permanente cambio Softwares y aplicaciones que no requieren de su instalación en la PC para Softwares tradicionales utilizarlos Contenidos y sitios más bien estáticos Contenidos y sitios flexibles, en permanente transformación Diseño y producción a cargo de quienes conocen Diseño y producción sin necesidad de grandes conocimientos de sobre informática informática. Accesibles y prácticos. Sitios con fines diversos; en la mayoría de los casos, la construcción de Sitios con fines generalmente comerciales comunidades que comparten intereses, prácticas, información, etc. Software con licencias pagas Softwares gratuitos para el usuario Función: producir, diseñar, construir y compartir información en Función: difundir información diferentes soportes
  4. 4. EjemplosReferenciasHistoria de la WebTejedores de la Webhttp://tejedoresdelweb.com/w/Historia_de_la_WebCaracterísticas de la WebZonaWeb 1999-2000.©, Montevideo, Uruguayhttp://users.movinet.com.uy/~asec/zonaweb/caracteristicas.htmAplicaciones en la WebCEDEC (Centro Nacional de Desarrollo Curricular en Sistemas no Propietarios)http://cedec.ite.educacion.es/index.php/es/aplicaciones-en-la-webDe la web 1.0 a la web 2.0inmigrantesvirtualeshttp://inmigrantesvirtuales.blogia.com/2009/061101-de-la-web-1.0-a-la-web-2.0.phpCuadro comparativo (web 1.0 y web 2.0)CIC, Comunicación Integral Corporativahttp://perucic.blogspot.com/2010/04/cuadro-comparativo-web-10-y-web-20.html

×