Relire le premier billet ne serait d’ailleurs pas idiot puisqu’il y a eu quelques ajouts dans le tutoriel précédents (stashs, hooks, alias).

Système de version décentralisé vs centralisé ?

La puissance d’un modèle décentralisé à la git c’est justement qu’il n’est pas figé. En effet il peut aussi bien être utilisé avec un dépôt local unique, avec une multitude de dépôts locaux, ainsi qu’avec un dépôt central… ou la combinaison de tous ces modes, tandis qu’avec un dépôt central unique on ne peut changer de modèle. Si on rajoute la facilité d’utilisation et la rapidité des opérations, il n’y a plus de raisons d’aller voir ailleurs ! Bien sûr on pourra toujours critiquer les aspects de configurations à mettre en place pour un mode centralisé, mais quand on achète une Ferrari il faut aussi apprendre à la conduire.

Commandes de base

L’utilisation en mode centralisé est aussi simple, côté client, que l’utilisation générale de Git. Pour ainsi dire il n’y a que 4 commandes importantes :

• clone
• remote
• pull
• push

clone

git clone dépôt_distant [dossier]

Permet de récupérer un dépôt distant dans dossier. Les protocoles supportés sont : rsync, http, https, git, ssh, file. Les fichiers étant compressés et empaquetés un checkout est donc très rapide comparé à un svn qui va tout télécharger unitairement !
Par défaut la référence au projet distant sera « origin » (voir remote).

Remote

Cette commande permet de gérer les dépôts distants :

Lister les références aux dépôts distants :

git remote [-v]

Ajouter la référence nom à un dépôt distant. Dans le cas de clone, origin référencera le dépôt distant :

git remote add nom dépôt_distant

Supprimer une référence

git remote rm reference

Renommer une référence :

git remote rename ancienne_ref nouvelle_ref

Modifier une référence

git remote set-url reference nouvelle_adresse

Afficher les informations d’une référence

git show reference

pull

git pull [--rebase] reference branche

Cette commande est équivalent à un checkout de svn. On va récupérer l’état actuel de la branche distante. Le paramètre ‘reference’ est la référence que nous avons manipulé avec la commande remote. Par défaut on utilise origin. Après le pull il y a un merge automatique, sauf avec l’option –rebase qui permet de revenir à la version exacte du serveur (équivalent à un reset –hard de la version sur le serveur).

push

git push reference branch

git push –tags dépôt

Cette Commande est l’inverse de pull, elle permet d’envoyer ses modifications sur le serveur. C’est l’équivalent d’un checkin de svn.
L’option –tags permet d’envoyer la liste de tous tags locaux. Pour n’envoyer qu’un seul tag on procède comme suit :

git push reference tag NomDuTag

Cycle de vie des commandes

Un petit exemple vaut mieux qu’un long discours :

Initialisation

git clone git://git.kernel.org/pub/scm/linux/kernel/git/torvalds/linux-2.6.git linux

ou

git init linux
cd linux
git remote add origin git://git.kernel.org/pub/scm/linux/kernel/git/torvalds/linux-2.6.git
git pull origin master

Ensuite on fait des modifications comme vu dans le tutoriel précédent avec la puissance d’un gestionnaire de version décentralisé.

Pour se resynchroniser avec le serveur :

git commit -a
git pull origin master

Puis on pousse nos modifications sur le serveur :

git push origin master

Simple non ?

On est mal barrés !

Les dépôts distants sont généralement crées avec l’option –bare et se terminent par .git

git init –bare dossier.git

Un dépôt de type « bare » est en fait un dépôt sans espace de travail (working directory), ainsi il n’y a pas directement les fichiers sources mais uniquement le contenu du dossier .git. Cela empêche l’utilisation de certaines commandes (git add, git rm, git commit …).

Supprimer une référence distante

Il peut être utile de supprimer à distance une branche ou un tag. Pour se faire il suffit d’ajouter « : » avant la référence à supprimer. En théorie lors de la spécification d’une référence on devrait la noter +ref_locale:ref_distante, donc si on omet la référence locale il y aura suppression. La syntaxe de git permet de se passer du « + » et du « : » comme dans l’exemple.

Supprimer un tag distant :

git push –tags origin :TagASupprimer

Supprimer une branche distante :

git push origin :MaBranche

Pour lister les références distantes, on utilise la commande :

git ls-remote [--heads] [--tags] reference

Exporter un dépôt sur le réseau

Le site http://www.jedi.be/blog/2009/05/06/8-ways-to-share-your-git-repository (in English, sorry) liste les différentes façons d’exporter les dépôts git.
La version maison est un démon intégré à git qui écoute sur le port 9418 par défaut, il va scanner les dossiers de sa liste blanche et s’il détecte le fichier « git-daemon-export-ok » dans le .git du dépôt, alors celui-ci sera exporté.

git daemon [--export-all] [--base-path=path][--user-path] [--reuseaddr] [directory…]

–export-all exporte tous les dépôts que le fichier « git-daemon-export-ok » soit présent ou non

–base-path permet d’indiquer le répertoire de base des dépôts

–user_path permet d’utiliser la notation ~user dans l’adresse de git clone

–reuseaddr permet de pouvoir se lier au port même s’il est déjà utilisé (après un crash en général)

On peut spécifier ensuite les répertoires de la liste blanche (en plus de –base-path). On peut utiliser un démarrage manuel ou un service comme inetd.

Contrôle d’accès au dépôt

Et bien c’est simple, git n’intègre pas de mécanisme de contrôle d’accès aux dépôts ! C’est un gestionnaire de version, il laisse donc ce travail à d’autres couches systèmes spécialisées. Mais ceci vient aussi du fait que le mode décentralisé est celui par défaut, donc si quelqu’un a fait une modification dans le code de Linux, il va demander à Linus de faire un pull de ses modifications. Dans ce schéma il n’y a pas besoin d’intégrer des mécanismes de sécurité divers et variés.
Néanmoins il existe des solutions.

• Pour http(s), on peut utiliser l’authentification intégrée (voir liée à un LDAP)
• Pour un système de fichier on a toute la gestion des droits intégrée au système (un peu lourd à mettre en place)
• Idem pour ssh, mais cela nécessite en plus de créer des comptes ssh sur le serveur

Néanmoins la solution la plus pratique est Gitosis. Avec Gitosis il n’est nécessaire de créer qu’un seul compte sur la machine « git », chaque utilisateur est authentifié par sa clé ssh (clé unique, authentification forte) et les dépôts peuvent avoir un accès lecture seule ou lecture/écriture.
Pour modifier la configuration de Gitosis, on fait un pull du projet gitosis-admin, on obtient l’arborescence suivante :

• keydir dossier qui contient les fichiers de clés ssh publiques (.pub) de tous les utilisateurs
• gitosis.conf fichier qui contient la configuration des dépôts

Ensuite modifications, commit, push comme vu plus haut.
Les dépôts contrôlés par Gitosis sont situés dans /home/git/repositories, mais rien n’empêche de faire des liens symbolique pour les stocker ailleurs.
Exemple de fichier de configuration :

[gitosis]
## Autoriser gitweb à montrer tous les dépôts
gitweb = no

## Autoriser git-daemon à publier tous les dépôts
daemon = no

[group quux]
members = jdoe wsmith @anothergroup
writable = repo1 repo2
readonly = repo3

[group anothergroup]
members = alice bill

[repo foo]
## Configuration par dépôt au lieu de la configuration globale pour gitweb (idem pour git daemon)
gitweb = yes

On définit des groupes avec des membres et les dépôts auxquels ils peuvent accéder en lecture seule ou lecture/écriture. La syntaxe de contrôle est inversée par rapport à ce qu’on a l’habitude de voir : un dépôt ne définit pas ses permissions, c’est un groupe qui définit ses accès.
Le seul défaut de Gitosis est que la granularité des accès se font au niveau du dépôt complet (y compris pour les tags). Pour avoir un contrôle plus fin on sera obligé de passer par des hooks (le hook update en l’occurrence) ou de se tourner vers Gitolite qui a un comportement identique avec la possibilité de définir précisément les droits d’accès.

Pour accéder à un dépôt on procède de la manière suivante :

git clone git@serveur:repo1

Tutoriel GIT by Grégory Soutadé est mis à disposition selon les termes de la licence Creative Commons Paternité-Partage des Conditions Initiales à l’Identique 2.0 France.

Voici une liste de ces composants avec leur syntaxe à l’ancienne, la nouvelle syntaxe et quelques exemples d’utilisation.

Comme d’habitude vous pouvez opter pour la version PDF du tutoriel.

WOString

Rôle

C’est probablement le composant le plus utilisé du framework. Son but est simple, afficher une chaîne de caractère. Vous pouvez l’inclure un peu où vous voulez pour y insérer une chaîne de caractère.

Bindings importants

value: chaîne de caractère que vous souhaitez afficher, tout simplement.
numberFormatter: instance de NSNumberFormatter à utiliser s’il s’agit d’une valeur numérique qu’il faudra parser et/ou formatter.
dateFormatter: chaîne de caractère pour indiquer les informations l’affichage d’une valeur de type date.

Inline tags

<wo:str />
<wo:string>

WOConditionnal

Rôle

Permet d’afficher un bloc selon une condition, par exemple « Afficher ce bloc si l’utilisateur connecté est administrateur ».

Bindings importants

