20Jul
Aujourd'hui, nous allons vous montrer comment utiliser l'outil Android App Inventor pour créer votre propre application Android, sans avoir à écrire beaucoup de code compliqué.C'est un processus très simple qui ne nécessite que quelques glisser-déposer. Les Soundboards
sont parmi les applications les plus simples à créer à l'aide d'App Inventor. Aujourd'hui, nous allons vous montrer comment créer votre propre application.
Cet article a été écrit par Mitch Bartlett de Technipages, où il traite de nombreux conseils pour les smartphones.
Installation et utilisation d'App Inventor pour créer une application
Tout d'abord, vous devez vous assurer que vous avez installé Java 1.6 ou une version ultérieure. Vous pouvez le télécharger sur http://www.java.com. Une fois que vous avez terminé, installez App Inventor en suivant les instructions de votre système d'exploitation.
- Mac OS X
- GNU / Linux
- Windows
Visitez la section Mes projets du site App Inventor. Connectez-vous et acceptez les conditions d'utilisation si vous y êtes invité.Sélectionnez le bouton Nouveau pour démarrer une nouvelle application.
Donnez un nom unique à votre application, puis cliquez sur OK.
La visionneuse App Inventor apparaît. Cet écran montre à quoi ressemblera votre application lorsque vous la créerez. Nous allons d'abord faire un titre pour cet écran. Dans le volet Composants, Screen1 doit être sélectionné.Sous la section Propriétés, nous pouvons modifier le champ Titre pour le nom de notre application.
Maintenant, nous pouvons commencer à organiser les éléments sur l'écran. Nous allons créer des colonnes et des rangées pour nos boutons de table d'harmonie. Nous pouvons le faire en sélectionnant l'arrangement d'écran sur la palette et en faisant glisser l'élément TableArrangement à la visionneuse.
Définissez les propriétés du composant TableArrangement1 dans le volet Propriétés. Ici, nous allons le changer en 3 colonnes et 3 lignes.
Nous aurons besoin d'un composant pour jouer nos sons. Sélectionnez Média dans la Palette et faites glisser le composant Lecteur sur le visualiseur. Il apparaîtra en tant que Player1 dans la section des composants non visibles.
Ajoutons quelques sons à notre projet. App Inventor prend en charge les fichiers MP3 ou WAV de moins de 3 Mo. Nous les ajoutons à notre projet en sélectionnant le composant Player1, puis en sélectionnant le champ Source. Cliquez sur le bouton Ajouter. .. et sélectionnez Parcourir. .. pour télécharger des fichiers audio à partir de votre PC.Répétez ces étapes pour ajouter plusieurs sons.
Ajoutez un bouton pour chaque son en sélectionnant la Palette de base et en le faisant glisser jusqu'à la zone TableArrangement1 de la Visionneuse. Vous serez en mesure de placer chaque bouton dans une ligne et une colonne spécifiques.
Sélectionnez chaque bouton dans la zone Composants et modifiez les champs Texte pour représenter les sons qu'ils vont jouer.
Nous avons terminé avec l'écran de la visionneuse. C'est ce que notre application ressemble actuellement.
Il est temps de contrôler le comportement des éléments à l'écran. Cliquez sur Ouvrir l'éditeur de blocs pour commencer. Choisissez d'ouvrir le fichier ou d'accorder l'accès si vous y êtes invité.
Cliquez sur l'onglet Mes blocs. Sélectionnez Button1 et faites glisser la case "Button1.Click" sur le côté droit de l'écran. Pour ce faire, pour chaque bouton que vous avez ajouté à votre application( Button2, Button3, etc.)
Sélectionnez Player1 sous l'onglet My Blocks et faites glisser le bloc "Player1.Source" dans le bloc "Button1.Click".Le bloc devrait se connecter en place. Ajoutez un bloc "Player1.Source" à chacun des autres blocs de clic de bouton( Button2.Click, Button3.Click, etc.)
Cliquez sur l'onglet Built-In et sélectionnez Text. Faites glisser un bloc "texte" sur la droite et connectez-le au bloc "Player1.Source".
La boîte "texte" contrôlera quel son est joué.Cliquez sur le texte dans le bloc et modifiez-le pour qu'il corresponde au nom du fichier son pour Button1.Dans notre exemple, Button1 est "Punch", donc nous mettons le texte à Punch.mp3.
Faites glisser une case "texte" dans chaque bloc "Player1.Source" et changez-la pour qu'elle corresponde au nom du son de chaque bouton.
Maintenant que les sons sont réglés pour chaque bouton, nous devons juste dire à notre application de jouer le son quand nous cliquons sur le bouton. Pour ce faire, cliquez sur l'onglet Mes blocs et sélectionnez Player1.Faites glisser le bloc "Player1.Start" sur "Button1.Click".Répétez ces étapes pour chacun des blocs d'événements de clic de bouton.
Vous avez terminé!Vous avez créé une application de table d'harmonie entièrement fonctionnelle. Voir l'application en action en effectuant l'une des actions suivantes:
- Testez l'application sur votre appareil Android en activant le débogage USB sur l'appareil sous Paramètres & gt;Applications & gt;Développement et connexion à votre ordinateur. Vous pouvez ensuite cliquer sur le bouton Se connecter au périphérique. .. dans l'Editeur de blocs pour afficher l'application sur le périphérique.
- Installez le SDK Android et cliquez sur le bouton Nouveau émulateur pour l'afficher sur votre ordinateur dans un écran d'émulateur.
- Cliquez sur l'option Package pour téléphone dans l'écran App Inventor. Ensuite, vous pouvez afficher le code-barres, télécharger l'application sur l'ordinateur en tant que fichier APK, ou télécharger sur un téléphone connecté.
Profitez de votre application personnalisée de table d'harmonie sur votre appareil Android.
Il y a beaucoup d'applications que vous pouvez créer avec cet outil. Qu'allez-vous faire?