BANNER 3

BANNER 2

BANNER 1

PHOTO SHOP

APLICACIONES ON LINE PARA MUESTRA DE INFORMACIÓN

En la ingeniería de software se denomina aplicación web a aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicación software que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador.

Las aplicaciones web son populares debido a lo práctico del navegador web como cliente ligero, a la independencia del sistema operativo, así como a la facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales. Existen aplicaciones como los webmails, wikis, weblogs, tiendas en línea y la propia Wikipedia que son ejemplos bien conocidos de aplicaciones web.

Es importante mencionar que una página Web puede contener elementos que permiten una comunicación activa entre el usuario y la información. Esto permite que el usuario acceda a los datos de modo interactivo, gracias a que la página responderá a cada una de sus acciones, como por ejemplo rellenar y enviar formularios, participar en juegos diversos y acceder a gestores de base de datos de todo tipo.

Antecedentes:En los primeros tiempos de la computación cliente-servidor, cada aplicación tenía su propio programa cliente que servía como interfaz de usuario que tenía que ser instalado por separado en cada ordenador personal de cada usuario. El cliente realizaba peticiones a otro programa -el servidor- que le daba respuesta. Una mejora en el servidor, como parte de la aplicación, requería normalmente una mejora de los clientes instalados en cada ordenador personal, añadiendo un coste de soporte técnico y disminuyendo la productividad.

A diferencia de lo anterior, las aplicaciones web generan dinámicamente una serie de páginas en un formato estándar, como HTML o XHTML, soportados por los navegadores web comunes. Se utilizan lenguajes interpretados en el lado del cliente, directamente o a través de plugins tales como JavaScript, Java, Flash, etc., para añadir elementos dinámicos a la interfaz de usuario. Generalmente cada página web en particular se envía al cliente como un documento estático, pero la secuencia de páginas ofrece al usuario una experiencia interactiva. Durante la sesión, el navegador web interpreta y muestra en pantalla las páginas, actuando como cliente para cualquier aplicación web.

Interfaz:Las interfaces web tienen ciertas limitaciones en las funcionalidades que se ofrecen al usuario. Hay funcionalidades comunes en las aplicaciones de escritorio como dibujar en la pantalla o arrastrar-y-soltar que no están soportadas por las tecnologías web estándar. Los desarrolladores web generalmente utilizan lenguajes interpretados (scripts) en el lado del cliente para añadir más funcionalidades, especialmente para ofrecer una experiencia interactiva que no requiera recargar la página cada vez (lo que suele resultar molesto a los usuarios). Recientemente se han desarrollado tecnologías para coordinar estos lenguajes con las tecnologías en el lado del servidor. Como ejemplo, AJAX es una técnica de desarrollo web que usa una combinación de varias tecnologías.

Consideraciones técnicas:Una ventaja significativa es que las aplicaciones web deberían funcionar igual independientemente de la versión del sistema operativo instalado en el cliente. En vez de crear clientes para Windows, Mac OS X, GNU/Linux y otros sistemas operativos, la aplicación web se escribe una vez y se ejecuta igual en todas partes. Sin embargo, hay aplicaciones inconsistentes escritas con HTML, CSS, DOM y otras especificaciones estándar para navegadores web que pueden causar problemas en el desarrollo y soporte de estas aplicaciones, principalmente debido a la falta de adhesión de los navegadores a dichos estándares web (especialmente versiones de Internet Explorer anteriores a la 7.0). Adicionalmente, la posibilidad de los usuarios de personalizar muchas de las características de la interfaz (tamaño y color de fuentes, tipos de fuentes, inhabilitar Javascript) puede interferir con la consistencia de la aplicación web.

Ventajas

v  Ahorra tiempo: Se pueden realizar tareas sencillas sin necesidad de descargar ni instalar ningún programa.

v  No hay problemas de compatibilidad: Basta tener un navegador actualizado para poder utilizarlas.

v  No ocupan espacio en nuestro disco duro.

v  Actualizaciones inmediatas: Como el software lo gestiona el propio desarrollador, cuando nos conectamos estamos usando siempre la última versión que haya lanzado.

v  Consumo de recursos bajo: Dado que toda (o gran parte) de la aplicación no se encuentra en nuestro ordenador, muchas de las tareas que realiza el software no consumen recursos nuestros porque se realizan desde otro ordenador.

v  Multiplataforma: Se pueden usar desde cualquier sistema operativo porque sólo es necesario tener un navegador.

