Billets par Argh

Une recherche de films de science fiction d'animation sur IMDB m'a mis sur la piste d'un studio américain, Blur, et tout particulièrement d'une de leurs propres créations: Rockfish.

Je ne préfère rien révéler de plus que le titre, c'est bien plus intéressant d'avoir la surprise du scénario que quelques détails seulement peuvent ruiner. Les autres productions du studio sont aussi tout bonnement époustouflantes du côté technique, et saupoudrées d'une bonne dose d'humour. À voir.

Télécharger la vidéo (Quicktime, 58Mo)
Visiter le site (après!)

Capture d'écran:

Pour ceux qui ne connaissent pas, Anthéa est mon site perso (le nom vient d'un personnage d'un livre que j'ai commencé à écrire il y a quelques années), qui a la particularité d'être très large: 5800 pixels pour être exact

J'ai fait une assez grande mise à jour, en rajoutant près de 10 projets anciens et récents à la section références, et j'ai rajouté la section des liens. J'ai aussi retravaillé la liste des références et la mise en page du détail d'une référence. Pour ça, le XSLT est quand-même vachement pratique - rapide, flexible... très sympa. Anthéa fonctionne avec patPortal*, et pour utiliser du XSL, c'est super facile. Dans le fichier XML définissant les contenus d'une page, il suffit de rajouter la composante XSL et de la configurer:


<page:area id="content">
    <component:components>
        <component:component name="XSL">
            <component:params>
                <component:param name="xmlfile">
                    data/projects.xml
                </component:param>
                <component:param name="xslfile">
                    templates/XSL/projectList.xsl
                </component:param>
            </component:params>
        </component:component>
    </component:components>
</page:area>


Le contenu que va générer la composante XSL sera donc inséré dans la partie 'content' de la page. Pour placer le contenu d'une partie de page, il suffit de placer la variable correspondante dans le template du framework du site (patTemplate). Dans Anthéa, ça donne ceci:


<!-- 
    extrait du template framework.tmpl,
    contenant la structure HTML du site
-->
<div id="contentFrame">
    <table cellpadding="0" cellspacing="0" border="0">
        <tr valign="top">
            <td width="513">
                <div style="width:513px;">
                    <div id="content">
                        {AREA_CONTENT}
                    </div>
                </div>
            </td>
            <td>
                <div id="nav">
                    <div style="padding:15px;">
                        {AREA_NAVIGATION}
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>


Le contenu est inséré à la place de la variable {AREA_CONTENT}. On peut définir autant de composantes qu'on veut dans une même partie de page, leurs contenus sont ajoutées entre elles dasn l'ordre ou elles sont définies dans le XML. On peut donc se construire les pages de toutes pièces

*: patPortal est un nouveau projet de php-tools, mais qui n'a pas encore été publié. C'est un framework MVC développé par Stéphane, et qui a la grande particularité d'abstraire a peu près tout ce qui peut l'être... il est possible de télécharger la version CVS actuelle sous snaps.php-tools.net.

D'après le communiqué de presse, pour près de 3,4 Milliards de Dollars (2,6 Milliards d'Euros). Je dois avouer que quand j'ai appris la nouvelle, je suis resté pontois pendant un bon moment. Adobe, le nouveau Microsoft du monde du design? Une chose est sûre: l'avenir d'outils comme Freehand (contre Illustrator) ou encore Fireworks (contre Photoshop + ImageReady) n'est pas du tout certain.

Je pense parcontre que pour Flash tout particulièrement, la main de maître d'Adobe tant au niveau qualité qu'au niveau ergonomie peut être un très bon signe - ces deux n'étant pas vraiment les qualificatifs d'usage pour Flash. Ce que j'attends avec impatience, c'est l'intégration native du format swf dans les outils d'Adobe Encore que... vu que le SVG d'Adobe et le SWF de Macromedia sont quelque peu concurrents, il est possible qu'il y aura là aussi du changement. Affaire à suivre de très près...

La nouvelle édition du International PHP Magazine est un petit coup de maître, vu qu'on y a fait une combo x 3: vous y trouverez l'article 'Go OO!' de Stéphane, l'article 'Painless Holiday Calculation with PEAR:: Date_Holidays' de Carsten et mon article 'Web Forms & a Cuppa Tea Please'

Le nouvel album de VNV Nation,'Matter+Form' vient de sortir. Il n'est pas encore disponible en france (seulement en import sur amazon.fr, temps d'attente de 3 à 4 semaines...), mais les aventuriers peuvent le commander directement sur amazon allemagne - c'est plus rapide (24h) et moins cher...

