coffreobsidian/webdev/01_WLangage_Récupération_Projet_WebDev.md
2025-03-24 17:36:01 +01:00

4.1 KiB
Raw Blame History

📁 Étape 1 — Identifier & comprendre un projet WebDev

🧠 Objectif : Retrouver où est stocké ton projet WebDev, comprendre linterface, et localiser les fichiers et sources de code WLangage à extraire.


🧭 1. Où se trouve le dossier de ton projet WebDev ?

🧩 Structure typique dun projet WebDev :

Quand tu ouvres un projet WebDev, il est composé de plusieurs dossiers/fichiers sur ton disque, comme :

MonProjet\
├── MonProjet.WDP           <- Fichier principal du projet
├── MonProjet_WEBDEV\       <- Contient les sources (pages, procédures, etc.)
│   ├── *.WDW               <- Pages/fenêtres
│   ├── *.WDG               <- Procédures globales
│   ├── *.WDM               <- Analyse (base de données)
├── AAAWEB\                 <- Code HTML/CSS/JS généré
├── EXE\                    <- Résultat des générations

🧑‍💻 2. Retrouver lemplacement du projet depuis WebDev

💡 Si tu as déjà ton projet ouvert dans WebDev, voici comment trouver son emplacement exact :

🔹 Étape 1 : Ouvrir les informations du projet

  1. En haut à gauche de WebDev :
    🖱️ Clique sur le menu "Projet" (dans la barre de menus principale).

  2. Dans ce menu :
    🖱️ Clique sur Informations sur le projet…
    (ou parfois juste Projet > Propriétés du projet selon ta version)

  3. Une fenêtre souvre avec plusieurs onglets.

  4. Dans longlet Général, tu verras :

    • Nom du projet
    • Répertoire du projetcopie ce chemin !

📝 Note : Le fichier du projet principal se termine par .WDP. Cest lui que tu peux utiliser pour rouvrir le projet plus tard.


🖥️ 3. Structure de linterface WebDev (vue développeur)

🧭 Voici les principales zones que tu dois repérer dans lIDE WebDev :

Zone À quoi ça sert ?
Explorateur de projet Liste tous les éléments : pages, classes, procédures, composants, etc.
Éditeur de code Permet décrire du WLangage pour les événements, procédures, classes, etc.
Éditeur de page Interface graphique pour créer des pages (drag & drop, CSS, JS, champs, etc.)
Panneau de propriétés Modifie les propriétés de lélément actuellement sélectionné (nom, style, code, etc.)

📌 4. Naviguer dans ton projet WebDev

Voici les éléments de code à repérer dans l'explorateur de projet :

🔹 a. Pages

  1. Dans le volet de gauche (Explorateur), clique sur Pages.
  2. Double-clique sur une page pour louvrir.
  3. Clique droit sur un champ ou bouton > Code → Tu vois les événements liés.

🔹 b. Procédures globales

  1. Dans lexplorateur, repère un dossier nommé Procédures globales.
  2. Clique droit dessus > Ouvrir ou Code.
  3. Toutes les fonctions sont visibles et réutilisables dans tout le projet.

🔹 c. Procédures locales (dans une page)

  1. Ouvre une page
  2. Dans la fenêtre, clique sur licône Code ou via clic droit > Code
  3. Les procédures locales sont affichées en haut ou dans un onglet

🔹 d. Classes

  1. Explorateur > Classes (si ton projet en utilise)
  2. Clic droit > Code → Tu y vois la déclaration et les méthodes

💡 Astuce : Revenir rapidement sur ton projet

  • Depuis WebDev :
    Menu Fichier > Ouvrir un projet récent

  • Depuis ton disque :
    Double-clique sur le fichier .WDP du dossier projet


À faire maintenant

  • Ouvre Projet > Informations sur le projet et note le chemin. 2025-03-24
  • Explore lexplorateur WebDev et note les pages, procédures, classes disponibles. 2025-03-24
  • Clique sur une page > bouton droit > Code → vérifie que tu peux lire les événements. 2025-03-24
  • Idem pour une procédure globale ou une classe. 2025-03-24

📘 Prochaine étape (à venir)

👉 Extraire le code manuellement ou semi-automatiquement (copier/coller ou repérage des fichiers sources .WDG, .WDW, etc.).


Application webdev (1)