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...

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...

L’article retrace les 5 étapes à effectuer pour être sûr de réussir votre migration de WordPress :

• Etape 1 : Sauvegarder les Tables de la Base de Données et les Fichiers y compris .htaccess
• Etape 2 : Désactiver les Plugins
• Etape 3 : Ecraser les Fichiers
• Etape 4 : Exécuter le Script de Mise à Jour
• Etape 5 : Réactiver les Plugins un par un

En suivant ce tutoriel, vous comprendrez comment se passe le processus de mise à jour automatique, mais surtout vous pourrez en cas d’incompatibilité de la nouvelle version de WordPress revenir simplement à votre ancienne installation.

Lien vers le tutoriel de mise à jour de WordPress.

En savoir plus :

1. WordPress 2.8 arrive Encore nouveau dans le monde WordPress, je ne pensais pas...
2. WordPress 2.8 est enfin arrivé L’outil de CMS et de blog WordPress en version 2.8...
3. Mise à jour de WordPress en version 2.8.4 Il était temps de faire cette mise à jour… J’étais...

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...

Mais voilà, pourquoi concevoir un nouveau guide de restaurants, alors qu’il en existe déjà un bon nombre ? Il y a déjà beaucoup de sites Internet où il est possible de rechercher un restaurant proche de chez soi ou sur lequel on peut déposer un avis sur un restaurant !

aviresto.com n’apporte surement pas la solution idéale, mais une nouvelle approche communautaire qui apporte des nouveautés sur les points suivants, accessibles à tous, inscrits ou non :

• dépôt d’avis sur un restaurant ouvert à tous,
• ajout de restaurant pour tous,
• possibilité de suivre les avis concernant un restaurant en particulier via des flux RSS.

Mais là où aviresto.com va un peu plus loin et se démarque de la concurrence, c’est sur les aspects communautaires. En effet, aviresto.com intègre un micro réseau social permettant à tous les inscrits de :

• gérer un réseau d’amis,
• suivre les commentaires déposés par ses amis en recevant une notification par email,
• mettre à jour les fiches des différents restaurants afin de garantir des données à jour,
• publier automatiquement ses avis sur le réseau Twitter…

De plus, chaque membre dispose d’une page propre qui recense les restaurants qu’il a suggérés, les commentaires déposés, ses amis… (voici ma page personnelle à titre d’exemple).

aviresto.com recense pour l’instant plus de 7 200 restaurants en France et ce nombre croît de jour en jour. L’objectif étant d’atteindre les 20 000 établissements à la fin du mois d’août. Parallèlement à cet enrichissement de la base de restaurants, de nombreuses évolutions sont également prévues afin de développer au mieux le côté communautaire.

Pour information et pour les plus techniques d’entre vous, tout le site a été conçu sur  base de WordPress 2.8. La promotion et le référencement du site, bien que pensés avant et pendant la phase de développement, vont maintenant pouvoir vraiment commencer.

Je vous laisse maintenant découvrir le site aviresto.com. Tous vos commentaires sur le site, son design et ses fonctionnalités sont les bienvenus.

En savoir plus :

1. Intérêt de Facebook Connect… Cet article n’éngage que le guide de restaurants http://www.aviresto.com mais...
2. CreaResto.fr : création sites Internet gratuits pour restaurant Ce n’est pas en 2010 que je vais me reposer....
3. Appcelerator, Iphone, Aviresto et bonne année 2 mois et demi sans article… j’en suis profondément désolé...

Je vous dévoilerai le projet ultérieurement, mais il s’agit d’un site Internet dont le développement sera fini d’ici là fin de semaine. La phase de test pourra donc commencer à ce moment.

L’expérience vous fait peur ? Ne craigniez rien, je n’attends de vous qu’une petite revue du site et de son ergonomie, qu’un petit test des fonctionnalités et si possible un petit rapport sur les points à ajouter et à améliorer.

Si vous voulez participer à ce test, merci de laisser un commentaire à ce sujet avec un email valide et je vous recontacterai rapidement. Le nombre de places est limité, alors dépêchez-vous…

En savoir plus :

1. La règle des 7 liens de navigation Ca fait quelques mois que je traine l’idée de cet...
2. Bing, moteur de recherche de Microsoft, en version beta Initialement annoncé pour le 2 juin, Bing, le nouveau et...
3. Appcelerator, Iphone, Aviresto et bonne année 2 mois et demi sans article… j’en suis profondément désolé...

Dom Inspector (version 2.0.3)

Dom Inspector est une extension qui vous permettra de voir le contenu de votre page sous forme d’arbre HTML comme le montre l’exemple suivant.

Cette fonctionnalité s’avère pratique mais pas autant que celle nommée « Display Element Information » présente au sein de l’extension Web Developper détaillée juste après.

Web Developer (version 1.1.6)

Je pense qu’il s’agit de l’extension la plus intéressante de ce panel. Elle permet de retrouver des références à des images cassées, de désactiver une ou plusieurs feuilles de style CSS, la gestion des cookies, l’exécution de Javascript.

Il est également possible d’éditer une feuille de style directement depuis le navigateur pour tester rapidement des changement ou bien de retrouver facilement les styles d’un élément particulier avec l’option « Display Element Information » depuis le menu « Information ». Une autre fonctionnalité intéressante est la retaille de la fenêtre aux dimensions standards (800×600, 1024×768….) pour vérifier la compatibilité de votre site.

Firebug (version 1.33)

Firebug possède certaines fonctionnalités similaires au plugin Web Developper, mais la fonctionnalité la plus intéressante est sans aucun doute la console permettant d’analyser tous les appels HTTP effectués depuis une page. Cela permet de débugger très facilement toute intégration d’AJAX au sein de votre site web.

Cette extension permet aussi d’analyser les temps de chargement de vos ressources externes (scripts javascript, feuilles de style, images…).

IE Tab (version1.5.2)

Comme je vous l’avais dit dans un précédent post, ce plugin est utile et vous permettra la navigation de votre site internet sous Internet Explorer tout en restant dans un onglet Firefox. Quel avantage par rapport à un Internet Explorer standard ? Juste un clic sur le plugin et le rendu de la page courante s’opère avec Firefox… imaginez un peu le temps gagné !

Téléchargement des extensions

• Dom Inspector
• Web Developer
• Firebug
• IE Tab

Vous avez des plugins à conseiller ? Laissez un commentaire sur cet article et dites-nous tous vos secrets…

En savoir plus :

1. Outils de tests multi-navigateurs Suite à un article paru récemment sur ce blog concernant...
2. Design et support des navigateurs… Actuellement, et heureusement, car c’est la concurrence qui fait progresser...
3. WordPress comme outil de CMS Voici un article intéressant glané au passage sur le site...