PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

  • Présentation
  • Sites pour iPhone
  • Spécificités de programmation
  • Conseils
  • Site pour BlackBerry
  • Mise en page
  • Boutons spécifiques
  • Champs
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget iOSApple WatchCatalystUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation
WEBDEV permet de développer des sites pour tous types de supports : iPhone, BlackBerry, ... Voici quelques conseils pour optimiser la réalisation de ces sites.
Versions 17 et supérieures
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.
Nouveauté 17
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.
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.
Sites pour iPhone
Par défaut, l'iPhone visualise les sites avec un zoom arrière, pour avoir une vue d'ensemble de la page. Une page aux dimensions classiques ressemble à un timbre poste.
La taille de l'écran de l'iPhone est 320 x 480. La taille utile réellement disponible pour les applications est 320 x 256. Le reste est utilisé par les menus systèmes.
Pour vous permettre de développer des sites correspondant à la taille de l'écran :
  1. Dans la fenêtre de description de la page, dans l'onglet "UI", dans la zone "Affichage sur les mobiles", sélectionnez l'option "Adapter le zoom pour un affichage indépendant du dpi du périphérique". Le bouton de paramétrage permet de spécifier :
    • la hauteur et la largeur de la zone affichée.
    • les caractéristiques du zoom. Cette option permet d'utiliser une génération adaptée pour les navigateurs Safari utilisés sur l'iPhone. Les valeurs spécifiées sont remplies par défaut et peuvent être modifiées
  2. Si nécessaire configurez également les fonctionnalités de l'iPhone (zone "WebApps iPhone (pour compatibilité)") :
    • 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.
Site pour BlackBerry
Le BlackBerry est également un appareil téléphonique permettant principalement de gérer les emails. Il est également possible d'accéder à des pages WEB. L'utilisation de sites Web pour BlackBerry est surtout réservée à la consultation et aux formulaires basiques. Le navigateur du BlackBerry est en effet destiné à une utilisation bas débit et impose donc certaines contraintes.

Mise en page

Le BlackBerry ne transpose pas directement la mise en page définie dans le projet.
Lors de l'affichage sur le BlackBerry, les champs sont automatiquement redimensionnés et alignés les uns au dessous des autres, au bord de la page afin de permettre une navigation verticale adaptée à ce type de terminal.
Il est donc conseillé de faire des pages "en hauteur" afin de respecter au mieux le mode de fonctionnement du navigateur.

Boutons spécifiques

Pour que les boutons aient un fonctionnement classique sur un navigateur :
  1. Affichez la description de la page.
  2. Affichez l'onglet "Avancé".
  3. Cochez l'option "Générer pour BlackBerry (compatibilité des boutons textes natifs)".
  4. Validez.

Champs

Les sites pour BlackBerry ne peuvent avoir qu'un seul bouton par page et ce bouton doit être de type "submit" : il renvoie une valeur au serveur.
Les champs gérés par le BlackBerry sont restreints :
  • certains boutons (boutons de type texte conseillé).
    Attention : Il est nécessaire de décocher l'option "Cadre natif ajouté par le navigateur" dans l'onglet "Style" de la fenêtre de description du champ (élément "Bouton (CSS)").
  • les libellés,
  • les liens,
  • les images,
  • les interrupteurs,
  • les sélecteurs,
  • les listes et les combos,
  • les champs de saisie.
Version minimum requise
  • Version 12
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire