Webmaster del universo
10 Jun
Según he leído en maestrosdelweb.com, la Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnología.
Y es cierto, aunque tal vez sea un concepto un tanto complicado así definido.
La web 2.0 implica la participación de los usuarios. Esto, así resumido, implica muchísimas cosas, no solo los foros o el Messenger.
Clásicos ejemplos de webs 2.0 son todas las redes sociales que han ido apareciendo en Internet los últimos años. Así, webs 2.0 son Hi5, Ringo, Flickr, Facebook, Myspace, la española Tuenti, o Youtube. Y un fenómeno que ha marcado en gran hito en la web 2.0 son los blogs y vlogs, con gran protagonismo de . El hecho de poder comentar un video de youtube y que otros te respondan hace de Youtube una importante plataforma no ya de videos, sino de opiniones, valoraciones, canales, video-respuestas… y dentro de poco, youtube en directo. El valor de una web no lo dan los gráficos, ni los motores de búsqueda internos, ni la plataforma de programación: lo más importante en una web, lo que le da valor y la catapulta al éxito, son sus bases de datos.
Pero hoy en día, esas bases de datos no las crea una entidad propiedad de las mismas: la corriente que cubre el mundo es la libertad absoluta de acciones en entornos amables y usables: el que el usuario sea partícipe de lo que otros tantos usuarios pueden ver y, por qué no, editar también, si ven que hay fallos, o que la información es ampliable (Wikipedia).
Esto responde a un concepto clave: la Sociedad de Masas. Existen dos corrientes hacia este concepto: la ‘integrada’ y la ‘apocalíptica’. Aunque de nombre desafortunado, siempre he sido más apocalíptico, junto a Umberto Eco. La Sociedad de Masas hizo de la web 1.0 una red en una sola dirección: los empresarios de Internet creían que el valor de Internet estaba en su capacidad de llegar a la gente, estuvieran donde estuvieran, no en la capacidad de esa gente de interactuar con ella.
Pero ha llegado un momento crítico en Internet: hay más de una web por cada ciudadano del mundo, y todas ellas quieren aparecer en Google. Casi no quedan dominios ‘aceptables’, y hay muy pocas personas en países de Occidente que no hayan tocado nunca Internet. Eso lo hace más masivo todavía. ¿Entonces, que se ha de hacer con los mensajes y comunicaciones empresariales? Antes el público de Internet estaba claramente segmentado: la mayoría estaban en el trabajo, y correspondían a un nicho de edad entre los 18 y los 35 años, casi todos ellos hombres (Tengo un montón de gráficas: si os apetece, por curiosidad, pedídmelas y os las dejo). Hoy en día en Internet hay gente de todo tipo, edades, clase social, género…. Por lo que los mensajes son cada vez más masivos… ¿O no ha de ser así? El primer profesor que tuve el viernes tituló su clase ‘The Power of Us’, ‘El poder de Nosotros’, algo que cuando escuché ya sabía que sería el título del siguiente post de este blog. Hoy, como He-man (permitidme un friquismo), nosotros tenemos el poder frente al ‘Esquéletor’ de la obsoleta : podemos hacer que las cosas cambien a través de Internet, porque es un medio donde todos tenemos voz y voto.
El profesor nos puso un video muy curioso: un hombre (con camiseta que pone ‘anunciante’) espera a una chica muy guapa (con camiseta de ‘cliente’). Ella le dice ‘He cambiado. Ya no me gustan los lugares donde me llevas, porque son siempre los mismos, y tengo la sensación de que no me conoces.’ Él le dice ‘Eso no es verdad: yo sé exactamente cómo eres tú: estás en el nicho entre los 20 y los 35 años, te gusta ir al cine, usas compresas con alas, te gustan las revistas de mujeres y, si tuvieras perro, le comprarías Royal Canín’. La tía se queda perpleja, y se va, viendo que él no la deja hablar en ningún momento y peca de una arrogancia petulante al hacerlo.
Hasta ahora, Internet era como la televisión y la radio: un medio sin apenas retroalimentación (‘feedback’): basándose en estudios de mercado que generalizaban más que analizaban, los empresarios se sentían (y sienten) confortables en un sistema en que ellos tienen el control sobre todo en su web, y toman decisiones que si bien pueden ser acertadas o no, el usuario tendrá que apechugar con ellas. La información corría en una sola dirección. Y esa fue una de las razones de la explosión de la burbuja .com hace 8 años, además de otras tantas relacionadas con lo mismo.
En el curso, estuvimos un buen rato hablando de esto, y hablando de lo que los Yanquis llaman ‘Learning Group’. A un grupo de individuos, usuarios de una web determinada objeto de estudio, con edades y género diferenciados, se les une en un lugar determinado, con el fin de que expongan sus opiniones y la idiosincrasia de su trabajo que está ligada al uso de la web en cuestión, así como que propongan. La idea es obtener un análisis externo de lo que podría tener la web y no tiene. De este modo se obtiene un valor extra para la web: erl hecho de saber lo que sus usuarios quieren. Parece una tontería, pero la mayoría (el 99,999%) de las webs del mundo no llegan buen puerto por eso, por no saber lo que su usuario quiere ver en la web: la idea es darles un pequeño premio, sin que sea anunciado previamente. Un pen-drive puede ser, por ejemplo, un buen incentivo. Pero hay que dejar claro que lo que quieres es ver lo que le falta, no lo bien que está todo: que propongan, que critiquen. Y ante todo, lo mejor es hacer que todos se sientan a un mismo nivel, pues lo más probable es que entre ellos no se conozcan, y por lo tanto se cohíban. Pero lo más importante, y en lo que más incidía el profesor, es en buscar un lugar abierto. Por poner un ejemplo: el lugar puede ser la playa de Barcelona, el Parque Güell, una terraza en las Ramblas, los cañones de MontJuic…. Un lugar neutro, donde todos estén al mismo nivel, y que de pie a la creatividad, a las nuevas ideas. Los lugares cerrados son un estorbo, pues pueden crear ansiedad, por lo que el mensaje del usuario puede ir con ‘ruido’. Esta práctica me pareció muy buena en la teoría… pero que las empresas quieran hacerlo es diferente… el orgullo de la patronal y el dinero invertido por ellos hace que la posibilidad de que sus bases de datos sean editadas (=robadas, =copiadas, =contenido malintencionado) por terceros les atemoriza, por lo que prefieren continuar en el modelo 1.0 de comunicación unidireccional, que tantas satisfacciones les ha dado durante años.
Pero hoy en día, esto no debe ser así. La patronal tecnológica debe darse cuenta que están en un mundo de cambios constantes, y de que no estar adaptado a los nuevos retos puede implicar fácilmente que la web descienda en usuarios únicos y páginas vistas. Esto puede ser debido a un desencantamiento del usuario, o peor aún, de la competencia, que se ha dado cuenta que tú no tienes intención de elevar tu web a la 2.0, por lo que se decida a invertir un capital en crear la suya acorde a los nuevos vientos, y destruir tu primer puesto en Google, que llevabas ostentando 10 años. Hoy en día son los usuarios los que le dan valor a la web, pues ellos engordan las bases de datos que luego servirán a otros. Pero los usuarios se acuerdan de tu web si la visitan con asiduidad. Y para que eso ocurra, hay que darles motivos para que sean asiduos.
La web de mi profesor, Bvirtual, empieza con esta frase: ‘No caces usuarios: que los usuarios te cacen a ti’. Me parece tan simple y tan perfecto… que a su vez es la frase perfecta para terminar este post.
21 May
Cuando apareció Firefox 1, nueva propuesta Open Source de mozilla, yo alucinaba. No me gustaba Netscape por la interfaz demasiado cargada con iconitos inútiles y feos, y Firefox vino a entrar en ese sector de los internautas que, si bien no quieren saber nada de Explorer, tampoco querían la extrema capacidad de Netscape de tener tantas cosas a mano que al final era como no tener nada, porque la mitad no sabías para lo que era.

Salió Firefox 2, y aunque la funcionalidad ya estaba en el 1, la navegación con pestañas se afianzó mucho, hasta el punto que Explorer la incluiría en su versión 7, viendo que Firefox le ganaba terreno por ‘minucias como estas’. Creían que su triunfo iba más por ahí, no por el tema del código abierto o de la gran compatibilidad del programa que ya en su versión 2 empezó a ganarle terreno a Explorer, hasta comerse casi el 30% de los internautas mundiales.
No busco que esto sea una historia de los navegadores, hay muchos artículos y muy buenos en todas partes acerca de este tema. Cuento esto porque al principio era ‘entusiasta’ de este programa, que divulgaba e instalaba, hasta el punto de saberme los pasos del installshield casi de memoria.
Pero entonces llega el 2007. El año pasado empecé a ver cosas que no me gustaban nada. Las pestañas, de repente, dejaban de ser funcionales (porque sí, no tras forzar cosas en plan hacker: únicamente haciendo clic en las pestañas), y cuando hacía un Ctrl+Alt+Supr, me llevaba un susto increíble al ver la cantidad de RAM consumida por el programa, que se disparó a partir de la versión 2.0.0.12., hasta llegar a 300MB o 400MB. Incluso Photoshop e Illustrator trabajando a la vez consumen menos RAM (y con dreamweaver, eclipse y flash, todos a la vez).
El caso es que he conocido Opera. Iba a decir recientemente, pero no sería cierto: sí lo es que lo utilizo cada vez más. La estabilidad que me brinda es brutal: también, seamos sinceros y objetivos, consume aún más RAM que firefox (todo sea dicho), aunque si esa RAM extra viene por la estabilidad, bienvenida sea. Además hay algo que nunca me ha gustado y que parece responder a la inutilidad de algún Project Manager: la pregunta de ‘tienes varias pestañas abiertas ¿Quieres cerrar de todos modos?’. J…, pero no le he dado al botón de cerrar, maldita sea? Porqué me preguntas?? Bueno, esto se podría justificar con el hecho de que si cierras pierdes las pestañas…. aquí es donde hace su aparición Opera, el cual está mucho mejor pensado porque no te pregunta nada, ni al salir, ni al empezar: directamente, si cerraste con 5 pestañas abiertas, cuando vuelvas a entrar, ahí las tendrás esperándote. Si las quieres cerrar las cierras, si no, no. Creo que es lo más inteligente de cara al usuario.
Esto es algo que se debe decir, pese a que si lo dijese en determinados círculos de meneadores, me lloverían críticas a porrón: lo cierto es que el código libre es muy útil, permite un avance rápido de los códigos de programas de todo tipo. No obstante, a veces te encuentras con este tipo de cosas que parecen pensadas rápido, únicamente con el fin de que quien ha hecho el código tenga el orgullo de decir “Mi código está en firefox”. ¿Pero es bueno? ¿Te has parado a pensar en el usuario, o el código que has metido lo has testeado en varias versiones, con diferentes idiomas? ¿Y con varios complementos? No sería la primera vez que me aparecen fallos con el FireBug o con el WebDeveloper, tras actualizar a la versión 2.0.0.13 y 2.0.0.14.
Muchos americanos solo conocen la existencia de UTF-8 y ASCII, mientras que la comunidad hispana utilizamos una codificación de caracteres llamada ‘ISO-8859-1′. Conque cualquiera de ellos ponga un reset a UTF-8 de la variable que contiene la codificación, estamos apañados los hispanohablantes. Esto es solo un ejemplo, no digo ni dejo caer que eso haya podido pasar, pero sí otras cosas que me fastidian mucho, como el magnífico fallo en C:/Archivos de programa/Mozilla Firefox/components/nsSessionStore.js, en la linea 2063 (me lo sé de memoria porque es el único fallo que da la página que administro, y me he calentado mucho la cabeza con él). Y solo me lo da en firefox.
El rollo con este problema es algo personal ya: mi jefe, que es un ‘pro-estándares’ (como yo), ve el error y obviamente no sabe lo que es: pero sí sabe que yo soy el responsable de que todo aparezca bien, y no lo hace gracias a una graciosa actualización de firefox. Esto, es una putadilla también porque llevo desde que salió explicándole a mi jefe que firefox es el navegador de los estándares. Claro, ahora me dice que le da igual que el explorer y el opera y el safari no den fallos, porque Firefox es el navegador de los estándares, y tengo que arreglarlo. ¿Qué carajos hago? ¿Me meto a la comunidad subversion de firefox y les canto las cuarenta a todos? Pues no sería mala solución, la verdad, excepto porque javascript no es lo mío y no podría aportar crítica constructiva.
En cualquier caso, ahora sale el Firefox 3… el cual ya han anunciado los de Mozilla que saldrá con un 80% de los bugs detectados sin resolver…. es lo que tiene esto. A ver si todo va bien: eso sí, no pienso instalarme ninguna beta, ni alfa, ni letra griega cualfuere tras la palabra firefox. Me instalaré el tres definitivo, o al menos, la versión que lea que ya funciona bien.
8 May
Esta web, Liquid Journey, la conocí hace muchos años ya (como 5, podría decir), navegando por webs de expertos en eso que se llamaba Flash y que aún no sabía muy bien de qué iba. Y esta web me ayudó mucho a entender lo que es, a entender porqué Flash es una herramienta más orientada a diseñadores que a programadores, pues en un sentido amplio, Stasiuk reduce la belleza a ’simples’ fórmulas matemáticas.
El propósito de liquidjourney es una entidad de la web que vas entendiendo conforme la navegas. Es algo sorprendente que Gary publica no solo los resultados de su creatividad, sino también el código fuente en flash que crea la magia. Y, cuando descargas cualquiera de sus archivos, lo primero que encuentras es un txt con esta leyenda:
Open Source Flash/ActionScript //Flash/Actionscript de código abierto.
Modify and/or extend the code in this file… // Modifica y/o extiende el código de este archivo
Return any breakthroughs of brilliance //Reenviad cualquier ocurrencia brillante
Please give credit where credit is due. //Si ganáis pasta con esto, acordaos de mi.
En verdad, a Gary Stasiuk solo lo conozco por su obra, y por la respuesta que me dio hace tiempo cuando le preguntaba por una parte de su código que no entendía bien (Una función global). Al buscar Gary Stasiuk en Google, puedes ver la cara detrás de la pantalla que ha creado todo esto… y se refleja en ella. Su cara es un libro abierto: un libro de matermáticas, física y creatividad, todas juntas pero no revueltas.
Además, el creador es ’speaker’ en varias conferencias internacionales, sobre todo de FITC, Flash in the Can, una web orientada a los desarrolladores canadienses. Y es que en Canadá están varios de los más importantes creativos y gurús Flash de esta época. Stasiuk tiene en el ‘recibidor’ de su web varios enlaces: los tres de la página principal, y otros tantos abajo del todo que son enlaces a sus presentaciones para estas conferencias… auténticas joyas que muestran (in)formación acerca de la simulación de inteligencia artificial, comportamientos aleatorios, y un review muy completo acerca de la clase BitmapData.
Es también muy interesante la gran lista de enlaces de que dispone, muchos relacionados con el ‘opensource’, otros tantos orientados a Flash en general, y otros enlaces más generalistas.
Pero la magia de Gary está en el apartado ‘Source’ que es donde crecen sus contenidos y donde publica todas sus ocurrencias fla. Son de especial mención la sección ‘Favorites’, ‘Ai’, ‘Recursion’, … bueno, en realidad todas son muy interesantes…
En definitiva, liquid journey es una gran muestra de trabajos que además sirven para que aprendamos y para enriquecernos la vista y la creatividad durante un buen ratillo.
5 May
Eso es lo que ha aparecido esta mañana en meneame con enlace al blog de ‘Incubaweb’, y éste, a la página del proyecto de Adobe: la multimillonaria compañía de Silicon Valley ha decidido volver a la actualidad informática global con este anuncio tan sorprendente que algunos no dudan en calificarlo como la noticia del año.
Si lo encuadramos en un entorno de webmasters, desarrolladores y programadores, sin duda que la liberación de la especificación de los archivos flash no dejará a nadie inadvertido. Aunque si bien es una noticia muy relacionada con este mundillo, tampoco tendrá a corto plazo ninguna manifestación expresa de que algo ha cambiado; tal y como ocurrió cuando Adobe nos sorprendía con la adquisición de Macromedia, pasarían años hasta que vieramos un ‘Adobe Flash’ (que hoy ya está). Así pues, no sorprenderá a nadie que equipare esto al comando ‘Ver código fuente’ en el menú contextual de Flash, que sería tan útil como el que los navegadores nos brindan con el HTML, CSS y Javascript. Aunque no parece que los tiros vayan a ir por ahí en una primera fase.
La idea que ha tenido Adobe con este ‘Open Screen Project’ es eliminar todas las restricciones al formato .swf y .flv/f4v y publicar las especificaciones de este tipo de archivos. Aunque se especula mucho de la razón de todo esto (competencia con MS SilverLight, utilización de la etiqueta <video> de HTML5), Adobe explica en la web del proyecto que se trata de liberarlo para exportar el formato flash no solo a ordenadores y móviles (Flash y Flash Lite), sino también para Televisión y electrónica de consumo, teniendo en mente además incluir Adobe AIR en el futuro.
Es curiosa esta acción, sobre todo tras el anuncio de Google de liberar el formato KML relativo a Google Maps. Parece que en Silicon Valley (que no en Redmond) los vientos soplan con aires de libertad creativa.
Esta estrategia recuerda además a mediados de los años 90, cuando el pdf tenía una fuerte competencia y Adobe con el fin de impulsarlo lo liberó, en una jugada que hizo del pdf un estándar reconocido en el mundo del desarrollo web.
La noticia es tan impresionante como los apoyos que está recibiendo la iniciativa de Adobe: si eBay y FineTune se sumaron rápidamente al desarrollo de Apollo/AIR, el Open Screen Project ya cuenta con respaldos tan renombrados como NOKIA, Samsung, Sony, Motorola, Cisco Systems, Toshiba, Intel, Verizon, NBC o VIACOM (MTV networks), que son solo la punta del iceberg de algo que -parece- solo acaba de comenzar.
Un aplauso y una ovación a Adobe, que aún a pesar de ser un monopolio, saben no abusar de lo que tienen y ofrecer cada día cosas mejores y más perfectas.
30 Apr
Hace ya uno o dos años me dieron a conocer una web que rompía con la música en Internet: ésa era Pandora.com. Esta web era un auténtico boom en lo que a música streaming se refiere, pues no sólo permitía escuchar la mayoría de grupos (anglosajones) que te gustaban, sino que además agregaba una funcionalidad que era donde realmente residía la magia de Pandora: la creación de ‘radios personalizadas’ a los gustos que eligieses. Así pues, si ponías una canción de un grupo conocido, después de escucharlo te aparecían temas de grupos parecidos al de la canción que habías seleccionado, que a lo mejor no eran tan conocidos pero que a priori podrían gustarte: y si no te gustaban, pues decías que ‘No me gusta’ y la radio aprendía de eso. Así pues, gracias a Pandora, conocí a King Crimson (Llamadme inculto) ingresando a los Tool como preferencia. Y me aparecían otros como Nine Inch Nails, Sparta, A Perfect Circle o Rage Against the Machine. Todo relacionado como veis.
Pero ocurrió lo que se esperaba. El tema música en Internet vs. copyright se llevó por delante las virtudes de Pandora desde Europa, desde donde ya no se puede acceder como se puede ver en el enlace.
Parecía que los europeos tendríamos vetado el acceso a la música ‘on demand’; Internet se hacía un poquito más aburrido… hasta que alguien en Francia se dio cuenta de ello y decidió ponerle solución, una solución que ya parecía demorarse. Fue mi buen amigo de contenidos de Softonic para Francia, Jérémie Sebban, (a quien tengo un poco abandonado últimamente) quien me recomendó DEEZER por vez primera, siendo aún webmaster en Softonic.com.
Al principio no le di la importancia que se merecía, como a priori suele ocurrirme con los sites que visito por primera vez. No obstante, DEEZER me fue enganchando poco a poco. Une la música streaming con el concepto de ‘friends network’ tan explotado por redes como facebook, hi5, myspace o tuenti, y que tan buenos provechos da a quienes la llevan a buen puerto en su desarrollo. En Deezer puedes hacer amigos como en éstas, ver lo que están escuchando en el mismo momento, escuchar y/o enlazar sus playlists, y como Jamendo (web de la que hablaré más adelante en esta bitácora), crear en tu página web un reproductor con la música de tus playlists. Y otra funcionalidad curiosa de este site es la posibilidad de subir tú mismo tus mp3, para que tus colegas escuchen tus mp3s. Como veis, todo roza la ilegalidad en la propiedad intelectual, sin llegar a tocarla ni a hundirse en ella.
Este site RIA es una excelente apuesta de los franceses por la música streaming en Europa. No sólo adopta el modelo playlist, totalmente configurable y manejable, sino que aporta el concepto ’smartradio’ como alternativa a Pandora que ya iba haciendo falta. Con una admirable elegancia y un muy buen uso de la delegación de eventos, clases y filtros, así como de la API de sonido, los webmasters de Deezer deben estar orgullosos del monstruo flash que han creado; el CEO de Deezer ha logrado encabezar uno de los proyectos más remarcables de la web 2.0.
Deezer es una web que está creciendo a pasos agigantados. Solo ver su barra de banderitas para los idiomas ya da una idea de la espectacular expansión que están viviendo estos últimos meses. La recomiendo encarecidamente, aunque con mesura y buen uso, quiero decir: el problema de la música en streaming es el gran ancho de banda que consume, lo que puede ser un problema si en una red de pequeña oficina (como donde yo trabajo) entra mucha gente a la vez. Por eso os la recomiendo, aunque no recomiendo que lo digáis demasiado en la oficina pues os puede pasar como a mi: que el jefe se entere también y limite el acceso. Era de esperar, de todas maneras: Internet iba muy lento cuando estábamos 3 o 4 en deezer al mismo tiempo.
No obstante, la web resulta de una excesiva recomendabilidad y animo a todos mis lectores a formar parte de Deezer. Merece la pena el proceso de registro, que por otro lado, no es demasiado largo y la recompensa lo premia.
De momento os dejo con la música en mi blog de los apasionantes TOOL que ya nombraba unas pocas lineas arriba. Están en la barra azul, debajo de los comentarios recientes.
30 Apr
Esta apasionante web es desarrollada en Hertfordshire, Inglaterra, y su razón de ser es la entrega de galardones de varios tipos a webs desarrolladas, muchas de ellas, enteramente en flash/flex, que de esta manera obtienen promoción a nivel de los círculos de diseñadores flash a lo largo y ancho del mundo.

Este es un screenshot de la web
‘The FWA’ está desarrollada en Flex y es una RIA de muy alto standing y complejo desarrollo. Es de agradecer la limpieza en el diseño, de fondo blanco y la elegancia y claridad de los componentes. Tiene curiosidades como el uso del scroll de ratón en la navegación de los premiados y en la lectura de artículos, además de escalabilidad y otros añadidos de alta calidad que convierten a theFWA en una web de referencia y obligada visita por todo desarrollador que se precie.
Los premios que otorga son al ganador del día, de la semana, del mes y del año . Éstos pueden colocar una banda en la web premiada, con la leyenda del galardón recibido.
Además, es interesante la bolsa de trabajo de que dispone, si bien es cierto que la mayoría de plazas disponibles son para los EEUU.
Podéis conocerla haciendo clic aquí.
29 Apr
Aunque suelo devorar libros de programación en Flash que me apasionan (la mayoría de ellos de la editorial Anaya), en ocasiones encuentro algunas joyas que me resultan apasionantes de leer y que me abstraen de lo demás por su calidad y por lo que me aportan, que en este caso es de una magnitud que ninguna variable sería capaz de almacenar. Es el caso de este libro: “Foundation Actionscript Animation”. Ya está anticuado pues habla del AS2 (existe una edición para el 3). Aun así, es increiblemente completo. A través del enlace de amazon podéis ver, haciendo clic sobre la miniatura del libro, un ‘preview’ de sus contenidos, aquí.

