CAREAGA JQuery el cuestionamiento de color que ilumina la web

“J-Query: el cuestionamiento de color que ilumina la web” Ana Lilia Careaga Mercadillo, octubre de 2014 Abstract In general, Query is another word for question , but The Queries (or simply Queries) is the third book of Opticks written by the English physicist Isaac Newton that contains a different number of “queries” or questions , up to 31 depending on the edition, that where released from 1704 to 1718. On these “Queries” we can find Newton's final thoughts on science , leaving the task to solve its puzzles to new generation of scientists . Query 31, was the most important because thanks to it, modern Chemistry could evolve through the 18 th century. However, “Query” has another meaning in computing terminology. It refers either to accessing a database using SQL language or to, J-Query , a small and fast JavaScript library that has changed the way programmers write in JavaScript .

Introducción Creo que tuve una infancia de colores. Aprendí a observar y no a mirar, aprendí a escuchar y no a oír y descubrí que la magia del color puede transformar tanto espacios físicos como sonoros. De ello tuve conciencia cuando alguna vez mis padres nos llevaron a un concierto en el Palacio de las Bellas Artes. Recuerdo que por mi corta estatura no alcanzaba a ver el escenario porque un sombrero de terciopelo rojo tapaba completamente mi vista . Era un sombrero encantador , de esos que se usaban en los 60 tas y que parecía que flotaba como una viva mancha de color en el lienzo blanco de algún pintor francés del siglo XIX en medio de aquélla magnificencia dorada y blanca en art déco. El concierto estaba por comenzar pero no sin antes hacer el ritual de afinación donde el concertino pide al oboe, el instrumento más estable, emitir la nota “La” (440 Hz) y justo en el inmenso silencio que marca el director en su batuta de alguna manera aquél sombrero rojo carente de cualquier sentido temático llenaría de paisaje de alegría mi pequeña atmósfera. Escuchaba miles de notas, cada una en su compás exacto que expresaba los arrebatos del presto agitato o los suspiros de un andante cantábile pero yo permanecía inmóvil mientras aquélla mancha roja seguía brillando como un faro que chispeaba en contraluz . De pronto, el mundo se alejaba y todo fluía de manera nebulosa pero en el mismo ritmo en que la melodía iba dibujando sus diferentes paisajes. La música, como

hechizo me hacía sensible a una serie de ondas tejidas y emitidas por los diferentes instrumentos de la orquesta como una especie de fuerza sobrenatural en forma de colores. No en vano brillaba el dorado en el mármol que se mezclaba con el espectro de arco iris refractado en las lámparas de cristal; el tiempo, las nubes y el mundo quedaban atrás transportadas por el “tempo” de la música que diluía los objetos y palabras porque todo se sentía con colores de una manera extraña y misteriosa...escuchaba el azul de la voz de los delfines; transparente y penetrante y el azul extenso como el agua de la lluvia o del agua que refresca y limpia los perfumes marinos; el azul celeste o el marino; del cielo o del universo o el que pinta el sonido de olas impetuosas de los mares. Pero también estaba el rojo del amor desesperado con el que puede delinearse un beso o una sonrisa y el rojo carmesí con el que puede trazarse una curva impetuosa de lo absurdo y escuchar ya sea lo real o lo soñado, el rojo del sonido inespecífico de la respiración y del latido esencial del corazón, el rojo intenso y eléctrico que nos hace sentirnos vivos pero también nos advierte nuestra mortalidad. Y al final, a manera de “ostinato” vino el amarillo con imágenes en la memoria; fotografías que se agrietarían con los ecos del pasado; anhelos que ahora son recuerdos acumulados desplegados solo en dos colores: blanco y negro porque el blanco son todos los colores juntos en el suave deslizar de los párpados; susurro íntimo y privado ..y el negro, porque es ausencia de color que nos envuelve en hojas secas y nos llena el alma de silencio.. Cómo olvidar aquélla noche oscura que vistió mi vida de colores y hoy la oscuridad se disfraza de luz porque entre el azul el rojo y amarillo nada es lo que parece y lo que parece es cuestionable…. Todavía recuerdo aquél sombrero de terciopelo rojo que chispeaba como faro en contraluz y causó fascinación. Desde entonces cuestioné la naturaleza misteriosa de la luz; pero en realidad la fascinación por la luz es algo muy humano y lo ha hecho especialmente con artistas y científicos. Para Claude Debussy el arte era una experiencia sensorial llena de diferentes matices y colores con singularidad misteriosa. En sus nocturnos y preludios puede percibirse el soplo suave del viento en los verdes paisajes campestres, la caída de las hojas amarillentas de otoño o los cielos naranjas de una puesta del sol en un atardecer. La música tiene alma, vida, cuerpo, voz pero sobre todo luz y color. Para los pintores impresionistas la fascinación por los cambios de luz los llevó a pintar lo mismo en diferentes horas del día o en estaciones diferentes. Buscaban tonos puros utilizando colores complementarios para sombrear porque la luz difumina los contornos y refleja el color de los objetos circundantes. Con colores como el amarillo, el magenta y el cian lograban sugerir las formas y con el verde , el violeta y naranja proyectaban ilusión de realidad. Pinceladas cortas llenas de color nos dejan entrever el misterio de la luz. Por otra parte, si recorremos los museos de arte en el mundo nos daríamos cuenta de la repetición incisiva de pinturas con una puesta de sol ; ¿acaso es una especie de premonición? ¿ o es algún tipo de símbolo universal? Indudablemente el arte está relacionado con la luz natural y en su ausencia nos hace sentir un abismo en las tinieblas como si estuviéramos transitando silenciosos en la humedad oscura de un cementerio. Cuando la luz desaparece, desaparece con ella el hombre y sus