v  Portables: Es independiente del ordenador donde se utilice (un PC de sobremesa, un portátil...) porque se accede a través de una página web (sólo es necesario disponer de acceso a Internet). La reciente tendencia al acceso a las aplicaciones web a través de teléfonos móviles requiere sin embargo un diseño específico de los ficheros CSS para no dificultar el acceso de estos usuarios.

v  La disponibilidad suele ser alta porque el servicio se ofrece desde múltiples localizaciones para asegurar la continuidad del mismo.

DISEÑO DE INFORMACIÓN (LEYES DE NIELSEN)

El diseño de información (DI) tiene una gran variedad de raíces disciplinares, entre las que se incluye el diseño de interfaces, la comunicación visual, la presentación de la información, la tipografía y la psicología educativa. Cada disciplina necesita del DI desde perspectivas diferentes. Así, los diseñadores gráficos se han dado cuenta de que los principios de diseño tradicionales no se adecuan al mundo digital, mientras que los psicólogos aportan conocimiento sobre el factor humano en procesos interactivos.

El DI puede definirse como el arte y la ciencia de preparar la información, de modo que pueda usarse por los humanos con eficacia y eficiencia. Horn (1999) define los objetivos del DI, de un modo holístico, como la conexión entre la información, el pensamiento humano y el uso. A su vez, identifica tres requisitos de un buen DI. Éstos son:

• Documentos comprensibles.
• Sistemas interactivos.
• Espacios de información navegables.

Heurísticas de Nielsen

En la interacción humano-computadora, se siguen varios pasos para crear sistemas que sean amigables para el usuario. En el paso de evaluación, se realizan dos tipos de pruebas: de usabilidad y de expertos. En esta última se utilizan las heurísticas creadas por Jakob Nielsen para evaluar el diseño de la interfaz de usuario. 

1. Visibilidad del estado del sistema. El sistema debe informar a los usuarios del estado del sistema, dando una retroalimentación apropiada en un tiempo razonable.
2. Utilizar el lenguaje de los usuarios. El sistema debe utilizar el lenguaje de los usuarios, con palabras o frases que le sean conocidas, en lugar de los términos que se utilizan en el sistema, para que al usuario no se le dificulte utilizar el sistema.
3. Control y libertad para el usuario. En casos en los que los usuarios elijan una opción del sistema por error, éste debe contar con las opciones de deshacer y rehacer para proveer al usuario de una salida fácil sin tener que utilizar diálogo extendido.
4. Consistencia y estándares. El usuario debe seguir las normas y convenciones de la plataforma sobre la que está implementando el sistema, para que no se tenga que preguntar el significado de las palabras, situaciones o acciones del sistema.
5. Prevención de errores. Es más importante prevenir la aparición de errores que generar buenos mensajes de error. Hay que eliminar acciones predispuestas al error o, en todo caso, localizarlas y preguntar al usuario si está seguro de realizarlas.
6. Minimizar la carga de la memoria del usuario. El sistema debe minimizar la información que el usuario debe recordar mostrándola a través de objetos, acciones u opciones. El usuario no tiene por qué recordar la información que recibió anteriormente. Las instrucciones para el uso del sistema deberían ser visibles o estar al alcance del usuario cuando se requieran.
7. Flexibilidad y eficiencia de uso. Los aceleradores permiten aumentar la velocidad de interacción para el usuario experto tal que el sistema pueda atraer a usuarios principiantes y experimentados. Es importante que el sistema permita personalizar acciones frecuentes para así acelerar el uso de éste.
8. Diálogos estéticos y diseño minimalista. La interfaz no debe contener información que no sea relevante o se utilice raramente, pues cada unidad adicional de información en un diálogo compite con las unidades relevantes de la información y disminuye su visibilidad relativa.
9. Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores. Los mensajes de error deben expresarse en un lenguaje claro, indicar exactamente el problema y ser constructivos.
10. Ayuda y documentación. A pesar de que es mejor un sistema que no necesite documentación, puede ser necesario disponer de ésta. Si así es, la documentación tiene que ser fácil de encontrar, estar centrada en las tareas del usuario, tener información de las etapas a realizar y no ser muy extensa.

El DI es un nuevo foco de atención dentro del campo de la información, el diseño y la usabilidad. Aunque hay un cierto acuerdo acerca de lo que deben integrar los dominios sociales e informativos, no hay consenso en los métodos.

WEB 1.0 2.0 3.0

