ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

Lectura Nro. 01 Diseo Web El diseo Web va ms all del diseo tradicional pues existen muchos limitadores relacionados con el medio donde se presentan las pginas: Internet. El diseo grfico de una pgina Web es tan solo una parte del diseo de la misma, ya que, adems, hay que considerar un conjunto ms o menos extenso de condicionantes que van a limitar la libre creatividad del diseador. En primer lugar, las pginas Web se deben descargar de un servidor Web remoto por medio de Internet, por lo que el ancho de banda de las conexiones de los usuarios va a ser un factor clave en la velocidad de visualizacin. La mayora de los usuarios se conectan todava a Internet con un mdem, con velocidades tericas de 56 Kbps, aunque en realidad no supera los 1015 Kbps en el mejor de los casos. Los elementos grficos, ya tengan formato de mapa de bits o vectorial, suelen traducirse en ficheros de bastante peso, dependiendo del tamao de la imagen y del formato en que se guarde. Esto origina que las pginas que contienen en su diseo muchas imgenes, o pocas pero de gran tamao, tarden mucho tiempo en ser descargadas desde el servidor Web y presentadas en la ventana del ordenador del usuario, que no suele ser muy paciente. Estudios realizados demuestran que el tiempo mximo de aguante de una persona que espera la descarga de una pgina suele ser de unos 10 segundos, pasados los cuales prefiere abandonar nuestro sitio Web y buscar otro ms rpido. Por lo tanto, el nmero de elementos grficos que podemos introducir en una pgina Web queda bastante limitado, teniendo que buscar alternativas mediante el uso imaginativo de fuentes y colores. Otro aspecto a tener en cuenta es que las pginas Web son visualizadas en unas aplicaciones especficas, los navegadores Web, que imponen grandes limitaciones al diseo de las mismas. La ventana de un navegador es eminentemente rectangular, con unas medidas concretas (dadas por la resolucin empleada por el usuario en su monitor) y con unas capacidades de interpretacin de colores que varan mucho segn el ordenador usado, el sistema operativo, el monitor y la tarjeta grfica. La importancia de la resolucin de pantalla sobre la forma de ser visualizadas las pginas Web en la ventana del navegador es muy importante. A mayor resolucin se dispone de ms puntos de informacin para presentar los Elementos en pantalla, pero estos puntos son ms pequeos, con lo que los elementos de la interfaz (textos, imgenes, objetos de formulario, etc.) se ven ms pequeos.

Si diseamos una pgina para una resolucin dada, ocupando toda la ventana del navegador, aquellos usuarios que la visualicen a resoluciones menores no tendrn espacio en pantalla para contener toda la pgina, por lo que se vern obligados a usar las barras de desplazamiento del navegador. Por el contrario, aquellos usuarios que la visualicen a resoluciones mayores tendrn demasiado espacio en pantalla para tan poca pgina, por lo que les quedar bastante espacio vaco, sin contenidos. Para solucionar estas diferencias, lo normal es que se diseen las pginas Web para una resolucin base, generalmente la ms usada en la actualidad (800x600), y se construyan internamente mediante tablas o capas de tamaos relativos, con anchuras definidas en %, con lo que se consigue que al ser visualizadas en monitores de ms resolucin se "abran", ocupando todo el espacio de pantalla disponible. Estos factores imponen fuertes limitaciones al diseador Web, que debe buscar siempre que sus pginas puedan ser visualizadas correctamente por el mayor nmero de usuarios. En segundo lugar, los navegadores existentes en el mercado tienen una forma particular de presentar el contenido de las pginas. Internet Explorer interpreta en muchas ocasiones una pgina Web de forma muy diferente a Netscape Navigator. Para intentar solventar estas diferencias, el diseador Web debe trabajar a la vez con varios navegadores, diseando sus pginas de tal forma que la interpretacin de ellas sea similar en todos, lo que impone nuevas limitaciones al diseo. Por otra parte, una pgina Web no es un diseo grfico esttico, sino que contiene diferentes elementos que tienen la capacidad de interaccionar con el usuario, como mens de navegacin, enlaces, formularios, etc. Adems, una pgina aislada no existe, sino que forma parte de un conjunto de pginas interrelacionadas entre s (el sitio Web), que deben resentarse al usuario con el mismo estilo, aunque su funcionalidad sea muy diferente. A esto hay que sumar que las pginas diseadas deben luego construirse en un lenguaje especfico, el HTML, que por s mismo es muy limitado, lo que hace que el diseador Web tenga que estar siempre pensando si la interfase que est diseando grficamente va a poder ser luego construida. Por ltimo, una pgina Web suele ocultar, en la mayora de los casos, una serie de procesos complejos que se ejecutan sin que el usuario sea consciente de ellos (ejecucin de cdigos de lenguajes de programacin tanto en cliente como en servidor, acceso a bases de datos en servidores remotos, etc.), procesos que aaden tiempo a la presentacin de las pginas y que muchas veces suelen afectar de forma importante al diseo de estas, ya que el diseador no sabe de antemano qu contenidos concretos van a tener. Es fundamental saber que Internet no es una conferencia telefnica, un CDROM o televisin a la carta. La Red sufre limitaciones propias y disfruta tambin de posibilidades ms extensas y personales. As, cuando diseamos nuestros sitios Web, debemos entender que el visitante no espera lo mismo de nuestras pginas que de un programa de TV, incluso aunque ambos traten el mismo tema. Tomemos por ejemplo un documental sobre los elefantes africanos. imaginemos a un

ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

