SlideShare ist ein Scribd-Unternehmen logo
1 von 16
La web 1.0 es un tipo de web estática con documentos que jamás se
actualizaban y los contenidos dirigidos a la navegación HTML y GIF. En
ella se subían documentos que JAMAS se actualizaban lo cual era un
problema cuando la información era renovada o pasaban cosas que
hiciera que cambiaran los datos. Usaban un formato HTML para poder
guardar y crear las páginas, debido a que como no eran tantas se podía
llevar un registro acerca de lo que se subía a la Internet.
 Páginas estáticas en vez de dinámicas por el usuario que la visita.
 El uso de framesets o Marcos.
 Extensiones propias del HTML como <blink> y <marquee>, etiquetas
introducidas durante la guerra de navegadores web.
 Libros de visitas en línea o guestbooks
 Botones GIF, casi siempre a una resolución típica de 88x31 pixels en tamaño
promocionando navegadores web u otros productos.
 Formularios HTML enviados vía correo electrónico. Un usuario llenaba un
formulario y después de hacer clic se enviaba a través de un cliente de
correo electrónico, con el problema que en el código se podía observar los
detalles del envío del correo electrónico.
 No se podían añadir comentarios ni nada parecido
 Todas sus páginas se creaban de forma fija y muy pocas veces se
actualizaban.
 No se trata de una nueva versión, sino de una nueva forma de ver las cosas.
Ventajas:
 Los buscadores encuentran información relevante más fácilmente.
 Es mucho más sencillo hacer modificaciones al diseño o compartir
información.
 No se depende de un solo servicio para obtener información, sino que ésta
puede estar distribuida en varios sitios y juntarla en un tercero.
 La principal ventaja de la web semántica es el hecho de que dota de contenido
semántico a los documentos que coloca en internet. esto permite una mejor
organización de la información, mucho más definida, ya que se lleva a cabo a
través de conceptos.
Desventajas:
 El costoso y laborioso proceso de adaptar y reestructurar los documentos de
Internet para poder ser procesados de forma semántica. A los problemas
técnicos hay que sumas, por ejemplo, los problemas de idiomas.
 La complejidad de la codificación semántica, es necesario unificar los