espacios y aunque la electricidad ha logrado eclipsar al sol, nuestro ciclo de vida sigue regido por el ritmo del universo. También la arquitectura depende de la luz. La primera arquitectura que crea el hombre primitivo fue alrededor del fuego y los egipcios construyeron obeliscos 1 para medir el tiempo con la luz. Para los mayas, era esencial alinear su arquitectura en función de la luz y sombra que ésta proyectaba durante los solsticios y equinoccios. Todas las artes buscan el color y por lo tanto a la luz y su relación ha sido un interés recurrente para los filósofos y científicos. Pitágoras encontró una correspondencia entre la escala musical y la naturaleza. Descubrió que al dividir una cuerda en cierta proporción había una relación numérica entre los diferentes tonos armónicos que sonaban agradable al oído. De esta manera pudo describir el mundo físico y emocional con números sencillos porque para él los números y la belleza estaban juntos. De hecho, así creó su escala musical de siete modos como los colores del arcoíris y los planetas conocidos hasta ese entonces y cuya vibración podía crear la “música de las esferas” 2. Sin embargo, Pitágoras y los pitagóricos no conocían los armónicos ni la anatomía del oído. En la escala pitagórica todas las quintas son puras o perfectas y mantienen una relación de 3:2; pero esto presenta el inconveniente de ser demasiado amplias al oído por lo que se perciben disonantes y las terceras menores son demasiado pequeñas y por lo tanto poco consonantes. Este inconveniente de la escala musical pitagórica hizo que la teoría musical optara por buscar un nuevo camino porque impedía una creación musical más compleja como la música polifónica, para lo cual se adoptaría posteriormente el sistema de temperamento todavía vigente de la escala cromática con 12 notas.

Fuente: Isaac Newton del libro "Opticks" 1670. Escala de color y notación musical

1

La Palabra obelisco deriva del griego obeliskos, que es diminutivo de obelos y significa "aguja". El primero del que se tiene noticia se data en la época de Userkaf, faraón de la dinastía V de Egipto ( 2500 aC) . Este monumento simboliza un rayo del Sol, la estabilidad y fuerza creadora que poseía el dios solar Ra. Los antiguos egipcios los colocaron en lugares estratégicos donde se proyectaban sombras. Al principio, estos obeliscos sólo permitían saber cuándo era el mediodía, pero más tarde marcó el tiempo en otras subdivisiones. 2 Citado en Miyara, Federico “ La música de las esferas: de Pitágoras a Xenakis... y más acá” Apuntes para el coloquio del Departamento de Matemática disponible en la web en http://www.sectormatematica.cl/musica/esferas.pdf