Ma première impression de l'album est très bonne, même si il manque un peu des morceaux plus lyriques comme Epicentre / Electronaut ou encore Beloved de l'album précédent, Futureperfect. Mes morceaux favoris pour l'instant sont 'Arena' (#3), 'Homeward' (#9) et 'Perpetual' (#11). J'attends de l'écouter quelques fois de suite pour me décider complètement

Pour ceux qui ne connaissent pas VNV Nation: le style est plutôt Electro, avec des tendances EBM et Darkwave - c'est un groupe allemand, mais le chanteur, Ronan Harris, chante exclusivement en anglais. Ce qui les caractérise le mieux, c'est que leurs albums sont très homogènes mais avec une profondeur et une force lyrique assez peu commune. Pour les découvrir, je recommande l'album Futureperfect (environ 9 Eur chez amazon.fr) ou encore Empires (environ 9 Eur chez amazon.fr). Les tout premiers albums tendent déjà plus vers l'industriel.

Traduction du billet 'php-tools.net relaunch plans' de php-tools:

Nous avons décidé de faire une remise à neuf du site php-tools.net, et aimerions savoir si vous avez des idées comment nous pouvons l'améliorer. Nous savons déjà assez bien ce que nous allons faire, mais vous pouvez encore nous aider. Dites-nous simplement ce qui vous plaisait le moins et le plus sur le site actuel, et quelles fonctions vous manquaient le plus. Envoyez-moi un mail à argh [@] php-tools [.] net avec vous idées / critiques / demandes de fonctionnalités.

Merci d'avance de toute l'équipe!

Traduction du billet 'All new pat channel server' de php-tools:

Depuis que Greg Beaver a inventé la classe PEAR_Server et que Davey Shafik a crée un package très pratique pour mettre en place sa propre interface pour un serveur de canaux PEAR, ça nous démangeait d'en faire un pour pat. Stéphane a installé l'interface sur pear.php-tools.net, et après que mes yeux de designer ont arrêté de saigner en voyant la mise en page par défaut de la bête (@Davey: je sais que ce n'est qu'un exemple ), j'ai fait un petit design pour pat et c'est parti.

Pour l'instant seulement quatre de nos librairies sont disponibles par notre canal, mais nous allons ajouter les autres au fur et à mesure.

Vous pouvez trouver plus d'infos sur PEAR_Server dans le blog de Greg, ainsi que sur l'interface de Davey dans son blog.

Traduction du billet 'New releases of patConfiguration and patTemplate' de php-tools:

Hier Stéphane a publié patTemplate 3.1.0a1, la premiere version alpha de la branche 3.1 de la librairie. Cette version ajoute des dizaines de nouvelles fonctions, et même si elle est encore alpha elle est déjà très stable. Stéphane l'utilise même dans un de ses projets avec près de 400.000 visiteurs par jour.

La version v2.0.0b2 de patConfiguration contient principalement des corrections, et est censée être la dernière version avant la publication de la premiere version estampillée stable.

Si vous utilisez une de ces librairies et ces versions, testez-les et signalez tous les bogues que vous trouvez. Si vous utilisez PEAR 1.4.0, vous pouvez aussi les installer par notre serveur de canaux.

Des générations entières de passionnés allemands ont appris le HTML avec SelfHTML, un site de référence allemand du langage. Serge François a réalisé le grand exploit de traduire la référence version 8.0 entière en français, et je ne peux que recommander à tous d'y jeter un oeil.

Quand je travaillais chez Metrix en allemagne, nous utilisions SelfHTML pour l'apprentissage du HTML de nos apprentis et stagiaires - c'est une très bonne entrée en matière, surtout si on est un peu guidé par un 'pro' à côté. N'étant au début qu'une référence HTML, d'autres technologies y ont été ajoutées, notamment le JavaScript, XHTML, CSS et même PHP et Perl (quoique pour ces derniers, il y a de meilleures références).

Le plus pratique pour vite vérifier quelque-chose, comme les détails d'une balise HTML ou une fonction JavaScript, c'est la Quickbar, qui permet d'accéder très rapidement à ce que l'on cherche par un index.

Pour ceux qui comprennent l'allemand, la version 8.1 en allemand a été mise à jour avec les derniers standards. Belle chose aussi, ont été rajoutés les navigateurs Firefox, Camino et Safari pour les versions des navigateurs à partir desquelles un élément es pris en charge. Ainsi, on peut voir d'un coup d'oeil que la balise HTML <FIELDSET> est prise en charge à partir de IE 4.0, Netscape 6.0, Opera 5.12, Firefox 1.0, Camino 3.3 et Safari 1.2. Il ne reste plus qu'à espérer qu'il reste encore un peu d'énergie à Serge pour la traduction de la nouvelle version

