Redirecció del blog

A partir d'avui, aquest blog deixarà d'alimentar-se. El blog de referent que actualitzaré serà el que hi ha a la web pròpia de Programat.Cat.

Per a qui vulgui doncs seguir les anotacions tecnològiques i de programació informàtica, ens trobareu aquí:
http://www.programat.cat/index.php/ca/blog

Aplicacions Facebook

És extraordinari com la xarxa social Facebook ha crescut. Diuen que si fos un país seria el segon més poblat del món! Doncs només per això per la quantitat de gent que hi ha dins, molts hi veuen oportunitats de negoci, ja sigui per a promocionar-se (ara que estem en temps electorals és importantíssim ser-hi!) ja sigui per a promocionar la pròpia botiga, els productes que ven, el restaurant o hotel que gestiona, els serveis que pugui oferir, ... És per això que és realment important dominar aquesta eina, saber-la configurar i donar al màxim de si aquesta aplicació. I una de les cases que val la pena fer és enllaçar totes les aplicacions d'internet perquè s'autoalimentin com ara afegir una pestanya RSS/blog que et llegeix completament els escrits del blog i adaptats a la filosofia del Facebook.

Caràcters especials d'HTML

Quan es programa una pàgina web, ba`sicemnt la seva estructura és HTML. Que després s'hi afegeix un estil (CSS), un control de la informació (PHP), una base de dades (MySQL), o efectes especials (Javascript), farà doncs que la web sigui més complexe o no. Si que amb la barreja d'aquests llenguatges de programació pot fer doncs que l'estructura inicial de la web, és a dir, el codi HTML es vegi fortament condicionat degut a l'ús dels caràcters especials.

Per evitar problemes existeixen unes funcions en PHP que ens soluciona gran part d'aquets problemes. Algunes d'aquestes funcions són les següents:
addslashes: té en compte les cometes, molt útil quan utilitzem el català o el francés per guardar informació a la base de dades.
htmlspecialchars: té en compte els caràcters especials com són els accents, les dièressis, ...
htmlentities: converteix una cadena de caràcters en format html.

Localització del Servidor segons la IP

Tenim que internet és un oceà ben gran, amb molts i molts de mars, moltes caletes, múltíssimes platges ... Internet s'allotja tota mena de web, de les més atrevides, a les més estrafolàries, però també les personals, institicionals, o de serveis (bancs, botigues, ...).

Però per altra banda hi ha els servidors: aquells "ordinadors" on s'allotgen (hosting) les webs, i que per mitjà d'un client ftp s'hi pot accedir. Ara bé, per segons quina sigui la utilitat de la web és important on tenim aquest servidor, ja que permet "servir" dades més ràpidament i amb més bones condicions als internautes més propers.

Per si un no sap on es troba el servidor on s'allotja la seva web, pot accedir a www.ip2location.com i posant-hi la IP de seguida ens dirà on s'ubica aquest servidor.

Per qui no sàpiga quina és la IP només cal obrir la linea de comandas MS/DOS i posar per exemple "ping www.google.cat".

Android

És el primer escrit des d'un mobil, un HTC amb l'Android de Google. Les possibilitats ara son infinites amb aquesta nova tecnologia: tens el mon als dits per dir-ho en poques paraules.

Published with Blogger-droid v1.6.3

CSS : el canvi d'estil d'una web

A la programació web hi ha coses que de vegades sorprenen. I no per allò que fa un codi de programació o un altre sinó en la simplicitat de tocar poca cosa i tenir grans canvis. I com que diuen que una imatge val més que mil paraules, doncs cal cuidar bé la imatge, i més la imatge d'un producte que vols vendre.

Aquest és el cas d'Airsoft Estartit en què se'm va demanar canviar el disseny de la web segons uns patrons d'un dissenyador. En primer moment em trobava amb aquesta web:

I tot seguit amb un parell d'imatges que el dissenyador em va donar i retocant la codificació de l'arxiu d'estils CSS, com ara per exemple

background-image: url(images/disseny/groc_ratllat.jpg);
background-repeat: repeat;

obtenim el següent resultat:

Si bé que el canvi de disseny requereix a vegades corregir algunes cosetes que surten (perquè no sempre surt tot a la primera) i a vegades surt algun que altre maldecap, si que realment val la pena canviar fer un canvi d'imatge.

JavaScript i el Captcha

El JavaScript és una potent eina que dóna vida pròpia a les webs. Si l'HTML li dóna estructura, el CSS li dóna format i estil, el PHP li dóna un control amb el servidor i en concret a la base de dades (generalment MySQL), doncs el JavaScript li dóna interactivitat, miviment, vivor a les web. Com per exemple, en un formulari on s'entren dades i alguna d'elles és obligatori, una programació de JavaScript detecta que falta informació i avisa al usuari sense que aquest hagi sortit de la pàgina on era.

Un altre exemple del que permet fer amb codi JavaScript és configurar el famós anti-Spam "Captcha" als formularis per tal d'evitar que "robots" t'omplin de brutícia el compte de correu electrònic. L'exemple que he configurat és el de la web motosprint-shop. En aquest exemple és clau la funció Ajax pel control de la verificació de les paraules que el Captcha genera:

$("input[name='recaptcha_response_field']").change(function(){
$.ajax({
type: "POST",
async:false,
url: "/index.php",
data: "modul=cesta&action=verificar_captcha&recaptcha_challenge_field="+$("input[name='recaptcha_challenge_field']").val()+"&recaptcha_response_field="+$("input[name='recaptcha_response_field']").val(),
success: function(result){
if(result == 0) {
$("label.error").remove(":contains('No escrit correctament')");
}
else {
$("label.error").remove(":contains('No escrit correctament')");
$("p[id='pcaptcha']").append("No escrit correctament");
Recaptcha.reload();
}
}
});
});

Aquest és la part de codi que es diposita al client, junt on s'ubica en el formulari. Falta la part del servidor i la llibreria "recaptchalib.php", a més de controlar els textos per base de dades.

Tenir en compte però que hi ha altres maneres de programar un anti-spam.