Le Forum du Zèbre et des Zamiboostiens

Un site web pour Iphone et autres mobile phones

Voir le sujet précédent Voir le sujet suivant Aller en bas

Un site web pour Iphone et autres mobile phones

Message par james le Jeu 6 Mai 2010 - 23:45

Bonjour mes amis,

Certaines discussions de geeks s'animent autour du sujet
"vaut-il mieux faire une appli ou un site web" pour les mobile phones ?
Eux, ils parlent de trucs très pros (services publics, banques, ...)
Je pense que cela pourrait être un plus d'avoir aussi ce type de consultation
au vol pour certains de nos sites.
Par exemples les gites et chambres d'hôtes et autres services locaux.
Et ce serait sans doute un plus de faire cela avant que cela ne soit la mode
(comme ça l'était de faire un site web en 1997 !)
Dans notre cas, il sera plus facile de faire un site web qu'une appli !
(quoi que pour une appli simpliste j'ai vu passer un truc il y a quelques temps
mais je ne sais pas où j'ai rangé cette info !)

Mais ... au fait ... pour un site web adapté ...

Connaissez vous une méthode simple et rapide pour faire cela ?
Un Cari ou WA (sans flash, bien sûr !) avec le format "qui va bien" ?
(320 X 416 pour un Iphone soit dit en passant)
Avez vous déja essayé ?

Existerait-il un servise en ligne pour faire cela ?
Dans le genre de jimdo ou wix ...

Ou autre chose ... ?

Cordialement

_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par B@byl le Ven 7 Mai 2010 - 13:41

Bonjour James
Normalement les sites WA en html css3 sont prévus pour les Iphones

Mes 2 sites sont en html mais je n'ai pas d'Iphone pour voir ce que ça donne et puis ils sont en 1000 de large.

Sur mon mobile j'ai accès à internet mais c'est minable, mais j'ai vu sur d'autres et c'était tout à fait correct et si tu a un Iphone, regarde et dis-nous ce que ça donne.

@ +

_________________
B@byl
"La qualité d'une vie n'est pas dans l'accumulation mais dans le partage"
avatar
B@byl
Conservateur
Conservateur

Balance Serpent
Nombre de messages : 5860
Age : 64
Ville (CP) : Pas d'entraide par MP ou mail
Date d'inscription : 07/02/2007

http://www.assmat-nantes.fr/

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Sam 8 Mai 2010 - 0:51

Bonjour Babyl,

Eh bien, encouragé par ta phrase WA/html/CSS3, j'ai fait un petit site de test depuis Cari et le même ou presque depuis WA, et je suis allé voir le rendu sur Safari et Opera (sur Ipod-touch).

Côté Cari, c'est comme d'hab, cela se développe très vite (il faut observer quelques principes de navigation propres au mobile phones, bien sûr). Côté WA, que je n'ai que très peu pratiqué, j'ai eu plus de mal, et surtout, il y a plusieurs trucs que l'on fait avec Cari que l'on ne peut plus faire avec WA (on sent que c'est fait pour faire d'abord et avant tout du flash, ce qui, justement n'est pas supporté par l'Iphone !)

Bien, et côté rendu sur Safari et Opera ? Ben ... heuuu ... c'est truffé de trucs bizares (bien que ces navigateurs observent bien les standards ...). C'est quasiment correct avec Opera, mais il y a des trucs cocasses quand même, et sur Safari cela arrive en format réduit (zoomable, d'accord, mais timbre poste en standard !), grosse anomalie, et avec d'autres trucs cocasses aussi, mais différents de ceux d'Opera.

Donc faire un site qui s'affiche correctement sur tous les mobile phones n'est pas du tout quelque chose qui tombe sous le sens !
Et je n'ose pas penser au rendu sous les navigateurs Android et autres.

Je détaillerai un tout petit peu si j'ai le temps.
Et je vous donnerai les deux adresses des sites (une dans l'image ci-dessous, déja, via Cari).

Et pour l'instant je ne vous donne que deux astuces qui résolvent les 3/4 des problèmes :
** tout ce qui est, même très peu, sophistiqué (avant plan/arrière plan, zone de couleur, taille de texte, etc ... ) est avantageusement remplacé par une image
** du coup on peut faire une version mobile phone très rapidement en faisant des captures du site usuel et en adaptant au format d'affichage. Il n'y a plus qu'à mettre un peu de navigation "touch".

Test avec un simulateur ( http://www.testiphone.com/ )


_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par microbull le Sam 8 Mai 2010 - 8:38

Bonjour James

Tu as probablement oublié que dans WA il y avait une option pour que ton site soit optimisé pour les mobiles
cela se trouve dans le menu "Site Web/Propriétés du site Web" ensuite onglet "Css3"



Tu peux aussi sélectionner l'option "Rendu web Html/CSS3" à priori sans flash pour les Iphones

Bien cordialement

Microbull.

_________________
En informatique le problème se situe toujours entre le siège et le clavier.
avatar
microbull
Conservateur
Conservateur

Taureau Chèvre
Nombre de messages : 1632
Age : 74
Ville (CP) : Bourgogne
Date d'inscription : 08/02/2007

http://www.sugarmania.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Sam 8 Mai 2010 - 9:22

Bonjour MicroBull,

Ben oui, j'avais bien sélecté l'option "Rendu Flash + CSS3/HTML pour les mobiles", mais, comme tu le suggères, il est possible que l'option "Rendu web Html/CSS3" soit meilleure. A tester ... Peut être parce qu'il reste un bout de logique "Flash" dans la génération du code ? Même si, in fine, cela génère bien du brave vieux html.
On verra bien ...

_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par B@byl le Sam 8 Mai 2010 - 14:21

Oui il vaut mieux publier en html/css3 plutôt qu'en flash+html/css3

car en flash+html/css3 les deux versions sont publiées nous avons les pages en double par exemple index.html pour le flash et index_m.html pour les mobiles (version html) les mobiles sont sensés ouvrir le site avec index_m.html mais ils ne cherchent pas toujours et certains ouvre l'index. html qui est en flash.
Donc en mettant seulement la version html/css3 il n'y aura pas de confusion.

Maintenant comme tu dis James reste à voir comment le css3 est lu par les autres navigateurs et les mobiles.

Edit : d'ailleurs c'est un truc à savoir si tu vois mal un site sur ton mobile tu peux toujours essayer en retapant l'adresse du site avec au bout index_m.html et tu sauras si ça ouvre c'est qu'il y a une version pour mobile. (m pour mobile)

_________________
B@byl
"La qualité d'une vie n'est pas dans l'accumulation mais dans le partage"
avatar
B@byl
Conservateur
Conservateur

Balance Serpent
Nombre de messages : 5860
Age : 64
Ville (CP) : Pas d'entraide par MP ou mail
Date d'inscription : 07/02/2007

http://www.assmat-nantes.fr/

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Dim 9 Mai 2010 - 19:44

Bon, les amis, je viens vous donner quelques conclusions très perso de bouts de tests fait de-ci de-là.

** Effectivement, il vaut mieux travailler au maximum avec des images qui ont au moins l'avantage de figer la mise en page, les calques dessus-dessous, les tailles de caractères, les tailles et les positionnements des images, ... je dois en oublier ! Tous les machins que je viens de citer peuvent dans certains cas, certains navigateurs, certaines manipulations, poser problème.
Et puis une image de 320 X ... se charge vite, en wifi, bien sûr mais tout aussi vite ou presque en 3G et bien sur en 3GS.

** Pour la navigation, il faut faire avec de grosses zones de sélection de la taille du bout du doigt (ça vous l'auriez deviné !)

** Ne pas charger l'écran, bien sûr, on a peu d'espace. Repenser l'ergonomie en fonction de celà aussi.

** La "bonne taille" d'affichage semble être 320 X 356. C'est un peu grand pour Safari, mais juste pour Opera. Aucune idée pour les autres. (C'est un peu comme quand on fait nos sites web en 600 X 800 pour être sûr que cela s'affiche bien dans tous les cas, quitte à être riquiqui sur un 24 pouce ...)

Voila pour les premières conclusions en ce qui concerne le seul cas des Iphones/Ipods-touch avec Safari et Opera, et, comme on le disait déjà, des mobile-phones qui peuvent naviguer, il y en a bien d'autres, et encore beaucoup plus à venir !

Bon, les outils, maintenant.

Eh bien, au hasard d'une newsletter, j'ai vu que Jimdo commence à préparer le coup. MAIS ... après test, c'est vrai que cela donne quelque chose de satisfaisant avec Safari, mais de totalement impraticable avec Opera ! Heureusement, c'est Safari qui est fourni par défaut, mais ... "ça la fout mal" de s'afficher de manière illisible sur Opera ! Mais, pour vos amis qui ont ou vont se faire un site avec ce service en ligne (qui est mon préféré pour l'instant, soit dit en passant), cela permet de faire un site qui soit aussi consultable sur mobile phone. Et comme on peut même faire facilement une mini boutique en ligne ... vous me suivez !
J'oubliais, Jimdo donne aussi quelques conseils :
http://communautefrancophone.jimdo.com/design/adapter-son-site-jimdo-à-l-iphone/

Affichage Safari :



et affichage Opera :





Maintenant, Cari et WA ? Eh bien, vous avez raison les amis, il vaut sans doute mieux publier avec l'option "HTML/CSS3" sans la doublure flash pour WA, (mais, un "vieux" Cari V1 fait tout à fait l'affaire), même si je n'ai pas fait de test très spécifique en ce sens, vu que j'ai modifiés plusieurs choses en même temps.

Et côté affichage ? Je résume quelques kilos de tests :

** Safari s'obstine à afficher au format "timbre poste" ! Je n'ai pas trouvé le truc pour qu'il s'affiche du premier coup en plein écran. Que ce soit généré par Cari ou WA.
Avec un "double tap", cela s'agrandi, bien sûr, mais ... des fois bien, des fois un peu trop grand, des fois un peu trop petit ! A n'y rien comprendre.
Et, il faut réagrandir tous les écrans à l'affichage !
Je n'ai pas trouvé de bypass. Si vous avez une idée, ou si vous trouvez, exprimez vous !
Safari est quand même le navigateur qui équipe quelques milions d'Iphones, rien qu'en France !

** Opera affiche directement au bon format, mais il a en standard une surface un peu plus petite. Par contre il "fait ce qu'il veut" avec les tailles de texte, indépendament de tout ce que l'on peut astucer. Bon, alors, là aussi ... image comme bypass à mon sens pour l'instant ... (alors que safari suit bien ce que l'on demande comme taille d'affichage ...)

Affichage Safari :



et affichage Opera :




Affichage Safari :



et affichage Opera :




Si vous voulez tester avec votre mobile phone ou Ipod-touch :

http://tinyurl.com/iphonelafaye pour le site généré avec Cari

http://tinyurl.com/ilafaye pour le site généré avec WA

Vous pouvez en profiter pour voir comment s'affiche le site de test Jimdo/iphone :

http://essai-guide-utilisateur.jimdo.com/

Et puis il y a aussi le simulateur ( http://www.testiphone.com/ ) qui rend assez bien compte de la réalité,
mais, qui, bien sûr, n'a ni le moteur de Safari : il affiche au bon format et pas en "timbre poste" comme un "vrai" Safari/Iphone, et affiche les tailles de texte comme safari.
Il utiliserait le moteur de "notre" navigateur que je ne serais qu'à moitié étonné ...
Si vous affichez les deux URL ci-dessus dans votre navigateur, tout va très bien ... ben voyons !

Au fait, morale de la morale, si l'on sait adapter/contourner tout un tas de défauts mineurs ou majeurs d'affichage d'un site web "fait pour" depuis Cari ou WA, on est toujours dans l'impossibilité de faire quoi que ce soit de valable tant que l'on n'aura pas trouvé la solution ou le bypass pour qu'un site s'affiche directement en plein écran et non en "timbre poste" avec Safari/Iphone ... appel à idées !

_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Dim 9 Mai 2010 - 23:48

... ajout de captures d'écrans dans le post ci-dessus avec Safari et Opera pour illustrer.

_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Jeu 24 Juin 2010 - 14:36

Peut être une solution interessante !
(pas le temps de tester)
Je recopie tel quel "freetools" :

"Le service Onbile est une plateforme gratuite pour créer la version mobile de votre site Web adapté à iPhone, Android, Blackberry… En seulement 3 étapes et en 5 minutes.

Tout commence par l’habituelle création de compte… Ensuite, choisissez un thème prêt à l’emploi (site vitrine, blog) et personnalisez le avec vos couleurs. A l’étape suivante, il faudra indiquer le nom du site, le titre, le sous titre, les textes des pages, téléphone, email, comptes sociaux etc… A la dernière étape, retera juste à indiquer l’URL où vous souhaitez publier votre site mobile. Vous recevrez alors le code Html que vous devrez collez dans la page index de votre site Web. Une fois que vous aurez inséré la ligne de code dans la page index de votre site Web, les utilisateurs qui y accéderont avec les portables seront rédirigés automatiquement vers votre page mobile.

Simple, efficace et gratuit !"

Site Internet : http://www.onbile.com/index.php?lang=fr



Templates pour les portables from Mobile Templates on Vimeo.


_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Ven 27 Aoû 2010 - 12:29

Pour tester Opera Mobile ...
"Opera Mobile Emulator propose aux développeurs web mobile un émulateur du navigateur Opera Mobile. L'application permet au créateur de site de le tester sur le navigateur Opera Mobile en s'affranchissant d'appareil mobile."
La suite : http://www.01net.com/telecharger/windows/Internet/editeur_de_site/fiches/107325.html

"

_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Dim 29 Aoû 2010 - 19:29

Dans le même esprit que "ONBILE" ci-dessus :
http://mobify.me/

Quelques explications sur ce blog :
http://blog.jeanviet.info/application-mobile/mobifyme-creer-un-site-mobile-gratuit-a-partir-de-son-blog.htm

Je cite le début qui situe bien ce qui est en train de se passer :
"La navigation web depuis un téléphone mobile progresse fortement d’année en année (+ 30 % / an)… Et ce n’est que le début ! Pour ceux qui ont des smartphones (sous Android, iPhone, …) et des forfaits data illimitées, il n’y a maintenant plus aucune frontière pour se connecter à Internet depuis son mobile : c’est rapide, le rendu est de qualité, c’est illimitée, pas trop cher, et on peut surfer même dans le bus ... La seule chose qui agace un peu, c’est quand le site web / blog que l’on visite a du mal à s’afficher sur l’écran du téléphone portable (images trop grandes, liens difficilement cliquables, mauvais centrage du site,…) Vous avez un blog ? et vous voudriez tout de suite le rendre optimisé pour plus de 5 000 terminaux mobiles ? Essayez donc Mobify.me é

Voila le genre de conversion que l'on peut faire :


_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Sam 9 Oct 2010 - 17:33

Encore une solution !
Aucune idée de ce que c'est réellement (il semble que l'on soit plus proche de l'application que du site web stricto sensu) ni de ce que cela vaut ...

http://webapp-net.com/

"A web application micro-framework*
WebApp.Net is a light weight, powerful javascript framework taking advantage of AJAX technology. It provides a full set of ready to use components to help you develop, quickly and easily, advanced mobile web applications."


_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Re: Un site web pour Iphone et autres mobile phones

Message par james le Ven 8 Avr 2011 - 17:23

La solution du jour : zapd
Une page très simple, photos, textes et liens.
Longue si l'on veut : vous savez comment on scrolle sur un iPhone !



_________________
Le premier principe de la logique Shadok est
"Pourquoi faire simple alors qu'il est si facile de faire compliqué ?"
avatar
james
Zoologiste
Zoologiste

Verseau Singe
Nombre de messages : 1831
Age : 73
Ville (CP) : Au bout des rangs de vigne - Gironde
Date d'inscription : 07/02/2007

http://james.chauveau.free.fr

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum