Antoine.Guiral.Info » PHP

[facebook php] hiphop for php : une petite révolution dans le monde du développement web et de php

Antoine — Wed, 03 Feb 2010 04:59:45 +0000

Facebook à annoncé hier la sortie en bêta de son dernier bébé : hip hop for php. Cela fait deux ans que facebook travaille sur hip hop for php et les résultats encourageants de cet outil (en moyenne 50% d’utilisation processeur en moins suivant les pages) les ont conduits à proposer hip hop php sous licence PHP. Autrement dit, tout le monde peut l’utiliser et accroitre ses performances!

Hip Hop for php : c’est quoi?

Hip hop n’est pas tout à fait un compilateur. C’est plutôt un transformateur de code qui va transformer votre PHP en C++. C’est ensuite ce C++ qui va être compilé avec g++ (gcc ). Il faut savoir que PHP est écrit en C et qu’il est possible de lui rajouter des extensions en C et C++. Ces extensions ont le mérite d’être ultra performante! Seul problème, ce n’est pas donné à tout le monde (savoir faire du PHP et du C++ et enfin créer des extensions à PHP en C++…). La solution fût donc de transformer le PHP en C++ puis de le compiler afin de bénéficer des avantages en termes de performances des langages compilés versus les langages interpretés.

Hip Hop : ça marche comment?

Le principe est plutôt simple. Sans que vous ne changiez rien à votre façon de coder, hiphop pour php va procéder à trois grande actions.

La première étape va être une analyse statique du code : qui appelle quoi, quelles sont les dépendances. Ensuite hiphop va trouver les meilleures correspondances de types de variables entre PHP (qui est un langage très peu typé) et C++ qui est fortement typé. Et enfin, hiphop va faire correspondre les expressions et déclarations PHP à leurs équivalentes en C++ (les deux langages dérivent du C).

G++ pourra alors faire son travail de compilation pour obtenir un code compilé et donc plus rapide.

Processus de transfortmation du code par hiphop

Au niveau du processus de développement, un autre outil est mis à disposition : HPHPi. C’est un interprète qui va vous permettre de tester votre code sans pour autant le compiler. De cette manière vous ne changez rien à vos processus de développement.

Résumé de la keynote de présentation de HipHop pour PHP

J’ai regardé la keynote de présentation de Hiphop. Je vous propose un petit résumé. rien de transcendant (c’est pas une keynote apple quoi ) et la plus part des informations données était dans ce billet.

PHP est un langage facile à apprendre et à mettre en place mais il fait parti avec PERL des langages « web » les plus consommateur de CPU
Vu la charge de Facebook (400 milliards de pages vues par mois) il était nécessaire de trouver une solution.
- la réécriture de Facebook dans un langage plus performant? Pas possible sans stopper le développement de la plate forme (voir la roadmap…)
- transformer toutes les parties du code qui ont une logique applicative complexe en extensions PHP écrites en C++ : très long à mettre en place et pas universel
- La solution qui sera retenue : transformer le code PHP en C++ via HipHop fo PHP
HipHop : né en 2007 et utilisé en production sur 90% du code de FaceBook depuis 6 mois:
- pages web : 50% de consommation CPU en moisn a traffic équivalent (tests comprenant l’utilisation de memcache)
- API : 30% d’utilisation CPU en moins pour un traffic deux fois supérieur
Transformation du code avec HipHop :
- effort sur les plus gros gains de performances que pouvait apporter l’utilisation de C++ :
  - appels de fonctions statiques
  - méthodes et propriétés statiques (OO)
  - chargement des variables statiques
  - g++ optimisation (function inline,…)
- Analyse statique : récupération de l’information « qui déclare quoi »
- correspondance des types : meilleur type C++ correspondant à une variable PHP
- code génération : pour la pluspart du code : correspondance directe entre les expressions PHP et C++ (if, else, for, while, etc etc)
le runtime est similaire à Zend Engine mais plus rapide
Programmation avec HipHop :
- support des fonctionnalités « magiques » de PHP :
  - appels dynamiques de fonctions (call_user_function(), …)
  - supprot des propriétés et méthodes dynamiques
  - variables dynamiques (avec extract() par exemple)
  - includes() dynamiques
