Com succeeix amb tots els formularis de qualsevol pàgina, també arriben comentaris Spam mitjançant els formularis per escriure comentaris a les pàgines web creades amb el CMS SilverStripe. Per solucionar aquest problema, podem utilitzar els mòduls Mollom o Recaptcha que trobem entre les extensions ofertes per SilverStripe. En el nostre cas hem utilitzat l’opció Mollom, que és la que explicarem, però l’opció Recapctha funciona pràcticament igual. Simplement ens vam decantar per l’opció Mollom perquè el text que ha d’introduir l’usuari és més senzill d’entendre que el text proporcionat per Recaptcha.

Pel correcte funcionament del mòdul Mollom cal instal·lar prèviament el mòdul Spam Protection. Els passos a seguir per a instal·lar aquest mòdul són:

1. Descarregar el fitxer .tar.gz (en aquest moment spamprotection-v0.3.tar.gz) de la pàgina del mòdul.
2. Descomprimir aquest fitxer i assegurar-nos que el directori tingui per nom spamprotection. Copiar aquesta carpeta a l’arrel del servidor, on trobem per exemple els directoris ‘cms‘, ‘jsparty‘ i ‘sapphire‘.
3. Escriure la següent url al navegador:http://www.elnomdelatevaweb.com/dev/build?flush=1.

Ara ja tenim instal·lat el mòdul Spam Protection a la nostra pàgina web i ja podem procedir a instal·lar el mòdul Mollom. Els passos a seguir són els següents:

1. Descarregar el fitxer .tar.gz (en aquest moment mollom-v0.3.tar.gz) de la pàgina del mòdul.
2. Descomprimir aquest fitxer i assegurar-nos que el directori tingui per nom mollom. Copiar aquesta carpeta a l’arrel del servidor, on trobem per exemple els directoris ‘cms‘, ‘jsparty‘ i ‘sapphire‘.
3. Aconseguir la Mollom API Key de la pàgina web http://mollom.com/. Ens hem de registrar i afegir un nou site desde Manage Sites. Ens donaran una clau privada i una pública que farem servir posterioriment.
4. Editar el fitxer _config.php que trobem al directori ‘mysite‘ i escriure les següents línies de codi (i utilitzant les claus que acabem d’obtenir):
   Mollom::setPublicKey(‘la-clau-pública-de-mollom’);
   Mollom::setPrivateKey(‘la-clau-privada-de-mollom’);
   SpamProtectorManager::set_spam_protector(‘MollomSpamProtector’);
5. Escriure la següent url al navegador: http://www.elnomdelatevaweb.com/dev/build?flush=1.
6. Ara ja ens hauria d’aparèixer el camp AntiSpam als nostres formularis de la pàgina web.

Per a més informació podeu visitar les pàgines de SilverStripe que parlen de Mollom i Spam Protection.

SilverStripe és un sistema de gestió de continguts (CMS) basat en PHP que presenta una agradable i moderna interfície d’usuari i simplifica bastant la construccin d’un lloc web professional.

SilverStripe és una eina gratuita que ens permet crear i administrar pàgines web a través d’una interfície molt clara i senzilla d’utilitzar. Es poden crear menús i apartats de manera ràpida i intuitiva, així com afegir continguts (text, imatges, arxius …).

És un CMS molt vàlid i molt optimitzat per a gestionar llocs web o portals corporatius. A la pàgina web podem afegir mòduls asdicionals que ens permetran tenir galeries d’imatges, formularis, un fòrum, un blog, un calendari … SilverStripe també ofereix una bona optimització pels motors de cerca (SEO). Resulta senzill poder afegir metadades i gestionar les urls amigables de cada pàgina.

També s’ha de destacar el fòrum de la pàgina de SilverStripe on podem trobar molta informació i ajuda adsicional.

L’únic inconvenient és potser els escassos temas i plantilles per utilitzar, tot i que és bastant còmode crear o modificar un dels temes existents.

La veritat és que val molt la pena i és difícil trobar un CMS gratuit com aquest per contingut professional. A NBSP estem treballant amb aquest CMS i la veritat és que estem molt satisfets amb els resultats. Val la pena provar-lo.

La tecnologia AJAX utilitza una combinació d’altres tecnologies que ens permet crear aplicacions web interactives. Així, ens permet realitzar peticions de contingut o processat de dades sense haver de recarregar la pàgina a la que es troba l’usuari.

