ntro.ca

        • Contrats de classe
        • Liens utiles
        • Calendrier
        • Calendrier groupe 2
        • Calendrier groupes 1, 3
        • Structure du cours
        • Évaluations
        • Matériel à se procurer
        • Les profs
          • Marc-Olivier Tremblay
          • Mathieu Bergeron
        • Module 1.1: installation + trier des cartes
        • Module 1.2: rappels POO
        • Module 1.3: tableau d'objets
        • Examen 1
        • Module 2.1: données JSON
        • Module 2.2: données en Java
        • Module 2.3: récursivité
        • Examen 2
        • Module 3.1: structure générique
        • Module 3.2: efficacité (1)
        • Module 3.3: efficacité (2)
        • Examen 3
        • Module 4.1: liste naïve
        • Module 4.2: liste par tableau
        • Module 4.3: liste chaînée
        • Examen 4
        • Module 5.1: mappage naïf
        • Module 5.2: mappage par hachage
        • Module 5.3: mappage par arbre
        • Examen 5
        • Équipes
          • Horaire groupe 1
          • Horaire groupe 2
          • Horaire groupe 3
          • Groupe 1
          • Groupe 2
          • Groupe 3
        • Projets vedettes 2022
        • Projets vedettes 2023
        • Projets vedettes 2024
        • Survol
        • Structure
        • Calendrier
        • Calendrier des séances
        • Évaluations
        • Exemples de jeu
        • Exemples de pages
        • Réponses à vos questions
        • Module 1: créer le projet
        • Module 2: concevoir l'application
        • Module 3: vues NtroFx
        • Module 4: modèle et navigation
        • Module 5: ajouter le dorsal, modifier le modèle
        • Module 7: améliorer l'affichage
        • Module 8: jeu en 2d
        • Module 9: client/serveur
        • Module 10: plusieurs instances du même modèle
        • TP1
        • Examen 1
        • TP2
        • Examen 2
        • Projet de fin de session
      • Ajout Format JSON
        • Calendrier
        • Évaluations
        • Structure du cours
        • Contrat de classe
        • Le prof
        • 01: Windows et Word
          • Astuces et raccourcis
        • 02: Word
        • 03: Word
          • Exercice Word: insertion d'éléments spéciaux
          • Exercice Word: tableaux
        • 04: Word
          • Exercice Word: références
          • TP01: Word (15%)
        • 05: PowerPoint
          • TP02: PowerPoint (10%)
        • 06: Examen Word (20%)
        • 07: Excel
        • 08: Excel
        • 09: Excel
          • TP03: Excel (15%)
        • 10: Excel
        • 11: Examen Excel (20%)
        • 12: Access
        • 13: Access
        • 14: Access
        • 15: Examen Access
      • Sondage H2023 (dept. info)
      • Vision H2023 (dept. info)
      • P1) exercices interactifs de lecture
      • P2) transition Excel vers Python
        • Atelier 2: un exemple
      • Index
      • Point de vue sur l'IA
    Objectifs
    • Objectifs 3: créer la Vue de ma page

    Objectifs 3: créer la Vue de ma page #

    IMPORTANT

    • importer la VueRacine dans mon projet

    • par contre, ne pas importer la VueFileAttente

      • il faut plutôt créer une vue pour ma page
    • je peux implanter une version simplifiée de ma Vue

      • mais je dois avoir
        • 2-3 éléments graphiques (bouton, image, texte)
        • du CSS
        • du texte traduit français/anglais
    1. J’effectue le tutoriel pour comprendre comment créer une vue

    2. Je commence à créer ma Vue

      • voici, par exemple, le genre de résultat qu’on cherche pour l’instant

      • NOTES:

        • j’utilise du texte pertinent à mon projet
        • j’ai bien sûr le droit que ma page soit plus jolie ;-)
    3. Je crée la classe Java pour ma Vue

      • je copie la classe VueRacine à partir du tutoriel
      • je peux aussi copier et adapter d’autres classes
    4. Je crée les fichiers .css, .fxml et .properties pour mon projet

      • je copie racine.fxml à partir du tutoriel
      • je peux aussi copier et adapter d’autres fichiers
    5. Je commence à remplir le .fxml pour ma Vue

      • je m’assure d’avoir au moins un bouton ou autre élément
    6. Je déclare ma nouvelle vue dans le frontal

    7. Je code les tâches pour afficher ma page comme page principale

      • je copie les tâches pour afficher la VueRacine

      • je peux aussi copier et adapter d’autres tâches

      • voici le genre de graphe de tâches qu’on vise

        • NOTE: utiliser des noms pertinents à mon projet
    8. Dans VSCode, je m’assure d’avoir la même arborescence que pour le tutoriel

      • (mais avec des fichiers spécifiques à mon projet)
    9. J’expérimente avec le CSS en JavaFx

      • je spécifie au moins 5 propriétés CSS spécifiques à mon projet
    10. J’expérimente avec les traductions en JavaFx

      • je m’assure d’avoir au moins un élément avec du texte traduit
    11. Je pousse mon projet sur GitLab, p.ex:

       $ git add .
       $ git commit -a -m module03
       $ git push 
      
    12. Je vérifie que mes fichiers sont sur GitLab

    13. Je vérifie que projet est fonctionnel avec un $ git clone neuf, p.ex:

       # effacer le répertoire tmp s'il existe
      
       $ mkdir ~/tmp  
       $ cd ~/tmp
       $ git clone https://gitlab.com:USAGER/4f5_prenom_nom
       $ cd 4f5_prenom_nom
      
       $ sh gradlew mon_projetFr
      
           # Doit afficher ma page directement, en français
      
       $ sh gradlew mon_projetEn
      
           # Doit afficher ma page directement, en anglais
      
    Creative Commons License Creative Commons Attribution Creative Commons ShareAlike
    • Objectifs 3: créer la Vue de ma page