Imagen obtenida de la web de Friends of Ed
Este libro, de Keith Peters, es una auténtica maravilla. Que yo sepa, no ha sido traducido al castellano, ni distribuido en España bajo ninguna Editorial. La que lo publica en los EEUU es ‘Friends of Ed’, y la única manera de conseguirlo fue a través de Amazon. Lo conocí por medio del videotutorial de uno de mis gurús, Lee Brimelow, autor de la genial página www.gotoandlearn.com, y que está muy relacionado, por lo poco que sé, con 2advanced Studios. En uno de sus videotutoriales, L.B. para el disurso para recomendar este libro, cosa que no suele hacer. Y no lo hizo en vano, puedo asegurar.
El libro trata temas matemáticos de utilidad creciente conforme avanzas en el libro. Lo primero es hablar de la animación en sí (su breve historia) y luego entra en flash para explicar las cuatro tonterías que los que empezamos con Flash 5 ya tenemos más que leidas (aunque no por ello es bueno saltárselo pues acota pequeños truquillos que son buenos de saber y utilizar). Pero el siguiente capítulo entra en materia con un lenguaje directo y brutal que te hace entenderlo todo (claro está, si sabes un inglés medio-avanzado relativo a programación) con una contundencia envidiable. Habla de senos, cosenos, tangentes y cotangentes, funciones de trigonometría espacial. Mi caso, que fue el de un chaval que odiaba la física y las matemáticas, duda de sí mismo leyendo este libro que trae a colación las típicas funciones que creía que jamás utilizaría (Discúlpenme ingenieros y demás gente de ciencias: yo estudié latín y griego). Una función sinusoidal resulta de extrema utilidad en Flash, así como el teorema de pitágoras.
Pero la magia de este libro la he visto residir en su capacidad creativa a nivel pedagógico. Con el capítulo de la trigonometría/geometría, y el siguiente, que habla de la API de dibujo ‘runtime’, ya se me han venido ocurriendo a lo largo de toda la mañana cientos de cosas, como una gaviota aleteando, o las olas del mar… solo habiendo leído tres capítulos del libro, y en casi todas, utilizando funciones sinusoidales. Y otra gran ventaja es que ahora entiendo un poquito mejor el código de Gary Stasiuk, el genial matemático/programador, creador de Liquid Journey. Otro de mis gurús, a quien nombraré más de una vez en mi bitácora.
Conste que estas dos APIs, la de geometría y la de dibujo, ya me eran conocidas… aunque puedo decir sin tapujos que mi conocimiento de estas APIs ha ‘renacido’ y se ve con más posibilidades que nunca.
No veo la hora de acabar hoy en el trabajo para entrar al metro a seguir leyendo tan fascinante obra, y llegar a casa para probar lo que en el metro he maquinado con lo (muy) poquito que sé.
18 Feb
En código HTML y en varios lenguajes de programación, los colores se miden hexadecimalmente, que es un sistema matemático cuyos entresijos os desvelo a continuación. No es muy complicado, no temáis.
Sabemos que hay dos tipos de esquemas cromáticos: el color físico (RGB) o aditivo, y el color químico (CMYK), o sustractivo. Para monitores de televisión y de ordenador, se utiliza el sistema RGB pues la transformación de señal eléctrica en color es un proceso físico: RGB se refiere a Rojo, Verde y Azul. En círculos hispanohablantes suele denominarse RVA. Aunque, trabajando en un mundo global, lo mejor es estandarizar estas siglas: RGB es mundialmente reconocido, en detrimento de ‘RVA’. Desde Onyria os recomiendo que os refiráis a este modelo siempre por este nombre, más que nada por evitar autoconstruirse barreras.
Los colores se representan con seis caracteres, que pueden ser, por ejemplo, 000000, FFFFFF o 6EA3FB.Estos caracteres van del 0 (cero) a la F, en este orden: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. 16 caracteres en total. Este orden va de lo más oscuro a lo más claro (0=0 color, F=full color, para que os acordéis), y van en grupos de seis, precedidos (no siempre como explicaré más adelante) de una almohadilla (#) en la mayoría de casos.
Sabemos que el ‘fósforo’ de una pantalla puede representar rango del 0 al 255, es decir, 256 tonos. Cada par de caracteres en una definición de color te dicen el tono de R, G o B. Así por ejemplo, si tenemos un hipotético (incorrecto) caso de color así: #RRGGBB, el tono de rojo será RR, el de verde GG, y el de azul BB. Es incorrecto pues no existen ni la R ni la G como caracteres hexadecimales.
¿Y porqué esta mezcla de letras, y porqué van en pares? son 16 caracteres hemos dicho: si multiplicamos 16 x 16 el resultado nos da exactamente 256. Así pues, cada pareja puede representar un máximo de 256 combinaciones distintas. Así pues, sabemos que son: (R)256 x (G)256 x (B)256 = 16.777.216 colores.
Ahora hagamos ejercicio de recuerdo: sabiendo que el blanco es resultado de la mezcla de todos los colores físicos, tenemos que FFFFFF representa al blanco puro, y 00000 al negro absoluto. Por esta regla, uno se da cuenta de que si en los tres grupos aparece lo mismo, tendrá un gris. Y con lo mismo me refiero tanto a AAAAAA, o a B3B3B3.
Esta imagen fue encontrada en http://www.mattlag.com/htmlcolorchart/
Es excepcional el caso de algunos lenguajes de estilos, como CSS, en que pueden no ir en grupos de seis. Una declaración como estas dos: span{color:#ABC}, ó span{color:#F} son válidas ya que se interpreta, en el primer caso, que A es rojo (AA), B es verde (BB), y C es azul (CC). Así pues, si solo hay un caracter, se interpreta que es un gris ’seguro’. No obstante, recomiendo esto más como técnica de lectura y ‘debugging’ que como técnica de desarrollo, pues no todos los lenguajes lo admiten.
Esto de ’seguro’ se refiere a los ’safe colors’ tan famosos. Estos colores son aquellos que tienen el mismo carácter en las parejas de tonos: #00FF99, por ejemplo, y además son múltiplos de 3. Por ejemplo, dentro de los tonos de azul, son colores seguros: #000033, #000066, #000099, #0000CC y #0000FF (hay más si metemos 33, 66… en R o en G). Esto de colores seguros viene de hace varios años, cuando la web nacía y los monitores no tenían la calidad gráfica de hoy en día. Estos colores eran aquellos que los monitores antiguos podrían reproducir sin problemas. Son también conocidos como colores de 8 bits (ya que 2 elevado a 8 son 256, que son las posibilidades de tonos de los colores seguros).
Hoy en día, los monitores son capaces de reproducir colores de 32 o 64 bits (miles de millones de colores), y ésto nos ha dado gran ventaja y alivio a los diseñadores.
Es posible que os encontréis otras posibilidades: si aparecen, cuatro grupos en vez de tres, (#RRGGBBAA), el último par suele referirse a la transparencia, aunque su uso no es muy habitual, suele utilizarse más en entornos de desarrollo como C o C#.
Es posible además, que no siempre haya una almohadilla delante de los colores hexadecimales, aunque sea un estándar. Es el caso del Actionscript de flash, en que los colores se representan 0xFFFFFF, siendo el primer carácter un cero, y el segundo una equis minúscula.
Nada más: un buen primer post. Espero que os haya entretenido y hayáis aprendido algo nuevo.