estándares semánticos, otro laborioso proceso.
La Web 2.0 o Web social es una “denominación de origen” que se refiere a una
segunda generación en la historia de los sitios web. Su denominador común es
que están basados en el modelo de una comunidad de usuarios. Abarca una
amplia variedad de redes sociales, blogs, wikis y servicios multimedia
interconectados cuyo propósito es el intercambio ágil de información entre los
usuarios y la colaboración en la producción de contenidos. Todos estos sitios
utilizan la inteligencia colectiva para proporcionar servicios interactivos en la red
donde el usuario tiene control para publicar sus datos y compartirlos con los
demás
1. Navegación sea sencilla
A veces lo bonito atenta contra esto, ya que al querer diferenciarnos,
buscamos un diseño web profesional demasiado rebuscado, que sea
llamativo a la vista, pero puede que resulte difícil de navegar, cuando en
realidad lo que queremos es que la personas encuentren lo que está
buscando en la menor cantidad de clics posibles.
2. Un buen encabezado
Es lo primero que verán los usuarios al ingresar, por lo que debe incluir el
logotipo o nombre del sitio y, si es posible, mencionar qué es lo que se ofrece
en el sitio web 2.0. Dar una descripción clara de nuestros servicios o productos,
nunca está de más.
3. Imágenes y contenido destacados
En el mundo del diseño web 2.0 ya sabemos que las imágenes componen casi
un 100% y los consumidores, al adquirir un producto “no tangible” en ese
momento (a diferencia de cuando están comprando en una tienda), necesitan
tener una idea lo más parecida a la realidad posible.
Por ello, utiliza imágenes bonitas, llamativas, pero que sean reales e inspiren
confianza. No obstante, no nos olvidemos del contenido, que debe ser atractivo
y actual para que el que lea tenga aún más ganas de conocer qué es lo que tu
marca puede ofrecerle.
Si quieres que tu contenido destaque dentro de tu página web profesional o
corporativa, debes utilizar una tipografía llamativa pero a la vez sencilla de leer,
y resaltar algunas partes que quieras que se destaquen más que otras.
4. Botones de llamadas a la acción
No dejemos que el usuario adivine lo que tiene que hacer en cada caso, si duda
demasiado, terminará abandonando la página.
Muchas veces, el usuario llega a nuestro sitio web profesional desde otra web, y no
entra directamente a la “home”. No dejemos que se sienta perdido y guiémosle
hacia donde queremos. Hay que ser muy claro y concreto en lo que queremos que
el usuario haga.
5. Campo de búsqueda
Si tu sitio tiene mucho contenido e información, uno de las características de tu web
2.0 tendrá que ser necesariamente contener la casilla de búsqueda para que el
usuario encuentre fácilmente lo que necesita y todo lo que no está a la vista.
6. Landing Pages (Páginas de destino)
Para los que todavía no conocen lo que es esto, se trata de un sitio web de una sola
página a la que se accede a través de un banner u otro tipo de anuncio de algún
portal de Internet.
Aunque no es un elemento web estrictamente necesario, sí que es una herramienta
fundamental para realizar campañas y promociones online, ya que en ellas se suele
explicar más detalladamente el servicio o producto que se ofrece.
7. Opiniones de usuarios/clientes
Siempre es importante destinar un espacio en todo diseño web profesional, tanto
para destacar testimonios de usuarios de nuestros productos o servicios, tanto
como para incluir logos de empresas (si son conocidas mejor) que confiaron en
nuestros servicios.
Esto aporta muchísima credibilidad e imagen corporativa, debido a la confianza
que genera en el usuario que todavía no conoce la marca y se acerca al sitio web
2.0 por primera vez.
8. Información de contacto y botones de redes sociales
Esto puede parecer algo obvio para algunos, pero muchas veces, a la hora de tratar
las características de nuestra web corporativa, se nos pasa por alto actualizar la
información de contacto, lo que puede hacernos perder muchos clientes si a la
hora de ponerse en contacto con nosotros no encuentran un número o un email
correcto.
Y qué decir de las redes sociales, aunque ya hemos hablado muchísimo de esto, es
muy importante incluir links a nuestra página de Facebook o Twitter (por
mencionar las más populares). Además, deben ser perfiles actualizados, ya que de
nada sirve que el cliente linkee a un Facebook cuya última actualización data de 3
meses atrás.
9. Diseño responsive
Diríamos que ya es casi imposible para una empresa que quiere tener
una buena reputación en el ámbito 2.0 manejarse sin un diseño web
responsive. Tu página web profesional tiene que poder visualizarse
correctamente en todos los dispositivos (ya sea una tablet, un
smartphone, una pc de escritorio, etc.).
Básicamente, debemos brindarle al usuario una buena experiencia de
navegación, navegue desde donde navegue. Fundamental, ¿no crees?
10. Tener en cuenta el factor SEO
Al mismo tiempo que nos preocupamos por el tener diseño web a medida
que sea atractivo para la generación 2.0, debemos procurar que nuestro
sitio web esté creado para favorecer su buen posicionamiento SEO.
Para esto, contrataremos a un experto en SEO que sepa guiarnos en este
punto, teniendo en cuenta el nombre del dominio, el contenido, cómo está
distribuido, etc.
Si tu página web está en funcionamiento, puedes guiarte por estos puntos
y analizarlos uno a uno. Siempre hay cosas por mejorar, y eso es lo
bueno de Internet y el mundo online, que nos sirven de guía para pensar
si vamos por el buen camino o qué debemos modificar.
 Es un buen método para la realización de trabajos de creación, investigación y
desarrollo de la capacidad para comunicar.
 Las herramientas colaborativas, generan por si solas equipos de trabajo.
- Abre nuevos espacios de comunicación entre profesores, alumnos, familias,..
 Aumenta las capacidades sociales y de colaboración humana.
- Las herramientas de la web 2.0 son “fáciles” y esto requiere poco tiempo de
aprendizaje.
 Es divertido.
 Fomenta el aprendizaje constructivista.
 Es una forma de romper los muros del aula. Lo que se hace en clase se continúa
