Blog Borchani Studios

Visualmente Windows Vista ha mejorado bastante como era de esperar en un nuevo sistema operativo y más aún tratándose de Microsoft. De hecho, probablemente sus mejoras estéticas sean lo más destacable para el usuario normal ya que en otros aspectos aún está bastante lejos de Windows Xp.

Pero claro, si quieres ese “bonito” diseño sin renunciar a Windows Xp, tendrás que renunciar a gran parte de tu memoria RAM para instalar alguna aplicación que simule el aspecto gráfico de Windows Vista. La aplicación que hoy os presentamos cumple con los requisitos: Vista Transformation Pack 8.

Se trata de una aplicación que no es nueva, pero sí que ha ido mejorando y añadiendo funciones hasta llegar a la versión 8 que ha añadido diversas mejoras como TrueTransparency 0.8.5, emulando los efectos de transparencia del aero, el WinFlip 0.42 para emular el Vista Flip3D, el contador de la velocidad del procesador o actualizaciones en la sidebar de Windows Vista a la versión 2.3 Lite.

Eso sí, si piensas en instalar Vista Transformation Pack 8 te recomendamos que crees un punto de restauración antes de instalar el programa puesto que en anteriores versiones algunos usuarios afirmaban que perdían algunos iconos después de instalar la aplicación por lo que hay que extremar la precaución aunque se trate de simples iconos.

fuente: somospc.com/

Guía del desarrollador
El API de bibliotecas AJAX es una red de distribución de contenido y una arquitectura de carga para las bibliotecas JavaScript de software libre más populares. Al utilizar el método google.load(), tu aplicación tendrá un acceso global de gran velocidad a una lista cada vez mayor de las bibliotecas JavaScript de software libre más populares.

Introducción
El API de bibliotecas AJAX proporciona a tus aplicaciones un acceso estable, seguro, de alta velocidad y disponible para todas las bibliotecas de JavaScript de software libre. La aplicación puede utilizar el cargador flexible google.load() o el acceso directo a las secuencias de comandos basado en la ruta.
Uso de google.load()
La mejor forma de cargar bibliotecas es utilizar google.load() para asignar un nombre a una biblioteca y a tu versión preferida. Por ejemplo:

google.load(“jquery”, “1.3.2″); 

  google.load(“jqueryui”, “1.7.2“); 

  google.load(“prototype”, “1.6.0.3“); 

  google.load(“scriptaculous”, “1.8.2“); 

  google.load(“mootools”, “1.2.3“); 

  google.load(“dojo”, “1.3.1“); 

  google.load(“swfobject”, “2.2“); 

  google.load(“yui”, “2.7.0“); 

  google.load(“ext-core”, “3.0.0“);

Como puedes ver en los fragmentos de código anteriores, el primer argumento de google.load es el nombre de una biblioteca. El segundo argumento es una especificación de versión. La lista completa de bibliotecas AJAX es una recopilación cada vez mayor de las bibliotecas JavaScript de software libre más populares.

Creación de versiones con google.load()
Con el sistema de versiones, las aplicaciones pueden especificar la versión deseada con toda la precisión necesaria. Al insertar campos de versiones, se aplican caracteres comodín a los campos. Utilicemos como ejemplo un conjunto de versiones:

1.9.1

1.8.4

1.8.2

Al especificar una versión de “1.8.2″, se seleccionará la versión obvia. Esto se debe a que se ha utilizado una versión completamente especificada. Al especificar una versión de “1.8″, se seleccionará la versión 1.8.4 por ser la versión más alta de la rama 1.8. Por la misma razón, al solicitar “1″, se cargará la versión 1.9.1. Ten en cuenta que esta semántica de versiones funciona del mismo modo cuando se utiliza google.load y cuando se utilizan direcciones URL de secuencia de comandos de tipo directo.

Bibliotecas AJAX

Todas las bibliotecas están disponibles a través de google.load() y, directamente, a través de la etiqueta <script/>. El sistema google.load() ofrece el mayor número de funciones y un máximo rendimiento. En las siguientes secciones, se indican todas las bibliotecas disponibles. Se muestra el nombre de cada biblioteca (el nombre utilizado en google.load()), todas las versiones de la biblioteca disponibles, etc.

jQuery

nombre: jquery

versiones: 1.2.3, 1.2.6, 1.3.0, 1.3.1, 1.3.2

solicitud de carga: google.load(“jquery”, “1.3.2″);

elementos adicionales: uncompressed:true, por ejemplo, google.load(“jquery”, “1.3.2″, {uncompressed:true});

ruta: http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

ruta(u): http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js

sitio: http://jquery.com/

nota: no se alojan las versiones 1.2.5 y 1.2.4 debido a su corta duración y a su inestabilidad…

jQuery UI

nombre: jqueryui

versiones: 1.5.2, 1.5.3, 1.6, 1.7.0, 1.7.1, 1.7.2