condition: condition à laquelle le code contenu sera affiché. Quelque soit le type de paramètre passé, un cast vers boolean est effectué. Comprenez que false, null, chaîne vide et 0 (zéro) valent FAUX. N’importe quoi d’autre est vrai.
negate: si ce binding est mis à vrai, c’est la négation de la condition qui déclanchera l’affichage du code. Par défaut ce binding est à faux.

Inline tags

<wo:if> … </wo:if>
<wo:conditionnal> … </wo:conditionnal>
<wo:condition> … </wo:condition>

Notez qu’en utilisant ces tags inline vous disposez d’un petit raccourci avec un tag ayant pour sa part negate par défaut à vrai comme son nom l’indique.

<wo:not> … </wo:not>

WORepetition

Rôle

En complément des trois éléments précédents, vous avez avec celui-ci de quoi faire les trois quarts de vos applications. L’élément WORepetition permet de parcourir une liste ou de faire un certain nombre d’itérations. C’est le composant dont le fonctionnement demande le plus d’explication sur son fonctionnement.

Admettons que vous utilisiez le WORepetition avec une liste d’éléments de type User. Vous allez alors mettre en place un binding sur item de type User appelé « currentUser », accessible en lecture et en écriture. À chaque tour de boucle, le setter de ce binding sera appelé afin d’y placer la valeur courante. Ainsi lorsque vous allez vouloir afficher par exemple le nom de votre utilisateur courant, vous utiliserez simplement un binding currentUser.name, donc inutile de vous prendre la tête avec des indices de liste quand vous codez le contenu du composant.

Bindings importants

list: si vous souhaitez itérer sur les composants d’une liste, c’est ici que vous devrez fournir la liste.
item: élément courant pendant l’execution de la boucle.
count: il s’agit d’une alternative à list, permettant d’itérer un nombre de fois précis sans se référer au parcours d’une liste.
index: binding lecture/écriture qui contiendra la valeur i pour la ième itération.

Inline tags

<wo:foreach> … </wo:foreach>
<wo:repeat> … </wo:repeat>
<wo:repetition> … </wo:repetition>
<wo:loop> … </wo:loop>

AjaxUpdateContainer

Rôle

Par la suite, je vais parler de composants Ajax, il m’est donc obligatoire de parler de l’AjaxUpdateContainer. Son principe est très simple, le composant sera par la suite transformé en une zone <div> munie d’un id que vous lui aurez fourni. Vous pouvez alors ajouter à votre page des composants Ajax qui vont déclencher une action sur le serveur, et indiquer l’id de votre AjaxUpdateContainer de façon à ce que le résultat de votre action vienne remplacer son contenu actuel.

Si vous aviez besoin de mettre à jour plusieurs panneaux de votre écran sur une seule action du serveur, regardez AjaxUpdateTrigger

Bindings importants

id: chaîne de caractère qui permet d’identifier votre élément de manière unique dans une page.

Inline tags

<wo:AjaxUpdateContainer> … </wo:AjaxUpdateContainer>

WOHyperlink / AjaxHyperlink

Rôle

Inutile de vous faire un dessin. Il s’agit de liens classiques et ajax.

Bindings importants

action: il est vivement recommandé d’utiliser ce bindings plutôt que href ou pageName car il est plus facile de détecter une erreur dans un fichier Java que dans un fichier HTML.
directActionName: pour appeler une directAction plutôt qu’une action du composant sous-jacent.
string: chaîne de caractère à afficher pour représenter le lien (vous pouvez aussi l’insérer dans les balises)
updateContainerID: pour AjaxHyperlink, partie de la page à rafraichir avec le composant renvoyé par l’action appelée.

Inline tags

Pour le WOHyperlink

<wo:link> … </wo:link>
<wo:hyperlink> … </wo:hyperlink>

Le AjaxHyperlink n’a par défaut pas de raccourci.

<wo:AjaxHyperlink> … </AjaxHyperlink>

WOSubmitButton / AjaxSubmitButton

Rôle

Vous aurez compris que vous avec affaire aux éléments qui vont générer un input de type submit. Ces deux composants doivent se trouver dans un formulaire (créé de préférence à l’aide d’un WOForm, aucun binding important).

Bindings importants

action: le fonctionnement est le même que pour le WOHyperlink à ceci près que les données contenues dans le formulaire contenant le bouton vont être envoyées au serveur, ce qui n’est pas le cas avec le WOHyperlink (ni avec le AjaxUpdateLink).
value: chaîne de caractère à afficher sur le bouton.
updateContainerID: pour AjaxSubmitButton, partie de la page à rafraichir avec le composant renvoyé par l’action appelée.

Inline tags

Pour le WOSubmitButton

<wo:submit> … </wo:submit>
<wo:submitButton> … </wo:submitButton>

Pour le AjaxSubmitButton

<wo:AjaxSubmitButton> … </wo:AjaxSubmitButton>

ERXElse

Rôle

Pas un essentiel du tout mais un apport particulièrement appréciable de Wonder. Souvent lors de l’usage d’un WOConditionnal, on a également un comportement à définir pour le cas où la condition n’est pas satisfaite. C’est une partie de l’origine du binding negate, puisqu’au lieu d’écrire deux conditions, il suffisait d’utiliser deux fois la même et d’utiliser ce binding. Wonder offre une possibilité entre plus simple, le else ! Situé après un WOConditionnal, son contenu ne sera affiché qu’à condition que celle du WOConditionnal ne le soit pas. Ce composant n’a aucun binding.

Inline tags

<wo:else> … </wo:else>

Aller plus loin

Ce tutoriel s’arrête ici. Le but n’est pas de faire toute la chevauchée avec vous mais simplement de vous mettre le pied à l’étrier. J’espère que vous suivez ces tutoriaux en faisant vos propres tentatives à côté et non pas simplement en lisant ces pages l’une après l’autre. La mise en application est très importante pour vérifier que vous avez mémorisé ce qui a été abordé et compris les principes.

Pour aller plus loin dans la création de votre propre application, voici une liste de noms de composants qui vous seront utiles. Vous avez un nom, cherchez simplement comment l’utiliser sur internet et dans le pire des cas, servez vous de la fonction d’auto-complétion d’eclipse pour comprendre le fonctionnement du composant. eclipse est un excellent outil pour apprendre notamment les bindings obligatoires.

Faites attention aux bindings GET et aux bindings GET/SET. Attention également aux chaînes de caractères, qui sont à mettre des fois sur le binding string et des fois sur value. Vous aurez remarqué d’ailleurs qu’il ne faut pas utiliser le même pour le WOHyperlink et le WOSubmitButton. Il n’y a pas vraiment de règle pour savoir lequel des deux il faudra utiliser, la seule chose certaine est que si le binding string existe, c’est celui à utiliser.

WOBody, WOForm, WORadioButton, WORadioButtonList, WOCheckBox, WOCheckBoxList, WOTextField, WOPasswordField, WOText, WOPopUpButton, WOResetButton, WOImage, AjaxModalDialog, …

Tout au long de ce tutoriel je vais considérer que vous avez déjà une connaissance normale du langage Java et d’eclipse. Si tel n’est pas le cas je vous conseille de vous former dans un premier temps sur ces outils car sinon vous risquez d’éprouver quelques difficultés à suivre ce qu’il se passe.

Pour ce tutoriel et les suivants, je m’inspire fortement des screencasts de David LeBer WebObjects, WOLips and Wonder tutorial part 1 et part 2 qui sont disponible sur le site de WOCommunity avec tous les autres screencasts que je vous recommande vraiment.

Vous pouvez aussi utiliser la version PDF de ce tutoriel et si vous souhaitez le traduire je me ferais un plaisir de le publier ici même.

Créer un projet Wonder

Première étape, nous allons créer dans notre joli eclipse disposant du plug-in WOLips un projet Wonder.
Vous êtes habitué à eclipse donc aucune difficulté jusqu’ici: File > New > Wonder Application.

Première étape, le nom du projet. Pour illustrer notre tutoriel, nous allons créer une petite application permettant à un utilisateur de créer sa collection de séries et de se souvenir du dernier épisode regardé. Notre projet s’appellera donc « Series ». Vous pouvez également choisir votre workspace eclipse pour ce projet.

Deuxième étape vous pouvez choisir le package de base de vos classes et de vos composants. Le standart pour le package des composants est d’utiliser le package de base auquel est ajouté .components, c’est à dire que pour un package de base xxx.yyy vous utiliserez le package xxx.yyy.components. Dans notre exemple je vais utiliser comme racine com.pierreschambacher.series.

Etape intermédiaire, si vous avez d’autres projets vous pourrez indiquer que vous les utilisez dans votre nouvelle application. Si vous n’avez pas d’autre projet eclipse cet écran n’apparait normalement pas, s’il apparait choisissez next.

Dernière étape, l’import d’EOModels existants. Nous n’avons pas non plus d’EOModel existant, cliquez donc sur Finish. Pour information cette étape vous permettra d’utiliser un modèle déjà existant.

Vous pouvez voir qu’eclipse vient de créer votre projet avec tout un tas de dossiers, packages et fichiers déjà écrits.

Classes, packages, ressources, …

Faisons un tour des dossiers et fichiers générés pour maîtriser la structure de notre projet.

Sources

Tout d’abord vous remarquez trois classes dans le package de base que vous avez fourni au wizard: Application, DirectAction et Session.

Application

Il s’agit de votre classe main. Peu de choses sont à faire avec ce fichier si ce n’est de la configuration au démarrage comme l’indique le commentaire inséré par le template.

DirectAction

