ntro.ca

        • Contrats de classe
        • Liens utiles
        • Calendrier
        • Calendrier groupe 3
        • Calendrier groupes 1, 2
        • 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
          • URL dépôt Git à remettre
        • Module 1.3: tableau d'objets
        • Examen 1
        • Validation des ateliers
        • Module 2.1: données JSON
        • Module 2.2: données en Java
        • Module 2.3: récursivité
        • Examen 2
        • Validation des ateliers
        • Module 3.1: structure générique
        • Module 3.2: efficacité (1)
        • Module 3.3: efficacité (2)
        • Examen 3
        • Validation des ateliers
        • Module 4.1: liste naïve
        • Module 4.2: liste par tableau
        • Module 4.3: liste chaînée
        • Examen 4
        • Validation des ateliers
        • Module 5.1: mappage naïf
        • Module 5.2: mappage par hachage
        • Module 5.3: mappage par arbre
        • Examen 5
        • Validation des ateliers
        • Travail de rattrapage
        • Projets vedettes
          • Contrat gr1
          • Contrat gr2
          • Contrat gr3
        • Survol
        • Structure
        • Calendrier semaines
          • Calendrier gr1
          • Calendrier gr2
          • Calendrier gr3
        • Utilisation IA
        • Évaluations
        • Exemples de pages
        • Exemples de jeu
        • Jeux choisis
        • Réponses à vos questions
        • Module 1: créer le projet
        • Module 2: concevoir l'application
        • Module 3: vues NtroFx
        • Examen 1
        • Examen 2
        • Calendrier
        • Évaluations
        • Structure du cours
        • Contrat de classe
        • Le prof
        • 01: Windows et Word
          • Astuces et raccourcis
        • 02: Word
          • Exercice Word: insertion d'éléments spéciaux
          • Exercice Word: tableaux
        • 03: Word
          • Exercice Word: références
          • TP01: Word (15%)
        • 04: Word
        • 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
    Atelier
    • Objectifs 3: créer la Vue de ma page

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

    IMPORTANT

    • 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

    4. Je crée les fichiers .css, .fxml et .properties pour mon projet

    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 vue dans le frontal

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

    8. J’expérimente avec le CSS en JavaFx

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

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

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

    12. 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