Skate in Mars - web

The missing link

Jean-Philippe — Thu, 01 May 2008 12:26:00 +0200

Bon, comme cela fait vraiment trop longtemps que je n'ai pas bloggué (même mr_pouit et illovae blogguent plus que moi Oo), il est temps de profiter de cette belle journée pour rester enfermé et sortir un bon petit tas de liens \o/

Mais avant, un petit pardon pour le downtime ce week-end et ce début de semaine, mon alimentation et ma carte mère sont mortes en même temps, et le seul magasin ouvert le lundi qui faisait des prix corrects a trouvé malin de me vendre une alim défectueuse... La bonne chose c'est que j'ai eu l'occasion de tester ubuntu 8.04 sur le eee (quoi, vous l'avez déjà installé sur votre pc principal ? vous êtes fous ?)

LA nouvelle c'est bien sur Dotclear 2 en Release Candidate ! On a beau râler, le travail accompli semble bien énorme. http://www.dotclear.net/blog/post/2008/05/01/Dotclear-20-RC1
Tant qu'a faire dans les releases : OpenBSD 4.3, le plugin del.icio.us pour FF3, Rails 2.1RC qui bouillonne, sans oublier Netbeans 6.1 que je teste actuellement et qui pourrait presque me faire oublier eclipse (je sais ce que vous allez dire, mais faut bien utiliser son core2duo et ses 4Go de ram de temps en temps :o )
Les utilisateurs de la dernière ubuntu ont sûrement remarqué que la zone de texte de message dans pidgin 2.4 n'est plus redimensionnable. Un choix plus que discutable qui a entraîné une bonne flamewar sur un ticket trac ouvert à cette occasion : http://developer.pidgin.im/ticket/4986#comment:272 Un plugin est apparemment tout de même disponible pour restaurer le comportement originel
Des trucs sympas et utiles en js : Une interface basée sur prototype pour recadrer une image (exemple d'implémentation rails); un gros tas de libs/scripts plus ou moins biens; et des exemples d'utilisation de mootools (qui roxe, rappelons-le)

Ca suffira pour quelques temps, j'espère ?

Dis vert !

Jean-Philippe — Fri, 08 Feb 2008 15:40:00 +0100

Bon voila, j'ai plein d'idées de billet hyper interressants, mais aucune motive, donc je vais faire un petit billet de lien pour donner l'illusion que ce blog est encore actif.
Hop hop trève de discussions :

Des mises à jour plus ou moins en retard : prototype 1.6.0.2, l'Acid Test 3, la reset.css de Eric Meyer et Geany 0.13 \o/ (la trad fr n'a pas été incluse dans le targz releasé, mais vous pouvez récuperer le .po depuis le svp, et non c'est pas ma faute )
Le Calendrier 2008 de la mauvaise utilisabilité. Marrant (20 secondes), mais il y a de vrais conseils dedans. Bon, par contre ce sont des conseils que tout le monde connait déjà, et on explique ni les causes ni les solutions...
En parlant de releases, tiens, ou en est Dotclear ? Ca discute, ca se raconte des histoires et chante des chansons entre eux, cool. Ca créé un site dédié aux thèmes et plugins, super ! On peut avoir une version stable maintenant ? Une date de sortie, une vraie roadmap ? Release early, release often qu'ils disaient...
De quoi regarder le soir au coin du feu (ou du micro ondes, sale étudiant pauvre !) : Les confs du CCC 2007
Un gros tas de howtos chez Slicehost : http://articles.slicehost.com/. Bien sur comme dans toute liste de liens, il y en aura peut-être aucun qui vous servira (hum, je dis ca dans une liste de liens moi ?)

Voila, si vous vous attendiez à plus d'explications, bah, tant pis.

En vrac \o/

Jean-Philippe — Mon, 24 Dec 2007 00:37:00 +0100

Et oui vous croyiez pouvoir y échapper mais le revoila, le billet de liens !
Pas mal comme cadeau de Noël non ? (non)

Bref, passons aux choses "sérieuses" :

9 CSS Ethics Every Designer Should Have Quelques bonnes pratiques en CSS
Kohana PHP est un framework en PHP5 basé originellement sur Codeigniter. Il est complètement objet et corrige pas mal de manques et problèmes de CI. Il manque toutefois encore un peu de maturité avant de pleinement le remplacer, et les docs laissent à désirer. Un projet à surveiller donc (le développement avancant très vite, préférez la version svn pour tester).
Des sorties côté rails pour les endormis : Rails 2.0 (2.0.2), et Rubygems 1.0 (1.0.1)
En parlant de rails, les slides de la conf Paris on rails 2007 sont dispos et y'en a des biens (<3 Christophe Porteneuve as usual). Si vous kiffez les slides ~~mettez-en sous le sapin~~ voila aussi ceux de Paris Web 2007, qui sont moins bien (la preuve, yen a au format powerpoint)
En enfin je m'aperçois que j'ai honteusement oublié de faire un billet sur le Barcamp Marseille (d'un autre côté c'était pas si intéressant donc c'est pas trop grave ). Voila tout de même le lien vers la conf pour les intéressés : http://barcamp.org/BarCampMarseille1
Et pour finir (oui je finis 2 fois) sachez que skateinmars.net tourne maintenant sous nginx en frontend apache est toujours la pour les quelques repositories svn et pour les scripts php (bien que je pourrais le remplacer par php-cgi, j'héberge quelques personnes qui ont besoin de htaccess apache)

Sur ce, joyeux Noël toussa toussa o/

CodeIgniter, un framework PHP qu'il est bien

Jean-Philippe — Wed, 23 May 2007 22:34:00 +0200

Ruby on Rails est peut-être à la mode mais je n'ai jamais été trop utilisateur des dernières technologies jusqu'à maintenant même si j'aime me tenir au courant. Pourtant, les frameworks web permettent de gagner énormément de temps en s'occupant de pas mal de tâches répétitives qui ne sont jamais fun pour un développeur.

Pour regagner un peu de fun dans le développement PHP de nombreux frameworks ont commencé à apparaître tels CakePHP, Symfony ou encore le Zend Framework qui deviendra certainement bientôt celui de référence car écrit par l'équipe des développeurs de PHP eux-mêmes.

J'avais besoin de rapidement créer quelques pages pour mon site (http://skateinmars.net) et j'ai voulu voir ce qui se cachait derrière l'idée d'un framework.

Voici donc CodeIgniter (http://codeigniter.com/) qui me semble un peu moins connu mais qui mets l'accent sur la simplicité et la légèreté. Il propose donc peu de fonctions mais est très modulaire, et se veut compatible avec PHP4.

La simplicité, est réellement la raison clé du choix de ce framework. Contrairement à une "usine à gaz" comme Symfony (ce n'est pas forcément un défaut, les créateurs annoncant eux-mêmes Symfony comme réservé aux grosses applications web de niveau "corporate"), CodeIgniter n'a pas d'interface en ligne de commande, ni de fichiers de configs évolués pour générer une partie du code.
Pour l'installer on va donc simplement décompresser un fichier, modifier deux/trois variables dans un fichier de config en PHP et c'est prêt.

Mais au lieu de comparer CodeIgniter (que j'appellerai CI pour moins me compliquer à écrire) à d'autres frameworks voyons plutiôt les features qu'il propose et que l'on peut attendre d'un framework aujourd'hui, ainsi que ses particularités ce qui vous permettra de choisir par vous-même.

Premier point, l'architecture : comme beaucoup de frameworks, y compris le célèbre Ruby On Rails, CI propose un système Modèle-Vue-Contrôleur. Pour expliquer rapidement, ce modèle sépare le code en trois parties :

d'un côté l'aspect présentation (Vue) qui représente comment l'utilisateur verra l'information. Le plus souvent ce sera donc une page web mais cela peut aussi être un flux RSS, un fichier XML etc... cette partie gérera donc par exemple l'utilisation des templates à utiliser.
de l'autre le côté Modèle qui définit comment accéder aux données et les modifier. Par exemple, c'est ici qu'on pourra y définir les méthodes nécessaires à la création d'une news ou à la récupération des commentaires d'un article de blog.
Le contrôleur va lui servir à relier les deux autres parties : selon ce que demande le visiteur, il va chercher les données appropriées depuis le modèle, puis les transmettre à la vue qui conviendra.

Dans la pratique, on utilisera une classe pour chaque modèle souhaité (par exemple, articles, ou commentaires), que l'on nommera et placera dans un dossier models définit par CI.
Les vues seront des fichiers PHP classiques ou se mélangeront code PHP et HTML. Des helpers sont mis à dispositions, ce sont des fonctions qui permettent de faciliter l'écriture d'un lien, d'un formulaire, etc...
CI étant modulaire, on peut tout à fait utiliser un moteur de template classique comme Smarty ou TinyButStrong sans problèmes particuliers (à part peut-être la nécessité de s'occuper différemment du cache des fichiers).

Le contrôleur est la partie la plus interressante. En fait, c'est la seule partie qui est strictement necessaire. On peut d'ailleurs y mélanger des tâches dévolues aux vues ou au modèle sans problème, même si cela reste déconseillé pour des raisons d'organisations et de clarté.
Les contrôleurs seront également déterminants car ils définissent les URLs du site.
Par exemple, le contrôleur Contact sera une classe Contact (qui étend la classe controller) placée dans le fichier contact.php du dossier controllers. On y créera les fonctions index, et par exemple send.
Le visiteur ira ensuite sur site.com/contact, et CI déclenchera automatiquement la fonction index de la classe Contact. Magique
Si la fonction send prend en paramètre une personne, le visiteur cliquera ensuite sur un lien vers site.com/contact/send/bob, et la fonction send pourra ainsi chercher une vue qui par exemple affichera un formulaire pour contacter l'utilisateur Bob.

Voila donc l'utilisation de base de CI. Il propose bien sûr d'autres fonctionnalités, comme l'URI routing : on peut par ce moyen rediriger une demande d'URL vers un autre URL pour utiliser un autre contrôleur et une autre fonction (de manière plus ou moins complexe grâce aux expressions régulières).

CI propose de plus une série de librairies pour faciliter les tâches courantes du développement web : l'envoi de mail, l'accès à un serveur FTP, la manipulation d'images et de fichiers, les sessions et ainsi de suite.

CI permet également de créer ses propres librairies, ses plug-ins (simples fonctions) ou encore l'utilisation de hooks, fonctions qui agissent à différents moments du traitement de la requête pour modifier le comportement de CI lui-même, encore une fois preuve de sa modularité.

Voila pour une introduction à CodeIgniter qui ne va pas très loin (je n'ai pas parlé du scaffolding par exemple), mais j'espère vous avoir convaincu de l'utilité d'un framework, et de donner une chance à CodeIgniter
Sachez que le niveau requis n'est pas très élevé, il vous suffira de connaître (sans forcément avoir déjà pratiqué) les bases de la programmation objet et d'avoir un minimum d'expérience avec PHP ne serait-ce que pour comprendre les objectifs et les besoins auxquels on fait face lors de la création d'un site ou d'un application web.

Les liens à ne pas manquer pour aller plus loin :

http://codeigniter.com/ Le site officiel
La documentation, très bien faite avec de nombreux exemples
Le wiki regorges de helpers, bibliothèques et autre plugins créées par les utilisateurs. Le forum, du peu que j'en ai vu, est quand à lui assez actif et une assez bonne ambiance y règne (quoique les utilisateurs se clashent parfois avec les devs de CodeIgniter, employés de EllisLab).
Certains utilisateurs ont d'ailleurs créé CIForge qui regroupe des projets autour de CI.
Et pour finir, les screencasts (à la mode depuis RoR) qui vous donneront une idée de CI grâce à un tutorial vidéo.

Encore et toujours des liens

Jean-Philippe — Sun, 13 May 2007 14:23:00 +0200

Ca vous avait manqué hein

On commence direct avec :

Sortie de Prototype 1.5.1 (et scripaculous 1.7.1 beta 2 dans la foulée)
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ Une css pour effacer les différences entre les navigateurs et mettre à zéro la plupart des styles de base, pour bien démarrer un design
http://thecodist.com/fiche/thecodist/article/we-are-all-open-source-billionaires bon article sur l'open source en réponse à Where are all the open source billionaires
http://www.seifi.org/?p=482 Une revue des méthodes pour diminuer le poids de vos fichiers javascript et css
http://rnc000.blogspot.com/2007/05/api-design-guidelines.html (le sujet est dans le titre) un bon article clair, avec des conseils pas mal réutilisables
http://blog.case.edu/gps10/2007/04/29/so_many_untapped_php_features Une critique de quasiment toutes les applications PHP actuelles
http://www.dailyblogtips.com/43-web-design-mistakes-you-should-avoid/ De quoi améliorer ce pauvre web
Retours la et la sur l'affaire de digg et de la clé 09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0 (mince, je l'ai dit !). Sans oublier ici bien sur
http://browsershots.org/ Pour tester son design sur de nombreux navigateurs
http://www.codinghorror.com/blog/archives/000855.html De nombreuses citations plus ou moins marrantes et souvent vraies sur les programmeurs
http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/ à lire avec http://ventureskills.wordpress.com/2007/05/09/top-5-css-layout-tips/
http://jokke.dk/2007/03/optimizing_php_through_habits quelques conseils en php pour finir

Voila de quoi faire en attendant le prochain billet (qui sera peut-être un vrai article avec du texte, qui sait !)

Update :
Un nouveau lien sur l'effet digg : http://pisani.blog.lemonde.fr/2007/05/14/la-rebellion-digg-les-faits/

Links for 2007-04-19

Jean-Philippe — Thu, 19 Apr 2007 21:13:00 +0200

Une grande personne célèbre (ou pas, en fait je ne m'en rappelle pas) a dit un jour : "Peut-on créer sans copier ?"
Il n'y a toujours pas de réponses certaines à cette question mais quoi qu'il en soit, voila quelques liens toujours plus inintéressants.

http://biologeek.com/journal/index.php/le-guide-complet-du-debutant-freelance
http://freelanceswitch.com/general/101-essential-freelancing-resources/ Très bon site que freelanceswitch.com (Les gens qui suivent auront remarqué que c'est de la que provient le texte de biologeek lié plus haut)
http://www.schillmania.com/projects/soundmanager2/ Une nouvelle version (stable) pour Soundmanager2 que vous verrez bientôt à l'oeuvre dans des conditions réelles
http://www.uncov.com/2007/4/12/youos-youhave-to-be-kidding-me Un grand trolleur que ce monsieur... à voir également son billet sur meebo !
http://www.smashingmagazine.com/2007/04/12/best-of-march-2007/ Un énorme tas de ressources plus ou moins inintéressantes pour les web programmers et web designers.
http://jarrodspillers.com/articles/2007/04/10/custom-image-form-submit-buttons-what-is-the-correct-approach Tout est dans le titre (j'adore quand tout est dans le titre !)
http://www.456bereastreet.com/archive/200704/lame_excuses_for_not_being_a_web_professional/ Pareil
http://www.codinghorror.com/blog/archives/000836.html Petit tour des mauvaises pratiques des sites web
http://www.hunlock.com/blogs/Mastering_JSON_(_JavaScript_Object_Notation_) JSON est à la mode, voila de quoi vous aider si vous êtes un peu perdu avec cet eventuel futur remplacant de XML !
http://designinginterfaces.com/Introduction Quelques bons conseils à glaner ici
http://www.communitymx.com/content/article.cfm?cid=8B4E6 4 petits conseils idiots mais à ne pas oublier sur le debugguage (comment écrire cet affreux anglicisme ?) de vos CSS.

Et bah, voila !
J'ajouterai que le module d'édition WYSIWYG de Dotclear 2 est très agréable et me permet de blogguer une liste de liens avec encore plus d'efficacité, pour le plus grand bonheur de mr_prout !