Les avantages de Titanium

Le développement est basé sur du Javascript auquel est ajouté le framework Titanium de Appcelerator. Cela est donc beaucoup plus accessible que le plateforme xcode de Apple. Le test sur une machine cible ou sur l’émulateur est simple.
L’ensemble des primitives dont j’ai eu besoin étaient présentes dans le framework (accès aux photos de l’iPhone, géolocalisation).
Le framework Titanium est un produit open source et l’entreprise Appcelerator qui le gère a effectuée une levée de fonds de 10 millions de dollars US l’automne dernier, tour de table au cours duquel Paypal est entré au capital. Cela est certes une petite somme (comparée aux 950 millions de groupons), mais cela assoit mieux la société (et par conséquent son produit) et lui confère une légitimité plus importante.

Les lacunes de Titanium

Certaines briques du framework ne sont, à mon avis, qu’à moitié terminées. Il manque par exemple la gestion des timeouts sur les appels AJAX.
La communauté qui gravite autour du framework Titanium est assez peu développée pour l’instant, donc il est parfois assez difficile de trouver une réponse à ses questions. La documentation (surtout en Français) est encore incomplète et comporte même parfois des copier/coller entre des méthodes ou des classes différentes.
L’environnement de compilation / test n’est pas assez détaillée et certaines erreurs ne sont pas détaillées (compilation pour terminal)…
La portabilité vers Androïd me parait pour l’instant aléatoire. Ce qui marche parfaitement sous iPhone concernant le positionnement de bloc avec des tailles en pourcentage ne semble pas fonctionner pour moi quand je passe sous un émulateur Androïd. L’application Aviresto pour Androïd attendra donc un peu.

En conclusion

Je conseille vivement le produit Titanium et il faut espérer que ses prochaines évolutions apportent les fonctionnalités manquantes.

L’application Aviresto

L’application Aviresto pour terminaux Apple est désormais disponible sur l’App Store depuis quelques jours. Elle comporte la recherche des restaurants à proximité ou proche d’une adresse donnée. Il est également possible pour chaque restaurant de déposer un avis ou une photo (issue de l’appareil ou de la bibliothèque), de consulter un plan de localisation ou d’appeler directement le restaurant par téléphone.

La première version de l’application guide de restaurants est téléchargeable gratuitement sur l’App Store.

Des évolutions sont bien entendues prévues dans un deuxième temps : elle intégrera un design revu, la personnalisation des comptes (nom affiché, photo), la synchronisation des comptes (web / mobile)…. enfin, tout ça, si j’ai le temps.
Mais pour l’instant, la priorité reste toujours une soumission dans l’Androïd Market.

Bonne année

Et enfin, pour finir, ce premier article de 2011, bonne année à tous. Il était encore temps, on n’est que le 30 janvier

En savoir plus :

1. Développement gratuit d’application mobile ! Envisageable, réaliste ou impossible ? Et me revoilà revenu à...
2. aviresto.com : votre guide restaurant communautaire Il est grand temps pour moi de vous présenter le...
3. Calendrier jQuery Dans la famille ressources utiles, je demande le calendrier Javascript....

Et me revoilà revenu à mes envies d’application mobile pour le guide restaurants aviresto.com… ce n’est pas une mauvaise chose, sauf que je n’ai pas le temps et encore moins de Mac (pour développer une application iPhone) et que je n’ai pas forcément envie d’investir financièrement dans ses projets.

Finalement, il ne reste plus qu’une solution : trouver une application gratuite ou s’en faire offrir une !

Cette envie est revenue au goût du jour, suite à une conversation avec d’anciens collègues ce midi qui travaillent contrairement à moi sur des technologies mobiles.

Je ne connais pas vraiment le marché de la publicité mobile et encore moins celui des publicités embarquées dans les applications mobiles, mais d’après ce que semblent dire certains articles sur le site Internet, il est assez facile de rentabiliser une application mobile en y insérant un encart publicitaire, à condition que l’application soit diffusée et utilisée sur un minimum de terminaux mobiles. Bien sûr, on peut lire à gauche ou à droite sur la toile que telle application génère des milliers d’euros par mois, mais il ne faut tout de même pas rêver… (Article itespresso.fr).
Pour ma part, ce que je recherche dans une application mobile, ce n’est pas une source de revenus, mais une nouvelle source d’avis pour le guide de restaurants aviresto.com.

