Leny online

Nouveau blog

2010-11-24T02:33:00.000+01:00

Bonjour,
Enfin, j'ai passé pas mal de temps sur le développement de mon nouveau site internet, il est désormais accessible içi : http://www.leny-bernard.com

Je ne posterais désormais plus de contenu içi mais sur le nouveau site.
Au programme donc développement Symfony (bien sur), mais aussi développement iPad, GWT, jQuery etc.
à Bientôt !
Leny

Lancement de mon nouveau blog imminent

2010-11-12T05:42:00.000+01:00

ANNONCE OFFICIELLE :

Ce blog va bientôt être obsolète !

Cependant, pas de panique !

L'adresse de mon nouveau blog sera dévoilée dans les prochains jours...

Au programme :

plus de tutoriels
plus d'articles
mes flux de partage rassemblés
mon CV
mes portfolios
un contact amélioré

A bientôt.

Leny

[COCOA] Tutoriels vidéo pour bien commencer

2010-11-04T13:21:00.001+01:00

http://tutorialsblogs.com/objective-c-programming-tutorial-65-videos-series/

[SYMFONY] embedforms, embedi18n

2010-11-03T23:51:00.000+01:00

Voici une petite fiche récap sur les formulaires imbriqués en symfony ainsi qu'un petit lien particulier pour ajouter des embedforms à la volée.

Définition et exemple basique d'application
Personnalisation de l'affichage
Formulaires de traduction i18n
Les formulaires embarqués ajoutés à la volée

Définition et exemple basique d'application :

Un embedForm est un formulaire embarqué dans un autre formulaire. C'est très utile et par conséquent très utilisé dans symfony. Voici un exemple d'application :

Si vous avez besoin d'utilisateurs, vous avez du installer le plugin sfDoctrineGuardPlugin. Peu importe qu'est ce que vous utilisez pour gérer vos utilisateurs, le schéma de données est le même. Pour peu que l'on veuille agrémenter nos utilisateurs d'un avatar, leur souhaiter leur anniversaire, savoir leur genre (sexe), il va falloir rajouter des champs.
Ainsi on a 2 possibilités,

soit on modifie le schéma du plugin, mais c'est dommage car du coup, il va falloir le faire pour chaque nouveau site ou l'on aura besoin de faire ça.
soit, on modifie le schéma général en y ajoutant une table que l'on peut appeler Profile par exemple. On définit cette table avec les champs désirés (avatar, gender, birth_date, etc) et on définit une relation "one to one" avec la table définissant les utilisateurs. (On peut même aller plus loin dans la portabilité du code en créant directement un plugin personnel de gestion des profils; ainsi en 2 lignes de commandes, c'est gagné pour les nouveaux sites)

On aura, en clair et dans le plus simple des cas, une table sfGuardUser et une table Profile

Donc, voici le nouveau schéma.yml pour la table Profile

Bon, première étape finit, mais pour l'instant, on a juste 2 modèles, reliés certes, mais qui définissent chacun 2 formulaires différents.
Il va falloir embarquer le formulaire d'utilisateur dans le formulaire profile (toujours dans un soucis de portabilité du code et dans l'optique de création d'un plugin, c'est du moins ma vision)
Symfony permet de gérer facilement les formulaires embarqués. Il suffit de modifier la méthode configure du formulaire Profile et d'y ajouter ces lignes :

J'explique brievement mon code qui je pense est assez explicite :
Ici, je configure mon formulaire de profile. J'instancie un formulaire de la classe sfGuardRegisterForm et je lui passe l'utilisateur relié au profile grâce au schéma.

Ainsi, si j'affiche $form, j'aurais les 2 formulaires imbriqués, ne faisant qu'un seul et même formulaire pour l'utilisateur.

Je vous ai montré aussi comment on peut modifier de la même façon qu'un formulaire normal un formulaire embarqué, par exemple les labels.

2. Personnalisation de l'affichage

L'exemple précédent ne me convient pas totalement, si vous l'avez testé chez vous, vous savez probablement de quoi je parle, l'affichage n'est pas correct.

Premièrement je veux mixer totalement les 2 formulaires. Pour l'instant ca m'affiche les 2 formulaires dans un même tableau, cependant,le formulaire sfGuardRegisterForm est affiché avec un label : "Utilisateur :"; ce qui décale les champs d'une colonne. Ce n'est pas ce que je veux. Aussi, je peux modifier l'affichage en allant modifier le fichier correspondant, soit _form.php et au lieu d'afficher $form simplement, on va afficher séparément les éléments.

Ca donne ca :

Ca nous affiche correctement le formulaire désiré, parfait.

3. Formulaires de traduction i18n

Parfois, vous aurez à faire de la traduction de contenu, par exemple, si vous faites un blog pour plusieurs langues, vous allez créer le modèle Article et vous allez le configurer comme ci-dessous afin qu'il soit traductible dans les langues spécifiées.

Un petit build --all créé comme à son habitude les classes de formulaire et de modèle. Ainsi si on va voir dans le dossier lib, on peut voir la classe ArticleTranslationForm.class.php

On n'y touche pas, le but du sujet est juste de savoir comment l'afficher, on va droit au but, dans la méthode configure du formulaire, on va insérer nos formulaire de traduction comme suit :

Ca affichera ainsi, dans le formulaire de création d'article, les deux formulaires de traduction, c'est aussi simple que ça mais quand on ne sait pas, on ne peut pas l'inventer ;)

4. Les formulaires embarqués jaoutés à la volée

http://www.nacho-martin.com/dynamic-embedded-forms-in-symfony

Site d'un blog technique intéressant : élao

2010-11-03T16:20:00.000+01:00

Des articles très intéressants, touchant à ce que j'aime, symfony, linux, applications iphone et ipad ! J'aime
http://www.elao.org/

[SYMFONY] SQLSTATE[42s22] Erreur 1054 = SOLUTION

2010-11-01T01:01:00.000+01:00

Bonjour,
Si vous tombez sur ce message, c'est probablement qu'il vous est arrivé cette erreur :

J'ai pour ma part eu ce problème et j'ai réussi à m'en sortir malgré le fait que je ne comprenne pas vraiment la base du problème. Aussi, ne maitrisant pas cette erreur, je ne vous donne pas la solution mais UNE solution qui a fonctionné pour moi mais qui ne fonctionnera peut être pas chez vous.

Voici mon contexte :

J'utilise :

Linux Ubuntu 10.10
PHP 5.3
Apache 2
Mozilla Firefox & Google Chrome
Doctrine

Jusqu'içi, rien d'étonnant. Le problème surgit lorsque je créé des tables i18n, c'est à dire lorsque je fais ce type de schema.yml

actAs:

I18n:

fields: [title]

L'erreur n'arrive pas toujours. Très étonnant, parfois, sur la même application, pour 2 pages quasiment similaires, l'une déclenche l'erreur et l'autre non.

C'est à rendre fou !

J'ai remarqué que cela plantait sur des requêtes tapant sur des tables traduites. C'est comme si Doctrine ne faisait pas la jointure et ne trouvait pas la traduction. J'ai trouvé par hasard un moyen pour "colmater" la brêche, le voici :

Il m'est parfois apparu cette erreur sur une requête ou j'écrivais le nom du modèle en minuscule.

J'ai du modifier le nom de modèle en insérant une majuscule en première lettre comme ceci.

J'ai eu le problème inverse, ayant mis le nom de la classe avec la première lettre en majuscule, j'ai du mettre tout en minuscule. Je ne comprends pas forcément de quoi ca peut venir et surtout si vous pensez savoir, dites le moi, j'aimerais beaucoup comprendre cette histoire là.
En tout cas, ca fonctionne pour moi, j'espère que ca fonctionnera pour vous aussi.

[COCOA] Un bon petit site de tuto de gestion de database iphone :

2010-10-18T16:37:00.001+02:00

http://blancer.com/tutorials/i-phone/76993/sqlite-tutorial-adding-data/

[SYMFONY] Envoyer des emails

2010-10-06T16:40:00.000+02:00

Petit article juste pour présenter les emails dans Symfony, j'ai pu lire beaucoup de choses, bien et moins bien sur les email dans Symfony, voilà ce que j'en ai retenu :

SWIFTMAILER est intégré à Symfony depuis sf 1.3
Pour créer un email, il faut d'abord instancier un mailer, cela se fait avec cette commande :

$mailer = sfContext::getInstance()->getMailer();
pour construire l'email, on utilise la méthode compose() du mailer

$message = $this->getMailer()->compose('email@destination.com, 'email@source.com', 'mon OBJET', 'mon contenu');

On peut aussi faire des beaux emails en utilisant des vues de symfony en utilisant la méthode setBody() du message

$message->setBody($this->getPartial('myPartialView',array("variable1"=>"1")), 'text/html');
Pour envoyer ce message, on utilise la méthode send() du mailer en lui passant en paramètres le message, l'email destinataire, l'email de réponse

$mailer->send($message, $emailTarget, $emailReply);

Pour plus d'informations sur les emails avec Symfony comme par exemple la configuration des envois de mail, le mode de distribution, d'envoi etc, n'hésitez pas à aller voir le livre de Symfony "The more with Symfony, page 4"

[SYMFONY][JQuery] Gérer ses formulaires en Ajax, validation soumission, etc !

2010-10-06T16:18:00.000+02:00

Bonjour,

Bonne nouvelle : Cet article est très utile :)
Il va nous permettre de traiter un formulaire à la volée et de récupérer les erreurs qu'un mauvais remplissage pourrait renvoyer.

Imaginons que l'on veuille ajouter un commentaire à un article de blog.
On affiche notre article puis en dessous, on affiche un lien pour commenter l'article.
Le formulaire de commentaire doit connaitre implicitement le sujet à commenter.
Aussi, il faudra :

1. modifier le formulaire de commentaire pour passer l'id de l'article en douce (grâce au widget sfWidgetFormInputHidden

/lib/form/Doctrine/CommentForm.php

public function configure()
{
      $this->widgetSchema['model'] = new sfWidgetFormInputHidden();

      $this->getWidgetSchema()->setLabels(array(
          'author'=> "Pseudo :",
          'content'=> "Message :",
          ));
}

2. passer l'id de l'article lorsqu'on charge le formulaire
On peut soit afficher le formulaire dès le chargement de la page, soit en Ajax, faisons le en Ajax, ce serait trop facile ;)

On va donc utiliser JQuery. Installons déjà le plugin sfJqueryReloadedPlugin
Une fois que c'est fait et que l'on a bien inclut le helper jQuery, on peut se créer dans un fichier js que l'on va inclure (je vous fait confiance là dessus) une fonction qui sera déclenchée lors du clic sur le bouton commenter.

/app/frontend/blog/show/myArticle

<div>
   <h1>
   <?php echo $article->getTitle(); ?>
   </h1>
   <p><?php echo $article->getContent(); ?></p>
</div>
<input type="button" value="Commenter" onclick="comment(<?php echo $article->getId(); ?>)"/>

<div id="commentForm"></div>

/web/js/main.js

function comment(arg){
   $.post("/comment/new",
   {id: arg},
   function(data)
   {
   $("#commentForm").html(data);
   $("#commentForm").slideToggle();
   });
}

Jusque là, on est pas trop désorienté, c'est juste la facon de charger le formulaire de commentaire.
Il faut donc maintenant créer l'action comment dans le module blog :

/app/frontend/modules/comment/actions/actions.php

public function executeComment(sfWebRequest $request) {
   $comment = new Comment();
   $comment->setArticleId($request->getParameter("id"));
   $this->form = new CommentForm($comment);
   }

Vous l'avez surement compris, dans le code précédent, on créé un objet commentaire pour pré-remplir avec l'id de l'article. On charge ensuite commentSuccess.php. Crééz le comme vous voulez, je vais personnelement aller au plus simple pour bien montrer la facilité du processus.

/app/frontend/modules/comment/templates/newSuccess.php

<?php use_helper('jQuery'); ?>
<?php echo jq_form_remote_tag(array(
   'update' => 'commentForm', /* représente l'id de la div que l'on doit mettre à jour */
   'url' => 'comment/'.($form->getObject()->isNew() ? 'create' : 'update'),
)); ?>
  <?php echo $form; ?>
<input type="submit" value="Commenter"/>
</form>

On réinclut le helper de jQuery. Pourquoi ? car sinon, la vue, isolée car chargée en ajax est incapable de trouver la fonction jq_form_remote_tag.
On passe 2 paramètre à cette fonction : url, qui désigne l'action que va éffectuer le formulaire et update qui définit dans quel id de la page l'action ajax va afficher la réponse. Içi, dans la div d'id commentForm.

Désormais, il faut dire quel vue on va afficher lorsque cela sera validé. Le formulaire, une fois validé et enregistré raffiche le formulaire pour l'éditer, fonctionnement par défaut mais qui ne nous convient pas. On peut pour changer cela en ajoutant un test dans la template newSuccess.php.
Grâce à l'attribut $form->getObject()->isNew() des formulaires, on peut en déduire le comportement que l'on doit adopter, soit afficher le formulaire (comportement 1) soit afficher le commentaire (comportement 2).

/app/frontend/modules/comment/templates/newSuccess.php

<?php if($form->getObject()->isNew()){?>

   <h3><?php echo __("Ajout d'un commentaire :");?></h3>
   <?php include_partial('form', array('form' => $form)) ?>

<?php }else{
   include_partial("show",array("comment"=>$comment));
}?>

Voilà qui est fait. Maintenant. Le formulaire est en Ajax, s'il y a des erreurs dans le remplissage du formulaire, les erreurs seront affichées puis lorsque cela sera valide, le nouveau commentaire sera affiché comme les autres commentaires grâce au fichier _show.php que vous aurez créé selon votre envie de mise en forme des commentaires.

Le ShowCase de Google

2010-09-29T04:04:00.000+02:00

Ceci est le showcase de l'API Ajax de Google... elle regroupe beaucoup plus que du simple Ajax, elle intègre de la traduction grâce au moteur de google translate, gmaps, gearth, blogger, des graphiques, etc etc.

Intégrable facilement sur n'importe quel site, faites vous plaisir, il suffit de cliquer sur l'exemple voulut puis de choisir ViewDocs en haut à droite.
On peut même et ca c'est pas mal, changer le code de la vue du haut puis de générer le résultat en bas.
:)

http://code.google.com/apis/ajax/playground/

[GWT] Problème de relève d'évenement

2010-09-18T00:10:00.000+02:00

En GWT, pour relever des évenements, on utilise des handlers.
Parfois, comme dans la classe Slider de GXT com.extjs.gxt.ui.client.widget.Slider, des méthodes éxistent déjà pour déclencher des actions lors d'un évenement particulier.

Déclenchons par exemple un évenement au clic sur notre slider.
Si on instancie un slider, l'auto completion d'Eclipse ne nous montre que les méthodes publiques. Or si on regarde dans la doc, il existe un bon nombre de méthodes permettant de faire ca : la méthode OnClick par exemple.

Mais comment l'obtenir ? Je me suis prit la tête pendant une après midi pour voir que ces méthodes sont protected... Des méthodes ?? Protected ?? mais pourquoi ? Et bien j'imagine que vu que c'est destiné à être des scripts JavaScript, cela ne doit être fait qu'une fois, lors de son instanciation... à vérifier, n'hésitez pas à me dire si vous avez une meilleure explication.

En tout cas, vous l'avez compris, ce n'est pas perdu, elles sont là et on peut les utiliser.
Au lieu d'instancier un slider "normalement", en utilisant le constructeur normal :

On peut l'instancier et surcharger les méthodes que l'on veut utiliser.

[OBJC] Découverte de l'Objective C / 31 jours = 31 applis, on va tenter de garder le rythme !

2010-09-16T05:48:00.000+02:00

Je me suis mis au developpement iPhone depuis quelques jours.
Pour se faire, j'ai installé un vm Mac OS X 10.6.2 puis j'ai installé XCode.
Ensuite j'ai joué avec et j'ai trouvé ça très marrant.
J'ai ensuite eu la chance d'obtenir un bouquin sur le Cocoa.
Ca explique le fonctionnement et les analogies entre l'objective C et le Java que je connais mieux.

Une fois les bases assimilées, le code objective C m'est apparu plus clair.
Je me suis ensuite lancé dans la création d'un TP personnel : une calculatrice.

Plutot que de refaire le tuto, je vous conseille de suivre celui-ci que j'ai trouvé très complet. J'ai laissé un commentaire sur son site pour lui proposer une amélioration au niveau de son code. Ceci dit, vous pouvez suivre son tuto les yeux fermés, ca marchera :)

Voilà ma calculatrice si ca peut vous motiver :)

