El Racó de Xavi

Ja està ací!

El Planeta Marina Alta ha arribat!

Després d’alguns últims retocs, i gràcies al treball combinat d’uns quants blocaires (Carles Mulet, Miquel Soldevila, Òscar Piera, i jo mateix), ha nascut el portal de blogs de la Marina Alta, la MarinaAltaEsfera!

Òscar i Blai ja n’han parlat abans.

Definint-se com “Els blogs personals en valencià de gent de la Marina Alta, País Valencià”, arriba als nostres ordinadors un punt des del qual es podrà llegir de manera centralitzada a tots els blocs de la comarca.

A més de la pàgina en si, he fet un xicotet widget per a poder posar-lo a totes les webs (siguen blogs, webs normals - estàtiques o dinàmiques -). Per fer-ho, només hem d’incloure aquestes línies al lloc on vulguem:

<script src="http://marinaalta.pikaspart.com/js/widget.js" type="text/javascript"></script> >script type="text/javascript"><!--
getWidget(10,'classes')
// --></script>
<div id="marinaaltawidget"></div>

A més, disposa de diverses opcions de configuració, tot modificant la cridada a la funció getWidget(), de les següents formes:

• Opcions predeterminades
  • getWidget();
• Especificar el número d’items
  • getWidget(numero_items);
• Especificar el número d’items i estils predefinits
  • getWidget(numero_items,'estils');
• Especificar el número d’items i classes CSS
  • getWidget(numero_items,'classes');

I res més, per a qualsevol cosa, aquest és un bon lloc per als comentaris!

EDITAT: Gràcies, Enrique! Ja m’estranyava a mi que ningú hagués entrat al planeta des de la meua pàgina, mirant les estadístiques del Google Analytics…

Estic preparant novetats al bloc, el que vindria a ser “El racó de Xavi 2.0 3.0″. A més d’actualitzar-lo a les últimes versions de Wordpress (la branca 2.2.x fa forats per tots els costats) comença a ser hora de fer un canvi en el tema.

Després de vora any i mig utilitzant Wordpress com a gestor de continguts, només puc dir que estic més que satisfet del funcionament que té i, sobretot, de la gran comunitat que hi ha darrere. Pensant-ho millor, tenint en compte que abans funcionava amb Pivot, aquesta serà la 3a versió del bloc.

El que és el nou disseny està a mig enllestir. Només puc avançar que es tracta d’un tema més senzill, més “net” que l’actual, tot i mantenir algunes de les característiques que porte arrastrant des dels inicis (logo, colors de la web, etc).

El motiu d’aquest canvi de disseny és múltiple.

En primer lloc, ja tocava, no? Tot el món canviant el disseny cada dos per tres i jo res de res!

En segon lloc, tenia ganes de fer un tema de Wordpress des de zero (bé, des de zero zero no, però pràcticament).

I en tercer lloc, una cosa un poc curiosa. Fa una temporada, consulant les estadístiques del Analytics, vaig veure que m’havia arribat una visita des de Monjo.cat, i vaig entra en eixa pàgina per a veure-la. Quina va ser la sorpresa quan vaig veure un clon del meu bloc!

Això podia passar, era evident, perquè el disseny que tenia (i que encara tinc quan escric aquesta entrada) no és meu. Es diu OrangeCrush, d’AnekoStudios, i està publicat amb una llicència lliure, per la qual cosa tothom pot utilitzar-lo al seu bloc. Però no deixa de ser curiós que un bloc d’un xic d’Oliva (em sembla) tinga el mateix disseny que el meu, quan no havia trobat mai cap altre bloc amb el mateix disseny - sé que hi ha molts blocs en el món… però jo els he vist quasi tots!

Però vaig deixar estar el tema del disseny, i vaig començar a buscar l’enllaç a través del qual havíen arribat ací. Vaig pensar que potser Josep (autor de Monjo.cat) m’havia enllaçat en alguna entrada en la que explicava on havia vist el tema, o alguna cosa així… Però no, no apareixia en cap entrada. Llavors?

Encara que parega mentira… estava enllaçat al seu blogroll! Si el seu blogroll hagués sigut de 200 entrades, no m’hauria estranyat, però només eren 5 o 6: Saül Gordillo, Èric Bertran, Gabriel Bibiloni… i jo! Que xicoteta és la catosfera…

Pocs dies després, ja no estava al blogroll, havia desaparegut. Tot havia sigut un somni? Tot no, les estadístiques del Google segueixen ahí…

Bé, tot aquest rotllo només per a dir que vaig a canviar de tema…

Seguirem informant…

Fa una “temporaeta” vaig comenar a arreplegar manuals i tutorials¹ que podia trobar útils. De tota classe: des de PHP, Java, Javascript… fins a guions de Shell, passant per AWK, Perl, Python, C++… i un llarg etcétera que en aquestos moments no m’apetix gens repetir