solicitud de carga: google.load(“jqueryui”, “1.7.2″);

elementos adicionales: uncompressed:true, por ejemplo, google.load(“jqueryui”, “1.7.2″, {uncompressed:true});

ruta: http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js

ruta(u): http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js

sitio: http://ui.jquery.com/

nota: esta biblioteca depende de jquery. Antes de cargar este módulo, debes cargar jquery. Por ejemplo:

  google.load(“jquery”, “1.3.2″); 

  google.load(“jqueryui”, “1.7.2″);

Prototype

nombre: prototype

versiones: 1.6.0.2, 1.6.0.3

solicitud de carga: google.load(“prototype”, “1.6.0.3″);

ruta: http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js

sitio: http://www.prototypejs.org/

script.aculo.us

nombre: scriptaculous

versiones: 1.8.1, 1.8.2

solicitud de carga: google.load(“scriptaculous”, “1.8.2″);

ruta: http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js

sitio: http://script.aculo.us/

nota: Esta biblioteca depende de Prototype. Antes de cargar este módulo, debes cargar Prototype. Por ejemplo:

  google.load(“prototype”, “1.6″); 

  google.load(“scriptaculous”, “1.8.2″);

MooTools

nombre: mootools

versiones: 1.11, 1.2.1, 1.2.2, 1.2.3

solicitud de carga: google.load(“mootools”, “1.2.3″);

elementos adicionales: uncompressed:true, por ejemplo, google.load(“mootools”, “1.2.3″, {uncompressed:true});

ruta: http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js

ruta(u): http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools.js

sitio: http://mootools.net/

Dojo

nombre: dojo

versiones: 1.1.1, 1.2.0, 1.2.3, 1.3.0, 1.3.1

solicitud de carga: google.load(“dojo”, “1.3.1″);

elementos adicionales: uncompressed:true, por ejemplo, google.load(“dojo”, “1.3.1″, {uncompressed:true});

ruta: http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js

ruta(u): http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js.uncompressed.js

sitio: http://dojotoolkit.org/

SWFObject

nombre: swfobject

versiones: 2.1, 2.2

solicitud de carga: google.load(“swfobject”, “2.2″);

elementos adicionales: uncompressed:true, por ejemplo, google.load(“swfobject”, “2.2″, {uncompressed:true});

ruta: http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js

ruta(u): http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject_src.js

sitio: http://code.google.com/p/swfobject/

Yahoo! Biblioteca de interfaz de usuario (YUI)

nombre: yui

versiones: 2.6.0, 2.7.0

solicitud de carga: load request: google.load(“yui”, “2.7.0″);

elementos adicionales: uncompressed:true, por ejemplo, google.load(“yui”, “2.7.0″, {uncompressed:true});

ruta: http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/yuiloader/yuiloader-min.js

ruta(u): http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/yuiloader/yuiloader.js

sitio: http://developer.yahoo.com/yui/

Ext Core^¡Nuevo!

nombre: ext-core

versiones: 3.0.0

solicitud de carga: load request: google.load(“ext-core”, “3.0.0″);

elementos adicionales: uncompressed:true, por ejemplo, google.load(“ext-core”, “3.0.0″, {uncompressed:true});

ruta: http://ajax.googleapis.com/ajax/libs/ext-core/3.0.0/ext-core.js

ruta(u): http://ajax.googleapis.com/ajax/libs/ext-core/3.0.0/ext-core-debug.js

sitio: http://extjs.com/products/extcore/

 fuente: google

Añadir Starbox por debajo de estas bibliotecas, el orden correcto es como en el ejemplo siguiente.

•  <link rel=”stylesheet” type=”text/css” href=”css/starbox.css” />

Cargar las imágenes en el directorio de imágenes. No se olvide de hacer modificar esta línea en starbox.js cuando pone las imágenes en un directorio diferente.

• overlayImages: ‘../images/starbox/’,

Compatibilidad de IE8: Prototype 1.6.0.3 no es compatible con Internet Explorer 8, Prototype 1.6.1_rc3 es. Puede descargarlo aquí. Este comunicado no está disponible a través de la API de Google, ya que es una versión candidata por lo que tendrá como anfitrión a sí mismo por ahora

Sugerencia: El Google Ajax Libraries API puede utilizarse para cargar automáticamente la última versión de Prototype y Scriptaculous. Uso de prototipos, por ejemplo, la última parte de la dirección URL se puede cambiar a / 1.6/prototype.js de la última versión 1.6 .*, o / 1/prototype.js de la última versión 1 .*.

Si usted es anfitrión de Prototype y Scriptaculous y quieres hacer que el tamaño del archivo más pequeño, echar un vistazo a Protopacked. Contiene versiones comprimidas de prototipos a partir de 21kb.

Cómo usar
Usted puede convertir cualquier elemento en una Starbox utilizando:

• new Starbox(element, average);

Más Starboxes avanzados pueden hacerse utilizando un parámetro TERCERA con opciones, algunos ejemplos