Par conséquent, si l’un des lecteurs de cette article a les capacités pour créer une application Iphone ou Androïd, je suis disposé à partager (ou même à laisser entièrement) les revenus générés par la publicité de l’application mobile en échange de son développement (pendant un temps décidé à l’avance : 6 mois, 1 an, 2 ans…).

Les fonctionnalités recherchées pour l’application mobile aviresto.com seraient les suivantes :

• recherche de restaurants à proximité par saisie d’adresse
• recherche de restaurants à proximité par géolocalisation
• visualisation de la fiche d’un restaurant (avec photos, plan, avis),
• possibilité de déposer un avis sur un restaurant,
• ajout de photos d’un restaurant

Je fournirai bien entendu les webservices nécessaires à la récupération des données et au dépôt des commentaires.

Cette idée est peut-être saugrenue, farfelue ou complètement utopique, car je ne maitrise pas les différentes inconnues de ce problème :

• temps et compétences nécessaires au développement d’une telle application,
• marché de la publicité sur les applications mobiles,
• facilité de diffusion d’une application mobile
• …

N’hésitez pas à me contacter par email grâce au formulaire de contact présent sur ce site ou en répondant à ce billet. Et surtout, n’hésitez pas à me dire si je m’égare complétement…

En savoir plus :

1. Appcelerator, Iphone, Aviresto et bonne année 2 mois et demi sans article… j’en suis profondément désolé...
2. Avec un mobile, on téléphone, on envoie des sms et on surfe ! Et vous, que faites-vous avec un téléphone portable ? Je...
3. CreaResto.fr : création sites Internet gratuits pour restaurant Ce n’est pas en 2010 que je vais me reposer....

Je vous présente dans ce billet le projet CreaResto.fr qui est sorti en version beta en début de semaine et dont le but est de fournir une plateforme de création de sites web (ou plutôt de mini-sites) pour les restaurateurs qui n’en ont pas encore.

Genèse du projet

Le projet a commencé en mars 2010 lorsque je cherchais des idées de sites Internet. L’idée m’est naturellement venue de privilégier des domaines connexes au guide de restaurants aviresto.com afin de ne pas trop me diversifier et surtout pour avoir la possibilité d’utiliser le guide aviresto.com comme moyen de promotion. Le plus dur, comme d’habitude, a été de trouver le nom de domaine qui va bien, surtout que le temps m’était compté car je souhaitais utiliser les fameux noms de domaines Gandi gratuits.

Développement

Le développement repose sur une architecture entièrement faite maison et pensée exclusivement pour ce projet, contrairement à d’autres projets où je suis reparti de frameworks ou d’outils de CMS tel que WordPress.

Modèle économique

Le modèle économique principal de CreaResto.fr repose sur l’insertion de publicités dans les mini-sites web générés pour les restaurants. La création de sites Internet pour les restaurateurs est par conséquent un service gratuit.

Cependant, certaines fonctionnalités seront présentées comme des options payantes (suppression de la publicité, gestion de noms de domaines personnalisés…).

Suite du projet

Le projet n’en est actuellement qu’à ses débuts et beaucoup de développements restent à faire. Ceux-ci seront fait au fil du temps et également selon les demandes des premiers utilisateurs de l’application. Le design de l’application sera aussi revu réalisé dans les prochaines semaines.

Liens

Site internet du produit : Création de sites Internet pour restaurants avec http://www.crearesto.fr

Site de démonstration du produit : Site Internet de restaurant avec http://demo.crearesto.fr

N’hésitez pas à me laisser vos avis

En savoir plus :

1. Nouvelles fonctionnalités pour CreaResto.fr : blog et statistiques Le service de création de sites Internet pour restaurants CreaResto.fr...
2. aviresto.com : votre guide restaurant communautaire Il est grand temps pour moi de vous présenter le...
3. .Net adapté pour les sites Internet personnels ? C’est la question que je me suis récemment posée et...