¹ Per cert … algú sap dir-me la diferència entre un manual i un tutorial?

I mira per on, un dia que estava furgant per la xarxa vaig anar a parar a una entrada de RincónXen que em venia de categoria. Cheat Sheet útiles es va convertir en un bon punt de referència on trobar manuals.

Però encara es quedava curt (sóc molt exigent). Així que vaig començar a agrupar-los tots en una pàgina, i així va nàixer Manuals … que sempre venen bé.

Però, com era d’esperar en una cosa que faig jo, està a mitges, o siga que s’anirà omplint poc a poc. De moment, uns quants manuals de referència d’AWK.

Això si, em compromet a dir alguna cosa quan afegisca alguna cosa digna de destacar, o faça alguna actualització important.

I hui més que mai…

seguirem informant…

Al final m’he decidit, i vaig a començar a publicar entrades amb un mínim d’utilitat, a veure si d’una vegada trobe el tema conductor d’aquest bloc (sembla més un calaix de sastre que un bloc).

I per a començar aquesta sèrie de posts seriosos, un on explique (o millor dit, intente explicar) de manera senzilla la instal·lació d’un servidor web complet en Ubuntu Gutsy.

La informació no l’he arreplegada de cap lloc, i al mateix temps l’he arreplegada de molts: gràcies al tot-ho-sap, principalment.

I PART: INSTALACIÓ DELS PAQUETS NECESSARIS

En primer lloc, hem d’instal·lar tots els paquets. Venen als repositoris d’Ubuntu Gutsy Gibbon, o siga que només haureu d’obrir un terminal i fer:

sudo apt-get install php5 php5-mysql php5-gd php5-curl php5-imagick php5-mcrypt mysql-server mysql-client mysql-common apache2 phpmyadmin

Ens demanarà algunes dades de configuració (usuari i password de MySQL, per exemple). Una vegada acabat, haurem instal·lat el programari necessari per a muntar el nostre servidor Apache2, amb suport per a PHP5, MySQL, i algunes extensions de PHP5 interessants, com curl, ImageMagick, GD, i també l’eina phpMyAdmin per a la gestió de les bases de dades MySQL via web.

II PART: ALGUNS AJUSTOS NECESSARIS

Una vegada instal·lat tot, és l’hora de configurar algunes cosetes. Primer que res, provem si s’ha instal·lat bé l’Apache2. Només hem d’entrar a http://localhost/ i comprovar que ens apareix la pàgina inicial d’Apache.

Després provem el phpMyAdmin, entrant a http://localhost/phpmyadmin/. És possible que no trobe la pàgina, però açò se soluciona de forma fàcil:

sudo ln -s /usr/share/phpmyadmin /var/www/phpmyadmin

Ara ja hauriem de veure la pàgina, però és possible que ens indique errors per a connectar a la base de dades. Ací també hi ha una manera senzilla de solucionar-ho:

Entrem a MySQL des de la consola, posant el nom d’usuari (root) i la contrasenya que hagem triat abans (suposem que és password)

$ mysql -uroot -ppassword

i escrivim açò

