Alors, pourquoi j'ai nommé nom blog, "la tribu des mini pouces" ?
Tout commence lorsque ma femme m'a parlé d'une tribu mystérieuse en Corée, la "Tribu des mini pouces" ... J'ai alors pensé d'une tribu autochtone, qui avait la particularité d'avoir des petit pouces, afin de mieux visé à l'arc ...
Mais il n'en était rien ... en fait, ce sont les personnes championnes d'écriture de Texto sur portable ! (ce qui n'est certainement pas mon cas ... )

Apparament, il n'est pas rare de rencontrer des jeunes coréens taper des texto à la vitesse de la lumière ! Voici donc un petit hommage,a tous les Geeks et Geekettes, et surtout aux développeurs dont certains se reconnaitront dans cette tribu ... ^^

samedi 23 octobre 2010

Installer Zend Framework dans Codeigniter


I. Introduction

Alors pourquoi installer zend framework dans CodeIgniter ? C'est pour dire, que l'on est super fort, ou pour faire des choses inutiles ? Non, en fait la Zend est très riche en fonctionnalité, et couplé avec CodeIgniter, on obtient passe d'une mobylette à un super tank !
En effet, on pourra aisément utiliser les library d'Amazon, Twitter, yahoo, Delicious, flirck, et surtout GOOGLE API (qui est nommé aussi GDATA) !!!
Mais aussi les autres fonctionnalités qui se trouve dans Zend Framework ... ! bref, TOUT CE QUI SE TROUVE DANS LA DOC DE ZEND SERA ACCESSIBLE !


II. Une installation de 5 minutes

top chrono ... !
1. Tout d'abord, aller sur le site de Zend Framwork, puis télécharger toute la lirairie Zend.
2. Dezipper le fichier, et mettre tout le contenu du repertoire
Zend
dans
[MON_APPLICATION]/system/library/Zend

3. ouvrir le fichier
[MON_APPLICATION]/system/config/config.php
et remplacer
$config['enable_hooks'] = FALSE;

par
$config['enable_hooks'] = TRUE;

4. Créer un fichier zend.php dans
[MON_APPLICATION]/system/hook/

et mettre le contenu suivant :

<?php
/*
Ajout de la librarie Zend dans l'include _path
Chargement de la llibrairie Zend

Attention: il faut activer la la variable $config['enable_hooks'] à TRUE !
*/
function zend(){

set_include_path(get_include_path() .
PATH_SEPARATOR . str_replace(array('/','C:'),
array('\\','c:'),FCPATH.'system\libraries'));

require_once 'Zend/Loader/Autoloader.php';
$temp = Zend_Loader_Autoloader::getInstance();
}
?>

4. Dans le fichier
[MON_APPLICATION]/system/config/hook.php

rajouter le code suivant:
$hook['pre_controller'][] = array(
'class' => '',
'function' => 'zend',
'filename' => 'zend.php',
'filepath' => 'hooks',
'params' => array()
);


III .Comment ca marche ?
Alors, si vous avez bien suivi les instruction de la deuxieme partie, votre librarie sera installer.
Ce qui est intéressant, c'est que la Zend Framework sera automatiquement chargée et que surtout l'autoloader de zend framework sera activer ! donc EFFICACITE et RAPIDITE !

Pour utiliser Zend Framework, il suffira tout simplement de suivre la documentation de Zend (mélange du francais et de l'anglais :( ).

Je vous propose de suivre l'exemple suivante (utiliser le web service de yahoo pour faire une recherche ...):

1. aller à la page suivante de la documentation
2. Vous recopier le code d'exemple :
$yahoo = new Zend_Service_Yahoo("ID_APPLICATION_YAHOO");
$results = $yahoo->imageSearch('PHP');
foreach ($results as $result) {
echo $result->Title .'<br />';
}

et vous le coller dans un controller que vous aurez préalablement créé ...
3. vous appeler le controller ... et magique, vous obtenez le résultat de la recherche PHP !

IV. Conclusion
Je pense que l'installation proposée, n'est pas trop compliqué à suivre, sinon, n'hésitez pas à mettre un commentaire. Il était possible d'intégrer plus intimement Zend framework avec CodeIgniter, mais le chargement d'une librairie par instanciation sur CodeIgniter est difficilement compatible avec les design pattern de Zend qui utilise parfois un factory ou singleton ...
Le faite de suivre la documentation zend pour utiliser cette librairie, ne donnera pas de confusion à l'utilisateur sur le processus d'intanciation des objets zend.

mercredi 13 octobre 2010

Le dernière touche , vue sur Codeigniter


La vue sous codeIgniter , qu'est ce donc ?
C'est simplement l'une des trois composantes du modèle MVC (Modèle MVC étant un design pattern reconnu dans la communauté des développeurs ...)
Pour rappel, le Controleur est le chef d'orchestre, et c'est lui qui appellera les classes, méthodes, librairie et tout autre outils afin de pouvoir réponse à la requète. Il appellera notamment le Modèle (afin de récupérer les valeurs des variables) et la Vue afin de les mettre en formes.
Remarquons simplement que le Modèle, la Vue et le Controleur forme le MVC, comme Modèle MVC ... mm intéressant, non ? :)

Je vais donner dans cette présente article, une vue réutilisable (pour chaque controleur) et très simplement configurable, qui permet de finaliser la présentation du controleur.


I. Se mettre dans le contexte...
Le controleur après avoir récupérer les données, avec le modèle puis mise en page avec une vue particulière, il lui faut faire un bel encadrement pour mettre en valeur tout le code html qu'il a généré. Cet encadrement prend la forme d'une ou plusieurs balises div imbriquées les unes sur les autres(si l'on souhaite ou pas faire des coins arrondis).

Il y a deux écoles: les webdesigner auront tendances à mettre le code pour l'encadrement dans la vue de chaque controlleur, et les développeurs créront une autre vue pour l'encadrement qu'il appliqueront pour tous les controlleurs concernés. Les deux approches se valent, mais avec cependant avec un petit avantage pour les développeurs. En effet, si un jour, l'on souhaite intégré un nouveau type d'encadrement avec un structure différentes, alors le webdesigner devra modifier alors toutes les vues de tous les controleurs alors que le developpeur modifira uniquement la vue de cet encadrement...


II.Un peu de pratique, présentation de notre vue !
Sur CodeIgniter, la vue se situe dans le répertoire

Racine/system/application/view
Pour créer une vue, il vous suffit de créer un fichier dont l'extension est '.php', par exemple 'maVue.php'. Vous ouvrez le fichier, puis vous tapé:

<<?php
if(isset($type))echo $type;else echo 'div';
if(isset($id)) echo " id=\"$id\"";
if(isset($class)&& sizeof($class)>0)
echo ' class="'.implode(' ',$class).'"';
if(isset($autre)&& !empty($autre))
foreach($autre as $k=>$v)
echo " $k=\"$v\"";?>>
<?php echo $content;?>
</<?php if(isset($type))echo $type;else echo 'div';?>>

Ce code vous permettra de généré la plupart du code html, et pour être plus précis, il pourra généré toutes les balises ouvrantes, avec toutes les options que vous souhaitez ... !


III.Alors comment l'utiliser ?
Dans une méthode du controleur, il vous faut créer un tableau associé dans lequel vous devez renseigner au moins la valeur qui a pour clé 'content', afin de renseigner le contenu de la balise (a part les balises <a>, si l on souhaite faire une ancre...)
Sinon, pour le reste, c'est optionnel. Voici un exemple dans lequel on reseigne tous les champ utiles :

$t{'type'} = 'a';
$t{'autre'} = array('href'=>'www.yahoo.fr');
$t{'id'} = 'id_de_a';
$t{'class'} = array('class_1','class_2');
$t{'content'} = 'mon contenu de id_de_a';
$this->load->view('maVue',$t);

On peut remarquer que $t{'autre'} a pour type de valeur un tableau associé. En effet, pour rajouter des option à part l'identifiant et la classe, on a besoin d'une paire clé/valeur (Bases de xhtml).
De plus $t{'class'} est un tableau, cela vient du fait que l'on peut ajouter plusieur class dans une balise.
Je pense qu'il est aisément compréhensible que :
- $t{'type'} est le type de balise,
- $t{'autre'} est l'ajout de champ optionnel dans la balise
- $t{'id'} est l'identifiant de la balise
- $t{'class'} est les classes de la balise
- $t{'content'} est le contenu situé à l'intérieur de la balise


IV.Conclusion
Vous pouvez modifier cet objet à votre convenance et l'adapter a vos besoin ... cependant, je vous conseille fortement de replir $t{'autre'} au strict minimum, c'est à dire lorsque c'est nécessaire. Qu'est ce qui n'est pas nécessaire ? mm par exemple les styles ....Pourquoi? parce que lorsque vous appelerez d'autres controlleurs pour générer des petit bout de html, vous multiplierez inutilement le calcul de votre serveur ...
Ce bout de code est a utiliser (pour optimiser son efficacité) à la fin de chaque méthode du controleur, qui permettra de faire un belle mise en page avec le css.(donc ne pas appeler cette vue 50 fois dans une même méthode du controleur !)

mardi 12 octobre 2010

un .htaccess optimisé ...


Ah, aujourd'hui, avec GoogleSpeed, tout développeur se doit d'optimiser ses pages. C'est tout de même un travail de longue haleine :( ... Mais un bon fichier .htaccess, nous permettra de nous macher notre travail ! Voici le contenu d'un htaccess type:


RewriteEngine On
RewriteBase /projet
RewriteCond %{REQUEST_URI} ^system.*
RewriteRule ^(.*)$ /index.php/$1 [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]

# MOD_DEFLATE COMPRESSION
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/x-httpd-php
#Pour les navigateurs incompatibles
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
#ne pas mettre en cache si ces fichiers le sont déjà
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip
#les proxies doivent donner le bon contenu
Header append Vary User-Agent env=!dont-vary

# BEGIN Expire headers

ExpiresActive On
ExpiresDefault "access plus 7200 seconds"
ExpiresByType image/jpg "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
AddType image/x-icon .ico
ExpiresByType image/ico "access plus 2592000 seconds"
ExpiresByType image/icon "access plus 2592000 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType text/css "access plus 2592000 seconds"
ExpiresByType text/javascript "access plus 2592000 seconds"
ExpiresByType text/html "access plus 7200 seconds"
ExpiresByType application/xhtml+xml "access plus 7200 seconds"
ExpiresByType application/javascript A259200
ExpiresByType application/x-javascript "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"

# END Expire headers

# BEGIN Cache-Control Headers


Header set Cache-Control "max-age=2592000, public"


Header set Cache-Control "max-age=2592000, public"


Header set Cache-Control "max-age=2592000, private"


Header set Cache-Control "max-age=7200, public"

# Disable caching for scripts and other dynamic files

Header unset Cache-Control


# END Cache-Control Headers

# KILL THEM ETAGS
Header unset ETag
FileETag none

# protect wpconfig.php

order allow,deny
deny from all


# protect the htaccess file

order allow,deny
deny from all


# protection de la lecture des répertoires
Options -Indexes


Ah ben maintenant c'est simple, il faut copié et coller le contenu ...
il ne faudra pas oublié d'activé certaine fonctionnalité sous apache !
Je parle de headers_module, rewrite_module et de defalte_module
!

De plus, vous avez un editeur de htaccess en ligne qui s'appelle HtaccessEditor. Voila, je crois avoir tout dit ...

Les outils de base de développement web


Je vous présente ma sélection des meilleurs outil web pour développer des sites web ou web application.

CodeIgniter: Framework PHP qui est à mon goût le meilleur.(même bien plus que Zend Framework ou Symfony). Son avantage ? Une documentation claire et précise qui répond à la grande majorité des problématiques des développeurs. De plus, il est simple à utiliser et sa prise en main est rapide. CodeIgniter se place parmi les plus légers, donc aussi les plus rapide, peut être. En tout cas, j'apprécie son ergonomie et sa facilité d'utilisation. Ses défauts ? Une librairie pas assez étoffé, mais qui peut être rattrappé, en téléchargeant ceux de PEAR ou Zend.

WAMP SERVER : Serveur local, qui s'installe sur la machine du développeur. WAMP est probablement le plus utilisé. Avantage ? simple et robuste ... défaut ? Après de longue journée, difficile à distingué le blanc du jaune... cela a tendance à énervé ... !

PHPUnit : Je pense que c'est le meilleur framework de test. D'ailleur Zend l'ont repris pour l'intégré dans leur IDE. Le problème, la syntaxe est parfois un peu verbeux, la documentation manques parfois de précision et c'est difficile de l'installer(notamment parce qu'il faut installer xdebug et PEAR) ...Pas mal de défauts, mais beacoup d'avantage:
- création automatique de rapport
- analyse de code mort
- possibilité de généré la classe fonctionnelle en fonction de la classe de test (pratique ...) et encore pas mal de choses à découvrir ...

DokuWiki:pour faire de la documentation. Très simple à installer, pas besoin d'avoir une base de donnée, et configuration rapide. De plus la prise en main et rapide ...

YUI 3: Framework Javascript, il est à mon sens le meilleur Framework javascript léger. En effet, on peut générer sa propre librairie en fonction de ses besoins. De plus la documentation est très bien fournit.

YUI Compressor : Compression des fichier javascript et css. Pas trop difficile à l'utiliser avec sa documentation. Il faudra préalablement installer Java sur la machine pour l'utiliser.

Extjs: Meilleur Framework Javascript pour faire des applications Web. Extjs, fait parti de Sencha, qui rachete les technologies les plus prometteurs. Extjs à pris une grande longeur d'avance sus ses concurents. on peut cité maintenant la possibilité d'exporter facilement ses application sur tout type de support:
- via le navigateur avec extjs
- via les smartphone avec jqtouch
- sous forme logiciel avec Adobe Air.
De plus, JQtouch est en HTML 5 et CSS3 ! et il y a une migration de ces nouvelles normes pour extjs. Son point fort est d'avoir une très bonne documentation, et de nombreux d'exemples...