Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Ai2 plus loin: l'espace (impact/zones/cibles)

programmation de compteurs pour l'éducation physique et sportive grâce à App inventor.
by

jerome sacard

on 12 November 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Ai2 plus loin: l'espace (impact/zones/cibles)

L'espace
Impact/zones/cibles
Localiser des impacts avec des boutons situés à l'intérieur de cadres (layouts).
Localiser des impacts dans des zones par le biais d'espace de dessin (canvas).
Axe XY
Dessiner des lignes, des textes, des cercles...

APP INVENTOR pour l'EPS
codage: pour aller plus loin....
Des impacts sur des boutons (simple)
Design
9 boutons
1 bouton "reset"
Un slider
L'idée est de localiser des impacts sur une image.

Les boutons
Les boutons sont transparents: background "none".
La difficulté est de les situer les un par rapport aux autres.
Pour cela on utilise des cadres verticaux et horizontaux.
Ici, c'est un terrain de badminton avec 9 zones (boutons)
Donc, 3 colonnes de 3 boutons.
Ils sont tous "fill parent" en hauteur et largeur et transparents.

Image de fond dans le cadre.
Il faut déterminer son ratio (ici 610px sur 670px soit 0.91)
que l'on passe lors de l'initailisation de l'écran....

Le slider (option)
Un petit plus qui permet de modifier la taille des boutons les uns par rapport aux autres.
Ici, le slider agit sur le pourcentage en largeur et en hauteur du bouton central.

Code
au clic le texte du bouton augmente de 1

A l'initialisation de l'écran, on passe le ratio de l'image de fond et on définit une couleur transparente pour le bouton central (optionnel)
Le bouton "reset" avec remise à zéro de tous les compteurs
le slider qui modifie la taille des boutons
et ses propriètés...
Le code complet.....
Des impacts sur des zones de dessin (plus dur!)
Design
Objectif: Quantifier les impacts avec différentes couleurs... (où et quoi)
Un canvas (espace de dessin)
Deux boutons qui servent à changer de couleur
Des labels qui comptent les impacts en fonction de la couleur + total.
Code
initialisation de la taille de l'image
Bouton "reset"
Remet les scores à zéro et efface les dessins
Boutons de changement de couleur.
Au clic, les impacts sont verts ou noirs
quand le cadre de dessin est touché:
faire un cercle à l'endroit de l'impact
(get x et y) radius 5 (taille du cercle)
Si l'impact est vert: ajouter +1 au label vert
Si l'impact est noir: ajouter +1 au label noir
Puis calculer la somme (ou ce que l'on veut!)
Full transcript