trabajando desde casa o desde otros espacios.
 - Publicar, saberse leído/a, comentado/a y observado resulta estimulante.
- No se aprende escuchando.
 Los “nativos digitales” ya han alcanzado la competencia digital.
 Desconfianza que se genera ante la falta de comunicación entre el
profesor y los alumnos, sobre todo en el proceso de evaluación del
aprendizaje del alumno.
 Eliminación de la interacción social física. Requiere equipos y recursos
técnicos.
 - Más comodidad menos intimidad.
La web 3.0 es la web semántica, la web de la nube, la web de las
aplicaciones y la web multidispositivo. Hoy en día ya no solamente
utilizamos ordenadores para conectarnos a Internet. Los tablets, los
smartphones, e incluso los mapas interactivos, algunas tiendas, y en un
futuro no lejano la automoción estará consumiendo Internet.
La web 3.0 se presenta como una web inteligente (aunque creemos que
para esto aun falta bastante), y principalmente aprovecha la nube para
prestar servicios al usuario y eliminar su necesidad de disponer de
sistemas operativos complejos y grandes discos duros para almacenar su
información.
Y volviendo al principio, es curioso que tras casi 20 años de internet,
haya aún hoy en día tantas empresas que siguen torciendo la cara a
internet.
Inteligencia. El proyecto de la red semántica conocida como la Web 3.0, pretende crear
un método para clasificar las páginas de internet, un sistema de etiquetado que no solo
permita a los buscadores encontrar la información en la red sino entenderla. Al
conseguir este objetivo, el usuario podrá acudir a la Web para preguntar en su lengua y
sin necesidad de claves por un determinado asunto. La web aprenderá del resultado de
las búsquedas para próximas operaciones.
Sociabilidad. Las comunidades sociales se hacen más exclusivas y complejas. Crecen las
redes sociales y el número de formas en que se conectan a sus miembros. Empieza a
considerarse normal que una persona tenga varias identidades en su vida virtual y se
planteé incluso la posibilidad de poder migrar la identidad de una red a otra.
Rapidez. La transmisión de video en la red y el nacimiento de portales dedicados a esta
tarea, como YouTube, son posibles con gracias a las rápidas conexiones de los usuarios.
Las principales operadores de telecomunicaciones han empezado a implementar la fibra
óptica hacia los usuarios con anchos de banda de hasta 3Mbps de ADSL que se
convertirán en velocidades que irán de 30Mbps a 1000 Mbps.
Abierta. El software libre, los estándares y las licencias Cretive Commons, se han
convertido en habituales en internet. La información se distribuye libremente por la
web, impidiendo que un solo dueño se apropie de ella. La plusvalía de la propiedad sobre
la información se pierde a favor de un uso más democrático.
Ubicuidad. Los computadores personales se van volviendo obsoletos debido a la
multifuncionalidad de los teléfonos móviles y otros dispositivos portátiles. Con la
aparición del correo electrónico en las Blackberry en el escritorio se espera que Apple y
¡Phone incluyan la web. Las pequeñas pantallas crecen en tamaño y resolución
permitiendo mejor visualización del contenido web. El alcance de las redes inalámbricas
y de telefonía de última generación se multiplica ampliando la cobertura de la red.
Facilidad. Los internautas que visitan un sitio web deben emplear cierto tiempo en
conocerlo aprender a usarlo. Las nuevas tendencias de diseño buscan estándares hacia
una Web más homogénea en sus funciones y más fácil de reconocer, además de crear
espacios que el usuario pueda configurar a su gusto.
Distribución. Los programas y la información se convierten en pequeñas piezas
distribuidas por la Web y capaces de trabajar conjuntamente. Los internautas pueden
coger y mezclar estas piezas para realizar una determinada tarea. La Web se convierte
así, en un enorme espacio ejecutable a modo de un computador universal. Los sistemas
de computación distribuida- sistemas que unen las potencia de muchos computadores
en una sola entidad.- se convierten en una opción habitual de los sistemas operativos.
Tridimensionalidad. Los espacios tridimensionales, en forma de mundos virtuales en
forma de juegos y tele presencialidad serán cada vez más habituales. Aparecerán nuevos
dispositivos para moverse por la Web, diferentes al teclado, al ratón y alos lápices
ópticos.
Ventajas:
Los buscadores encuentran información relevante más fácilmente.
•Es mucho más sencillo hacer modificaciones al diseño o compartir información.
•No se depende de un solo servicio para obtener información, sino que ésta puede
estar distribuida en varios sitios y juntarla en un tercero.
•La principal ventaja de la web semántica es el hecho de que dota de contenido
semántico a los documentos que coloca en internet. esto permite una mejor
organización de la información, mucho más definida, ya que se lleva a cabo a
través de conceptos.
•Desventajas:
El costoso y laborioso proceso de adaptar y reestructurar los documentos de
Internet para poder ser procesados de forma semántica. A los problemas técnicos
hay que sumas, por ejemplo, los problemas de idiomas.
•La complejidad de la codificación semántica, es necesario unificar los estándares
semánticos, otro laborioso proceso.