• a Web o World Wide Web no es sinónimo de internet, es básicamente un medio de comunicaciòn de texto, gráficos y otros objetos multimedia a través de internet, es decir, la web es un sistema de hipertexto que utiliza Internet como su mecanismo de transporte o desde otro punto de vista, unaforma gráfica de explorar Internet.

• 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. Puede ir ahttp://www.scribd.com/doc/550264/Que-es-web-10 y complementar.

• Mientras que la web 2.0 es un "ecosistema" de la información: Google, Wikipedia, Eby, Youtube, Blogger, Flickr, Emule, Writely. Todas estas aplicaciones y sitios tienen en común que su principal activo es el usuario. A mayor nùmero de usuarios aumenta el valor del sitio y su contenido.Visite el siguiente enlace para ampliar la información:http://www.maestrosdelweb.com/editorial/web2/ 

• Finalmente la web 3.0 o semántica es la idea de añadir metadatos a la Word Wide Web. El destino es mejorarla para ampliar la interoperabilidad entre los sistemas informàticos y reducior la mediación de operadores humanos necesaria.Visite el siguiente enlace:www.webtaller.com/maletin/articulos/acerca-web-3.php - 17k -

• En fin, ¿Cómo se caracteriza y diferencia la Web 3.0 de la Web 1.0 y de la Web 2.0? De la siguiente manera:

• Web 1.0 - Personas conectándose a la Web
• Web 2.0 - Personas conectándose a personas - redes sociales, wikis, colaboración, posibilidad de compartir.
• Web 3.0 - Aplicaciones web conectándose a aplicaciones web, a fin de enriquecer la experiencia de las personas, a esto agrega: estado de conciencia del contexto en la Web Geoespacial, autonomía respecto del navegador y construcción de la Web Semántica.

Sobre este último punto, cabe acotar que si bien diferentes factores se conjugan en la Web 3.0 a favor de la semantización de la web, en tanto esto es un proceso, no es privativo de ella. Por tal motivo, quizás sea más apropiado concebir la construcción de la Web Semántica, por fuera y por encima de estos estadíos o instancias.

CARTEL TIPOGRAFÍA

CARTEL INFORMATIVO

CARTEL FORMATIVO

TIPOGRAFÍA

La tipografía (del griego τύπος típos, golpe o huella, y γράφω gráfο, escribir) es el arte y técnica del manejo y selección de tipos, originalmente de plomo, para crear trabajos de impresión. El tipógrafo Stanley Morison lo definió como:

Arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: el de colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto escrito verbalmente. Stanley Morison, Principios fundamentales de la tipografía (1929)

La tipografía es el oficio que trata el tema de las letras, números y símbolos de un texto impreso (ya sea sobre un medio físico o electromagnético), tales como su diseño, su forma, su tamaño y las relaciones visuales que se establecen entre ellos.

Microtipografía o tipografía del detalle: El término Mikrotypografie («microtipografía») se aplicó por primera vez en un discurso dado en la Sociedad Tipográfica de Múnich. Se ha generalizado desde entonces en la literatura especializada. No obstante, se puede substituir asimismo por una palabra inglesa, Detailtypografie («tipografía del detalle»). Comprende los siguientes rubros: la letra, el espacio entre letras, la palabra, el espacio entre las palabras, el interlineado y la columna. Tiene tres importantes funciones: el peso visual, el interletrado y el interlineado.

Macrotipografía: La macrotipografía se centra en el tipo de letra, el estilo de la letra y en el cuerpo de la letra.

Tipografía de edición: Reúne las cuestiones tipográficas relacionadas con las familias, el tamaño de las letras, los espacios entre las letras y las palabras; intertipo e interlínea y la medida de línea y columna o caja, es decir aquellas unidades que conceden un carácter normativo.

Tipografía creativa: Esta contempla la comunicación como una metáfora visual, donde el texto no sólo tiene una funcionalidad lingüística, y donde a veces, se representa de forma gráfica, como si se tratara de una imagen.

TEORÍA DE LA GESTALT

Es una rama de la psicología que se ocupa de estudiar percepción visual para tratar de comprender la actitud y la conducta de los seres humanos ante las imágenes que se encuentran a su alrededor. La mayoría de los trabajos se apoyan en la idea de que la perspectiva visual es el resultado de un proceso de ordenación de los datos sensoriales a partir de una serie de categorías y a este se le conoce como 

“TRABAJO PERCEPTIVO”.

NIVELES:

v  OBJETO REAL: El que corresponde con la realidad que vemos.

v  ESTIMULO VISUAL: Es la imagen retiniana.

v  EXPERIENCIA PERCEPTIVA: Esta tiene lugar en el cerebro, donde se organiza los estímulos y se produce el reconocimiento de las formas.

Para la gestalt (o teoría de la forma) nosotros percibimos la realidad conforme a estructuras (por ello es tan conocida la teoría por los temas vinculados a la percepción, ley de proximidad, ley de cierre... ese tipo de cosas que hacen que entendamos bien una palabra aún cuando algunas de sus letras estén cambiadas de lugar...) y no de manera aislada o independiente del contexto.

APLICACIONES Y EJEMPLOS DE LA TEORÍA.

LEYES DE LA ORGANIZACIÓN PERCEPTUAL.

1. RELACIONES FIGURA-FONDO: La figura es aquello en lo que se enfoca la atención: resalta y es más notable o sobresaliente que el fondo. En algunos casos, lo que son la figura y el fondo en una escena dada resulta, y el sujeto que percibe puede organizarlos de cierta manera, y entonces cambiar y verlos de otra. La gente aprende básicamente acerca de la figura en la que concentra su atención, y no acerca del fondo.

2. LEY DE LA PROXIMIDAD: Los elementos de un campo tienden a agruparse de acuerdo con su cercanía o proximidad. Cuanto más cerca se encuentren dos elementos, mayores probabilidades tienen de agruparse.

Pero este factor de la proximidad está en uso constante cuando nos comunicamos mediante la lectura, la escritura o el habla. Escuchamos el lenguaje como una serie de palabras distintivas con pausas entre palabras y oraciones, aun cuando un espectrograma muestre una corriente casi continua de sonido. En las lecturas se usan espacios entre las palabras a fin-de se-gres-gar-las-pa-la-bras-en-u-ni-da-des, y la misma se complica cuando se rompe esta segregación.

3. LEY DE LA SIMILITUD: La ley de la similitud estipula que los similares en lo que respecta a alguna característica (forma, color, textura, etc.) tendrán que agruparse, siempre que factores de proximidad no anulen este efecto.

Nuestro seguimiento de un mensaje verbal se torna cada vez más difícil si la calidad de la voz se altera constantemente (al empalmar en una cinta magnetofónica una voz diferente para cada palabra al mensaje). Se obtiene un resultado similar al leer ToDaSlAsLeTrAsJuNtAs (todas las letras juntas), donde todas las letras dentro de un apalabra suele tener casi el mismo tamaño y color, lo que facilita el agrupamiento.

4. LEY DE LA DIRECCIÓN COMÚN: Un conjunto de puntos tienden a agruparse si alguno parece continuar o completar una serie valida o explorar un curva simple.

5.  LEY DE LA SIMPLICIDAD: Establece que si todo permanece constante, la persona ve el campo perceptual como si estuviera organizado en figuras simples y regulares. Es decir habrá una tendencia hacia las buenas Gestalt de simetría, regularidad y uniformidad.

PRINCIPIOS: El punto de partida de tratamiento Gestalt del aprendizaje es la premisa de que las leyes de la organización en la percepción son aplicables al aprendizaje y a la memoria. Lo que se almacena en la memoria son huellas de cuentos perceptuales, y como las leyes organizaciones rigen la estructura de las percepciones, también determinan la estructura de la información que se establece en la memoria.

INFLUENCIA DE LA TEORÍA DE LA GESTALT EN EL DESARROLLO DEL APRENDIZAJE.

Perciben un énfasis un tanto distorsionado acerca del aprendizaje como los siguientes:

1. Práctica: La repetición de una experiencia se acumula sobre las experiencias anteriores solo si el segundo evento se reconoce como una recurrencia del anterior.

2. Motivación: Aceptaron la ley empírica del efecto, acerca del papel de las recompensas y los castigos. Creían que los efectos secundarios no actuaban de “modo automático e inconsciente” para fortalecer los actos previos. Más bien, el efecto tenía que percibirse como perteneciente al acto previo. Las recompensas y castigos actuaban para confirmar o desconformar las soluciones propuestas a los problemas.

3. Comprensión: Aprendizaje más rápido, mayor retención.

4. Transferencia: Transposición. Un patrón de relación dinámica descubierto o comprendido en una situación es aplicable a otra.

5. Olvido: Se relaciona con el curso de los cambios en la huella.