- utilisation de l’interprète HPHPi pour tester le code sans le compiler
En production : un processus multi-threadé, pas de downtime pendant les restarts, utilisable sur plusieurs serveurs
Roadmap : compatibilité avec php 5.3 (actuellement il marche avec php 5.2), Apache comme une option de serveur web, évoluer en fonction de l’usage en dehors de facebook (open source)
page du projet : http://developers.facebook.com/hiphop-php/

HipHop : bien ou mal?

J’ai un avis un peu partagé… Bien sûr que l’accroissement des performances sur une techno que j’utilise me plait bien Mais on pourrait voir une nouvelle tendance équivalente à « j’ai des gros serveurs donc je peux coder nimp » qui se traduirait par « j’utilise HipHop qui va compiler mon code donc pas la peine de l’optimiser ». D’un autre coté HipHop ne s’occupe que du PHP. On devrait donc aller vers une meilleur séparation du code (MVC inside). Donc je pense que le fossé va encore un peu plus grandir entre les master en PHP et les pseudo développeurs qui après une semaine sont « développeur web junior ». D’où mon partage d’opinion…grosse avancé techno mais techno un peu plusdifficile d’accés qu’avant (pourmoi ca me gêne pas mais bon plus ya de monde plus on rit :p ). Et toi ? Qu’en penses tu?

Si le coeur t’en dit, voici la keynote :

[poo php mysql] l’extension objet de mysql en php : mysqli

Antoine — Sat, 16 May 2009 12:06:07 +0000

Après quelques péripéties avec ma machine (j’en reparlerai ) voici enfin le tutoriel sur mysqli.

Alors mysqli kézako? Vous connaissez tous le SGBD MySQL, et son connecteur php mysql (et tout ses dérivés : mysql_connect, mysql_query, etc etc). Et bien mysqli n’est que le successeur de mysql. Dans les faits, PHP recommande d’utiliser mysqli pour les versions de MySQL supérieures à 4.1.3. Cependant beaucoup d’entre nous continuent à utiliser mysql.

Mais pourquoi changer? Pour deux raisons. La première est que mysql ne prend pas en compte les dernières fonctionnalités de MySQL et ceux depuis (je me répète) depuis la version 4.1.3! Pour information la version actuelle est 5.1.34 (stable)… La seconde raison, c’est que mysqli est un connecteur objet! Et c’est un excellent moyen d’appronfondir un peu plus nos connaissances de la programmation orientée objet avec php (php5 plus précisemment). Pour les plus réfractaires à la poo, ils n’ont pas d’excuses! Mysqli est aussi utilisable en procédurale

Nous allons donc voir, dans la continuité du tutoriel sur les factory, comment utiliser mysqli dans un contexte objet pour rester dans notre série sur la poo avc php. Pour un meilleur confort de lecture et pour que ce blog puisse continuer à tourner régulièrement je vous encourage à voir ce screencast sur weecast :

Retrouvez ce tutorial vidéo sur Weecast.

Sinon vous pouvez toujours le voir gratuitement sur vimeo

Découvrir mysqli, le successeur du connecteur mysql pour php from Antoine Guiral on Vimeo.

Et PDO? PDO c’est la couche d’abstraction de base de donnée de php. Autrement dit vous faites vos requêtes pour PDO, puis selon votre configuration, PDO se charge des intéractions avec votre SGBD (SQLite, MySQL, PostgreSQL, Oracle, Sybase, SQL Server, …). Donc un changement de base de données sera transparent pour votre application. Un bémol tout de même, à l’utilisation de PDO. Si PDO permet d’utiliser de la même manière tout els SGBD c’est donc qu’il ne prend pas en compte les spécificité de chaque SGBD. Et le choix de ce dernier se fait souvent sur ces petites différences! Donc personnellement je préfère exploiter à fond mon SGBD, quitte à perdre un peu d’évolutivité…au détriment des performances! C’est un choix discutable.

Et vous qu’utilisez vous? pourquoi?

[poo php] le pattern factory #1

Antoine — Wed, 06 May 2009 22:27:20 +0000

Ce billet fait parti de la série sur la poo en php.

La dernière fois nous avions écrit notre première classe dans le cadre de notre apprentissage de la poo avec php. Un des problèmes que nous avions évoqué était qu’en php5 nous ne pouvions avoir qu’un constructeur (méthode __construct() ). C’est la raison « pratique » pour laquelle nous allons utiliser le pattern factory.

Cependant il y a d’autres raisons, que je classifie de « philosophiques », au fait que nous utilisions les factories.

Mais tout d’abord « c’est quoi un(e) factory?? »

Le principe des factories

Techniquement c’est une classe qui ne contient que des méthodes statiques. Ces méthodes statiques retournent des objets. Par exemple, la classe UtilisateurFactory.class.php ne contiendra que des méthodes statiques qui retourneront des instances de Utilisateur.class.php. Les méthodes que nous pourrions retrouver sont :

static function creerUtilisateur($login,$password,$mail);
static function loginUtilisateur($login,$password);

Chaque méthode retournera un objet utilisateur. Ca c’était pour le coté technique. Regardons du coté « philosophique ».

Si il y a quelque chose sur lequel je porte de l’attention, c’est la clarté et la maintenabilité du code…autrement dit la « beauté » du code!

Et c’est la que les factories jouent doublement leur rôle. D’une part on sépare complètement la manière de créer un objet et l’objet en lui même. D’un côté les méthodes du factory servent juste à créer des objets (ce qui va correspondre en SQL à des INSERT/SELECT). De l’autre les méthodes de l’objet agissent DIRECTEMENT sur l’objet et correspondront à des UDPATE/DELETE en SQL.

Pour reprendre l’exemple de l’utilisateur : le factory se charge de créer l’utilisateur (INSERT) ou de le loggé (SELECT) et un utilisateur peux changer son mail (UPDATE) ou supprimer son compte (DELETE).

Ensuite, si on veut se rapprocher du model MVC, les factories simplifie enormement la lecture du code (et donc son écriture!) puisque au moment de la création seule la méthode correspondant à l’action à réaliser est appelée. Pas besoin de créer un objet, puis de « setter » les variables et ensuite d’appeler une méthode save, etc etc. Notre méthode creerUtilisateur se charge de tout.

Il y aurait encore beaucoup d’avantages à énumérer mais vous avez les principaux à mon sens C’est un peu déroutant au début et on est tout le temps en train de se demander « alors ca ca va dans la factorie? dans laquelle? comment je l’appelle? » mais après quelques heures on voit déjà les bénéfices

Dernier petit conseil, donnez des noms qui ont du sens à vos méthodes et variables. Ne pas hésiter par exemple à appeler une méthode : getBouteillesFromCasierByMillesimeAndAppellation($millesime,$appellation); votre IDE se chargera de l’écrire à votre place les fois suivante Et personnelement je joue beaucoup sur les pluriels pour savoir si ma méthodes va me retourner un objet seul ou un tableau d’objets…

Pour mieux comprendre le sujet je vous propose de suivre ce screencast qui reprend les exemples précédents. Pour votre confort, activez la HD et le mode plein écran.

[poo php] découverte du pattern factory from Antoine Guiral on Vimeo.

[poo php] notre première classe en action

Antoine — Sun, 03 May 2009 21:20:34 +0000

Ce billet fait parti de la série sur la poo en php5.

Dans l’article précédent nous avions vu les bases de la programmation objet (poo) en php. A savoir, la définition d’une classe, d’un objet, les attributs et méthodes et quelques méthodes spéciales (constructeurs,…). Autrement dit tout ce qui différencie la poo du procédural.

Aujourd’hui nous allons aller un peu plus loin et mettre en pratique ce que nous avions appris. Je vous propose de prolonger l’article sur le javascript non intrusif en complétant notre formulaire d’inscription afin d’en faire une entité qui fonctionne.

Nous aurons donc une classe utilisateur avec comme attributs un id, un login, un mot de passe et un mail. Nous ajouterons une date d’inscription (cela nous permettra d’aborder un point particulier de mysql).

Dans ce screencast nous allons simplement créer notre classe avec netbeans. Pour votre confort je vous conseille de le visionner en HD (le texte est difficilement lisible sinon…).

premiere classe en php5 from Antoine Guiral on Vimeo.

[poo php] première classe

Antoine — Wed, 28 Jan 2009 18:26:57 +0000

Ce billet fait parti de la série sur la poo en php5.

Dans un premier temps nous allons créer une classe qui ne sert pas à grand chose hormis de manipuler un peu tous les concepts de base de la programmation orienté objet (poo) en php.

Vous allez donc ouvrir votre IDE préféré (pour la poo j’utilise netbeans) et créer votre première classe. Personnellement je les appelle MaClasse.class.php (les noms de classe commencent par une majuscule) et les met toutes dans un dossier classes à la racine de mon projet.

Ensuite nous allons mettre deux lignes de codes pour indiquer à php que c’est une classe :

Voilà! Vous avez votre première classe! Bon ok elle est vide…Donc nous allons lui ajouter un attribut, un constructeur et une méthode qui va nous permettre de changer la valeur de son attribut.

monAttribut=$initMonAttribut;
}
function setMonAttribut($valeur){
$this->monAttribut=$valeur;
}
}
?>

$this?? C’est quoi ce truc! Pas de panique! La variable $this permet d’accéder aux attributs et méthodes à l’intérieur de l’objet. Maintenant nous allons tester notre classe ~~inutile~~. Créez un fichier index.php et mettez y ce code :

monAttribut.PHP_EOL;
$monObjet->setMonAttribut('tiens je viens de changer de valeur');
echo $monObjet->monAttribut.PHP_EOL;
$monObjetVide=new MaClasse();
echo $monObjetVide->monAttribut.PHP_EOL;
?>

Comme vous pouvez le voir, pour instancier un objet on utilise le mot clé new suivi du nom de la classe. Ensuite pour accéder aux attributs ou aux méthodes on utilise la flèche (->).

Jusque là vous devriez avoir saisi les concepts évoqués, à savoir : comment créer une classe, comment déclarer un attribut et une méthode (dont la méthode magique __construct pour le constructeur) et comment accéder à ces dernier à l’intérieur de l’objet avec la variable $this.

Dans le prochain article nous créerons notre première classe utile. Vous commencerez alors à voir les bénéfices de la programmation orienté objet en php. C’est un peu déroutant au début surtout lorsque l’on a l’habitude de faire du procédural…

[poo php] introduction

Antoine — Wed, 28 Jan 2009 17:09:47 +0000

Début d’une nouvelle série sur l’utilisation de la programmation orientée objet (POO) et son implémentation avec php5.

Tout d’abord qu’est ce que c’est que la POO.

C’est un concept de programmation qui s’oppose avec la programmation procédurale. Classiquement nous programmons avec des fonctions et des variables. Fonctions qui appellent d’autres fonctions, etc etc. En C par exemple on code de cette manière. Et malheureusement beaucoup trop en php aussi.

Avec la POO au lieu de créer des fonctions à tout va vous regroupez vos fonctions et variables en entités logiques. Par exemple si vous voulez representer une voiture avant de lire ce tuto vous auriez (à la rigueur) crée un fichier voiture.php puis aurez mis dedans toutes vos fonctions : demarrer(), arreter(), passerVitesseSup(), retrograder(), etc et vos variables : niveauCarburant, nbPortes, couleur, marque, modelé, etc. Et bien aujourd’hui toutes ces fonctions et variables seront regroupées dans une entité logique. Alors pour le moment vous ne voyez pas de différences…Donc avant d’aller plus loin nous allons voir un peu de vocabulaire.

Notre entité logique s’appelle une classe. C’est en quelques sortes un moule à objet. Autrement dit nous avons une classe voiture qui va nous permettre de créer des objets « voiture ». On dit alors qu’un objet est une instance d’une classe.

