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
        • Projets vedettes 2025
        • 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
        • Calendrier
        • Structure du cours
        • Évaluations
        • 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
      • Jquery
      • Jquery Ui
      • Point de vue sur l'IA
    Tut4 3
    • Tutoriel 4: graphe de tâches
      • Créer le groupe de tâches Navigation
      • Appeler Navigation.creerTaches dans le Frontal
      • Ajouter les méthodes appliquerA dans les événements
      • Tester que la navigation fonctionne
      • Vérifier le graphe de tâches

    Tutoriel 4: graphe de tâches #

    Créer le groupe de tâches Navigation #

    1. Dans le paquet taches, créer la classe Navigation

    2. Ajouter le import static

      • import static ca.ntro.app.tasks.frontend.FrontendTasks.*;
    3. Ajouter la méthode creerTaches

      public class Navigation {
      
          public static void creerTaches(FrontendTasks tasks) {
      
              tasks.taskGroup("Navigation")
      
                   .waitsFor("PremierAffichage")
      
                   .contains(subTasks -> {
      
                       // ...
      
                   });
          }
      }
      
      • ATTENTION s’assurer d’avoir le waitsFor
    4. S’assurer d’avoir l’arborescence suivante

    Appeler Navigation.creerTaches dans le Frontal #

    1. J’ouvre FontalPong et j’ajoute l’appel à Navigation.creerTaches

      public class FrontalPong implements FrontendFx {
      
          @Override
          public void createTasks(FrontendTasks tasks) {
      
              CreerVues.creerTaches(tasks);
              PremierAffichage.creerTaches(tasks);
      
              // ajouter
              Navigation.creerTaches(tasks);
      
          }
      
          // ...
      
    2. Dans Navigation, coder les tâches

      private static void afficherVuePartie(FrontendTasks subTasks) {
      
          subTasks.task("afficherVuePartie")
      
               .waitsFor(created(VueRacine.class))
      
               .waitsFor(created(VuePartie.class))
      
               .waitsFor(event(EvtAfficherPartie.class))
      
               .executes(inputs -> {
      
                   VueRacine         vueRacine         = inputs.get(created(VueRacine.class));
                   VuePartie         vuePartie         = inputs.get(created(VuePartie.class));
                   EvtAfficherPartie evtAfficherPartie = inputs.get(event(EvtAfficherPartie.class));
      
                   evtAfficherPartie.appliquerA(vueRacine, vuePartie);
      
               });
      }
      
      private static void afficherVueFileAttente(FrontendTasks subTasks) {
      
          subTasks.task("afficherVueFileAttente")
      
               .waitsFor(created(VueRacine.class))
      
               .waitsFor(created(VueFileAttente.class))
      
               .waitsFor(event(EvtAfficherFileAttente.class))
      
               .executes(inputs -> {
      
                   VueRacine      vueRacine                      = inputs.get(created(VueRacine.class));
                   VueFileAttente vueFileAttente                 = inputs.get(created(VueFileAttente.class));
                   EvtAfficherFileAttente evtAfficherFileAttente = inputs.get(event(EvtAfficherFileAttente.class));
      
                   evtAfficherFileAttente.appliquerA(vueRacine, vueFileAttente);
      
               });
      }
      
    3. Dans Navigation.creerTaches, ajouter appels de méthode

      public static void creerTaches(FrontendTasks tasks) {
      
          tasks.taskGroup("Navigation")
      
               .waitsFor("PremierAffichage")
      
               .contains(subTasks -> {
      
                   afficherVueFileAttente(subTasks);
      
                   afficherVuePartie(subTasks);
      
               });
      }
      

    Ajouter les méthodes appliquerA dans les événements #

    1. Dans EvtAfficherPartie

      public class EvtAfficherPartie extends Event {
      
          // ajouter
          public EvtAfficherPartie appliquerA(VueRacine vueRacine, VuePartie vuePartie) {
      
              vueRacine.afficherSousVue(vuePartie);
      
              return this;
      
          }
      
      }
      
    2. Dans EvtAfficherFileAttente

      public class EvtAfficherFileAttente extends Event {
      
          // ajouter
          public EvtAfficherFileAttente appliquerA(VueRacine vueRacine, VueFileAttente vueFileAttente) {
      
              vueRacine.afficherSousVue(vueFileAttente);
      
              return this;
      
          }
      
      }
      

    Tester que la navigation fonctionne #

    1. Exécuter pong et tester qu’on peut naviguer d’une page à l’autre

      $ sh gradlew pong
      

    Vérifier le graphe de tâches #

    1. S’assurer d’avoir le graphe de tâches suivant

      • NOTE: le graphe est généré, alors l’emplacement exact des noeuds peut varier
    Creative Commons License Creative Commons Attribution Creative Commons ShareAlike
    • Tutoriel 4: graphe de tâches
      • Créer le groupe de tâches Navigation
      • Appeler Navigation.creerTaches dans le Frontal
      • Ajouter les méthodes appliquerA dans les événements
      • Tester que la navigation fonctionne
      • Vérifier le graphe de tâches