Je vous conseille ce site, très bien écrit et assez récent (par rapport à aujourd'hui)
TUTO CALCULATRICE

Faites vous plaisir.
autre ressource

[GWT][GXT] Les grids

2010-09-14T19:24:00.000+02:00

En GXT, on a souvent le besoin de mettre en forme des données. J'ai eu besoin de le faire, en me baladant sur le showcase de Sencha, j'ai vu le plugin exapander pour les grid. Un très beau rendu qui permet d'afficher des compléments d'informations pour une liste d'objets donnée.
Ca donnera ça :

On part de notre modèle pour aller vers la vue.

Voici notre modèle : Student =

On déclare 3 attributs pour faire simple et un constructeur recevant nos 3 attributs.
On créé ensuite une interface héritant de BeanModelMarker

Ne surtout pas oublier l'annotation @BEAN({package}.{Class}.class), elle est très importante dans la liaison entre la classe Student et cette interface.

Maintenant on passe du côté Vue

Là ou on veut afficher notre grid, on créé une liste de Student, appelée students :

On se créé un magasin puis pour chaque Student de notre liste students, on génère le BeanModel associé. Ainsi, nous avons un store contenant des BeanModel :

On créé ensuite un XTemplate (KESAKO ? c'est ce qui sera affiché lorsque l'on cliquera sur le petit plus dans notre grid, on peut ne pas le faire si on veut juste une grid standard) :

Maintenant, il faut créer les colonnes. C'est là que c'est Magique.On créé une liste de ColumnConfig, on y ajoute notre plugin expander qui nous permet d'afficher des info supplémentaires selon le précédent XTemplate puis on créé autant de nouveau ColumnConfig que l'on veut de colonne.

2 méthodes très importantes ci-dessus,

colum.setHeader("Prénom");

colum.setId("firstName");

La méthode magique est cette dernière. Ce qu'on lui passe => firstName est, vous l'avez peut être déjà remarqué, le nom d'un des attributs de mon objet Student. Il faut retourner dans notre modèle Student pour générer tous les getters dont nous aurons besoin. ici firstName et LastName Student.class.php

Maintenant c'est quasiment fini, il faut créer le fameux Grid en lui passant notre liste de (Student)BeanModel et notre ColumnModel cm.

Voilà, c'est fini et normalement, je viens de le tester, ca fonctionne niquel !
Enjoy ;)

[GWT] Les Layouts

2010-09-13T16:33:00.000+02:00

Première étape de la création d'une application GWT, l'interface utilisateur.
En GWT, on utilise les Layouts (Patron, MasterPage).

En gros on créé l'architecture de la vue en créant un layout général.

Toujours avec la fameuse librairie GXT (cf les précédents tuto), on va réussir à faire un super truc très rapidement.

Deux trucs à savoir :

1) Il existe beaucoup de types de layouts. Nous utiliserons le type de layout utilisé dans l'exemple du showcase de Sencha BorderLayoutExample car il est très performant, assez rapide de mise en oeuvre et déjà stylé et largement parametrable, c'est probablement au moment ou je parle le plus puissant layout de GWT.
2) Pour redimensionner automatiquement notre layout lorsqu'on redimensionne le navigateur, il faut utiliser l'objet VIEWPORT

Pour intégrer Viewport à notre exemple de borderlayout, on va importer Viewport et l'instancier. Il faudra toujours considérer ViewPort comme la vue globale.

J'ai renommé l'exemple BorderLayoutExample en GeneralLayout.
J'ai enlevé la classe mère LayoutContainer de la déclaration de classe, l'objet ViewPort héritant déjà de LayoutContainer

Je ne vais pas revenir sur les exemples de Sencha, c'est assez explicite, je vous montre seulement ce qui change dans le fichier GeneralLayout à la fin, lorsqu'on ajoute du contenu à une zone du layout :

Il reste une chose à faire maintenant, utiliser viewport comme vue globale dans le onModuleLoad()

Ainsi, on peut maintenant redimensionner notre navigateur, le layout se redimensionnera instantanément.
Plutot Génial hein ?

[GWT] Changer les ports des applications 8888 et 9997

2010-09-09T19:15:00.000+02:00

J'ai vu que personne sur le web ou presque n'en parlait, par défaut, une application GWT est lancée sur un serveur d'application embarqué JETTY sur le port 8888. Lorsque vous développez vos applications, il faut installer un plugin dans votre navigateur qui va communiquer avec votre application codée en JAVA et tout retranscrire la partie client en JavaScript.

Pour développer plusieurs projets en même temps, il faut donc paramétrer 2 ports.
Pour accéder aux paramètres de son application, il faut faire un clique droit sur son projet et sélectionner Run As > Run Configurations :

On arrive dans la configuration de notre application GWT.
Il faut changer à 2 endroits des ports.
Le premier, celui de JETTY. Par défaut, il est égal à 8888, j'ai donc modifié le port en 8888 vers 8890, on peut aussi bien choisir de cocher l'option qui permet de toujours choisir un port non utilisé. C'est pratique, autant s'en servir.

Deuxièmement, il faut changer le deuxième port en se placant dans l'onglet Arguments et en ajoutant l'option -codeServerPort 9998, par exemple pour le numéro de port

Ainsi, vous pouvez avoir plusieurs projets accessible grâce à la combinaison des 2 ports.
Voilà pour la petite astuce.

[GWT] Découverte de la librairie GXT

2010-09-03T20:39:00.000+02:00

Sencha propose une librairie EXJ GWT appellée GXT.
On peut y accéder ici : http://www.sencha.com

On télécharge la dernière version stable, au jour d'aujourd'hui, septembre 2010, c'est la version 2.2

On part du principe qu'on a déjà créé un projet GWT.

Dans notre projet GWT on créé un dossier lib puis un dossier gxt-2.2.0 à la racine du projet, on y extrait le fichier gxt.jar présent à la racine du fichier téléchargé.

Il faut maintenant inclure le jar à notre projet. Dans eclipse, il suffit de faire un clic droit sur notre projet -> proprietés (ou Alt + Entrée) puis de choisir "Include Jar"
On va chercher le fichier gxt.jar qui se trouve dans ~/WORKSPACE/PROJECT/lib/
gxt.jar

Il apparait ainsi dans la liste des librairies ajoutées au projet.

Il faut ensuite ajouter les ressources au projet (icons,images, model). Pour faire cela, il faut cliquer sur l'onglet Source (des proprietés du projet) puis choisir "Add Folder". On va chercher le dossier lib/gxt-2.2.0/samples/resources/src

Il faut maintenant copier le dossier ressources présent dans le fichier que vous avez téléchargé gxt-2.2.0 et vers le dossier war.
Il faut maintenant modifier le fichier html pour inclure le fichier css de gxt-all.css

<link type="text/css" rel="stylesheet" href="resources/css/gxt-all.css" />

Il faut maintenant référencer gxt en ajoutant ces lignes dans le fichier de config TestGXT.gwt.xml :

<inherits name='com.extjs.gxt.ui.GXT'/>
<inherits name='com.extjs.gxt.samples.resources.Resources'/>

GXT est désormais installé.
On peut désormais aller sur le show case de sencha pour faire nos emplettes, Voir source, copier coller et remplacer la regex suivante \s[0-9]+.\s par "".

Vous pouvez télécharger le projet minimal ici :

[GWT] Tutoriel AJAX

2010-08-27T17:16:00.000+02:00

Bonjour, GWT V2.0.4

Pour commencer à toucher au modèle MVC, on va se pencher sur la réalisation d'une calculatrice respectant le modèle MVC et appelant le serveur pour ce qui est du calcul de factorielles.
Dans un premier temps, on va faire une calculatrice non ajax, seulement coté client.
Je vous conseille de faire maintenant un petit diagramme de classe faisant apparaitre correctement les cotés Model, View et Controller ainsi que les interfaces implémentées ou les classes mères.
On rajoutera dans la partie 2 les appels RPC (AJAX)
Voici mon diagramme de classe, celui qu'on utilisera lors de ce tuto :

On va donc créer une nouvelle application GWT, (voir le tuto précédent) puis on va créer de nouveaux packages à ceux déjà existant.

Ainsi dans le package com.client, on va créer 3 packages : model, view, controller.

Cela nous créé notre modèle MVC.
On va d'abord créer le MODELE Calculator.
1) Clic droit sur le package, new-> class; entrer Calculator comme nom de classe puis valider.
2) sur notre schéma on a déclaré 4 constantes, définissant les modes de calcul disponible de la calculatrice. On a aussi une "proprieté" mode qui définit le mode courant.
La proprieté oldValue est le résultat de l'opération précédente.
La proprieté currentValue correspond au nombre dernierement ajouté.
La proprieté saveCurrentValue est un booléen qui va gérer l'ajout ou le remplacement des chiffres à l'écran. Ainsi, la première touche, au départ et après une opération, remplacera le résultat et le booléen passera à false jusqu'à ce que l'on clique sur un opérateur (+ - * / = ).

3) Les méthodes ! On déclare un constructeur Calculator(); Rien de méchant, le constructeur va servir à instancier (créer) un nouveau calculator.
On va ensuite déclarer un méthode appendDigit(int value) qui va être appellée lors du clic sur un bouton numérique (0-9) et va servir à remplacer le résultat à l'écran ou à le mettre à la suite (en fonction du booléen saveCurrentValue).
La méthode clear() va servir à purger notre calculatrice, c'est litteralement un remise à zéro RAZ, déclenchée lorsqu'on clique sur le bouton C.
La méthode compute() va calculer notre opération. En fonction du mode (ADD=>0,SUBSTRACT=>1,MULTIPLY=>2,DIVIDE=>3)
la méthode getOldValue() est juste un accesseur, pas besoin d'en parler plus longuement.

On va maintenat créer la VUE CalculatorWidget.
Celle-ci va nous permettre de générer notre clavier, notre écran, bref notre calculatrice coté utilisateur.

1) On a une proprieté screen qui va définir l'écran dans lequel l'utilisateur verra affiché la réponse.

2) On ajoute ensuite les méthodes. On a une méthode pour afficher quelque chose à l'écran, une méthode pour créer une touche : createButton(), une autre pour le clavier : createKeyboard() qui va utiliser la méthode createButton().
Mais avez vous remarqué que notre CalculatorWidget hérite de SimplePanel.
Notre widget sera donc un SimplePanel et on veut que lorsqu'on le charge, on génère un VerticalPanel dans lequel on ajoute screen (TextBox) qu'on désactive pour ne pas qu'on puisse y taper n'importe quoi, et qu'on génère un clavier pour pouvoir demander un calcul.
On ordonne ces actions dans la méthode @override onLoad()

La fonction display() est bateau, pas besoin d'un dessin, je la met quand même pour plus de clarté.

On va enfin créer le CONTROLLEUR ButtonHandler.

1) Le controlleur est la pièce directrice de votre programme. C'est ici que l'on va créer notre modèle et notre vue et que l'on va effectuer les actions au clic des boutons.
Ainsi, on va faire implémenter l'interface ClickHandler et on va donc implémenter l'action onClick() afin de définir le comportement du programme et donc calculer les opérations et recharger l'affichage de l'écran.

On pourrait presque penser que c'est fini et c'est presque vrai !

Il faut maintenant changer ce que fait le programme, le main si vous venez du Java. En GWT, vous l'avez compris, on appelle ça le onModuleLoad() :

ACTION AJAX

On va essayer d'expliquer le plus facilement possible les concepts de base.

Pour intégrer de l'AJAX dans notre calculatrice, on va ajouter une nouvelle fonctionnalité : la factorielle.

C'est peut être pas très clair pour ce qu'est la factorielle alors je vous le dis la factorielle de 5, c'est 1x2x3x4x5 donc c'est pas forcément très dur mais ca monte très vite dans des nombres énormes.

GWT fournit un framework complet reposant sur un modèle entièrement asynchrone.

Voilà comment s'articule le moteur RPC :

L’interface de service est le contrat de notre service. C’est l’ensemble des opérations que nous proposons de distribuer. Il existe deux types d’interface.

• L’interface synchrone (MyService/FactoService) : c’est cette interface qui est utilisée par notre implémentation sur le serveur. Elle est générée en JavaScript lors de la phase de compilation et se

situe côté client du fait de sa dépendance avec d’autres éléments côté client.

• L’interface asynchrone : dans GWT, toute requête Ajax s’effectue de manière asynchrone. C’est cette interface qui est concrètement utilisée lors de l’invocation par le code client.

1) On va donc créer notre interface de synchrone. On va la nommer FactoService et la faire étendre de RemoteServiceServlet

On déclare la méthode pour calculer la factorielle. On va l'appeller factoServer(int n)

Il faut ensuite assigner à notre servlet un alias en ajoutant @RemoteServiceRelativePath("facto") au dessus de la déclaration de l'interface

2) Puis l'autre interface, l'asynchrone. On va la nommer, et c'est obligatoire de la nommer comme ceci NomDeLInterfaceSynchrone+Async, ce qui donne FactoServiceAsync,

3) Comme vous le voyez sur le schéma au dessus, on doit générer un proxy. Le Proxy va servir à communiquer entre le client et le serveur. Sur le schéma, il y a marqué "Généré", Java nous permet de créer dynamiquement des classes. On appelle la méthode create de la final Class GWT en lui passant le nom de l'interface FactoService et le type FactoServiceAsync. Il faut mettre cette ligne de code dans le modèle ou l'on veut éffectuer l'action AJAX (on peut cependant le mettre ailleurs si on en a besoin ailleurs, tant que ca respecte le modèle MVC).

Voici la fameuse ligne de code :

4) Le mécanisme RPC est quasiment fini coté client. Il faut maintenant créer la méthode dans notre modèle. Je vous rappelle le but de l'action AJAX, c'est trouver la factorielle d'un nombre.

Donc dans notre modèle Calculator, on va ajouter une méthode askFactoToServer(int n)

On a bouclé tout ce qui se trouve du coté client.

Une classe reste désormais à implémenter, la classe coté serveur.

5) Sur le schéma, on voit la classe MyServiceImpl.java, c'est la classe coté serveur qui va nous calculer notre factorielle.

on ajout @suppressWarnings("serial") pour éviter un avertissement lié à la sérialisation

Et voilà ! Profitez bien !

[GWT] Tutoriel de découverte

2010-08-17T04:45:00.000+02:00

Me voilà dans un nouveau stage !
Je travaille pour un professeur qui souhaite créer un logiciel en ligne d'exercice de maths, de suivi des élèves et de gestion de compétences.
On va normalement travailler avec Google web toolkit !
C'est avec ce toolkit que Google code ses applications et le concept est assez simple et interessant :
- Ce n'est que du JAVA !
Je ne sais pas si c'est une bonne nouvelle mais c'est comme ca :D

Le fonctionnement est donc que l'on code tout en Java en utilisant les librairies qui conviennent. On ne touche normalement jamais à une ligne de code js et c'est completement objet.
J'ai donc installé ça ce soir et ca me donne très envie aussi je vous le recommande, je vais m'y mettre serieusement là et je posterais quelques tutoriels à ce sujet.
Ci contre un premier screen de ce qu'un projet neuf donne :

Je vous propose maintenant un petit tuto de découverte de GWT :
c'est fortement inspiré du tuto que propose google ici : StockWatcher

Il faut tout d'abord installer eclipse si vous ne l'avez pas déjà fait.
1. téléchargez la dernière version d'eclipse sur http://www.eclipse.org/downloads/
2. ensuite allez dans Eclipse -> Help -> New Software
Une fois dans New Software, on ajoute cet url : http://dl.google.com/eclipse/plugin/3.5 qui contient les sources de GWT et le plugin GWT pour eclipse
3. Cochez tout
4. Continuez l'installation jusqu'à la fin, logiquement pas de problème sinon suivez ce qu'ils disent, puis redémarrer.
5. De nouvelles choses apparaissent désormais , notamment 3 icones avec le g emblématique de google.
6. Eclipse vient d'installer GWT et être maintenant prêt à l'utiliser.

Je vais fonctionner ici en captures d'écran pour le code pour ne pas que vous copiez (bêtement) le code car c'est incomparable la différence entre écrire le code et le copier pour la compréhension.
On créer maintenant une nouvelle application web google. C'est assez instinctif, c'est cette icone .
On renseigne le nom du projet :stockWatcher et le package, habituellement, je mets juste com
Ca génère donc le hello world, c'est assez marrant, ca montre un peu comment ca s'organise mais ca ne sert pas à grand chose.