Les direct actions sont des méthodes dites « stateless ». Elles n’ont pas besoin d’une session, bien qu’il soit possible de la transmettre par cookie par exemple, et sont accessible directement par leur URL à tout moment et par n’importe qui. La méthode la plus classique que l’on trouvera dans un fichier de direct action est la méthode d’authentification sur un site web, car on ne souhaite par forcement qu’elle soit couplée à une page en particulier et n’est associée à aucune session.

Session

Comme son nom l’indique il s’agit de la classe qui sera instanciée pour créer des sessions pour les utilisateurs. Les attributs d’instance que vous y ajouté dureront aussi longtemps que la session de l’utilisateur durera. C’est ici généralement que l’on retrouve stocké l’utilisateur connecté et quelques autres informations. Lorsque vous vous trouvez dans un composant WebObjects, la session est simplement accessible à l’aide de la méthode session() qui par défaut demandera un cast vers le type Session de votre projet, le type renvoyé étant une classe de plus haut niveau.

Dans le package components se trouve un unique fichier.

Main

Ce fichier au nom un peu trompeur ne contient pas le main de votre application (il est dans la classe Application, regardez juste au dessus :-p). Il s’agit de la page principale de votre application qui a été gentiment déjà créée pour vous. Ou plutôt une partie du composant Main, voir juste ci-dessous.

Components

À côté du dossier Sources, vous remarquez un autre dossier appelé Components qui contient un élément Main WO, et conjointement dans le package com.pierreschambacher.series.components vous remarquez un Main.java. Sachez donc qu’un composant graphique WebObjects est constitué de plusieurs éléments portant tous le même nom mais des extentions différentes:

• Composant.html: fichier de template contenant du texte, des balises html et des balises WebObjects. C’est le principal fichier sur lequel vous allez travailler.
• Composant.java: fichier de code qui permet de définir le comportement de votre page. N’oubliez pas que vous êtes cependant dans une vue et le code contenu ici devrait être minimaliste.
• Composant.wod: vous allez définir ici la nature des webobjects défini dans votre fichier HTML et mettre en place le binding des variables à l’aide du fichier java, mais j’y reviendrais plus tard.
• Composant.api: définition des bindings visibles depuis l’extérieur de votre composant. Vous pouvez définir qu’un binding est requis pour obliger le programmeur à vous le fournir par la suite.
• Composant.woo: contient des informations comme la version de WebObjects, l’encodage des caractères et la configuration des DisplayGroups. Nous n’aborderons pas ce fichier, inutile d’y toucher.

Libraries

Rien de particulier ici, il s’agit du dossier où déposer les fichiers jar nécéssaires à votre projet avant de les ajouter dans votre Build Path.

Resources

C’est dans ce dossier que se trouve le fichier de configuration Properties. C’est également ici que plus tard nous ajouterons notre modèle mais il est encore trop tôt pour cela.

WebServerRessources

Images, vidéos, fichiers de style CSS … les ressources statiques de votre site vont ici. Vous êtes libre de les organiser dans une hiérarchie de dossier.

woproject

NE TOUCHEZ PAS !! :-p

Run as …

Rien de compliqué pour cette opération. Faites un clic droit sur votre projet, choisissez « Run as… » ou plutôt « Debug as… », puis WOApplication.
eclipse recherche le main et vous demande de lui indiquer lequel choisir, prenez bien évidemment celui qui se trouve dans votre classe Application (dans mon cas dans le package com.pierreschambacher.series).

À cette étape, votre navigateur préféré se lance et affiche le message « Hello World ». Bravo vous venez de lancer votre première application WebObjects.

Modifier un composant

Maintenant que vous avez pris connaissance de l’arborescence de votre nouveau projet, nous allons essayer de le modifier un petit peu !

REMARQUE IMPORTANTE: dans la mesure du possible lorsque vous avez une instance de l’application en train de fonctionner et que vous modifiez du code, WOLips va essayer de modifier votre instance « à chaud ». Des fois votre modification permettra un tel remplacement mais des fois le changement sera trop important pour le permettre et vous aurez une fenêtre d’alerte « Hot Code Replace Failed » vous demandant quoi faire. Ne vous inquietez pas, contentez vous de cliquer sur « Terminate » afin de tuer l’instance courante. Vous aurez simplement à relancer l’application une fois vos modifications terminées.

Ouvrez le dossier Components et double-cliquez sur Main et sa petite icône de pièce de puzzle. Eclipse ouvre une fenêtre partagée horizontalement en deux. La partie haute contient du HTML tout ce qu’il y a de plus classique et la partie basse est vide complètement.

Mon premier WebObject

Vous remarquez dans le code HTML une message « Hello World ». Supprimez ce texte et rentrez à la place la balise suivante:

<webobject name = « helloString » />

Si vous sauvegardez maintenant, vous remarquez d’eclipse n’est pas très heureux parce que vous utilisé un WebObject helloString qu’il ne connait pas. Ajoutez donc les lignes suivantes dans la partie basse de la fenêtre jusqu’à présent encore vite:

helloString: WOString {

}

Sauvegardez et vous remarquez qu’eclipse n’est toujours pas heureux parce que vous utilisez un WOString sans définir le binding « value » qui est requit ! Insérez donc entre les accolades:

value = « Hello World ! »;

Et cette fois si après sauvegarde, eclipse est heureux. Relancez l’application et vous devriez avoir votre Hello World ! affiché dans votre navigateur préféré. Vous pouvez changer la chaîne de caractère pour ce que vous voulez, sauvegarder et actualiser la page, vous remarquez que le message affiché dans le navigateur change !
Cependant sachez qu’il existe deux façon d’écrire les templates WebObjects. Vous venez d’utilisé l’ancienne façon, voyons à présent la nouvelle écrire apportée par le projet Wonder et que personnellement je préfère.

Supprimez complètement le contenu de la fenêtre du bas, le fichier WOD. Dans le fichier HTML, supprimez votre balise <webobject> et remplacez la par celle-ci:

<wo:str value = « Hello World ! » />

Vous remarquez que l’on a plus besoin de nommer notre variable ce qui je vous l’assure est un gros point positif. De plus à l’usage cette notation est plus pratique pour relire un fichier et savoir rapidement ce qu’il fait car on sait immédiatement ce que fait une balise sans avoir à consulter le WOD. Relancez l’application pour vérifier que tout va bien.

Un peu de dynamisme

Afficher une chaîne de caractère, c’est bien mais on voudrait pouvoir afficher quelqu’un d’un peu plus dynamique. Nous sommes au XXIème siècle quand même !

Chaîne de caractère

Dirigez vous vers votre fichier Main.java. Ajoutez une méthode currentTime renvoyant un objet String comme suit:

public String currentTime() {
return new java.util.Date().toString();
}

À présent dans votre fichier Main.html, remplacez dans la balise wo:str le value= »Hello World ! » par value= »$currentTime ». La présente du caractère $ indique qu’il s’agit d’un binding. WebObjects va alors rechercher dans le fichier Java:

1. une méthode getCurrentTime renvoyant un objet et ne prenant aucun paramètre
2. une méthode publique nommée currentTime, renvoyant un objet et ne prenant aucun paramètre
3. un attribut public nommé currentTime

Vous aurez compris dans notre cas que WebObjects sera satisfait de trouver notre méthode fraichement créée. Dans le cas où plusieurs de ces éléments existent, ils sont choisis dans l’ordre indiqué, c’est donc une méthode get qui sera choisie en premier.

Relancez l’application, vous voyez l’heure actuelle affichée dans votre navigateur. Si vous actualisez la page, l’heure est mise à jour.

Une date

Nous avons renvoyé une chaîne de caractère afin d’afficher la date dans notre fenêtre. Cependant il existe une façon un peu plus propre de faire la même chose.

Changez la signature de la méthode currentTime, qui ne renvoie plus un objet String mais un objet NSTimestamp. Il suffit de créer une nouvelle instance de cet objet:

public NSTimestamp currentTime() {
return new NSTimestamp();
}

Vous constatez alors que votre page affiche l’heure actuelle, mais il faut bien le dire, dans un format absolument dégueulasse ! Il faut à tout prix remédier à cela.
Non non, modifier la méthode dans le fichier java n’est pas une bonne idée, ajoutez plutôt l’attribut dateFormat à votre balise wo:str comme suit:

<wo:str value = « $currentTime » dateformat = « HH:mm:ss dd/MM/yyyy » />

Actualisez la page … c’est mieux non ?

Un peu d’Histoire

WebObjects a été développé par la société NeXT en Objective C. Les classes utilisées en Objective C sont précédées par NS (NeXT Step). La société est rachetée plus tard par Apple mais les classes garderont historiquement ce préfixe. À partir de la version 4 de WebObjects, Java remplace petit à petit l’Objective C jusqu’à l’avoir complètement remplacé aujourd’hui mais afin de ne pas perdre les personnes ayant développé pendant longtemps en Objective C, les méthodes du framework ont été porté vers Java avec leur nom et leurs méthodes. Ce choix est fait au détriment en revanche des programmeurs Java qui devront apprendre à remplacer leurs classes habituelles par celles de WebObjects.

