No he podido ir aún pero espero poder asistir a ver los proyectos de algunos compañeros y el mío.

He podido rescatar unas fotos del facebook de la escuela de arte, a parte de compartir la invitación:

Comunidad Madrid

La casa blanca

Pues antes de editar nada, lo primero es la documentación.  Para ello me sirvió de mucho esta página o estas otras,

• zones management
• regions management

que nos muestran el esquema en formato básico y en formato visual de como se conforma ahora mismo la estructura del documento en el tema omega y como configurar y añadir nuevas zonas y regiones. Con esto podremos :

1. Entender si lo que ya existe es lo que necesitamos
2. Empezar a añadir regiones si se cumple 1 para poder personalizar nuestro subtheme

Estamos ahora en el trabajo migrando prácticamente todo a Drupal, así que nos han dado un pelín de formación y ale, ¡A sacarse las castañas!.

Así que me puse manos a la obra. Lo primero, una vez tenemos nuestros wireframes y mockups de lo que queremos hacer, es buscar si ya hay algo que pueda hacer lo que nosotros queremos y que no nos cree mucha “basura” en el código. Lo que sí tenía claro, es que quería utilizar un layout que siguiese la filosofia del responsive web design, una técnica que permite controlar no solo la escalabilidad de la estructura del layout, sino que también nos permite ,mediante media-queries de css3, controlar qué contenidos se van a mostrar y de qué forma a medida que las capacidades de la pantalla del dispositivo van cambiando. Es decir, con un solo layout podremos controlar nuestra interface para cualquier dispositivo, logrando una adaptación realmente potente.

Entonces, y despues de ver algunos frameworks y empezar a plantear “mi propio tema responsive web design” para Drupal, encontré omega.

Como bien Se dice en la web del proyecto, Omega es un Responsive HTML5 Base Theme, con el cual podremos crear subtemas gobernados por su potente core alpha. Como bien leéis en la web de su proyecto, Omega está escrito para HTML5, incorporando el marcado correspondiente en cuanto a maquetación de este lenguaje se refiere.

Vale, ya tenemos un tema base, ¿ Y ahora que ?.

Leyendo su página de documentación, Veo que la mejor manera de trabajar con él es no tocando su core alpha ni el propio tema omega, la mejor manera de trabajar, al menos para probar y ver como funciona, es creando un subtema.

Por lo tanto, eso hago. Para ello encuentro en su documentación un vídeo que nos hace bastante fácil la creación del subtema. Yo lo traduzco en modo texto por si acaso hay alguna duda.

1. Bajamos el tema omega aqui proyecto Omega
2. Descomprimimos y copiamos el tema como cualquiera para la carpeta /sites/all/themes para obtener /sites/all/themes/omega
3. Entramos en el directorio /sites/all/themes/omega/starterkits/ y copiamos la carpeta /omega-html5
4. Pegamos la carpeta omega-html5 en la carpeta /sites/all/themes/ para obtener /sites/all/themes/omega-html5
5. Renombramos la carpeta /sites/all/themes/omega-html5 por ejemplo a /sites/all/themes/tema_prueba
6. Entramos en /sites/all/themes/tema_prueba y renombramos el archivo starterkit_omega_html5.info  => tema_prueba.info
7. Entramos en /sites/all/themes/tema_prueba/css y renombramos los archivos YOURTHEME-alpha-default-narrow.css => tema-prueba-alpha-default-narrow, YOURTHEME-alpha-default-normal.css => tema-prueba-alpha-default-normal.css, YOURTHEME-alpha-default-wide.css =>  tema-prueba-alpha-default-wide.css, YOURTHEME-alpha-default.css => tema-prueba-alpha-default.css.
8. Abrimos el archivo /sites/all/themes/tema_prueba /tema_prueba.info y vamos a las líneas 8 9 10 y 11 

         ; IMPORTANT: DELETE THESE TWO LINES IN YOUR SUBTHEME
         hidden = TRUE
         starterkit = TRUE

   Y las borramos

9. Antes de salir, cambiamos el contenido de description y  name por los adecuados como descripción y nombre del subtema, guardamos tema_prueba.info y cerramos.
10. Vamos al panel de administración de Drupal, apariencia, activamos y ponemos como predeterminado el nuevo tema ,et voliá , ya tenemos subtema en omega para empezar a trastear sin miedo.

Ahora voy a ver como crear nuevas regiones y como personalizar los css de mi subtema, pero eso es otra historia que publicaré más tarde. No parece un proceso arduo, aunque así en modo texto lo parezca, los más atrevidos siempre podéis hacerlo con una buena shell y un buen vi .

Enlaces de interés para Omega

• Proyecto Omega
• Developers omega
• Preguntas sobre Omega
• Documentación para omega
• Drupal london, charla sobre el tema omega basado en responsive we design, No os perdáis el final del video que es muy geek! <3!
• Crear un subtema para omega
• Videos de omega y 960 grid en drupal
• Informational
• Documentation
• Issue Queue
• Usage Stats
• Twitter

Hay algunos fallos, fallos de accesibilidad, por ejemplo, no sé puede acceder a través del teclado al puntero que hace de intérprete en la interface, lo cual, tampoco costaba mucho en cuanto a código. Viendo que veo.tv es una cadena de contenidos más bien contados y en actual expansión, es lógico que baraje esta opción antes que la de un gran portal, en el cual casi que habría que inventarse cada pixel cuadrado de relleno. Puntos fuertes y puntos débiles que rodean este cambio, algo que quizás tendría total sentido cuando todos los aparatos de televisión gocen de una conexión a internet, cuando la web de la tv pueda complementar perfectamente el firmware. Y vosotros diréis, y si ya está el firmware, ¿Para qué quiero tener la misma interface en la web?. Pues tenéis razón, quizás la solución ideal sería combinar ambos resultados, la idea de la interface que complemente todas las novedades que se implementarán en el firmware vía actualización

la idea de que esta interface se pueda utilizar incluso para programar tu tv desde cualquier punto con acceso a internet y la idea de un portal de contenidos que amplíen la información en  desarrollo, formen comunidad, vierta contenidos extra etc, aunque eso sí, a la hora de escoger una función u otra, poner un poco de atención a la usabilidad y no volvernos muy locos, intentar que acceder a este tipo de ordenación sea una elección.

Y digo que, “de estas cosas que pasan”, porque resulta que hace ya tiempo que vengo siguiendo el trabajo de Javier Matíes desde que nos agregamos en facebook, de estas cosas buenas que tiene facebook y de como debiera usarse.

He quedado encantado con su trabajo, con los artículos del grupo tanto de manera individual como colectiva, de la comunicación, del diseño y de la programación, oh,  i <3 drupal.

Echad un vistazo por su web, sus twitters (me encanta su corporativismo) y les deseo mucha pero que mucha suerte.