On va maintenant dans war et on ouvre le fichier stockwatcher.html (ca dépend du nom que vous avez pris pour votre nom de projet, j'ai moi pris "stockwatcher") puis on fait le ménage, rien qu'en enlevant les commentaires, on arrive à un truc propre et simple :

<!doctype html>
<html>
  <head>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   <link type="text/css" rel="stylesheet" href="StockWatcher.css">
   <title>Web Application Starter Project</title>
   <script type="text/javascript" language="javascript" src="stockwatcher/stockwatcher.nocache.js"></script>
  </head>
  <body>
   <h1>StockWatcher</h1>
   <div id="stockList"></div>
   <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
  </body>
</html>

GWT utilise les id pour dire ou il veut afficher ses élements. Ainsi, on a fait une div avec l'id stockList vide mais dans le but d'y mettre notre contenu.
on ouvre maintenant com.client.StockWatcher.java
On a notre classe, déclarée comme ceci : public class StockWatcher implements Entrypoint{ }
Je vous rappelle qu'on déclare ce dont on a besoin directement dans la classe.

Dans ce tuto, on veut pouvoir ajouter en Ajax de nouvelles entrées dans un tableau, on va donc avoir besoin :

d'un tableau (flexTable)
d'un input text (TextBox)
d'un label pour indiquer la date de dernière mise à jour (Label)
d'un bouton (Button)

On a aussi besoin d'un panel, c'est typique de Java, considerons le simplement comme un socle.

un panel pour l'affichage (VerticalPanel) et un panel horizontal pour l'ajout d'entrées

Mais tous ces éléments nécessitent l'import de certains fichiers.

On met ces import de librairies tout en haut du fichier.

Donc on met ca juste en dessous de la déclaration de la classe.

Le point d'entrée du programme, c'est la fonction public void onModuleLoad(){ }

C'est notre "main" pour ceux qui le cherchaient...
On commence par créer notre tableau dans lequel on va stocker les données, c'est le FlexTable stocksFlexTable :

Cela fera 4 colonnes.

On va ensuite y mettre l'input text et le bouton pour pouvoir ajouter des nouvelles entrées dans l'horizontalPanel addPanel:

Maintenant on met dans le mainPanel le tableau, le panel d'ajout d'entrées ainsi que notre label de mise à jour :

Vient ensuite une chose très interessante, la notion de RootPanel.
Le RootPanel, c'est notre page ! On ne la déclare jamais, elle est omniprésente et sert à communiquer entre notre classe et notre fichier html.

Ainsi, on va mettre notre mainPanel dans la div d'id stocksList comme ceci :

Maintenant, si on appuye sur F11 dans eclipse, on build notre projet et on peut le visualiser dans notre navigateur préféré (sauf au moment ou j'écris sur chrome sous ubuntu, c'est un comble !! Google quand même :S )

Mais pour l'instant, rien ne se passe en cliquant sur notre bouton et le tableau est vide.
Il faut créer une action sur le clic du bouton pour pouvoir envoyer le contenu de l'input text vers le flexTable.

Cela se fait avec la méthode addClickHandler de notre objet addStockButton.

Vous voyez ici que l'on fait appel, dès que l'on clique sur le bouton addStockButton, la fonction addStock(); Or cette fonction n'éxiste pas et eclipse va vous le faire remarquer.
Eclipse est sympa ! Il va même vous proposer de la créer à votre place.

Imaginons qu'on ne veuille pas ajouter 2 fois la même chose dans notre FlexTable et seulement des entrées de plus de 4 caractères et sans caractères spéciaux.
On créé une liste des entrées qu'on ajoute et à chaque fois on va vérifier qu'il n'éxiste pas dans notre liste avant de l'ajouter dans le flexTable et on teste le contenu avec un REGEX avec la fonction matches("^[0-9A-Z\\.]{1,10}$")

On affiche un message d'erreur avec l'objet Window, accessible grâce à l'inclusion :
import com.google.gwt.user.client.Window;

On oublie pas d'instancier notre liste stocks ArrayList, juste en dessous des autres déclarations

Puis on écrit notre fonction. Ca donne ça :

On peut enfin ajouter des choses dans notre flexTable ! Enjoy

[SYMFONY] Les formulaires !

2010-05-25T18:40:00.000+02:00

Ce tutoriel est juste génial !! Facile, illustré et très riche !
http://www.symfony-project.org/blog/2008/10/14/new-in-symfony-1-2-make-your-choice

Symfony sur mutualisé (OVH, 1&1 etc) = La solution

2010-05-25T16:22:00.000+02:00

Bonjour,
La solution aujourd'hui pour envoyer son site fait sous symfony sur un hébergeur mutualisé.
Pas d'accès SSH, donc pas de lignes de commandes. Il faut cependant avoir les droits minimaux sur le serveur.

Connectez-vous à votre espace de stockage par ftp.
Normalement, vous avez un dossier /www, il faut y mettre le contenu de votre dossier
/web.
Si vous n'avez pas de répertoire www, comme j'ai pu rencontrer le problème sur OVH, il faudra aller dans le panneau d'administration afin de définir le dossier /web (que vous aurez copié de votre projet initial (symfony)) comme répertoire par défaut.
Supprimez le reste

Tous les autres repertoires (apps, config, cache, ...) iront à la racine de votre espace.

Donc vous avez une architecture quasi similaire, peut être à l'exception du dossier web renommé en www

Uploadez votre installation de symfony à la racine, aux cotés des dossiers apps et config.
Je l'ai personnellement installé dans le dossier symfony-1.4.
Maintenant, il faut faire pointer vers ce repertoire.
Cela se passe dans le fichier /config/ProjectConfiguration.class.php ou il faut modifier la ligne require_one '/mon/path/local/vers/symfony';
Vous devez mettre le nouveau chemin. Il commence chez ovh par homez.{3chiffres} Mais vous n'êtes pas censé le connaitre. Pour le savoir, on peut soit générer une erreur en allant sur le site dès maintenant, php va dire qu'il y a une erreur à tel endroit, il faudra alors copier ce chemin, soit en affichant <? echo realpath("index.php"); ?> dans le fichier index.php

cela donne donc quelquechose du style :
require_once
'/homez.123/monnom/symfony-1.4/lib/autoload/sfCoreAutoLoad.class.php';

Ensuite tant qu'on est dans le fichier de conf, si vous avez un dossier www au lieu du fichier web initial, on va surcharger la variable de configuration sf_web_dir qui pointe normalement sur web.

sfConfig::set('sf_web_dir', '/homez.123/monnom/www');

Sinon, on y touche pas.
Il ne reste plus qu'une seule chose à faire pour le coté config, la base de données, c'est plutot facile aussi, l'offre de base permet d'avoir une base de données en général, il faut d'abord la créer dans le manager. Ensuite il vous donne les informations d'accès.

Ouvrez donc le fichier /config/databases.yml
Il faut juste modifier les identifiants de connexion avec les votres...

all:
  doctrine:
   class: sfDoctrineDatabase
   param:
   dsn: mysql:host=mysql5-xx.perso;dbname=monnomdb
   username:
monnom
   password:
monpassw

SetEnv PHP_VER 5
Options FollowSymLinks ExecCGI

<IfModule mod_gzip.c>
mod_gzip_on Off
</IfModule>

<IfModule mod_rewrite.c>

RewriteEngine On

# Permettre a IE de reconnaitre le win_png.htc de retraitement des png transparents
#AddType text/x-component .htc

#RewriteBase /~votredossierbase/

# we skip all files with .something
RewriteCond %{REQUEST_URI} \.. $
RewriteCond %{REQUEST_URI} !\.html$
RewriteCond %{REQUEST_URI} !\.php
RewriteRule .* - [L]   # we check if the .html version is here (caching)

# RewriteRule ^$ index.html [QSA] # Suppression du "/" pour un sous-dossier
RewriteRule ^$ /index.html [QSA]
RewriteRule ^([^.] )$ $1.html [QSA]
RewriteCond %{REQUEST_FILENAME} !-f

# no, so we redirect to our front web controller
# RewriteRule ^(.*)$ index.html [QSA] # Suppression du "/" pour un sous-dossier
RewriteRule ^(.*)$ /index.php [QSA,L]   # hidden frontoffice controller
# RewriteRule ^(.*)$ index.html [QSA] # Suppression du "/" pour un sous-dossier
RewriteRule ^index\.php/(.*)$ /index.php [QSA,L]

</IfModule>
# big crash from our front web controller
ErrorDocument 500 "<h2>Application error</h2>symfony application failed to start properly

Plutot facile jusqu'à maintenat hein ? Hé bien c'est quasi fini, c'est vraiment trop cool symfony... :)

Maintenant, il faut copier le repertoire sf de votre installation de symfony /homez.123/monnom/symfony-1.4/data/bin/web/sf/ sans quoi vous n'aurez pas les petites images intégrées du framework notamment utilisé par la debug bar.

Désormais, il ne reste qu'une seule chose à faire, le .htaccess
Créez un fichier dans le dossier
/www que vous appelerez .htaccess et mettez ca dedans :Assurez vous que les dossiers
/cache et /log soient bien vides et que les droits sont bien à 775 ou 777
puis profitez de votre site.

Les 100 meilleurs scripts JS !

2010-05-17T22:03:00.001+02:00

http://www.neurosoftware.ro/wp/elvis/javascript/100-best-javascript-resources/

[JQUERY] Drag'n Drop - Plugin de fou !

2010-03-27T00:02:00.000+01:00

Je viens de découvrir ce plugin, ~~je vais me pencher dessus la semaine prochaine..~~ ... En fait, je n'en ai plus l'utilité, il faut utiliser ce genre de plugin avec précaution si on ne veut pas perdre ses visiteurs dans un process trop compliqué.

Plugin Drag Drop - Jquery

[SYMFONY][FACEBOOK] Récupérer les informations de profil : FACEBOOK CONNECT

2010-03-24T15:47:00.000+01:00

Pour récupérer les informations de l'utilisateur lorsqu'il s'enregistre à votre site ou bien en appuyant sur un bouton "remplir automatiquement mon profile", il faut créer une fonction qui va faire ca pour nous.

J'ai mis cette fonction dans la classe sfFacebook, c'est pour moi le plus logique :

public static function updateSfGuardUserWithFacebookAccount($sfGuardUser) {
   $sfGuardUserProfile = $sfGuardUser->getProfile();
   $infos = sfFacebook::getFacebookApi()->users_getInfo($sfGuardUserProfile->getFacebookUid(), array("first_name", "last_name", "username", "birthday_date", "email_hashes", "proxied_email", "sex", "pic", "pic_small", "relationship_status", "current_location", "activities", "interests", "music", "tv", "movies", "books", "website"));
   $sfGuardUserProfile->setFirstName($infos[0]["first_name"]);
   $sfGuardUserProfile->setLastName($infos[0]["last_name"]);
   $sfGuardUserProfile->setEmailHash(serialize($infos[0]["email_hashes"]));
   $sfGuardUserProfile->setEmail($infos[0]["proxied_email"]);
   $sfGuardUserProfile->setBirthdayDate($infos[0]["birthday_date"]);
   $sfGuardUserProfile->setSex($infos[0]["sex"]);
   $sfGuardUserProfile->setPic($infos[0]["pic"]);
   $sfGuardUserProfile->setPicSmall($infos[0]["pic_small"]);
   $sfGuardUserProfile->setRelationshipStatus($infos[0]["relationship_status"]);
   $sfGuardUserProfile->setActivities($infos[0]["activities"]);
   $sfGuardUserProfile->setInterests($infos[0]["interests"]);
   $sfGuardUserProfile->setMusic($infos[0]["music"]);
   $sfGuardUserProfile->setTv($infos[0]["tv"]);
     $sfGuardUserProfile->setMovies($infos[0]["movies"]);
   $sfGuardUserProfile->setBooks($infos[0]["books"]);
   $sfGuardUserProfile->setWebsite($infos[0]["website"]);
   $sfGuardUserProfile->save();
   return true;
   }

Ensuite il faut simplement appeler cette fonction, soit avec le déclencheur onlogin="" sur le bouton facebook connect, soit avec une fonction jquery :

function updateProfileWithFacebook() {

$.ajax({

url: '/sfFacebookConnectAuth/UpdateGuardWithFBProfile',

success: function(profile) { $(".profile").html(profile);

makeEditableField();},

error: function(e) { alert("Une erreur est survenue. Nous n'arrivons pas à contacter les serveurs de Facebook. Merci de bien vouloir nous excuser pour ce désagrément et réessayer plus tard." e); }

});

}

Vous pouvez trouver la liste des informations récuperables ici
Enjoy !

[SYMFONY][FACEBOOK] Proposer aux visiteurs de s'identifier en un simple clic : FACEBOOK CONNECT

2010-03-15T09:00:00.000+01:00

Se connecter à un site en clic est si pratique ! Plus besoin pour vos utilisateurs de passer 2 minutes à remplir le formulaire d'inscription et d'aller cliquer sur lien recu dans l'email de confirmation bal bla !
On connaissait Open ID qui permettait déjà de faire ca, cependant, OpenId ca ne parle pas à grand monde alors que Facebook ! est completement et omiprésent sur le web.

Facebook pense à nous, developpeurs de sites 2.0, pour nous rendre cette tache possible.
Symfony pense à nous, développeurs fainéants, pour nous rendre cette tache facile et complete !

aussi avant d'installer notre fameux plugin, on doit avoir installé le plugin sfDoctrineGuard (marche aussi avec les autres version de sfGuard)

INSTALLEZ sfGuard AVANT D'INCLURE LE FACEBOOK CONNECT

Une fois que c'est fait, on installe le plugin sfFacebookConnect
Pour d'autres (plus amples) informations, vous pouvez vous rendre sur la page du Plugin sfFacebook

svn co http://svn.symfony-project.com/plugins/sfFacebookConnectPlugin/trunk sfFacebookConnectPlugin

Ensuite créer vous une application sur Facebook/developpers
Vous devez renseigner les champs suivants :
Connect Url :

http://mon.url/ // doit finir par un slash

Base Domain :

mon.url

ATTENTION : Ceci est choisi d'une certaine facon. Il faut plusieurs choses : que votre mon.url soit en ligne (pas de fichier particulier à inclure sur le site en ligne, Facebook va le pinger, c'est tout). Si vous voulez, comme moi, programmer et tester le plugin en local, vous pouvez modifier votre fichier hosts (qui se trouve ici sous linux : /etc/hosts) et rajoutant la ligne 127.0.0.1 local.mon.url
Ainsi, vous garderez votre accès internet pour votre site en ligne et vous aurez accès à votre site local avec l'adresse local.mon.url . Evidement, votre virtual host doit être fonctionnel mais ca je ne m'en fait pas pour vous.

Une fois l'application créer, on va faire en sorte que nos fichiers de configuration autorise le plugin à être utilisé :
Dans le fichier settings.yml, ajoutez sfFacebookConnectAuth à la ligne enabled_modules :

all:

.settings:

enabled_modules: [default, sfGuardAuth, sfFacebookConnectAuth]

login_module: BasesfFacebookConnectAuthActions

login_action: executeAjaxSignin

Ensuite modifiez votre fichier app.yml :

all:

facebook:

api_key: votre_api_key

api_secret: votre_api_secret

api_id: votre_app_id

redirect_after_connect: false

redirect_after_connect_url: ''

connect_signin_url: 'sfFacebookConnectAuth/signin'

app_url: '/my-app'

guard_adapter: ~

js_framework: jQuery

sf_guard_plugin:

profile_class: sfGuardUserProfile

profile_field_name: user_id

profile_facebook_uid_name: facebook_uid

profile_email_name: email

profile_email_hash_name: email_hash

facebook_connect:

load_routing: true

user_permissions: []

Allez ensuite dans le fichier /plugins/sfDoctrineGuardPlugin/config/doctrine/schema.yml
Pour qu'on puisse stocker les informations de profil du nouvel utilisateur, il va falloir une nouvelle table dans la base de données, la table sf_guard_user_profile et la lier avec la table sf_guard_user...
Voilà donc les modifications à apporter :

sfGuardUserProfile:

tableName: sf_guard_user_profile

columns:

user_id: { type: integer(4), notnull: true }

first_name: { type: string(30) }

last_name: { type: string(30) }

facebook_uid: { type: string(20) }

email: { type: string(255) }

email_hash: { type: string(255) }

birthday_date : { type: string(255) }

sex: { type: string(255) }

pic: { type: string(255) }

pic_small: { type: string(255) }

relationship_status : { type: string(255) }

current_location : { type: string(255) }

activities : { type: string(255) }

interests : { type: string(255) }

music : { type: string(255) }

tv : { type: string(255) }

movies : { type: string(255) }

books : { type: string(255) }

local : { type: string(255) }

books : { type: string(255) }

website : { type: string(255) }

indexes:

facebook_uid_index:

fields: [facebook_uid]

unique: true

email_index:

fields: [email]

unique: true

email_hash_index:

fields: [email_hash]

unique: true

relations:

sfGuardUser:

type: one

foreignType: one

class: sfGuardUser

local: user_id

foreign: id

onDelete: cascade

foreignAlias: Profile

Evidement, il faut dire à Doctrine de construire la nouvelle table et les relations associées :

symfony Doctrine:build --all --and-load --no-confirmation

Allez ensuite dans /apps/frontend/lib/myUser.class.php
et faites étendre la classe

class myUser extends sfFacebookUser{}

Voilà, la configuration du plugin est finie.
U T I L I S O N S L E M A I N T E N A N T !
J'imagine et j'espère que vous utilisez un layout, avec Facebook Connect, l'utilisation du layout facilite grandement l'intégration du plugin.
Ouvre votre /apps/frontend/templates/layout.php
Insérez ces lignes dans la balise head:

<script type="text/javascript" src="/sfFacebookConnectPlugin/js/animation/animation.js"></script>
<?php use_helper('sfFacebookConnect'); ?>
<?php include_bottom_facebook_connect_script();?>

Ensuite, on veut proposer un lien à l'utilisateur pour se connecter en 1 clic à notre site.
On va donc vérifier que l'utilisateur n'est pas connecté au site pour lui proposer ce boutton :
Toujours dans layout, car c'est un élement que vraissemblablement, on veut voir sur toutes les pages :

<?php if (!$sf_user->isAuthenticated()) {
?>
<fb:login-button v="2" size="medium">Se connecter avec Facebook</fb:login-button>
<?php
}else{
echo "hello";
} ?>

A ce niveau là, un simple clic sur le bouton, vérifiera si l'utilisateur est déjà connecté à facebook, sinon il lui proposera d'entrer ses identifiants. S'il s'identifie correctement dans le formulaire facebook, il est alors immédiatement identifié sur votre site.
Et si l'on va voir dans la base de données, on voit qu'un nouvel utilisateur nommé Facebook-012345678 vient d'être créé et qu'il a aussi un profile.
Mais là, ( Suprise ! ho !) le profile est vierge. Seul l'uid est récupéré.

