DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Spécificités WEBDEV
  • Présentation
  • Comment le faire ?
  • Spécificités de programmation
  • Conseils
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
De nombreux appareils permettent d'afficher des sites Internet (téléphone Android, iPhone, ...) et la taille des écrans de ces appareils est bien souvent inférieure à celle des ordinateurs de bureau.
Il est possible de gérer l'affichage sur mobile grâce aux agencements, zoning, ...
WEBDEV permet également de définir pour chaque page du site, le mode d'affichage sur les mobiles. Il est possible de réaliser des sites spécifiques pour Mobile Apple (iPad ou iPhone).
Remarque : WINDEV Mobile permet de créer des applications pour iPhone et iPad. Pour plus de détails, consultez Développer une application pour iPhone ou iPad.
Comment le faire ?
Pour développer des sites pour des plateformes spécifiques, effectuez les manipulations suivantes dans chaque page du site :
  1. Affichez la fenêtre de description de la page : sous le volet "Page", dans le groupe "Description", cliquez sur "Description".
  2. Dans l'onglet "UI", définissez  :
    • le mode d'affichage sur mobile : Il est possible de :
      • Afficher la page en 100%. Elle peut déborder de l'écran.
        Dans ce cas, il est possible d'indiquer si le zoom peut être modifiable par l'utilisateur. Il est également possible de donner les bornes maximales et minimales autorisées pour le zoom.
      • Adapter le zoom pour que la page rentre dans l'écran (en largeur) :
        Dans ce cas, le zoom sera automatiquement défini selon la taille du périphérique mobile.
    • les options à utiliser pour les webApps iOS.
      • Masquer la barre d'adresse : Permet de masquer ou d'afficher la barre d'adresse.
      • Plein écran : Permet d'indiquer qu'une page d'un site doit s'afficher en plein écran sur l'iPhone.
        Dans ce cas, il est possible de choisir comment s'affichera la barre d'état de Safari (barre en haut de l'écran indiquant la charge de la batterie, l'heure, etc.). Les options disponibles sont :
        • "Défaut" : la barre s'affiche de la couleur par défaut
        • "Noir" : la barre s'affiche avec un fond noir
        • "Noir translucide" : la barre s'affiche avec un fond noir et une opacité réduite, le site peut être vu à travers la barre.
      • Icône de l'application : Permet de spécifier une icône, utilisée si un raccourci vers le site est créé sur l'écran d'accueil de l'iPhone.
      • Splash screen : Permet de spécifier l'image utilisée pour le splash screen. Cette option est prise en compte si un raccourci vers le site est créé sur l'écran d'accueil de l'iPhone. Cette image doit obligatoirement avoir une taille de 320 par 460 pixels pour être prise en compte par le téléphone.

Spécificités de programmation

Le développement d'un site pour iPhone est identique au développement d'un site classique. Quelques spécificités de programmation sont propres au développement pour iPhone.
Il est possible de lancer directement un appel téléphonique depuis un site : dans l'URL du lien permettant de téléphoner, indiquez "tel:" et le numéro de téléphone.
Par exemple :
// Téléphone
MAP_TELEPHONE.URL = "tel:" + CLIENT.Téléphone
Il est également possible d'afficher la carte Google Maps de l'adresse du client directement depuis sa fiche : dans l'URL du lien, indiquez "http://maps.google.com/maps?q=" suivi de l'adresse du client.
Par exemple :
// Géolocalisation
MAP_TGMAP.URL = "http://maps.google.com/maps?q=" + ...
URLEncode(Client.Adresse + " " + Client.Ville + ", " + Client.Pays)

Conseils

  • Utilisez des modèles de pages spécifiques à l'iPhone.
  • Réduisez au maximum le poids des images du site. Les images de taille importantes, les animations Flash ou les vidéos risquent de ralentir le temps de chargement de la page.
  • Utilisez les ancrages pour gérer correctement le retournement de l'iPhone.
Version minimum requise
  • Version 16
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 31/05/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale