El primer que puc dir és que em vaig quedar maravillat amb el Citilab de Cornellà. És un edifici espectacular, on es barreja perfectament la façana antiga d’una fàbrica o edifici de maons antic, amb un interior espectacular, modern i molt ben escollit per a la seva funció final. A més a més, la sala on es va fer la formació estava perfectament equipada amb un portàtil a cada lloc, amb connexió de xarxa sense fils, projector d’alta qualitat, etc. Un gran equipament que possiblement mai vegi al meu poble

Pel que fa a la jornada de treball en sí, els dos tallers que es varen dur a terme foren de construcció de temes en Drupal 6.x i una discussió sobre mòduls útils en situacions típiques. Encara que nosaltres ja coneixiem força aquests dos temes, varem poder conèixer força gent interessant, i sobretot, veure que una iniciativa d’un petit col·lectiu, acaba congregant, en el seu segon acte, més de 20 persones. La qualitat de les presentacions era mitjana, però tot i així, jo vaig nodrir-me més dels comentaris de la gent que no pas d’altra cosa, ja que a l’amfiteatre es notava un nivell mitjà-alt de desenvolupament-interacció amb Drupal.

Per acabar dir que possiblement em vagi passant per totes les jornades que faci aquesta gent i intentaré ajudar-los en tot el que pugui tot presentant les meves propostes de sessions de treball. Alguns temes que em venen al cap són:

• Desenvolupament de mòduls en Drupal 5.x.
• Migració d’una web estàtica a Drupal. Com migrar la teva web a aquest meravellós gestor de continguts.
• Construcció de temes 2.0 per Drupal. Explotem XHTML, CSS i jQuery.

Si algú té interés en cap tema especial, digueu-ho i així sabré què li agrada a la gent. Dieu també quins tallers us agradaríen que es fessin. Mai se sap potser a mi no se m’ocurreixen.

Primerament pensava que serien unes conferències més aviat íntimes i de contingut bàsic o d’introducció, però em vaig trobar amb tot el contrari. Hi havia gent molt preparada i sobretot molt interessant, i a més a més, va venir gent de tot l’estat espanyol cosa que va obligar a fer les xerrades en espanyol (menys n’Arnos que la va fer en anglès, cosa que em va demostrar que l’entenc força bé).

Els continguts de les conferències foren molt diversos però tots interessants:

• Continuous Integration Server per a PHP
• Optimització d’aplicacions PHP (server-side)
• Optimització d’aplicacions PHP (client-side)
• Certificació Zend en viu
• Desenvolupant amb Akelos PHP Framework

Us deixo un enllaç a les presentacions i a un petit vídeo de l’esdeveniment per a qui li pugui interessar (els qui em coneguin, em poden cercar entremig de tots els assistents – premi per a qui em trobi). La que més interessant vaig trobar, com a mínim per a les meves necessitats, és la d’optimització d’aplicacions a la part de client. Gràcies a aquesta, crec que podrem solucionar molts problemes aquí a can Partal.

Personalment, alço al màxim el valor d’aquest petit grup de programadors per construir un esdeveniment d’aquest tipus i d’aquesta alta qualitat. Personalment vaig quedar molt impressionat de la qualitat del contingut de les presentacions i de la logística per a muntar tot l’esdeveniment.

Tot això m’ha servit, a part per aprendre més de totes les tecnologies per a creació de sistemes basats en web, per a veure com són aquests esdeveniments i per facilitar així les properes jornades de programari lliure que, des de FÀCIL, estem intentant crear a Montcada i Reixac.

Doncs bé, avui vull deixar aquí un petit marc de treball que darrerament ha obtingut molta popularitat: Django.

Django és un marc de treball, o tal i com diu l’autor, és només un conjunt d’abstraccions de tasques comuns de desenvolupament Web. Aquest està escrit en Python, un llenguatge molt potent que només he tingut ocasió de tocar en una experiència força frustrant. Val a dir, que fa poc es va publicar un llibre molt complet que es pot comprar en paper o bé consultar-lo en línia, cosa que m’està empentant molt a tocar, provar i experimentar amb aquest nou repte.

Deixo tot seguit l’enllaç a una entrevista que se li va fer al creador de Django. Atenció: la lectura de l’entrevista us pot provocar un desig immens per descarregar el Django i començar a programar desesperadament.

Pròximament intentaré provar aquest producte (a veure si trobo un forat per fer-ho) i deixaré constància de totes les impressions, tan bones com dolentes que en tregui. Igualment, si hi ha algú que ja l’hagi provat, els lectors de la plana li agrairíem qualsevol tipus de comentari que fes!

S’ha de dir que fent una ràpida mirada al recull es pot constatar el que d’altres cops jo ja he dit: que fer una web amb CSS no és sinònim de fer una web sense elements impactants ni innovadors.

Mireu i jutgeu vosaltres mateixos

Els comentaris condicionals s’usen per a discrimar diferents blocs de codi depenent de la versió del navegador . Així, per exemple, podem tenir un full d’estils per a Internet Explorer 7, un altre per a Internet Explorer 6; o bé un fitxer javascript per a Internet Explorer 6, un altre per a Internet Explorer 5.0, etc.

La idea era la d’escriure un article tractant aquest tema, però l’Arnau se m’ha avançat i crec que jo no seria capaç d’exposar-ho més clar i concís, així que el que faré és enllaçar al seu petit gran article.

L’anunci del llançament d’aquesta nova versió del navegador de la guineu ha arribat uns dies després del llançament de la setena versió del seu competidor directe, l’Internet Explorer. Encara que des de la fundació es diu que la data del llançament ja estava marcada abans i tot de que Microsoft es pronunciés sobre la data de llançament del seu navegador, aquesta coincidència afavorirà de debò la competència dels dos navegadors per adquirir major quota de mercat.

Les cartes ja s’han repartit i ara ens toca a nosaltres decidir quin és el guanyador. Per la meva part, jo ha he decidit.

Sovint hom pensa que un seti web que segueixi els estàndards proposats pel W3C ha de ser forçosament avorrida visualment, molt senzilla i seguint el patró d’una maquetació d’una bitàcola personal.

Doncs bé, aquesta plana ens mostra que això no és pas així, i la gent ha de canviar la seva forma de pensar. Sí que és possible tenir planes que segueixin els estàndards, que validin i que siguin impressionants visualment.

El “problema” arriba quan som usuaris de Linux, i en el meu cas precís, d’Ubuntu, ja que, per exemple, el paquet d’Opera no ve per defecte en els seus repositoris (és programari comercial i per tant, per llicència no inclou aquests).

Doncs, com ho hem de fer per tenir aquest meravellós navegador en la seva darrera versió corrent sobre Ubuntu?

El que s’ha de fer és afegir un nou repositori a la llista des d’on puguem descarregar el programari comercial.

Per fer això, haurem d’editar el fitxer /etc/apt/sources.list i afegir el repositori adient. Concretament, haurem d’executar:

sudo gedit /etc/apt/sources.list

i afegir la línia següent:

deb http://archive.canonical.com/ubuntu dapper-commercial main

Arribats a aquest punt, podem fer-ho de dues maneres:

• Mitjançant Synaptic (gestor de paquets d’Ubuntu).
• O bé per consola.

Per dur-ho a terme des de consola, haurem de refrescar els repositoris i després instal·lar Opera. Les ordre per fer això són:

sudo apt-get update
sudo apt-get install opera

A partir d’aquest punt, ja podem gaudir d’aquest meravellós navegador. Val a dir, que mitjançant aquest repositori, a part de poder instal·lar Opera 9, també podem instal·lar RealPlayer 10 i d’altres paquets per l’estil.

Aquestes són:

• Web developer
• ShowIp
• MeasureIt
• ColorZilla
• DOM inspector
• HTML Validator
• FireBug ACTUALITZACIÓ – 05/10/07

Web developer

És una extensió que afegeix un menú a la barra d’eines del nostre navegador amb diferents eines orientades als desenvolupadors d’aplicacions web.

