jeux VIdéo Pédagogiquestecfa.unige.ch/.../Xerneas/support_cours_VIP_Xerneas_conception_P2.pdf · Transparents du cours VIP P2 “Conception de jeux vidéos éducatifs” Unige,

Transparents du cours VIP P2 “Conception de jeux vidéos éducatifs” Unige, TECFA, oct. 2017 No 1

jeux VIdéoPédagogiques

support de cours, octobre 2017

Nicolas Szilas, Julien Da Costanicolas.szilas[at]unige.chjulien.dacosta[at]unige.ch

Title:TECFAlogoCol.eps Creator:Adobe Illustrator(R) 16.0 CreationDate:14/9/17 LanguageLevel:2


METHODES DECONCEPTION

Transparents du cours VIP P3 “Conception de produits” Unige, TECFA, déc. 2015 No 3

Plan

Méthodologie générale Analyse de besoins Conception Game Design Instructional Design Instructional Game Design


Méthodologie générale


Ingénierie ludo-pédagogiqueRésolution de problème

Design/conception de produits

Génie logiciel

Ingénierie pédagogique

Game design


Conception

+ Organisation du projet

Demande Besoin

Besoin Solution

ProduitSolutionRéalisation

ProduitEvaluation

Produit évalué

Résolution de problème

conception de produits

Génie logiciel

Game design


Activités de conception:

Analyse du besoin


Démarche linéaire

Conception Réalisation EvaluationAnalysedu besoin

Demande SolutionBesoin Produit




Génie logiciel

Game design

Ingénierie pédagogique Exemple : A.D.D.I.E.


Exemple : A.D.D.I.E.


Linéarité / cyclicitéConception Réalisation EvaluationAnalyse

du besoinSolutionBesoin ProduitDemande

Analysedu besoin

Conception

RéalisationEvaluation

Demande

Besoin

Solution

Produit


prototypeévaluation protoconceptiondéveloppement

Analysedu besoin

Conception


Demande

Besoin

Solution

Produit

2 (ou +) itérations



Génie logiciel

Game design


Exemple :rapid prototyping


Exemple : extreme programming (XP)

Scénariosutilisateursconception testsdéveloppement enbinômespassage testslivraisons partielleset fréquentes

Analysedu besoin

Conception


Demande

Besoin

Solution

Produit

n itérations


Exemple : development agile

Collaboration interne avec le client

Ouverture auchangementPlanification courttermeLivraisons partielleset fréquentes

Analysedu besoin

Conception


Demande

Besoin

Solution

Produit

n itérations


Bilan des principes

meilleure réponse au besoin del'utilisateur (s'adapter au besoin)réactualisation des besoins possiblesanticiper les erreurs et incohérences trèstôtrisque: projet sans fin... contractualisationtemps de devt plus courtplanification plus souple


Erreurs classiques

Sous-estimer l'analyse des besoins

Passer directement aux solutions

Ne pas itérer


Suite du cours et du projet...

Analysedu besoin

Conception


Demande

Besoin

Solution

Produit

Période 2 Période 3


Période 5

Toutes les périodes

Période 2

Période 5


Les éléments clefs

Analysedu besoin

Conception


Demande

Besoin

Solution

Produit


● Principespédagogiques● Choix techno● Game design

● Scénariopédagogique ● Storyboard /Level design

● Contexte● Acteurs● Connaissancesvisées

Formulationinitiale


Analyse de besoins


Pourquoi ?

Flou, Jargon Besoins en termes de solutions Besoins multiples :

imbriqués besoins cachés besoins de qui ?

Contexte et contraintes

Des besoins mal formulés...


Les acteurs

Le demandeurL'apprenantLes experts/formateurs/tuteursLes services techniquesLa hiérarchieetc.


Apprenant: besoin de formation

Ecart entre les compétences nécessaires

et les compétences réelles d'unindividu


Caractériser les apprenants

niveau (compétence, «agilité») âge disponibilité points de vue valeurs histoire hétérogénéïté etc.


Rôles des autres acteurs

Dans le dispositif de formation à venir Communication Gestion du contenu Maintenance etc.

Pendant le projet Qui porte le projet ? Qui soutient/ne soutient pas le projet etc.


Analyse de la situation actuelle

Comment les apprenants sont formés Localisation des compétences Les ressources disponibles etc.


Contraintes et contexte

Environnement technique Confidentialité Durée du projet Moyens Culture et valeurs etc.


Comment : méthodes

Tests/observations en situation Entretiens individuels

demandeur, autres acteurs Réunions de groupe Enquêtes Recueil indirect :

experts du domaine études internes ou externes


Livrables

Analyse du contexteReformulation des besoins de formation,prenant en compte tous les acteursCartographie des connaissances


Objectifs pédagogiques

■ Quelles connaissances sont visées

■ Comment on évalue ces connaissances?


Décrire les connaissances