SET PASSWORD FOR 'root'@'localhost' = OLD_PASSWORD('password‘);

Açò es deu a que des de la versió 4.11 de MySQL, s’utilitza un nou algorisme de xifrat de contrasenyes, i ja no es pot connectar a la base de dades de la manera que es connectava abans. Però amb açò ja està solucionat.

III PART: LA NOSTRA WEB

Una vegada ho tenim tot enllestit, ja podem posar la nostra web. El lloc on posar-la és dins de /var/www/, però aquesta carpeta no té permisos d’escriptura. Els podem donar de forma senzilla fent:

$ sudo chmod 777 /var/www/

I si, posem per cas, la nostra web està dins la carpeta elmeubloc, i l’hem posat dins de /var/www/ podrem accedir a ella a través d’aquest enllaç: http://localhost/elmeubloc/

Amb aquestes senzilles indicacions, ja podem muntar-nos un servidor en la nostra màquina per fer proves amb les pàgines web que dissenyem.

No puc deixar de posar-ho, que bo

vist a Bitassa a lloure

Continuem amb el projecte.

Després d’alguns dies un poc off, amb una intensitat menor a la que tocaria, la cosa va agafant cos, però no sé si a la velocitat necessària per a acabar-ho a hora. Després de fer algunes xapuces ja llig totes les notes. Les xapuces són que he hagut de fer fins a 5 models per a detectar algunes de les primitives, ja que a l’eliminar les línies dels pentagrames, si no era impossible trobar-ho.Ara els següents passos són crear la resta de primitives que falten (silencis de corxera i semi-corxera, claus de fa i de do, numeració als compassos, becaires, bemolls, diesis -sostenidos-,…) i a continuació fer una validació de les primitives trobades, comparant-ho amb la partitura completa, amb línies i tot. Aquesta validació haurà de tindre en compte només els píxels negres, i haurà d’utilitzar el model de primitiva complet.

Després, toca ordenar les primitives als pentagrames que toca, i intentar refer les notes, cosa que no hauria de costar massa. I finalment, passar-ho tot a MusicXML.

I, el problema més greu que veig ara, la documentació

seguirem informant

Ací estic jo, pegant-li dur al projecte, intentant acabar-lo per a setembre. I hui tinc bones notícies: ja trobe algunes primitives!!! Les claus de sol, els silencis de negra, i totes aquelles notes que estiguen fora del pentagrama ja són meues!!!

Ara ja només em falta modificar un poc l’algorisme per a que les notes reconegudes siguen totes, independentment d’on estiguen, i haurè arribat a una altra meta.A partir d’ara? Validar totes les primitives trobades (per detectar algun error), ordenar-les, agrupar-les per generar notes i escriure el document MusicXML equivalent.

Seguirem informant…

Ara si q sí. Va de bo.

Ja m'he posat a fer el projecte en serio, el meu super OMR, i els avanços són prou significatius.

En primer lloc, necessitava obtenir imatges de partitures adequades, ja que encara no ho havia aconseguit. El procés de transformació des de PNG a PBM no era l'adequat, ja que al ser el PNG una imatge escalar i no vectorial, la imatge s'emborronava.

Per aconseguir el PBM des d'una imatge escalar, he utilitzat la conjunció jEdit + LilyPondTools + Lilypond per aconseguir una partitura en un fitxer PostScript [en] (açò em recorda a Javier Gil, profe de Perifèrics, encara que ell deia "pojcri").

A partir d'ací, i utilitzant la potent eina GhostScript, puc transformar els fitxers .ps directament a imatges PBM, en aquest cas Text PBM

xavi@xavi:~$ gs -sDEVICE=pbm -sOutputFile=partitura.pbm partitura.ps

A partir d'aquest moment, ja tenia tot el que necessitava per a començar a treballar. Així que a picar codi!

Després de reescriure tot allò que tenia fet (estava molt mal programat, de veres, i tampoc no era massa), m'he plantejat el mecanisme a seguir per fer el projecte. El mètode de desenvolupament eXtreme Programming (conegut per les nostres comarques com sobre la marxa) resulta adequat per a este propòsit, ja que com no se massa bé que he de fer, ni com fer-ho, a base de xicotetes metes vaig avançant.

En primer lloc he localitzat els pentagrames, fent histogrames per files (calculant la quantitat de píxels negres que hi havia en cada fila), i determinant que són linies d'algun pentagrama aquelles files que tenen més de la meitat dels píxels negres. Potser en algunes partitures, amb moltes notes (sobre tot si està construida a propòsit), aquesta consideració sobre la proporció hauria de variar, però de moment funciona.

Una vegada obteses les línies dels pentagrames, les agrupe de 5 en 5, per saber la quantitat de pentagrames de que consta la partitura, sabent a més en quines línies de la imatge es troba cadascun d'ells.

Després, esborre aquestes línies, de tal manera que la partitura es queda sense cap pentagrama, només amb les notes. A partir d'este moment, on em trobe ara, el que he de fer és començar a buscar notes com un descosit, o siga q, això vaig a fer.

Altres entrades parlant del projecte:

• S'acaba la carrera, almenys les classes
• Un nou post … després de prou de temps
• El projecte final, si és que és final…

Seguirem informant…

Ja feia gairebé un any que estava en dansa la nova web de la colla, que si fer-la, que si no…

Finalment, ahir vaig quedar amb Santi per arreglar unes cosetes, i després d’haver estat mirant i treballant sobre algunes coses el cap de setmana, vam enllestir la nova versió de la web.

Aquesta vegada he utilitzat el gestor WebsiteBaker, i una modificació sobre la plantilla landzilla. El resultat, a priori, pareix prou bo. El fet d’haver utilitzat un CMS és la facilitat q et dona per crear noves pàgines (en este cas, o no vaig a responsabilitzar-me del contingut de la web, és una bona opció).

Una de les novetats és la galeria de fotos: en aquest cas, es una galeria que obté la informació des de Flickr, estalviant-nos per una part tot l’espai que les fotos representen al servidor, també guanyem en facilitat per afegir noves fotos (la gestió de Flickr és boníssima). Per contra, perdem privacitat, però al cap i a la fi, les fotos anaven a ser públiques…

Si algu vol pegar-li una miradeta…Colla de Xirimiters Pere Bigot de Benissa

Seguirem informant…