/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fnullified%2Fimages%2F105.jpg)
Chat "Responsive Design" en HTML/JS/CSS (et sans Flash !)
Dilemme :
Le problème du Chat actuel, c'est qu'il est en Flash. Flash est très bon pour ce qu'on lui demande de faire (une application) mais se heurte malheureusement à son absence des nombreux jouets mobiles plus simples qu'un PC comme les smartphones et tablettes. Certaines tablettes embarquent tout de même Flash, mais elles ne sont pas majoritaires et le problème de mises à jour se pose inévitablement.
Aussi, le troll interminable entre Apple et Adobe, puis le débat autour de Windows 8 et son acceptation partielle de Flash n'ont pas amélioré les choses.
Bref ! Nous avions le choix entre convertir le Chat vers la plateforme Adobe Air et créer une applications iOS/Android/Blackberry/Windows RT (?) ou partir sur les technologies HTML5. Les 2 technologies étant assez jeunes, nous avons finalement fait le choix de l'HTML5 et du "Responsive Design" qui vise à adapter une application à plusieurs supports comme les smartphones, tablettes et PCs se retrouvent ainsi à utiliser concrètement la même interface dont les éléments sont adaptés par leurs positions et leurs dimensions.
Cette version sera très prochainement disponible via Skyrock.mobi mais l'est déjà via http://www.skyrock.com/chat/ depuis un device iOS ou Android.
Côté technique :
Ce Chat utilise les websockets. Mais comme certains navigateurs (comme "Browser" d'Android) font de la résistance, il se décline en version dégradée en Ajax. Un serveur en python (plutôt tornado avec pypy en fait) s'occupe de faire le lien entre l'interface Web et le service de Chat. Il se charge également de maintenir la connexion quelques temps pour pallier aux éventuelles déconnexions dues aux changements de réseaux (Edge, 3G, WiFi...). Les messages reçus durant ce laps de temps ne sont pas perdus.
Côté fonctionnalités :
Cette version offre déjà le principal : Rejoindre les salons, discuter en public et en privé, recevoir des images... Mais nous n'avons pas oublié la suite (Recherche, mises en forme, envois d'images, salons persos, peut-être webcam un jour...).
Ces fonctionnalités arriveront au fur et à mesure des semaines et mois à venir :)
Côté jardin, euuh interface :
Elle est orientée tactile. De ce fait le fonctionnement diffère de la version Flash actuelle, notamment pour la gestion des privés. On se rapproche beaucoup plus de ce qu'il se fait en ce moment sur les applis mobiles offrant des discussions :)
Côté bugs :
Il y en a ^^
Officiellement, on va surtout supporter Safari iOS et Chrome sur le mobile. On vous suggère donc d'utiliser ceux-ci. Firefox et IE ne devraient pas non plus poser problème.
Néanmoins, si vous rencontrez des problèmes, vous pouvez nous en faire part en commentant cet article. Ce sera intéressant de nous indiquer les devices utilisés (iPhone 3GS, Galaxy S3, etc.) et si possible les versions du système et du navigateur.
Côté slurp :
Je (max) tiens personnellement à profiter de cet article pour remercier noony qui a majoritairement participé à ce projet dans un contexte très (voire trop) difficile. Ainsi que Cissou pour le responsive et Fabien pour le design très "Modern UI" voulu par JaY même si je n'aime pas le gris :)
Le problème du Chat actuel, c'est qu'il est en Flash. Flash est très bon pour ce qu'on lui demande de faire (une application) mais se heurte malheureusement à son absence des nombreux jouets mobiles plus simples qu'un PC comme les smartphones et tablettes. Certaines tablettes embarquent tout de même Flash, mais elles ne sont pas majoritaires et le problème de mises à jour se pose inévitablement.
Aussi, le troll interminable entre Apple et Adobe, puis le débat autour de Windows 8 et son acceptation partielle de Flash n'ont pas amélioré les choses.
Bref ! Nous avions le choix entre convertir le Chat vers la plateforme Adobe Air et créer une applications iOS/Android/Blackberry/Windows RT (?) ou partir sur les technologies HTML5. Les 2 technologies étant assez jeunes, nous avons finalement fait le choix de l'HTML5 et du "Responsive Design" qui vise à adapter une application à plusieurs supports comme les smartphones, tablettes et PCs se retrouvent ainsi à utiliser concrètement la même interface dont les éléments sont adaptés par leurs positions et leurs dimensions.
Cette version sera très prochainement disponible via Skyrock.mobi mais l'est déjà via http://www.skyrock.com/chat/ depuis un device iOS ou Android.
Côté technique :
Ce Chat utilise les websockets. Mais comme certains navigateurs (comme "Browser" d'Android) font de la résistance, il se décline en version dégradée en Ajax. Un serveur en python (plutôt tornado avec pypy en fait) s'occupe de faire le lien entre l'interface Web et le service de Chat. Il se charge également de maintenir la connexion quelques temps pour pallier aux éventuelles déconnexions dues aux changements de réseaux (Edge, 3G, WiFi...). Les messages reçus durant ce laps de temps ne sont pas perdus.
Côté fonctionnalités :
Cette version offre déjà le principal : Rejoindre les salons, discuter en public et en privé, recevoir des images... Mais nous n'avons pas oublié la suite (Recherche, mises en forme, envois d'images, salons persos, peut-être webcam un jour...).
Ces fonctionnalités arriveront au fur et à mesure des semaines et mois à venir :)
Côté jardin, euuh interface :
Elle est orientée tactile. De ce fait le fonctionnement diffère de la version Flash actuelle, notamment pour la gestion des privés. On se rapproche beaucoup plus de ce qu'il se fait en ce moment sur les applis mobiles offrant des discussions :)
Côté bugs :
Il y en a ^^
Officiellement, on va surtout supporter Safari iOS et Chrome sur le mobile. On vous suggère donc d'utiliser ceux-ci. Firefox et IE ne devraient pas non plus poser problème.
Néanmoins, si vous rencontrez des problèmes, vous pouvez nous en faire part en commentant cet article. Ce sera intéressant de nous indiquer les devices utilisés (iPhone 3GS, Galaxy S3, etc.) et si possible les versions du système et du navigateur.
Côté slurp :
Je (max) tiens personnellement à profiter de cet article pour remercier noony qui a majoritairement participé à ce projet dans un contexte très (voire trop) difficile. Ainsi que Cissou pour le responsive et Fabien pour le design très "Modern UI" voulu par JaY même si je n'aime pas le gris :)
/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)
Commenter cet article
N
X
M
E
M