Entre totes les opcions que ofereix aquesta, cal destacar les opcions de ressaltat de formes segons el seu atribut, la capacitat d’inhabilitar el CSS, Javascript, imatges, i demés per tal de comprovar l’accessibilitat del lloc; a més a més, cal destacar la quantitat abundant d’informació clara que pot extreure del codi amb un simple click, com pot ser la informació dels formularis de la plana, les mides d’un determinat component o imatge, etc.

més informació

ShowIp

És una extensió per aquells que esteu treballant en dos o més entorns a la vegada, com pot ser el cas de desenvolupament, integració i producció, per exemple.

Aquesta ens mostra a la barra d’estat del navegador l’adreça IP de la màquina a la qual ens estem connectant, a més a més, d’altres funcions avançades. Així, podem saber en tot moment en quin dels entorns ens trobem.

més informació

MeasureIt

És una petita, senzilla però potent extensió que ens instal·la una petita icona a la barra d’estat des d’on podem accedir a una regla que ens ajudarà a mesurar qualsevol dels elements que trobem en el nostre document, oferint-nos així mesures exactes de la visualització actual que tenim a la pantalla.

més informació

ColorZilla

És una extensió que ens instal·la una petita icona a la barra d’estat del navegador i que ens ofereix un petit cursor que possicionant-lo damunt d’un element, ens dóna informació del seu color, etiqueta, estil i demés. A més a més, hom pot ampliar la plana amb una petita eina d’ampliació que incorpora, guardar els colors que seleccionem en una paleta pròpia, i analitzar el color del document a través de l’estructura DOM del document.

més informació

DOM inspector

És una extensió que s’ha d’escollir en quan instal·lem el navegador (opció personalitzada). Aquesta instal·la una petita aplicació que ens permet accedir d’una forma senzilla, ràpida i molt intuïtiva a l’estructura de documents DOM, XML, etc. Per posar un petit exemple de la potència d’aquesta extensió, només dir que hi ha una opció que permet clicar directament damunt d’un element del document (mentre l’estem visualitzant en mode gràfic), per tal d’accedir a tota la seva informació del node en el que es troba aquest element. Així, podem accedir a la seva informació lògica, al Javascript, a cadascun dels seus atributs segons el DOM, als estils que aplica i als estils que computa l’element, i així fins a un llarg etcètera.

HTML Validator

És una potent extensió que afegeix la funcionalitat de validació de codi HTML. El nombre d’errors de la plana ens apareixen en una petita icona a la barra d’estat del nostre navegador. Els detalls d’aquests errors, juntament amb una explicació de com resoldre’ls ho podem veure al visualitzar el codi font de la pàgina.

Aquesta extensió està basada en Tidy, que és un petit programa creat pel W3C que intenta ajudar a corregir els errors d’HTML que es poden classificar en tres:

Errors

Errors HTML que Tidy no pot arreglar o entendre.

Warnings

Error HTML que Tidy pot arreglar automàticament.

Warnings opcionals d’accessibilitat

Warnings HTML classificats en els tres nivells de prioritat definits en els termes d’accessibilitat del WAI de la W3C.

més informació

FireBug

És l’extensió definitiva per a tot maquetador CSS, desenvolupador d’aplicacions AJAX i altres tecnologies basades en XHTML, CSS, XML i Javascript. Entre algunes de les característiques principals hi ha:

• Inspeccionar XHTML i editar en línia aquest i també el seu CSS associat.
• Visualitzar el layout d’una caixa d’una forma molt gràfica.
• Monitoritzar la xarxa per veure quan tarda en carregar cadascun dels elements.
• Debugar Javascript de forma fàcil i intuïtiva.
• Trobar errors al XML, CSS i al Javascript fàcilment.
• Explorar el DOM fàcilment.
• …

Només dir que des que he descobert aquesta extensió, les altres ja quasi bé ni les utilitzo. És l’extensió definitiva per a tota persona que es dediqui al món de la construcció d’aplicacions basades en web. Recomanada al 100% a tothom.

més informació