Blog de neolao

Serveur Jabber perso et gmail

neolao — Mon, 13 May 2013 20:13:00 +0200

J'ai voulu installer mon propre serveur Jabber (peu importe la raison) et j'ai été confronté à un problème de communication avec Google Talk. Mais j'ai trouvé la solution !

Le contexte

Il y a 2 logiciels qui ont l'air de se démarquer lorsqu'on veut installer un serveur Jabber :

J'ai eu moins de soucis avec Prosody, mais mon problème n'est pas dépendant de ça.

J'ai le domaine heunthep.com déjà configuré sur un serveur et je veux installer le serveur Jabber sur un autre. La solution est d'utiliser des instructions DNS suivantes :

_xmpp-client._tcp.heunthep.com. 3600 IN SRV 20 0 5222 jabber.heunthep.com.
_xmpp-server._tcp.heunthep.com. 3600 IN SRV 20 0 5269 jabber.heunthep.com.

Le domaine jabber.heunthep.com pointe évidemment sur serveur différent.

C'est vérifiable avec dig :

dig -t SRV _xmpp-client._tcp.heunthep.com

Le problème

Cette configuration marche bien. Je peux ajouter des contacts Jabber sans problème. J'ai essayé avec un compte jappix.

Mais ça ne passe pas avec quelqu'un sur Google Talk. Et ça m'embête beaucoup :(

La solution

La seule solution que j'ai trouvé, c'est que le domaine heunthep.com pointe sur la même IP que le serveur Jabber. Je pense que Google ne prend pas en compte les instructions DNS.

Générateur de playlist mp3

neolao — Sun, 17 Mar 2013 02:10:00 +0100

Oui je sais, ça fait plus d'un an que je n'ai pas écrit de billet. Le temps passe si vite.

Je suis sur plusieurs projets en même temps, mais comme j'ai bien avancé sur celui là, je vais vous en parler. C'est un générateur de playlist de musiques.

Le besoin

On gère tous nos musiques de façons différentes. Je fonctionne surtout avec les genres et les étoiles en créant des listes automatiques.

Le problème c'est que les logiciels gèrent eux mêmes les étoiles (ou notes, ou popularité, etc.) et c'est bien embêtant car je lis ma bibliothèque sur plusieurs supports.

Je me suis aussi rendu compte que mes fichiers ne contenaient pas les informations que je voulais alors que je le croyais. C'est encore la faute aux logiciels (iTunes, Songbird, Nightingale, Banshee, XBMC, etc.) qui ne mettent pas (ou pas toujours) à jour les fichiers.

La solution

Là où les logiciels ne sont pas d'accord, c'est sur la gestion des étoiles. D'ailleurs, même les éditeurs de tag ID3 permettent de modifier la popularité dans différents formats. J'ai opté pour la notation de Media Monkey parce que c'est celle immédiatement comprise par XBMC.

J'utilise le logiciel Jaikoz pour tagger et compléter mes fichiers. J'ai donc maintenant des fichiers qui contiennent toutes les infos nécessaires pour créer mes listes de lecture. Et XBMC gère ses listes intelligentes sans problème.

Mais ce n'est pas suffisant car je lis ma bibliothèque aussi sur le lecteur Sansa Clip+. Afin que ça fonctionne correctement, je dois créer des M3U avec des chemins relatifs qui contiennent des séparateurs de dossier Windows ...

Le projet

Ne trouvant pas mon bonheur dans les lecteurs musicaux (ou sinon j'ai mal cherché), je génère moi-même les playlists utilisant les meta-données des fichiers.

Comme base, j'ai choisi un script Perl bien connu : ExifTool.

Pour aller vite, j'ai codé le générateur en PHP. Ça ne m'a pas pris longtemps, vous verrez les commits.

Voilà le dépôt : https://github.com/neolao/music-playlist-generator

Conclusion

J'ai fait ce projet pour mes besoins et je sais qu'il manque des choses, comme la normalisation de certains meta-données. Ça ne fonctionne probablement pas sur Windows à cause des séparateurs de dossier codé en / au lieu de DIRECTORY_SEPARATOR mais aussi parce que les chemins absolus commencent par C:\ . Bref, j'avais surtout pas envie :)

N'hésitez pas à me faire des suggestions.

La curation avec Google Reader

neolao — Sat, 12 Nov 2011 23:09:00 +0100

Avec les récents changements de Google Reader, on ne peut plus créer des flux avec des tags. C'est ce que j'utilisais pour partager ma veille. J'utilisais aussi le snippet Javascript très pratique pour partager une URL depuis le navigateur.

Comment partager ?

Alors avec tout ça, j'ai cherché un autre moyen de partager mes liens. On peut toujours utiliser Google Reader en créant des thèmes. Ils n'ont pas retiré la possibilité de tagger un article, donc je peux fonctionner comme avant.

D'ailleurs, je ne connais qu'une seule application synchronisée avec Google Reader qui permet de tagger un article : Mr Reader. Et c'est une application iPad, je n'ai rien trouvé en desktop.

Concernant le partage d'une URL qui ne se retrouve pas dans mes flux de veille, j'ai choisi Delicious. Il y a pas mal d'extensions de navigateur et j'ai même trouvé une application iPad qui permet de partager depuis Safari : DBD Delicious Bookmark Discovery.

Fusionner les sources

Pour la pérénité, j'ai créé mes propres URLs de flux RSS. Ça me permet de choisir mes sources d'information et d'en changer quand ça ne me convient plus.

Voici par exemple un flux qui est généré par un thème Google Reader : http://www.google.com/reader/public...

Et un flux généré par des tags Delicious : http://feeds.delicious.com/v2/rss/n...

Ensuite il me suffit simplement de coder un petit lecteur de flux et de fusionner les acticles. Je l'ai fait rapidement avec Zend Framework sans vraiment chercher les alternatives. Et voilà ce que ça donne : http://feed.neolao.com/css

Conclusion

C'est pour l'instant assez confortable de partager un article, heureusement qu'il existe Mr Reader. Si j'utilisais exclusivement Delicious, je perdrai le contenu des articles dans mes flux générés car Delicious ne garde que les URLs et je n'écris pas de description.

Je ne connais pas d'alternative à Google Reader qui pourrait le remplacer. Je consulte mes flux depuis un téléphone, un PC et un iPad. Il faut donc que tout soit synchronisé et confortable.

Et voilà la liste de tous mes flux générés :

Evidemment, il arrive qu'un article se retrouve dans plusieurs tags.

Textile Wiki

neolao — Fri, 08 Jul 2011 21:48:00 +0200

Textile est une syntaxe wiki qui est plutôt facile à apprendre. Je l'utilise régulièrement sur redmine.

Ce que j'ai voulu créer avec ce projet, c'est un site wiki qu'on gère facilement sans grande configuration. Il en existe plein avec ce but, mais voici le mien.

Principe

L'idée est de pouvoir gérer ses pages, ses dossiers et ses fichiers annexes comme dans un explorateur de fichiers.

J'ai maintenu pendant longtemps une documentation personnelle en texte brute. J'avais des fichiers snippets, des séquences d'installation, de configuration ou encore des dossiers d'API doc que je téléchargeais. Bref, c'était un gros bazar en ligne avec une exploration Apache.

Finalement, ce que je voulais, c'était juste rendre ça plus joli :)

Générer les pages HTML

A partir de mon dossier contenant toutes sortes de fichiers, je crée un site dans lequel on peut naviguer. En fait, tous les fichiers avec l'extension .wiki sont convertis en HTML à l'affichage.

Tout le fonctionnement du site se résume à un dossier .wiki/ et un fichier .htaccess à mettre à la racine du site. Et ça ne marche qu'avec PHP et Apache.

Conclusion

C'est avant tout un wiki adapté à mes besoins qui va peut-être satisfaire d'autres personnes comme moi.

Toutes les infos :

le site : http://textilewiki.com
le dépôt Git : http://github.com/neolao/wiki
une demo avec le thème par défaut : http://demo.textilewiki.com/theme-dark/
une demo avec le thème dark : http://demo.textilewiki.com/theme-dark/

Serveur local

neolao — Mon, 11 Apr 2011 01:15:00 +0200

Au départ, je pensais créer mon environnement de développement entièrement en ligne. J'ai mon serveur perso, je gère mes terminaux avec Screen et je code sous Vim.

Mais la connexion internet n'est pas assez fiable. Il m'est arrivé de lagger sur ma connexion SSH et c'est très difficile de travailler quand le curseur ne suit pas. Alors je me suis rabattu sur un serveur local via VirtualBox.

VirtualBox

Je présente très rapidement ce qu'est VirtualBox. C'est un logiciel pour lancer un système d'exploitation dans une fenêtre. Je vais donc m'en servir pour avoir un serveur Linux sur ma machine et travailler sur mes sites sans connexion internet.

Intérêt

L'intérêt c'est d'avoir un environnement d'exécution très proche d'un serveur de production, car on peut avoir besoin de logiciels particuliers qu'on ne peut pas installer sur son Mac ou son Windows (ou sinon c'est plus compliqué).

Personnalisation d'un disque virtuel

Je veux que mes fichiers soient sur ma machine et non dans le disque virtuel. VirtualBox permet de créer des dossiers partagés qu'on monte dans le système virtualisé.

A partir de là, j'ai tout ce qu'il faut. Je peux me connecter en SSH sur ma machine virtuelle et tout configurer. Mais je voulais aller plus loin, dans l'idée de partager cet environnement de travail.

J'ai alors paramêtré les différents logiciels pour qu'ils aient leurs dossiers de configuration dans le dossier partagé. Ça permet d'avoir un disque virtuel qui n'a pas de données personnelles, tout est dans le dossier partagé, donc sur l'ordinateur.

Par exemple, mes VirtualHost de Apache ni mes bases de données MySQL ne sont dans le disque virtuel.

Le projet VDI Server

Je fonctionne avec cet environnement de travail depuis un petit moment déjà. C'est pourquoi j'ai décidé (pouf comme ça) de partager ma configuration.

Donc, un site est né avec tout le nécessaire à télécharger : http://vdi-server.com

J'ai écrit un premier didacticiel pour l'installation mais il devrait y en avoir d'autres. Les bidouilleurs vont très vite voir comment ça marche, c'est plutôt simple mais il faut le faire. J'ai choisi d'utiliser une Debian parce que je suis habitué.

L'avantage, c'est aussi d'avoir des fichiers qu'on peut retélécharger si on casse un peu son serveur virtuel après des manipulations dangeureuses :)

Nexus One

neolao — Sat, 20 Mar 2010 17:12:00 +0100

Après presque 2 ans passé sur l'iPhone, je me décide enfin à changer de téléphone pour le Nexus One. Ca va faire 1 mois que je l'ai et ... c'est intéressant.

L'appareil

Je ne vais pas entrer dans les détails du matériel, mais je vais plutôt vous parler de la manipulation de l'engin. C'est à peu près les mêmes dimensions que l'iPhone, donc la taille me convient.

L'écran

L'écran est évidemment tactile et multipoint mais de moins bonne qualité comparé à celui de l'iPhone. Je n'arrive toujours pas à bien viser pour cliquer sur un lien. Parfois, c'est au centre de mon doigt comme prévu, sinon c'est en bas de mon doigt. Même quand je vise bien et qu'il y a l'indicateur de sélection, ça ne clique pas toujours, il faut que j'insiste un peu plus.

Les 4 boutons du bas

Au début, je me demandais à quoi pouvait bien servir les boutons du bas, si toute l'interface est utilisable en tactile. Bah en fait non, les boutons "retour", "menu", "home" et "recherche" sont indispensables.

Il n'y a pas toujours ces fonctionnalités dans l'interface. Le problème, c'est qu'ils en ont fait des boutons tactiles et je ne vois pas l'intérêt parce que c'est toujours affiché. En plus, ça marche mal, ça détecte mal mon doigt.

Bon, avec le temps, je sais comment appuyer, mais ça reste tout pourri. Parfois, j'appuye sur "home" par erreur en voulant faire un espace sur le clavier tactile.

Le trackball

Quant au trackball, j'ai trouvé quelques avantages qui ne justifient pas franchement son existence.

il peut permettre de cliquer sur le bon lien quand c'est trop petit
il peut manipuler le curseur dans un champ de texte, pratique pour corriger en plein milieu d'un paragraphe
il s'illumine quand l'écran est éteint pour les notifications
il peut servir pour les jeux

En fait, comme l'écran est un peu nul, le trackball compense le manque de précision.

L'appareil photo

L'appareil photo marche très bien je trouve. Quand une appli veut l'utiliser, ça s'allume très rapidement.

Il y a un flash intégré et on peut aussi capturer des vidéos. La qualité est meilleure que celui de l'iPhone. Et l'autofocus, ça change tout !

La fonction téléphone, la 3G et le GPS

La réduction du bruit est excellente. C'est surtout pour votre interlocuteur, évidemment.

J'ai testé en me mettant relativement près des enceintes avec de la musique, l'autre n'entend rien du tout.

Je ne capte pas moins bien la 3G, contrairement à ce que j'ai pu lire. Par contre, le GPS a l'air moins précis que mon iPhone 3G. Je n'ai pas comparé à l'extérieur, mais à l'intérieur, je vois une petite différence.

Android

J'ai compris qu'on pouvait installer et personnaliser à peu près tout sur Android. Il y a des termes qu'il faut retenir :

Le lock screen désigne l'écran où l'on débloque l'appareil
Le home screen désigne l'écran qui lance les applications avec des icônes

Le home screen

Et donc, on peut remplacer le homescreen si on veut. J'ai opté pour PandaHome qui est gratuit et qui permet surtout de changer toutes les icônes et les noms des applications.

Et ce n'est pas sur surcouche, c'est un remplacement de homescreen. On peut parfaitement en trouver un plus léger que celui par défaut, comme par exemple Home++ qui est très prometteur.

Je n'ai pas remarqué une augmentation de la consommation de la batterie après l'utilisation de PandaHome.

La barre de notification

Enfin quelque chose de bien: la barre de notification. Les applications peuvent y insérer une icône et on peut dérouler cette barre pour l'agrandir sur la totalité de l'écran pour voir les détails.

Je trouve ça plus pratique que des pastilles sur les icônes d'application. Je n'ai qu'un seul endroit où regarder.

Le multi-tâches

Ca c'est le grand changement par rapport à l'iPhone, je peux lancer plusieurs applications si je veux!

Evidémment, ça consomme et il faut fermer les logiciels. Heureusement, il y a des solutions pour auto-fermer les applications ou les services en cours de fonctionnement. Malheureusement, il y en a plein à tester. J'ai choisi le Task Manager pour info.

Bon, c'est vrai, c'est souvent pour des utilisations de geek, mais c'est bien d'avoir le choix.

Les applications

Je trouve que l'ergonomie et l'esthétisme des applications sont globalements mauvais. Souvent, je trouve ça moche, même si ça marche.

Le menu contextuel me fait faire des clics en plus, c'est un peu chiant. Bien sûr, ça permet d'avoir plus de place à l'écran, mais les applications iPhones y arrivaient très bien sans.

L'application Gmail est minable comparé à l'iPhone, même s'il a plus de fonctions. Safari était bien mieux, mais ça je le savais déjà avant de changer de téléphone.

Le lecteur de musique est naze aussi, mais bon, je compare avec Apple qui fait des lecteur MP3 depuis longtemps. Pour ceux qui n'écoutent que des albums, c'est suffisant. Moi j'utilise les genres, les notes et les playlists dynamiques.

Le market

Le market est l'équivalent de l'AppStore d'Apple. Il est correct, je n'ai pas eu de difficulté particulière pour trouver des applications.

Le système de notation et de commentaires ne montrent que ceux des français on dirait.

On peut aussi installer des applications qui ne viennent pas du market, et ça c'est top. Evidemment, la même vigilance s'impose que sur PC.

L'autonomie

Ahhhh l'autonomie ... J'ai un peu retardé l'écriture de cet article pour avoir le temps de bien vérifier l'autonomie du Nexus One.

Au début, j'avais un peu de mal. Sans rien installer, si j'écoutais de la musique toute la journée, le téléphone était vide à 20h. Je surfais un peu et lisais mes mails, comme je le faisais sur iPhone.

J'ai très rapidement cherché un tueur d'applications pour moins consommer. J'ai aussi testé pendant un moment des logiciels qui gère l'activation et la désactivation de services automatiquement. Par exemple, je peux dire que s'il est entre 00h00 et 07h00, alors je coupe les sonneries de notification. Je peux aussi dire que si je suis chez moi, alors j'active le Wifi. Si la prise est branchée, alors je désactive la veille automatique.

Bref, c'était sympa et ça marche bien, mais ça consomme tout autant. Finalement, j'en suis revenu au paramétrage manuel avec l'application Quick Settings et le widget par défaut.

Pour mesurer la consommation d'énergie, Android fourni un profiler plutôt efficace. C'est comme ça que j'ai pu déterminer ce qui était vraiment gourmand. Et finalement, à la fin de la journée, il me reste encore 40% de batterie. C'est à peu près pareil qu'avec l'iPhone.

Conclusion

Même avec tous les défauts que j'ai cité, je suis content du téléphone parce qu'il me permet de faire plus de choses de geek. C'est vrai qu'on peut aussi Jailbreak un iPhone et installer plein de choses mais ça reste limité.

En tout cas, c'est une bonne alternative mais je pense que pour un utilisateur normal, l'iPhone est meilleur. Il me reste encore à tester les jeux, je me suis juste pris un émulateur SNES avec FFVI :)

Je n'ai pas encore essayé de développer une application. A ce niveau, c'est mieux sur Android, c'est sûr.

Mon conseil pour ceux qui hésitent et qui ne sont pas pressés, c'est d'attendre d'autres téléphones Android avec un meilleur matériel.

Thème HTML 5 pour DokuWiki

neolao — Fri, 15 Jan 2010 23:12:00 +0100

Après le blog, c'est au tour du wiki de se mettre à jour. J'ai remis les mains dans le célèbre DokuWiki après tant d'années.

Nouveau thème

Evidemment, il a fallu que je crée un nouveau thème qui reprend le style des autres sections du site. Dokuwiki n'a pratiquement pas changé son système de template, donc aucun soucis.

Voici la source : http://resources.neolao.com/php/dokuwiki/templates

Un plugin de rendu HTML 5

La seule difficulté aura été de créer une extension pour afficher du HTML 5 à partir de la syntaxe wiki.

Finalement, c'était plus simple que prévu. J'ai étendu Doku_Renderer_xhtml afin de placer aux bons endroits les balises <section> et forcer tous les titres en <h1>.

Et voilà la source : http://resources.neolao.com/php/dokuwiki/plugin_html5

Conclusion

C'était plutôt rapide et sans problème particulier.

Mon seul regret aura été de mettre la table des matières du contenu dans le <aside> de la page. Je voulais évidemment la mettre dans le <article> correspondant au contenu, mais je ne voyais pas trop comment le caler facilement en dessous des sections de la sidebar.

Thème HTML 5 pour dotclear 2

neolao — Sat, 19 Dec 2009 02:43:00 +0100

Je suis en train de refaire mon site en HTML5 et CSS3. Après le portfolio, c'était au tour du blog. J'en ai profité pour migrer vers Dotclear 2 et faire un thème.

La migration

Je n'ai pas eu de soucis particulier avec la migration de la version 1 à la version 2. Pour les données, c'était fait en un clic. Pour les URLs, un petit .htaccess avec des 301 et c'était réglé.

J'ai voulu tester le stockage sur SQLite. Ca marche très bien pour consulter, mais une fois que j'ai mis en ligne, la base de données était toujours bloquée en écriture, impossible d'écrire un commentaire ou d'aller dans l'admin. Bref, j'ai remis le bazar sur MySQL.

Ce qui m'a pris le plus de temps, c'était la convertion des billets en HTML 5. J'ai laissé tomber le format wiki pour écrire du HTML 5 brut. Mais finalement, j'ai mixé les 2, c'est à dire qu'il faut juste que j'ajoute des balises <section> et <h1> qui n'existe nt pas dans la syntaxe wiki du blog. Je dois écrire :

///html
<section>
<h1>Mon titre</h1>
///
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
///html
</section>
///

C'est un peu galère je sais ...

Thème en HTML 5 et CSS 3

Au niveau de la structure de la page, il n'y a pas une grande différence. J'ai englobé tous les billets dans des balises <article> ainsi que les commentaires, comme suggéré sur le site officiel. Au final, je n'ai plus aucune balise superflu, pas de <div> qui traine (sauf 1 je crois).

Par contre, les widgets sont affichés avec du code HTML en dur dans les fonctions. Donc pas trop possible de changer ça. Je n'affiche pas les widgets, j'ai fait mes propres fonctions de thème pour la sidebar.

Conclusion

J'aime beaucoup cette version de dotclear. Je n'aime pas particulièrement Wordpress, même si le code a l'air bien.

Je ne vais pas soumettre ce thème pour l'instant, car il n'est pas assez générique. J'ai mis des choses en dur suivant mes besoins. Je le mets donc juste à disposition en téléchargement : Thèmes Dotclear.

Je mettrai le fichier à jour à chaque modification, je n'ai pas encore fini de tout styler.

Lecteur Flash compatible avec l'API video de HTML 5

neolao — Sun, 07 Jun 2009 18:32:00 +0000

Pour ceux qui pensent déjà personnaliser leur lecteur vidéo qui utilise l'élément video de HTML 5, j'ai fait un petit Flash+Javascript qui reprend l'API défini dans la documentation.

Introduction

HTML 5 introduit de nouveaux éléments dont l'élément video qui permet d'afficher un média de type vidéo sur une page HTML. Certains navigateurs modernes commencent à l'implémenter même si les spécifications ne sont pas encore figées.

Ces navigateurs peuvent donc afficher des vidéos ainsi que leur contrôleur. La documentation indique qu'il y a une API qui permet de manipuler la vidéo sans utiliser le contrôleur par défaut.

L'idée, c'est de fournir un lecteur vidéo en flash compatible avec cette API afin de réutiliser un contrôleur personnalisé destiné au départ à l'élément video. Celà permet de faire une amélioration progressive entre le Flash et le HTML 5, tout en gardant le même design de contrôleur qui va bien avec le site.

Exemple

Voici un exemple de page qui affiche une vidéo avec l'élément video si le navigateur le supporte, sinon un Flash, voire un texte alternatif s'il n'a aucun des deux : http://resources.neolao.com/flash/c...

En lisant la documentation, j'ai tout de suite compris qu'un Flash ne suffirait pas. Il me fallait aussi un objet Javascript qui implémente des méthodes comme addEventListener ou des setters comme currentTime. En effet, le dialogue entre le Flash et Javascript est limité par des appels de méthodes et des arguments de type String, Number, Boolean, Array ou Object.

Conclusion

La seule difficulté, c'était de simuler un setter parce que je ne pouvais pas l'utiliser à cause d'Internet Explorer, encore lui ... Sinon c'est plutôt simple et la documentation est assez claire.

Je n'ai pas terminé de reproduire tous les comportements, il me reste quelques évènements et des propriétés à remplir.

Messages de notification

neolao — Sat, 30 May 2009 23:41:00 +0000

En lisant le billet "Irssi et les messages de notification...", j'ai eu une idée. Et si je me faisais un système de notifications pour toutes sortes d'informations venant d'un serveur en ligne?

C'est le même principe que Growl avec les applications locales. D'ailleurs, Growl peut recevoir des messages d'applications distantes, mais ce n'est pas dans ce sens que je vais le faire.

Présentation

J'utilise principalement Ubuntu et MacOSX, et ils ont tous les 2 un afficheur de notifications sous forme de bulles qui apparaissent par dessus les applications:

libnotify pour Ubuntu
Growl pour MacOSX

On peut afficher le message qu'on veut à l'aide d'une ligne de commande.

Je vais créer mon système de notifications en 2 étapes:

Création d'un fichier de log sur une machine distante
Récupération en continu des nouvelles entrées du log

Enregistrer les modifications

Je veux centraliser les messages dans un seul fichier, sur mon serveur en ligne, par exemple /home/neolao/notifications.txt. Chaque ligne de ce fichier est une notification. Je décide que le premier mot sera le type et la suite sera le message.

Donc, très simple, si je veux ajouter une nouvelle notification, je fais:

echo "meteo Il fait beau"

Ce qui va d'abord m'intéresser, c'est d'avoir les nouveaux messages qu'on m'envoie sur finch ou irssi. Ca se résume à détecter les modifications du dossier d'archives de ces logiciels.

J'installe donc un utilitaire qui va m'indiquer la modification d'un fichier récursivement dans un dossier que je lui spécifie. La commande est inotifywait qui est dans le paquet inotify-tools. Voici mon script:

#!/bin/bash
inotifywait -rmq --format '%w %f' -e modify /home/neolao/.purple/logs | while read dir file
do
    echo "finch" `tail -n1 $dir$file` >> /home/neolao/notificatons.txt
done

inotifywait me permet de connaître le fichier qui a été modifié. Ensuite, j'écris la dernière ligne de ce fichier dans mes notificatons en préfixant avec le type (ici finch).

Pour irssi, j'ai utilisé fnotify qui remplit un fichier quand je reçois des messages privés et quand on écrit mon nom. Il suffit de modifier un petit peu le script pour qu'il ajoute ce que je veux dans mon fichier /home/neolao/notifications.txt.

Afficher les nouvelles notifications

Maintenant que la machine distante remplit bien le fichier /home/neolao/notifications.txt, il faut que je crée un script sur chacune de mes machines locales.

Notification sur Ubuntu

Sur Ubuntu, j'ai installé le paquet libnotify-bin pour avoir la commande notify-send. Et voici le script que je lance:

#!/bin/bash
ssh mylogin@hostname "tail -f notifications.txt" | while read type message
do
	notify-send -t 5000 -i info -u low "$type" "$message"
done

Notification sur MacOSX

Et le script pour Growl:

#!/bin/bash
ssh mylogin@hostname "tail -f notifications.txt" | while read type message
do
	/usr/local/bin/growlnotify -t "$type" -m "$message"
done

Conclusion

C'est plutôt efficace. J'essaie d'imaginer les notifications que je pourrai avoir besoin et aussi mes filtres. Je pourrai rendre accessible mes notifications par une page web (secrète bien sûr) pour une consultation sur mobile, voire envoyer des mails récapitulatifs sur 15 minutes.

D'ailleurs, avec des API, il y a moyen d'afficher des informations venant de sites web, ma machine distante servant à centraliser tout le bazar qu'une seule fois.

Voilà, c'était un trip rapide :)

Vim

neolao — Mon, 25 May 2009 03:32:00 +0000

Ca fait un petit moment déjà que j'essaie de me créer un environnement de développement distant, c'est à dire que je me connecte sur une machine en ligne pour faire ce que j'ai à faire. C'est assez sympa d'utiliser le protocol NX, il marche bien en plus. Mais je me suis très vite trouné vers une solution entièrement sur un terminal.

Je zappe tout ce qui est configuration de screen, mc, finch, irssi etc.. Je vais vous présenter ma personnalisation de vim, un éditeur de texte.

Présentation

Vim est un éditeur de texte que j'utilise dans un terminal (écran noir et tout), utilisable entièrement sans la souris, avec plein de raccourcis clavier :)

De base, il n'y a pas grand chose à part le texte qu'on veut éditer. Le but de cet article est justement de montrer la personnalisation que j'en ai fait. Je n'explique pas comment utiliser le logiciel. Comme point de départ, vous pouvez lire la présentation sur wikipedia : http://fr.wikipedia.org/wiki/Vim.

On peut bien entendu afficher les numéros de ligne, choisir la taille des tabulations, utiliser des espaces au lieu des tabulations, indenter automatiquement, ouvrir plusieurs fichiers dans des onglets, afficher les caractères non imprimables, personnaliser les couleurs et les raccourcis clavier, etc.

L'explorateur de fichiers

Pour afficher un panneau latéral avec un explorateur de fichier dedans, j'ai utilisé un plugin : NERD Tree.

Voici ce que j'utilise principalement:

On peut montrer/masquer les fichiers cachés
On peut créer/copier/effacer/renommer un dossier/fichier
On peut ouvrir un fichier dans un nouvel onglet
Les dossiers s'affichent en premier

L'explorateur de code

Une chose essentielle qui m'évite de scroller comme un malade, c'est un panneau qui me résume les méthodes existantes du fichier en cours d'édition. Pour celà, il y a le plugin : taglist.

Ce dernier se sert de ctags pour parser les fichiers et faire ressortir les mots clés suivant le langage. Je me suis d'ailleurs fait mes propres règles ctags en expression régulière pour le CSS, pour avoir en mot clé des sections fait par commentaire. Et j'ai récupéré des règles pour l'actionscript. C'est assez simple de rajouter et modifier des langages.

Evidemment, ce panneau ne fait pas que lister les mots clés, on peut l'utiliser pour aller directement à la ligne correspondante.

Raccourcis vers d'autres fichiers

Il y a un plugin que j'ai du mal à manipuler, c'est Source Explorer qui permet entre autre d'ouvrir un fichier à partir d'un mot sous le curseur, par exemple l'origine d'une méthode d'une class qui se trouve dans un fichier lointain. Ca a l'air super, mais j'arrive trop souvent à faire planter vim en enchainant des raccourcis clavier.

En tout cas, si on s'en sert bien, c'est pratique :)