J'ai longtemps cherché la solution mais en fait ca parait logique. On ne sait pas a l'avance ce que vous voulez récupérer pour votre application et de base on dit que vous ne voulez seulement connecter un utilisateur.

Mais moi, je veux récupérer beaucoup plus de choses que cela, c'est pour cette raison que j'ai créé un modèle pour sf_guard_user_profile avec tous ces champs (sex, brithday_date etc...).

Pour faire ceci, vous pouvez suivre ce tuto : Récupérer les informations des utilisateurs FacebookConnect
http://www.symfony-project.org/more-with-symfony/1_4/fr/12-Developing-for-Facebook
http://blog.fruitsoftware.com/2010/01/facebook-connect-friends-et-autres-plaisirs/

[SYMFONY] Insérer le formulaire de login dans le frontend

2010-03-10T21:30:00.000+01:00

Voici un blog assez génial que je viens de découvrir, il explique notamment comment insérer le formulaire de login dans le frontend.

http://www.clementdelmas.fr/blog/developpement-web/symfony/formulaire-dauthentification-pour-frontend-avec-sfguardplugin/comment-page-1#comment-9

Formulaire d’authentification pour frontend avec sfGuardPlugin

Dans la série « je déterre des tutos que j’ai rédigé l’an dernier », voilà un tutoriel fait pour symfony. Il a été rédigé pour la 1.2, mais je pense qu’il doit être encore compatible pour 1.4 (à vérifier quand même). Le but de ce tutoriel est de vous montrer comment faire, simplement et rapidement, un formulaire d’authentification pour l’application frontend, dans un component, le tout avec sfGuardPlugin (ouf!). Je vous invite à lire au passage, la documentation du plugin et un extrait du guide pour Symfony 1.2, qui pourront toujours vous aider / compléter cet article.

Création du component

On crée un component contenant le code de l’action qu’on veut exécuter dans le partial. Pour cela, crée un nouveau fichier components.class.php dans le module lié au component (dossier sfGuardAuth/actions). Ensuite, on édite le fichier et on ajoute la création du formulaire :

<?php
    class sfGuardAuthComponents extends sfComponents
    {
        public function executeSideSignin($request)
    {
        $class = sfConfig::get('app_sf_guard_plugin_signin_form', 'sfGuardFormSignin');
    $this->signinForm = new $class();
    }
}

?>

Création du template

On crée le template du component (dans notre cas _sideSignin.php dans le dossier sfGuardAuth/templates),
qui permettra d’afficher le formulaire de connexion, et on l’édite:

<h2>Formulaire d'identification</h2>
<form id="signinForm" action="<?php echo url_for('@sf_guard_signin') ?>" method="post" class="clearfix">
    <div id="signinFields">
        <label for="signin_username">Login</label>
        <input type="text" name="signin[username]" id="signin_username" />
        <br />
        <label for="signin_password">Mot de passe</label>
        <input type="password" name="signin[password]" id="signin_password" />
        <br />
        <input type="checkbox" name="signin[remember]" id="signin_remember" />
        <label for="signin_remember">Se souvenir de moi</label>
    </div>
    <div id="signinSubmit">
        <?php echo $signinForm->renderHiddenFields();
  ?>
        
        <input type="submit" value="Connexion »" />
    </div>

</div>

Finalisation

Il ne reste plus qu’à l’intégrer dans le template voulu, avec le fameux : "include_component(’sfGuardAuth’, ’sideSignin’);", vider le cache et rafraichir la page…
Pour tester si l'utilisateur est déjà authentifié, on se sert de cette fonction : if(!$sf_user->isAuthenticated())
include_component('sfGuardAuth', 'sideSignin'); ?>

Merci à clementdelmas.fr

Reconnaitre n'importe quelle police

2010-03-10T21:08:00.001+01:00

Voici un site génial pour retrouver le nom d'une police que l'on veut ! http://new.myfonts.com/WhatTheFont/

Gérer des utilisateurs avec SYMFONY

2010-03-09T23:02:00.000+01:00

Voici un site très riche sur Symfony notament en ce qui concerne la gestion des utilisateurs :

http://www.lafermeduweb.net/tutorial/la-gestion-des-droits-et-utilisateur-dans-symfony-p49.html
http://www.lexik.fr/blog/symfony/symfony/utilisation-de-sfuser-et-de-ses-namespaces-1053

Stylez vos champs input type="file"

2010-03-08T16:34:00.000+01:00

C'est plutot frustrant, les input type="text" ne se style pas comme les autres....

Vous voulez quand même les styler et vous avez bien raison. Voici une solution :

 Joignez ces styles :

label.FileLabel
{
    width: 79px;
    height: 22px;
    background: url(myIMAGE.png) 0 0 no-repeat;

    display: block;
    overflow: hidden;
    cursor: pointer;
}
 

label.FileLabel input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

Il faut ensuite entourer votre bouton de choix de fichier comme ceci :

<label class="FileLabel">

<input type="file" class="file" name="myFile"/>

</label>

Exemple :

Action AJAX avec Symfony et JQuery

2010-02-25T18:29:00.000+01:00

Symfony et moi, c'est une réelle histoire d'amour technologique en ce moment.
Voici pourquoi... Tout est d'une simplicité enfantine et instinctive.
Ainsi pour faire quoi que ce soit, il y a toujours une solution évidente et facile.
Voici le tuto pour appeller une action Symfony en Ajax par JQuery.

Tout d'abord, créons un contexte.

1.L'utilisateur clique sur un bouton.

2.Cela déclenche un évenement JQuery et donc une fonction.

3.Cette fonction envoit des données telle adresse (reliée à une action)

4.L'action éffectue une tache quelconque comme un test de valeur et renvoit la réponse

1.L'utilisateur clique sur un bouton.

Voici un code HTML très simple pour simuler ceci.

<input id="mybutton" type="button" value="Valider">

2.Cela déclenche un évenement JQuery et donc une fonction.

<input id="mybutton" type="button" onclick="myAjaxFunction()" value="Valider">

#myJSFile.js

function myAjaxFunction(){}

3.Cette fonction envoit des données telle adresse (reliée à une action)
#myJSFile.js

        function myAjaxFunction(){
            var value = $("#myhiddenvalue").val();
            $.post("myModuleName/myAction",
            {myParam : value},
            function(data)
            {
                $("#mybutton").attr("value",data);
            });
        }

4.L'action éffectue une tache quelconque comme un test de valeur et renvoit la réponse

public function executeIndex(sfWebRequest $request)
{
    if ($request->isXmlHttpRequest())
    {
        $myValue = $request->getParameter('myParam');
        if($myValue==1)

$message = "super";

else

$message = "bof";

return $this->renderText($message);
}

}

Ainsi, le texte du bouton va changer grace à un appel AJAX.

Passez plus de paramètres, renvoyez au lieu d'un texte un fichier _myFileToDisplay.php (renderPartial au lieu de renderText)

exemple :

return $this->renderPartial('myModuleNamle/myFileToDisplay', array('message' => $message,'hello' => "coucou"));

Pensez que lorsqu'on fait un renderPartial, le fichier doit commencer par underscore, soit ici _myFileToDisplay.php

Bonne chance

Un site grace au Framework Symfony très rapidement !

2010-02-25T17:57:00.000+01:00

Symfony 1.4 + Doctrine

Symfony est un framework PHP très puissant. Selon le modèle MVC et intelligement pensé, il va devenir votre allié le plus puissant !

Symfony possède une communauté très développée et très active, ce qui permet de ne toujours trouver quelqu'un pour nous aider à faire ce qu'on veut.

Ce sujet va donc vous montrer comment créer un projet et les modules qui vont avec.

Je recommande l'utilisation de Netbeans 6.8 pour faire du Symfony. En effet, un clic droit sur votre projet vous permettra d'avoir accès à une interface reliée directement au framework ! Un gain de temps et une aide précieuse.

Tout d'abord, vous devez savoir ce que vous voulez faire comme site. En général, on commence par analyser sur une feuille de papier nos attentes et on en déduit notre schéma de données (si vous n'avez pas de schéma de données, je ne penses pas que symfony soit d'une grande aide pour vous...).
Ensuite, créez votre base de données dans phpmyadmin avec les tables qui conviennent.
Entrez quelques données de test puis retournez dans votre IDE (netbeans).
Faites donc un clic droit sur votre projet -> symfony et sélectionnez la tache :
- doctrine:build-schema

ce qui executera symfony doctrine:build-schema

cette commande, comme indiqué dans la fenêtre symfony de Netbeans va générer votre schéma à partir de votre base de données. Vous pouvez retrouver votre schéma dans le dossier /config/doctrine/schema.yml
Si vous voulez que vos tables (et donc vos modèles) soit "timestampable", c'est à dire qu'ils aient de base les champs "created_at" et "updated_at", il faut rajouter ceci à votre schema.yml :
# config/doctrine/schema.yml

myModeleName:
actAs:
Timestampable: ~

    columns:
        name:
          type: string(255)
          notnull: true

Il est très important de respecter les tabulations (indentation) dans un fichier *.yml
Le fait d'ajouter à notre schema ces lignes va donc générer automatiquement les 2 champs "created_at" et "updated_at" :

actAs:
Timestampable: ~

Maintenant, on va exporter les données de test de la base de données dans notre projet. Même processus que tout à l'heure, clique droit sur le projet -> symfony et on cherche désormais la tâche : doctrine:data-dump

Allez jeter un coup d'oeil dans /data/fixtures/data.yml

Vos données sont là, prêtes à être regénérées dans votre base de données dès que vous le voudrez. Lorsque l'on modifie le schéma de données, il faut évidement reconstruire la base de données.

Si on ajoute un champ myField à notre modèle myModeleName

myModeleName:
actAs:
Timestampable: ~

    columns:
        name:
          type: string(255)
          notnull: true
       myField:
            type: int(4)
            notnull:false

Ajouter ces 3 lignes à notre schéma va donc ajouter un champ.
Voyons si cela génère bien tout ce que l'on veut dans la base grâce à la tache
doctrine:build --all --and-load --no-confirmation
Cette tache va recréer la base de données (build) en se basant sur le schéma de données et va peupler votre base avec les enregistrements dans votre fichier data.yml (--and-load)
L'option --no-confirmation est juste pour ne pas nous demander confirmation lors de l'execution de la requete, on sait ce qu'on fait.

La base est propre et peuplée : OK
Mais cette tache ne s'est pas occupée seulement de cela. Elle a aussi généré les modèles pour chaque table avec les accesseurs getName(), getMyField() etc.
Vous pouvez voir ces fichiers dans /lib/model

Voilà qui est fait en ce qui concerne la partie modèle du concept modèle vue controleur.

Attaquons la partie CONTROLLEUR, les ACTIONS.

Vous l'avez compris, Symfony génère tout ! Il suffit de lui dire quoi faire.

Dans Symfony on distingue 3niveaux : le projet, les applications, les modules.
projet = site
applications = parties générales du site (client/admin)
modules = pages

Pour être vraiment compris, un exemple est mieux que tout :
- un site va en général avoir une application pour le client (frontend) et une application pour l'administration du site (backend). Frontend et backend est le jargon pour les applications. Si vous avez créé votre projet avec Netbeans 6.8 en choisissant l'option Symfony, vous avez déjà du créer l'application frontend.

Sinon, je ne penses pas vous étonner en vous disant qu'il faut aller dans la fenetre de symfony (clique droit sur le projet -> symfony).
Choisissez la tache doctrine:generate:app puis entrez le nom de l'application : frontend.

Voilà l'application crée, on monte d'un niveau et on génère le module.
Clique droit -> Symfony -> doctrine:generate-module
une commande aussi sèche n'a pas d'interet. Il faut lui donner le nom de l'application à laquelle le module va s'ajouter
on ajoute donc frontend puis le nom du module puis le nom du modele
ce qui donne doctrine:generate-module frontend myModuleName myModeleName
Je recommande d'ajouter à cette commande 2 options : --with-show et --non-verbose-templates
Ce qui donne :

doctrine:generate-module --with-show --non-verbose-templates frontend myModuleName myModeleName

Cela génère donc tout ce qu'il faut pour accéder à notre module.
Aussi accédez à votre application en tapant dans la barre d'adresse de votre navigateur http://localhost/myProjectName

Vous verrez alors que Symfony a généré un CRUD (create, read, update, delete) pour votre module.

C'est plutot puissant mais ce n'est pas encore terrible. C'est moche et ca ne convient pour l'instant que peu.
Allons voir dans /app/frontend/modules/myModuleName
On peut voir deux dossiers : actions et templates
Ce qui se trouve dans le dossier templates seront le coté VUE de votre site alors que dans le dossier actions, ce sera pleinement le controlleur, les actions du site.
Pour l'instant de part et d'autre, nous avons les actions et template pour :
lister les objets (executeIndex et indexSuccess.php)
créer un objet(executeNew et newSuccess.php)
editer un objet (executeEdit et editSuccess.php)
et voir un objet (executeShow et showSuccess.php)

Il suffit de regarder dans le fichier actions.class.php pour voir comment les actions fonctionnent. C'est très simple, en ce qui concerne l'appel on tape le nom du module/suivi du nom de l'action soit par exemple pour lister myModuleName/index

Le code dedans est typique à Doctrine et est très facile à prendre en main.

La variable $this est l'objet View. On lui affecte des variables comme ceci :

$this->myVar = "my content";

Pour l'utiliser dans la vue, il faut simplement taper $myVar : Rien de plus !

Attaquons nous à la Vue maintenant !

On a vu que c'est plutot moche de base. Pas de css, pas d'utilisation du layout.

Voici la procédure pour utiliser le layout :

C'est le rôle de l'intégrateur, il s'agit de faire le css et de construire le corps des pages. Dans le dossier modules/templates, un fichier s'appelle layout.php. C'est celui-ci qu'il faut modifier et qui sera votre page maitre.

Dedans, vous allez devoir créer l'architecture et montrer ou doit se placer tel contenu relatif à chaque page.

Pour se faire, on utilise la header :

<?php include_slot("mySlotName", "< my default content"); ?>

Ce sont des marqueurs : ici se placera tel élement.

Allons désormais dans la template indexSuccess.php et spécifions quel est tel ou tel contenu.

<php slot('content'); ?>
mon vrai contenu
<php end_slot(); ?>

C'est ainsi que les master page fonctionne, très simple.

Donc faites votres CSS (exemple à la fin du sujet) et incluez le fichier en ajouter le nom du fichier dans le fichier view.yml de votre application ou de votre module.

Il n'existe pas par défaut dans le module mais si vous créez un dossier config dans votre module, avec un fichier view.yml, vous pouvez spécifier par exemple une feuille de style particulière pour votre module. Cette astuce est valable pour tout type de configuration.

CSS exemple :

html{
    background: #F1F1F1;
    padding-top:30px;
}
body{
    width: 1024px;
    margin:0 auto;
    background: #89B1F9;
    border: 1px #808080 dashed;
    font-family: arial;
    font-size: 0.7em;
}

#header, #menu, #content, footer {
    text-align: center;
    height: 50px;
}

#header{
    padding: 0px;
    background: #89B1F9;
    height: 215px;
}

h1{
    border-bottom:1px solid #333333;
    color:#333333;
    display:block;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:24px;
    font-weight:normal;
    line-height:32px;
    margin:0 0 21px;
    padding:0;
}

.clear{
    clear:both;
}

#content{
    background: #89B1F9;
    height: 100%;
    min-height: 275px;
}

img{
    border: 0px;
}

#footer{
    color: #FF9900;
    text-align: center;
    background: #89B1F9;
    height: 123px;
}

#footer a, #footer a:hover, #footer a:visited{
    padding: 0px 5px 0px 5px;
    color:#FF9900;
    font-weight: bold;
    text-decoration: none;
}

#footer #copyright{
    margin-top: 80px;
    font-size: 0.8em;
    color : #999999;
    text-transform: uppercase;
}

.even, .odd{
    cursor: pointer;
    background-color: #89BAF9;
    padding: 5px;
}

.odd{
    background-color: #BACDFA;
}

Couleurs Pastels : tableau pour utilisation CSS rapide

2010-02-23T10:08:00.000+01:00

Exporter en PDF une page web

2009-12-21T11:54:00.001+01:00

Voici une super page lorsqu'on a le besoin de sauver le contenu d'une page web. En quelques clics, vous obtenez exactement le rendu de la page web que vous désirez.

-> http://www.web2pdfconvert.com/

INSTALLATION DE WINDOWS SUR UN UBUNTU

2009-12-13T16:41:00.000+01:00

Vous avez installé ubuntu puis windows seven et donc vous n'avez plus accès à votre ubuntu chéri ?

PAS DE PROBLEME, ON VA RECUPERER CA

Si vous n'avez pas fait la boulette encore, copiez sous ubuntu votre fichier menu.lst dans votre partition windows pour y avoir accès sous windows

Si la boulette est déja faite, insérez un live cd d'ubuntu pour booter sous linux. Allez chercher votre fichier menu.lst et copiez le dans votre partition windows pour y avoir accès sous windows

Lancez seven, téléchargez et lancez vista boot pro. Créez un grub manager en copiant le fichier de grub de votre ubuntu, menu.lst dans celui qui a été créé en créant votre grub manager...
Redémarrer, une nouvelle entrée apparait au multiboot :

Windows Seven
Neogrub
Vosu pouvez maintenant booter sur les 2 !

Notes : code pour CSS spécifiques pour ie6 et ie7

2009-11-30T12:28:00.001+01:00

Si vous avez besoin de faire deux css différents pour ie6 et ie7 utiliser ce bout de code en remplaçant le span par votre code
<?php

if ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Firefox' ) !== FALSE ) { echo " Firefox"; }
elseif ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Opera' ) !== FALSE ) { echo " Opera"; }
elseif ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Safari' ) !== FALSE ) { echo "Safari"; }
elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE' ) !== FALSE ) { echo "Internet Explorer"; }
else { echo "navigateur non reconnu"; }

?>

on vérifie si la réponse du ‘HTTP_USER_AGENT’ contient bien ‘MSIE6.0′, c’est à dire qu’on détecte que c’est un IE6

De supers tutoriels JQuery

2009-11-29T23:33:00.001+01:00

Il y en a un paquet : http://www.webcssdesign.com/ajax/jquery-plugins-240-tutoriels-a-decouvrir/

Conversion de vidéo sous linux en ligne de commande

2009-11-29T00:15:00.000+01:00

Installer le paquet ffmpeg. Entrez ensuite dans le terminal cette commande...

Convertir un fichier FLV en AVI:

ffmpeg -i mavideo.flv mavideo.avi

Convertir un fichier AVI en FLV: ffmpeg -i mavideo.avi mavideo.flv
Convertir un fichier WMV en MPEG-4 (Xvid): mencoder mavideo.wmv -ovc xvid -oac mp3lame -o mavideo.avi
Convertir un fichier FLV en AVI (MPEG4/DivX) en 2 passes (meilleure qualité):
- mencoder video.flv -ovc lavc -lavcopts vcodec=mpeg4:vpass=1 -oac copy -o a.avi
- mencoder video.flv -ovc lavc -lavcopts vcodec=mpeg4:vpass=2 -oac copy -o a.avi

JQUERY Un plugin génial de validation de formulaire

2009-10-30T09:55:00.000+01:00

Bonjour !
Aujourd'hui petit tutoriel sur un plugin de validation de formulaire. Fini la galère des formulaires validés tant bien que mal. Ici on fait ca très facilement et en un temps record.

Voici le résultat qu'on obtient a la fin :

Validation du formulaire

Etape 1 : Tout d'abord, il faut télécharger les fichiers. Il vous faut la dernière version de JQuery, le plugin en question, les feuilles CSS relatives et un petit exemple pour vous aider si jamais vous êtes perdus :

Ficher d'exemple

Regardez dans l'archive (.zip), on retrouve ces élements.

Etape 2 : Ajoutez ces lignes entre vos balises HEAD

<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/jquery.validationEngine.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine-fr.js" type="text/javascript"></script>

Le fichier jquery.validationEngine-fr.js est une extension pour les personnes utilisant un navigateur parametré en francais. Les autres auront le plugin normal, en anglais. Vous pouvez cependant le parametrer comme bon vous semble.

Etape 3 : Une fois les librairies et le JQuery inclus, il faut maintenant appeler la fonction de validation du formulaire sur le formulaire que vous voulez valider.

$(document).ready(function() {
    $("#formID").validationEngine({
        success : false,
        failure : function() { callFailFunction() }
    })
})

Vous l'aurez compris, vous pouvez utiliser une classe ou un id, ici c'est le cas ou votre formulaire possède l'attribut id="formID"
Vous devez mettre ce code entre des balises <script type="text/javascript"></script> ou alors dans un fichier *.js et inclus dans cette même balise avec l'attribut src="monfichier.js"

Dernière Etape, 5 :
I ne reste plus qu'a associer à chaque champ que l'on veut valider une classe spécifique. Par exemple, pour un champ obligatoire qui ne doit comporter que des lettres et qui ne doit pas dépasser 100 caractères :

<input class="validate[required,custom[onlyLetter],length[0,100]]" name="firstname" type="text" />

Et voilà, maintenant, vous pouvez utiliser ces arguments pour la validation de vos champs :

optional: Special: Only validate when the field is not empty *Please call optional first
required: Field is required
length[0,100] : Between x and x characters allowed
maxCheckbox[7] : Set the maximum checkbox autorized for a group
minCheckbox[7] : Set the minimum checkbox autorized for a group
confirm[fieldID] : Match the other field (ie:confirm password)
telephone : Match telephone regEx rule.
email : Match email regEx rule.
onlyNumber : Numbers only
noSpecialCaracters : No special characters allowed
onlyLetter : Letters only
date : Invalid date, must be in YYYY-MM-DD format

Installer ie6 et ie7 sur Ubuntu

2009-10-24T14:40:00.000+02:00

Bonjour à tous!

Mise en contexte

Ubuntero féru d’internet, vous avez votre propre blog…Cool!
Vous décidez d’en modifier le look, et c’est là que la misère commence: de quoi à l’air votre blog, pour les surfeurs utilisant d’autre navigateurs? Comment déceler et corriger les éventuelles erreurs qui pourraient apparaître à partir d’un autre navigateur, et notamment les Internet Explorer.
Certes, il existe des outils tels que celui-ci, qui peuvent aider, dans un premier temps, mais cela devient fastidieux d’utiliser de tel outils pour la moindre correction (surtout si vous êtes comme moi: partisan de la méthode essais/erreur !) .

Présentation d’ ie4linux

Je vous propose une méthode simple pour installer Internet Explorer 6 ET Internet Explorer 7, grâce au script ie4linux! Celui-ci permet l’installation rapide et facile de ces deux navigateurs, au travers d’une interface graphique.

Installation d’ ie4linux

Attention, le support d’Internet Explorer 7 via ie4linux est encore en phase beta! Ne le faites que si vous êtes sûr de vous! Si votre ordinateur explose, ne vous en prenez qu’à vous même. N’oubliez pas de faire des sauvegarde, de temps en temps! Chez moi, je n’ai eu aucu problème, mais cela ne veut pas dire que vous n’en aurez pas!!! A vos risques et périls
Pour installer ces navigateurs, certains paquets sont requis:
En console:
apt-get install wine libxxf86dga1 libxxf86vm1 cabextract
Ensuite, toujours en console:
wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-2.5beta6.tar.gz
tar zxvf ies4linux-2.5beta6.tar.gz
cd ies4linux-2.5beta6/
./ies4linux
Cette interface apparaîtra:

Choisissez les options qui vont bien, ensuite, cliquez sur “Advanced”:

Cochez la case “7.0″ tout en bas.
Puis, cliquez sur “Validez” et encore une fois sur “Validez”, attendez un peu que la magie opère et hop, vous avez maintenant droit à IE6 et IE7 dans menu>application>internet !
Le look que IE7 est celui de IE6, mais le rendu est bien celui de IE7, il n’y a aucun soucis la dessus

Désinstallation

Pour désinstaller ie4linux, il suffit, en console, d’exécuter le script à nouveau, mais avec un paramètre:
./ies4linux --uninstall

Source : http://www.pastanque.be/splitsch/ubuntu/ie4linux-installer-internet-explorer-6-et-7-sur-ubuntu.html

Google Wave - That's now !

2009-10-23T12:47:00.000+02:00

Qu'est ce que Google wave ??

Si vous suivez l'actualité des technologies de l'informatique, vous avez probablement entendu parler de cette fameuse vague, Google Wave arrive et c'est pour notre plus grande plaisir !

C'est une nouvelle facon de communiquer, à mi-chemin entre l'email, les chats, les forums, twitter et Netvibes.

Je suis perdu...

A tout nouveau concept, nouveau vocabulaire. Google a créé, inventé Google Wave, voici des petites explications..

Wave (vague) : une vague représente un flot de communication, avec plusieurs personnes humaines et des robots, se déroulant sur une période de temps. Ce flot de communication est lancé par un participant, à destinations d'autres participants (humains ou non). Les moyens de communication peuvent être de tous types : texte riche, images, documents, vidéos, cartes, évènements de calendrier, gadgets... Une vague est similaire aux Thread (discussions) des forums et de Gmail, aux conversations en messagerie instantanée etc.
Wavelet (vaguelette) : une vaguelette est une partie de vague qui peut être restreinte à certains utilisateurs. Par exemple, lors d'une discussion entre 5 amis, un couple d'ami peut vouloir discuter du même sujet mais sans que les autres n'accèdent à votre discussion. En créant une vaguelette privée, les deux personnes peuvent communiquer (en privé) tout en gardant le reste de la discussion (publique) disponible...
Blip : un blip est la plus petite unité de communication d'une vague : c'est l'équivalent de ce que vous envoyez dans un mail à chaque fois que vous cliquez sur le bouton envoyer.

Ainsi après avoir tout configuré, Google Wave s'affiche sous cette interface :

Analysons cette interface. En haut dans la colonne de gauche nous retrouvons les habituels dossiers de réception et d'émission d'emails (Réception, Corbeille, Tous, Spam...) ainsi que l'accès aux paramètres. Juste en dessous, une liste de contact (pour l'instant ça ressemble beaucoup à Gmail). La seconde colonne contient les waves avec un sujet, une icône pour les pièces jointes (le trombone gris) et les gadgets (la pièce de puzzle verte), les contacts y participant le nombre et l'heure des messages ainsi que le nombre de blip non lus (en blanc sur fond vert). En sélectionnant une wave, elle s'affiche dans la colonne de droite. On retrouve tout en haut la liste des participants, une barre d'outils et les blips. Jusqu'ici rien de très original.

Que puis-je faire de plus avec Google Wave ?