Comme on peut le voir sur le graph précédent issu de l’outil de monitoring MRTG, il y a quelques fuites mémoire sur le serveur. La consommation monte régulièrement, mais surtout n’est pas libérée, même lors des redémarrages d’Apache ou de MySQL.

Voici donc une petite commande pour la libérer sur un serveur Linux. Elle fonctionne sur mon serveur dédié, et je l’ai mise en tache cron quotidienne : sync; echo 3 > /proc/sys/vm/drop_caches

Vider la mémoire cache reste une solution de facilité, mais comme je n’ai pas le temps de consacrer quelques journées à de l’otimisation de code, ca fera l’affaire pour l’instant.

Et vous, quel outil de monitoring utilisez-vous ? Que surveillez-vous sur votre serveur ?

Article original en anglais

En savoir plus :

1. Outil de supervision pour serveur Ubuntu Sur un nouveau serveur (Dedibox V3), j’ai voulu installer un...
2. Monitoring de sites web avec WoozWeb.com Pour ceux qui ne souhaitent pas investir dans une solution...
3. PHP : Comparaison MD5 / SHA-1 Allez, ça faisait bien longtemps que je n’avais pas pris...

Mise en place de Facebook Connect

La mise en place de Facebook Connect a été relativement simple à réaliser sur aviresto.com. Dans un premier temps, l’objectif était de faciliter le dépôt d’avis et leur diffusion sur le réseau social n°1, à savoir Facebook. Après quelques recherches sur le net et sur le blog http://blog.facebook.com,  on trouve facilement la documentation nécessaire pour l’intégration des APIs Javascript et PHP.

Intérêt sur le guide aviresto.com

L’intérêt sur aviresto.com a vite été limité :

• connexion sur aviresto.com : intégration du bouton Facebok Connect pour faciliter la saisie des infos (email, nom, site web). Le problème rapidement rencontré vient du fait que l’adresse email ne peut pas être récupérée, seule une adresse email « proxy » Facebook est récupérable.
• diffusion des avis sur Facebook : afin de garder une certaine qualité dans les avis, je tenais à valider tous les avis avant diffusion sur aviresto.com et autres réseaux sociaux satellites : de ce fait, une demande de permissions pour pouvoir écrire sur le mur du dépositaire de l’avis en mode déconnecté était nécessaire.

Statistiques d’utilisation sur aviresto.com

Les statistiques d’utilisation de Facebook Connect sur aviresto.com sont éloquentes. En un peu plus d’un mois et un peu plus 30000 visiteurs plus tard, seuls 3 avis ont été déposés sur aviresto.com par l’intermédiaire de Facebook Connect (hormis les miens) et aucun d’entre eux n’a pu être diffusé sur le réseau Facebook faute de permissions suffisantes.

Sur la même période, environ 300 avis ont été déposés sans utilisation du bouton Facebook Connect ! L’impact de Facebook Connect est donc négligeable et je ne pense pas que ce mode de connexion incite au dépôt d’avis (au moins dans mon cas).

Suppression (temporaire) de la fonctionnalité Facebook Connect sur aviresto.com

Vous allez me dire que cela ne mange pas de pain ! Bien sûr, sauf que ça n’apporte pas grand chose et en ce moment, Facebook (ou tout du moins son API) est plus souvent en rade qu’opérationnel. Du coup, plutôt que de pénaliser le guide aviresto, j’ai préféré supprimer cette fonctionnalité.

Elle reviendra surement un jour ou l’autre sous une autre forme… affaire à suivre !

En savoir plus :

1. aviresto.com : votre guide restaurant communautaire Il est grand temps pour moi de vous présenter le...
2. Calendrier jQuery Dans la famille ressources utiles, je demande le calendrier Javascript....
3. Extensions Firefox pour vos développements web 2.0 Je ne sais pas pour vous, mais personnellement, je réalise...

Présentation algorithmes de hashage

Ces deux algorithmes de hachage (il en existe d’autres) permettent de calculer l’empreinte d’une chaine de caractère de façon à en cacher son contenu.
MD5('loicmorvan.fr') = 53a021aa58fe4ace1d1dcaa3cd94ef59
SHA1('loicmorvan.fr') = d746fa906c2e6da62ab3690cc4115d5f4dca5a50

De manière générale, ses algorithmes ne sont pas réversibles. J’en entends déjà certains d’entre vous crier au scandale ou se demander comment ils vont vérifier un mot de passe. Simple ! Vous vérifiez que les hashs correspondent : par exemple, vous vérifiez que :

md5(mot_de_passe_recu) = mot_de_passe_en_base_deja_hashe_avec_md5

Il faut tout de même savoir que tous ses algorithmes de hashage sont vulnérables. Il existe en effet de nombreuses tables de hashage pré-calculées (ou tables de correspondances) grâce auxquelles on peut retrouver la valeur initiale d’un hash pour les chaines les plus courantes. De même, plus la chaine est chiffrée sur un grand nombre de caractères hexadécimaux, moins il existe de risque de collisions (c’est à dire plusieurs chaines différentes qui auront la même valeur de hashage).
SHA256('loicmorvan.fr') = 13b3f824aaabf403a7562b686070492b4e54ca4c42b291d558b78aae90d2d758
SHA512('loicmorvan.fr') = c94c4ed304f41c6667807beb90e5d629e9d5[...]e2d76f2d0d12b16bbbdc6e8f5660ee451f8
...

Bref, tout ça nous amène à la question :

Que choisir entre MD5, SHA-1 ou d’autres ?

Pour ma part, j’ai opté depuis longtemps pour l’algorithme MD5, sans vraiment y faire réfléchir jusqu’à la semaine dernière où avec un collègue, on s’est posé la question : est ce que ca joue sur les performances ? J’ai cherché des réponses sans en trouver réellement sur le net et du coup, j’ai fait mon propre bench… En voici les résultats :

Résultats

Temps total pour 1 000 000 d’appels (moyenne sur plusieurs exécutions) :

• MD5 : 1.07 secondes
• SHA-1 : 1.28 secondes

Pour information, il existe également en PHP la fonction hash faisant office de surcouche pour les fonctions md5 et sha1, mais permettant d’exécuter d’autres algorithmes de hashage tels que SHA-256, HAVAL160,4… Le passage par cette fonction pour le calcul des empreintes MD5 et SHA1 engendre une perte de temps de l’ordre de 30%.

Code du test

Voici le code qui m’a servi de test. Il a été exécuté sur un serveur dédié fonctionnant sous Linux / Gentoo, Apache2 et PHP 5.2.

$nb = 1000000;

echo ‘Nombre de tests à chaque fois : ‘.$nb;

$refString = ‘http://www.loicmorvan.fr’;

$string = $refString;
$time=microtime(1);
for ($i=0;$i<$nb;$i++) $string = hash(‘md5′, $string.$i);
echo microtime(1)-$time,’: hash/md5′;

$string = $refString;
$time=microtime(1);
for ($i=0;$i<$nb;$i++) $string = md5($string.$i);
echo microtime(1)-$time,’: md5′;

$string = $refString;
$time=microtime(1);
for ($i=0;$i<$nb;$i++) $string = hash(‘sha1′, $string.$i);
echo microtime(1)-$time,’: hash/sha1′;

$string = $refString;
$time=microtime(1);
for ($i=0;$i<$nb;$i++) $string = sha1($string.$i);
echo microtime(1)-$time,’: sha1′;

Conclusion

La différence de temps entre ces deux fonctions est tout d’environ 20% ce qui est tout de même important, même si on fait rarement un million d’appels consécutifs et le risque de collisions étant déjà extrêmement faible en MD5 (1 chance sur 3*10^38), je ne peux que vous conseiller l’emploi de la fonction md5 par rapport à la fonction sha1.

En savoir plus :

1. Libération mémoire cache Linux Libérer de la mémoire cache, ca peut être utile pour...
2. Design et support des navigateurs… Actuellement, et heureusement, car c’est la concurrence qui fait progresser...
3. .Net adapté pour les sites Internet personnels ? C’est la question que je me suis récemment posée et...

