pour le tp aujourdhui#

  • on continue de faire le projet
  • 1 binome/maquettes types dutilisateur
  • les maquettes ne sont pas contrectuelles (pas notes)
  • c lapparition des maquettes dans la video qui comptent
  • les fonctionnalites sont pas fixes par rapport 6 ecrans pour chaque user

info examen#

lexam est avancee (a la fin des tp, 1 semaine apres)

comment faire du maquetage#

rappels#

sont necessaires: methode iterative (plusieurs tests) evaluation rapide

def maquette#

proof of concept (pour montrer que ca marche) faites tres tot dans la conception du projet

un maquette est constitue decran (definis par le ratio de lecran/resolution) ces ecrans sont places en largeur (ecran statique, pour vue densemble) ou en profondeur (si jamais on veut montrer le detail des fonctionnalites)

widget veut dire: WIndow gaDGET

composant des maquettes#

paradigme WIMP

window#

plusieurs etats de fenetre (active, inactive, desactive) de plus en plus on utilise un multifenetrage sans superposition faut penser bloc quoi 1 fenetre = 1 travail, plusieurs taches (recent) 1 fenetre = 1 tache de travail (ancien, pensez gimp) plusieurs types de fenetre:

jaillissante (pop up), flottante… de dialogue (preparer une action) => on distingue la fenetre appelante, secondaire…

icons#

objets associes a un etat (c limage qui va lancer des fenetres)

initialement un menu est un ensemble delements il permets de voir les actions possibles le menu deroulant(point sur lecran), contextuel (point sur le curseur)

pointer#

indique letat de laction (ou du systeme) ya des classiques quil faut utiliser

bouton#

poussoir: permets dexecuter une action radio: permets de choisir n altermatives exclusives case a cocher permets de choisir n alternatives non exclusives menu

liste#

plusieurs types a garder en tete:

  • liste ordonne
  • deroulant
  • aroborescente

regrouper des elements qui ont un lien

groupes#

classeurs a onglets (tres important clui ci) contenair divers qui peuvent que contenir des choses divses

zone de texte#

quantite de ligne qui peut varier.. muable ou non…

molette et selecteur#

incrementale#

pour saisir les valeurs numeriques

selecteur#

pour deplacer, modifier (plus grossier) selecteur plus specifiques (couleur, date)

indicateurs progressions#

il faut EVITER de combiner des barres verticales dans plusieurs

types de maquette#

papier(pour comprendre ce quon veut)->fil de mer(proportion)->mockup(couleur,debut de design) ->prototype (interactif)

il faut utiliser un vocabulaire precis quand c en violet c par rapport a jade (le jeu la)

on est dans la programation genre evenementielle (gestion/traitement)