Hier j'ai reçu la confirmation que mon article sur patForms (en) va paraître dans le prochain numéro (03.05) du International PHP Magazine (en). Pour ceux qui ne connaissent pas encore patForms, c'est une librairie qui permet de générer des formulaires. Ce qui la démarque des autres, c'est avant tout sa simplicité et le fait qu'on a le contrôle total de la mise en page et du visuel du formulaire. patForms est un projet de l'équipe de PHP Application Tools (en), développé par Stéphane (en), gERD (en|de) et moi-même.

Mon article est scindé en deux parties, et la première partie qui va sortir bientôt présente l'architecture et les possiblilités de base façon tutoriel avec beaucoup d'exemples. Dans la deuxième partie, j'insisterai sur la gestion des évènements, les observateurs, filtres et autres. Pour découvrir patForms c'est l'idéal, surtout que la seule source d'informations à l'heure actuelle est la collection d'exemples (en), qui est très fournie et bien documentée.

Et pourquoi encore une libraire de gestion de formulaires, me direz-vous - il est vrai qu'il y en a beaucoup, mais j'en avais marre de me battre avec des solutions jamais optimales, et je trouve que même des outils très plébiscités comme PEAR::QuickForm sont trop hermétiques et pas assez flexibles. Pourquoi? Parce-que je veux que ce soit intuitif. Si il faut que je tape 60+ de lignes de code super-cryptique juste pour afficher trois champs de formulaire, non merci. Et c'est là la vraie force de patForms: c'est super simple à utiliser - voilà tout ce qu'il faut pour créer un formulaire qui se valide tout seul:


// inclure les classes nécessaires
require_once 'pat/patForms.php';
require_once 'pat/patForms/Parser.php';
require_once 'pat/patErrorManager.php';

// définir les options essentielles
patForms_Parser::setNamespace( "patForms" );
patForms_Parser::setCacheDir( "cache" );

// créer l'objet formulaire à partir d'un template
$form =& patForms_Parser::createFormFromTemplate(
   'SimpleRenderer',
   'templates/form.fhtml',
   'templates/form.html'
);

// dire au formulaire de se valider tout seul
$form->setAutoValidate( 'save' );

// afficher le formulaire
echo $form->renderForm();

// le formulaire a-t-il été envoyé?
if( $form->isSubmitted() ) {
   // des erreurs de validation?
   $errors = $form->getValidationErrors();
   if( $errors ) {
      // afficher les erreurs
   } else {
      // faire qq-chose avec les données
      $values = $form->getValues();
   }
}


L'intéressant ici, c'est surtout le template de formulaire Le parseur de patForms permet de générer un objet patForms à partir d'un fichier html ou encore un template patTemplate. Dans ce cas-ci, c'est un ficheir html qui pourrait avoir le contenu suivant:


<html>
   <head>
      <title>Faut être logué...</title>
   </head>
   <body>
   <patForms:Form name="foo">
      <patForms:Hidden name="caché" default="zutaseluikilalu"/>

      <div id="login">
         Pseudo: <patForms:String name="username" required="yes" size="8" maxlength="8"/><br/>
         Passe: <patForms:String name="password" type="password" required="yes" size="6" maxlength="6"/><br/>
      </div>
   </patForms:Form>
   </body>
</html>


On peut donc écrire ses formulaires comme on le faisait avec un formulaire traditionnel, et ainsi avoir le contrôle complet du visuel. Bien sûr patForms offre aussi des méthodes simples pour créer des formulaires de manière dynamique, le parseur n'est qu'un addon.

Allez hop, j'en retourne à mes occupations mondaines - plus précisément la préparation des crèpes au sarrazin

Traduction du billet 'patConfiguration 2.0.0b1 released' de php-tools:

Stéphane a publié la première beta publique de son lecteur de configurations patConfiguration. À partir de cette version, la classe est basée sur des drivers avec une architecture unifiée pour lire les configurations à partir de fichiers XML, INI et WDDX avec la même interface.

Le driver XML est le plus puissant, puisqu'il permet de définier commetn les balises doivent être traitées. Il est ainsi par ex. possible de définir une balise <foo one="1" bar="totmato"/> pour qu'elle soit automatiquement convertie en tableau avec les attributs comme clés et valeurs. Bien sûr on peut aussi choisir pour chaque attribut quel type de variable y est stocké pour que les valeurs soient automatiquement convertis en valeurs booléennes, nombres, chaînesde caractère et même des objets.