ciudadano muy interesado en dichos animales, que en un momento del da debe elegir entre ver la vida de los elefantes en televisin, o buscar informacin en Internet a propsito de lo mismo. Nosotros tenemos la obligacin de disear una pgina Web al respecto. Tomaramos inspiracin de la televisin? Quizs alguna, pero si sabemos lo que nos conviene, no pasaramos de ah. Por ejemplo, la tele se encuentra a un mnimo de dos metros del televidente el monitor de la computadora, a unos palmos el texto debe ser estrecho para no irritar al navegante. En la tele eso da igual. A la tele tambin le es indiferente mostrar cientos de tomas, cientos de perspectivas y cientos de sonidos emitidos por los elefantes africanos. El Web apenas podra hacer eso, en condiciones estndar de conexiones de 56kb. Pero nosotros podemos crear enlaces a pginas que traten todas y cada una de las costumbres del enorme paquidermo. La televisin, no. Hay ms cosas, cierto. El diseo enfocado a la Red suele ser hijo de la receptividad, como cualquier otro tipo de diseo. Ms all del aprendizaje tcnico, que consiste en leer informaciones a veces aburridas y engorrosas, existe un modo complementario y muy excitante de aprender que tiene que ver desde el diseo grfico de los sitios Web, desde las imgenes que incluyen y que a veces definen su identidad, hasta la manera en que escriben sus textos. Los textos deben ser sugestivos, esclarecedores o enigmticos, pero siempre llamativos y eficientes. Resumiendo: el diseo Web va ms all del diseo grfico, al influir en l multitud de factores que limitan las posibilidades del diseo, pero tambin otros que aaden interactividad y funcionalidades a una pgina Web que no tiene un cartel, folleto o revista. Elementos de un WebSite Elementos para tener en cuenta sobre un WebSite 1. Anticipacin, el sitio Web debe anticiparse a las necesidades del usuario. 2. Autonoma, los usuarios deben tener el control sobre el sitio Web. Los usuarios sienten que controlan un sitio Web si conocen su situacin en un entorno abarcable y no infinito. 3. Los colores han de utilizarse con precaucin para no dificultar el acceso a los usuarios con problemas de distincin de colores (aprox. un 15% del total). 4. Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su aprendizaje previo. 5. Eficiencia del usuario, los sitios Web se deben centrar en la productividad del usuario, no en la del propio sitio Web. Por ejemplo, en ocasiones tareas con mayor nmero de pasos son ms rpidas de realizar para una persona que otras tareas con menos pasos, pero ms complejas. 6. Reversibilidad, un sitio Web ha de permitir deshacer las acciones realizadas. 7. Ley de Fitts indica que el tiempo para alcanzar un objetivo con el ratn esta en funcin de la distancia y el tamao del objetivo. A menor distancia y mayor tamao ms fcilidad para usar un mecanismo de interaccin. 8. Reduccin del tiempo de latencia. Hace posible optimizar el tiempo de espera del usuario, permitiendo la realizacin de otras tareas mientras se completa la previa e informando al usuario del tiempo pendiente para la finalizacin de la tarea. 9. Aprendizaje, los sitios Web deben requerir un mnimo proceso de aprendizaje y deben poder ser utilizados desde el primer momento. 10. El uso adecuado de metforas facilita el aprendizaje de un sitio Web, pero un uso inadecuado de estas puede dificultar enormemente el aprendizaje. 11. La proteccin del trabajo de los usuarios es prioritario, se debe asegurar que los usuarios nunca pierden su trabajo como consecuencia de un error. 12. Legibilidad, el color de los textos debe contrastar con el del fondo, y el tamao de fuente debe ser suficientemente grande. 13. Seguimiento de las acciones del usuario. Conociendo y almacenando informacin sobre su comportamiento previo se ha de permitir al usuario realizar operaciones frecuentes de manera ms rpida. 14. Interfaz visible. Se deben evitar elementos invisibles de navegacin que han de ser inferidos por los usuarios, mens desplegables, indicaciones ocultas, etc. Otros elementos: a) Los usuarios deben ser capaces de alcanzar sus objetivos con un mnimo esfuerzo y unos resultados mximos. b) Un sitio Web no ha de tratar al usuario de manera hostil. Cuando el usuario comete un error el sistema ha de solucionar el problema, o en su defecto sugerir varias soluciones posibles, pero no emitir respuestas que meramente informen del error culpando al usuario. c) En ningn caso un sitio Web puede venirse abajo o producir un resultado inesperado. Por ejemplo no deben existir enlaces rotos. d) Un sitio Web debe ajustarse a los usuarios. La libertad en el uso de un sitio Web es un trmino peligroso, cuanto mayor sea el nmero de acciones que un usuario pueda realizar, mayor es la probabilidad que cometa un error. Limitando el nmero de acciones al pblico objetivo se facilita el uso de un sitio Web. e) Los usuarios no deben sufrir sobrecarga de informacin. Cuando un usuario visita un sitio Web y no sabe donde comenzar a leer, existe sobrecarga de informacin. f) Un sitio Web debe ser consistente en todos los pasos del proceso. Aunque pueda parecer apropiado que diferentes reas tengan diseos diferentes, la consistencia entre los diseos facilita al usuario el uso de un sitio. g) Todo sitio bien diseado debe incluir una referencia final a la autora intelectual del material y establecer puntos de contacto para comentarios o para la obtencin de mayor informacin. Herramientas para el Diseo Web Algunas de las herramientas para el diseo Web son: Dreamweaver. Probablemente el mejor editor de pginas Web para diseadores que busquen resultados profesionales.

ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