Weitere ähnliche Inhalte

Was ist angesagt?

Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0ElidaRamona
 
Trabajo final de infotecnologia para el aprendizaje......
Trabajo final de infotecnologia para el aprendizaje......Trabajo final de infotecnologia para el aprendizaje......
Trabajo final de infotecnologia para el aprendizaje......VictorYoelkisTorresP
 
Trabajo final de infotecnologia para el aprendizaje
Trabajo final de infotecnologia para el aprendizaje Trabajo final de infotecnologia para el aprendizaje
Trabajo final de infotecnologia para el aprendizaje YamilesFiordaliza
 
Proyecto final de infotecnologia para el aprendizaje
Proyecto final de infotecnologia para el aprendizajeProyecto final de infotecnologia para el aprendizaje
Proyecto final de infotecnologia para el aprendizajeYoliennyViolaReyes
 
Tarea 9 de infotecnologia para el aprendizaje j
Tarea 9 de infotecnologia para el aprendizaje jTarea 9 de infotecnologia para el aprendizaje j
Tarea 9 de infotecnologia para el aprendizaje jjeidyLibanezaAdamesG
 
Tarea 10 de infotecnologia para el aprendizaje k
Tarea 10 de infotecnologia para el aprendizaje kTarea 10 de infotecnologia para el aprendizaje k
Tarea 10 de infotecnologia para el aprendizaje kkeyraDesireePrezHerb
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)iMaryferGaitan
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas webRita Menendez
 
Posicionar tu marca session 3
Posicionar tu marca session 3Posicionar tu marca session 3
Posicionar tu marca session 3Caro Fletcher
 

Was ist angesagt? (19)

Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0
 
Trabajo final de infotecnologia para el aprendizaje......
Trabajo final de infotecnologia para el aprendizaje......Trabajo final de infotecnologia para el aprendizaje......
Trabajo final de infotecnologia para el aprendizaje......
 
Trabajo final de infotecnologia para el aprendizaje
Trabajo final de infotecnologia para el aprendizaje Trabajo final de infotecnologia para el aprendizaje
Trabajo final de infotecnologia para el aprendizaje
 
Tarea 6 de recursos didacticos
Tarea 6 de recursos didacticosTarea 6 de recursos didacticos
Tarea 6 de recursos didacticos
 
Proyecto final de infotecnologia para el aprendizaje
Proyecto final de infotecnologia para el aprendizajeProyecto final de infotecnologia para el aprendizaje
Proyecto final de infotecnologia para el aprendizaje
 
Tarea 9 de infotecnologia para el aprendizaje j
Tarea 9 de infotecnologia para el aprendizaje jTarea 9 de infotecnologia para el aprendizaje j
Tarea 9 de infotecnologia para el aprendizaje j
 
Informe[2]
Informe[2]Informe[2]
Informe[2]
 