Años después de la escala Pitagórica, Isaac Newton también relacionó la escala musical con los colores del espectro de luz. Pero lo más trascendente fue su experimento de descomposición de la luz que presentó en 1667 ante el Royal Society. En la actualidad se sabe que la luz es tanto onda como partícula, pero en aquél entonces Newton pensaba, de acuerdo al modelo de Rene Descartes, que la luz estaba compuesta por corpúsculos pero pese a ello logró descomponerla en sus colores (que son parte del espectro electromagnético) . Desde 1666 como él mismo lo refiere en su obra “Optiks” (o “Un tratado de las reflexiones, refracciones, inflexiones y colores de la luz”), comprobó que la luz que incide sobre un prisma hecho de cristal se descompone en 7 franjas de colores diferentes (refracción). Posteriormente, vuelve a realizar su experimento pero agregando un agujero en una de sus ventanas para obtener un haz de luz más fino y al colocar una hoja de papel pudo observar la trayectoria difractada del rayo de luz del color deseado. Había inventado el espectrómetro. Años más tarde prosigue sus experimentos pero con pompas de jabón y la teoría que elaboró a partir de sus observaciones fue fruto de una intuición magistral, misma que jamás se ha puesto en duda: “la luz es un compuesto heterogéneo de rayos de distinta longitud de onda que se difractan en ángulos distintos ”. Con esta afirmación, Newton fue el primero en postular que el arco iris es producto de la refracción de la luz.

En aquella época, nadie comprendió la teoría de Newton. Hooke, uno de los más célebres miembros de la Royal Society, la criticó con muy poco fundamento, y otros físicos tampoco la recibieron mejor. Los jesuitas ingleses llegaron a afirmar que el experimento de Newton estaba mal realizado. Transcurrió casi un siglo y medio antes de que se volviera a estudiar esta curiosidad científica. Hacia 1800, el astrónomo alemán William Herschel 3 ( que por cierto también era músico) midió la intensidad térmica del espectro solar, hallando que el desprendimiento de calor proseguía más allá del extremo rojo del espectro: había descubierto la luz “infrarroja” , a la cual él llamó en ese entonces “rayos caloríficos”. Sin embargo, Newton dejó , como parte de su tercer libro titulado como “Opticks” (“Un tratado de las reflexiones, refracciones, inflexiones y colores de la luz” ) sus famosas “Queries” ( a veces traducidas como “cuestionamientos”) con el fin de que se diera continuación a sus investigaciones. Las “Queries” se enfocan en 3

William Herschel,(1728-1822) fue un astrónomo y músico alemán, pero residido en Inglaterra descubridor del planeta Urano y de otros numerosos objetos celestes, y padre del también astrónomo John Herschel.

principio a los fenómenos ópticos pero posteriormente también abarcan temas sobre la naturaleza de la luz y su relación con Dios. Opticks difiere mucho de “Philosophiæ naturalis principia mathematica ”( del Latín: Principios matemáticos de la filosofía natural) ya que por haber estado escrito en prosa y sin ninguna ecuación matemática, lo hizo más accesible y aplicable. En su primera edición sólo publicó 16 de sus 31 cuestionamientos, pero ediciones posteriores se enfoca más en sus experimentos de la alquimia alrededor del éter.

En 1706 , un año después de haber sido nombrado caballero “Sir” por la Reina Ana de Inglaterra se publica la versión latina de “Opticks” ,en donde Newton amplía la “Query No 10” e incorpora 7 “Queries” más sobre la naturaleza de la luz , de los cuerpos y de la relación de Dios con el universo . Dichas “Queries” aparecen numeradas del 25 al 31. Su último cuestionamieto o “Query”, la número 31 es una versión ampliada de algunas especulaciones que Newton había planeado introducir en “Principia” pero que en último momento se arrepintió. El Query 31 es el más extenso y pretende dibujar el universo sometido a las diversas fuerzas como la gravitación con una mirada a intentar buscar una posibilidad de la unificación universal de las fuerzas de la naturaleza. Los “Queries” fueron argumentados por Newton en forma de interrogación con dos propósitos: evitar las posibles críticas de sus adversarios pero sobre todo para tener la oportunidad de plasmarlas como hipótesis o alternativas sugerentes que se tomarían en investigaciones ulteriores por lo que podríamos decir que con ellas el legado de Newton se amplía no solo como científico sino como filósofo natural. Es por ello que actualmente , cuando hablamos sobre las “Queries” nos referimos no solo a las últimas publicaciones de Newton donde culmina su pensamiento de filosofía

