Sumérjase en la Accesibilidad

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail

sumerjaseaccesibilidadEste libro se titula “Sumérjase en la Accesibilidad: A 30 días de un sitio de Internet más accesible”, y responderá dos preguntas. La primera pregunta es “Por qué debo hacer mi sitio de Internet más accesible?” Si usted no tiene un sitio de Internet, este libro no es para usted. La segunda pregunta es “Como puedo hacer mi sitio de Internet más accesible?” Si no le convence la primera respuesta, no le interesará la segunda.

Para responder la primera pregunta, les presentaré bosquejos caracterizados de 5 personas: Jackie, Michael, Bill, Lillian y Marcus.

Para responder a la segunda pregunta, les presentaré 25 consejos que puede aplicar inmediatamente en su propio sitio web para hacerlo más accesible. Aunque estos conceptos aplican para todos los sitios web, me centraré básicamente en la implementación usando herramientas populares de registros de apuntes de Internet (weblogs). Si usted desea usar alguna otra herramienta de publicación o sistema de plantillas (templates), necesitará determinar como implementar estos consejos en la herramienta de su preferencia.

Cada sugerencia se centrará en un simple concepto, explicando el razonamiento lógico detrás de este, y mostrará quien se beneficiará cuando lo implemente. Es por esto que los bosquejos caracterizados se muestran al principio, por que cambian el tono de la primera pregunta desde “Por qué debería molestarme?” a “Quién se beneficia?” Respuesta: “Marcus se beneficia.” “Cómo se beneficia Marcus?” “Bueno, veamos como…” Y así en adelante…

DESCARGA AQUÍ (o en la imagen superior izquierda)

Introducción a CSS

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail

introduccion_cssCSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.

Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados “documentos semánticos”). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.

DESCARGA AQUÍ (o en la imagen superior izquierda)

Integra una caja interactiva en tu blog o web con Box

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail
integra-una-caja-interactiva-en-tu-blog-con-box

Box es un servicio que nos permite almacenar y compartir archivos desde internet. Este servicio tiene algunos valores agregados que le permiten distinguirse de otros servicios similares, uno ellos es la implementación de cajas interactivas a través de las cuales podremos compartir archivos desde nuestro blog o sitio web, pero además podremos reproducir video, fotos e inclusive algunos archivos de audio, todo desde esta caja interactiva.

Esta guía le mostrará los pasos necesarios para integrar una caja interactiva en su blog o página web utilizando el servicio Box.

DESCARGA AQUÍ (o en la imagen superior izquierda)

Guía para principiantes: optimización para motores de búsqueda

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail

guia_optimizacion_motores_busquedaLa intención inicial de este documento era la de ayudar a los equipos dentro de Google, pero luego pensamos que también podría ser útil a los webmasters que son nuevos en cuestiones de optimización para motores de búsqueda y que desean mejorar la interacción de sus sitios tanto con los usuarios como con los motores de búsqueda. Aunque esta guía no revele secretos para posicionar tu sitio en primer lugar en las búsquedas en Google (¡lo sentimos!), el hecho de seguir estas prácticas recomendadas facilitará el rastreo y la indexación de tu contenido por parte de los motores de búsqueda.

La optimización para motores de búsqueda consiste a menudo en pequeñas modificaciones de partes concretas de tu sitio web. Cuando estas modificaciones se consideran de manera individual, pueden percibirse como mejoras, pero cuando se combinan con otras optimizaciones, podrían causar un gran impacto en la experiencia del usuario y en el rendimiento del sitio en los resultados de búsqueda orgánicos. Probablemente ya estés familiarizado con muchos de los temas que se incluyen en esta guía, que son ingredientes esenciales para cualquier página web, pero puede que no estés sacándoles el máximo partido.

DESCARGA AQUÍ (o en la imagen superior izquierda)

Desarrollo de Aplicaciones Web

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail

desarrollo_aplicaciones_webInternet, la red de redes, nace a mediados de la década de los setenta, bajo los auspicios de DARPA, la Agencia de Proyectos Avanzados para la Defensa de Estados Unidos. DARPA inició un programa de investigación de técnicas y tecnologías para unir diversas redes de conmutación de paquetes, permitiendo así a los ordenadores conectados a estas redes comunicarse entre sí de forma fácil y transparente.

De estos proyectos nació un protocolo de comunicaciones de datos, IP o Internet Protocol, que permitía a ordenadores diversos comunicarse a través de una red, Internet, formada por la interconexión de diversas redes.

A mediados de los ochenta la Fundación Nacional para la Ciencia norteamericana, la NSF, creó una red, la NSFNET, que se convirtió en el backbone (el troncal) de Internet junto con otras redes similares creadas por la NASA (NSINet) y el U.S. DoE (Department of Energy) con la ESNET. En Europa, la mayoría de países disponían de backbones nacionales (NORDUNET, RedIRIS, SWITCH, etc.) y de una serie de iniciativas paneuropeas (EARN y RARE). En esta época aparecen los primeros proveedores de acceso a Internet privados que ofrecen acceso pagado a Internet.

A partir de esta época, gracias entre otras cosas a la amplia disponibilidad de implementaciones de la suite de protocolos TCP/IP (formada por todos los protocolos de Internet y no sólo por TCP e IP), algunas de las cuales eran ya de código libre, Internet empezó lo que posteriormente se convertiría en una de sus características fundamentales, un ritmo de crecimiento exponencial, hasta que a mediados del 2002 empieza a descender ligeramente el ritmo de crecimiento.

DESCARGA AQUÍ (o en la imagen superior izquierda)

CSS Avanzado

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail
 css_avanzado

El estándar CSS incluye más de 100 propiedades de todo tipo para diseñar el aspecto de las páginas HTML. No obstante, los diseños web más actuales muestran recursos gráficos que no se pueden realizar con CSS, como sombras, transparencias, esquinas redondeadas y tipografía avanzada. Por ese motivo, es preciso que los diseñadores web profesionales conozcan las técnicas imprescindibles para crear diseños web avanzados.

En las próximas secciones se muestran las siguientes técnicas imprescindibles:

  • Propiedades shorthand para crear hojas de estilos concisas.
  • La propiedad hasLayout de Internet Explorer, imprescindible para solucionar muchos errores de ese navegador.
  • Limpiar floats, para trabajar correctamente con los elementos posicionados de forma flotante.
  • Cómo crear elementos de la misma altura, imprescindible para el layout o estructura de las páginas.
  • Sombras, transparencias y esquinas redondeadas, que no se pueden crear con CSS 2.1.
  • Sustitución de texto por imágenes y por Flash, para utilizar cualquier tipografía en el diseño de las páginas.
  • Rollovers y sprites CSS para mejorar el tiempo de respuesta de las páginas.
  • Técnicas para trabajar con el texto y la tipografía.

DESCARGA AQUÍ (o en la imagen superior izquierda)

Programación Web con patrones de diseño J2EE de alto nivel

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail

analisis-desarrollo-patrones-j2eeLas tecnologías y las técnicas para construcción de software han evolucionado rápidamente en los últimos diez años. En el ámbito de aplicaciones web han surgido nuevas tecnologías que ahora compiten entre sí. Los arquitectos y desarrolladores de software continúan desarrollando aplicaciones con prácticas antiguas, y otros, no conocen las alternativas y lo interesantes que pueden ser.

Este trabajo está enfocado en comparar alternativas a J2EE para la construcción de sistemas empresariales. ASP.NET/C#, PHP y PHP/Zend Framework serán los protagonistas de las discusiones en este trabajo. El análisis que aquí se desarrolla está basado en un vocabulario común y universal como es el de los patrones de diseño J2EE. La capacidad de cada tecnología será determinada por el nivel de soporte que brinde para la implementación de cada patrón de alto nivel.

En este trabajo, se analizan las principales fuentes de patrones de diseño J2EE (conocidos y usados como guía por desarrolladores y arquitectos alrededor del mundo). Durante este análisis se creará un mapping entre las distintas ontologías de patrones definidas por cada fuente. De esta forma, se proporciona un mecanismo que facilita la comprensión de estos patrones en general, y que permite una libre discusión a lo largo del documento.

DESCARGA AQUÍ (o en la imagen superior izquierda)

Diseño de Interfaces Multimedia

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail

diseno-interfaces-multimediaLa interfaz de una aplicación interactiva es su medio de expresión, el recurso por el que informa al usuario, le orienta, instruye, convence o emociona.

Para que una interfaz sea eficiente debemos conocer cuál es el objetivo de la aplicación, cómo son las personas a las que se dirige, cómo funciona la mente del usuario, qué dispositivo actuará como soporte, y cuáles serán las condiciones de interacción.

También resulta fundamental conocer las herramientas que nos permitirán comprobar que nuestro diseño responde a los objetivos propuestos.

A lo largo de la asignatura de Interfaces para sistemas multimedia desarrollaremos un proceso multidisciplinar en el que se abordarán todas las cuestiones que deben tenerse en cuenta en el diseño de una interfaz, desde sus vertientes funcional, conceptual, estética y técnica.

DESCARGA AQUÍ (o en la imagen superior izquierda)

Servidores de Aplicaciones Web

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail

servidores-aplicaciones-webEl éxito de Internet está absolutamente ligado a la web. Tanto que hoy en día para la inmensa mayoría de las personas es indistinguible qué es la web y qué es Internet. Todo se hace en la web. Dicho de otro modo (más coherente con esta asignatura), la web ofrece todo tipo de servicios.; de hecho ofrece todos los servicios que ofrece Internet.

Esto no ha sido así siempre. Inicialmente Internet no tenía web. Tenía servicios como el correo electrónico, la transmisión de ficheros, los grupos de noticias,… Todos ellos se manejaban de forma tan incómoda que sólo los profesionales de la informática podían utilizar Internet.

Todo cambio cuando Tim Bernes Lee ideo las páginas web. El éxito de Internet se disparó gracias a la facilidad de manejo que ofreció la web. De tal manera que en poco tiempo los usuarios y usuarias de las páginas web, demandaban que estas ofrecieran más servicios: no sólo mostrar estáticamente un texto fijo, sino que contuvieran vídeo, animaciones,… y poco a poco: acceso a servidores de bases de datos, manejo del correo electrónico, transmisión de ficheros, compra y venta de productos,…

En esta pequeña guía se le enseñará el proceso de implantación de una aplicación web a través del entorno básico más frecuente a día de hoy: Apache, MySQL y PHP.

DESCARGA AQUÍ (o en la imagen superior izquierda)

Ingeniería del software en entornos de Software Libre

Facebooktwittergoogle_pluslinkedinmailFacebooktwittergoogle_pluslinkedinmail
 ingenieria_software_entornos_software_libre

A lo largo del libro, veremos que la ingeniería del software es casi tan antigua como el propio software, y también que, parte de los problemas que hicieron nacer este sector de la industria del software siguen vigentes, la mayoría sin una solución clara y definida. Pese a ello, se han hecho grandes avances en todos los campos, desde la estimación del coste, pasando por la gestión de los equipos de trabajo, documentación, y muy notablemente en pruebas, calidad y seguridad.

Los conceptos que se tratarán serán los siguientes:

  • Ejemplos de metodología de desarrollo: eXtreme Programming y Métrica v3.
  • Diseño de software orientado a objeto con UML.
  • Control de calidad y pruebas.
  • Construcción de software en entorno GNU.
  • Control de versiones.
  • Gestión de software.
  • Sistemas de creación de documentación.
  • Comunidades virtuales y recursos existentes.

DESCARGA AQUÍ (o en la imagen superior izquierda)