En terme d'actions (savoir faire)types de connaissances+- contextualisées (compétences)degrésliens (prérequis)


Conception


Conception générale

Production

Sélection

Solution(s) générale(s)

Analysedu besoin

Autressystèmes

Connais-sances

Recherchedoc.Technique

Idées

Technique


Rôle de la technique

technophile

oubli du besoinchoix inadaptésur -dimensionnement

technophobe

Imagination bridéeTechnique implicite

ni ni



Production

Sélection


Analysedu besoin

Autressystèmes

Connais-sances

Recherchedoc.

Technique

IdéesIdées


Être créatifs

Pourquoi? Innovation (“Innover pour survivre”) La 1ère idée n'est pas toujours la meilleure

Comment Penser à côté Quantité > qualité Différer le jugement

Méthodes Brainstorming, etc.


Brainstorming Se réunir dans un lieux clos ( ) Jeter les premières idées Sortir tout ce qui passe par la tête, même

si on s'éloigne du projet Noter tout ce qui se dit Ne pas critiquer les autres, piquer leurs

idées, produire... APRES: faire le tri.


Résultat: solution générale

Une solution parmi d'autres Réponse argumentée aux besoins:

objectifs pédagogiques autres besoins (tous les acteurs) contraintes

Choix pédagogiques Approches, théories invoquées Logique du séquencement

Scénario pédagogique



Production

Sélection


Analysedu besoin

Autressystèmes

Connais-sances

Recherchedoc.

Technique

Idées


Sur vos projets... Analyse du besoin (P2) Analyse des produits existants (P3)

http://www.merlot.org/merlot/index.htm http://serious.gameclassification.com/FR/games/index.html Anciens projets Tecfa, Google, etc.

Production: brainstorming + activités distance (P3)

http://www.merlot.org/merlot/index.htm

http://serious.gameclassification.com/FR/games/index.html

http://tecfa.unige.ch/tecfa/maltt/VIP/Wordpress/


Game Design

(aperçu)



Génie logiciel

Game design



Caractéristiques

■ Difficile

■ Peu formalisé

■ Pluri-disciplinaire

■ Beaucoup de tests


Genres

■ Action■ Shooter■ Action-adventure■ Adventure■ Role-Playing■ Simulation■ Strategy■ “New concepts”


Genres(exemple de classification)

■ Action (Type:Rider)■ Shooter (Re-mission)■ Action-adventure ■ Adventure (Rififi à Daisytown)■ Role-Playing■ Simulation (MasterFind)■ Strategy (Spartan Villa)■ “New concepts”


Composants

La mécanique principale

■ Comportement des entités– Gestion des ressources

■ Nombre de joueurs■ Objectifs de jeu■ Actions du joueur et leurs effets


Composants

La mécanique principale

■ Comportement des entités– Gestion des ressources

■ Nombre de joueurs■ Objectifs de jeu■ Actions du(des) joueur(s) et leurs effets

● Grille 30 x 30● Serpent:

● séquence de cases contigües (tête/queue)● avance automatiquement dans une direction● espace “sphérique”● le serpent rentre dans lui-même → game over

● Cible: ● positionnement initial aléatoire● atteinte par la tête du serpent →

● score +1● changement de position de la cible (aléatoire)● Le serpent augmente d'une case en longueur

● Grille 30 x 30● Serpent:

● séquence de cases contigües (tête/queue)● avance automatiquement dans une direction● espace “sphérique”● le serpent rentre dans lui-même → game over

● Cible: ● positionnement initial aléatoire● atteinte par la tête du serpent →

● score +1● changement de position de la cible (aléatoire)● Le serpent augmente d'une case en longueur

faire un score le plus élevé possible faire un score le plus élevé possible

touches de direction → changement de direction du serpent touches de direction → changement de direction du serpent

11


Composants

Les mécaniques “secondaires”

■ Mécaniques “annexes”■ Gestion de la progression (niveaux)■ Gestion de la sauvegarde■ Aide■ Autres écrans (paramétrages, etc.)


Composants

Les mécaniques “secondaires”

■ Mécaniques “annexes”■ Gestion de la progression (niveaux)■ Gestion de la sauvegarde■ Aide■ Autres écrans (paramétrages, etc.)

● cible bonus : ● apparaît de temps en temps● associée à une valeur :

● valeur initiale 50● décroît avec le temps

● disparaît quand sa valeur est à 0● atteinte par la tête du serpent → score + valeur

● cible bonus : ● apparaît de temps en temps● associée à une valeur :

● valeur initiale 50● décroît avec le temps

● disparaît quand sa valeur est à 0● atteinte par la tête du serpent → score + valeur

● Paramètres● Niveau ● Type de partie ● Meilleurs scores

● Paramètres● Niveau ● Type de partie ● Meilleurs scores


Composants

■ Le contexte fictionnel■ L'histoire■ L'interface (y compris dispositif)

