Prototipatge de GUI amb Pencil

La recollida de requeriments és molt important en el desenvolupament d'aplicacions, per evitar que al final del camí, allò que s'entrega al client difereixi d'allò que havia demanat. Diagrames de casos d'ús i altres eines permeten que l'equip de desenvolupament del programari copsi allò que es desitja que faci el producte. És important que en el diàleg amb el client, amb els usuaris, aquests puguin veure com serà el programari que es desenvoluparà. L'ús de prototipus és molt útil per fer-ho. Això permet que els usuaris puguin entendre millor el plantejament de l'aplicació, puguin veure diferents camins de la seva execució, sobre un model de l'aplicació final, i que els desenvolupadors puguin complementar els escenaris que cal contemplar en el programari. Aquests prototipus es poden fer desenvolupant algunes funcionalitats del programari, amb una versió limitada del mateix, o també generant finestres, amb alguna interacció però, sense desenvolupar res. És el cas de les eines de prototipatge de la interfície gràfica d'usuari (GUI), ja sigui per a aplicacions d'escriptori o per a aplicacions web.

PHP en Mac OS X Leopard i Snow Leopard

La versió 10.5 de Mac OS X, Leopard, té ja instal·lat PHP, a més d'Apache, ja inclòs a la versió 10.4, Tiger. Ara bé, PHP no està habilitat i cal modificar la configuració d'Apache per tal que puguin executar-se aplicacions web que utilitzin PHP. Els passos es poden consultar al web Foundation PHP, tot i que aquí els explicaré utilitzant només el terminal. Per tant, primer cal obrir el terminal, anant a Aplicaciones > Utilidades > Terminal. A continuació:

1. S'edita el fitxer de configuració d'Apache amb vi: sudo vi /private/etc/apache2/httpd.conf. Després d'introduir la contrasenya de root es podrà editar el fitxer.
2. Cal cercar dins del fitxer la línia que comença amb #LoadModule php5_module i treure el comentari que té al principi.
3. Es desa el fitxer i se surt de l'editor.
4. A continuació cal crear el fitxer de configuració php.ini a partir del fitxer per defecte que inclou el sistema amb: sudo cp /private/etc/php.ini.default /private/etc/php.ini.
5. Només queda iniciar el servidor Apache: sudo apachectl.

Per comprovar-ho, tal com s'indica a la referència d'on he tret aquests passos, es pot crear un fitxer de PHP que cridi la funcion phpinfo(). L'arrel del servidor web és a /Library/WebServer/Documents. Des del Finder cal anar a Macintosh HD > Librería > WebServer > Documents.

Com es pot comprovar, si no feu cap canvi a la configuració de PHP, no es reconeixen les etiquetes que delimiten el codi PHP en el seu format curt <?...?>, i cal escriure en el seu lloc <?PHP...?>. Per poder utilitzar el format curt cal editar el fitxer php.ini copiat abans (cal editar-lo amb sudo i afegir-li permís d'escriptura per al root) i canviar el valor de la propietat short_open_tag d'Off a On. Només quedarà gravar, sortir i reiniciar el servidor Apache.

+ GNU FDL

Validació de formularis amb wForms

Una de les eines que utilitzo en el desenvolupament web és wForms. Es tracta d'una biblioteca Javascript que permet validar camps de formularis en una aplicació web, sense haver de codificar el control de forma específica. Només cal introduir la crida al fitxer de wForms a la capçalera del fitxer HTML:

<pre class="code"><script src="<on_estigui>/wforms.js" type="text/javascript">
</script>
</pre>

Un cop fet això, es poden fer diferents tipus de validacions. Aquells camps que són obligatoris s'etiqueten amb la classe required. Seria la validació més senzilla. Es poden validar els continguts dels camps. Per exemple, un camp de correu electrònic es pot validar si s'afegeix la classe validate-email. O es poden validar camps segons expressions regulars amb la classe validate-custom /<regexp>/. Podeu veure diferents opcions a l'apartat de documentació de wForms.

wForms executa la validació dels camps en fer clic sobre un botó de tipus Submit del formulari. Si l'enviament del formulari es fa d'una altra forma, com per exemple via Javascript -via Javascript-, aleshores es pot cridar la validació igualment però, cal fer-ho d'una altra manera, com s'explica al web del projecte.

Espero que us sigui útil. wForms és programari lliure amb llicència GPL.

Pujant fitxers "amb AJAX"

Recentment he hagut d'investigar sobre com adjuntar fitxers en un correu utilitzant AJAX. És dir, com enviar una petició amb un objecte XMLHttpRequest que fos capaç de dir-li al servidor que havia de pujar-se un fitxer indicat en un objecte FILE d'un formulari en una aplicació PHP. El resultat desitjat era una cosa com l'adjunció de Gmail o la de les aules de la UOC (vista de consultor).

La cosa té la particularitat que enviar fitxers via AJAX utilitzant le mecanisme d'UPLOAD és impossible -almenys és el que he acabat deduint-. Però, es pot trobar una solució alternativa que simula la petició com si fos AJAX -d'aquí les cometes del títol- i realment es fa un POST d'un formulari amb destinació un objecte iframe ocult.

Aquesta solució la podeu trobar explicada a Desarrollo web. Potser he descobert la sopa d'all però, malgrat ser un article del 2007 és molt interessant si us trobeu amb aquesta necessitat. Si puc faré un exemple complet del funcionament.

Drawter

Ahir gerboy compartia un enllaç a Drawter, un servei gratuït que permet dissenyar gràficament l'estructura d'una pàgina web i generar el codi de la pàgina i dels estils associats (maquetació assistida, vaja). És l'alternativa en línia a eines privatives com Dreamweaver -la més popular- o lliures com NVU o Quanta Plus.

Document: Javascript no intrusiu amb Prototype

Si us interessa i no heu sentit a parlar del tema, he publicat un document a Google Docs sobre Javascript no intrusiu i Prototype, amb llicències lliures. Es tracta d'un petit document que mostra alguns exemples de com introduir elements de comportament en un document HTML sense barrejar les etiquetes HTML i el codi Javascript que s'ha d'executar al navegador. També us el podeu descarregar en format ODF i PDF des del meu espai de Google Sites.

Framewoks per a PHP

Si desenvolupeu amb PHP i us interessa conèixer algun bastiment d'aplicacions o marc de treball (framework), el web PHP Frameworks recull informació dels bastiments existents, proporcionant una comparació de característiques, una classificació dels millor valorats, i altra informació, com una zona de descàrrega dels diferents bastiments referenciats.

Cinc raons per no fer webs amb Flash

No sóc partidari dels llocs web fets completament amb Flash. Penso que sí, que acostumen a ser webs molt atractius però, que barren el pas a qui no té navegadors que tinguin el plugin Flash instal·lat, un format web no estàndard, i que no sempre són webs lleugers.

Avui he trobat una entrada en un bloc on planteja tres motius pels quals no s'ha de fer un lloc web completament amb Flash. Crec que tothom té clar que no es discuteix l'ús de Flash per introduir elements animats dins d'una pàgina però, per al conjunt d'un lloc web no seria la millor opció. I dins dels elements animats jo no l'utilitzaria, per exemple, per fer menús animats, doncs amb efectes de Javascript també es pot fer i no es posa la barrera en un dels principals elements de navegació del web.