Flash. Flash le proporciona todo lo necesario para crear y publicar complejas aplicaciones de grandes prestaciones y contenido Web y disear y crear contenido interactivo dinmico con vdeo, grficos y animacin obteniendo sitios Web, presentaciones o contenido para dispositivos mviles verdaderamente nicos e impactantes. Fireworks. Permite lograr un equilibrio entre la mxima calidad de imagen y el mnimo tamao de compresin a medida que crea, edita y optimiza imgenes para el sitio Web con un control preciso. Adobe Photoshop. Es una aplicacin informtica especializada en la composicin de fotografas e imgenes digitales. Probablemente el mejor programa para trabajar con grficos, para retoque fotogrfico, etc. Adobe Photoshop CS. Esta versin se centra especialmente en los mbitos de video, fotografa, Web y produccin grfica. Flax. Un programa muy til para crea animaciones de texto en Flash muy buenas y rpidamente. Swish. Es un programa para hacer animaciones Flash sin el Flash, muy sencillo y fcil de usar. Frontpage. El editor de pginas Web de Microsoft. Adobe Illustrator. Es una herramienta fundamental para aqullos que necesiten expresar ideas de forma visual a travs de la impresin, la Web u otros medios. CorelDRAW. Es una aplicacin completa de diseo grfico que facilita la creacin de trabajos grficos profesionales, desde simples logotipos hasta complejas ilustraciones tcnicas. Xara. Es un software de dibujo e ilustracin rpido y con interesantes funcionalidades. Puede sustituir a Corel o IIlustrator.

Usabilidad Web Que es la usabilidad? Tcnicas que ayudan a los seres humanos a realizar tareas en entornos grficos de ordenador. 3 conceptos muy importantes. Trabajamos para seres humanos, que quieren realizar una tarea de una forma sencilla y eficaz y en este caso particular, la deben realizar frente a un ordenador en un entorno grafico, la web. La usabilidad ayuda a que esta tarea se realic de una forma sencilla analizando el comportamiento humano, y los pasos necesarios para ejecutar la tarea de una forma eficaz. Quizs suene un poco a trabajo industrial, pero al hacer referencia al termino "tarea", estamos haciendo referencia a buscar un programa que queremos ver en la tele, a ver informacin sobre mi equipo de futbol favorito, a comprar un libro sobre artes marciales. Realmente hace falta la usabilidad para hacer una web? Si. Sea tu web un portal o una pgina personal, no olvides que la gente que entra en tu web es porque bsicamente busca algo. Hacerlo sencillo es decisin tuya, pero seguro que entre todos podemos hacer de internet un sitio mejor donde la gente no se sienta perdida o extraviada o sencillamente defraudada. Cuales son las 8 reglas de Oro sobre la usabilidad? 1. En internet el usuario es el que manda. Esto quiere decir que sin usuarios tu pgina muere, as que ms te vale que los cuides y les des lo que te piden, de lo contrario te quedaras solo. 2. En internet la calidad se basa en la rapidez y la fiabilidad. En internet cuenta que tu pagina sea mas rpida que bonita, fiable que moderna, sencilla que compleja, directa. 3. Seguridad. Si en el mundo real a veces nos cuesta fiarnos del banco de la esquina, imagnate como se siente la gente en internet cuando llega a tu site. Procura que todo funcione como un reloj para que la gente pueda fiarse de tu site. 4. La confianza es algo que cuesta mucho ganar y se pierde con un mal enlace. Esto quiere decir que tal y como est la competencia en internet, no puedes perder ni un solo visitante por tener un enlace mal hecho. Es mejor salir con algo sencillo e irlo complicando poco a poco, que salir con todo y ver "que es lo que pasa". Versiones 1.0 son buenas mientras lo que este puesto este bien asentado y genere confianza. Poco a poco y con el feedback de los usuarios, podrs ir complicando la pagina. Pero asegura antes de arriesgar. 5. Si quieres hacer una pagina decente, simplifica, reduce, optimiza. La gente no se va a aprender tu site por mucho que insistas, as que por lo menos hazlo sencillo, reutiliza todos los elementos que puedas, para que de este modo los usuarios se sientan cmodos y no se pierdan cada vez que necesiten encontrar algo en tu site. 6. Pon las conclusiones al principio. El usuario se sentir mas cmodo si ve las metas al principio. De esta forma no tendr que buscar lo que necesita y perder menos tiempo en completar su tarea. Si completa su tarea en menos tiempo se sentir cmodo y quizs se dedique a explorar tu site o quizs se lo recomiende a un amigo. 7. No hagas perder el tiempo a la gente con cosas que no necesitan. Cuidado con cruzar promociones, si lo haces por lo menos hazlo con cuidado. Procura que la seleccin de productos a cruzar sea consecuente y no lo quieras "vender todo" en todas las paginas. Segn avance el usuario en su navegacin procura dejarle ms espacio libre. Puede ocurrir que cuando este punto de comprar algo vea una oferta que le distraiga y pierdas esa venta. 8. Buenos contenidos.

ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