Le rendu■ “Univers” graphique■ Type de rendu visuel■ Musique, design sonore


Composants

■ Le contexte fictionnel■ L'histoire■ L'interface (y compris dispositif)

Le rendu■ “Univers” graphique■ Type de rendu visuel■ Musique, design sonore

●Serpent : trait ondulé rouge ●Cible : petit rond bleu●Bonus : gros rond rouge

●Serpent : trait ondulé rouge ●Cible : petit rond bleu●Bonus : gros rond rouge


Grands principes

■ Challenge■ Progressivité■ Une mécanique riche (qui amène à des

choix de stratégie)■ Une mécanique équilibrée : pas de

stratégie dominanteNB : ces principes sont des guides plutôt quedes règles nécessaires et suffisantes.


Approches par l'exemple (1)

■ Jeu comme... (en anglais : « ...-like »)

– “doom-like”, Sim-City-like, etc.

– Permet de repartir d'une mécanique quifonctionne

– Limites : moins innovant, peut-être moinsadapté au besoin


Approches par l'exemple (2)

Exemples : Imperfect information Perfect information Rewards Symetric Goals Paper-Rock-Scissors Perceived chances de Success Etc.

Game Design Patterns


Instructional Design



Génie logiciel

Game design



Instructional DesignIngénierie pédagogique

« Instructional Design is a systematic processthat is employed to develop education andtraining programs in a consistent and reliablefashion. »

Gustafson and Branch

L’ingénierie pédagogique est un processussystématique pour développer de manièrecohérente et fiable des programmesd’éducation et de formation.


Deux facettes

Les modèles Organisation pédagogique optimale

Les méthodes Comment on y aboutit


Niveaux d’approche

Principes pédagogiques (philosophie)Stratégies pédagogiquesDidactiquesScénarios spécifiques


Quelques exemples

■ Apprentissage hiérarchique■ Apprentissage centré sur la tâche■ Apprentissage par problèmes■ Autres...


Décomposition modulairehiérarchique

■ On divise un domaine en sous-parties

■ Chaque sous-partie constitue un module

■ Liens de pré-requis entre les sous-parties


Apprentissage hiérarchique:avantages / inconvénients

Avantages : découpage facile à concevoir suivi des apprenants

Inconvénients : manque vision d'ensemble transfert à la pratique difficile


Apprentissage centré sur latâche

Succession de tâches

Difficulté croissante

Guidage décroissant ≠ module, exercice = problème réel


Guidage

Complexité

Complexité

Guidage

Merril

Van Merrienboer

Apprentissage centré sur la tâche

Guidage

Guidage Complexité

Complexité Merril

Merrienboer


Apprentissage par problème

Apprenants confrontés à un problème Ressources Résolution en groupes Contraintes sur le problème

Authentique Bon niveau de complexité Contient des sous-buts Guidé par des questions


Apprentissage par problème

Cas cliniques en médecine Problèmes mathématiques Ingénierie: conception de dispositifs Etc.


Apprentissage par problème:avantages / inconvénients

Avantages: connaissances dans l'action capacités d'autonomie et de travail d'équipe

Inconvénients coûteux (temps, moyens) conception plus délicate


Autres stratégies

Apprentissage par projet

Inquiry-based instruction

« FEASP »

Apprentissage à partir de cas

etc.


Instructional Game Design



Génie logiciel

Game design



Généralités

■ Très difficile (Game Design + pédagogie)

■ Cf limites abordées en P1

■ On apprend dans tout jeu, mais...– Facile : jeu → contenu appris– Difficile : contenu à apprendre → jeu


Faire un jeu vidéo pédagogique

Adapter

Créer

matching avec objectifd'apprentissage

pas de matching avecobjectif d'apprentissage Intégration superficielle

Instructional Game Design

Ok


Qualifier l'objectif pédagogique

■ Type de connaissance


Domaines d'apprentissage

Générique Planification (jeu d'échec) Collaboration Attention visuelle, rapidité

Spécifique Apprentissage vs Entraînement Explicites vs Implicite Haut niveau vs bas niveau Soft skill vs Hard skill


Qualifier l'objectif pédagogique

■ Type de connaissance– Faits, procédures, concepts– Niveau de départ– Soft skill / Hard skill

■ Relier cette connaissance avec le jeu– Dimension actionnelle, “savoir faire”– Aspects dynamiques, “process”– Eléments de simulation– Contextes fictionnel et narratif intégrés


Quelques recommandations

■ Essayer / Tâtonner

■ Penser en termes d'intégration(articulation jeu/contenu)

■ Mélanger les approches

Documents

jeux VIdéo Pédagogiquestecfa.unige.ch/.../Xerneas/support_cours_VIP_Xerneas_conception_P2.pdf · Transparents du cours VIP P2 “Conception de jeux vidéos éducatifs” Unige,