Mai 2012
Sencha Touch : un framework HTML5 pour iOS et Android
par Christophe Laporte le 17.06.2010 à 14:40
Sencha propose au téléchargement une pré-version de Sencha Touch, un framework permettant de concevoir des applications web pour terminaux mobiles. Sencha Touch s'appuie sur HTML5, CSS3, et JavaScript, et a spécialement été pensé pour les écrans tactiles des appareils d'Apple ainsi que pour les téléphones équipés d'Android.
Cette bibliothèque offre la prise en charge de plusieurs gestes (notamment ceux permettant de faire des zooms, des rotations…), comprend toute une série d'animations et gère Ajax, JSON et YQL pour l'intégration des données. Selon Sencha, l'une des forces de sa solution est de pouvoir s'adapter automatiquement à la résolution de l'appareil. Sur son site, Sencha propose de nombreux exemples ainsi qu'une bêta.
Cette bibliothèque offre la prise en charge de plusieurs gestes (notamment ceux permettant de faire des zooms, des rotations…), comprend toute une série d'animations et gère Ajax, JSON et YQL pour l'intégration des données. Selon Sencha, l'une des forces de sa solution est de pouvoir s'adapter automatiquement à la résolution de l'appareil. Sur son site, Sencha propose de nombreux exemples ainsi qu'une bêta.
|
2
1
Vos réactions (19 réactions)
neiluj2
[17/06/2010 15:07]
Ils ont des arguments bidons.
S'adapter à la résolution de l'appareil : n'importe quel développeur sachant écrire du CSS, du vrai, sait le faire.
La prise en charge des gestes, ils utilisent juste les APIs offertes par WebKit
La compatibilité Androïd & iOS4, là encore, les deux utilisent WebKit pour propulser leurs navigateurs donc rien d'extraordinaire.
233Ko ça fait lourd pour un framework orienté mobile, et je parle du code JavaScript minifié, ça ne sera jamais mis en cache et derrière il faut encore ajouter le code applicatif.
edit: ils parlent de 80Ko, mais je vois pas où...
Ils ont des arguments bidons.
S'adapter à la résolution de l'appareil : n'importe quel développeur sachant écrire du CSS, du vrai, sait le faire.
La prise en charge des gestes, ils utilisent juste les APIs offertes par WebKit
La compatibilité Androïd & iOS4, là encore, les deux utilisent WebKit pour propulser leurs navigateurs donc rien d'extraordinaire.
233Ko ça fait lourd pour un framework orienté mobile, et je parle du code JavaScript minifié, ça ne sera jamais mis en cache et derrière il faut encore ajouter le code applicatif.
edit: ils parlent de 80Ko, mais je vois pas où...
oomu
[17/06/2010 15:37]
"233Ko ça fait lourd pour un framework orienté mobile, et je parle du code JavaScript minifié, ça ne sera jamais mis en cache et derrière il faut encore ajouter le code applicatif.
"
il est prévu au sein de html5 de gérer le cache (et sa compilation) de "framework javascript".
"233Ko ça fait lourd pour un framework orienté mobile, et je parle du code JavaScript minifié, ça ne sera jamais mis en cache et derrière il faut encore ajouter le code applicatif.
"
il est prévu au sein de html5 de gérer le cache (et sa compilation) de "framework javascript".
NicolasO
[17/06/2010 15:59]
Ca a l'air bien. Il y a beaucoup d'autres concurrents sur ce marche.
Une petite news bilan/comparatif de macge?
Ca a l'air bien. Il y a beaucoup d'autres concurrents sur ce marche.
Une petite news bilan/comparatif de macge?
Spark54000
[17/06/2010 16:26]
Bonjour tout le monde.
Je n'ai pas de grande connaissance technique dans ce domaine.
Cependant, je voudrais réaliser un magazine en ligne avec un module type Ebook sur l'Ipad (avec des pages qui tourne quant on glisse le doigt).
Sencha Touch permet-il cela?
Il y a des tas de module prêt à l’emploi en Flash et qui sont simplement personnalisable avec mais connaissances de base. Mais bon non supporté par ce type d'appareil.
Que me conseillerez-vous ? En connaissez-vous ?
Je ne veux pas passez pas un site fournissant ce service. (Avec un code à coller). Je veux mon propre service.
J'ai posté sur le forum mais pas de réponse…
Dire que Flash c'est mal ok mais y'a quoi pour remplacer? Le HTML 5 ?
Bonjour tout le monde.
Je n'ai pas de grande connaissance technique dans ce domaine.
Cependant, je voudrais réaliser un magazine en ligne avec un module type Ebook sur l'Ipad (avec des pages qui tourne quant on glisse le doigt).
Sencha Touch permet-il cela?
Il y a des tas de module prêt à l’emploi en Flash et qui sont simplement personnalisable avec mais connaissances de base. Mais bon non supporté par ce type d'appareil.
Que me conseillerez-vous ? En connaissez-vous ?
Je ne veux pas passez pas un site fournissant ce service. (Avec un code à coller). Je veux mon propre service.
J'ai posté sur le forum mais pas de réponse…
Dire que Flash c'est mal ok mais y'a quoi pour remplacer? Le HTML 5 ?
fpoil
[17/06/2010 16:32]
sencha ce n'est pas plûtot l'agglomération de extJS + jQtouch + raphaël + Connect, bref des techno disponibles depuis longtemps séparément mais maintenant regroupées sous une même bannière ?
sencha ce n'est pas plûtot l'agglomération de extJS + jQtouch + raphaël + Connect, bref des techno disponibles depuis longtemps séparément mais maintenant regroupées sous une même bannière ?
Hadrien01
[17/06/2010 16:34]
via MacG Mobile
@ Spark54000 : Soit tu publies un fichier ePub (avec FeedBooks ou Calibre), soit tu crée un PDF. L'utilisateur pourra les télécharger (iOS 4) et les lire dans iBooks.
@ Spark54000 : Soit tu publies un fichier ePub (avec FeedBooks ou Calibre), soit tu crée un PDF. L'utilisateur pourra les télécharger (iOS 4) et les lire dans iBooks.
neiluj2
[17/06/2010 16:37]
@oomu : Il me semble que c'est déjà implémenté d'une certaine manière quand tu ajoutes un signet au Springboard, safari mobile créé un manifest selon les spécs du Offline Application Caching à ce que j'ai pû comprendre. M'enfin c'est pas un argument de "poids" et visiblement je me suis trompé et ils ont une version qui pèserait 80Ko.
Je suis juste un peu méfiant parce que "ExtJS + jQTouch + Raphaël" or jQTouch était basé sur jQuery et là c'est ExtJS...
Le truc c'est qu'avec WebKit on a de moins en moins besoin de Framework de ce genre, la problématique cross-browsers ne se pose plus et les dernières spécs DOM permettent de se passer de tout ça, à commencer par document.querySelector..
@oomu : Il me semble que c'est déjà implémenté d'une certaine manière quand tu ajoutes un signet au Springboard, safari mobile créé un manifest selon les spécs du Offline Application Caching à ce que j'ai pû comprendre. M'enfin c'est pas un argument de "poids" et visiblement je me suis trompé et ils ont une version qui pèserait 80Ko.
Je suis juste un peu méfiant parce que "ExtJS + jQTouch + Raphaël" or jQTouch était basé sur jQuery et là c'est ExtJS...
Le truc c'est qu'avec WebKit on a de moins en moins besoin de Framework de ce genre, la problématique cross-browsers ne se pose plus et les dernières spécs DOM permettent de se passer de tout ça, à commencer par document.querySelector..
iNabil
[17/06/2010 16:37]
pour les magazines l'outil d'adobe avec lequel a été développé wired sera bientôt dispo à tous si ça t'intéresse...
pour les magazines l'outil d'adobe avec lequel a été développé wired sera bientôt dispo à tous si ça t'intéresse...
Spark54000
[17/06/2010 16:45]
Ben le problème c'est que la visionneuse ne sera qu'un élément d'un tout. Donc le fait de télécharger un PDF ne me convient pas.
En fait je voudrais que le magazine puisse être lu et entendu. (Pour apprendre une langue).
Donc il me faut un module que j'inserts dans un tout où il y aura aussi un lecteur audio.
Mais je voudrais que ça reste joli (tant qu'à faire) et consultable hors connexion.
je sais faire tout ça en flash mais je sais pas autrement...
Ben le problème c'est que la visionneuse ne sera qu'un élément d'un tout. Donc le fait de télécharger un PDF ne me convient pas.
En fait je voudrais que le magazine puisse être lu et entendu. (Pour apprendre une langue).
Donc il me faut un module que j'inserts dans un tout où il y aura aussi un lecteur audio.
Mais je voudrais que ça reste joli (tant qu'à faire) et consultable hors connexion.
je sais faire tout ça en flash mais je sais pas autrement...
hadrien01
[17/06/2010 16:55]
@Spark54000 : Deux autres solutions :
1) Chaque page est une page html, qui ne tournent pas.
2) Tu utilises jFlip : http://www.jquery.info/scripts/jFlip/demo.html
@Spark54000 : Deux autres solutions :
1) Chaque page est une page html, qui ne tournent pas.
2) Tu utilises jFlip : http://www.jquery.info/scripts/jFlip/demo.html
hadrien01
[17/06/2010 16:58]
Tu as aussi jPageFliper : http://jpageflipper.codeplex.com/
Exemple ici : http://dl.dropbox.com/u/7235888/index.html
Discussion ici : http://stackoverflow.com/questions/1835321/how-to-do-a-javascript-html-5-canvas-image-page-flip-like-you-commonly-see-in-f
Ou une simple recherche "HTML5 flip"
Tu as aussi jPageFliper : http://jpageflipper.codeplex.com/
Exemple ici : http://dl.dropbox.com/u/7235888/index.html
Discussion ici : http://stackoverflow.com/questions/1835321/how-to-do-a-javascript-html-5-canvas-image-page-flip-like-you-commonly-see-in-f
Ou une simple recherche "HTML5 flip"
Spark54000
[17/06/2010 17:16]
Merci à toi hadrien01 !
Ton premier lien marche plutôt pas mal sur mon téléphone Android. (Mais bon niveau design c'est pas super joli) mais c'est un bon début !
Sinon le deuxième lien saccade beaucoup et donc ne rend pas grand chose...
Merci pour ton coup de pousse ! Ça me donne des pistes !
Merci à toi hadrien01 !
Ton premier lien marche plutôt pas mal sur mon téléphone Android. (Mais bon niveau design c'est pas super joli) mais c'est un bon début !
Sinon le deuxième lien saccade beaucoup et donc ne rend pas grand chose...
Merci pour ton coup de pousse ! Ça me donne des pistes !
hadrien01
[17/06/2010 17:18]
Pour le premier, tu peux changer les couleurs ;-)
Pour le premier, tu peux changer les couleurs ;-)
neiluj2
[17/06/2010 17:20]
@Hadrien01: ;-) du "vrai" c'est celui qui n'a pas besoin de hacks parce qu'IE casse les pieds déjà, mais je sous-entendais surtout l'utilisation des dernières spécifications du CSS3, notamment les media queries qui permettent de cibler certains appareils comme l'iPhone et l'iPad gràce à la résolution de leurs écrans (ou autres caractéristiques, comme le support de la 3D par exemple) et au support de ces spécs justement. En l'occurence il s'agissait d'être "resolution independant" mais quelque part un bête width: 100% est déjà "Resolution independant" :-) Si encore ils utilisaient du SVG je ne dirais pas, mais j'en ai pas encore vu jusqu'ici, pourtant il me semblait que Raphaël était un framework pour le SVG…
@Hadrien01: ;-) du "vrai" c'est celui qui n'a pas besoin de hacks parce qu'IE casse les pieds déjà, mais je sous-entendais surtout l'utilisation des dernières spécifications du CSS3, notamment les media queries qui permettent de cibler certains appareils comme l'iPhone et l'iPad gràce à la résolution de leurs écrans (ou autres caractéristiques, comme le support de la 3D par exemple) et au support de ces spécs justement. En l'occurence il s'agissait d'être "resolution independant" mais quelque part un bête width: 100% est déjà "Resolution independant" :-) Si encore ils utilisaient du SVG je ne dirais pas, mais j'en ai pas encore vu jusqu'ici, pourtant il me semblait que Raphaël était un framework pour le SVG…
2
1
Réagir
Cinq consignes avant de réagir :
- Rester dans le cadre de la dépêche. Pour des discussions plus générales, vous pouvez utiliser nos forums.
- Développer son argumentation. Les messages dont le seul but est de mettre de l'huile sur le feu seront modifiés ou effacés sans préavis par la rédaction.
- Respecter les acteurs de l'informatique et les autres lecteurs. Les messages agressifs, vulgaires, haineux, etc. seront modifiés ou effacés sans préavis par la rédaction.
- Pour toute remarque concernant le contenu de l'article, pour nous signaler une erreur, une faute d'orthographe, une omission, merci de nous contacter exclusivement par e-mail.
- Relisez-vous, et pour les utilisateurs de Safari profitez de l'aide du navigateur : activez le menu édition > Orthographe > Vérifier l'orthographe lors de la frappe.