Code secret

image principale Code secret

Difficulté:

Réaliser une application android avec APP INVENTOR


Bonjour,


avec ce tutoriel vous allez pouvoir réaliser un petit jeu de code secret pour votre smartphone android.
Pas besoin d’être un développeur confirmé, juste un peut de logique et de l’assemblage de block.


Pour connaitre l’histoire de app inventor : https://fr.wikipedia.org/wiki/App_Inventor

Matériel :

Budget : Non défini

  • – Un ordinateur avec connexion web
  • – Un smartphone android

Etape 1 : Ajout des éléments graphique


Sélectionnez les éléments graphique et placez les sur la simulation de l’écran de téléphone
vous avez la possibilité de les renommer
la fenêtre propriété de pouvoir configurer l’élément

pour notre petit jeu nous avons besoin
– 1 label(champ texte) – TXT_CODE (affichage du code saisi sur le clavier)
– 1 label – TXT_NB_ESSAI (nombre d’essai depuis le debut)
– 1 label – TXT_RESULTAT (si plus grand, plu petir, GAGNÉ ou PERDU)
– 10 button (bouton) – BTN_0 -> 9 (clavier pour le code)
le reste des éléments présent dans le tuto servent pour arranger la mise en forme
je vous laisse le soins de les découvrir quand vous aurez télécharger le fichier TUTO_CODE_SECRET.AIA pour essayer, lien disponible dans les sources

passons maintenant au BLOCK

Etape 2 : Programmation des blocks


La fenêtre block permet donc de donner vie à son application une fois notre mise en page graphique réalisée, c’est bien d’avoir des beaux bouton mais sans action pas terrible
cette partie est très conviviale pour une personne non initié à la programmation
après cette succincte présentation allons voir plus en détail notre application

Etape 3 : Déclaration des variable


On déclare nos variables

Etape 4 : Evénement lors d’un clique sur un bouton


On crée les événements pour chaque bouton de BTN_0 à BTN_9

Etape 5 : Fonction verif le cœur du jeu


Et voila notre fonction principal VERIF qui est appelée à chaque clique sur un bouton

En espérant avoir été assez claire, vous n’avez plus qu’a laisser libre court a votre créativité
Vous pouvez voir un aperçu des possibilité de app-inventor ici : http://ouiaremakers.com/ardui-portail-bluetooth/

Merci de votre lecture et futur commentairessss

Vous trouverez dans les sources le fichier apk (application android) ainsi que le fichier .aia qui est code source pour app inventor et le lien de app inventor

Sources :

http://davi-domo.franceserv.com/tuto_appinventor/TUTO_CODE_SECRET.aia, http://davi-domo.franceserv.com/tuto_appinventor/TUTO_CODE_SECRET.apk, http://ai2.appinventor.mit.edu/, https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3&hl=fr


Merci pour le tuto ! effectivement avec le tuto ça paraît tout de suite plus facile 🙂

merci pour le commentaire
c'est parfait pour de petite application mais un peut lourd quand on commence a voir grand le système de block est vraiment parfait pour une initiation à la programmation avec des résultats rapide et surtout pas d'erreur de compilation qui peuvent vite nous faire devenir chèvre

Ces tutoriels devraient vous plaire

vignette Écran Tactile et Raspberry Pi
Écran Tactile et Raspberry Pi
vignette Connecter un  écran LCD en I2C
Connecter un écran LCD en I2C
vignette fabrication de circuits imprimés facile
fabrication de circuits imprimés facile

Découvrez tous les tutoriels partagés sur Oui Are Makers

Powered by Oui Are Makers