Pour cela, patConfiguration propose une balise spéciale très simple:

<!-- définir un espace de nom -->
<define ns="boutique">
    <!-- définir une balise dans un espace de nom -->
    <define tag="articles" type="array"/>

    <!-- définir une balise sans nom (tableau indexé) -->
    <define tag="article" name="_none" type="array">
        <!-- définir trois attributs pour cette balise -->
        <define attribute="vendeur" type="string"/>
        <define attribute="titre" type="string"/>
        <define attribute="prix" type="float" default="99.99"/>
    </define>
</define>

Maintenant que les balises sont définies et que patConfiguration sait comment les integréter, on peut les utliser dans la configuration XML:

<boutique:articles>
    <boutique:article titre="Hache médiévale" vendeur="Argh"/>
    <boutique:article titre="Oeuf de dragon" vendeur="Merlin" prix="500"/>
</boutique:articles>

Lire cette configuration à partir d'un fichier est très simple:

<?php
$conf = new patConfiguration(
                            array(
                                'configDir' => './config'
                                )
                            );
// parse config file
$conf->loadConfig('example_define_basic.xml');

$config = $conf->getConfigValue('articles');
?>

Si vous êtes inquiet que le temps que de parser des fichiers XML à chaque requête ralentit votre application, vous pouvez activer le système de cache qui rend le chargement encore plus rapide que de stocker la configuration dans un fichier PHP. Si vous voulez utiliser les définitions des balises dans plusieurs fichiers, vous pouvez utiliser des entités externes ou des balises xInclude - patConfiguration gère les deux, même sous PHP4.

Après chargement avec patConfiguration, voilà le tableau résultant de notre exemple:
Array
(
    [0] => Array
        (
            [vendeur] => Argh
            [titre] => Hache Médiévale
            [prix] => 99.99
         )

    [1] => Array
        (
            [vendeur] => Merlin
            [titre] => Oeuf de dragon
            [prix] => 500
         )
)

patConfiguration permet en outre d'accéder à la configuration complète, ou juste des parties en utilisant une mixture de la syntaxe d'accès aux tableaux dans PHP et de syntaxe de chemins à la JavaScript (boutique.articles[0], par ex.) Pour voir la liste complète des possibilités qu'offre patConfiguration, il y a les exemples en ligne ou vous pouvez télécharger le package entier par notre site.

Si vous utilisez déjà PEAT 1.4.0, vous pouvez aussi l'installer par notre serveur de canaux:
$ pear channel-discover pear.php-tools.net
$ pear install --alldeps pat/patConfiguration

En cas de bogue, utilisez notre patBugzilla.

Il y a un problème qui existe depuis des millénaires si on le place dans le bon contexte: les technologies Internet. Sur une échelle de temps de quatre ans, les possibilités de création de sites ainsi que les moyens et outils pour les créer ont évolué de manière exponentielle. On a finalement vu la disparition de Netscape 4, ce qui a ouvert la voie vers un HTML virtuellement sans tableaux. À partir d'Internet Explorer v5, la partie des standards qu'il gère précipite l'avènement du XHTML et des designs 'CSS Only'. L'arrivée en trombe de Mozilla et plus récemment de Firefox est encore une petite révolution à part - mais il est des choses dont on ne se débarrasse pas si facilement.

Depuis que les calques existent, et que les webdesigners utilisent cette technique pour créer menus dynamiques, fenêtres de dialogue et autres, ils se sont invariablement trouvés confrontés au champ de formulaire qui n'en a rien à cirer et qui flotte tranquillement dans son propre calque au-dessus de tout (en). C'est tout de même bizarre, non? EN quatre ans, avec tous les progrès qui ont été faits, ils n'ont même pas été capable de s'en occuper une fois pour toute. Surtout que le problème semble se concentrer sur le champ de formulaire <select> - et indépendamment du système d'exploitation. Je comprendrais si c'était lié à un système d'exploitation spécifique (par ex. les contraintes de développement sous windows), mais là ça frise le ridicule. À moins que la technique de superimposition des champs de fomulaire est commune à Windows et OSX

C'est d'autant plus ridicule si on considère que Firefox a maintenant réussi apparamment sans grand effort à nous débarrasser de ce problème. Je ne m'en suis rendu compte qu'après avoir testé les nouvelles denêtres de dialogue dans l'interface d'administration de Syrocco avec Internet Explorer: en fait, j'avais complètement oublié le problème. Il ne reste plus qu'à espérer qu'Internet Explorer 7 ira dans la même direction...

Quand j'ai vu les premières images sur la nouvelle série 'Battlestar Galactica' (en) il y a deux ans (du concept art des vaisseaux), je me disais qu ça allait certainement encore être une de ces séries de science fiction débiles (non, je ne citerai pas Andromeda). Il faut dire que si j'ai regardé la série originale de 1980 (en), c'était parce-qu'à l'époque la science fiction était très rare à la télé...

Pour moi, la nouvelle série qui passe en ce moment sur la chaîne SciFi (ah, les joies de la télé par satellite ) se place directement dans le panthéon des meilleures séries de Science fiction à côté de Stargate/Stargate Atlantis (fr). Petit résumé de l'histoire: les Cylons, robots dotés d'intelligence et jusque-là utilisés pour aider les hommes se révoltent. Après une bataille sans issue, ils s'exilent sur une autre planète et on en entend plus parler. Jusqu'au jour où ils arrivent en masse, et réussissent à exterminer la race humaine en moins d'un jour. Toute la race humaine? Non, un petit groupe réussit tout de même à s'arracher momentanément de l'emprise des Cylons.

D'accord, c'est assez classique... mais c'est dans le détail que ça devient intéressant. À noter aussi que le scénario colle pile poil à la série originale. Ce qui fait vraiment la différence, c'est la réalisation technique parfaite, le jeu convaincant des acteurs et cette atmosphère oppressante constante. Et c'est là la grande réussite de la série: contrairement aux autres séries du même genre, le poids qui pèse sur les quelques survivants de l'humanité est carrément palpable. Le rythme est soutenu, les évènements sont surprenants et on s'en trouve scotché dans son siège.

Parcontre, là où Stargate brille souvent par son humour, on trouvera ici beaucoup de sérieux - mis à part avec quelques personnages qui réussissent par moment à détendre un peu l'atmosphère, on ne sourit pas souvent. Mais vu le thème, ce serait un peu bizarre si ces quelques survivants passaient leur temps à se fendre la poire!

Conclusion: enfin du vrai Space Opera (fr) dans toute sa splendeur. À déguster absolument sans modération

Par rapport à mon billet précédent, voici deux captures d'écran de l'interface d'administration (attention, encore tout en allemand...):

Liste d'articles:


Bibliothèque médias:


Dans la bibliothèque de médias, il est même possible de choisir la taille des miniatures pour la liste

Les deux dernières années, j'ai travaillé sur le système E-Commerce XenaShop de mon ancien employeur, Metrix Internet Design GmbH. Lors de mon départ en Septembre, il était clair que le projet serait enterré, vu que Metrix cherchait à se repositionner plus du côté graphique que du développement. C'est là qu'ils m'ont fait un cadeau énorme: ils m'ont cédé tous les droits sur le système

Seul bémol, le XenaShop est intégré dans Xena (de), un framework qui gère l'authentification, les droits des utilisateurs et les applications installées chez le client. La premiere chose à faire était donc de séparer le XenaShop de Xena, pour qu'il devienne un produit à part entière (nom de code: Syrocco ). Je travaille dessus depuis décembre, et cette semaine ma cliente du Hainlin-Shop (vente d'ustensiles de cuisine haut de gamme) va être la première à profiter des nouvelles fonctions de l'administration. Le système est maintenant entièrement indépendant de Xena, ce qui m'a permis de simplifier beaucoup de choses. La bibliothèque de médias, par exemple: celle intégrée dans Xena devait pouvoir gérer les images de tous les programmes installés, mais ne pouvait pas gérer des données multilingues. La nouvelle bibliothèque de médias a une arcvhitecture plus simple, mais offre bien plus de possibilités.

On peut catégoriser les médias, et quand on veut par ex. utiliser une image pour illustrer un produit, la bibliothèque en crée une copie et une miniature, en redimensionnant l'image et créant la miniature aux tailles définies pour le type d'article. Un panneau d'options permet de changer ces tailles au cas par cas, et d'autre part d'ajouter un titre et une description en plusieurs langues pour pouvoir les afficher dans la boutique selon la langue qu'a choisi le visiteur. Pour l'occasion, j'ai aussi mis à jour le générateur de formulaires, qui affiche maintenant une miniature de l'image choisie avec quelques informations utiles. Très pratique aussi: la bibliothèque garde maintenant une trace de toutes les copies d'une image, et permet d'en éditer les données à tout moment.

Il me faudra encore un peu de temps avant de pouvoir présenter la première version officielle avec une installation de démonstration en ligne - je pense que c'est possible jusqu'en avril de cette année. Le plus difficile reste encore à venir: l'internationalisation de l'interface d'administration (eh oui, c'est encore entièrement en allemand )