Tarea ix infotecnologia
Tarea ix infotecnologiaTarea ix infotecnologia
Tarea ix infotecnologia
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Tarea 10 de infotecnologia para el aprendizaje k
Tarea 10 de infotecnologia para el aprendizaje kTarea 10 de infotecnologia para el aprendizaje k
Tarea 10 de infotecnologia para el aprendizaje k
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Páginas web
Páginas webPáginas web
Páginas web
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
La web
La web La web
La web
 
Posicionar tu marca session 3
Posicionar tu marca session 3Posicionar tu marca session 3
Posicionar tu marca session 3
 

Ähnlich wie La evolución de la web: de la estática Web 1.0 a la inteligente Web 3.0

Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0WintonRafael
 
Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0WintonRafael
 
Que es la web 2.0
Que es la web 2.0Que es la web 2.0
Que es la web 2.0dannagp13
 
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoBenjaminBentez
 
Trabajo final de infotecnologia para el aprendizaje......
Trabajo final de infotecnologia para el aprendizaje......Trabajo final de infotecnologia para el aprendizaje......
Trabajo final de infotecnologia para el aprendizaje......AironManuelPaniagua
 
Maria jose cortez
Maria jose cortezMaria jose cortez
Maria jose cortezmajocor245
 
Paginas web y blogs
Paginas web y blogsPaginas web y blogs
Paginas web y blogsLina Pico
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informaticaEliasib Silva
 

Ähnlich wie La evolución de la web: de la estática Web 1.0 a la inteligente Web 3.0 (20)

La Web 2.0
La Web 2.0La Web 2.0
La Web 2.0
 
Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0
 
Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0Trabajo final de infotecnologia para el aprendizaje la web 2.0
Trabajo final de infotecnologia para el aprendizaje la web 2.0
 
Actividad 9 web 2.0
Actividad 9   web 2.0Actividad 9   web 2.0
Actividad 9 web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Que es la web 2.0
Que es la web 2.0Que es la web 2.0
Que es la web 2.0
 
Paola
PaolaPaola
Paola
 
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimiento
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Web corporativa
Web corporativaWeb corporativa
Web corporativa
 
Trabajo final de infotecnologia para el aprendizaje......
Trabajo final de infotecnologia para el aprendizaje......Trabajo final de infotecnologia para el aprendizaje......
Trabajo final de infotecnologia para el aprendizaje......
 
Maria jose cortez
Maria jose cortezMaria jose cortez
Maria jose cortez
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Paginas web y blogs
Paginas web y blogsPaginas web y blogs
Paginas web y blogs
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
La web
La webLa web
La web
 
La web
La webLa web
La web
 

Kürzlich hochgeladen

PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxPPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxNeymaRojasperez1
 
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfLAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfwilangelfmendoza
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLAderMogollonLuna
 
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptxTEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptxGilbertoGutierrezRiv
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfMiguelGomez900779
 
Formulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptxFormulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptxAmerAlBarkawi
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxDanmherJoelAlmironPu
 

Kürzlich hochgeladen (7)

PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxPPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
 
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfLAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptxTEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
TEMA #1 EXPLOTACIONES PORCINAS EN VENEZUELA 1er tema.pptx
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
 
Formulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptxFormulacion del modelo de Programacion Lineal - copia.pptx
Formulacion del modelo de Programacion Lineal - copia.pptx
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptx
 