L'intérêt de Google Wave est que chaque Wave est une façon unifiée de communiquer avec ses contacts. Qu'ils soient tous hors ligne, connectés à leur messagerie instantanée, ou un savant mélange des deux, la façon de communiquer est TOUJOURS la même : il suffit de cliquer sur une vague et de commencer à taper (pour le texte), glisser déposer une image (pour l'uploader), coller un lien vers youtube, flickr, etc... pour insérer une galerie ou une vidéo automatiquement. Google Wave se charge alors du reste en temps réel.

Un contact est connecté ? Il a voir en temps réel ce que vous marquez (si vous le souhaitez et qu'il fait partie de vos destinataires), caractère par caractère, sans qu'il soit nécessaire de cliquer sur "envoyer". Il pourra même répondre ou il le souhaite (avant, au milieu ou après votre contribution) et éditer ce que vous avez dit.

Un autre contact n'est pas connecté ? Pas de soucis, wave enregistre le tout en temps réel, et ce destinataire pourra revoir ce que vous avez tapé (mais aussi les autres participants) et dans quel ordre grâce à une barre de temps (timeline) similaire au visionnage d'une vidéo.

Un des contacts est japonais et ne parle pas un mot de français ? Invitez donc un robot de traduction à votre wave, il se chargera de traduire (toujours en temps réel) ce que vous dite. Vous parlez des cours des actions de MSFT et GOOG ? Un robot financier que vous aurez invité pourra ajouter les graphes temps réel des cours des actions pour les entreprises dont vous parlez. Assez parlé de travail, organisons une soirée ! Intégrez une carte Google maps et éditez la en temps réel avec les autres participants.

Vous allez me dire que c'est du Google docs en temps réel. Oui ! Mais c'est aussi du Gmail, du Google Talk, du Google calendar, du Google Maps, du Youtube, du Picasa, du Gdrive du Google Translate et du Orkut en même temps. Et même d'avantage ! Un ami est sur twitter ? Pas de soucis, un robot peut intégrer ses tweets dans la vague. Un autre ami est disponible via son téléphone mobile ? Un sms pourra lui envoyer toutes les informations de la discussion.

Que veut Google avec Wave ?

Google Wave a pour objectif de devenir 3 choses : un service, une plateforme et un protocole. Le service, Google Wave est exactement ce que vous venez de découvrir via les paragraphes précédents et les captures d'écran. La plateforme est l'application derrière Google Wave et son API, open source, disponibles pour être installés par tous (pour les entreprises par exemple). Google espère ainsi que ce système soit utilisés par plusieurs grosses entités pour atteindre une masse critique rapidement. Enfin, le protocole (brouillon disponible) a pour but de permettre à tous les waves installés de pouvoir communiquer. Ainsi si un utilisateur de Google Wave veut parler à un utilisateur de Microsoft Wave et inviter un robot de Yahoo Wave, le tout doit savoir comment communiquer.

L'espoir de Google est d'attirer les développeur dans leur API Google Wave afin de générer un cercle vertueux : des développeurs font des choses cool avec Wave, plus d'utilisateurs viennent sur le service, donc nouveaux développeurs et fournisseurs de service arrivent sur la plateforme...

À en croire les réactions de l'auditoire de Google I/O, la chose a été TRÈS bien accueillie. Et il est fort probable que l'ouverture de l'API ce vendredi soit un grand succès pour Google.

C'est tout ce que l'on peut faire avec Wave ? Communiquer ? Mais c'est nul ça ne change rien à ce que l'on peut faire avec Gmail par exemple...

Le potentiel (mon enthousiasme) étant très fort, je vais essayer de vous présenter un autre exemple de ce qui sera possible avec wave. J'ai omis plus haut de vous parler d'une fonctionnalité intéressante, la possibilité de publier une vague. Ainsi vous pourriez rendre public le contenu d'une vague de votre choix, faire qu'elle soit indexable même autoriser d'autres utilisateur a y prendre part.

Ainsi une vague publique mais uniquement accessible en lecture pourra constituer un de vos billet sur votre blog, que vos lecteurs liront en temps réel alors que vous serez en train de le taper avec vos co-auteurs. Une autre vague publique mais accessible en écriture pourra faire office de flux de commentaires. Les possibilités sont quasiment infinies...

Utiliser le debugger en PHP avec Eclipse

2009-10-09T10:47:00.000+02:00

Nous allons ici découvrir comment utiliser le débugger pour n'importe quel projet php sous eclipse.

Téléchargement et copie du fichier sur votre installation.

D'abord téléchargez le "Zend Debugger" ICI. Prenez la dernière version correspondante à votre système d'exploitation.
Si ce lien ne fonctionne pas, allez directement sur le site zend.com et téléchargez "zend debugger".

Ensuite lorsque vous avez téléchargé ce fichier, dézippez le et allez dans le répertoire correspondant à la version de php que vous avez.

Pour connaitre votre version de php, ouvrez une console et tapez la commande php --version.

Copiez le fichier ZendDebugger.so dans le fichier que vous voulez. Peu importe. Mieux vaut cependant que vous le mettiez dans un endroit stratégique, usuel et destiné à cet usage : le dossier de librairies de PHP.

Si vous etes sous ubuntu, les librairies de php se trouvent dans le répertoire qui doit ressembler à /usr/lib/php5/20060613+lfs. Attention, Ce répertoire change en fonction de votre version de php.

Si vous etes sous windows, c'est soit dans program files/php5 soit dans votre installation wamp.

Parametrage de votre serveur web

Il faut ensuite éditer votre fichier php.ini.

astuce sous ubuntu pour le trouver, tapez "locate php.ini" dans une console.

Lorsque vous l'avez trouvé ( ubuntu : /etc/php5/apache2/php.ini) lancez un éditeur de texte puis ajoutez ces lignes :

[Zend]
zend_extension="/{chemincompletversvotrefichier}/ZendDebugger.so"
zend_debugger.allow_hosts="127.0.0.1, {AJOUTEZ ICI UNE PLAGE D'ADRESSE AUTORISEE, par exemple 192.168.1.* si votre ip est de ce style}"
zend_debugger.expose_remotely=always

un petit redémarrage du serveur web est de rigueur sous ubuntu :

/etc/init.d/apache2 restart

vous pouvez vérifier si votr emodule est installé en créant une petite page avec ce code <?php phpinfo(); ?>

Parametrage de votre Eclipse php

Il faut ensuite paramétrer eclipse pour utiliser le debugger correctement.

Cliquez sur la fleche à coté de l'icone en forme d'insecte puis sélectionnez "Debug configuration".

Remplir les champs
Name,
PHP Server->New et renseignez les informations de votre serveur,
File en rensignant n'importe quel fichier (c'est un fichier pris au hasard, ce n'est pas important).

Pour utiliser Firefox comme navigateur, allez dans le menu Window->Préférences->General->WebBrowser puis sélectionnez Use external Web Browser.

Votre debugger est maintenant pret à etre utilisé avec Eclipse, Php et firefox.

Un beau Nuage de compétence !!!

2009-10-07T17:31:00.001+02:00

Si ca vous interesse, vous pouvez faire le votre sur cet excellent site : tagul.com

nFriedly

2009-10-06T15:10:00.000+02:00

Je viens de découvrir ce site qui m'a l'air vraiment extra en ce qui concerne les ressources AJAX et JS. Tuto à gogo, c'est pas ici : nfriedly

PETITE FICHE PRATIQUE DE TURBULENCES ET DE PHP OBJET

2009-09-11T17:34:00.000+02:00

Voici un petit récapitulatif des petits trucs, de la syntaxe et des codes intéressants :

Récupérer des informations dans une base de données :
Ce code va récupérer tous les produits présents dans la table product

$products = Product::getFor('Product', array(), 'ORDER BY id');

Ce code va récupérer le produit qui a l'identifiant indiqué :

$product = Product::getByPKey('Product','1');

Ce code va récupérer un produit qui a un prix égal à 5

$product->load('prix = 5');

Pour remplir automatiquement un objet à partir d'un tableau ($tab[] ou $_POST[]) :

Exemple de Form :

<form bla bla bla>
<input type="text" name="product['titre']">
<input type="text" name="product['prix']">
</form>

Traitement dans le controlleur :

$product = new Product();
$product->setFromArray($_POST['product']);

Enregistrer dans la base de données un objet :

$product->save();

tester si un dossier existe déjà et sinon le créer :

if(!is_dir($dossier))
mkdir($dest, 0700);

Afficher une page :

$v = new ProductView();
$v->assign('products',$products);
return $v->html_product_list();

Inclure un fichier .js ou .css :

$v->assign_js('lib.js');
$v->assign_css('list_cart.css');

Récupérer une variable :
passée par l'URL :

$product_id = $_GET['product_id'];

passée par formulaire :

$product_id = $_POST['product_id'];

enregistrée en session :

$product_id = $_SESSION['product_id'];

Gérer un projet sous eclipse avec SVN

2009-08-11T10:03:00.000+02:00

TUTORIEL ELCIPSE : Gestion d'un projet par Subversion

Subversion (en abrégé svn) est un système de gestion de versions, distribué sous licence Apache et BSD. Il sert à une équipe de pouvoir partager son travail et de réstaurer le travail à un état enregistré, envoyer les données sur le serveur pour pouvoir les sauvegarder et le tester.
Cela fonctionne avec un serveur (dépôt) et se trouve sur le serveur de developpement. http://monurl/SVN On peut interroger un serveur svn par http ou par svn.

Lorsqu'on veut récupérer une version complete, il faut entrer cette commande :

svn checkout -rHEAD http://mon_url

Lorsqu'on veut mettre à jour le serveur avec nos données :

svn commit /monfichier // bien commenter le 'commit'

Lorsqu'on veut récupérer les mises à jour, on tape :

svn update /monfichier

S'il y a un conflit :

svn revert /monfichier

1. Installation de subvserion.

sudo apt-get install subversion

2. Installation d'eclipse

Il faut télécharger la dernière version d'eclipse qui nous interesse (pour nous php)
http://www.eclipse.org/pdt/downloads/

3. Installation des plugins subclipse

Il faut ensuite télécharger le plugin. Il faut se rendre sur le site de subclipse tigris http://subclipse.tigris.org/ et copier le lien associé au plugin subclipse dans la section download.
Maintenant, il faut aller dans l'onglet Help d'eclipse et cliquer sur Install new software. Il faut ajouter l'url et cocher Subclipse AINSI que l'option SVNKIT.
Redémarrer ECLIPSE. Le tour est joué.

4. Il faut désormais qu'un espace SVN soit alloué à votre projet. VOIR Liste de serveurs
Ensuite, il faut cliquer sur Fichier -> importer puis sélection SVN->checkout projects from SVN. Il faut ensuite entrer l'URL du serveur SVN. Il faut entrer ses identifiants. Le reste se fait facilement et sans rien changer normalement.

5. L'application est prête à être partagée et versionnée.

Framework Turbulences : TUTO 5 - Intégration de script à l'application + Utilisation d'une fonction

2009-08-06T12:26:00.000+02:00

Intégration de script à l'application

Le script utilisé est jquery.js . Clic droit - enregistrer la cible sous pour obtenir le fichier.
Pour utiliser une fonction présente dans le script JQuery.js (par exemple), il faut inclure la librairie.
* Soit la librairie est pour toute l'application :

+ dans ce cas là, le fichier doit être copié dans le dossier /turbapp/public/script/lib/jquery/jquery.js.
+ pour insérer ce script, il faut écrire dans le fichier /turbapp/modules/layout/LayoutView.php :

$this->assign_js(
'lib:jquery/jquery.js' // de base il va chercher dans le dossier turbapp/public/script/
);

* Soit la librairie est relative à un module en particulier :

+ dans ce cas, le fichier doit être copié dans le dossier du module /turbapp/modules/administrator/views/script/jquery.js.
+ pour insérer ce script, il faut écrire dans la vue du module /turbapp/modules/administrator/AdministratorView.php :

$this->assign_js(
'jquery.js' // de base il va chercher dans le dossier turbapp/modules/administrator/views/script/
);

Le script est maintenant chargé. Il ne reste qu'à l'utiliser.

Utilisation d'une fonction

LA TEMPLATE
On veut pouvoir déplacer des éléments en direct sur la page. Pour cela, une fonction éxiste dans la librairie JQuery Sortable. Cette fonction a besoin de définir quels éléments sont susceptibles d'être déplacés (quels "items" et entre quels groupes d'items ("boxes")) et par quelle poignée ("handle") ils se font déplacer.

On ajoute donc dans la template list.tpl les élements dont on a besoin :
/turbapp/modules/administrator/views/html/list.tpl.

<div class="maDiv">
<hr/>1ere série d'admins
<div class="maBox">
{if $administrators|@count neq 0}
{foreach from=$administrators item=i}
<div class="monItem" style="background-color: red"><div class="maPoignee">o</div> {$i->id}-{$i->level}-{$i->address_id}</div>
{/foreach}
{else}
<p>Aucun élément dans la liste</p>
{/if}
</div>
<hr/>2eme série d'admins
<div class="maBox">
{if $administrators|@count neq 0}
{foreach from=$administrators item=i}

<div class="monItem" style="background-color: green">
<div class="maPoignee">o</div> {$i->id}-{$i->level}-{$i->address_id}</div>
{/foreach}
{else}
<p>Aucun élément dans la liste</p>
{/if}
</div>
</div>

Une fois que l'on a bien formaté la template, on peut passer à l'écriture du script.

LE SCRIPT
Le script jquery est désormais intégré à l'application ou au module.
On veut pouvoir déplacer les utilisateurs sur la plage et les trier à notre gré.
On créé un fichier, ou script, dans le dossier script du module :
/turbapp/modules/administrator/views/script/sortable.js.
dans lequel on va mettre ce code :

$('.maDiv').sortable(
{items:'.monItem', boxes:'.maBox', handle:'.maPoignee'}
);

Ce code signifie que l'on va effectuer la fonction sortable sur la classe maDiv (il s'agira ici d'une div), que l'on pourra déplacer les élements de classe monItem et que ces items seront déplacables en "cliquant/déplacant" la poignée de classe maPoignee.

ESSAYONS SUR UNE AUTRE FONCTION,
la fonction autogrow (permet d'étirer automatiquement un textarea au besoin )

LA TEMPLATE
On veut pouvoir étirer automatiquement un textarea dans un formulaire. Pour cela, une fonction éxiste dans la librairie JQuery Autogrow. Cette fonction n'a besoin que d'un textarea pour fonctionner.

On ajoute donc dans la template list.tpl un textarea :
/turbapp/modules/administrator/views/html/edit.tpl.

<textarea id="autogrowableTA" name="name" style="overflow: hidden; height: 105px;"> Test you text, that wil autogrow
</textarea>

LE SCRIPT

On créé un fichier, ou script, dans le dossier script du module :
/turbapp/modules/administrator/views/script/autogrow.js.
dans lequel on va mettre ce code :

$('#autogrowableTA').autogrow();

Ce code signifie que l'on va effectuer la fonction autogrow sur l'id autogrowableTA. Si on voulait le faire sur tous les textarea, on aurait pu mettre simplement textarea.

Framework Turbulences : TUTO 4 - Validation de formulaire

2009-08-05T16:27:00.000+02:00

VALIDATION DE FORMULAIRE :
Le but de ce tutoriel est de protéger l'envoi d'un formulaire. Les champs qui doivent être protégés sont écrits dans le modèle. Ainsi, par exemple, un utilisateur ne peut rentrer un prénom vide.

Ce tutoriel vient à la suite du tutoriel 3. Le module administrator doit être joint avec les modules address et user. De plus le formulaire edit sert à modifier les champs prénom, nom, email, niveau d'administration, rue, ville et code postal.

1.Formulaire
2.Fonction edit
3.Remplir le modèle avec les champs obligatoires

1. Remplissons tout d'abord le formulaire edit.tpl

Il faut faire un formulaire qui récupert les données enregistrées dans la base de donnée (données bleues). On affiche les erreurs SI elles existent (données rouges).
Voici le code complet et final.

<form name="" method="post" action="" enctype="multipart/form-data">

<input type="hidden" name="id" value="{$administrator->id}" />

<input type="hidden" name="user[user_type]" value="administrator" />

<fieldset>
<legend>
<div class="title">
<div class="title_right"></div>
Administrateur
</div>
</legend>
<p><label for="lastname">Nom :</label>
<input type="text" name="user[lastname]" value="{$administrator->user->lastname}"/>{if isset($error.user.lastname)}{$error.user.lastname}{/if}</p>
<p><label for="firstname">Prénom :</label>
<input type="text" name="user[firstname]" value="{$administrator->user->firstname}"/>{if isset($error.user.firstname)}{$error.user.firstname}{/if}</p>
<p><label for="email">Email :</label>
<input type="text" name="user[email]" value="{$administrator->user->email}" />{if isset($error.user.email)}{$error.user.email}{/if}</p>
<p><label for="level">Level :</label>
<textarea name="administrator[level]" style="overflow: hidden;" >{$administrator->level}</textarea>{if isset($error.administrator.level)}{$error.administrator.level}{/if}</p>
</fieldset>
<fieldset>
<legend>
<div class="title">
<div class="title_right"></div>
Adresse
</div>
</legend>
<p><label for="address">Rue :</label>
<input type="text" name="address[address]" value="{$administrator->address->address}"/>{if isset($error.address.address)}{$error.address.address}{/if}</p>
<p><label for="city">Ville :</label>
<input type="text" name="address[city]" value="{$administrator->address->city}"/>{if isset($error.address.city)}{$error.address.city}{/if}</p>
<p><label for="zip_code">Code postal :</label>
<input type="text" name="address[zip_code]" value="{$administrator->address->zip_code}" />{if isset($error.address.zip_code)}{$error.address.zip_code}{/if}</p>

</fieldset>
<hr />

<ul>
<li class="reset"><input type="reset" value="Annuler" /></li>
<li class="submit"><input type="submit" value="Enregistrer les modifications" /></li>
</ul>
</form>

2. Controlleur

// function to save the object for all action
private function _edit($view)
{
$v = new AdministratorView();

// get the object from request
$obj = $this->getAdministratorFromRequest();
//$obj->setAccessLevel($this->_access_level); // transmission of the access level to the object

// if request type is post
if($this->isPost())
{

// on récupert les informations concernant l'administrateur dont l'ID est passé en paramètre.
$administrator = Administrator::getByPKey('Administrator',$_POST['id']);

if(!is_null($administrator))
{
$field_errors = array(); // on créé un tableau qui contiendra les erreurs sur les champs.
$answer_array =array(); // on créé un tableau de réponse qui va être envoyé à la vue.
// on récupert les informations concernant l'utilisateur dont l'id est égal au user_id de l'admin
$user=User::getByPKey('User',$administrator->user_id);
$user->setFromArray($_POST['user']); // on enregistre les données

$address=Address::getByPKey('Address',$administrator->address_id); // idem que pour les users
$address->setFromArray($_POST['address']); // idem

$administrator->setFromArray($_POST['administrator']); // idem

$user->validate(); // on effectue validate() ici pour les 3 modules. Cette fonction
$address->validate(); // vérifie que tous les champs qui doivent etre remplis le sont.
$administrator->validate(); // si ce n'est pas le cas, il renvoit faux, sinon vrai.
// de plus, la fonction validate(), si elle renvoit faux permet de passer dans la fonction getError().
// C'est pour cette raison que l'on utilise 2 fois pour chaque module la fonction validate()

if($user->validate() && $address->validate() && $administrator->validate())
{

$user->save(); // si la fonction validate() a renvoyé TRUE pour les 3 modules,
$address->save(); // on peut alors enregistrer dans la base de données
$administrator->save();
}
else
{
$field_errors['user'] = $user->getError(); // on remplit ensuite le tableau d'erreur
$field_errors['address'] = $address->getError();
$field_errors['administrator'] = $administrator->getError();
$answer_array['administrator'] = $administrator; // puis on remplit le tableau réponse avec l'objet $adminsitrator
$answer_array['error'] = $field_errors; // ainsi qu'avec le tableau d'érreur.
return $v->html_edit($answer_array);//récupère et affiche les erreurs s'il y en a
}

// s'il n'y a pas d'erreurs , on redirige vers action_list
if(isset($obj->id) && !$obj->hasError())
return $this->action_list();
}

}

$view = 'html_'.$view;
return $v->$view($obj);
}

3- Ecrire la fonction validate() ainsi que les champs obligatoires :

public function validate()
{
$this->error = array();

foreach( $this->getAttributeNames() as $key => $attr )
{
if ( $this->$attr == '' AND $this->isMandatoryValue($attr) === TRUE ){
$this->error[$attr] = sprintf("Merci de renseigner le %s.", $attr);
}
else
{
$val = parent::validateThisValue($attr, $this->$attr);
if ( $val['message'] !== TRUE AND !is_null($attr) AND $this->$attr!=$this->_original[$key] )
$this->error[$attr] = $val['error'];
else
$this->$attr = $val['value'];
}
}
if(count($this->error)>0)
return false;
else
return true;
}

/**
* retourne les erreurs
*/
function getError()
{
return $this->error;
}

var $_mandatory = array(
'default' => array('firstname','lastname','email')
);

Framework Turbulences : TUTO 3 - Validation, relations entre modèles et ACL

2009-08-05T14:38:00.000+02:00

Turbulences Tutorial - Chapter 3 : More models : validation, model relationships and access control

Pré-requis
Il faut que turbulences soit installé. Il faut créer les modules user et address de cette manière :

$ cd /myapp
$ php script/generate_module.php user
$ php script/generate_module.php address

Puis il faut completer les fichiers user.schema.sql et address.schema.sql :

DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
`id` int(10) unsigned NOT NULL auto_increment,
`firstname` varchar(30) NOT NULL,
`lastname` varchar(30) NOT NULL,
`email` varchar(30) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

DROP TABLE IF EXISTS `address`;
CREATE TABLE `address` (
`id` int(10) unsigned NOT NULL auto_increment,
`address` varchar(30) NOT NULL,
`city` varchar(30) NOT NULL,
`zip_code` int(10) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

Dans ce chapitre, nous allons apprendre à :

* Créer un nouveau module. Créer le module Administrator.
o Un administrator a les mêmes attributs qu'un autre utilisateur du siteweb
o Un administrator a des attributs spécifiques en plus (niveau d'administration et adresse)
* Gérer toutes les erreurs (administrator, user and address) en même temps
* Gérer l'accès aux attributs pour les modèles et pour les actions des controlleurs

Generation du module administrator

* Grace au script de génération de module, on créé le module administrator :

php script/generate_module.php administrator

Créer la table

On va ajouter une table pour les attributs spécifiques des administrators, incluant toutes les clés étrangères pour les utilisateurs(user) et les adresses(address). On va juste créer un script user.schema.sql et address.schema.sql
modules/administrator/DB/administrator.schema.sql.

DROP TABLE IF EXISTS `administrator`;
CREATE TABLE `administrator` (
`id` INT( 10 ) NOT NULL AUTO_INCREMENT ,
`user_id` INT( 10 ) NOT NULL ,
`level` ENUM( 'super-admin', 'moyen-admin', 'petit-admin' ) NOT NULL ,
`address_id` INT( 10 ) NOT NULL ,
PRIMARY KEY ( `id` ) ,
INDEX ( `user_id` , `level` )
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

Pour installer la nouvelle table, vous devez executer le nouveau script ou l'installation complete par le script habituel.

mysql <> var $_joins = array(
'user' => array('User', array('user_id' => 'id')),
'address' => array('Address', array('address_id' => 'id'))
);
On va utiliser les jointures dans notre code pour obtenir quel utilisateur correspond à tel administrator en écrivant une formule très simple : $admin->user. En ce qui concerne les adresses, c'est la même chose : $admin->address. Ceci est appelé une jointure directe.

Créer le controlleur

// cette fonction renvoi un objet administrator
// si $_GET['id'] ou $_POST['id'] est vérifié, on charge l'objet correspondant
// sinon on retourne un objet vide
public function getAdministratorFromRequest()
{
if(isset($this->__get['id']) && is_numeric($this->__get['id']))
$id = $this->__get['id'];
elseif(isset($_POST['id']) && is_numeric($_POST['id']))
$id = $_POST['id'];
else
$id = NULL;
if(!is_null($id))
$u = Administrator::getByPKey('Administrator',$id);
else
$u = new Administrator();
return $u;
}

// action for general editing
public function action_edit()
{
return $this->_edit('edit');
}

// action for access_level editing
public function action_set_level()
{
return $this->_edit('edit');
}

// function to save the object for all action
private function _edit($view)
{
$v = new AdministratorView();

// get the object from request
$obj = $this->getAdministratorFromRequest();

// if request type is post
if($this->isPost())
{
$administrator = Administrator::getByPKey('Administrator',$_POST['id']);

if(!is_null($administrator))
{
//mise à jour de ce champs avec les données send en POST
$administrator->setFromArray($_POST['administrator']);
$administrator->update();

//maj du user associé au champ administrator modifié
$user=User::getByPKey('User',$administrator->user_id);
$user->setFromArray($_POST['user']);
$user->update();

//maj de l'addresse associée au champ administrator modifié
$address = Address::getByPKey('Address',$administrator->address_id);
$address->setFromArray($_POST['address']);
$address->update();
}
// if no arrors , redirect to action_list
if(isset($obj->id) && !$obj->hasError())
return $this->action_list();
}
// render the asked view and pass the object
$view = 'html_'.$view;
return $v->$view($obj);
}
// action for listing
public function action_list()
{
$v = new AdministratorView();
$objs = Administrator::getFor('Administrator');
return $v->html_list($objs);
}

On peut maintenant tester la méthode de listage des administrators en tapant http://turbapp/administrator/list

Les actions basiques : CreateReadUpdateDelete

* En ce qui concerne les vues, elles passent simplement l'objet entier ou un tableau d'objets

public function _edit($obj)
{
$this->assign('administrator',$obj);
}

public function _list($objs)
{
$this->assign('administrators',$objs);
}

* La template edit.tpl -- (les widgets sont des plugins smarty)

{wdgt_print_object_error object=$administrator}

<form name="" method="post" action="" enctype="multipart/form-data">

<input type="hidden" name="id" value="{$administrator->id}" />

<input type="hidden" name="user[user_type]" value="administrator" />

<fieldset>
<legend>
<div class="title">
<div class="title_right"></div>
Administrateur
</div>
</legend>

{wdgt_input object=$administrator->user field='lastname' label='Nom'}
{wdgt_input object=$administrator->user field='firstname' label='Prénom'}
{wdgt_input object=$administrator->user field='email' label='Email'}
{wdgt_select object=$administrator field='level' label='Niveau d\'admistration'}

</fieldset>

<fieldset>
<legend>
<div class="title">
<div class="title_right"></div>
Adresse
</div>
</legend>

{wdgt_input field=address object=$administrator->address prefix_name=address label='Adresse'}
{wdgt_input field=city object=$administrator->address prefix_name=address label='Ville'}
{wdgt_input field=zip_code object=$administrator->address prefix_name=address label='Code postal'}

</fieldset>
<hr />

<ul>
<li class="reset"><input type="reset" value="Annuler" /></li>
<li class="submit"><input type="submit" value="Enregistrer les modifications" /></li>
</ul>
</form>

* Maintenant, on peut tester le module insert/edit en tapant ceci : http://turbapp/administrator/edit/?id=1

Controle d'accès : ACL

* On va gerer les accès aux champs du modele. On va utiliser un simple modèle de sécurité : les Access Control List (ACL)

Premièrement, le controlleur doit propager les _access_level aux objets (_access_level est le type d'utilisateur dans la session)

private function _edit($view)
{
$v = new AdministratorView();

$obj = $this->getAdministratorFromRequest();

// HERE
$obj->setAccessLevel($this->_access_level); // transmission of the access level to the object

if($this->isPost())
{
$obj->setFromArray($_POST);
$obj->saveDependantObjects();
if(isset($obj->id) && !$obj->hasError())
return $this->action_list();
}
$view = 'html_'.$view;
return $v->$view($obj);
}

On doit définir les règles de lecture d'un champ d'édition. Si vous êtes admin, vous allez pouvoir lire et écrire : admin_read et admin_write. On voit que seul un administrateur ne peut parametrer le niveau d'un administrateur, le default_access ne peut le faire.

var $_access_limit = array(
'default_read'      => array(),
'default_write'      => array('level'),
'admin_read' => array(),
'admin_write' => array(),
);

* On peut définir les access_level pour toutes les actions du controlleur. Si l'access_level courant ne peut acceder à l'action, il est redirigé vers ErrorController::access_not_allowed

administrator.php
var $_allowed_access_level = array(
'edit' => array('admin','default'),
'set_level' => array('admin'),
);
public function action_set_level()
{
return $this->_edit('edit');
}

Vous pouvez maintenant tester l'ACL : seulement les administrateurs sont capable d'accéder à http://turbapp/administrator/set_level

Framework Turbulences : TUTO 2 - Connection Base de données

2009-08-05T12:02:00.000+02:00

Framework Turbulences :
Connection Base de données

On va continuer à partir du premier tuto.

Dans ce tutoriel, on va apprendre :

Comment installer une table spécifique à un modèle
Comment effectuer les actions CRUD (create, read, update, delete) :
- Ajouter un objet
- Lister les objets et en afficher un spécifique
- Modifier les proprietés d'un objet
- Détruire un objet

Pour plus d'informations sur les CRUD, vous pouvez visiter ce site go!

Schema et données

Turbulences prend en charge les données de la base de données. Il les "serializes". Chaque modèle a sa propre table qui correspond à ses objets.

Pour créer une table qui va être ajoutée dans la base de données lors du lancement du script d'installation, vous devez créer/modifier les fichiers présents dans le dossier modules/hello/db. Voici les 2 fichiers présents et utiles ici :

schema - ce script créé la table : hello.schema.sql
data - ce script créé les données, il peuple la table : hello.data.sql

Pour que ces scripts soient lancées a l'installation, il faut bien avoir les scripts d'indiqués dans le fichier modules/hello/module.ini comme ceci

[tables]
hello=schema,data,trigger; important put the schema before the data

Tous les scripts sauf le schema sont optionnels. Le schema peut l'être si le module n'a pas besoin d'une table.

Les fichiers de base de données

hello.schema.sql

-- table hello
DROP TABLE IF EXISTS hello;
CREATE TABLE hello (
id INT(11) UNSIGNED NOT NULL AUTO_INCREMENT,
name VARCHAR(255) NOT NULL,
PRIMARY KEY (id),
INDEX name(name),)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

hello.data.sql

INSERT INTO `hello` ( `id` , `name` )
VALUES ( 1, 'Test' );
INSERT INTO `hello` ( `id` , `name` )
VALUES ( 2, 'John' );
INSERT INTO `hello` ( `id` , `name` )
VALUES ( 3, 'Kate' );

Vous devez lancer une nouvelle fois le script d'installation (php myapp/script/install.php). Allez vérifier ensuite dans phpmyadmin que la table hello soit bien créée.

Lister des données

On va lister les données présents dans la table hello

Pour cela on va d'abord modifier le modèle du module Hello dans modules/hello/Hello.php:

class Hello extends TURB_Object    // les modèles doivent etendre de TURB_Object
{
var $_table = 'hello';  // on défini ici le nom de la table
}

Ensuite il faut définir l'action list dans notre controlleur (HelloController.php); comme ceci :

/**
* Une action est toujours définie comme ceci : action_nomDeLAction; donc ici : action_list
*/
public function action_list()
{
$names = Hello::getFor('Hello'); // see 1.
$view   = new HelloView();
return $view->html_list($names);
}

La méthode getFor() est un méthode statique de TURB_Object. Elle retourne un tableau d'objets de la classe que l'on a interrogée (ici, la classe hello) en prenant en compte les conditions que l'on a passé (ici, aucune ). Vous pourriez très bien par exemple ne sélectionner que les entrée dont l'age est 12 et ou le nom est junior. Il faudrait entrer ceci:

Hello::getFor('Hello', array('age' => 12, 'name' => 'junior'));

Maintenant, il faut créer la vue associée dans HelloView:

protected function _list($names)
{
$this->assign('names', $names);
}

Ensuite, on enregistre la template de listage ( modules/hello/views/html/list.tpl):

{if $names|@count neq 0}
{foreach from=$names item=name}
{$name->id}-{$name->name|strip_tags}
{/foreach}
{else}
Nothing in the list.

{/if}

Il est maintenant possible de tester le module de listage en tapant ceci http://turbapp/hello/list

Afficher un objet spécifique

On va afficher un message dynamique "hello $name". Le nom va être lu depuis la base de données.

On ajoute alors l'action show dans le controlleur:

// in HelloController
public function action_show()
{
if  (isset($_GET['id']) && is_numeric($_GET['id']))
{
$name = Hello::getByPKey('Hello',$_GET['id']);
$view = new HelloView();
return $view->html_show($name);
}
else
HTTP::redirect('/');
}

On ajoute la vue

// in HelloView
protected function _show($name)
{
$this->assign('name', $name);
}

Et enfin, la template ( views/html/show.tpl):

Hello {$name->name} !

On peut tester le module http://turbapp/hello/show/1. C'est censé afficher "Hello Test !"

Ajout d'objet

On va ajouter un nouveau nom dans la base de données. D'abord, on va ajouter la méthode add dans le controlleur :

// in HelloController
public function action_add()
{
if (isset($_GET['id']) && is_numeric($_GET['id']))
  $name = Hello::getByPKey('Hello',$_GET['id']);
else
  $name = new Hello();

if (isset($_POST['name']))
{
  $name->name = $_POST['name'];
  $name->save();
  HTTP::redirect('/hello/show/?id='.$name->id);
}
else
{
  $view = new HelloView();
  $view->assign('name', $name);
  return $view->html_add($name);
}
}

On créé la template comprenant le formulaire d'ajout :

// in modules/hello/views/html/add.tpl
<form action="" method="post">
<label for="name">Name: </label><input type="text" name="name" />
<input type="submit" value="Enregister" />
</form>

On peut dores et déjà tester le module http://turbapp/hello/add/ Envoyer une valeur. Un nouvel objet va être créé et enregistré dans la base de donnéeet la page va être redirigée vers l'action show (/hello/show/).

Editer un objet

On va modifier la méthode add() pour que les mises à jour se passent bien. La méthode va recevoir l'id de l'objet dans l'URL comme ceci : /hello/add/?id=2.

// in HelloController
public function action_add()
{
if (isset($_GET['id']) && is_numeric($_GET['id']))
$name = Hello::getByPKey('Hello',$_GET['id']);
else
$name = new Hello();

if (isset($_POST['name']))
{
$name->name = $_POST['name'];
$name->save();
HTTP::redirect('/hello/show/?id='.$name->id);
}
else
{
$view = new HelloView();
$view->assign('name', $name);
$view->html_add($name);
}
}

On ajoute le lien d'édition :


// in views/html/show.tpl
{if $names|@count neq 0}
{foreach from=$names item=name}
{$name->id}-{$name->name|strip_tags}
<a href="'/hello/add/{$name-">id}/'>Edit</a>
{/foreach}
{else}
Aucun élément dans la liste

{/if}
On modifie aussi la valeur que doivent prendre les champs dans le
formulaire add.tpl :

<form action="" method="post">
<label for="name">Name: </label><input type="text" name="name"
value="{$name->name}" />
<input type="submit" value="Enregister" />
</form>

On peut tester en entrant /hello/list, et en cliquant sur un des liens d'édition.

Sources - turbulences.com

Framework Turbulences : TUTO 1 - Hello

2009-08-05T11:23:00.000+02:00

Framework Turbulences :
Premier module = Hello

Pour utiliser ce tutoriel, votre installation de turbulences doit être faite. Si ce n'est pas le cas ou si vous ne savez pas, faites d'abord ceci.

Les modules

Tout le code relatif au module sera situé ici myapp/modules/nomdumodule .Un module est un ensemble données/role. Il est divisé en 3 blocs selon le modèle MVC:

un controlleur qui va définir les actions et le comportement du module
un modèle qui va gérer les données, leur accès et la validation
une vue qui va définir les pages visibles du module

Il s'agit du schéma classique du modèle MVC. Ce modèle permet la séparation de ces parties et est très utilisé dans le web et dans les frameworks les plus utilisés. Vous pouvez visiter la page Wikipedia ou cet excellent site : ADC introduction.

Le fait de créer des modules permet la réutilisation des programmes du fait de leur séparation avec le reste des composants.

Comment créer un module

Manuellement

Un générateur de module existe et il est recommandé de l'utiliser, car il automatise toutes les taches de création du module. Son utilisation est décrité dans la section suivante. Ces instructions sont données pour comprendre totalement comment fonctionne un module.

créer le répertoire hello dans myapp/modules
```
$ cd myapp/modules
$ mkdir hello
```

créer la hierarchie dans le dossier hello :

myapp/modules/hello
+ HelloController.php  // hosts class HelloController extends TURB_Controller {}
+ HelloView.php       // hosts class HelloView extends TURB_View_Smarty {}
+ Hello.php        // hosts class Hello extends TURB_Object {}
+ views
   + html      // hosts Smarty HTML templates
   + script    // hosts view specific javascript code
   + style     // hosts view specific css code

Automatiquement

Il faut juste taper

$ cd /myapp
$ script/generate_module hello

Cela va créer la hierarchie des fichiers.

Créer le modèle

Nous allons désormais créer chaque composants du modèle MVC en commencant par le modèle : (le modèle du module est le fichier modules/hello/Hello.php)

definir un modèle vide comme ceci :
```
class Hello extends TURB_Object
{
}
```

Créer le controlleur

(le controlleur du module est le fichier modules/hello/HelloController.php)

definir le controlleur comme ceci :

class HelloController extends TURB_Controller
{
 // must be declared; called after the constructor
 public function setup() {}

 public function action_default()
 {
     $name = 'world';
     $view = new HelloView();
     $view->assign('firstname', 'Walt');
     return $view->html_hello($name);
 }
}

Créer la vue

(la vue du module est le fichier modules/hello/HelloView.php)

definir la vue comme ceci:

class HelloView extends TURB_View_Smarty
{
 public function _hello($arg)
 {
     $this->assign('name', $arg);
 }
}

Créer la template

La template est etroitement liée à la vue. Il s'agit du code HTML, de l'apparence de la page pour l'utilisateur.

(le template hello du module hello se situe ici modules/hello/views/html/hello.tpl)

définir la template comme ceci :

Publier le messageHello {$firstname} {$name}

Le fait d'appeler $view->html_hello($name); va controler et appeler la méthode _hello présente dans la vue (HelloView), dans une réponse HTML (on va y revenir) ; cette méthode va automatiquement chercher la template hello.tpl pour le rendu.

Tester le module Hello

Maintenant, entrez http://turbapp/hello/ - ce qui va afficher la nouvelle page.

Le chemin d'éxecution est le suivant :

`index.php`	lance le dispatcher, instancie le controlleur du module `hello`
`HelloController.php`	lance `action_default()` qui instancie la vue `HellowView`, attribue les variables qu'il faut et appelle `html_hello()`
`HellowView.php`	Lance `html_hello()` qui va chercher la template `html/hello.tpl`
	Enfin, le dispatcher rend la vue et les données dans le navigateur du client

Notes

On utilise le moteur de template Smarty ; la doc est disponible ici -> http://smarty.php.net/manual/

Sources - turbulences.com

Framework Turbulences : TUTORIEL D'INSTALLATION

2009-08-05T10:52:00.001+02:00

L'entreprise dans laquelle je fais mon stage utilise pour son application le framework turbulences
Le framework est très peu documenté donc plus on en parle, mieux ce sera. Voici comment installer Turbulences sur votre machine ubuntu :

Installation de Turbulences

Pré-requis

Linux (Ubuntu 8.10 par exemple)
Apache 2
- "mod rewrite" activé
MySQL version 5 ou +
ImageMagick
PHP version 5.2 ou + avec le module
- mbstring

Installation

Se mettre en mode Super Utilisateur (commande : su )
Créer un répertoire pour le projet (par exemple sur le bureau)
```
$ mkdir myproject
$ cd myproject
```

Installer une copie du framework

$ svn export -rHEAD svn://turb.ulenc.es/turb/trunk .
$ ls -l
trunk
$ cd trunk
$ ls -1
base
whitecopy

Vous avez 2 répertoires : base qui contient toutes les librairies du framework et whitecopy qui est un squelette de votre application. Il faut donc renommer ce :
```
$ rename whitecopy myapp
```

Créer une base de donnée dans http://localhost/phpmyadmin et appelez là turb_db

Faire les liens symbolics

Créer le dossier var dans votre dossier de projet. Dans votre dossier var, créez aussi le dossier data, log, tmp et users.

Dans le dossier logs, créez un fichier appelé app.log, dans tmp, créez un dossier appelé compile.

Créez les liens symboliques pour l'appli :
#lien symb dans dyb_app/
ln -s var/tmp tmp

#lien symb dans dyb_app/public
ln -s ../var/data/public var

#lien symb dans dyb_app/public/script
ln -s ../../tmp/cache/script cache

#lien symb dans dyb_app/public/style
ln -s ../../tmp/cache/style cache

Configurer

Maintenant, on va configurer l'application

Le virtualhost

Configurer un virtualhost dans la config d'apache (/etc/apache2/httpd.conf)

Vérifiez que ces variables soient bien parametrées :
AllowOverride -> All
DocumentRoot to myproject/myapp/public

Voici le code à entrer pour définir le virtualhost :

NameVirtualHost dyb.local
<VirtualHost dyb.local>
ServerAdmin l.bernard@doyoubuzz.com

DocumentRoot /home/leny/workspace/dybmig/public/
<Directory /home/leny/workspace/dybmig/public/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
allow from all
</Directory>

ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
<Directory "/usr/lib/cgi-bin">
AllowOverride All
Options  ExecCGI -MultiViews  SymLinksIfOwnerMatch
Order allow,deny
Allow from all
</Directory>


LogLevel warn
</VirtualHost>

Le fichier myapp/var/host

Créer le fichier host dans le dossier var du dossier myapp et l'éditer. Mettre le nom du virtualhost et le nomero du port si besoin dans le fichier.
touch /myapp/var/host
gedit /myapp/var/host

écrirer turbapp et quitter

Le fichier myapp/conf/conf.yaml

Mettre à jour le fichier de configuration conf.yaml( myproject/myapp/conf/conf.yaml):

la section "env" permet de définir la liste des environnements (dev, test, prod), La liste commence par "vhost:port": nom_de_lenvironnement

Ensuite, il faut définir la configuration détaillée comme ci-dessous :


app:
    id: myapp
    name: myapp
    version: 0.1
env:
    vhosts:
        'turbapp': dev
    dev:
        public_url: http://$vhost/
        db:
            user: root
            pass: 
            base: turb_db
            host: localhost
            privileges: ALL
        imagemagick_path: /usr/bin/
        mysql_filename: /usr/bin/mysql

Permissions FS

Maintenant, assurez vous que les permissions de myapp/var sont correctement parametrés :

$ chgrp -R www-data myapp/var
$ chmod -R g+w myapp/var
$ find myapp/var -type d -exec chmod g+s {} \;

Lancez le script d'installation :

$ php myapp/script/install

Le script va controler que tout est bien parametré et va installer la base de données correctement.

Modifiez maintenant le fichier /etc/hosts et ajouter à la suite de localhost trubapp ou le nom de votre vhost

$ sudo gedit /etc/hosts
127.0.0.1 localhost turbapp

L'installation est finie. Testez en allant sur http://turbapp dans firefox. Si une page avec un logo rosé écrit turbulences apparait et que le message suivant apparait :

Your setup succeeded!

Vous pouvez alors vous attaquer au premier tutoriel. Sinon, relisez attentivement le tutoriel d'installation et au besoin écrivez un ticket sur le site de tubulences.com
Sources : turbulences.com

Les meilleures applications iPhone !

2009-08-05T10:22:00.001+02:00

//TODO : faire du dernier iPhone le smart le plus complet du marché !

LOGICIELS
*** TOMTOM (le meilleur GPS) et NAVIGON
*** IM+ (client de messagerie et de réseaux sociaux comme msn, gtalk, facebook, twitter, Y!, etc toujours connecté en arrière plan. Vous recevez des messages comme des sms)
*** WinterBoard (Pour installer des thèmes sur l'iPhone)
*** FastSketch (Permet à partir d'une photo de faire un effet dessin au crayon de bois ou au crayon de couleur vraiment épatant)
*** AutoStitch (Permet de faire des diaporamas à partir de plusieurs photos qui se suivent)
*** ezShare (Permet d'avoir ses fichiers présents sur un espace de stockage sur internet ou sur le réseau local)
*** Air Mouse (Remplace souris et clavier pour piloter l'ordinateur)
*** Fame (Permet d'insérer une photo dans une autre photo pour lui affecter un effet vraiment sympa)
*** Peeps (Une sorte d'alternative au carnet de contact avec les photos des contacts qui s'affiche, peu utile mais sympa)
*** Print n Share (Permet le partage de fichiers et la mise en impression directe depuis l'iPhone vers les imprimantes partagées du réseau WIFI)
*** Quickoffice (Permet de gérer et modifier ses fichiers de style office (WORD, EXCEL, PPT etc) et de les envoyer par mail ou de les enregistrer sur un espace de stockage défini)
*** Poof (Permet de cacher des icones du genre Bourse,Boussole,Freeze, Maps,iTunes,VoiceMemos,Météo)
*** Camera Zoom (Permet de zoomer en prenant une photo)
*** dismoiou (lorsque l'on recherche quelque chose de particulier, cette application est utile)
*** PdaNet (Permet de partager ou d'utiliser la connexion internet avec le PC)

JEUX :
*** Worms (incarnez votre équipe de petits vers de terre et dominez le monde)
*** Les sims 3 (Jeu de simulation de vie)
*** Asphalt4 (Jeu de simulation de course de voiture)
*** Need for Speed Underground (Jeu de simulation de course de voiture)
*** Yetisports (Jeu délirants entre pingouins et yéti)
*** Manager (Jeu de gestion d'équipe de football)
*** RSoccer09 (Meilleur jeu de Foot)
*** Brick3D (Jeu de casse brique trop bien)
*** Tetris (faut il une description ?)
*** Spore (Jeu de simulation de l'évolution de votre espèce)
*** iCombat (Jeu de combat de tank)
*** RealTennis (Jeu de Tennis)
*** ResidentEvil4 (Jeu de zombie bien fait)
*** FaceFighter (Jeu de boxe délirant)

Jailbreak/Désimlockage de l'iPhone 3GS 3.1.2

2009-08-05T09:47:00.000+02:00

Ce sujet va vous permettre d'utiliser n'importe quelle application même payante gratuitement. Ce n'est cependant pas légal. Vous êtes avertis. Cela vous permet aussi de modifier votre iPhone en personnalisant l'apparence ou en débloquant de nouvelles fonctionnalités comme l'accès SSH ou le désimlockage.

JAILBREAK

Cette méthode fonctionne pour toutes les générations d'iPhone. Si vous avez un iPhone déjà jailbreaké et que par conséquent vous avez une multitude d'applications pirates installées sur votre téléphone, sachez que grace à cette méthode, vous récupererez tout ca ainsi que votre configuration (code wifi, contacts, etc).

La première étape si ce n'est pas un iPhone vierge est de synchroniser/enregistrer votre iPhone avec iTunes.
Cette étape sera peut etre un peu long si vous ne l'avez jamais fait (ce serait étonnant tout de même) mais est primordiale pour récupérer les informations stockées sur l'iPhone.

Une connexion WIFI est préférée pour une bonne installation.

*Mettez à jour votre iPhone avec la version 3.1.2
*Téléchargez ce logiciel : Pour windows ou Pour Mac
*Installez la dernière version d'iTunes
*Branchez l'iPhone au PC grace au cable USB fourni avec le téléphone
*Pour mac, dézippez le fichier.
*Lancez le fichier.
*Cliquez sur "Make it rain".
//L'iphone affiche une photo du pirate et redémarre.
// Une nouvelle application est apparue : BlackRa1n
*Paramétrez votre wifi pour accélerer la procédure.
*Lancez l'application blackra1n et cliquez sur "Cydia"
// L'application Cydia est opérationnelle et apparait sous forme d'une icone dans vos applications*Lancez Cydia puis dans l'onglet Gestion : touchez Source -> Editer -> Ajouter
puis entrez cette source :http://cydia.hackulo.us
// La source s'ajoute à Cydia, ses paquets sont désormais disponibles
*Touchez l'onglet recherche puis tapez : "appsync". Une seule application apparait normalement, l'application AppSync for OS 3.1
*Installez la, redémarrez ensuite le springboard(ou l'iPhone).
// Votre iPhone est désormais capable d'installer des applications présentes en téléchargement sur certains sites sans vérifier que vous ayez bien le droit de les installer. A vous Navigon, IM+, Les sims 3 etc.
*Allez sur http://appulo.us/ ou http://ihacks.ru pour obtenir des liens d'applications craquées.
*Choisissez l'application que vous désirez obtenir en cliquant sur l'icone puis choisissez un lien disponible pour les dernieres version proposées de préférence.
//Soit le fichier téléchargé est un fichier ***.ipa et dans ce cas, il s'ouvre directement avec iTunes, soit c'est un fichier ***.ipa.rar ou ***.ipa.zip et dans ce cas il faut renommer le fichier en ***.ipa et l'ouvrir ensuite avec iTunes (un simple double clique doit suffir), iTunes sait qu'il doit ouvrir les fichiers finissant par ipa
*Il faut alors synchroniser l'iPhone avec iTunes à l'aide d'un clique droit sur l'icone de l'iPhone dans iTunes (bandeau gauche) -> Synchroniser.
//L'iPhone se synchronise, les applications s'installent sur l'iPhone.

DESIMLOCKAGE

// Cette partie était vraie pour le jailbreak avec le logiciel purplera1n qui jailbreak les iPhone sous OS 3.0
// Elle ne l'est plus pour blackra1n.
*Il faut ajouter la source : http://repo666.ultrasn0w.com
(attention c'est http://repo666.ultrasn(ZERO)w.com )
*Ensuite, il faut cliquer sur la source repo666.ultrasn0w.com, un seul paquet s'affiche, le paquet "ultrasn0w", il faut l'installer. L'iPhone redémarre, il est désimlocké (vous pouvez l'utiliser avec n'importe quel opérateur).

L'élu : Apple iPhone 3GS

2009-08-04T17:44:00.000+02:00

Et voilà, j'ai fait mon choix, me voilà dans la grande famille des mac-users. J'ai succombé à l'attraction de l'iPhone 3GS. Plus rapide que le prédecesseur, plus complet et surtout qui comporte plus d'applications interessantes (malgré le fait qu'elles soient payantes) que chez Nokia, Android ou autre.
J'ai pris le forfait IDEO de Bouygues Telecom, qui coute 45€/mois ce qui fait un forfait sms/mms/internet/mail/TV illimités + 2h de communication à 15€/mois + un forfait internet à la maison BBOX à 30€/mois... L'affaire de l'année en ce qui concerne les offres téléphoniques.

VOUS AVEZ BIEN ENTENDU : 15€/mois pour tout illimité + 2h de communication

Ensuite, je l'ai jailbreaké et désimlocké. Méthode très facile, en 5 minutes, tout est fait. Il faut brancher l'iPhone à l'ordinateur, télécharger et lancer le fichier purplera1n.exe. Le tour est joué. L'icone freeze qui permet d'installer cydia apparait après le redémarage de l'appareil. Une fois cydia installé, pour avoir accès à toutes les applications payantes, il faut ajouter la source cydia.hackulo.us puis chercher sur cydia et installer le paquet "appsync". Ensuite on peut allez télécharger les applications sur des sites de piratage com http://ihacks.ru ou http://hakulo.us/appdb.

C'est à partir de ce moment, lorsque l'on installe les applications payantes gratuitement que l'iPhone montre son interet et pourrie literalement tous les autres téléphones.

DONC, voici mon conseil, NE PAS HESITER !! L'iPHONE 3GS EST MONSTRUEUX ! Allez-y !

Quel smartphone ?

2009-06-16T12:37:00.000+02:00

Bonjour,

Je vais changer de téléphone en Juillet et je vais inévitablement succomber à la tentation des smartphone. Mon choix est fait ce sera l'iPhone 3G ou l'iPhone 3G S, le dernier né d'Apple.

Si vous avez des critiques à faire au sujet de l'iPhone, allez-y, pour moi c'est le meilleur des smartphone et j'attendais beaucoup de l'HTC Magic pour le détronner mais il n'est pour moi pas à la hauteur. Cela dit, je ne l'ai pas testé directement alors c'est un jugement inégal en faveur de l'iPhone. Cependant, j'ai vraiment du mal avec les NOKIA... Je ne les trouve pas beau et pas ergonomiques. Qu'en pensez vous ?

En ce qui concerne les features du nouvel iPhone 3G S, on peut citer un appareil photo de meilleure qualité 3Mo auto-focus avec focus manuel sur simple toucher de l'écran de ce que l'on veut rendre net, caméra vidéo mais apparement qui ne fait pas de longs films (à voir), commande vocale performante, bousole intégrée pour un GPS et un guidage plus performant, le clavier en mode paysage n'importe quand (sms), l'arrivée enfin des mms (il était temps ! même si je trouve ca inutile) , une batterie plus performante, une technologie qui s'appuye sur l'OPENGL pour des jeux comparables à une PSP ,un processeur 2x plus rapide pour la rapidité de navigation et la vraie 3G + pour un internet à presque 10Mbit/S.
Et toujours les caratéristiques completement géniales de l'iPhone 3G que l'on ne cite plus !

Alors avec un tel forfait, il est inutile de dire qu'il est préférable de prendre un forfait adéquat ! Mais, il n'est cependant pas util de se ruiner. NE PAS ALLER CHEZ ORANGE.
Vous pouvez faire les calculs comme moi, si c'est le budget qui vous interesse tout en profitant au mieux du téléphone, il n'est pas nécessaire de payer un forfait spécial iPhone, c'est une simple et horrible arnaque. Par exemple, chez Bouygues Telecom, qui sont les moins chers (contre ORANGE et SFR), il existe un forfait bloqué à 24,90€ pendant 2 ans qui permet d'avoir 1h30 de forfait avec sms/mms illimités, internet et mail par 3G+ et la TV, et tout ca en illimité (bande passante max : 2GO/mois) ! Sinon, et c'est ce que je vais faire, il existe l'offre IDEO en ce moment de Bouygues Telecom aussi qui permet pour 59€90 d'avoir un forfait non bloqué 2h voix + internet-mail-tv illimités ET un forfait ADSL. Il faut bien faire les calculs pour chaque personnes mais c'est en général moins cher chez Bouygues ou sfr. ORANGE = escrocs. Brefs, vive l'iPhone 3G S, disponible en France le 24 Juin !

Pourquoi créer un blog

2009-06-16T11:56:00.000+02:00

Bonjour à tous et bienvenue sur mon blog,

Tout d'abord, pourquoi un blog ? Je souhaite utiliser cet espace pour y poster certains de mes travaux de programmation. J'y écrirais des petits tuto pour expliqué ce que je fais et pour qu'ainsi il soit facile d'accès pour les lecteurs de mon blog.
Les tutos seront de plusieurs domaines, J2E (Struts, Tiles, connexion base de données, sessions etc), PHP (+ framework turbulences), JQuery, CSS et peut être sur d'autres sujets divers et variés.

De plus, je parlerais ici (avec vous si vous le désirez), d'autres sujets de technologie du moment comme les smartphones.

En attendant, j'y retourne !
à Bientôt,

Leny online

Nouveau blog

Lancement de mon nouveau blog imminent

[COCOA] Tutoriels vidéo pour bien commencer

[SYMFONY] embedforms, embedi18n

Site d'un blog technique intéressant : élao

[SYMFONY] SQLSTATE[42s22] Erreur 1054 = SOLUTION

[COCOA] Un bon petit site de tuto de gestion de database iphone :

[SYMFONY] Envoyer des emails

[SYMFONY][JQuery] Gérer ses formulaires en Ajax, validation soumission, etc !

Le ShowCase de Google

[GWT] Problème de relève d'évenement

[OBJC] Découverte de l'Objective C / 31 jours = 31 applis, on va tenter de garder le rythme !

[GWT][GXT] Les grids

[GWT] Les Layouts

[GWT] Changer les ports des applications 8888 et 9997

[GWT] Découverte de la librairie GXT

[GWT] Tutoriel AJAX

[GWT] Tutoriel de découverte

[SYMFONY] Les formulaires !

Symfony sur mutualisé (OVH, 1&1 etc) = La solution

Les 100 meilleurs scripts JS !

[JQUERY] Drag'n Drop - Plugin de fou !

[SYMFONY][FACEBOOK] Récupérer les informations de profil : FACEBOOK CONNECT

[SYMFONY][FACEBOOK] Proposer aux visiteurs de s'identifier en un simple clic : FACEBOOK CONNECT

[SYMFONY] Insérer le formulaire de login dans le frontend

Formulaire d’authentification pour frontend avec sfGuardPlugin

Création du component

Création du template

Finalisation

Reconnaitre n'importe quelle police

Gérer des utilisateurs avec SYMFONY

Stylez vos champs input type="file"

Action AJAX avec Symfony et JQuery

Un site grace au Framework Symfony très rapidement !

Couleurs Pastels : tableau pour utilisation CSS rapide

Exporter en PDF une page web

INSTALLATION DE WINDOWS SUR UN UBUNTU

Notes : code pour CSS spécifiques pour ie6 et ie7

De supers tutoriels JQuery

Conversion de vidéo sous linux en ligne de commande

JQUERY Un plugin génial de validation de formulaire

Installer ie6 et ie7 sur Ubuntu

Mise en contexte

Présentation d’ ie4linux

Installation d’ ie4linux

Désinstallation

Google Wave - That's now !

Que puis-je faire de plus avec Google Wave ?

Que veut Google avec Wave ?

C'est tout ce que l'on peut faire avec Wave ? Communiquer ? Mais c'est nul ça ne change rien à ce que l'on peut faire avec Gmail par exemple...

Utiliser le debugger en PHP avec Eclipse

Un beau Nuage de compétence !!!

nFriedly

PETITE FICHE PRATIQUE DE TURBULENCES ET DE PHP OBJET

Gérer un projet sous eclipse avec SVN

Framework Turbulences : TUTO 5 - Intégration de script à l'application + Utilisation d'une fonction

Framework Turbulences : TUTO 4 - Validation de formulaire

Framework Turbulences : TUTO 3 - Validation, relations entre modèles et ACL

Les actions basiques : CreateReadUpdateDelete

Controle d'accès : ACL

Framework Turbulences : TUTO 2 - Connection Base de données

Framework Turbulences :Connection Base de données

Schema et données

Les fichiers de base de données

Lister des données

Afficher un objet spécifique

Ajout d'objet

Editer un objet

Framework Turbulences : TUTO 1 - Hello

Framework Turbulences :Premier module = Hello

Les modules

Comment créer un module

Manuellement

Automatiquement

Créer le modèle

Créer le controlleur

Créer la vue

Créer la template

Tester le module Hello

Framework Turbulences :
Connection Base de données

Framework Turbulences :
Premier module = Hello