Rendre un site web compatible sur Ipad, phone...

WRInaute accro
Bonjour,

Auriez-vous des tutos, des bons articles sur la possibilité de rendre compatible un site web classique PHP/MYSQL sur des supports genre :
- Ipad
- Iphone
- etc.... en règle générale "smart phone"?

ou dois-je créer ce qu'on appelle des "applications"?
Quel est le langage utilisé pour des applications? java, php, etc...?

Merci
 
WRInaute accro
tous les sites internet correctement codé sont 100% compatible iPAD et iPHONE, plusieurs raison à cela.

-un SMARTPHONE ou une tablet internet, peuvent ZOOMER sur une page c'est même sont principale intérêt
-un SMARTPHONE ou tablet internet, peuvent modifier la mise en page du site de manière automatique et presque sans trop déformer le site internet, se sont le principale intérêts de ses appareils.

en suite les appareils récent on une résolution de plus en plus adapter à la navigation sur internet non-mobile, même avec des sites prévue pour du 1220*1024, par exemple les iPHON4 et iPAD on des résolution élever et même la plus part des modèle sous ANDROID sont entre 800*480 et 1024*768, en passant par le 1024*600.

pour les application ANDROID il sagit de JAVA( à ne surtout pas confondre avec JavaScript):

http://fr.wikipedia.org/wiki/Android

et pour iOS c'est le SDK Carbon( IDE)
qui permet de programmer en langage JAVA et Objectiv-C et c ou C++ et AppleScript .
http://fr.wikipedia.org/wiki/Xcode
http://fr.wikipedia.org/wiki/Carbon_%28Mac_OS_X%29
http://fr.wikipedia.org/wiki/IOS_%28Apple%29

les OS comme iOS et ANDROID et surement WINDOWS MOBILE(pas vérifier), sont compatible avec la structure suivante:
liens de N° de téléphone pour appeler une entreprise directement:
Code:
<a href=tel:0100000000>01 00 00 00 00</a>
 
WRInaute accro
Je te remercie pour toutes ces infos très utiles !
Oui je sais que le langage utilisé est au format html donc pas de soucis pour la lecture mais je me doutes que le site web doit être le plus léger possible pour les téléphones portable. Cela veut dire éviter les images trop lourdes, peut-être les animations flash, etc...
Donc il doit bien y avoir des astuces et recommendations....

De plus, on m'a rapporté que sur Ipad, un site en particulier, j'avais développé un tchat textuel mais il semblerait que cela ne fonctionne pas sur Ipad alors que sur un ordinateur avec n'importe quel navigateur => pas de prob !

Donc je me pose des questions??!!
 
WRInaute accro
se ne sont que des suites de cas particulier, exemple je suis aller sur mon téléphone android sur ton site en WWW si c'est le tiens, il semble fonctionner correctement sur mon téléphone et surement sur iOS.

en suite tu peux toujours faire structuré la page en fonction du user agent, du style si le user agent c'est celui de l'iOS alors tu affiche ça et pas celui là et si le user agent est celui d'un ordinateur normal et bien la page affiche le site.

http://logicalthings.com/blog/technicalities/embedding-video-using-htm ... atibility/

http://www.workingbase.com/project/Simple-PHP-Treatment-Booking-Form-% ... 80056.html

http://pommedev.mediabox.fr/index.php/board,52.0.html

http://pommedev.mediabox.fr/index.php/board,46.0.html
 
WRInaute passionné
Personnellement pour les gros sites sur lesquels j'ai taffé, où les images sont hébergés sur un sous domaine. On a créé un autre sous domaine (img.domain remplacé par imgmob.domain) avec les mêmes images mais en dégradés (pas la peine d'avoir une définition magnifique). Les images passent généralement de 20Ko à 2Ko, c'est "moins beau" mais par contre sur mobile, c'est énorme comme changement. On en a même dégagé certaines (remplacé par une image transparente de 1px par 1px).
Un petit rewrite si ça match l'user agent de android/iphone/blackberry et c'est bon.

Ca c'est assez simple et rapide.

Après on avait commencé à dégager les parties de js pas accessible en navigation "phone" (généralement les "on mouse over" vu que pas de souris, pareil pour les on key up/down) mais ça par contre ça devient très long et pas forcément très "rentable" (gagner 1Ko pour quelques heures de dev).

De mon côté j'ai hâte qu'apparaisse des headers pour la vitesse de connexion/la résolution mais bon, on est pas encore là.
 
WRInaute accro
mipc a dit:
tous les sites internet correctement codé sont 100% compatible iPAD et iPHONE, plusieurs raison à cela.

Usage différent, ergonomie différente et donc site différent. Le coup du "c'est compatible"... oui ben c'est bien mais on s'en fout :) Des boites comme Allociné s'amusent pas à refaire tout leur site pour le fun
 