La plupart de ces remarques sont applicables par extension au langage Javascript et même à tout langage de programmation afin d’en optimiser les performances ou d’en faciliter la lecture.
jQuery : Les bonnes pratiques.

En complément de cet article, je rajouterai un lien vers le site de Sébastien Derrey sur lequel vous pourrez trouver de nombreux exemples commentés et en Français relatifs à l’utilisation de jQuery.
jQuery : Framework Javascript.

En savoir plus :

1. Calendrier jQuery Dans la famille ressources utiles, je demande le calendrier Javascript....
2. Le webdesign léger illustré Avec beaucoup de retard, je vous relaye ce guide que j’ai...
3. Popups modales Javascript : le fer de lance du web2.0 Que celui qui n’a jamais vu de popups modales lui...

Bien que l’article date de plus d’un an, la problématique du classement des sites dans un annuaire est toujours d’actualité et le sera encore demain. L’auteur de ce billet analyse donc les politiques de classements suivantes et recense pour chacune d’elles avantages et inconvénients.

• Classement alphabétique
• Classement aléatoire
• Classement à l’ancienneté
• Classement visiteurs reçus
• Classement visiteurs envoyés
• Classement au paiement
• Classement à l’appréciation du visiteur

La conclusion de cet article est qu’il n’existe pas de méthode miracle qui vous garantisse le moins travail tout en préservant l’intérêt de votre annuaire pour les internautes arrivant sur votre site, sans oublier celui des moteurs de recherche qui vous fournissent le trafic tant désiré.

Lien vers l’article initial : Classement des sites dans un annuaire.

En savoir plus :

1. Suivi des événements grâce à Google Analytics Google Analytics est un bon produit, qui mérite le détour,...
2. Optimisez votre référencement avec l’outil OutiRef.com OutiRef.com est un site Internet qui permet facilement d’optimiser votre...
3. Le coup de la panne par Google ! Tout le monde en parle depuis le début de la...

Calendrier jquery

Il dispose de nombreuses options telles que la possibilité d’interdire la saisie de certaines dates, celle de préselectionner une date ou de choisir celle du jour… Il supporte aussi un grand nombre de format de dates, dont le format français jj/mm/aaaa qui nous intéresse plus particulièrement. Un grand nombre classes CSS permettent également de l’adapter aisément au look de votre site.

Plutôt que de longs discours, voici le lien vers un calendrier développé en Javascript, utilisant le framework jQuery, très simple à mettre en place.

Lien : http://jqueryui.com/demos/datepicker/

PS : Pour informations, ce calendrier a également été utilisé sur aviresto.com dans la partie organisation de sortie au restaurant.

En savoir plus :

1. Bonnes pratiques jQuery Voici un article très intéressant retraçant les bonnes pratiques du...
2. Extensions Firefox pour vos développements web 2.0 Je ne sais pas pour vous, mais personnellement, je réalise...
3. Popups modales Javascript : le fer de lance du web2.0 Que celui qui n’a jamais vu de popups modales lui...

Ce qui pêche dans Google Analytics, c’est l’ergonomie et l’utilisabilité ! Vous avez surement comme moi passé au moins 10 minutes à trouver le code du marqueur javascript à inclure dans vos pages…

Pour vous simplifier la vie lorsque vous souhaiterez compter les clics des internautes sur certains de vos objets, voici un article détaillé présentant la méthode à suivre.

J’ajouterai juste que le fichier javascript ga.js se situe à l’adresse : http://www.google-analytics.com/ga.js. Laissez-le sur le serveur de Google : vous économiserez de la bande passante, et surtout lorsque Google Analytics fera des mises à jour, elles seront transparentes.
Article Google Analytics sur noid.fr

En savoir plus :

1. Intégrez votre compte Adsense à Google Analytics C’est une évolution que Google prépare depuis un bon moment,...
2. Widget Google Analytics Netvibes / iGoogle Petit article rapide pour vous présenter un widget bien pratique...
3. Nouveaux referers chez Google Petit billet rapide pour vous faire suivre un article sur...