Une classe est composée de deux choses : des attributs et des méthodes. Les attributs sont les variables de la classe, ici nous aurions : niveauCarburant, nbPortes, couleur, etc… Tandis que les méthodes sont les fonctions de la classe. Dans notre cas : demarrer(), arreter(),…

Une fois que nous avons notre classe, nous voullons l’instancier pour obtenir des objets. Au moment de l’instance le constructeur de la classe est appelé. Le constructeur est en fait une méthode qui est automatiquement appelé lors de l’instance. En php5 elle s’appelle toujours __construct(). Dans d’autre langages (java, php4,…) le constructeur porte le même nom que la classe. Ce constructeur permet notamment d’initialiser les attributs de l’objet. Ainsi nous pourrions avoir plusieurs objets voitures ayant des attributs différents. Par exemple une opel astra avec un reservoir vide et une renault safrane avec un reservoir plein. Ces deux objets seront en fait deux instances différentes de la même classe.

Prochain billet : première classe.

[tuto php/sql] sécuriser ses requêtes SQL : sortez couvert!

Antoine — Fri, 28 Mar 2008 00:02:00 +0000

Aujourd’hui rien de transcendant, mais plutôt quelque chose d’utile que j’utilise à chaque fois que je fais une requête vers une de mes bases de données. Je me protège des injections SQL.

J’utilise cette fonction pour chacune des variables que j’utilise dans mes requêtes.