natural , sino a los tratados de óptica y química teórica más completos del siglo XVII que todavía son materia de estudio para los avances de la ciencia. En ciencia e ingeniería los “queries” nos dirigen automáticamente al pensamiento interrogativo de Newton en el campo de la óptica y química , pero no es así para las Tecnologías de Información donde los “queries” poseen otro significado . ¿Quieres saber más sobre el significado de los cuestionamientos o “queries” en las Tecnologías de Información y en particular sobre J-Query?

Continúa leyendo… ……………………………………………………………………………………………… Comenzando con lo básico: Qué significa “query” en las Tecnologías de Información

En general, dentro del contexto de las Tecnologías de Información un “query” se refiere a una consulta en una base de datos. La palabra “query” deriva del latín “quaere”, forma imperativa de “quaerere”, que significa pedir o buscar. Debido al uso de las redes de comunicaciones y las aplicaciones en red que cada día son más versátiles y variadas, se ideó un estándar o esquema básico de operación llamado “SQL” ( Structured Query Language) para tener un acceso universal de las diferentes bases de datos a partir de una serie de “scripts” (programa o comandos para decirle a una base de datos qué debe hacer y en qué orden hacerlo). SQL , más que un lenguaje de programación es un estándar de comunicación con las bases de datos que es capaz de interactuar con los diferentes lenguajes de programación como ASP o PHP o bien, con los diferentes tipos de bases de datos (MS Access, MySQL, Oracle, etc) . De no ser por la existencia de SQL, el acceso y uso de aplicaciones con las bases de datos sería caótico y prácticamente imposible poder compartir bases de datos entre los diferentes usuarios. Las “queries” que se realizan a través de SQL son universales y además poseen un par de características muy apreciadas por sus usuarios: potencia y versatilidad.

SQL está conformado por diversos operadores (lógicos y de comparación como AND , NOT, OR y menor y mayor que, etc), comandos (DLL y DML) , cláusulas (from, where, order by, group by) y funciones de valor agregado ( como AVG, Count, Sum, etc) que al combinarse hacen posible la creación, actualización y manipulación de cualquier base de datos.

¿Qué es J-Query? J-Query es un software libre y open source que consiste en una biblioteca de JavaScript 4 (no confundir con Java). Fue creada y desarrollada en 2006 por John Resig con el objetivo de simplificar la interacción con los diferentes documentos HTML, manejar eventos, manipular el árbol DOM 5, hacer animaciones y tener la posibilidad de interactuar a través de AJAX con otras páginas web. Actualmente es la biblioteca de JavaScript más utilizada y esencial en el desarrollo web ya que con su uso se facilita el desarrollo de aplicaciones enriquecidas RIA del lado del cliente compatible con todos los navegadores , evitando el desarrollo de código innecesario por lo que se consigue ahorrar tiempo y espacio. Es prudente aclarar que J-Query NO ES un lenguaje, sino más bien una serie de métodos y funciones de JavaScript o sea, más bien es un “framework”; por lo tanto solo es una librería que podemos emplear opcionalmente para facilitarnos la vida. Sin embargo, para aprender J-Query es necesario saber JavaScript; si no ser un experto, sí se requiere tener cierta soltura por lo que si te interesa emplearlo es recomendable iniciarte con JavaScript aunque algunos programadores argumentan lo contrario por tener una interfaz más sencilla y visual. 4

Javascript no forma parte de la plataforma de Java y es un lenguaje de programación interpretado que se utiliza principalmente del lado del cliente(solo se ejecuta en el explorador) . JavaScript no crea applets ni aplicaciones independientes. En su forma más habitual, JavaScript está en documentos HTML y puede proporcionar niveles de interactividad en las páginas web que no se pueden conseguir con HTML simple. 5 El Document Object Model o DOM ('Modelo de Objetos del Documento' o 'Modelo en Objetos para la Representación de Documentos') es esencialmente una interfaz de aplicaciones (API) que proporciona un conjunto estándar de objetos para representar documentos HTML y XML