La evolución de la web: de la estática Web 1.0 a la inteligente Web 3.0

  • 1.
  • 2. La web 1.0 es un tipo de web estática con documentos que jamás se actualizaban y los contenidos dirigidos a la navegación HTML y GIF. En ella se subían documentos que JAMAS se actualizaban lo cual era un problema cuando la información era renovada o pasaban cosas que hiciera que cambiaran los datos. Usaban un formato HTML para poder guardar y crear las páginas, debido a que como no eran tantas se podía llevar un registro acerca de lo que se subía a la Internet.
  • 3.  Páginas estáticas en vez de dinámicas por el usuario que la visita.  El uso de framesets o Marcos.  Extensiones propias del HTML como <blink> y <marquee>, etiquetas introducidas durante la guerra de navegadores web.  Libros de visitas en línea o guestbooks  Botones GIF, casi siempre a una resolución típica de 88x31 pixels en tamaño promocionando navegadores web u otros productos.  Formularios HTML enviados vía correo electrónico. Un usuario llenaba un formulario y después de hacer clic se enviaba a través de un cliente de correo electrónico, con el problema que en el código se podía observar los detalles del envío del correo electrónico.  No se podían añadir comentarios ni nada parecido  Todas sus páginas se creaban de forma fija y muy pocas veces se actualizaban.  No se trata de una nueva versión, sino de una nueva forma de ver las cosas.
  • 4. Ventajas:  Los buscadores encuentran información relevante más fácilmente.  Es mucho más sencillo hacer modificaciones al diseño o compartir información.  No se depende de un solo servicio para obtener información, sino que ésta puede estar distribuida en varios sitios y juntarla en un tercero.  La principal ventaja de la web semántica es el hecho de que dota de contenido semántico a los documentos que coloca en internet. esto permite una mejor organización de la información, mucho más definida, ya que se lleva a cabo a través de conceptos. Desventajas:  El costoso y laborioso proceso de adaptar y reestructurar los documentos de Internet para poder ser procesados de forma semántica. A los problemas técnicos hay que sumas, por ejemplo, los problemas de idiomas.  La complejidad de la codificación semántica, es necesario unificar los estándares semánticos, otro laborioso proceso.
  • 5. La Web 2.0 o Web social es una “denominación de origen” que se refiere a una segunda generación en la historia de los sitios web. Su denominador común es que están basados en el modelo de una comunidad de usuarios. Abarca una amplia variedad de redes sociales, blogs, wikis y servicios multimedia interconectados cuyo propósito es el intercambio ágil de información entre los usuarios y la colaboración en la producción de contenidos. Todos estos sitios utilizan la inteligencia colectiva para proporcionar servicios interactivos en la red donde el usuario tiene control para publicar sus datos y compartirlos con los demás
  • 6. 1. Navegación sea sencilla A veces lo bonito atenta contra esto, ya que al querer diferenciarnos, buscamos un diseño web profesional demasiado rebuscado, que sea llamativo a la vista, pero puede que resulte difícil de navegar, cuando en realidad lo que queremos es que la personas encuentren lo que está buscando en la menor cantidad de clics posibles.
  • 7. 2. Un buen encabezado Es lo primero que verán los usuarios al ingresar, por lo que debe incluir el logotipo o nombre del sitio y, si es posible, mencionar qué es lo que se ofrece en el sitio web 2.0. Dar una descripción clara de nuestros servicios o productos, nunca está de más. 3. Imágenes y contenido destacados En el mundo del diseño web 2.0 ya sabemos que las imágenes componen casi un 100% y los consumidores, al adquirir un producto “no tangible” en ese momento (a diferencia de cuando están comprando en una tienda), necesitan tener una idea lo más parecida a la realidad posible. Por ello, utiliza imágenes bonitas, llamativas, pero que sean reales e inspiren confianza. No obstante, no nos olvidemos del contenido, que debe ser atractivo y actual para que el que lea tenga aún más ganas de conocer qué es lo que tu marca puede ofrecerle. Si quieres que tu contenido destaque dentro de tu página web profesional o corporativa, debes utilizar una tipografía llamativa pero a la vez sencilla de leer, y resaltar algunas partes que quieras que se destaquen más que otras.
  • 8. 4. Botones de llamadas a la acción No dejemos que el usuario adivine lo que tiene que hacer en cada caso, si duda demasiado, terminará abandonando la página. Muchas veces, el usuario llega a nuestro sitio web profesional desde otra web, y no entra directamente a la “home”. No dejemos que se sienta perdido y guiémosle hacia donde queremos. Hay que ser muy claro y concreto en lo que queremos que el usuario haga. 5. Campo de búsqueda Si tu sitio tiene mucho contenido e información, uno de las características de tu web 2.0 tendrá que ser necesariamente contener la casilla de búsqueda para que el usuario encuentre fácilmente lo que necesita y todo lo que no está a la vista. 6. Landing Pages (Páginas de destino) Para los que todavía no conocen lo que es esto, se trata de un sitio web de una sola página a la que se accede a través de un banner u otro tipo de anuncio de algún portal de Internet. Aunque no es un elemento web estrictamente necesario, sí que es una herramienta fundamental para realizar campañas y promociones online, ya que en ellas se suele explicar más detalladamente el servicio o producto que se ofrece.
  • 9. 7. Opiniones de usuarios/clientes Siempre es importante destinar un espacio en todo diseño web profesional, tanto para destacar testimonios de usuarios de nuestros productos o servicios, tanto como para incluir logos de empresas (si son conocidas mejor) que confiaron en nuestros servicios. Esto aporta muchísima credibilidad e imagen corporativa, debido a la confianza que genera en el usuario que todavía no conoce la marca y se acerca al sitio web 2.0 por primera vez. 8. Información de contacto y botones de redes sociales Esto puede parecer algo obvio para algunos, pero muchas veces, a la hora de tratar las características de nuestra web corporativa, se nos pasa por alto actualizar la información de contacto, lo que puede hacernos perder muchos clientes si a la hora de ponerse en contacto con nosotros no encuentran un número o un email correcto. Y qué decir de las redes sociales, aunque ya hemos hablado muchísimo de esto, es muy importante incluir links a nuestra página de Facebook o Twitter (por mencionar las más populares). Además, deben ser perfiles actualizados, ya que de nada sirve que el cliente linkee a un Facebook cuya última actualización data de 3 meses atrás.
  • 10. 9. Diseño responsive Diríamos que ya es casi imposible para una empresa que quiere tener una buena reputación en el ámbito 2.0 manejarse sin un diseño web responsive. Tu página web profesional tiene que poder visualizarse correctamente en todos los dispositivos (ya sea una tablet, un smartphone, una pc de escritorio, etc.). Básicamente, debemos brindarle al usuario una buena experiencia de navegación, navegue desde donde navegue. Fundamental, ¿no crees? 10. Tener en cuenta el factor SEO Al mismo tiempo que nos preocupamos por el tener diseño web a medida que sea atractivo para la generación 2.0, debemos procurar que nuestro sitio web esté creado para favorecer su buen posicionamiento SEO. Para esto, contrataremos a un experto en SEO que sepa guiarnos en este punto, teniendo en cuenta el nombre del dominio, el contenido, cómo está distribuido, etc. Si tu página web está en funcionamiento, puedes guiarte por estos puntos y analizarlos uno a uno. Siempre hay cosas por mejorar, y eso es lo bueno de Internet y el mundo online, que nos sirven de guía para pensar si vamos por el buen camino o qué debemos modificar.
  • 11.  Es un buen método para la realización de trabajos de creación, investigación y desarrollo de la capacidad para comunicar.  Las herramientas colaborativas, generan por si solas equipos de trabajo. - Abre nuevos espacios de comunicación entre profesores, alumnos, familias,..  Aumenta las capacidades sociales y de colaboración humana. - Las herramientas de la web 2.0 son “fáciles” y esto requiere poco tiempo de aprendizaje.  Es divertido.  Fomenta el aprendizaje constructivista.  Es una forma de romper los muros del aula. Lo que se hace en clase se continúa trabajando desde casa o desde otros espacios.  - Publicar, saberse leído/a, comentado/a y observado resulta estimulante. - No se aprende escuchando.  Los “nativos digitales” ya han alcanzado la competencia digital.
  • 12.  Desconfianza que se genera ante la falta de comunicación entre el profesor y los alumnos, sobre todo en el proceso de evaluación del aprendizaje del alumno.  Eliminación de la interacción social física. Requiere equipos y recursos técnicos.  - Más comodidad menos intimidad.
  • 13. La web 3.0 es la web semántica, la web de la nube, la web de las aplicaciones y la web multidispositivo. Hoy en día ya no solamente utilizamos ordenadores para conectarnos a Internet. Los tablets, los smartphones, e incluso los mapas interactivos, algunas tiendas, y en un futuro no lejano la automoción estará consumiendo Internet. La web 3.0 se presenta como una web inteligente (aunque creemos que para esto aun falta bastante), y principalmente aprovecha la nube para prestar servicios al usuario y eliminar su necesidad de disponer de sistemas operativos complejos y grandes discos duros para almacenar su información. Y volviendo al principio, es curioso que tras casi 20 años de internet, haya aún hoy en día tantas empresas que siguen torciendo la cara a internet.
  • 14. Inteligencia. El proyecto de la red semántica conocida como la Web 3.0, pretende crear un método para clasificar las páginas de internet, un sistema de etiquetado que no solo permita a los buscadores encontrar la información en la red sino entenderla. Al conseguir este objetivo, el usuario podrá acudir a la Web para preguntar en su lengua y sin necesidad de claves por un determinado asunto. La web aprenderá del resultado de las búsquedas para próximas operaciones. Sociabilidad. Las comunidades sociales se hacen más exclusivas y complejas. Crecen las redes sociales y el número de formas en que se conectan a sus miembros. Empieza a considerarse normal que una persona tenga varias identidades en su vida virtual y se planteé incluso la posibilidad de poder migrar la identidad de una red a otra. Rapidez. La transmisión de video en la red y el nacimiento de portales dedicados a esta tarea, como YouTube, son posibles con gracias a las rápidas conexiones de los usuarios. Las principales operadores de telecomunicaciones han empezado a implementar la fibra óptica hacia los usuarios con anchos de banda de hasta 3Mbps de ADSL que se convertirán en velocidades que irán de 30Mbps a 1000 Mbps. Abierta. El software libre, los estándares y las licencias Cretive Commons, se han convertido en habituales en internet. La información se distribuye libremente por la web, impidiendo que un solo dueño se apropie de ella. La plusvalía de la propiedad sobre la información se pierde a favor de un uso más democrático.
  • 15. Ubicuidad. Los computadores personales se van volviendo obsoletos debido a la multifuncionalidad de los teléfonos móviles y otros dispositivos portátiles. Con la aparición del correo electrónico en las Blackberry en el escritorio se espera que Apple y ¡Phone incluyan la web. Las pequeñas pantallas crecen en tamaño y resolución permitiendo mejor visualización del contenido web. El alcance de las redes inalámbricas y de telefonía de última generación se multiplica ampliando la cobertura de la red. Facilidad. Los internautas que visitan un sitio web deben emplear cierto tiempo en conocerlo aprender a usarlo. Las nuevas tendencias de diseño buscan estándares hacia una Web más homogénea en sus funciones y más fácil de reconocer, además de crear espacios que el usuario pueda configurar a su gusto. Distribución. Los programas y la información se convierten en pequeñas piezas distribuidas por la Web y capaces de trabajar conjuntamente. Los internautas pueden coger y mezclar estas piezas para realizar una determinada tarea. La Web se convierte así, en un enorme espacio ejecutable a modo de un computador universal. Los sistemas de computación distribuida- sistemas que unen las potencia de muchos computadores en una sola entidad.- se convierten en una opción habitual de los sistemas operativos. Tridimensionalidad. Los espacios tridimensionales, en forma de mundos virtuales en forma de juegos y tele presencialidad serán cada vez más habituales. Aparecerán nuevos dispositivos para moverse por la Web, diferentes al teclado, al ratón y alos lápices ópticos.
  • 16. Ventajas: Los buscadores encuentran información relevante más fácilmente. •Es mucho más sencillo hacer modificaciones al diseño o compartir información. •No se depende de un solo servicio para obtener información, sino que ésta puede estar distribuida en varios sitios y juntarla en un tercero. •La principal ventaja de la web semántica es el hecho de que dota de contenido semántico a los documentos que coloca en internet. esto permite una mejor organización de la información, mucho más definida, ya que se lleva a cabo a través de conceptos. •Desventajas: El costoso y laborioso proceso de adaptar y reestructurar los documentos de Internet para poder ser procesados de forma semántica. A los problemas técnicos hay que sumas, por ejemplo, los problemas de idiomas. •La complejidad de la codificación semántica, es necesario unificar los estándares semánticos, otro laborioso proceso.