• new Starbox(element, average, { stars: 10, buttons: 20, max: 10 });
• new Starbox(element, average, { overlay: ‘big.png’, ghosting: true });
• new Starbox(element, average, { total: 539, rated: 4.5, rerate: true });

Este es uno de los ejemplos de starbox.css:

 Tutoriales
¿Cómo puedo guardar los resultados en una base de datos?
Hay muchas maneras de ir sobre esto, en una variedad de idiomas. Sin embargo, dado que está utilizando prototipos, necesarios para Starbox al trabajo, la parte de Ajax puede ser utilizado para hacer esta tarea un poco más fácil. Yo sólo voy a entrar en la parte este de Javascript, ya que no puede cubrir todos los casos de back-final. Voy a utilizar Ajax.Request Prototipo de llamar a un archivo que guarda en la base de datos y también le mostrará cómo en publicar la calificación utilizando un formulario normal.

Usando un formulario
Cuando se agrega starboxes dentro de una etiqueta de formulario, todos sus datos serán presentados por utilizar este formato: identity_data. La identidad es la identidad que pasan a través de opciones, si no se establece el ID de su elemento Starbox se utilizará. Si no tiene un id, el id ’starbox_ # nr’ (donde # incrementos de auto nr) se añadirán automáticamente al elemento. Una vez que el formulario se sabrá lo que se ha evaluado mediante la inspección de la POST o variables GET en el lado del servidor. En Php por ejemplo:

• $rated = $_POST(’starbox_1_rated’);

Parámetros que usted puede acceder son: nominal, promedio, máximo y total. Así, el promedio estaría disponible como $ _POST ( ’starbox_1_average’)

Uso de Ajax
Digamos que usted quería salvar a todos los Starboxes utilizando una función. Esto puede hacerse mediante la observación del documento para el evento ‘Starbox: nominal. Primero, una función de ahorro es necesario para llamar cuando se hace clic en una estrella. A continuación se muestra una posible aplicación de esa función

• function saveStar(event) {
•   new Ajax.Request(’savestar.php’, {
•     parameters: event.memo,
•     onComplete: function(xhr) {
•       // optional callback
•     }
•   });
• }

 Prototype Ajax.Request se usa para manejar la parte de ahorro. Una característica útil de Starbox event.memo es que tiene toda la información importante: la puntuación, la identidad, media, máxima y total. event.memo.rated por ejemplo, tiene la calificación que se hizo clic. Ajax.Request tiene la opción de enviar a lo largo de los parámetros como un objeto o como una cadena de consulta. Desde event.memo es un objeto que simplemente puede ponerlo en como parámetros como se muestra en la función saveStar arriba.

Ahora tenemos que saber cuando el “Starbox: la calificación de” fue despedido el evento y llamar a la función saveStar. Hay dos maneras de escuchar para el evento personalizado, ambos se muestran a continuación.

• // observing all starboxes
• document.observe(’starbox:rated’, saveStar);
•  
• // observe just one
• document.observe(‘dom:loaded’, function() { // once the DOM is loaded
•   $(‘element_id’).observe(’starbox:rated’, saveStar);
• });

 Prototypes ‘dom:loaded’  se requiere en este caso por $ ( ‘element_id’). Observar al trabajo, ya que el elemento con el id sólo está disponible después de que el DOM está cargado. Alternativamente puede agregar el derecho de observar el código bajo el elemento de Starbox sí dentro de una etiqueta <script>, pero el ‘dom: loaded’ enfoque ayudará a mantener todos sus javascript en el mismo lugar, yo recomiendo que ponga esto en su cabecera.

Más información sobre Ajax.Request: http://www.prototypejs.org/api/ajax/request/
Más información sobre las opciones que puede utilizar: http://www.prototypejs.org/api/ajax/options/

En este caso, el back-end se lleva a cabo por PHP, por lo que debería ser capaz de utilizar $ _POST valores como $ _POST ( “identidad”) y $ _POST ( ‘nominal’) para obtener su calificación y completar la base de datos de guardar. Si no está seguro de cómo se hace esto, Google debería ser capaz de ayudar con eso. En el caso de PHP y MySQL, una búsqueda de ‘ajax guardar MySQL PHP prototipo “debe dar lo suficiente para empezar.

¿Cómo puedo utilizar onRate para salvar la calificación?
Una alternativa al uso de eventos personalizados de Prototype está utilizando la devolución de llamada onRate. La mejor forma de manejar un puesto es el uso de los eventos personalizados como se describió anteriormente, este mantendrá su código limpio onRate porque entonces no tiene que fijarse para cada Starbox individuales. Pero debe encontrar el método más fácil onRate puede utilizar de esta manera: 

• function myOnRate(element, memo) {
•   new Ajax.Request(’savestar.php’, {
•     parameters: memo,
•     onComplete: function(xhr) {
•       // optional callback
•     }
•   });
• }