LST N°101 : La Lettre du Support Technique de PC SOFT

Sommaire de la LST 101

Je m'abonne

Notes :
Les composants de cette LST sont livrés avec leur code source. La clé USB de la LST contient tous les exemples correspondant aux articles présentés dans cette LST :

Parmi les exemples :

DES SITES ADAPTATIFS AVEC BOOTSTRAP ET WEBDEV 20
(WEBDEV)

Grâce aux nouvelles fonctionnalités d’éditions HTML de WEBDEV 20, il est possible d’intégrer des frameworks “web” complexes comme Bootstrap.
Cet article présente l’utilisation du framework Bootstrap :
• pour gérer différentes largeurs d’affichage
dans un même site WEBDEV,
• pour intégrer des champs WEBDEV dans une
“grille”.

Stocker des mots de passe ...
sans les stocker
(WINDEV, WEBDEV, WINDEV MOBILE)

La gestion des mots de passe est un sujet récurrent dans le thème de la sécurité.
Il est conseillé d’utiliser des mots de passe différents pour chaque site/application/..., la meilleure solution étant d’utiliser un mot de passe généré aléatoirement.
Et forcément, pour ne pas avoir à mémoriser un grand nombre de mots de passe, les gestionnaires de mots de passe (comme l’exemple standard “WD MotDePasse”) mémorisent tout dans une base de données.
Cependant, ces solution ont un inconvénient : si la base n’est pas accessible ou, pire, définitivement endommagée, tous les mots de passe sont perdus.
Nous vous proposons une solution pour pallier ce problème !

TÂCHES PARALLÈLES : DÉCLENCHER UNE TÂCHE SELON D’AUTRES TÂCHES
(WINDEV)

Les tâches parallèles permettent notament d’accélérer les temps de traitement et améliorer la réactivité d’une application.
Pour bien appréhender les tâches parallèles et leur utilisation, il est important de maîtriser certains mécanismes.
L’exemple “WD TâchesParallèles Contexte et Continuation” illustre de façon didactique deux fonctionnalités à comprendre avant d’utiliser les tâches parallèles :
• les contextes HFSQL,
• les tâches de continuation.

ANDROID / IOS : AFFICHER UNE PUBLICITÉ AU FORMAT INTERSTITIEL
(WINDEV MOBILE)

Les publicités au format “interstitiel” sont des publicités qui s’affichent en plein écran et interrompent temporairement le déroulement de l’application. L’exemple “WM Pub Interstitiel” présente son intégration sous Android et iOS.

UN GRAPHE DONUT QUI RÉAGIT AU DOIGT !
(WINDEV MOBILE)

Avec WINDEV Mobile, vous bénéficiez en standard du champ Graphe, qui permet d’afficher différents types de graphe (donut, courbe, secteur, ...).
Voici quelques astuces pour booster l’affichage d’un graphe Donut et offrir à vos utilisateurs un graphe plus interactif et plus ergonomique.

KML : STOCKAGE DE DONNÉES
GÉOSPATIALES
(WINDEV)

Les fichiers KML sont utilisés pour stocker et transférer des données géospatiales entre applications.
Les fichiers KML ont un contenu basé sur le format XML : il est donc possible de les générer simplement en important les fichiers XML et XSD depuis une application WINDEV.

METTRE EN PLACE UNE VISIOCONFÉRENCE PAR INTERNET
(WINDEV)

Le champ Conférence de WINDEV 20 permet de mettre en place une conférence audio et/ou vidéo rapidement entre deux applications.
Si la communication doit passer par Internet, il est nécessaire d’utiliser des serveurs STUN et TURN et de configurer les firewalls pour permettre la communication.
Avec l’explication de cet article, c’est simple comme un coup de fil !

ANALYSE GÉNÉRIQUE D’UN CODE JSON
(WINDEV)

Le format JSON permet de représenter des données structurées. Mais comment parcourir et analyser un contenu JSON dont la structure n’est pas connue à l’avance ?
L’exemple “WD GenericJSON” vous propose une solution générique.

INTERROGER UN SERVICE GOOGLE (CONTACTS)
(WINDEV)

La fonction WLangage GglRequête permet d’effectuer une requête de communication (requête HTTP) à un service Google.
Il est ainsi possible de manipuler les APIs Google et d’étendre les possibilités offertes par les types gglXXX du WLangage.

COMPRESSION DE DONNÉES VIA GZIP (.NET)
(WINDEV)

WINDEV gère en standard plusieurs formats de compression : zip, cab, 7z, rar. Voici un exemple pour gérer un nouveau format de compression : gzip. Cet exemple utilise des assemblages .NET.

PROTÉGEZ VOS DONNÉES SENSIBLES EN MÉMOIRE
(WINDEV)

Dans toute application, il existe des données sensibles : mots de passe, informations confidentielles, etc. En utilisant des API spécifiques (CryptoAPI), vous pouvez protéger les chaînes de caractères en mémoire mais également les fichiers de configuration (.ini).

UNE AMBIANCE ADAPTÉE À UN RESTAURANT
(WEBDEV)

Ce sujet présente un site dit “One Page” qui combine l’ambiance “Tasteful” et la palette “PannaCotta”.
Le site est conçu comme un site de présentation
d’un restaurant facilement personnalisable.

UN NOUVEAU GABARIT DE GESTION DE PLAN DE SALLE
(WINDEV MOBILE)

Ce sujet vous présente différentes astuces pour créer une UI & UX type “Gestion de salles” dans vos applications en utilisant le gabarit “Ciroko”.
L’ensemble de ces astuces a été implémenté dans le projet “Android Ciroko” livré avec cette LST : n’hésitez pas à le tester !

IOS & ANDROID : NE BLOQUEZ
JAMAIS L’UTILISATEUR GRÂCE À LA
PROGRAMMATION ASYNCHRONE !
(WINDEV MOBILE)

En mobile, l’expérience utilisateur est primordiale : il faut à tout prix éviter de bloquer l’interface.
Dans l’idéal, l’utilisateur doit pouvoir utiliser l’application, même pendant des traitements “lourds” ou de mises à jour de données.
La solution ? Gérez vos traitements de façon asynchrone.

UTILITAIRE :
GÉNÉRER UN CACHET CIRCULAIRE
(WINDEV, WEBDEV, WINDEV MOBILE)

Avec “WD Cachet”, vous définissez en quelques clics un cachet circulaire (cercle, texte arrondi, ...) que vous pouvez ensuite imprimer (cachet “confidentiel”) ou afficher dans vos applications (cachet “Bêta Test”).
Générer un cachet n’aura jamais été aussi simple !

CHAMP ONGLET DYNAMIQUE (ONGLETS GENRE “NAVIGATEUR”) :
4 ASTUCES PRATIQUES !
(WINDEV)

Le champ Onglet dynamique de WINDEV permet d’afficher plusieurs fenêtres dans une même fenêtre.

Dans l’exemple “WD Volets Dynamiques - 4 Astuces”, nous vous présentons 4 fonctionnalités à ajouter à vos champs Onglet dynamique pour les rendre encore plus agréables à utiliser :
• Récupérer le volet sur lequel le menu contextuel
a été ouvert
• Modifier le contenu d'un volet "en live"
• Gérer un historique des volets
• Rouvrir les derniers volets fermés

DES ÉTATS FACILES À PLIER
(WEBDEV, WINDEV MOBILE)

La collection de procédures “RepèrePliage” permet d’ajouter des repères de pliage sur des états destinés à être mis sous plis (quel que soit le format d’enveloppe : C4, C5, C6, etc.).

IMPRIMER FACILEMENT LE CONTENU DU CHAMP TABLEUR
(WINDEV)

Le composant interne “ImpressionTableur” permet de gérer l’impression d’une sélection de cellules ou d’une feuille entière du champ Tableur.

DÉPLOYER AUTOMATIQUEMENT UN SERVEUR HFSQL : 3 MÉTHODES !
(WINDEV)

Si des applications distribuées doivent utiliser un serveur HFSQL pour leurs données, il est possible d’installer automatiquement un moteur HFSQL sur le poste du client ou sur un serveur accessible par le poste client.

LES COLONNES D’UNE ZONE RÉPÉTÉE
OCCUPENT TOUT L’ESPACE !
(WINDEV)

Dans un champ Zone Répétée, le nombre des colonnes peut être variable : la largeur est alors fixée. Dès que la largeur est suffisante, une nouvelle colonne est ajoutée. Mais tant que la largeur n’est pas suffisante, un espace vide est présent.
L’astuce présentée dans l’exemple “WD ZoneRépétée Adaptée“ permet de combler le vide en agrandissant toutes les colonnes pour occuper tout l’espace tant qu’une nouvelle colonne ne peut pas être ajoutée.

WEBDEV : AFFICHER UNE POPUP
EN CAS D’INACTIVITÉ
(WEBDEV)

Lorsqu’un utilisateur navigue sur votre site puis le quitte sans le fermer (perte de focus du site due à une ouverture d’un nouvel onglet par exemple), il est possible d’afficher une popup lorsque cet utilisateur revient sur le site.
Vous pouvez par exemple afficher dans cette popup les derniers articles publiés sur votre site.

CHAMP CARTE WEBDEV : MIXER DES
API GOOGLE AVEC DU WLANGAGE
(WEBDEV)

L’utilisation d’une carte “Google Maps” dans un site WEBDEV permet d’ajouter un support visuel important au site : marqueur de localisation, tracé d’itinéraire, dessin, animation, etc. Voici un exemple de mise en oeuvre avec le nouveau champ Carte et la fonction CarteRécupèreObjetJS.