Blog Revista Digital Universitaria

martes, julio 03, 2007

Nuevas aplicaciones en la RDU

Hola

Actualmente en la revista estamos utilizando hojas de estilo (CSS) y códigos de Javascript. El código javascript nos permite sincronizar nuestra página web principal por artículo cargando sólo el contenido especifico de las anclas. Por eso, cuando se cambia de ancla en una artículo la dirección no cambia. Ya no estamos cargando diferentes páginas, lo que nos permite acceder más rápidamente al contenido del artículo.

Cada mes se elabora un nuevo CSS que determinará la apariencia total de nuestra página, en lo respecta a los colores del links, la forma como está estructura; es decir, el diseño integral de la página. Además el diseñador a cargo elabora el home y un banner diferente por número, de acuerdo al tema.

Las hojas de estilo nos dan varias ventajas, por ejemplo si tenemos que hacer un cambio de última hora, de alguno de los elementos de nuestras paginas ya sea de fuente, colores de links o cambio de banner de la cabeza, todo se actualiza automáticamente en todas las páginas que estén vinculadas a ese archivo CSS. Otra ventaja es que el código CSS se quedan almacenado en la maquina de cada usuario. De esta manera cuando el usuario abre otro artículo automáticamente el CSS se encarga de darle la apariencia y diseño a la página. Los HTMLS en si se crean por medio de divs. Cada div se vincula a un estilo especifico de tal manera que tenemos un estilo para la cabeza, la barra de navegación vertical, la barra de navegación horizontal y los diferentes encabezados que manejamos.

El software que se está utilizando para la sección de biblioteca es la nueva versión de Dreameweaver: la CS3 que cuenta con una nueva aplicación que hace mas dinámicas las paginas web , por medio de un frame work llamado Spry que permite diversas aplicaciones, como en es el acomodo de las anclas en forma de acordeón ( esto se hace con AJAX )

AJAX es un acrónimo de Asynchronous JavaScript And XML. Es una técnica de desarrollo web para crear aplicaciones interactivas. Éstas se ejecutan en el cliente, es decir, en el navegador de los usuarios, y mantiene comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre la misma página sin necesidad de recargarla. Esto significa aumentar la interactividad, velocidad y usabilidad en la misma.

AJAX es una combinación de tres tecnologías:

XHTML (o HTML) y hojas de estilos en cascada (CSS) para el diseño que acompaña a la información.
Document Object Model (DOM) accedido con un lenguaje de scripting por parte del usuario, especialmente implementaciones ECMAScript como JavaScript y JScript, para mostrar e interactuar dinámicamente con la información presentada.
El objeto XMLHttpRequest para intercambiar datos asincrónicamente con el servidor web. En algunos frameworks y en algunas situaciones concretas, se usa un objeto iframe en lugar del XMLHttpRequest para realizar dichos intercambios.
XML es el formato usado comúnmente para la transferencia de vuelta al servidor, aunque cualquier formato puede funcionar, incluyendo HTML preformateado, texto plano, JSON y hasta EBML.
Como el DHTML, LAMP o SPA, AJAX no constituye una tecnología en sí, sino que es un término que engloba a un grupo de éstas que trabajan conjuntamente.

(fuente wikipedia: http://es.wikipedia.org/wiki/AJAX)


Elegimos esta forma de trabajar debido a que Dreamweaver contiene una librería de codigos .js con su respectivo CSS para cada tipo de aplicación, que cuando se carga a la página se vinculan automáticamente en la etiqueta y se cargan igualmente los archivos en nuestro sitio, archivos que también se tienen que subir al servidor para que funcione la aplicación.

Cuando ya están vinculados los archivos se puede cambiar la apariencia que tienen las aplicaciones por medio del CSS, el cual podemos abrir y cambiar los atributos del objeto; desde el color de fondo de la fuente, el tipo de fuente, contornos, etc… por otro lado, en cuanto a la funcionalidad de nuestras aplicaciones de igual manera se pueden manipular para que funcionen como mejor nos convenga.



Saludos cordiales,
Ismael

http://labs.adobe.com/technologies/spry/