<?xml version="1.0" encoding="UTF-8"?>

<upm-export>
	<title>Enseignement de l&#039;informatique et du numérique au lycée Boissy d&#039;Anglas</title>
	<link>https://icn-isn-boissy.yj.fr/wp</link>
	<description></description>
	<pubDate>Wed May 6 10:46:59 2026 / +0000  GMT</pubDate>
	<generator>Universal Post Manager 1.1.2 [ www.ProfProjects.com ] </generator>
	<language></language>
	
			<item>
			<title>Créer des applications Android avec MIT App Inventor</title>
			<link>http://icn-isn-boissy.yj.fr/wp/?p=294</link>
			<pubDate>Wed May 6 10:46:59 2026 / +0000  GMT</pubDate>
			<guid isPermaLink="false">http://icn-isn-boissy.yj.fr/wp/?p=294</guid>
			<content-encoded><![CDATA[<h2>Pour commencer</h2>
Se connecter à l'application <a href="http://ai2.appinventor.mit.edu/" target="_blank" rel="noopener">MIT App Inventor :</a>

<figure id="attachment_835" aria-describedby="caption-attachment-835" style="width: 300px" class="wp-caption aligncenter"><a href="http://ai2.appinventor.mit.edu/" target="_blank" rel="noopener"><img class="size-medium wp-image-835" src="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2016/03/logo-300x115.png" alt="Logo MIT App Inventor" width="300" height="115" /></a><figcaption id="caption-attachment-835" class="wp-caption-text">MIT App Inventor</figcaption></figure>
<h2>Première application avec MIT App Inventor</h2>
<h3>Application de dessin DigitalDoodle</h3>
Suivre le tutoriel de l'application de dessin DigitalDoodle :
<ul>
 	<li><a href="http://appinventor.mit.edu/explore/sites/all/files/hourofcode/DigitalDoodle.pdf" target="_blank" rel="noopener">soit en pdf</a></li>
 	<li><a href="https://www.youtube.com/embed/fQKNzLYEN0M?autoplay" target="_blank" rel="noopener">soit en vidéo</a></li>
</ul>
<figure id="attachment_837" aria-describedby="caption-attachment-837" style="width: 300px" class="wp-caption aligncenter"><a href="http://appinventor.mit.edu/explore/sites/all/files/hourofcode/DigitalDoodle.pdf" target="_blank" rel="noopener"><img class="size-medium wp-image-837" src="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2016/03/diitaldoodle-300x169.jpg" alt="AppInventor : Digital Doodle" width="300" height="169" /></a><figcaption id="caption-attachment-837" class="wp-caption-text">AppInventor : Digital Doodle</figcaption></figure>

&nbsp;

Pour tester l'application, on peut utiliser un émulateur de téléphone. Pour cela, il faut :
<ul>
 	<li>Ouvrir un gestionnaire de fichier et lancer le programme :<code>
V:AppInventorAppInventor</code></li>
</ul>
<figure id="attachment_1098" aria-describedby="caption-attachment-1098" style="width: 300px" class="wp-caption aligncenter"><a href="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2017/11/explorateur-appinventor.png"><img class="size-medium wp-image-1098" src="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2017/11/explorateur-appinventor-300x152.png" alt="" width="300" height="152" /></a><figcaption id="caption-attachment-1098" class="wp-caption-text">Appinventor sur V:</figcaption></figure>
<ul>
 	<li>Puis cliquer sur le bouton AI2 Starter dans la fenêtre qui s'ouvre.</li>
</ul>
<figure id="attachment_1099" aria-describedby="caption-attachment-1099" style="width: 300px" class="wp-caption aligncenter"><a href="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2017/11/AI2U.png"><img class="size-medium wp-image-1099" src="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2017/11/AI2U-300x192.png" alt="" width="300" height="192" /></a><figcaption id="caption-attachment-1099" class="wp-caption-text">AI2U Starter</figcaption></figure>
<ul>
 	<li>Connecter l'émulateur depuis le site d'App Inventor :

<figure id="attachment_836" aria-describedby="caption-attachment-836" style="width: 255px" class="wp-caption aligncenter"><a href="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2016/03/connect-emulator.png"><img class="size-full wp-image-836" src="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2016/03/connect-emulator.png" alt="App Inventor : connect emulator" width="255" height="181" /></a><figcaption id="caption-attachment-836" class="wp-caption-text">App Inventor : connect emulator</figcaption></figure>

Autre solution : <a href="http://icn-isn-boissy.yj.fr/wp/2016/03/17/utiliser-une-application-app-inventor-sur-son-telephone/" target="_blank" rel="noopener">utiliser votre smartphone</a> (à condition qu'il soit sous Android).</li>
</ul>
<h3>Améliorer l'application Digital Doodle</h3>
Une fois l'application Digital Doodle fonctionnelle, c'est le moment de la perfectionner. Voici quelques pistes d'amélioration :
<ul>
 	<li>Effacer le dessin en <a href="http://ai2.appinventor.mit.edu/reference/components/sensors.html#AccelerometerSensor" target="_blank" rel="noopener">secouant</a> le téléphone.</li>
 	<li>Permettre de changer la <a href="http://appinventor.mit.edu/explore/ai2/support/blocks/colors.html" target="_blank" rel="noopener">couleur</a> de dessin, par exemple avec des <a href="http://ai2.appinventor.mit.edu/reference/components/userinterface.html#Button" target="_blank" rel="noopener">boutons </a>ou une <a href="http://ai2.appinventor.mit.edu/reference/components/userinterface.html#ListPicker" target="_blank" rel="noopener">liste déroulante</a>.</li>
 	<li>Rajouter la possibilité de prendre une <a href="http://ai2.appinventor.mit.edu/reference/components/media.html#Camera" target="_blank" rel="noopener">photo </a>qui servira de fond pour de dessin.</li>
 	<li>... et tout ce qui vous passe par la tête.</li>
</ul>
Note : on pourra s'aider éventuellement du <a href="http://appinventor.mit.edu/explore/ai2/paintpot-part1.html" target="_blank" rel="noopener">tutoriel de l'application PaintPot</a>.
<h3>Pour aller plus loin</h3>
La documentation, en anglais, de MIT App Inventor :
<ul>
 	<li><a href="http://appinventor.mit.edu/explore/tips.html" target="_blank" rel="noopener">Quelques astuces pour aller plus vite sur le logiciel</a>.</li>
 	<li><a href="http://appinventor.mit.edu/explore/ai2/support/blocks.html" target="_blank" rel="noopener">Le descriptif de tous les blocs</a>.</li>
 	<li><a href="http://ai2.appinventor.mit.edu/reference/components/" target="_blank" rel="noopener">Le descriptif de tous les composants</a>.</li>
</ul>
<!--nextpage-->
<h2>Seconde application avec MIT App Inventor</h2>
<h3>Application BallBounce</h3>
Suivre le tutoriel de l'application de dessin DigitalDoodle :
<ul>
 	<li><a href="http://appinventor.mit.edu/explore/sites/all/files/hourofcode/BallBounceTutorial.pdf" target="_blank" rel="noopener">soit en pdf</a></li>
 	<li><a href="https://www.youtube.com/embed/w0yxJSlC00w" target="_blank" rel="noopener">soit en vidéo</a></li>
</ul>
<figure id="attachment_839" aria-describedby="caption-attachment-839" style="width: 300px" class="wp-caption aligncenter"><a href="http://appinventor.mit.edu/explore/sites/all/files/hourofcode/BallBounceTutorial.pdf" target="_blank" rel="noopener"><img class="size-medium wp-image-839" src="http://icn-isn-boissy.yj.fr/wp/wp-content/uploads/2017/11/ballbounce-300x169.jpg" alt="AppInventor : Ballbounce" width="300" height="169" /></a><figcaption id="caption-attachment-839" class="wp-caption-text">AppInventor : Ballbounce</figcaption></figure>
<h3>Améliorer l'application BallBounce</h3>
Une fois l'application BallBounce fonctionnelle, c'est le moment de la perfectionner. Voici quelques pistes d'amélioration :
<ul>
 	<li>Rajouter une <a href="http://ai2.appinventor.mit.edu/reference/components/animation.html#ImageSprite" target="_blank" rel="noopener">cible </a>à atteindre : tirer au <a href="http://appinventor.mit.edu/explore/ai2/support/blocks/math.html#randomint" target="_blank" rel="noopener">hasard </a>la position de la cible, le jeu est perdu si la balle sort de l'écran.</li>
 	<li>Afficher un compte à rebours : la cible doit être atteinte avant qu'il n'arrive à zéro, diminuer petit à petit le temps disponible pour rendre le jeu plus difficile.</li>
 	<li>Diriger la balle en <a href="https://appinventor.pevest.com/2014/10/29/sensors-using-the-orientation-sensor/" target="_blank" rel="noopener">inclinant </a>le téléphone.</li>
 	<li>... et tout ce qui vous passe par la tête.</li>
</ul>
Note : on pourra s'aider éventuellement du <a href="http://appinventor.mit.edu/explore/ai2/molemash.html" target="_blank" rel="noopener">tutoriel de l'application MoleMash</a>.]]></content-encoded>
			<excerpt-encoded><![CDATA[]]></excerpt-encoded>
			<wp-post_id>294</wp-post_id>
			<wp-post_date>2017-11-03 16:30:38</wp-post_date>
			<wp-post_date_gmt>2017-11-03 15:30:38</wp-post_date_gmt>
				</item>
</upm-export>