Autocompletion

Vim possède depuis 2006 (si j'ai bien lu) la fonction d'autocompletion. Il peut afficher un petit menu déroulant par dessus le code avec les mots qui vont bien.

Il marche aussi avec ctags sur tout un projet. C'est à dire qu'il peut afficher des mots venant d'autres fichiers, si on s'est occupé de créer un index ctags à la racine du projet. Parfois, j'arrive à avoir le chemin du fichier d'où provient le mot, je ne sais pas pourquoi je ne l'ai pas toujours.

Conclusion

Avant de faire cet article, j'ai passé pas mal de temps dans mon environnement, à manipuler des fichiers, utiliser subversion, ant, ftp etc. Ca demande un peu d'apprentissage au début, mais je m'y suis fait.

Voici mes fichiers de configuration:

Et mon pense bête: http://doc.neolao.com/vim.wiki

PS: remarquez que je suis en résolution 1024x600, sur un laptop 10 pouces, le eeePC 1000H qui a un super clavier :)

Accélérer la compilation Flash avec fcsh

neolao — Thu, 07 May 2009 00:44:00 +0000

Oui je sais, ce n'est pas nouveau, on peut accélérer la compilation des Flash grâce à fcsh, mais son utilisation n'est pas très pratique.

Ce qui existe déjà