Comme vous l’avez vu dans l’exemple précédent, il faudra utiliser NSTimestamp en lui et place d’une Date.
Pour les tableaux, oubliez l’ArrayList, vous allez utiliser les classes NSArray et NSMutableArray. Pourquoi deux classes me direz vous ? Comme leur nom l’indique, l’un est un tableau, l’autre un tableau modifiable. Si vous avez besoin en paramètre d’un tableau que vous n’allez pas modifier, indiquez qu’il s’agit d’un NSArray, mais si vous avez l’intention de changer son contenu utilisez NSMutableArray. Si vous avez un NSArray et que vous tenez absolument à pouvoir effectuer des modifications sur ses éléments vous disposez de la méthode mutableClone qui créera un clone de votre NSArray en version Mutable.
Pour les dictionnaires, oubliez la HashMap et dites bonjour à NSDictionary et NSMutableDictionary . Je vous renvoie au paragraphe précédent pour le Mutable/non Mutable.
Si vous aimez utiliser les Sets, utilisez NSSet et NSMutableSet.

Interaction avec l’utilisateur

Suffit d’afficher la date dans son navigateur sauf si vous êtes en train de créer horloge-parlante.com ! Nous allons inviter l’utilisateur à rentrer son nom et le saluer pour le remercier.

Mise en place

Modifiez votre fichier HTML pour obtenir le résultat suivant dans la partie body:

<wo:form>
Enter your name: <wo:textfield value = « $username » />
<wo:submit value = « Say hi » action = « $sayHi » />
</wo:form>
<br />
<h1>Hello <wo:str value = « $username » /> !</h1>

Si vous sauvez, vous constaterez d’eclipse n’est pas vraiment heureux parce qu’il ne trouve pas username et sayHi dans votre fichier Java. Nous allons résoudre le problème. Ne quittez pas le fichier HTML, maintenez le bouton Command enfoncé et placez votre souris sur $username, vous remarquez que le nom se transforme en lien. Si vous cliquez, eclipse vous indique qu’il ne trouve pas username dans votre fichier Java et se propose de le créer pour vous. Voyons les différents éléments de cette boîte de dialogue

• les boutons radio vous permettent de choisir si votre binding est un objet, un NSArray d’objets ou un NSMutableArray d’objet.
• le champ texte permet de choisir le type de notre objet, ici java.lang.String nous convient parfaitement.
• les checkbox suivantes permettent de demander la génération d’un attribut, d’un get et d’un set, ce qui est coché par défaut. Vous pouvez choisir de mettre « get » ou non sur le getter avec la dernière checkbox.

Dans notre cas tout est configuré comme il faut, faite simplement OK et vous vous retrouvez dans le fichier Java où vous constatez qu’eclipse s’est chargé de générer un attribut privé username, une méthode publique username qui renvoie cet attribut et une méthode setUsername qui s’occupe de peupler l’attribut. Concernant username eclipse est heureux.

Retournez dans le fichier HTML, command-clic sur $sayHi qui est une action et remarquez que cette fois ci eclipse propose de créer une méthode renvoyant un objet de type WOActionResult. Cliquez sur OK la configuration par défaut nous convient. Voici la méthode générée:

public WOActionResults sayHi() {
return null;
}

Petite explication. Les actions sont des méthodes qui permettent de définir un comportement sur une action de l’utilisateur, par exemple ici le clic sur le bouton submit.
L’objet retourné par une action est très important car il définit la prochaine page à afficher. Si la méthode retourne null, alors c’est la même page qui est regardée, sinon c’est la page retournée qui sera envoyée au client. Pour créer une page différente, utilisez la méthode pageWithName qui possède deux signatures. Nous y reviendrons un peu plus tard dans ce tutoriel dans la section « Deuxième composant ».

Dans le cas présent, il suffit de recharger la page courante, donc laissez la méthode générée telle quelle. Sauvegardez tout et lancez l’application, ça fonctionne, magique non ?

Explications

Vous n’avez pas l’impression d’avoir fait grand chose et pourtant ça marche. Faisons un petit retour sur le fonctionnement de cette page.

Concernant le wo:str, vous voyez qu’il y a un binding de value sur username, donc de façon très simple au moment du chargement de la page la méthode username est appelée et insérée dans la page. Rien n’a changé par rapport à tout à l’heure.

Pour le wo:textfield et le wo:submit, vous avez mis en place un binding à l’aide de l’élément value du textfield sur username. Donc au chargement de la page la valeur de username est utilisée pour remplir le textfield, mais dans le cas d’un retour d’informations, comme c’est le cas avec le clic sur le bouton submit, c’est la méthode SET qui est appelée pour modifier la valeur dans le fichier Java avec la valeur que l’utilisateur a mis dans son navigateur. Comme l’action du bouton submit renvoie null, la même page est rechargée avec cette fois ci username différent de null.

Vous l’aurez compris, certains bindings fonctionnent uniquement en GET, comme le value du wo:str, et d’autres fonctionnent en GET et SET comme le value du textfield. Consultez la documentation pour savoir à quel type de binding vous avez affaire, de toute façon c’est généralement assez explicite. Dernier type de binding, les actions pour réagir aux actions utilisateurs. Quelque chose que vous remarquez rapidement, votre fichier HTML a connaissance des éléments publiques de votre fichier Java, mais ce dernier ignore totalement l’existence de la page HTML. Tout fonctionne par bindings, il faudra vous habituer.

Améliorations

Première chose, vous avez remarqué qu’au premier chargement il est simplement affiché « Hello  ! » ce qui est un peu bête. Ajoutez sur votre wo:str le binding suivant:

valueWhenEmpty = « World »

Rafraichissez la page. Mieux non ?
Deuxième petite amélioration-démonstration, sur le binding value du wo:str, changez le pour mettre ceci:

value = « $username.toUpperCase »

Rafraichissez de nouveau. Vous aurez compris, rien n’empêche dans un binding d’utiliser un chaînage de méthodes.

Deuxième Composant

Dernier point que nous aborderons sur ce tutoriel, nous allons créer un deuxième composant et créer un lien entre les deux.

Sur le dossier Components, faite un clic droit New > WOComponent. Entrez comme nom « About » et assurez vous que la superclass est er.extensions.components.ERXComponent et que la case « Create HTML contents » soit cochée. Vous avez votre deuxième composant WebObjects. Mettez ce que vous souhaitez dans le HTML pour reconnaitre votre page About puis retournez dans votre page Main. Ajoutez un nouveau composant dans le HTML comme ceci:

<wo:link string = « About » action = « $openAbout » />

Comme tout à l’heure, command-clic sur openAbout et laissez eclipse créer le squelette de la méthode pour vous. Dans le code remplacez le return null par ceci:

return pageWithName(About.class);

Vous disposez également de la signature suivante:

return pageWithName(About.class.getName());

Lorsque vous utilisez la méthode pageWithName, utilisez toujours le style MonComposant.class et jamais « MonComposant ». Cela au cas où vous souhaiteriez renommer votre composant un jour. La méthode pageWithName va instancier votre composant et l’initialiser, et en étant retourné par l’action vous indiquez à WebObjects qu’il s’agit de la prochaine page à afficher. Compilez et lancez l’application et observez le résultat.

Conclusion

Suite à ce tutoriel vous devriez avoir compris comment créer une page, y insérer du HTML et des composants mélangés. Vous savez mettre en place des bindings avec le code Java, changer la page courante, créer des données dynamiques. Vous êtes cependant un peu léger concernant les composants que vous connaissez, le prochain tutoriel sera consacré à la liste des principaux composants que l’on utilise 80% du temps.

Présentation rapide

Développer en WebObjects se fait sous Mac OS X avec eclipse équipé du plug-in WoLips.
À l’origine WebObjects est développé et maintenu par Apple. Toutefois ils sont assez lents à apporter des mises à jours notamment pour correspondre aux besoins du web moderne comme par exemple des composants Ajax. Pour combler ces manques, le projet Wonder a été créé. Celui-ci est OpenSource et propose non pas d’être une surcouche à WebObjects (dans le sens couche logicielle par dessus une autre) mais remplace la plupart des classes du framework par un équivalent qui dans la plupart des cas hérite du composant d’origine. En clair, vous n’allez plus utiliser un WOTextField mais un ERXTextField, qui hérite de WOTextfield et lui ajoute quelques nouveautés.

De ce que j’en sais, il est possible de développer en WebObjects sous Windows mais Apple ne le supporte pas … Je n’aborderais pas ce point mais si quelqu’un a l’expérience de développement WO sous Windows, libre à lui de laisser un commentaire.

Une version imprimable de ce tutoriel est disponible au format PDF.

Base de données

Le développement en WebObjects se fait généralement au dessus d’une base de données. Assurez vous donc d’en avoir une d’installée sur votre machine.
J’ai personnellement fait le choix d’utiliser MySQL 5.1 avec le MySQL GUI Tools pour l’administrer. Certains puristes vous orienteraient plutôt vers Frontbase, je n’entrerais pas dans le débat.

Pour cette partie je vous laisse faire, vous disposez qui plus est peut-être déjà d’une base de donnée sur votre machine donc autant l’utiliser. Il suffira de s’adapter dans les prochains tutoriels lors de la configuration de la base de données, ce qui n’est vraiment pas difficile.

Eclipse

Comme vous pourrez le voir sur le site de la WO Community la version 3.5 d’eclipse n’est pas vraiment recommandée pour faire du développement WebObjects. Orientez vous donc vers la version 3.4 et de préférence en version développement J2EE notamment pour la gestion de ant et d’autres parties bien pratiques. Vous trouverez l’archive d’eclipse sur cette page: eclipse ganymede.

Quelques conseils à propos de eclipse. Dès que vous l’avez installé, rendez vous dans le menu des Préférences afin d’y effectuer quelques changements:

• dans General > Workspace mettez l’encodage du texte par défaut sur UTF-8
• dans General > Workspace toujours mettez la fin de ligne sur Unix, c’est à dire ‘\n’
• dans General > Keys assignez un raccourci qui vous convient pour « Content Assist » (qui affiche l’aide pour auto-complétion)
• dans General > Keys assignez un raccourci qui vous convient pour la génération de Getter et Setter, c’est plus pratique pour travailler vite

Pour le reste, je vous renvoie à mon billet sur les raccourcis claviers, sections General et Eclipse.

WebObjects

Sauf indication contraire, je vous oriente vers la version 5.4.3 qui est disponible à cette adresse. Si vous utilisez Mac OS 10.5 il est possible que vous ayez une version récente d’installée. Pour les utilisateur de la 10.6 dite Snow Leopard, WebObjects n’est plus installée par défaut. Utilisez donc le lien que je viens de fournir.

Wonder

Vous trouverez les fichiers nécessaires au bon fonctionnement de Wonder sur leur site officiel. Prenez le fichier Wonder-latest-Frameworks suivi de la version de WebObjects que vous avez choisi (5.3 ou 5.4).
Une fois l’archive récupérée et décompressez, déplacez tous les dossiers .framework vers /Library/Frameworks. Félicitation, vous avez installé Wonder.

WOLips

Maintenant qu’eclipse est correctement installé, il est temps d’ajouter le plug-in WOLips.
Celui ci est très simple à installer. Direction le menu « Help » puis « Software Updates… » tout en bas du menu. Ouvrez le panneau « Available Software » et repérez à droite le bouton « Add Site… ».

L’adresse du dépot est la suivante: http://webobjects.mdimension.com/hudson/job/WOLipsStable/lastSuccessfulBuild/artifact/site/
Une fois  le nouveau dépot disponible, déroulez le et choisissez dans Standart Install les paquets WOLips, WOLips Base, WOLips Goodies Mac et WOLips Third Party Feature. Cliquez sur Install, acceptez le contrat de licence et à la fin de la barre de progression, eclipse vous indiquera qu’il souhaite redémarrer. Une fois cela fait vous disposez à présent de la Perspective « WOLips », et vous pouvez créer un projet de type « WebObjects Application » ou « Wonder Application ».

Félicitations

Vous venez de terminer l’installation de votre environnement de travail pour attaquer le développement sur WebObjects.
Le prochain tutoriel abordera la création de mon premier projet, son premier model et la mise en place d’une première page.

Expert bien avant l’heure

Flex est une technologie jeune qui a le vent en poupe depuis peu. Combien de personnes en France peuvent justifier une expérience professionnelle d’un an de développement sur ce framework ? Peu.
Aussi malgré le fait que je sorte à peine d’école, je suis considéré comme « Expert Flex ». Les propositions qui m’ont été faites sur Flex était simples: vous savez des choses, utilisez les ! Mais ça ne colle pas vraiment avec ma vision du premier emploi. Je n’ai pas l’âge d’être un expert, j’ai envie d’apprendre des choses, découvrir de nouvelles possibilités. J’ai envie que mon entreprise m’apporte quelque chose en retour du travail que je fournis, et non pas livrer mes connaissances sans en avoir en retour, ou trop peu.

Outil principalement graphique

Lorsque l’on fait une application il y a deux aspects: la logique métier et l’aspect graphique.
Personnellement c’est la logique métier qui m’amuse le plus, la réflexion sur le modèle, les algorithmes, … Faire les fenêtres ne me dérange pas mais je ne suis pas bon d’une part, et je n’ai pas envie de me prendre la tête avec d’autre part. Le soucis avec Flex est que l’on passe la plupart de son temps à travailler sur l’aspect graphique. La principale préoccupation dans le développement en Flex est d’encastrer correctement les éléments d’interface tout en trouvant comment contourner les limitations imposées pour arriver à ce que l’on veut …
Après, je parle pour moi-même ! De très nombreuses personnes s’éclatent sans doute à faire des interfaces bien agencées mais ce n’est pas mon cas, et ça transforme donc souvent Flex en source d’ennui.

Limitations …

Je l’ai abordé précédemment, le framework en version 3 est par endroit vraiment mal foutu. L’API est pauvre, certaines choses sont mal pensées et on finit rapidement par passer plus de temps à réfléchir sur les difficultés de l’outil que sur l’application sur laquelle on travaille… Depuis quelques jours j’ai recommencé à faire du Java et je suis en permanence impressionné par la rapidité et la facilité avec laquelle j’avance. Inutile de luter contre le langage et le framework, au contraire ils aident à aller plus vite !!!
Pour reprendre le point précédent, je dirais qu’avec Flex on passe 20% de son temps à faire du code métier, 30% de son temps à coder des contournements du framework et 50% de son temps à lutter avec les composants graphiques. Un outil bien peu productif donc au final.

Enfermement

Après avoir vu l’effet d’une expérience d’un an, je n’ai pas envie de voir comment je serais traité si je venais à avoir une expérience de 5 ans en Flex… En tant que jeune diplômé j’ai encore la possibilité facilement de changer d’horizon car les entreprises tolèrent que je débute, mais d’ici quelques années ce sera sans doute plus difficile à faire.
J’évite cet enfermement d’une part parce que je ne me vois pas faire du Flex toute ma carrière, mais aussi parce que cela peut s’avérer dangereux. Miser toute ma carrière sur une technologie qui aura peut-être complètement disparu dans quelques années n’est pas rassurant. Même si Flex est à la mode en ce moment, qui sait ce qu’il adviendra dans les 5 ans à venir ? Notamment avec son étroite collaboration avec Flash que beaucoup de gens voudraient voir disparaitre de leur navigateur…

Vous vous lancez dans un petit projet perso ? Vous aurez toutes les clés en main pour que GIT soit votre gestionnaire de versions sur ce projet.

Cet article ne se veut pas exhaustif mais reflète le résultat d’un usage quotidien par un autodidacte. Si vous souhaitez corriger une éventuelle erreur ou partager une connaissance, n’hésitez pas à laisser un commentaire.
Il est recommandé pour la bonne compréhension de cet article de connaitre SVN.
L’auteur du tutoriel est un utilisateur Linux et certaines commandes peuvent poser problème sur d’autres système (notamment gitk).

Note à nos amis sous Windows: vous pouvez utiliser git sur Windows à l’aide de msysgit disponible ici.

Tout d’abord qu’est ce que git ?! Et bien avant d’être un logiciel de gestion de versions décentralisé (ou DSCM pour Distributed Source Code Management) il a été conçu comme un système de fichiers avec un système de versionning, le tout construit pour la performance. Et quoi de plus normal quand on sait qu’il était destiné à être le système de gestion de versions du noyau Linux en remplacement de BitKeeper. Git a été écrit par Junio Hamano et Linus Torvald lui même. Bref on a entre les mains un gros bébé, pourtant simple à utiliser et performant : tout est instantané !
On entend par décentralisé le fait de pouvoir « commiter » et faire évoluer un bout de code en local indépendamment d’un serveur central (contrairement à svn qui nécessite un serveur central), cela offre un confort de développement très important car on ne commite que ce qui marche VRAIMENT. Bien sûr on a tout le loisir de travailler avec un serveur central, il est même possible de faire des ponts avec un serveur svn, mais l’aspect collaboratif ne sera pas abordé ici.

Comme pour svn, chaque commit donne lieu à une nouvelle version (ou révision). Git a choisit non pas d’utiliser des numéros de révision, mais un identifiant unique SHA-1 pour chaque commit (donc révision). Cela évite d’avoir des conflits entre les différentes révisions de toutes les branches de tous les clones du dépôt. Il n’est pas toujours nécessaire d’indiquer le SHA-1 complet d’un objet, mais seulement les premiers octets qui le différencie des autres objets. Si j’ai deux commits :
3bdc6feaa01b6b86a0f94acab32bc3ad4c207a5d
3bdc4d695b90545c891392a486da9a9e07c053b
je peux identifier le premier avec 3bdc6 et le second avec 3bdc4

Chaque commande git peut être appelée de deux manières différentes :

git commande

Après ces petites notions théoriques passons à la pratique !!

Par où qu’on commence ?

Et bien pour commencer il faut initialiser ou récupérer un dépôt. Avant d’initialiser un dépôt il faut renseigner quelques variables permettant de vous identifier lors des commit. Donc :

git config –global user.name Grégory
git config –global user.email greg@wordpress.com
git config –global core.editor emacs
mkdir MonDepot
cd MonDepot
git init

L’avant dernière ligne est importante si vous ne savez/voulez pas utiliser vim comme éditeur de messages lors des commits. Un joli fichier ~/.gitconfig contiendra votre configuration pour les projets suivants. Si vous omettez le –global, les informations ne seront inscrites que pour le dépôt crée.

