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
    Graphe de tâches (1)
    • Graphe de tâches (1)
      • Créer un graphe de tâches de base
      • Définir des méthodes
      • Aperçu de la suite
      • NOTE: pourquoi utiliser des groupes de tâches?

    Graphe de tâches (1) #

    Créer un graphe de tâches de base #

    • D’abord, il faut ajouter cet import static

    import static ca.ntro.app.tasks.frontend.FrontendTasks.*;


    • Ensuite, on doit recevoir un objet de type FrontendTasks en paramètre

      public static void creerTaches(FrontendTasks tasks) {
      
          // appeler tasks pour ajouter une tâche 
      
      }
      
    • Avec l’objet tasks, on peut ajouter un groupe de tâches comme suit:

      tasks.taskGroup("PremierAffichage")
      
           .contains(subTasks -> {
      
               // appeler subTasks pour ajouter une sous-tâche
               // au groupe Initialisation
      
           });
      
      • taskGroup permet de nommer le groupe de tâches

      • contains permet d’ajouter une sous-tâche

    • Pour l’instant, le graphe est comme suit:

      • on a un groupe de tâches qui ne contient aucune tâche
    • En utilisant subTasks, on peut ajouter une sous-tâche

      tasks.taskGroup("PremierAffichage")
      
           .contains(subTasks -> {
      
              subTasks.task("afficherFenetre")
      
                      .waitsFor(window())
      
                      .executes(inputs -> {
      
                          // appeler inputs pour récupérer des valeurs
      
                      });
           });
      }
      
      • task permet de nommer la tâche

      • waitsFor indique que la tâche doit s’exécuter après la tâche window()

      • executes permet d’ajouter le comportement de la tâche

    • Le graphe de tâche est maintenant commet suit:

      • on a le groupe de tâches Initialisation contenant deux tâches

        • window: une tâche par défaut de Ntro

        • afficherFenetre: une tâche de notre application

      • on peut lire le graphe comme suit:

        • attendre que la fenêtre soit disponible (tâche window)
          • puis afficher la fenêtre (tâche afficherFenetre)
    • Finalement, on utilise inputs pour récupérer une valeur

      tasks.taskGroup("PremierAffichage")
      
           .contains(subTasks -> {
      
              subTasks.task("afficherFenetre")
      
                      .waitsFor(window())
      
                      .executes(inputs -> {
      
                          Window window = inputs.get(window());
      
                          window.setTitle("Pong");
      
                          window.show();
                   });
           });
      }
      
      • inputs.get permet de récupérer une valeur demandée via un waitsFor

      • on a waitsFor(window()) et donc on a inputs.get(window())

    Définir des méthodes #

    • En réalité, on va utiliser des méthodes dès que possible:

      public class PremierAffichage {
      
          public static void creerTaches(FrontendTasks tasks) {
      
              tasks.taskGroup("PremierAffichage")
      
                   .contains(subTasks -> {
      
                       afficherFenetre(subTasks);
      
                   });
          }
      
          private static void afficherFenetre(FrontendTasks subTasks) {
      
              subTasks.task("afficherFenetre")
      
                   .waitsFor(window())
      
                   .executes(inputs -> {
      
                       Window window = inputs.get(window());
      
                       window.setTitle("Pong");
      
                       window.show();
                   });
          }
      
      }
      
      • le code est mieux organisé ainsi

    Aperçu de la suite #

    • On va aussi ajouter des tâches pour

      • réagir à un Événement
      • recevoir un Message
      • charger une Vue
      • créer des Données
      • observer un Modèle
      • afficher la prochaine image de la partie
    • Par exemple, voici le graphe de tâches du frontal du tutoriel 10

    • On va aussi utiliser une graphe de tâches pour le dorsal

    NOTE: pourquoi utiliser des groupes de tâches? #

    • Ce n’est pas obligatoire de définir des groupes de tâche avec taskGroup

    • Par contre, sans groupes de tâches, le graphe est plus difficle à lire

    Creative Commons License Creative Commons Attribution Creative Commons ShareAlike
    • Graphe de tâches (1)
      • Créer un graphe de tâches de base
      • Définir des méthodes
      • Aperçu de la suite
      • NOTE: pourquoi utiliser des groupes de tâches?