Escribir bien para internet es todo un arte. Pero siguiendo las reglas basicas de (1) poner las conclusiones al principio y (2) escribir como un 25% de lo que pondras en un papel, se puede llegar muy lejos. Leer en pantalla cuesta mucho, por lo que, en el caso de textos para internet, reduce y simplifica todo lo que puedas. Puntos para definir nuestra web 1.- Por qu la creacin de una pgina Web favorece mis emprendimientos? Estar presente en la Web equivale a tener un espacio para decir lo que usted es, lo que piensa, lo que hace, a una audiencia casi incalculable. La historia de Internet rene relatos acerca de xitos inmediatos, crecimientos vertiginosos y reconocimientos de alcances inusitados para aquellos que publicaron sus pginas en la Red de redes. La Web es la herramienta privilegiada en Internet, debido a la posibilidad que ofrece de mostrar, vender, anunciar, cualquier cosa, durante las 24 horas, los 365 das del ao, pudiendo acceder a la misma desde cualquier lugar del mundo al costo de una llamada local. Por eso, ya sea que usted precise ofrecer mercadera, servicios o exponer una idea, cualquier persona podr acceder a su informacin. Ninguna herramienta hasta el presente ha logrado, a tan bajo costo, estos objetivos. 2.- Algunas recomendaciones para organizar y realizar su W eb con ms comodidad. Cuando usted se propone estar en la Web, debe encarar el diseo de un sitio. Es decir, crear documentos o archivos que se encuentran relacionados entre s. Aunque tenga propsitos concretos y haya pensado exponerlos en sus pginas de manera ms o menos agradable y clara, ser conveniente que evale otros elementos que son ineludibles al construir un sitio. Por eso bien vale la pena que se detenga unos minutos para considerar algunas ideas claves que facilitarn su posterior realizacin. 3.- Lo que tenemos que tener en cuenta con la creacin de un sitio Web. Coherencia interna: Al navegar, usted va desplazndose de pgina en pgina y observa como el diseo, el color, el nombre, el logo, se repetan a lo largo de todas ellas creando una idea de homogeneidad, de integridad para todo el sitio. Propsito: Toda pgina Web tiene un propsito para estar en Internet. Por ejemplo, www.downloads.com es un sitio que ofrece descargar programas para uso cotidiano. Componentes: Cuando todo est relacionado y ya sepa a quin se quiere dirigir y con qu propsito, deber decidir qu elementos lo ayudarn a presentar su informacin, facilitando la comunicacin y propiciando la interactividad. Ya podemos empezar a organizar un poco mejor el sitio web despus de haber reconocido las caractersticas sealadas en los puntos anteriores. Defina el propsito del sitio (objetivo). Establezca el alcance de su sitio. Piense en la estructura del sitio. Cree las pgina o documentos. Personalice el sitio. Verifique el sitio (controle el correcto funcionamiento). Publique el documento. 4.- Defina el prop sito del sitio . Preguntas que lo ayudarn a encontrar un propsito: Qu motivos lo impulsaron a crear su sitio? Quiere contarle a la gente lo que usted fabrica, ofrece sus servicios, exponer sus intereses?. Quiere emitir opinin sobre un tema determinado, expresar una idea? Recuerde al construir su sitio que su propsito debe quedar rpidamente explicitado, esto le permitir al visitante reconocerlo y decidir, inmediatamente, si desea permanecer o no en l. 5.- Establezca el alcance de su sitio. Cuando organice su sitio determine el tema que abordar podr optar por un alcance general para luego profundizar en tres o cuatro aspectos ms especficos, o puede optar por un alcance limitado. Recuerde ofrecer en su sitio la posibilidad de que el visitante se comunique con usted, ya sea para pedir ms informacin, plantear sus problemas u opiniones, solicitar soporte tcnico, etc. Esta posibilidad brinda un espacio de interactividad en el sitio. 6.- Piense en la estructura del sitio . Estas son tres caractersticas que puede tener en cuenta para la estructura de su sitio: Introduccin: Presente el sitio y brinde un breve resumen de la propuesta a los visitantes. Centro de la propuesta: Enuncie los contenidos de su sitio con breves comentarios. El elemento " seductor" : Explicite los motivos por los que un visitante debera volver a visitar su sitio Web. 7.- Cree las pginas o documentos. Comience por una pgina de inicio simple (index), donde enuncie, brevemente y de manera atractiva, lo que est ofreciendo al visitante, y luego en otros documentos desarrolle estas primeras ideas. Planifique, detngase, no lo considere una prdida de tiempo. Ahora es el momento de pensar cmo organizar sus ideas y qu estrategias generar, antes de construir un sitio. 8.- Personalice el sitio. Ya hemos creado la estructura bsica y ya est en condiciones de incorporar elementos de diseo que hagan ms atractivo su documento, pues aumentarn su impacto visual a su interactividad. Si tiene ideas, opiniones, informacin, Internet es un buen medio para publicarlas y si las presenta con sonidos, grficos, videos, multimedia crear pginas muy impactantes, dinmicas e interactivas, lo que invitar a recorrerlas y a visitarlas una y otra vez. Recuerde que cuenta con apenas unos minutos para atraer la atencin de su audiencia y convencerla de que vale la pena permanecer en su sitio. 9.- Organice el material.

ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