De acuerdo al sitio web de J-Query (http://jquery.com/) , “J-Query está diseñado para cambiar la manera en que se escribe código JavaScript”. Pero más allá de esto, ha logrado algo aún más impresionante: ha animado a un gran número de diseñadores y desarrolladores web a comenzar a escribir su propio código en lugar de copiarlo de dudosas fuentes. J-Query es un archivo relativamente pequeño (84kb sin comprimir) y contiene docenas de funciones (métodos) de JavaScript diseñadas para simplificar el trabajo . Su uso es muy sencillo, únicamente ligas tu página web al archivo y usas los métodos de jQuery para agregar interactividad a tu sitio web.

Características J-Query  Es compatible con todos los navegadores actuales ( Chrome, IE, FireFox Mozilla, Safari, Opera)  Es Open Source con licencias GNU y MIT License  El 75% de los sitios web que usan JavaScript han adoptado J-Query.  Ejemplos de sitios web que lo emplean son Bank of America, Twitter y Amazon  J-Query Mobile es patrocinado por Adobe y Dreamweaver  Es muy fácil de aprender. Comenzando con J-Query Antes de comenzar a usar J-Query, debes descargarlo ya sea directamente desde el sitio de jQuery o también a través de Dreamweaver CS5.5 o posterior pero es necesario ligar tus páginas web a la librería core; hay dos maneras de hacerlo: 1. Ligando la librería hospedada en un “Content Distribution Network (CDN)” 2. Descargando una copia directamente de la página web de J-Query en donde podrás encontrar los links para versiones mínimas. Una vez que tengas J-Query podrías vincular los archivos externos de JavaScript en el pero no se recomienda porque es necesario que se procese todo el código JavaScript antes de cargarse la página; por lo que es conveniente adjuntarlos antes de cerrar la etiqueta ; como se muestra a continuación:

.

.

Guarda la página y ¡listo! Ya puedes comenzar a crear manejadores para inicializar documentos y para ello también hay diferentes maneras de hacerlo pero la más simple es la siguiente: 1. Sigue trabajando con el mismo archivo. De manera alternativa puedes usar jq_02.html 2. Inserta líneas entre y la etiqueta 3. Continua agregando etiquetas en el espacio que acabas de crear. 4. En el bloque nuevo escribe $(function() {. 5. Da clic en enter un par de veces para agregar dos líneas más . Escribe el símbolo de llave que cierra y luego paréntesis que cierra y “;” . 6. Debes ver lo siguiente: $(function() { }); De esta manera, todo el código JavaScript que necesites ejecutar al cargar la página debe ir dentro de las llaves de la función. Como el código que acabas de hacer es un código que se usa regularmente con J-Query , puedes guardarlo para reutilizarlo. Selecciona todo el fragmento y con el clic derecho crea un snippet desde el menú contextual. Escribe jQuery Document Ready Handler . Vete al espacio del método y selecciona el código que hay; córtalo y pégalo en “insertar después” y deberás ver lo siguiente:

Ahora estás listo para comenzar a aprender J-Query, para lo que te recomiendo alguno de los siguientes tutoriales: http://librojquery.com/#software http://www.desarrolloweb.com/manuales/manual-jquery.html http://www.javascriptya.com.ar/jquery/

Conclusiones Como regla general, JQuery es suficiente para la mayoría de los proyectos de desarrollo web. Habrá algunos proyectos que requieran el tradicional JavaScript; sin embargo, éstos son pocos y poco frecuentes. Aunque JQuery es definitivamente la mejor opción en la mayoría de los escenarios, como desarrollador web es aconsejable que también aprendas JavaScript. Gracias a JQuery, agregar interactividad a las páginas web ha sido simplificado dramáticamente y es por ello que hasta hoy es el framework más popular de JavaScript. Las razones de la popularidad de JQuery pueden resumirse en: 

Se escribe menos código; lo que en JavaScript te tomaría cerca de 20 líneas, con JQuery se puede lograr con 2 o 3.

 El

mismo código corre en todos los navegadores; no es necesario escribir un código especial para cada navegador.

 Emplea

de manera natural CSS, por lo que es fácil de usar para la mayoría de los diseñadores web .