Avui en daa, AJAX s’ha convertit en una tecnologia molt popular per a la creació de llocs web dinàmics.

Xajax és una llibreria de codi obert per PHP que ens permet crear de manera fàcil i simple aplicacions web amb la tecnología AJAX. Es tracta d’un producte gratuit compatible amb els navegadors habituals (Mozilla Firefox, Internet Explorer, Opera, Safari …)

Així, amb Xajax podem definir quines funcions de codi PHP es converteixen en funcions AJAX. Aquestes funcions PHP es podran executar sense haver de recarregar la pàgina web on es troba l’usuari.

És molt útil per enviar i processar formularis o realitzar selects combinats amb AJAX i PHP.

Si voleu descarregar i provar Xajax podeu accedir a la pàgina web: http://xajaxproject.org/.

Per saber més sobre la llibreria Xajax podeu accedir a http://www.desarrolloweb.com/manuales/xajax.html.

Els motius principals de programar una pàgina web ajustant-nos als estàndards són les següents:

• Universalitat: ens assegurem que les nostres pàgines es mostren igual independentment del navegador que utilitzi l’usuari.
• Portabilitat: si separem el contingut de la forma, el codi es simplifica. Així, realitzar qualsevol canvi en l’apariència de la pàgina o adaptar-la a diferents plataformes ens serà més senzill.
• Millor indexació als cercadors: els robots dels cercadores analitzen sintàcticament el contingut dels documents (X)HTML. Així, adquireixen més importància els títols de les pàgines, capceleres …
• Accessibilitat: utilitzar estàndards ajuda a que les nostres pàgines siguin més accessibles.

Els diferents tipus de mitjans CSS ens permeten enviar diferents documents CSS als diversos dispositius, podent indicar un estil per a cada dispositiu. A l’especificació CSS2 apareixen els següents tipus:

• All. Per a tots els dispositius.
• Aural. Per als sintetitzadors de veu.
• Braille. Per a dispositius tàctils Braille.
• Embossed. Una lleguera variació de Braille: per a impresores Braille.
• Handheld. Per a dispositius mòbils (telèfons mòbils, PDAs …)
• Print. Per a documents preparats per imprimir.
• Projection. Per a documents preparats per a ser projectats.
• Screen. Per a les pantalles d’ordinador (web).
• Tty. Per a mitjans de visualització del tipus graella: pantalles antigues LCD, terminals, antics dispositius mòbils …
• Tv. Per a dispositius tipus televisió.

Us recomanem a continuació tres llibres molt interessants:

• WEB DESIGN: STUDIOS. Julius Wiedemann, Taschen.

Ens presenta 90 estudis interactius de diferents parts del món, empreses que han creat solucions creatives per a petits i grans clients. Es tracta d’una col·lecció (de petit format i baix preu) amb alguns dels millors treballs que podem trobar a la xarxa.

• CONTEMPORARY GRAPHIC DESIGN. Charlotte & Meter Fiell, Taschen.

Ens mostra les propostes i treballs de 115 dels dissenyadors gràfics més innovadors del moment: Jonathan Barnbrook, Antoine+Manuel, Peter Saville i Stefan Sagmeister entre molts altres. En definitiva, un llibre molt recomanable per aquelles persones interessades en el panorama actual del disseny gràfic i en el poder visual de les imatges.

• DESARROLLO WEB CON PHP Y MySQL. Luke Velling y Laura Thomson, Anaya Multimedia.

Aquest libre ens ensenya a utilitzar PHP i MySQL per obtenir aplicacions web eficients i interactives, desde petits formularis de comandes fins a llocs web de comerç electrònic més complexos i segurs. Va dirigit a lectors amb coneixements bàsics d’HTML i amb alguna noció de programació, que vulguin crear pàgines web dinámiques.

En primer lloc, hem de crear la icona de 16×16 píxels amb nom de fitxer favicon i amb extensió .ico. Per crear el .ico a partir d’un altre tipus de fitxer d’imatge (jpg, gif, png …) podem utilitzar per exemple el programa gratuit IrfanView.

Un cop tenim la icona realitzada, hem d’afegir en el codi html de les nostres pàgines, entre les etiquetes <head> i </head>, la següent línia:

<link rel=”shortcut icon” href=”favicon.ico” mce_href=”favicon.ico” type=”image/x-icon” />

Ara ja podem pujar els fitxers al servidor i comprovar els resultats (funcionarà per Internet Explorer, Firefox, Safari …).