Para presentar organizado el contenido de sus paginas recurra a lneas para dividir secciones, columnas, listas, distintos formatos de texto y de prrafo, etc. 10.- Creando espacios interactivos. Si consideramos que un sitio es poderoso cuando resulta til para sus visitantes, un factor a considerar debe ser el servicio que brinda. Aparentemente, la utilidad crece con las interactividad y, si sta es sincrnica, se crea la posibilidad de dilogo, un factor importantsimo para relacionarse con su audiencia. Su visitante debe sentir que no est comunicado con una mquina, sino con otra persona a travs de una mquina. 11.- El toque final. Todo sitio bien diseado debe incluir una referencia final a la autora intelectual del material y establecer puntos de contacto para comentarios o para la obtencin de mayor informacin. Promocin y Publicacin Promocin de Pginas Web Una vez hemos construido una pgina Web tenemos que hacer que esta sea conocida por todos los medios que estn a nuestro alcance, para atraer visitas a ella y, cuando menos, sentirnos orgullosos de que esta sea popular en la Red. Para conseguir esto tenemos que promocionarla adecuadamente, de manera que su direccin figure en el mayor nmero de sitios. Existen muchas maneras de promocionar una pgina, Podemos enviar correos anunciando su puesta en marcha Registrarla en los buscadores Incluir la direccin en el membrete del papel de nuestro negocio Anunciarla por televisin, por poner varios ejemplos. Una vez la Web ya lleva un tiempo online podemos hacer que los visitantes vuelvan a ella mediante tcnicas adicionales como listas de correo que informen a los usuarios de las novedades. Nos centraremos en el ms importante: el registro en buscadores, que requiere una serie de indicaciones muy especficas para que nuestra pgina este presente y ocupe los primeros puestos en los resultados de la bsqueda. Pero atencin, no es solo nuestro trabajo promocionar una pgina que va a atraer las visitas, tambin debemos mantener la Web con buena presencia, que sea rpida y que tenga unos buenos contenidos. En otras palabras, con la misma promocin, una buena pgina Web atrae ms visitas que una mala, algo muy lgico si lo piensas. Tipos de Buscadores Los buscadores son una herramienta imprescindible para recuperar la ingente cantidad de informacin diseminada por Internet. Todas las pginas conocidas genricamente como buscadores devuelven un listado de pginas web cuando se introduce un trmino de bsqueda, pero no todas lo hacen de la misma forma. Los buscadores se dividen, bsicamente, en dos tipos: Motores de bsqueda o araas. Un ordenador robot rastrea la Red peridicamente leyendo el contenido de las pginas web para alimentar su base de datos. Al introducir el trmino buscado, consulta la base de datos y genera un listado de resultados automticamente, segn su relevancia, a travs de complicados algoritmos. Google, Inktomi, o Teoma son ejemplos de araas. Muchos buscadores araa emplean tecnologa alquilada: AOL busca a travs de Google, Ask Jeeves en Teoma y Altavista en Yahoo!. ndices o directorios. En estos directorios interviene el factor humano, pues son personas las encargadas de fichar y clasificar las pginas web por temas. Los editores del directorio navegan por Internet para alimentar y actualizar el ndice, a la vez que reciben peticiones de los sitios web para ser incluidos. El buscador slo localiza pginas que previamente figuran en su directorio. Open Directory Project (dmoz) es el directorio ms popular, empleado por Google, Lycos y Netscape, entre otros muchos. Yahoo!, Looksmart y Excite tienen su propia clasificacin. Los buscadores hbridos presentan resultados mixtos, basados tanto en motores de bsqueda como en directorios. Tambin hay metabuscadores, que ofrecen a la vez los resultados de varios motores de bsqueda, tales que Hotbot, Dogpile, WebCrawler o 1Blink.com. Existen tambin buscadores especializados, centrados en un mbito geogrfico o en un tema en concreto. Para encontrar buscadores se puede utilizar un directorio como buscopio.net o los llamados buscador de buscadores, como infobuscadores.com o FinderSeeker. La Sociedad 2.0 El trmino sociedad 2.0 significa algo? La verdad hasta hace poco he visto el tema y por la pericia que tenemos muchos de los internautas, personalmente, siempre ando buscando cosas nuevas en Internet y en algunas de esas bsquedas encontr algunos hipervnculos que mostraban sitios que hablaban sobre web 2.0, blogs, comunidad virtuales, e-learning 2.0 y sociedad 2.0 y otras pginas informativas que hablaban de una nueva tendencia en la Internet. Pero, qu tiene que ver todo esto con las Tecnologas de Informacin y Comunicacin? En efecto, unas son causas de la otra y estn cambiando sustancialmente la vida social como antes era conocida y se ha convertido en una sociedad ms dinmica e innovadora, algunos le llaman Sociedad de la Informacin y otros le llaman Sociedad del Conocimiento. La sociedad actual est siendo partcipe de grandes cambios que enmarcarn una nueva forma de interrelacionarse unos con otros.

ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

