Une webapp multi-smartphones ?
muqaddar
Administrateur
Bonjour,
Est-ce que quelqu'un a déjà essayé de concevoir une webapp qui passe sur tous les smartphones et qui s'adapte à l'écran à l'aide de feuilles de style ?
En gros, un site internet classique, mais spécialement dédié aux smartphones et à leurs résolutions, et donc, sans les outils apple type DashCode qui ne passent que sous Safari mobile ?
Merci.
Est-ce que quelqu'un a déjà essayé de concevoir une webapp qui passe sur tous les smartphones et qui s'adapte à l'écran à l'aide de feuilles de style ?
En gros, un site internet classique, mais spécialement dédié aux smartphones et à leurs résolutions, et donc, sans les outils apple type DashCode qui ne passent que sous Safari mobile ?
Merci.
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
dans toute page web on a accès à des attribut du document qui donne
la taille de l'écran, la taille de la zone d'affichage, la taille du document
ce n'est pas une caractéristique des smartphone mais du DOM
on peut donc au démarrage de l'application récupérer ces paramètres et les exploiter.
cela fait un peu de code mais on a à coup sur la taille exacte disponible
une autre solution consiste à utiliser la signature du navigateur qui donne la plate-forme sur la quelle s'exécute le navigateur
côté serveur il faut alors proposer une feuille css correspondant au navigateur
soit en la sélectionnant (une feuille par smartphone)
soit en la créant dynamiquement.
A+JYT
Donc en théorie oui c'est pas difficile. En pratique.. bah c'est une horreur :-P
Surtout vu tous les navigateurs disponibles, et leurs différents supports (ou non) de CSS2 ou CSS3, des animations et tout ce qui est apporté par CSS3, des supports variables de Javascript, ...
C'est d'ailleurs pour cela qu'il existe pas mal de frameworks Web ou Javascript pour faciliter les choses de ce côté sinon c'est un vrai calvaire en pratique. Dès que tu commences à faire du multi-navigateurs et encore plus dans le domaine mobile avec les différentes contraintes et tailles...
Si il y a des frameworks facilitant le travail je suis preneur, je n'ai pas forcément besoin de bcp de JS, mais juste de faire une app lisible sur smartphones, sans avoir à zoomer contrairement à une appli Internet classique.
J'ai trouvé des frameworks permettant de développer des applications natives, mais pas des webapps...
ce n'est à mon avis pas un framework MVC mais MV (bien qu'il y ai sur certain composant une notion de contrôleur)
le composant Layout s'adapte automatiquement à la largeur et hauteur de l'espace d'affichage
il utilise pour cela au moment de la construction du layout en js des paramètres du dom
je n'ai à ce jour jamais constaté d'erreur d'affichage sur la taille du document
mais je n'ai pas testé sur tout les supports
Il existe une version pour GWT http://www.extjs.com/products/gwt/
ce que je reproche à cette lib c'est l'absence d'un vrais modèle MVC complet et le côté un peut trop windows
mais par contre c'est très complet et modulable
on peut packager la lib en incluant que les composant dont on se sert
c'est polyglotte très complet.
sur de grosse appli on peu ne charger que le noyau et charger dynamiquement les composant au fur et à mesure des besoins.
les composants pour être créés ont besoin d'une config que l'on passe en paramètre au constructeur
du coup il est assez simple de faire un code qui utilise des objets JSON
décrivant l'IHM
perso je pense que la meilleure approche c'est d'utiliser JS pour calculer la taille de l'objet DOM à instancier
utiliser des css pour chque cible devient vite très compliqué cette solution permet de mieux personnaliser l'appli à la cible.
A+JYT