Il existe des projets qui exploitent fcsh :

iFac qui a l'air mort, on ne peut plus l'installer via Eclipse
Zarkov, un autre plugin Eclipse (mais il prévoit de faire un standalone)
fcshWrapper, utilisable par ANT (Windows uniquement pour l'instant)
fcshd qui lance un daemon fcsh, écrit en Python
flexcompile qui lance aussi un daemon fcsh, également écrit en Python

Je voulais une solution Java comme fcshWrapper qui marche sur Linux, mais après quelques heures de tests, je me suis arrêté sur la solution Python.

J'ai choisi flexcompile parce qu'il prend en paramètre l'exécutable fcsh fourni par Adobe, alors que fcshd utilise des variables d'environnement. Oui je sais, je suis une feignasse, j'aurai pu modifier un peu le script :) .

Installation de flexcompile et utilisation avec ANT

Pour installer flexcompile, il suffit de télécharger le fichier flexcompile.py et vous le mettez où vous voulez. Il faut rendre le fichier exécutable et avoir python d'installé.

Voici un exemple de fichier ANT:

<?xml version="1.0"?>
<project name="myProject" basedir=".">
    <property name="fcsh.wrapper" value="./fcshWrapper.py" />
    <property name="fcsh.bin" value="/home/neolao/flex_sdk_3/bin/fcsh" />

    <target name="build-test" description="Build test">
        <echo>Build test</echo>
        <exec executable="${fcsh.wrapper}" failonerror="true">
            <arg line="${fcsh.bin} mxmlc
                       -output test.swf
                       Test.as"/>
        </exec>
    </target>
</project>

Conclusion

Ca boost !

Cette solution me suffit pour l'instant, si quelqu'un a une autre façon de faire, sans cette dépendance avec python, j'veux bien :) .

Preload en pure AS3

neolao — Sat, 04 Apr 2009 01:47:00 +0000

Ca fait un moment que je voulais faire ce billet. Comme je me remets à faire du Flash et que mon nouveau collègue me menace de retirer mon blog de sa liste de flux, je me décide enfin à écrire quelque chose.

Pour le projet neoplayer, je cherchais un moyen de faire un preload de l'application. Quand on utilise le Flash IDE, on fait simplement une frame avec le chargement et on met tout le reste en frame 2. Mais comment on fait uniquement en code, sans passer par l'éditeur ?

Reproduire les frames

Quand on compile du Flash juste avec un fichier as, on a une class qui représente le conteneur principal, par exemple:

package
{
import flash.display.Sprite;
 
[SWF(width="200", height="200", backgroundColor="#ffffff", frameRate="48")]
public class Main extends Sprite
{
    public function Main()
    {
 
    }
}
}

Le problème, c'est qu'ici, on va commencer à instancier des objets, initialiser des choses etc. Ca prend de la place et ce sont des prérequis pour la classe.

Il existe cependant un metadata qui permet de rajouter une frame qui sera exécutée avant. Voilà ce que ça donne:

package
{
import flash.display.Sprite;
 
[SWF(width="200", height="200", backgroundColor="#ffffff", frameRate="48")]
[Frame(factoryClass="com.neolao.preload.DefaultPreload")]
public class Main extends Sprite
{
    public function Main()
    {
 
    }
}
}

Cette frame est représentée par une class com.neolao.preload.DefaultPreload :

package com.neolao.preload
{
import flash.display.MovieClip;
import flash.display.DisplayObject;
import flash.events.Event;
import flash.utils.*;
 
public class DefaultPreload extends MovieClip
{
    public function DefaultPreload()
    {
         this.stop();
         this.addEventListener(Event.ENTER_FRAME, this._onEnterFrame);
    }
    
    private function _onEnterFrame(event:Event):void
    {
        if (this.framesLoaded == this.totalFrames) {
            this.removeEventListener(Event.ENTER_FRAME, this._onEnterFrame);
            this.nextFrame();
            
            var mainClass:Class = getDefinitionByName("Main") as Class;
            var app:DisplayObject = new mainClass() as DisplayObject;
            this.addChild(app);
        }
    }
 
}
}

Il faut que cette class étende MovieClip, ensuite on fait un stop(). C'est donc dans cette fameuse class qu'on va pouvoir faire un preload et instancier la class Main après un nextFrame().

Pour vérifier que tout est chargé, il y a les propriétés framesLoaded et totalFrames qu'on peut tester.

J'ai remarqué que si on ne fait pas le nextFrame(), ça ne marche pas. Il faut aussi instancier la class principale puis l'ajouter avec addChild, donc ce n'est pas vraiment une deuxième frame qu'on crée avec l'instance Main, mais plutôt une frame vide avec comme enfant, une instance de Main.

Conclusion

A l'époque, toutes mes recherches pointaient sur le même exemple, un blog anglais. Je me suis dit que ça serait intéressant d'expliquer un peu en français la technique.

L'inconvénient, c'est qu'il faut connaitre le nom de la class principale dans la class Preload. C'est embêtant si on veut rendre ça facilement interchangable.

Externaliser les commentaires

neolao — Thu, 15 Jan 2009 13:58:00 +0000

Je voulais donner la possibilité d'ajouter des commentaires à certaines pages de mes sites, sans pour autant créer le système de soumission. Je me suis tourné vers disqus.com pour leur site clair et leur documentation de l'API.

Besoin

Pour une raison ou pour une autre, la solution d'externaliser les commentaires est intéressante. J'ai testé l'idée sur html-infos.net. Toutes les pages des éléments ont un thread dédié, par exemple html-infos.net/element/acronym.

Sur disqus.com, on peut ajouter un site, qu'on nomme forum. Et dans ce forum, on peut créer des threads. Dans mon cas, je crée les thread avec l'API directement, parce que j'ai beaucoup de page, je n'allais pas les créer manuellement.

Class Disqus

Je me suis créé une class PHP pour dialoguer avec l'API de disqus.com : http://resources.neolao.com/php/disqus

Il faut d'abord récupérer un user_api_key à cette adresse : http://www.disqus.com/api/get_my_key/ (en étant loggué).

Ensuite, j'utilise ma class de cette façon par exemple:

// J'instancie ma class avec mon user_api_key
$disqus = new Disqus('EYVsEbXOZ4Ntk4xVH4nGSjcJvd8uOkKi0ddGcxUMPfCDC85yDlCY1QzhYpZpN3Fa');
 
// Je spécifie le forum que j'utilise avec un identifiant trouvé par la méthode $disqus->getForumList()
$disqus->setForumKey(75631);
 
// Je crée à la volée le thread "foo" s'il n'existe pas
$disqus->setThreadByIdentifier('foo');
 
// Je récupère tous les messages du thread
$posts = $disqus->getPosts();
 
// J'affiche
echo '<ul>';
foreach ($posts as $post) {
    echo '<li>';
    if ($post['is_anonymous']) {
        echo htmlentities($post['anonymous_author']['name'], ENT_QUOTES, 'UTF-8');
    } else {
        echo htmlentities($post['author']['display_name'], ENT_QUOTES, 'UTF-8');
    }
    echo ' : ', htmlentities($post['message'], ENT_QUOTES, 'UTF-8'), '</li>';
}
echo '</ul>';

Evidemment, le user_api_key est faux dans cet exemple :)