function protection($string){

if(get_magic_quotes_gpc()) {

if(ini_get(’magic_quotes_sybase’)) {

$string = str_replace( » » », « ‘ »,$string);

} else {

$string = stripslashes($string);

}

return mysql_real_escape_string($string);

}

Pas grand chose à expliquer coté algo : on applique un traitement différent selon que les magic_quotes soient activées ou non sur votre serveur. Dans les deux cas vos variables seront protégées!

Pour l’utiliser rien de plus simple. Quand vous récupérez vos variables, vous les faites passer à la moulinette puis vous construisez votre requête . Un petit exemple vaut mieux qu’un long discours :

if(isset($_REQUEST['new_editeur'])){
            $editeur= protection($_REQUEST['new_editeur']);
            $sql='INSERT editeur VALUES(\'0\',\''.$editeur.'\')';
            $req=mysql_query($sql) or die('Erreur SQL !
'.$sql.'
'.mysql_error());
        }

Avec ça vous allez pouvoir dormir sur vos deux oreilles!! Cependant je vous conseille de continuer à faire des sauvegardes TRÈS régulièrement de vos bases.

[tuto mashup] Google maps sur votre site : c’est possible! (version statique)

Antoine — Thu, 24 Jan 2008 19:47:36 +0000

Je vous en parlais il y a quelque jours, le voila! Un petit tutoriel pour faire un mashup avec google maps sur votre site. J’ai réalisé un site début janvier pour l’école : www.le-passe-livre.com qui utilise google maps.

Vue d’ensemble du tutoriel

Nous allons utiliser une classe php (une fois de plus ) qui va nous permettre d’utiliser très simplement l’API de google. Comme presque toutes les API’s vous devez obtenir une clé pour pouvoir utiliser le service. Puis nous construirons notre google map en plaçant nos marqueurs sur la carte. Enfin nous l’afficherons.

Télécharger la classe et activer l’API

Vous pouvez télécharger la classe ici. Créez un dossier « classe » à la racine de votre site et décompressez l’archive à l’intérieur. Vous devez maintenant obtenir la clé qui va vous permettre d’utiliser l’API de google maps. Pour pouvoir tester votre site en local indiquez http://127.0.0.1/ pour l’url de votre site.

Création de la carte google

Je pense que le code est assez bien commenté. On créé une instance de notre carte, puis on fait le lien avec la clé google et on définit les caractéristiques de notre carte (taille,type de carte,etc etc).

require('includes/GoogleMapAPI.class.php');
$map->setAPIKey(’ABQIAAAAvjgjZ_Oh4DGvoa**************************EVoKaUlRpjBXuG0QTOhSYyitCXehqvZywz4H1mACoA3Y0nQ’);
//quand je développe je met en comentaire la clé vers mon site //$map->setAPIKey(’ABQIAAAAvjgjZ_Oh4DGvoa**********************************KHDfvBQMU1YWoN3PfZpU2lJl5oJWX0pRyg’);
//taille de la map
$map->setHeight(”400″);
$map->setWidth(”600″);
//on desactive la barre de coté?
$map->disableSidebar();
//DesActive les boutons(map/satellite/hybrid).
$map->disableTypeControls();
//Quel est le type de carte par defaut ? (map/satellite/hybrid)
$map->setMapType(’map’); // default
//On déssactive les boutons pour afficher la direction d’un point a l’autre
$map->disableDirections();
// Permet de definir le zoom automatiquement afin de voir tous les marqueurs d’un coup.
$map->enableZoomEncompass();
//Active la mini map en bas a droite
$map->enableOverviewControl();

Notre carte est créée. Cependant elle est vide.

Création d’un marqueur

Il existe plusieurs façons de placer un marqueur. Soit par géolocalisation (en indiquant la longitude et la latitude), soit en indiquant l’adresse. Je vous présente uniquement la seconde méthode car il me semble que c’est la plus facile à mettre en œuvre. La méthode que nous utilisons, addMarkerByAdress, prend 3 arguments : l’adresse, le nom du marqueur, est le contenu que nous souhaitons afficher dans l’infobulle. Si vous souhaitez que votre infobulle comporte des onglets il faut passer un tableau en paramètre.

//Mon chez moi :p
$map->addMarkerByAddress(’16 rue du 71ème mobile, 87000 Limoges’,
‘Chez moi’,
array(
‘Adresse’=>’
16, rue du 71ème mobile
’,
‘La ville’=>’
Limoges
C’est une ville agréable et relativement dynamique
’,
‘1ère année’=>’
Web : HTML, XHTML, CSS, AJAX, PHP, SQL.

Analyse : Bases de la méthode Merise.

C : Suivis du cursus de 1ère année à "”www.3il.fr”">3il.

Environnement de travail : Eclipse, Linux, Windows.

Anglais : Niveau scolaire.

’,

‘Extra’=>’

Capitaine des espoirs de l’USAL

"”http://newsussel.free.fr”" target="”_blank”">Premier site internet

’));

?>

Comme vous pouvez le voir, les onglets peuvent contenir du code XHTML (et donc être mis en forme grâce aux CSS). Il ne reste plus qu’à afficher votre carte!

Afficher la google map

Petite explication préalable : la classe permet de nous simplifier la tâche en créant le javascript à notre place. Nous avons donc les appels du javascript à générer dans notre « head » XHTML. De plus le javascript doit être exécuter une fois la page chargée. Nous appellerons donc une fonction sur l’événement onload de la balise body. Notre page sera fin prête à être affichée.

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
"http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
//nos fonctions javascript sont généres ici
$map->printHeaderJS(); ?>
$map->printMapJS(); ?>
"stylesheet" type="text/css" href="styles.css" media="all"/>
"onLoad()">
"”map_map”">
//la carte
printMap(); ?>
//les raccourcis vers les marqueurs (2eme paramètre des marqueurs)
printSidebar();?>

Il ne nous manque plus que les styles à créer.

Les styles CSS

Créez un dossier « styles » à la racine de votre site puis rajoutez y un fichier styles.css.

/******gmap**************/
/* parait indispensable*/
v\:* {
behavior:url(#default#VML);
}
/*pour les infobulles de la carte*/
#gmapmarker {
font: normal small verdana, arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
width: 250px;
height: 100px;
overflow:auto;
}
#map {
float : left;
}

Ça y est! Vous devriez avoir une belle carte sur votre page! La prochaine fois nous modifierons le script pour générer les marqueurs dynamiquement en fonction d’une base de donnée.

Ça marche chez vous? Vous avez fait les fous en rajoutant une image provenant de chez flickr dans votre infobulle? Montrez moi tout ça!

[tuto php] générer des images png dynamiquement grâce à php

Antoine — Sat, 19 Jan 2008 23:33:04 +0000

Vous avez peut être déjà voulu faire des images qui changeraient en fonction d’un paramètre? Par exemple des images pour proposer des statistiques : vous passeriez le pourcentage et le script vous renverrais une image représentant vos données : pour 75%. Eh bien vous pourrez bientôt le faire! Bien sûr ce tutoriel sera juste une base, à vous de réutiliser ce que vous aurez appris pour l’adapter à vos besoin.

Configurer php : la librairie gd2

Ouvrez votre fichier php.ini et décommentez (enlevez le « ; » en début de ligne) la ligne : extension=php_gd2.dll.

le code!

Tout d’abord il faut indiquer au navigateur le type MIME de ce que va retourner le serveur grâce aux « header » ou « en-tête » HTTP. Ici c’est une image png. Nous allons donc envoyer un header contenant le type et le sous-type : image/png avec php.

header ( »Content-type: image/png »);

Ensuite nous créons l’image avec la fonction imagecreate. Le premier argument est la largeur de l’image, le second est la hauteur.

$image = imagecreate(102,10);

On définit maintenant les différentes couleurs qui seront utilisées par l’image (premier argument) en utilisant imagecolorallocate. La première allocation d’image définit la couleur de fond de l’image.

$gris = imagecolorallocate($image, 199, 200, 199);
$rouge = imagecolorallocate($image, 153,0, 0);
$noir = imagecolorallocate($image, 0, 0, 0);

On va maintenant tracer le cadre noir autour de notre image avec la fonction ImageRectange. Le premier argument est l’image sur laquelle le rectangle va être tracer. Les deux suivant sont les coordonnées de l’angle supérieur gauche (0,0). Les deux suivant, ceux de l’angle inférieur droit (101,9).Nous avons bien une largeur de 102 et une hauteur de 10 : attention à l’origine des repères qui est bien (0,0). Le dernier argument est la couleur. On utilise les variables variables : $couleur vaut « noir » donc ${$couleur} vaudra « $noir » qui est bien la couleur allouée précédemment.

$couleur= »noir »;
ImageRectangle ($image, 0, 0, 101, 9, ${$couleur});

On répéte l’opération à quelques différences près : la fonction utilisée est ImageFilledRectangle qui construit un rectangle plein et non juste les contours. De plus la largeur du rectangle (donc l’abscisse de l’angle inférieur droit) est envoyé en paramètre au script. Donc nous le récupérons avec la variable serveur $_GET['nom_de_largument'].

$couleur= »rouge »;
ImageFilledRectangle ($image, 1, 1, $_GET['len'], 8, ${$couleur});

Il ne reste plus qu’à renvoyer l’image au navigateur (c’est à dire la sortie standard dans notre cas) grâce à imagepng. Puis à libérer les ressources avec imagedestroy.

imagepng($image);
imagedestroy( $img );
?>

Ca y est! Vous pouvez utiliser votre image en indiquant, dans l’attribut src de la balise html, l’url de votre fichier avec en argument votre pourcentage. Par exemple : .

Il existe énormement de fonction pour créer des formes ou du texte avec la librairie gd de php.

N’oubliez pas de poster vos créations!! Et si vous avez des questions comme d’hab’, un ptit commentaire :-p

[tuto mashup] Galerie photo animée via Flickr : récupérer les photos (1/2)

Antoine — Sat, 19 Jan 2008 00:25:02 +0000

Ça y est! Il est là, il est tout nouveau tout beau! Le tutoriel pour faire une galerie photo animée avec JQuery et qui utilise flickr pour héberger vos photos. Un bon petit mashup quoi! Pour voir ce que ça donne un peit test ici… Allé gogogogogo!

Flickr

Bon, on veux héberger nos photos chez flickr. Donc…il vous faut un compte flickr (si ce n’est déjà fait!). Allé hop hop hop on s’inscrit. Si vous avez un compte yahoo! cela devrait être ok. L’ inscription ça c’est fait. Un petit mail de validation plus tard vous voila connecter sur votre compte flickr.
Pour la suite sur flickr je vous ai préparé un tutoriel vidéo. Je vous conseille de le suivre en entier, surtout pour la fin!

Le php

Alors là on rentre dans le vif du sujet. Nous allons utiliser une classe php. Des notions de POO serait un plus mais si vous n’y connaissez rien en POO pas de problème vous pouvez continuer. Pour commencer vous devez >>télécharger la classe basée sur l’API de flickr<<. C’est elle qui va nous permettre d’afficher nos photos. Créez vous un dossier dans lequel vous décompressez l’archive. Créez y aussi un nouveau fichier php, par exemple : test-flickr.php.

Activer la librairie curl : Il faut à présent vérifier que votre serveur local soit configuré correctement. Ouvrez votre php.ini et trouvez le bloc qui contient toutes les extensions de php. Il faut ensuite décommenter (enlever le « ; » au début de la ligne) la ligne suivante : extension=php_curl.dll. C’est presque fini. Allez dans votre dossier « php » dans easyPhp ou dans WAMP et copier les fichiers libeay32.dll et ssleay32.dll dans votre dossier windows/system32 ou windows/system suivant votre version de windows.

Place au code :

La première ligne va concerner l’inclusion de notre classe :

require(’flickr.php’);

Ensuite pour pouvoir utiliser l’API nous devons obtenir une deux clés (gratuites). C’est le cas pour la quasi-totalité des API. La première clé s’obtient en remplissant ce formulaire :

La seconde clé suivez le lien indiquez par la flèche rouge. Elle se situe sous la première clé et s’appelle clé de « secret partagé« . Nous pouvons maintenant nous connecter à flickr via l’API.

// Paramètres API :

$apiKey = ‘010e84b635468**********8d7a0f322′;
$apiSecret = ‘989******aa1418e’;

La variable $apiKey correspond à la première clé. Pas la peine de traduire pour la seconde .

Vous vous souvenez des id que vous avez notés au début? Re-sortez les!

// Id du User :

$userId = ‘227*****@N07′;

//Id de l’album :

$albumId = ‘72157*********064′;

Nous y voilà. Nous allons instancier notre classe Flickr. C’est à dire que nous allons créer un objet à partir de notre classe. Voila comment ça se passe :

// Nouvelle instance de Flickr :

$flickr = new Flickr( $apiKey , $apiSecret );

Notre nouvel objet : $flickr. C’est lui qui gère la connexion avec l’API. On va créer une instance de notre album maintenant. Même combat sauf que la classe change de nom :

// Nouvelle instance de Album :

$album = new Album( $flickr , $albumId , $userId );

Enfin! Nous avons notre album. On comprend rapidement les arguments que l’on transmet lors de l’instance : notre objet $flickr pour se conecter, notre identifiant d’album $albumId et notre identifiant utilisateur $userId. On a donc ce qu’il nous faut pour accéder à nos photos : Notre objet $album.

Pour ce tutoriel j’utilise la méthode getPhotos(). C’est celle qui nous donne le plus de données utilisables. Pour le moment nous allons nous contenter d’afficher les miniatures de nos photos.

// Affiche les « thumbs » de toutes les photos de l’album :

foreach( $album->getPhotos() as $photo ) {
echo $photo['imgThumbs'] ;
}

Le foreach permet d’assigner à la variable $photo chaque « ligne » ou « tuple » (pour reprendre un langage plus orienté base de données) renvoyés par la methode getPhotos(). Si vous voulez avoir le détail de ce que renvoi getPhotos() pour faire mumuz et modifier le script à votre guise, remplacez la ligne du echo par :

var_dump($photo);

Un petit test dans firefox votre navigateur favori et normalement vous devriez avoir toutes vos miniatures!

Un grand merci à scriptsphp pour cette classe et la doc fournie. D’ailleurs n’hésitez pas à aller faire un tour sur leur site pour voir toutes les méthodes qui existent.

La prochaine étape du tutoriel portera sur l’aspect animation de la gallerie histoire d’avoir un truc présentable!

Si vous avez fait des essais postez vos url’s en commentaire. Pareil si vous avez des bugs, problèmes remarques, etc etc n’hésitez surtout pas!! A très bientôt pour la suite!

EDIT : la suite est ici!