WizStudio DOCS
CONCEVOIR

Concevoir

Le premier projet, l’éditeur de fenêtres et le catalogue complet des champs. Tout ce qui se fait au glisser-déposer, avant d’écrire une ligne de code.

1. Prise en main

Un premier projet fonctionnel tient en cinq étapes, sans quitter l'éditeur.

01
Créer le projet et brancher une base
SQLite ne demande aucune configuration. Pour PostgreSQL, MySQL, SQL Server, Oracle ou ODBC, la connexion est testée en direct avant d'être enregistrée.
02
Décrire le schéma
Tables et colonnes dans le module Analyse, ou en décrivant le besoin à l'assistant de modification de schéma.
03
Générer un écran liste + fiche
Un clic depuis une table du schéma. Vous obtenez des fenêtres modifiables, pas une boîte noire.
04
Écrire la logique métier
Chaque champ expose ses événements. Vous y attachez du JavaScript standard, avec accès aux classes du projet.
05
Tester, puis construire
Le mode Test fait tourner le même moteur d'exécution que la production. Ensuite, build vers Web, Windows, Android ou webservice.

2. L'éditeur

Trois zones : l'explorateur de projet à gauche, le canvas de conception au centre avec l'éditeur de code sous les champs, le panneau Propriétés et l'assistant à droite.

EXPLORATEUR

Fenêtres, palette de champs, modèles réutilisables (insérés en copie), gabarits (injectés en lien live), classes, requêtes SQL, états, connexions, rôles et traductions.

SÉLECTION MULTIPLE

Sélectionnez plusieurs champs et le panneau devient « Propriétés communes » : couleur de texte, de fond et de bordure, police, taille et arrondi s'appliquent d'un coup. S'y ajoutent l'alignement, la mise à la taille du premier champ sélectionné et la répartition.

GUIDES D'ALIGNEMENT

Au déplacement d'un champ, des guides apparaissent dès qu'il s'aligne à 5 px près sur un autre, et le champ s'y accroche. Pas de réglage au pixel à la main.

RECHERCHE GLOBALE

Ctrl+Maj+F cherche dans tout le code du projet : événements des champs, Déclarations, Initialisation, Fin d'initialisation, Réception, gabarits, Code global, classes et SQL des requêtes.

CANVAS

Glisser-déposer des champs, alignement, aperçu en temps réel. La mise en page ne se code pas.

PROPRIÉTÉS

Comportement, liaison aux données, permission requise, traduction, et l'assistant de débogage dans le même panneau.

NAVIGATION RAPIDE

Ctrl+K ouvre une palette de commande pour sauter directement vers une fenêtre, un champ, une requête ou un état. Ctrl+F cherche dans l'événement courant, Ctrl+Maj+F cherche dans tout le projet : événements, Déclarations/Initialisation, Code global, Classes, SQL.

ANNULER / RÉTABLIR

Séparé par panneau : l'historique d'annulation d'une fenêtre, d'une requête et d'un état ne se mélangent pas entre eux.

PANNEAU DE CODE

Détachable dans une fenêtre séparée, pratique pour comparer le code de deux événements côte à côte sur un second écran.

INSPECTEUR DE CHAMP

Propriétaire, événements liés, dépendances et usages d'un champ, utile avant de le renommer ou de le supprimer.

3. Catalogue des champs

52 types de champs, tous natifs, sans plugin tiers ni service externe. Libellés et regroupements identiques à ceux de la palette de l'éditeur.

SAISIE · 17
Champ de saisieTexte, mot de passe, email, téléphone, numérique, monétaire, date, heure, date-heure : un champ, neuf comportements.
Zone de texteMulti-ligne, avec éditeur riche : police, taille, couleur.
MonétaireMontants avec devise, symbole, décimales et bornes métier.
PériodePlage de dates avec préréglages (semaine, mois).
DuréeTemps écoulé en heures et minutes, stocké en minutes totales.
AdresseAutocomplétion via l'API Adresse française, remplit rue, code postal, ville et coordonnées GPS.
RechercheFiltre en direct une table, un agenda, une carte, une liste ou des radios.
Upload multipleSélection, aperçu et gestion de plusieurs fichiers dans une seule zone.
ScannerLecture d'un code-barres ou d'un QR par la caméra.
AussiBouton, Liste déroulante, Boutons radio, Interrupteur, Curseur, Note, Couleur, Fichier ou dossier.
AFFICHAGE · 16
TableGrille triable et filtrable, colonnes typées (texte, date, montant, image, bascule, progression), export CSV et Excel, colonnes conteneur pouvant embarquer d'autres champs par ligne.
GraphiqueBarres, courbes multi-séries, camembert.
DashboardTuiles d'indicateurs chiffrés.
PivotTableau croisé dynamique.
Code-barresGénération native : QR, Code128, EAN-13, UPC, Code39.
AgendaCalendrier mono-ressource, en jour, semaine ou mois.
PlanningMulti-ressources en colonnes.
KanbanColonnes et cartes, glisser-déposer.
AussiLibellé, Barre de progression, Carte, Timeline, Avatar, Badge, Bloc info, HTML brut.
MÉDIAS · 6

Image (7 modes d'affichage), Lecteur PDF, Visionneuse docs, Vidéo, Audio, Signature manuscrite.

CONTENEURS ET NAVIGATION · 5

Conteneur, Onglet, Menu latéral repliable, Arbre hiérarchique, Master-detail.

ANDROID · 5

App bar, Bouton navigation, Bouton flottant, Bottom sheet, Liste mobile.

WEB · 2

Lien hypertexte, Site web embarqué.

FENÊTRES · 1

Fenêtre interne, ouverte dans la fenêtre courante.