Pour soumettre un commentaire, c'est tout aussi simple, j'ai créé une méthode createPost($name, $email, $message).

Conclusion

Je suis satisfait du site et de l'API que je trouve très claire.

J'ai remarqué la possibilité de flagger des commentaires en spam et de bannir des gens. On peut aussi faire en sorte qu'il y ait une modération obligatoire des messages avant mise en ligne, et aussi définir des modérateurs.

Normalement, on peut soumettre un commentaire en anonyme ou en utilisateur identifié chez disqus, mais je n'ai testé que le mode anonyme.

Il y a plusieurs plugins disponibles sur le forum pour différentes plateformes. Apparement, une version javascript est en préparation, pour insérer les commentaires encore plus facilement.

L'administration n'est pas complète par contre, sinon j'ai vraiment mal regardé. J'ai dû passer par l'API pour faire tout ce que j'voulais :)

LOL Image

neolao — Sat, 20 Dec 2008 17:06:00 +0000

J'ai eu envie de faire un site sur l'ajout de texte sur une image, paf d'un coup comme ça. Et voilà ... quelques heures plus tard lolimg.net est né.

Concepte

Mon idée, c'est de proposer des images que j'ai moi même sélectionné pour le moment, et d'ajouter à la volée du texte.

Ca peut donner ça par exemple:

Je pensais faire un formulaire de soumission d'images, avec modération par moi avant. J'ai juste besoin de mettre une image dans un dossier.

Par contre, au début, je pensais faire une configuration par image, pour mettre des paramètres par défaut, histoire de bien placer le texte.

Je voulais aussi mettre des contrôles javascript pour modifier avec la souris les coordonnées, l'angle etc.

Conclusion

J'me suis amusé quelques heures sur ce trip. C'est tout lol :)

Accéder au site: lolimg.net

Partager la veille

neolao — Sat, 06 Dec 2008 22:20:00 +0000

Comme moi, j'imagine que vous lisez tous des flux d'actualité pour faire votre veille.

Certains en ont plus que d'autres. J'en connais qui sont toujours en retard et n'ont pas le temps de lire tous les flux qu'ils suivent. Parce que oui, ça prend du temps de lire les flux. On apprend à zapper l'actualité avec le titre et le début du contenu, comme pour les spams nos boîtes mails.

Mais tout ce travail de tri, et si on le partageait ?

Le lecteur de flux

Moi j'utilise Google Reader comme lecteur de flux, pour plusieurs raisons:

C'est simple
Il y a une recherche made in Google
Si je pars en vacances, je n'aurai pas zappé des actualités parce qu'ils ne sont plus dans le flux
Je peux partager et tagger
Je peux partager une note

Mes flux générés

Et donc, quand je lis mes flux, je tagge ce que je juge intéressant, ça me donne ce genre de flux:

Evidemment, c'est subjectif. Mais j'ai filé ça à quelques amis et ils ont trouvé que c'était pratique, alors j'en ai fait un billet.

J'ai commencé à tagger il n'y a pas si longtemps, certains tag sont presque vides, mais ils existent :)

Ce qui est bien, c'est qu'on peut mettre une note dans des tags, donc générer un flux pas seulement basé sur d'autres flux.

Conclusion

Je suis très content de Google Reader. Je n'ai rien à ajouter :)

Optimiser les performances d'un site avec YSlow

neolao — Sat, 22 Nov 2008 18:32:00 +0000

Il y avait une conférence à Parisweb 2008 qui m'a beaucoup intéressé. C'était sur des techniques d'optimisations d'un site pour le rendre plus rapide. Il y a une extension Firefox qui s'appelle YSlow qui permet d'analyser une page web.

Une extension Firefox

Bon, comme YSlow est une extension Firefox, il faut Firefox ... mais aussi Firebug parce que c'est une extension d'extension :) .

Optimisations faciles

Je ne vais pas faire un didactitiel de comment YSlow fonctionne, c'est vraiment simple et il y a de la documentation sur le site officiel.

Par contre, je vais vous dire ce que j'ai simplement ajouté comme optimisation, sans rien toucher au site. J'ai fait mes tests sur mon site de référence HTML que je suis en train de faire (c'est pas fini quoi :) ) et qui est hébergé sur OVH en mutualisé. D'ailleurs, c'est un hébergement gratuit avec 1Mo d'espace disque, largement suffisant.

Dates d'expiration

Première optimisation, ajouter des dates d'expiration aux fichiers pour que le navigateur n'ait pas à les chercher trop souvent. Je fais ça dans un .htaccess:

ExpiresActive On
ExpiresByType image/gif "access plus 10 years"
ExpiresByType image/jpeg "access plus 10 years"
ExpiresByType image/png "access plus 10 years"
ExpiresByType text/css "access plus 10 years"
ExpiresByType application/javascript "access plus 10 years"
ExpiresByType text/javascript "access plus 10 years"

Les informations ETag

Les informations ETag, c'est bien mais ça faisait doublon avec ce que j'ai fait avant avec la date d'expiration. Et puis d'ailleurs, j'ai même pas compris comment ça marchait. J'ai donc désactivé l'envoi de ces informations dans le .htaccess:

FileETag none

Compression des fichiers

Pour les navigateurs qui le supporte, il est possible d'envoyer les fichiers en compressé. Ensuite, le navigateur les décompresse.

AddOutputFilterByType DEFLATE text/javascript application/javascript text/css application/xhtml+xml text/html

J'ai fait le test en désactivant le header "Accept-Encoding: gzip,deflate" de Firefox pour voir, et ça marche, les fichiers ne sont plus envoyés en compressés.

Les fichiers javascript

Une des recommentations de YSlow est de ne pas mettre les fichiers javascripts dans le <head>, je les ai donc mis à la fin. C'est parce que les scripts bloquent les téléchargements en parallèle.

Conclusion

Et avec tout ça, mon site a une note de performance A, et je suis trop content ... :)

A part la dernière astuce avec les javascripts, j'ai simplement modifié mon .htaccess, fastoche! Bon, vérifiez quand même votre configuration serveur pour savoir si vous pouvez le faire.

Découverte de Ruby

neolao — Sun, 31 Aug 2008 21:55:00 +0000

Depuis le temps que mes collègues en parlent, il fallait bien que j'essaie. Me voilà donc embarqué dans un petit projet perso en ruby. Pour découvrir simplement le langage et faire rapidement quelque chose, j'ai commencé avec Ruby On Rails.

Premiers pas

Direction rubyonrails.com pour installer tout le bazar.

On apprend qu'il faut installer RubyGems, qui est le packaging system. C'était déjà installé sur mon mac. J'ai juste eu besoin de lancer dans le terminal:

gem update rails
gem install rails

Tout est prêt pour créer une application:

cd chemin/vers/mon/appli
rails .

Ca va créer plein de dossiers et fichiers. On peut déjà lancer le serveur web:

ruby script/server

Et on accède au site sur : http://localhost:3000/

Le projet ezBudget

Pour mettre en pratique, rien de vaut un bon petit projet tout simple. Le site est un gestionnaire de comptes en banque. On peut gérer ses entrées et sorties d'argents automatiques ou non.

Après analyse et croquis sur mon cahier à idées, voilà ce qu'il me faudra apprendre:

la structure de rails (les configs, les routes, le MVC, les layouts, les partials, les helpers, etc.)
l'authentification
les accès à une base de données (ou plusieurs)
la localisation

Dans ce projet, je pense que je ne vais pas utiliser les plugins, mais m'en inspirer. C'est toujours la même chose, les plugins c'est bien gentil, mais ils n'ont jamais les comportements qu'on veut.

La structure

Rien de particulier pour l'instant, j'ai déjà vu des architectures similaires en php.

L'authentification et l'accès à une base de données

Il y a plusieurs techniques pour l'authentification. J'ai installé restful_authentication en faisant:

ruby script/plugin install restful_authentication

Je vais l'étudier pour faire l'authentification que je veux. Et j'apprendrai en même temps comment on crée un accès à une base de données.

La localisation

Sûrement la partie la plus fouillie, j'ai opté pour ça : http://almosteffortless.com//2008/07/21/simple-localization-in-rails-22/

J'ai trouvé Globalize pas clair et d'autres pas mieux.

Je pensais que le système de localisation me serait fourni, mais je me retrouve à devoir chercher des plugins pas bien documentés.

Générer la documentation

Un truc chouette, c'est le générateur de documentation du site qui se lance comme ça:

rake doc:app

Installation sur mon dédier

Maintenant, je veux que ça marche sur mon serveur. J'installe rails dessus, et j'arrive à faire tourner le site comme sur mon local, mais c'est sur le port 3000.

J'ai fait au plus simple en utilisant le mod_proxy de apache (parce que j'ai déjà un apache sur le serveur). Voici la configuration du VirtualHost

<VirtualHost *>
         ServerName ezbudget.net
         ProxyPass / http://localhost:3000/
         ProxyPassReverse / http://localhost:3000/
         ProxyPreserveHost On
</VirtualHost>

J'ai vu qu'il y avait différentes façons de faire marcher un site ruby en passant par apache, mais celle là est simple. Ensuite, je ne sais pas si c'est bien ou pas.

Conclusion

C'est sympa, même si je suis un peu perdu. A la différence d'un framework dans un langage que je connais, là je ne connais rien. Je ne sais même pas où chercher et je ne trouve pas forcément la doc qui me convient.

J'ai trouvé le contenu des classes de rails au fin fond de mon disque dur. Par exemple ActionController::Base se trouve ici :

/System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/gems/1.8/gems/actionpack-1.13.6/lib/action_controller/base.rb

Bref, j'en dirai un peu plus au fur et à mesure que j'avance dans le projet.

Sinon, voilà un peu les sites où je suis allé, sans citer les divers wiki et blog trouvés par google sur des thèmes précis:

Première application iPhone

neolao — Wed, 20 Aug 2008 22:33:00 +0000

J'ai dans mon cahier à idées plusieurs applications iPhone en cogitation. Mais il fallait que je fasse mes premiers pas avec des choses simples, puis j'augmenterai la difficulté.

J'ai donc choisi de mettre sur mobile les bonnes pratiques Opquast.

L'environnement de développement

Tout d'abord, il a fallu que je m'habitue à xcode, l'éditeur d'applications sur mac. J'ai tâtonné, mais ça allait. C'est plutôt le langage qui donné le plus de mal. Je suis tellement habitué au style ECMA script, ça m'a fait bizarre.

Mais finalement, avec les exemples fournit, j'ai pu comprendre. Par contre, à part la documentation des classes, il n'y a pas grand chose, et c'est pas génial. Je me suis quand même tapé un PDF de plus 100 pages sur l'Objective-C histoire de me mettre dans le bain, mais c'était utile.

Opquast

Oui, donc, j'ai choisit de faire cette application parce qu'elle me paraissait simple.

J'ai joué avec:

Tab Bar Controller, qui permet d'avoir un menu en bas à 1 niveau, avec des icônes
Navigation Controller, qui met une navigation en haut, celle qu'on retrouve dans les Réglages de l'iPhone
Table View, qui sert à afficher un tableau dont je me sers pour naviguer, exactement comme dans les Réglages du mobile
Web View, qui s'utilise pour afficher du contenu HTML
Sqlite, la base de donnée
et la localisation de l'application

C'est un bon début déjà.

On teste l'application sur un émulateur iPhone, ça marche très bien.

Points bloquants

Les erreurs et le debuggeur

Souvent, quand les erreurs apparaissent dans la console, je ne comprend rien. Et le debuggeur, je n'ai pas compris comment il marchait encore :)

Mettre l'application sur le mobile

Après avoir fini mon application en quelques jours, je suis resté une semaine sur ... comment mettre ce que j'ai compilé dans mon iPhone ...

J'ai finalement réussi hier en lisant une phrase de la documentation que j'avais zappé. Bref, ça mériterait un tutorial cette histoire de signature Apple.

Mettre l'application sur l'App Store

J'ai aussi galéré pour envoyer l'application sur l'App Store. C'est marqué qu'on faut uploader le binaire, mais en fait non, il faut le zipper d'abord. J'ai aussi trouvé cette info dans la doc, une toute petite phrase.

Conclusion

C'est sympa, même si je butte sur le moins compliqué apparement lol

L'application Opquast devrait être en ligne prochainement, chaque soumission requiert une validation de Apple, je ne sais pas combien de temps ça prend. Je n'ai pas complètement terminé, il y a la navigation à améliorer et aussi la traduction en anglais à compléter.

Je voulais surtout voir rapidement tout le processus jusqu'à l'apparition sur l'App Store, avant de continuer et de faire d'autres applications.

En tout cas, on a plein d'idées au boulot :)

Je vais mettre mes applications gratuites sur google code : http://code.google.com/p/iphoneapps/

Bitlbee web

neolao — Wed, 02 Jul 2008 11:27:00 +0000

Comme je vais probablement me prendre le prochain iPhone, j'ai pensé que ça serait sympa d'être toujours connecté sur les messageries instantanées et de répondre en différé sans forcément laisser quelque chose tourner en tâche de fond sur la machine.

Je peux utiliser un serveur pour rester connecté et y accéder via le web pour consulter les messages qu'on m'envoie mais aussi répondre.

Bitlbee

Pour rester connecté et surtout, pouvoir envoyer des messages, j'utilise bitlbee, un serveur IRC qui permet de se connecter sur les messageries instantanées comme Jabber et MSN.

Tout marche très bien si j'utilise un client IRC.

Web

Ensuite, l'interface web, je le fais en PHP, ainsi que le daemon qui reste connecté sur le socket.

En effet, pour tester, j'ai fais simple, je lance juste un PHP avec un

set_time_limit(0);

et une boucle sur la connexion par fsockopen.

Mode expert

Pour l'instant, je n'ai fait que le mode pas du tout user friendly:

J'ai des commandes pour lister ceux qui sont en ligne, mettre des alias aux gens, bloquer etc.

Pour envoyer un message à thanh, il me suffit d'envoyer la commande:

PRIVMSG thanh :ouais j'te dis ouais

Conclusion

Tout ça, c'était pour des tests. Maintenant que mon prototype marche, je vais m'attaquer à une meilleure interface graphique.

Et quand j'aurai un iPhone, ça va être tip top. Je pourrai même programmer un répondeur automatique, un peu comme skaaz.

Evidemment, j'fournirai les sources quand ça sera montrable. C'est pour un usage unique et il faut disposer d'un serveur où on peut lancer un php en tâche de fond. J'ai pas envie de faire un truc multi-utilisateur etc.