Las costumbres, valores y hasta la cultura estn siendo cambiadas radicalmente debido a las nuevas Tecnologas de Informacin y Comunicacin y el impacto que estn dando a la vida social a las personas de la sociedad 1.0, as es, ese es el trmino utilizado para la sociedad de la vida real. Es esto bueno o malo?, se dice por ah que todo cambio es bueno y yo creo que a este cambio no hay resistencia pues estamos casi obligados, de lo contrario seremos marginados de la nueva sociedad 2.0 basada en Internet. Las Tecnologas de Informacin y la Comunicacin Algunas definiciones que nos pueden ayudar a comprender este campo de estudio, pueden ser las siguientes: Las TIC (Tecnologas de la Informacin y Comunicaciones) son las tecnologas que se necesitan para la gestin y transformacin de la informacin, y muy en particular el uso de computadores y programas que permiten crear, modificar, almacenar, proteger y recuperar esa informacin. [1] Las nuevas tecnologas de la comunicacin constituyen entre algunas cosas, bancos de datos, Internet, instrumentos interactivos, alta definicin, realidad virtual, fibras pticas, telfono celular, fax, etc. Constituyen hoy un aspecto esencial de las sociedades industriales avanzadas. [2] La mayor parte de estas definiciones nos llaman la atencin de algo muy importante, y es eso que llamamos gestin de la Informacin, y en este proceso la gente juega el papel ms importante del tema, pues nosotros somos los encargados de darle valor, forma, sentido y dinamismo a esa informacin. Yo creo que el capital social debe ser mencionado y considerado como la fuente principal de informacin en cualquier mbito de necesidad de conocimiento, que al final de cuenta es donde nos lleva todo el procesamiento de la misma, a generar un conocimiento, pero este conocimiento es hoy compartido, retroalimentado y mejorado por miles de personas alrededor del mundo gracias a tecnologas como la Internet, base sustancial de la actual sociedad 2.0, reitero. Hago nfasis a que an estamos en esperas de tener una definicin clara en esta parte inicial pero como decimos muy coloquialmente, por la vspera se saca el da. Se afirma, en distintas fuentes informativas, que: El ser humano es un ser sociable por naturaleza, por lo que est obligado a establecer lazos con distintas personas por diversas conveniencias, la informacin no puede quedar fuera de estos vnculos entre seres humanos, de ah que haya evolucionado y formado la llamada Sociedad de la informacin [3]. La Sociedad de la Informacin, cabe destacar, es un rea de desarrollo social con un matiz muy cambiante y un nicho adaptado a las nuevas posibilidades que nos brinda el Internet y que ha sido resultado tambin de las nuevas Tecnologas de Informacin y Comunicacin el cual se encuentra especializado de acuerdo a las aptitudes y actitudes (recordemos que existe resistencia de algunos al uso de las TIC) de cada uno de sus miembros de una sociedad, con la finalidad de adquirir y comunicar en la totalidad de los recursos disponibles todo tipo de informacin de manera eficaz y eficiente utilizando los distintos medios de comunicacin y tecnologa desde cualquier parte del mundo, Internet seria uno de estos recursos, veremos que por medio de esta Red mundial se est desarrollando toda una revolucin social virtual y que est impactando como una personalidad online. Yo creo que, y es interesante reconocerlo, en nuestro pas la Sociedad de la Informacin est en un momento de crecimiento acelerado pero muy limitado a algunas clases sociales, que es un tema que podra tocar despus, pero muy vidente en las nuevas generaciones que son los que ms, pero no los nicos, utilizan este tipo de recursos para adquirir una personalidad online. Teniendo delimitado lo que son las Tecnologas de Informacin y Comunicacin y un marco de referencia tan importante como la Sociedad de la Informacin, podemos avanzar a lo que son las herramientas que nos permiten tener un mayor desarrollo en esta nueva sociedad y que vienen a caracterizar la Sociedad 2.0: La Web 2.0 Podemos definir la World Wide Web o la Web como: Sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a travs de Internet. Con un navegador Web, un usuario visualiza sitios Web, forjados de pginas Web que pueden contener texto, imgenes u otros contenidos multimedia, y navega a travs de ellas usando hiperenlaces.[4] Desde que inici mi recorrido por la Internet siempre he pensado que la informacin que se puede encontrar en ella es muy grande y de diferentes tipos, adems he comprobado que se pueden crear comunidades enteras para compartir esa informacin y crear nuevos conocimientos, podemos encontrar desde temas culturales, polticos, econmicos, ambientales, entretenimiento, noticias. Pero ms que estos temas mencionados anteriormente, encontramos tambin foros a gran escala, salas de chat, sitios de web conferencias y hasta bibliotecas virtuales, y ya que las menciono, me llama mucho la atencin como nuestras bibliotecas actuales son como una bodega de libros que se quedan desactualizados cada minutos que pasa y de manera esttica dejan la retroalimentacin de algn lector para alguna edicin futura edicin, si es que se la aceptan. Es eso la Web 2.0? La Web 2.0 no es tecnologa, la Web 2.0 es un nuevo concepto de hacer servicios web con pilares sociales o ms bien interacciones sociales.

ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

La Web 2.0 es interaccin, la Web 2.0 es crear informacin, la Web 2.0 es facilidad de uso, la Web 2.0 es una nueva forma de interrelacionarse con las personas ven este nuevo mundo que es Internet. He visto como las personas que estn utilizando la Web 2.0 fomentan la interaccin, participacin y creacin de redes sociales o comunidades. Me parece que debemos de tomar en cuenta que la Internet de hoy en da se est volviendo cada vez ms social y tendemos a socializar ms en ella que la vida real y cotidiana. Es difcil responder a peguntas ticas como si es bueno o es malo donde se sabe que siempre van a existir pros y contras, sobre todo cuando hablamos de relaciones interpersonales y nos encontramos de todo, claro est, deberamos de tener un desarrollo personal uniforme que demuestre que somos sociables y podemos crear conocimiento no solo en la virtualidad sino en la realidad. He notado que somos ms activos y crticos en un foro que una reunin para organizarnos y crear una asociacin de desarrollo integral en el barrio donde vivimos. La impersonalidad surge como una medida para ocultar muchas veces nuestro verdadero yo, se dice que muchas veces en Internet somos lo que no somos en la realidad, es decir, demostramos otra personalidad que a la postre puede ser la real. En la web 2.0 podemos encontrar comunidades virtuales enteras que recrean una realidad con patrones muy similares a la real. Esta nueva tendencia social brinda gran cantidad de informacin para todo el mundo que desee ser parte de ella. Qu es la informacin de la que hablo en esos prrafos? Noticias, imgenes, vdeos, crticas sobre productos y comentarios, artculos, foros, blogs y wikis. Las herramientas Web 2.0 han permitido que cualquiera, sea geek (Un geek es una persona con una gran fascinacin por la tecnologa y la informtica llevada hasta niveles obsesivos. Se describe ms como un estilo de vida y una forma de ser, que como una aficin concreta por algo poco habitual.[5]) o no, pueda poner esa informacin online, compartirla y retroalimentarla, adems de que la pueda subir de una manera fcil y cmoda, sin que sea necesario ningn conocimiento profundo en el rea, como lo sola ser antes cuando la Internet casi solo estaba en manos de los Informticos. A lo largo de este pequeo artculo hemos visto cmo esta evolucin de la sociedad, la bautizada como Sociedad 2.0, es una sociedad participativa, no es esttica como lo era hasta ahora. Para concluir, debo decir que las Tecnologas de Informacin y Comunicacin estn convirtiendo nuestra sociedad en un campo de interacciones sociales muy fuerte a nivel virtual y con ms generacin de conocimiento que en la sociedad real, o sociedad 1.0. La sociedad 2.0 nos permite crear nuestras propias opiniones y mostrarlas alrededor del mundo, nos permite mostrar nuestras fotos y compartirlas con todo el mundo, en concreto nos convertimos en personas ms activas y dinmicas para dejar de ser personas estticas de la antigua sociedad 1.0 La Web semntica (del ingls semantic web) es la "Web de los datos". Se basa en la idea de aadir metadatos semnticos y ontolgicos a la World Wide Web. Esas informaciones adicionales que describen el contenido, el significado y la relacin de los datos se deben proporcionar de manera formal, para que as sea posible evaluarlas automticamente por mquinas de procesamiento. El objetivo es mejorar Internet ampliando la interoperabilidad entre los sistemas informticos usando "agentes inteligentes". Agentes inteligentes son programas en las computadoras que buscan informacin sin operadores humanos. El precursor de la idea, Tim Berners-Lee, intent desde el principio incluir informacin semntica en su creacin, la World Wide Web, pero por diferentes causas no fue posible. Por ese motivo introdujo el concepto de semntica con la intencin de recuperar dicha omisin. Para compartir en la Web 2.0 se utilizan una serie de herramientas, entre las que se pueden destacar:

Blogs: La blogosfera es el conjunto de blogs que hay en internet. Un blog es un espacio web personal en el que su autor (puede haber varios autores autorizados) puede escribir cronolgicamente artculos, noticias... (con imgenes y enlaces), pero adems es un espacio colaborativo donde los lectores tambin pueden escribir sus comentarios a cada uno de los artculos (entradas/post) que ha realizado el autor. Wikis: En hawaiano "wikiwiki " significa: rpido, informal. Una wiki es un espacio web corporativo, organizado mediante una estructura hipertextual de pginas (referenciadas en un men lateral), donde varias personas autorizadas elaboran contenidos de manera asncrona. Basta pulsar el botn "editar" para acceder a los contenidos y modificarlos. Suelen mantener un archivo histrico de las versiones anteriores y facilitan la realizacin de copias de seguridad de los contenidos. Hay diversos servidores de wiki gratuitos: Entornos para compartir recursos: Todos estos entornos nos permiten almacenar recursos en Internet, compartirlos y visualizarlos cuando nos convenga desde Internet. Constituyen una inmensa fuente de recursos y lugares donde publicar materiales para su difusin mundial. o Documentos: podemos subir nuestros documentos y compartirlos, embebindolos en un Blog o Wiki, envindolos por correo. o Videos: Al igual que los Documentos, anteriormente mencionados, se pueden "embeber" un video tomado de algn repositorio que lo permita, tal como YouTube.

ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

Presentaciones Fotos Plataformas educativas Redes Sociales

o o

Comparacin con la Web Semntica En ocasiones se ha relacionado el trmino Web 2.0 con el de Web semntica. 1 Sin embargo ambos conceptos, corresponden ms bien a estados evolutivos de la web, y la Web semntica correspondera en realidad a una evolucin posterior, a la Web 3.0 o web inteligente. La combinacin de sistemas de redes sociales como Facebook, Twitter, FOAF y XFN, con el desarrollo de etiquetas (o tags), que en su uso social derivan en folcsonomas, as como el plasmado de todas estas tendencias a travs de blogs y wikis, confieren a la Web 2.0 un aire semntico sin serlo realmente. Sin embargo, en el sentido ms estricto para hablar de Web semntica, se requiere el uso de estndares de metadatos como Dublin Core y en su forma ms elaborada de ontologas y no de folcsonomas. De momento, el uso de ontologas como mecanismo para estructurar la informacin en los programas de blogs es anecdtico y solo se aprecia de manera incipiente en algunos wikis. Por tanto podemos identificar la Web semntica como una forma de Web 3.0. Existe una diferencia fundamental entre ambas versiones de web (2.0 y semntica) y es el tipo de participante y las herramientas que se utilizan. La 2.0 tiene como principal protagonista al usuario humano que escribe artculos en su blog o colabora en un wiki. El requisito es que adems de publicar en HTML emita parte de sus aportaciones en diversos formatos para compartir esta informacin como son los RSS, ATOM, etc. mediante la utilizacin de lenguajes estndares como el XML. La Web semntica, sin embargo, est orientada hacia el protagonismo de procesadores de informacin que entiendan de lgica descriptiva en diversos lenguajes ms elaborados de metadatos como SPARQL, POWDER u OWL que permiten describir los contenidos y la informacin presente en la web, concebida para que las mquinas "entiendan" a las personas y procesen de una forma eficiente la avalancha de informacin publicada en la Web. Desde luego que la web 2.0 es mejor que la 1.0 La visin de la Web Semntica esta basada en la capacidad de las mquinas de precisar, localizar, leer, interpretar y procesar los datos creados por cientos de miles de distintas personas y organizaciones. Ha demostrado ser una tarea sumamente difcil para desarrolladores de estructuras de datos que imponen la estructura suficiente para asegurar la programabilidad sin perder datos o limitar indebidamente las formas en que los seres humanos pueden expresarse. Prerequisito de la efectiva funcionalidad de la Web Semntica es la existencia de sistemas para definir, crear y desarrollar conjuntos de identidades o tags que describen y en algunos casos limita el contenido de Internet. Estos tags son organizados y relacionados con cada otro en la forma necesaria para formalizar ontologas estructuradas. Los tags son usados por humanos y agentes para recuperar, procesar y de otro modo manipular la informacin contenida en Internet. Es cada vez ms evidente desde el principio de trabajo en los grandes sistemas (como Cyc) que es poco probable que se produzca la unificacin de una sola ontologa en virtud de la cual toda la informacin se pueda clasificar. Preguntas fundamentales relacionadas con el entendimiento cultural, variaciones contextuales, as como bases de informacin semnticas y ontolgicas, hacen de la bsqueda de tales sistemas quixotical??. Sin embargo el trabajo de grupos tales como WC3s, el grupo Web Ont para desarrollar lenguajes de programacin para crear mltiples ontologas y sistemas para traducir entre sistemas basados en caractersticas comunes de ontologas dan la promesa de un sistema viable. Ms all de la tecnologa es la motivacin humana para marcar y hacer accesible el conocimiento. En un ensayo crtico titulado Metacrap: Poniendo la antorcha a siete strwmen??, de la meta-utopa, Cory Doctorow (2001), sostiene que las personas que se encuentran, son perezosas, estpidas, tienen muy poco conocimiento libre y trabajan en entornos en los que hay muchas legtimas an diferentes maneras para describir cualquier cosa o etiqueta. Asi el reto de taggear todo en Internet en un conjunto de esquemas coherentes es inmenso y obviamente no debera ser hecho por ciber-profesionales bibliotecarios empleados en catalogar libros. Bastantes sistemas estn necesitando permitir que las etiquetas sean adquiridas a travs del uso, que permita mltiples tags para describir los mismos datos y sistemas que cosechen y capturen esquemas y sistemas de tagging automticamente. Por supuesto esta necesidad es algo tautolgico en que un sistema de agentes capaces de hacer este etiquetado, podra necesitar una Web Semntica existente con el fin de llevar a cabo su tarea. As la web semntica est descrita y defendida como un multianual, si no es un multi-dcada, proyecto. Como se esperaba artculos en este nmero especial ( en particular McCallum and Downes) puntualizan en las formas en que el problema del meta-tagging puede ahora ser resuelto por el incremento de metadados automatizados y humanos.

