Tutoriel "Une petite idée, comme ça!", premier programme

Durée estimée: 45 minutes


Une petite idée comme ça! est une application qui affiche une image de Coluche et diffuse son appel du 26 septembre 1985 quand on clique sur cette image.

Objectifs:
Dans cette leçon vous allez :

  • créer cette application et la faire tourner sur votre appareil mobile
  • naviguer dans l'environnement de développement d'App Inventor,
  • compléter votre compréhension de ce qu'est un programme dans App Inventor,
  • et de la gestion des évènements (event handlers).

Tutoriel

Ma première application

Pour démarrer,ouvrez en 2 clics le projet "Une petite idée comme ça! (STARTER)" dans App Inventor.
Si le projet existe déjà, il refusera de l'écraser. (Vous pouvez aussi créer un nouveau projet dans App Inventor, mais c'est moins pratique car vous devrez alors charger l'image et la bande son de Coluche sur votre PC puis dans l'application.)
Suivez ensuite les instructions de la vidéo ci-dessous. Vous pouvez ouvrir App Inventor dans une fenêtre et la vidéo dans une autre, pour faire des pauses ou revenir en arrière à tout moment. Vous pouvez aussi regarder la vidéo avec votre smartphone et programmer avec votre PC. L'idéal étant d'avoir un deuxième écran.

Auto-contrôle

Faites les exercices suivants. 

Not yet started
1 point
App Inventor est un ou une :
(cochez toutes les réponses valides)
Not yet started
1 point
Dans liste suivante, quels éléments sont considérés comme partie de l'interface utilisateur (UI) d'une application ?
Cocher tous ceux qui correspondent.
Not yet started
1 point
Dans la Palette, quel onglet contient le composant "Lecteur" ?
Not yet started
1 point
Dans la liste suivante, quels sont les composants?
Not yet started
1 point
Quels éléments de cette liste, sont considérés comme un évènement par votre smartphone ?
Cocher tous ceux pour qui c'est le cas.
1 point  
1 point  

Réflexions à conduire et inclure dans votre Portfolio

Dans votre portfolio, allez à la page 2.02 Une petite idée et répondez aux questions suivantes :

  1. Décrivez, avec des mots à vous, en quoi consiste la programmation évènementielle (event driven programming).
  2. Quel gestionnaire d'évènement (event handler) a été utilisé dans l'apppli une petite idée ? Comment a t-il été utilisé ?
  3. Est-il possible de cérer une application sans utiliser un gestionnaire d'évènement (event handler) ? Expliquez pourquoi.
  4. Quels éléments et composants constituent l'Interface Utilisateur (UI) dans l'appli Une petite idée comme ça ?
  5. Citez des éléments de l'interface utilisateur UI d'une voiture ? d'un distributeur de boissons ?