WRInaute accro
c'est sûr qu'on peut zommer, mais franchement zoomer-dezoomer à tout bout de champs durant la navigation rend l'expérience gênante pour l'internaute.
 
WRInaute accro
Leonick a dit:
c'est sûr qu'on peut zommer, mais franchement zoomer-dezoomer à tout bout de champs durant la navigation rend l'expérience gênante pour l'internaute.


Marrant perso c est l'inverse, les sites internet en version mobile et soi-disant adapter à la taille des téléphones, m'horripilent et me gonfle et plus haut point, c'est exaspèrent de se retrouver en face d'un site en version mobile tout ça parce qu'on a un téléphone ou un appareil sous android/iOS, je déteste les sites mobile, on se sent perdu, il manque les 3/4 des informations du vrai site internet, pour une soidisante amélioration de l'ergonomie qui est complètement bidon et fallacieuse, naviguer sur un site mobile est consternant, assommant on se sent seul et déposséder de ses moyens sur les sites mobiles, on ne peut plus faire se que l'on veut, même zoomer on ne peux plus soi-disant c'est mieux nan mais de quoi je me mêle, et le pire c'est que souvent on a pas le choix ou alors aller bidouiller le user agent.


les sites mobile ça pue c'est chiant à en mourir.

édit de plus si taper deux fois de suite à un endroit de la page internet( pareil une fois zoomer pour dé-zoomer), avec son doigt des c'est gonflant, je ne sais pas se qu'il te faut de plus simple agréable et intuitifs.
 
WRInaute accro
@mipc Heureusement que tu n'es pas webmaster...eu que peu de clients pense comme toi.Sinon on aurait des sites comme il y a 20 ans, sans ergonomie, ni jquery, rien..
 
WRInaute accro
bproductiv a dit:
@mipc Heureusement que tu n'es pas webmaster...eu que peu de clients pense comme toi.Sinon on aurait des sites comme il y a 20 ans, sans ergonomie, ni jquery, rien..

Et je rajouterais que quand on est dans un RER, un métro ou dans la rue... y'a peu de chances qu'on ait la même façon de lire qu'assis tranquillement dans un fauteuil de bureau. Mon site est illisible sur un tél portable et personne ne lit des pavés sur des téléphones portables. La refonte totale est obligatoire... si on a un vrai site avec du contenu et pas trois pages avec deux liens bien sur.
 
WRInaute passionné
Si vous avez la chance et la présence d'esprit de faire un site sous Joomla, vous n'avez qu'à installer l'extension mobilejoomla.com.

Pourquoi ?
- plusieurs templates adaptés au mobile. Sinon vous en crééez un.
- possibilité de voir un site en mode desktop ou en mode mobile au choix
- et le plus fort : à partir de l'architecture du site en mode desktop, vous paramétrez l'architecture de la version mobile en définissant un sous-ensemble de l'architecture de base... (en plus clair : vous paramétrez le menu ou la navigation voulue à partir de l'existant !)

<troll>Voilà. Et pour les sites pas en joomla, c'est du codage à la main.</troll>

loran
 
WRInaute accro
bproductiv a dit:
@mipc Heureusement que tu n'es pas webmaster...eu que peu de clients pense comme toi.Sinon on aurait des sites comme il y a 20 ans, sans ergonomie, ni jquery, rien..


alors pourquoi la plus part des sites en version mobile sont anti-ergonoique, et je n'ai parler que des sites en version mobile et rien d'autres, j'ai pas parler de jquery ni de AJAX ni de flash ni de PHP ni de HTML ou tout autre langage, faut arrêter de me faire dire se que j'ai pas dit, j'ai parler des sites internet en version mobile, que ta même pas le choix de quant même naviguer en version normal sur ton mobile, alors que la version mobile est plus useless qu'autre chose.
 
WRInaute accro
loran750 a dit:
<troll>Voilà. Et pour les sites pas en joomla, c'est du codage à la main.</troll>
Oui mais rassures toi, très peu: -http://bit.ly/i3PfDv
En gros juste un layout supplémentaire :mrgreen:
 
WRInaute accro
bproductiv a dit:
@mipc Heureusement que tu n'es pas webmaster...eu que peu de clients pense comme toi.Sinon on aurait des sites comme il y a 20 ans, sans ergonomie, ni jquery, rien..
en même temps, son site est précurseur des sites spécifiques smartphones : dépouillés au maximum (en dehors de la google map qui ne sert à rien) :mrgreen:
 
WRInaute accro
tu oublie les liens des Numéros de téléphone en classe tel et en classe skype, compatible iOS et ANDROID et surement WINDOWS MOBILE.
 
Discussions similaires
Haut