Por todas las razones citadas arriba y otras, existe escepticismo sobre la utilidada de la visin Web Semntica. Esta sospecha es especialmente pronunciada en los contextos educacionales donde para muchos la transaccin educacional es una experiencia intensamente humana. Para algunos la educacin es ms exacto describirla como un intercambio artstico social en lugar de una espera en lugar de una espera de la mejora y la posible sustitucin de la interaccin hombre-mquina. Sin embargo, la capacidad de crear poderosas oportunidades de aprender, accesibles en cualquier lugar / en cualquier momento que maximizan el uso de contenido. As, esta direccin especial fue creada para estimular el debate y ampliar la visin con respecto al papel de la creacin de redes avanzadas en materia de educacin mediante el desarrollo de la Web Semntica. Nuestra esperanza es que los educadores alrededor del globo se tomen el tiempo de leer seriamente los artculos y las respuestas en este nmero especial. En segundo lugar, que usted se tome el tiempo de responder con sus propias visiones y preocupaciones o publicar una pregunta apropiada que pueda fortalecer an ms nuestras conversaciones. A

ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA DE SISTEMAS

final gracias a todos los autores y los encuestados por un esfuerzo que creemos es de vital importancia en el camino hacia la creacin de ms accesibles, de alta calidad de la educacin y las oportunidades de capacitacin para cada uno de nosotros Visin general de los artculos y comentarios Una visin general de la web semntica y la edicin especial por Athabasca Un i ve r s i t ys Terry Anderson and Denise Whitelock from the Open University of the United Kingdom Arthur Stuttand Enrico Motta Semntica de aprendizaje Web: comenzaron su exposicin de las aplicaciones de la educacin web semntica muy adecuadamente detallando las necesidades de los estudiantes. Adems de la evidente necesidad de estructura, autenticidad y apoyo ellos notan la necesidad para la organizacin estructural del contexto de aprendizaje en la red. Desde all nos desplazamos a la explicacin de la funcin crtica de la argumentacin que los motivos formales de becas y aprendizaje informal. Puede la web semntica ayudarnos haciendo una defensa de nuestros argumentos?. Con la ayuda de un navegador grfico de conocimiento y otras herramientas que estn desarrollando desde la Open University Stutt and Motta nos presentaron como las comunidades globales se basarn en barrios de conocimiento y grficos que documenten, compartan y estimulen su actual y evolutiva base de conocimientos. Au s t r a l i as Rod Sims se centra en la prctica en su comentario: siempre y cuando nosotros construyamos la web semntica educativa, esto har una diferencia?, Sims nota que los barrios de conocimiento de Stutt y Motta , Debemos hacer ms que presentar conocimiento, deben participar no slo los muy motivados pero el alumno que est aprendiendo por una variedad de la razones - muchas que no estn directamente asociadas con el inters intrnseco en el tema. Esta variedad de intereses y participacin requiere que nosotros no asumamos que los alumnos pueden crear el tipo de comunidades de conocimiento que la tecnologa pueda soportar. El comentario de Sim finaliza con una advertencia no slo a construir sistemas de apoyo y virtualizar los tipos de interacciones educativas y la cognicin que ha definido a la educacin hasta la fecha. Por el contrario, tenemos que construir un mundo en el que la cognicin y la interaccin con mquinas es fundamentalmente diferente de la que ha marcado nuestra historia evolutiva Preguntas de la Lectura: Qu aspecto se debe de tener en cuenta para un buen diseo Web? Explique los elementos que debe de tener un web site Qu herramientas serian las mas adecuadas para construir un web site para una organizacin de produccin? Explique lo puntos mas importantes para definir la usabilidad de la web. Cual cree que seria la correcta publicidad y publicacin de un web site. Aplique las 8 reglas de usabilidad al disear una web site para una empresa comercial de su inters Explique los puntos que se debe de tener que definir para una web site de tipo comercial. Explique los puntos que se debe de tener que definir para una web site de tipo educativo para nivel primario. Explique las Ventajas y desventajas de la web 2.0 Explique las Ventajas y desventajas de la web 3.0 Explique la diferencia de Web 2.0 y Web 3.0