Il est aussi possible de récupérer un dépôt git déjà existant depuis : ssh, système de fichier local, internet (http://, ftp://, git://) :

git clone soutade@monserveur:/mondepot mondepot
git clone /mon/de/pot mondepot
git clone http://www.kernel.org/mondepot
…

Et maintenant qu’on a un beau dépôt ?!

Et bien il faut faire des opérations sur les fichiers :

Modification

emacs MonFichier.c

Ajout au dépôt

git add MonFichier.c

Renomage du fichier

git mv [-f] MonFichier.c MonFichier2.c

Si vous ne passez par cette commande, git considère que le fichier aura été supprimé et il faudra faire un git add sur le nouveau fichier.
-f pour forcer le rennomage (si le fichier existe)

Suppression

git rm [-f] [--cached] MonFichier.c

Si vous ajoutez l’option –cached, le fichier sera uniquement supprimé du gestionnaire de versions, mais pas du système de fichier.

Oui, mais maintenant ça compile !

Si ça compile, c’est que ça marche (…). Bref il est temps de commiter ! Mais avant j’effectue toujours deux opérations :

git status

Cela permet de voir les fichiers ajoutés/supprimés/modifiés, voir si on n’a rien oublié (un nouveau fichier par exemple). « Untracked files » correspond aux fichiers qui existent mais qui ne sont pas (encore) pris en compte dans le gestionnaire de versions.

git diff [--color]

Avec cette opération on peut visualiser les modifications (au format « patch ») effectuées sur nos fichiers, cela va nous aider à renseigner le message du commit.

Cette commande peut prendre plusieurs options :

git diff [--color] [<commit1>..<commit2>] [--] [paths]

et toutes les options de diff

<commit1>..<commit2> est un intervalle de commits, sachant que <commit> peut être désigné sous la forme :

• le SHA-1 d’un commit
• le tag
• une référence depuis le commit courant

paths correspond à n fichiers

Apparté : Le commit courant

Dans git, le commit courant (ou dernier commit avant modifications) s’appelle HEAD. On peut accéder aux commits précédents en les référençant par rapport à HEAD :
HEAD^ : Père du commit courant
HEAD^^ : Grand père du commit courant
HEAD~n : ancêtre de nième génération de HEAD (grand grand … grand parent de HEAD)

Apparté : .gitignore

.gitignore est un fichier à créer dans le dépôt git pour ignorer un certains nombre de fichiers (dans git status). Par exemple tous les fichiers « MonFichier~ » crées par emacs. A chaque ligne on intègre une expression régulière pour le ou les fichiers à ignorer (*~ pour emacs):
Si la ligne fini par /, cela désigne un répertoire et tous ce qu’il y a dessous.
Si la ligne commence par !, on a la négation de l’expression.
Si la ligne est vide ou qu’elle commence par #, elle est ignorée.

Étant donné qu’on ne va pas re créer ce fichier pour chaque dépôt, on peut en spécifier un qui sera réutilisé à chaque fois (qui peut être composé avec un .gitignore interne au dépôt). Pour cela il faut créer un fichier quelconque avec les même règles que .gitignore et inscrire la variable globale core.excludesfile :

git config –global core.excludesfile CheminFichier

Attention toutefois, le chemin ne supporte pas ~ (Référence à la racine du répertoire personnel).

Et le tant attendu :

git commit [-a] [-m « message »] [paths]

L’option -a (recommandée) permet d’ajouter toutes les modifications au dépôt, sinon il faut spécifier les fichiers dans paths ou faire explicitement un git add (même sur des fichiers modifiés) pour chaque fichier à intégrer au commit.
Si vous ne précisez pas le message sur la ligne de commande (-m), un éditeur va s’ouvrir (vim par défaut) pour que vous entriez le message du commit. Le message du commit est obligatoire !

Si Bob s’est trompé dans son message de commit, il est toujours possible de le modifier avec :

git commit –amend -c <commit>

Un peu d’histoire

Maintenant qu’on a fait plusieurs commits et que notre projet grossi il peut être intéressant d’avoir un résumé de l’état du projet. Pour cela deux commandes :

git log [options] [<commit1>..<commit2>] [--] [paths]

Liste des commits avec leurs message influant sur les fichiers paths.

git show [options] <commit> [--] [paths]

Contenu de tous les fichiers modifiés ou seulement ceux dans paths.
Les options sont celles de git diff.

En ligne de commande la visualisation n’est pas aisée, c’est pourquoi je recommande l’utilisation de la commande gitk qui permettra d’avoir une vue graphique et synthétique du dépôt.

Eh Bob, j’ai une idée !

Oui, mais les idées de Bob c’est pas toujours terrible, heureusement git permet de créer FACILEMENT des branches, pas besoin d’appeler la gconf et d’imputer sur le budget du projet déjà en déficit …
Bref pour créer un branche :

git branch NomDeLaBranche [BrancheInitiale]

Et voilà la branche est crée à partir de HEAD ou de BrancheInitiale.

ATTENTION vous êtes toujours dans la branche de départ, pour pouvoir changer de branche il faut faire un :

git checkout NomDeLaBranche

Pour récupérer uniquement un fichier d’une autre branche :

git checkout AutreBranche paths

Ces deux actions peuvent être combinée en :

git checkout -b NomDeLaBranche [BrancheInitiale]

Bon ben en fait Bob il a des idées toutes pourries, suppression de la branche :

git branch -d NomDeLaBranche

ATTENTION la branche sera détruite sans confirmation, toutes les modifications seront perdues et il ne sera pas possible de les retrouver !!

On peut lister les branches avec :

git branch

Pour voir le contenu d’un fichier d’une autre branche :

git show MaBranche:MonFichier

Oui, mais mon idée était beaucoup plus classe que celle de Bob, je vais donc l’intégrer dans la branche principale (master) :

git checkout master
git merge MesBranches

(on peut merger depuis plusieurs branches)
S’il n’y a pas de conflit, l’opération est commitée (sauf option –no-commit).

Ah il y a un conflit que git n’est pas capable de résoudre: il nous l’indique et il faut le résoudre  manuellement. Le fichier accusé sera de la forme :

<<<<<<< HEAD:test.c
printf(« Hello world 2\n ») ;
=======
printf(« Hello world 1\n ») ;
>>>>>>> test:test.c

HEAD, c’est la branche actuelle ! test est ici une branche de test. Le fichier en conflit sera affiché dans git status comme unmerged.

Pas très lisible ?  On peut voir séparément les différences introduites par les deux commits sur le fichier en conflit :

git log –merge -p test.c

Une autre option très pratique pour choisir entre telle et telle version quand on est fainéant et qu’on n’a pas envie de tout éditer à la main (de toutes façons c’est ma version la meilleure) :

git show :z:test.c

où z correspond à :

• l’ancêtre commun des deux branches
• branche actuelle
• branche distante

Qui montre la version z du fichier test.c. On redirige ensuite la sortie dans le fichier test.c

Ne pas oublier de commiter les changements introduits par le merge (en cas de conflits) !

On a enfin une version stable !!

Il est possible de la tagger pour avoir une référence un peu plus explicite que son SHA-1.

git tag MonTag [<commit>]

Par défaut HEAD de la branche courante. Un commit peut avoir plusieurs tags.

Ah, en fait non, Bob avait laissé un buffer overflow, supprimer un tag :

git tag -d MonTag

Ouais, en fait la v1 c’était le top. Il est possible de revenir à une version précédente (et heureusement) via trois techniques.

Je m’appelle Rambo et rien ne me fait peur

git reset [--mixed | --soft | --hard] [<commit>]

Ici on revient à un commit précédent en SUPPRIMANT tous les commits suivants
–mixed : les changements n’affectent que le gestionnaire de versions et pas le système de fichier
–soft : On revient simplement au commit <commit> au niveau du gestionnaire de versions, mais les fichiers ne sont pas changés sur le disque (un prochain commit n’effacera pas le commit suivante [i.e qu'on a reseté])
–hard : Le gestionnaire de versions et les fichiers sur le disque se retrouvent en position <commit>, les commits suivants sont perdus.

Méthode propre

git revert <commit>

Cette méthode est « propre » car elle permet de conserver les changements introduits (même si on veut s’en séparer) en introduisant un commit faisant le travail inverse de ce qui a été cassé.

Méthode pour un ensemble restreint de fichiers

git checkout <commit> paths

Cela permet de retrouver ponctuellement un fichier d’une ancienne version.

J’te jure ça marchait et j’ai rien touché !

12 commits ont été réalisé pendant que vous étiez en vacances et maintenant plus rien ne compile (Bob ??). Bref, git offre un mécanisme très puissant pour identifier le commit qui a tout fait planter : bisect ! On va pouvoir faire une recherche semi-automatique voir même automatique du commit fautif, git se chargera tout seul de mettre l’espace de travail tel qu’il était à chaque commit (sinon il aurait fallu jouer avec reset/revert).

On commence par démarrer une session de bisect en identifiant le point où ça bloque (en général HEAD) et le point où on est sûr que c’était bon:

git bisect start [<commit-bad>] [<commit-good>]

Puis on va identifier les différents commits (la recherche est dichotomique, c’est à dire qu’il prend toujours le commit intermédiaire dans l’intervalle good-bad afin de trouver au plus vite la version responsable du problème) avec :

git bisect bad
git bisect good

Chaque appel de cette commande « tag » le commit avec good ou bad et passe au commit suivant jusqu’à tomber sur le fautif (ou qu’on en ais marre). Si on sait qu’un commit (ou un intervalle de commits (ie : v1..v2)) est bon par avance on peux l’ignorer avec :

git bisect skip [<commit>[..<commit>]]

good et bad ne sont que des marqueurs, il appartient ensuite au développeur d’effectuer les actions pour retrouver un environnement correct/stable/sans bugs. On peut visualiser l’état des marqueurs (dans gitk) avec :

git bisect visualize

Une fois qu’on a fini le boulot on peut revenir au point de départ (effacer les tags et retour à HEAD) avec :

git bisect reset

Il est possible d’enregistrer toutes les opérations (ou au moins les « visualiser ») avec :

git bisect log

Et on peut ensuite les rejouer avec :

git bisect replay <fichier créée par git bisect log>

Mais là où git est très intéressant c’est avec le mode tout automatique :

git bisect run cmd

cmd est une commande (ou un script) qui va être appliqué sur tous les commits entre bad et good et qui va les marquer selon son code de retour :

• 0 : good
• 125 : skip
• autre : bad

Une fois qu’on a le commit fautif on peut savoir exactement qui a fait quoi dans le fichier qui a fait que et quand il l’a fait :

git blame <paths>

Ce qui donne quelque chose comme :

1692b633 (Grégory 2009-09-19  1 ) #include <stdio.h>
1692b633 (Grégory 2009-09-19  2 )
1692b633 (Grégory 2009-09-19  3 )
1692b633 (Grégory 2009-09-19  4 )
1692b633 (Grégory 2009-09-19  5 ) int main()
1692b633 (Grégory 2009-09-19  6 ) {
795a06c9 (Grégory 2009-09-29 7 )   printf( « Hello world\n » ) ;
1692b633 (Grégory 2009-09-19  8 )
1692b633 (Grégory 2009-09-19  9 )   return 0 ;
1692b633 (Grégory 2009-09-19 10) }

Ça fait stash !

Vous êtes tranquillement en train de travailler sur l’ajout d’une fonctionnalité révolutionnaire quand Bob vous apprend catastrophé qu’il a trouvé un bug terrible dans le projet et qu’il faut le corriger dans la seconde. On peut bien évidement créer une branche pour reporter les modifications et merger par la suite d’une manière plus ou moins élégante, mais git introduit un concept très intéressant : le « stash ». Cela permet de mettre les modifications en cours dans une pile et de revenir à la dernière version (~ git reset –hard HEAD), faire les bonnes modifications, commiter et retrouver son espace de travail.

Créer le stash (éventuellement avec un message) :

git stash [save [message]]

Voir la liste des stashs :

git stash list

Récupérer les modifications du stash et le supprimer de la liste des stashs :

git stash pop [stash]

La syntaxe des stashs est : stash@{0}

Le stash le plus récent est toujours 0. Si aucun stash n’est précisé, le plus récent est celui par défaut

Voir les modifications du stash :

git stash show [stash]

Appliquer les modifications d’un stash sans le supprimer de la pile :

git stash apply [stash]

Supprimer tous les stashs :

git stash clear

Supprimer un stash sans l’appliquer :

git stash drop [stash]

Hooks

Les hooks sont des scripts appelés durant l’exécution de certaines tâches, ils se trouvent dans le répertoire .git/hooks. Cela permet de contrôler/valider certaines actions. Si la valeur de retour du script est différente de 0, alors l’action ne sera pas exécutée. Git propose les hooks suivants :

pre/post commit

[prepare-]commit-msg : invoqué lors de la création du message dans git commit

pre-rebase : invoqué avant un git rebase

post-checkout : invoqué après un git checkout

post-merge : après un merge et/ou un pull

pre/post receive : invoqué (sur le serveur uniquement) lors d’un git push

update : invoqué (sur le serveur uniquement) lors d’un git push

post-rewrite : invoqué lorsque le message d’un commit est modifié (git commit –amend ou git rebase)

Pour les différents paramètres que prennent les hooks, voir le man. Des exemples se trouvent dans le dossier (les .sample). Pour qu’un hook soit pris en compte il faut enlever l’extension .sample (attention à ne pas oublier les droits en exécution).

Git, mon couteau Suisse

Quelques commandes supplémentaires :

Exporter les sources du projet (sans le .git)

git archive –format=[tar|zip] –output=File <commit> [paths ...]

Appliquer un/des patch(s)

git apply <patchs>

Supprimer les fichiers qui sont dans le dépôt, mais pas dans le gestionnaire de versions (untracked files) :

git clean [-d] [fichiers]

Si l’argument fichiers est renseigné, seuls ces fichiers là seront supprimés.
-d : Supprimer aussi les dossiers

Optimiser le dépôt local pour de meilleures performances (à faire de temps en temps)

git gc

Pour aller plus loin

La documentation de git (en pages man) est très bien faite, il y a deux solutions :

git help command

Toutes les options pour les commandes présentées n’ont pas été spécifiées ici, je vous recommande donc pour certaines tâches spécifiques d’aller voir le man.
L’aspect travail collaboratif (pull, push, rebase) n’a pas été abordé, si vous êtes curieux il y a d’autres documentation qui en parlent (peut être pour une prochaine version de ce tutoriel).

Pour savoir pourquoi git est le meilleur gestionnaire de versions du noyau : http://www.youtube.com/watch?v=4XpnKHJAok8

Le Terminal c’est bien, mais bon

Vous devriez maintenant être capable d’utiliser git en ligne de commande pour vos besoins personnels. Le terminal … ça va bien un moment mais on aime aussi avoir un client graphique un peu plus convivial qui fait le boulot pour nous ! Faisons un petit tour d’horizon des solutions existantes. Malheureusement, je n’ai pas pu tester ces solutions, libre à vous donc de vous faire une opinion sur l’état d’avancement et la fiabilité de chacun, n’hésitez pas à laisser un commentaire pour partager vos retours.

QGit: Client Qt4 (donc pour les utilisateur KDE principalement). Hébergé par SourceForce avec une dernière version datée du 9 Mai de cette année. De bons retours indiqués sur le site.

TortoiseGIT: Client Windows se voulant le remplaçant de TortoiseSVN. Nécessite l’installation préalable de msysgit.

GitX: Application pour Mac OS X.

GitNub: Autre application pour Mac OS X écrite en RubyCocoa.

EGit: Plug-in pour eclipse, malheureusement peu avancé. Si vous avez du temps et de la motivation, n’hésitez pas à participer.

Ressources

http://git-scm.com/

http://fr.wikipedia.org/wiki/Git

http://www.kernel.org/pub/software/scm/git/docs/gittutorial.html
http://linux.efrei.fr/doku.php/tutoriaux/git
http://github.com/
http://www.unixgarden.com/index.php/administration-systeme/git-pour-les-futurs-barbus
http://www.unixgarden.com/index.php/administration-systeme/git-les-mains-dans-le-cambouis

Tutoriel GIT by Grégory Soutadé est mis à disposition selon les termes de la licence Creative Commons Paternité-Partage des Conditions Initiales à l’Identique 2.0 France.

Adobe Flex est un framework de développement de clients riches (ou clients lourds) compilé vers la machine virtuelle Flash. Pour les personnes connaissant Silverlight, Flex a inspiré Microsoft pour sa création. Les interfaces sont réalisées à l’aide d’un langage basé sur XML, le MXML (XAML pour Silverlight) et le comportement est écrit à l’aide du langage Action Script 3 (.Net pour Silverlight).
Il ne surtout pas considérer Flex comme un outil fait pour les designeurs, c’est un framework créé pour les développeurs.

Déploiement

Comme dit dans l’introduction, Flex est compilé dans un fichier SWF qui est lu par la machine virtuelle Flash. Pour lire une application Flex, la version 9 du plug-in est au minimum nécessaire, or plus de 95% des personnes répondent à ce besoin. C’est un point assez fort du framework, surtout en comparaison avec Silverlight qui peine à passer les 30% (toutes versions confondues).
Étant donné que Flex se base sur le plug-in Flash, vous bénéficiez également d’une compatibilité entre les différents systèmes d’exploitation et les différents navigateurs. Pas de mal de tête à assurer le même rendu entre IE6 sur Windows et Safari sur Mac, c’est le travail des gens d’Adobe.
Pas de doute ici, c’est un gros point fort et un très bon travail d’Adobe qui donne à Flex un avantage certain sur ses concurrents directs. On pourra également remarquer sur l’utilisation de Flash la mise à disposition d’une excellente librairie pour créer des animations de l’interface qui donnent un cachet très professionnel aux applications.

ActionScript et API

Le comportement et le business d’une application Flex est décrit dans le langage ActionScript 3. Pour le langage en lui-même, il est souple et propose un certain nombre de fonctionnalités puissantes et pratiques, je citerais en exemple la possibilité d’appeler une méthode sur une variable à l’aide de l’opérateur [] comme suit: maVariable["maMethode"].
En revanche on peut vraiment reprocher à Adobe la pauvreté de l’API. Pour l’anecdote, sachez que la méthode addAll permettant d’ajouter tous les éléments d’un tableau dans un autre tableau vient d’être implémentée dans la version 3.4 du framework … Sachez également que la gestion de dictionnaire est extrêmement réduite, impossible par exemple de récupérer l’ensemble des clés d’un dictionnaire …
Il est certes possible d’écrire soit-même toutes ses classes, mais d’une part on n’a pas forcément envie de coder toutes les classes de base lorsque l’on s’attaque à un projet ambitieux et d’autre part, si Adobe comble le manque un jour il faudra faire le remplacement partout.

Modèle MVC

A première vue, Flex semble proposer une bonne architecture pour respecter le pattern Modèle-Vue-Contrôleur avec les interfaces et leur comportement décrites en MXML, des classes de comportement et des classes de modèle. Cependant en pratique, on a rapidement tendance à mélanger la vue et le contrôleur. En effet il est possible d’écrire de l’ActionScript dans le fichier MXML et la tentation est grande d’y écrire le code business de la vue.

Quelques framework tentent d’imposer de bonnes pratiques (je citerais Cairngorn et Tide) mais ils ne sont pas toujours simple à mettre en place. En pratique il devient également difficile de maintenir du code propre au sein d’un projet de grande envergure. Le projet peut être découpé en modules qui sont chargés à la demande, mais on arrive assez facilement à des dépendances inter-modules ou de la recopie de code pour effectuer la même action dans deux endroits différents mais inaccessibles entre eux.

Asynchronisme et thread unique

Le plug-in Flash est presque mono-threadé. Je dis presque car en réalité un deuxième thread existe, qui attend les réponses aux requêtes effectuées vers des adresses externes. De cette situation ressort deux choses.

Toute demande de données est asynchrone. La demande est déposée vers le thread de communication qui propagera un évènement lorsque celle-ci sera complétée. S’il n’est pas dérangeant que vos données arrivent de façon asynchrone, pas de soucis mais dans le cas où vous aimeriez attendre d’avoir concrètement les informations, vous allez commencer à rencontrer des difficultés.

Il est impossible d’effectuer deux actions à la fois, cela incluant le dessin de l’interface ou le traitement d’un clic souris. Par conséquent, si vous lancez un traitement lourd de calculs, l’interface sera figée. Avantage en contrepartie, vous n’avez pas du tout à vous préoccupé de problèmes de validité des données entres threads ou de deadlocks, cela est impossible !

Bindings

Il est possible dans les interfaces MXML de réaliser des « bindings » entre une variable ActionScript et une propriété d’un élément graphique. Une fois le binding mis en place, la modification de la valeur de la variable entrainera la modification de la valeur de la propriété de l’élément graphique. Cela est très pratique puisque le mécanisme permet de réaliser à vitesse grand V l’écran de visualisation d’un objet Business en « bindant » sur ses différents attributs.

Dans la version 3 de Flex quelques embuches appaissent pour mettre en place des double bindings, c’est à dire que les modifications de valeur s’effectuent dans les deux sens. En effet, le premier binding mis en place aura pour effet d’effacer la valeur d’une des deux variables avec la valeur de l’autre. Dans le cas d’un objet business et un objet graphique, il vaut mieux effacer la valeur de la propriété graphique avec celle de l’objet business et non pas le contraire … Ce petit problème a été corrigé dans Flex 4 qui sortira prochainement.

Flex est un outil

En conclusion de l’article et avant de tirer avantages et inconvénient, j’aimerais donner un avis très subjectif sur le framework. Flex un outil jeune mais toutefois puissant pour développer rapidement les applications pour lesquelles il a été créé. Et je vais insister sur ce point.

A mon idée, Flex est parfait pour des applications simples, avec peu de code business. La manière classique de travailler va être d’appeler un WebService ou une page Web, parser les résultats pour remplir des variables sur lesquelles l’interface est bindée. Le résultat sera obtenu rapidement, propre, et joliment animée.

En revanche, Flex n’est pas fait pour une lourde application avec de nombreuses implications de code business entre les écrans et des grappes d’objets à récupérer, modifier, renvoyer, etc. Pour avoir tenté d’utiliser le framework pour ce type d’application, je peux dire qu’on passe plus de temps à lutter contre Flex qu’à lutter contre les difficultés de l’application elle-même.

Comme beaucoup d’autres framework, Flex est un outil. Flex est un tournevis cruciforme. Si votre application est faite de vis cruciformes, ce sera un excellent outil et vous allez aboutir rapidement à un résultat de qualité. Si en revanche vous devez fabriquer une chaise avec des clous, vous êtes condamné à taper sur les clous avec le manche, et au final vos clous seront plantés de travers, votre chaise sera bancale et s’effondrera à la troisième personne qui tentera de s’assoir dessus et enfin vous vous serez fait mal à la main.

Mais assez parlé et voyons le bilan avantages/inconvénients

Avantages

• Compatibilité OS/Navigateur
• Plug-In flash très répandu (95%)
• Animations simple à utiliser et très classes
• Pas de problématique de programmation concurrente
• Mécanisme de binding très pratique

Inconvénients

• Inconvénients de Flash (vous devriez les trouver facilement sur d’autres sites)
• Pauvreté de l’API ActionScript
• Trop grande facilité de mélanger Vue et Contrôleur
• Impossibilité d’utiliser la programmation concurrente
• Obligation de récupérer les données de façon asynchrone
• Doubles bindings laborieux (résolu normalement dans Flex 4)

WebObjects est un framework initialement développé en Objective C par la société NeXT de Steve Jobs qui sera ensuite rachetée par Apple. Il est constitué d’une couche basse d’abstraction de la base de donnée appelée EOModel, d’une architecture de gestion de cache et de persistance et d’un moteur de template. WebObjects passera progressivement d’Objective C à Java vers l’an 2000. Bien que différents par de nombreux points, il est comparable aux technologies J2EE.

Je tiens à signaler que mes commentaires sont faits sur la version 5.3 de WebObjects et je ne sais pas si certaines choses n’ont pas été corrigées en version 5.4.

Coût de formation et cadre de développement

Soyons assez clair, le coup d’entrée de WebObjects est assez élevé. Le framework a été pensé pour réaliser des projets d’entreprise et vous ne pourrez pas sortir une page de démonstration en moins d’une heure comme le proposent des plateformes de développement comme Google App Engine. En revanche, une fois formé à l’architecture logiciel vous disposerez d’un cadre de programmation assez stricte dans la forme, mais souple dans les possibilités. Comprenez que vous pourrez faire à peu près n’importe quoi, mais pas n’importe comment. À mon sens, c’est un avantage puisque vous êtes à peu près certain que les personnes utilisant WebObjects vont travailler relativement proprement, contrairement à d’autres technologies où il est possible de faire tout et n’importe quoi, surtout n’importe quoi.

Tenue de charge et modularité

WebObjects est designé pour être capable de gérer de grandes charges, aussi les données sont toujours chargées progressivement au moment où elles sont réellement nécessaires. Au niveau du fonctionnement lui-même, le framework est construit autour de dictionnaires de données. Par exemple pour les attributs d’un objet, les getters vont simplement chercher la valeur dans un dictionnaire à partir du nom de l’attribut. C’est de ce mécanisme que vient toute la souplesse de WebObjects puisqu’il est possible de faire évoluer dynamiquement le modèle pendant l’exécution. Même si les occasions d’utiliser une telle possibilité sont assez rares, elles sont quasiment impossible à réaliser autrement.

Mélange d’API

Comme je l’ai dis dans mon introduction, WebObjects reposait initialement sur le langage Objective C, mais a été migré vers le langage Java depuis plusieurs années maintenant. Cependant les choix qui ont été faits me laissent quelque peu sceptiques. En effet afin que les personnes ayant travaillé avec l’Objective C ne perdent pas leurs connaissances acquises, les classes de  base de NeXT ont été portées en Java. Un ingénieur d’expérience sur l’API Java sera donc un peu perdu face aux NSArray, NSMutableArray et autres NSDictionnary. Pire encore, ces classes implémentent des interfaces de l’API Java, mais n’implémentent pas les méthodes qu’elles apportent, se contentant de propager une exception ! Assez perturbant donc et pouvant se révéler source de surprises.

[MISE A JOUR]
On me signale que le problème des exceptions sur les méthodes ont été corrigé en version 5.4 sauf dans les cas où il y avait une raison. Je m’explique, en WebObjects il éxiste deux types de tableaux, les NSArray en lecture seul et les NSMutableArray en lecture écriture. Bien évidemment la méthode ADD n’a aucun sens dans un NSArray qui ne supporte que des GET. En revanche la méthode ADD ne NSMutableArray ne demande plus d’utiliser à la place la méthode addObject.
Il reste toutefois que quelqu’un ayant utilisé un certain temps les classes de la JRE de base, ArrayList et autres, aura besoin d’un petit temps d’adaptation.

Trouver des personnes

Abordons finalement un point assez critique: les ressources. Il sera difficile à la plupart des personnes ayant des années d’expérience sur des plateformes J2EE de se former à WebObjects en raison des différences conceptuelles et à l’API s’écartant de celle de Java. Le coup de formation est assez élevé et l’intégration à des processus d’entreprises comme Maven, bien qu’existant, peut s’avérer coûteuse en temps.
En comparaison d’autres framework, WebObjects souffre d’une très faible documentation. Le site d’Apple propose une documentation technique, mais très peu d’autres sites proposent des exemples ou des explications différentes de la version officielle. On se retrouve donc facilement le bec dans l’eau devant un problème dont la solution n’est pas documentée sur le site d’Apple. Une solution existe: la mailing list qui est fréquentée par des experts de la technologie, mais on ne peut évidemment pas abuser et questionner ces personnes en permanence.
Il est très profitable d’avoir au sein de son entreprise une personne expérimentée en WebObjects donc, cependant il s’agit d’une ressource rare. Lors d’un recensement récent, 800 développeurs ont été dénombrés dans le Monde, dont 40 en France. Autant dire qu’il est difficile de se procurer un « expert » dans le domaine, sachant que connaissant la technologie, je ne me considère pas du tout comme un expert, mais un simple utilisateur.

En conclusion, voici un petit récapitulatif de ce billet en avantages/inconvénients.

Avantages

• Framework avec architecture
• Développement propre
• Flexible
• Pensé pour tenir la charge

Inconvénients

• Peu de ressources et très peu d’experts
• Mélange d’API Java/Objective C
• Manque de documentation tierce