Home

BouleDeCristal

1. App Invent techn vation a Lu BouleDeGCristal Au cours de ce tutoriel vous allez cr er une application qui fonctionne comme une boule de cristal l utilisateur r fl chit une question comme Est ce que je vais gagner le match de foot puis il secoue le t l phone pour conna tre la r ponse de la boule de cristal Pour commencer Se connecter sur App Inventor e Consulter http appinventor mit edu e Se connecter en utilisant le nom d utilisateur et le mot de passe du compte Gmail e Cliquer sur l onglet My Projects et cliquer sur New e Cr er un nouveau projet appel BouleDeCristal T l charger les l ments ext rieurs e T l charger le fichier de l image de la boule de cristal de http bit ly crystalballTC Programmer l interface de l application dans le Designer Cr er Screen1 REMARQUE C est une bonne id e de prendre l habitude de cr er un cran Accueil pour les applications puisqu on ne peut pas mettre d cran avant Screen1 avec App Inventor Donc si on programme Screen1 en tant qu cran principal on ne peut plus ajouter d cran accueil parce qu on ne l a pas fait depuis le d but Nous vous montrerons comment cr er un cran d accueil qui est reli l cran principal dans les tutoriels BouleDeCristal et PotDePeinture Ajouter une tiquette Bienvenue Screen e Tirer une Labelde la Basic Palette jusqu l cran e Cliquer sur Rename et la renommer EtiquetteBienvenu
2. es du point o l cran est touch Utiliser la DrawCircle Procedure avec les valeurs de x et y fournis sous My Definitions pour dessiner un cercle au point o l cran est touch La variable r de la proc dure DrawCGircle repr sente le rayon du cercle en pixels 5 est une bonne valeur pour commencer Indice regarder sous les blocs Built in Tester l application e Tester les boutons couleur le bouton Effacer et ce qui se passe quand on touche l cran du t l phone Les boutons changentils la couleur de la peinture Le cercle est il dessin l o vous avez touch Le bouton Effacer efface t il toute la peinture tech n vation App Inventor Travaux pratiques dirig s AQU l algorithme pour dessiner les lignes Maintenant vous allez ajouter l algorithme pour que quand l utilisateur dessine avec son doigt en tirant sur la toile l application trace une ligne Trouver le gestionnaire d v nement dragged de ToileDessin Un v nement drag vient avec 7 arguments Il y a trois couples de coordonn es x et y qui montrent la position de votre doigt o la trace a commenc la position actuelle du doigt et la position instantan ment ult rieure du doigt y a aussi sprite que nous n utiliserons pas pour ce tutoriel Maintenant trouver la proc dure TaileDessin appel e DrawLine Cette proc dure dessine un trait de la position pr c dente x1 y1 la position actuelle x2 y2 Modifier les arguments pour qu ell
3. v nement Shaking Event Handler pour l Accelerometer e Dans la colonne My Blocks ouvrir le tiroir TextePrediction et en tirer set TextePrediction Text Placer ce bloc l int rieur du gestionnaire d v nement when Clicked event handler e Dans la colonne Built In ouvrir le tiroir Lists En tirer le bloc call pick random item Attacher ce block au bloc set TextePredliction Text e Dans la colonne Built In ouvrir le tiroir Lists En tirer le bloc make a list et l attacher au bloc call pick random item e Dans la colonne Built In ouvrir le tiroir Text En tirer 4 bo tes Text et les ajouter la listen tant que items Changer le texte Oui Non Peut tre et Qui vivra verra Ecrire l algorithme pour effacer la r ponse quand on clique sur l cran e Tirer depuis le Blocks Editor dans My Blocks un gestionnaire d v nement when Clicked event handler pour le bouton TextePrediction e Dans la colonne My Blocks ouvrir le tiroir TextePrediction et en tirer set TextePrediction Text Placer ce bloc l int rieur du gestionnaire d v nement when Clicked event handler e Dans la colonne Built In ouvrir le tiroir Text En tirer une bo te Text et l attacher au bloc set TextePredliction Text Effacer le texte a i A l tech n ovatl on Travaux a nd irig s Tester et t l charger l application e Sauvegarder l application depuis le Blocks Editor et depuis le Designer e Connecter le t l phone gr c
4. automatique e Maintenant vous aller modifier les propri t s qui contr lent le mouvement de la taupe La position initiale repr sent e par les coordonn es X et YJ est d termin e par o vous avez plac la taupe quand vous l avez tir jusqu MaToile Tirer la taupe jusqu une position diff rente Vous devriez voir X et Y changer e Le Heading repr sente la direction dans laquelle la taupe va bouger Fixons le O Ensuite fixer Speed O puisqu on ne veut pas que la taupe bouge en une ligne Vous allez plut t la faire sauter partout en changeant la position Fixer l intervalle 500 puisqu on veut que la taupe bouge toutes les 500 millisecondes tech n vation App Inventor Travaux pratiques dirig s Programmer dans le Blocks Editor e Ouvrir le Blocks Editor et connecter le t l phone Ecrire une proc dure qui contr le le mouvement de la taupe e Ajouter un bloc procedure du tiroir definition Vous pouvez cliquer sur le texte procedure pour renommer le bloc Le renommer Bouger Taupe e Dans la partie do de la proc dure BougerTaupe ajouter le bloc qui bougerait la taupe une nouvelle localisation x et y Indice Il sera sous la section Taupe Ensuite changer les coordonn es x et y pour contr ler l o la taupe va bouger Les coordonn es peuvent tre un nombre quelconque du moment que c est sur la toile La coordonn e x peut tre entre O le c t gauche de la toile et la largeur de la
5. pirat e sur P2PU Personnaliser votre application utiliser l l ment appareil photo pour prendre des photos de vos amis et de les mettre comme fond d cran pour que vous puissiez dessiner dessus Vid o du Professor Wolber Partie 1 http www youtube com watch v gHPae2B5pNO Vid o du Professor Wolber Partie 2 http www youtube com watch v L1_ATVIJiLI Vid o du Professor Wolber Partie 3 http www youtube com watch v XGXFUJxrYBcO Vid o Cam ra Professor Wolber http www youtube com watch v q39n6JwrdPk Vid o de Chris Groff Partie 1 http www youtube com watch v 31bigtWOLcY Vid o de Chris Groff Partie 2 http www youtube com watch v JX8Gn7 FLcHY tech n vation App Inventor Travaux pratiques dirig s JeuDeLaTaupe Au cours de ce tutoriel vous allez cr er un jeu une taupe saute tous les 0 5 secondes partout sur l cran d une mani re al atoire et si l utilisateur r ussit toucher la taupe le score augmente d un point Pour commencer e Se connecter sur App Inventor e Cr er un nouveau projet appel JeuDeLaTaupe e T l charger l image de la taupe de bit ly moleimage Programmer l interface de l application dans le Designer Changer le titre de l cran e Changer le titre de l cran JeuDeLaTaupe depuis le panneau de configuration properties dans le Designer Pouvez vous voir le nouveau titre affich sur le t l phone FIBUEEE la toile les bouton
6. e e Dans le panneau de configuration Properties changer le champ de saisie Text Bienvenue y Ajouter le bouton Entrer Screen1 e Tirer un Button de la Basic Palette jusqu l cran e Cliquer sur Rename et le renommer BoutonEntrer e Dans le panneau de configuration Properties changer le champ de saisie Text Acc der la Boule de Cristal Cr er l cran BouleDeCristal Ajouter l cran BouleDeCristal e Cliquer sur le bouton Add Screen du menu en haut de l onglet Design e S lectionner l l ment Screen dans le Designer e Dans le panneau de configuration Properties changer le champ de saisie Title BouleDeCristal Vous devriez maintenant voir un nouveau titre dans le champ de saisie Ajouter les tiquettes Mode d emploi e Tirer une Label de la Basic Palette jusqu l cran e Cliquer sur Rename et la renommer EtiquetteQuestion e Dans le panneau de configuration Properties changer le champ de saisie Text Que voudriez vous savoir tech n vation App Inventor Travaux pratiques dirig s e Tirer une Label de la Basic Palette jusqu l cran e Cliquer sur Rename et la renommer EtiquetteModeEmploi e Dans le panneau de configuration Properties changer le champ de saisie Text Secouer la boule de cristal et tout vous sera d voil AIBALE la boule de cristal Tirer un Button de la Basic Palette jusqu l cran e Cliquer sur Rename et le renommer Text
7. e au c ble USB puis cliquer sur Connect to Device dans le coin en haut droite du Blocks Editor S lectionner le t l phone de la liste et v rifier que le t l phone et la fl che jaunes clignotent et deviennent vertes Vous saurez que le t l phone est connect quand ils sont verts et l application devrait appara tre sur l cran du t l phone e Tester l application pour v rifier qu il marche puis la t l charger dans le Designer choisir Package for Phone et attendre qu elle soit t l charg e ce qui peut prendre quelques minutes HYM 5 02 PM What did you want to know Shake the crystal ball and all will be revealed Piratez votre application e Changer la police de caract re les couleurs etc e Ajouter de nouvelles r ponses la liste e Ajouter un son de carillon quand l application est secou e Mettez vos questions et une capture d cran de votre application pirat e sur P2PU tech n vation App Inventor Travaux pratiques dirig s PotDePeinture Au cours de ce tutoriel vous allez cr er une application qui permet l utilisateur de dessiner sur l cran des traits et des points en couleur Pour commencer e Se connecter sur App Inventor e Cr er un nouveau projet appel PaintPot Programmer l interface de l application dans le Designer Cr er Screen1 Ajouter une tiquette Bienvenue Screen e Tirer une Labelde la Basic Palette jusqu l cran e Cl
8. e dessine un trait depuis la position pr c dente du doigt la position actuelle du doigt Tester votre application Tester votre application Essayer de dessiner des droites et des courbes PIQUE des variables pour dessiner des points de tailles diff rentes Maintenant vous allez am liorer votre application en ajoutant deux boutons pour changer la taille des points dessin s quand l cran est touch Premi rement ajoutons une variable appel e TaillePoint Fixer la valeur initiale de TaillePoint 8 Modifier la proc dure DrawOGircle pour qu elle dessine un point de rayon 8 se rappeler qu avant vous l aviez fix 5 pixels Maintenant quand l cran est touch le cercle dessin sera de la taille du nombre affect la variable TaillePoint Maintenant dans le Designer ajouter un BoutonGros et un BoutonPetit l cran Utiliser un autre horizontal arrangement pour les aligner avec le bouton Effacer Faire en sorte que les boutons affichent le texte Gros Points et Petits Points Dans le Blocks Editor trouver le gestionnaire d v nement click de BoutonPetit et utiliser le pour affecter 2 la variable TaillePoint quand le BoutonPetit est cliqu Maintenant faisons de m me pour GrosBouton mais affecter 8 TaillePoint Tester votre application Tester votre application sur le t l phone Piratez votre application Ressources Vid os YouTube Mettez vos questions et une capture d cran de
9. ePrediction e Dans le panneau de configuration Properties effacer TextForButton1 du champ de saisie Text e Dans le panneau de configuration Properties attribuer Backgroundimage l image de la boule de cristal t l charg e ult rieurement Cliquer sur None et choisir Add pour t l charger le fichier image Ajouter Accelerometer e Dans le panneau de configuration Sensor tirer l l ment Accelerometer jusqu l cran Programmer dans le Blocks Editor Ecrire l algorithme pour aller de Screen1 l cran BouleDeCristal e Dans le Designer s lectionner Screen1 pour qu il apparaisse dans le panneau de configuration Viewer e _ Tirer du Blocks Editor sous My Blocks un gestionnaire d v nement When Clicked event handler pour BoutonEntrer e Dans la colonne Built in ouvrir le tiroir Control et en tirer le bloc call open another screen Placer ce bloc l int rieur du gestionnaire d v nement click e Dans la colonne Built in ouvrir le tiroir Text et en tirer une bo te Text et l attacher au bloc call open another screen Changer le texte BouleDeCristal Programmer l cran BouleDeCristal e Dans le Designer s lectionner l cran BouleDeCristal pour qu il soit visible dans le panneau Viewer e Retourner au Blocks Editor il est maintenant vide Ecrire l algorithme pour faire appara tre une r ponse quand le t l phone est secou e Dans le Blocks Editor sous My Blocks s lectionner le gestionnaire d
10. est re u e Vous devez modifier les propri t s PhoneNumber et Message de l l ment Texting avant d activer call la fonction Send Message Indice utiliser le num ro de Message Received pour d finir le num ro de t l phone appeler c est g n r automatiquement dans le tiroir My Definitions Le Message doit tre chang au texte d EtiquetteReponse Tester l application e Tester l application en envoyant un SMS au t l phone Le t l phone envoie t il la r ponse automatis e Vous pouvez le tester dans le programme d mulation en utilisant l identifiant de l mulateur par ex 5554 comme num ro de t l phone 11 tech novation App Inventor Travaux pratiques dirig s Entrer une r ponse personnalis e Maintenant vous allez crire l algorithme qui permet l utilisateur de changer la r ponse qu envoie son t l phone Trouver le gestionnaire d v nement click de BoutonEntrerReponse Utiliser le bloc Text de Set EtiquetteReponse pour changer le texte ZoneDeTexteNouvelleReponse Text quand le bouton est cliqu Tester votre application Tester l application en entrant une nouvelle r ponse et en envoyant un SMS au t l phone Le t l phone qui a envoy le message re oit il la nouvelle r ponse automatis e Stocker les r ponses personnalis es dans une base de donn es Que se passe t il la r ponse personnalis e quand on quitte puis on rouvre l application Pour stocker les r ponses personnali
11. iquer sur Rename et la renommer EtiquetteBienvenue e Dans le panneau de configuration Properties changer le champ de saisie Text Bienvenue Ajouter le bouton Entrer Screen1 e Tirer un Button de la Basic Palette jusqu l cran e Cliquer sur Rename et le renommer BoutonEntrer e Dans le panneau de configuration Properties changer le champ de saisie Text Acc der Pot de Peinture Cr er l cran PotDePeinture Ajouter l cran PotDePeinture e Cliquer sur le bouton Add Screen du menu en haut de l onglet Design e S lectionner l l ment Screen dans le Designer e Dans le panneau de configuration Properties changer le champ de saisie Title PotDePeinture Vous devriez maintenant voir un nouveau titre dans le champ de saisie d les boutons couleurs Maintenant vous allez ajouter 3 buttons pour changer la couleur de la peinture Pour commencer ajouter l cran un button appel BoutonRouge Changer la couleur de fond au Rouge dans le panneau de configuration Properties et le texte Rouge e Cr er un autre button appel BoutonVert de couleur verte et de texte affich Vert e Cr er un troisi me button appel BoutonBleu de couleur bleue et de texte affich Bleu Organiser les boutons e Aligner les boutons c te c te en les tirant dans un Horizontal Arrangement Vous devez fixer la largeur de la disposition et des boutons Fill parent pour fa
12. ire d v nement Message Received On vient de cr er un seul message qui lit le num ro de t l phone est le message l utilisateur 12 S A l tech n ovat on Travaux a nd irig s Tester l application e Tester l application en envoyant un SMS au t l phone Le t l phone lit il le num ro et le message haute voix Se rappeler de tester toutes les caract ristiques techniques de l application pour s assurer qu elles marchent toujours Piratez votre application e D velopper une version qui permet l utilisateur de d finir des r ponses personnalis es pour les diff rents num ros de t l phones e D fi Utiliser l l ment LocationSensor pour envoyer la localisation actuelle du conducteur Ressources Vid os sur YouTube e Vid o de Professor Wolber Partie 1 http www youtube com watch v rrwrfX8T_c8 Vid o de Professor Wolber Partie 2 http www youtube com watch v 0FTdv1S5xGmce Vid o de Professor Wolber Partie 3 http www youtube com watch v 7PmDsrGHIZI Vid o de Professor Wolber Partie 4 http www youtube com watch v 5RldakJgfn4 Vid o de Professor Wolber Partie 5 http www youtube com watch v R9MPcbe_004 Mettez vos questions et une capture d cran de votre application pirat e sur P2PU A 12 16PM vini The text below will be sent in response to all nooming SM5 messages while this app Is running I m driving right now III contact you shortly Modify Res
13. ire en sorte que les boutons prennent toute la place sur l cran La composition est elle am lior e Comment a t elle chang e Cr er un espace de dessin e Ajouter une canvas appel e ToileDessin Fixer la hauteur 300 pixels et la largeur pour qu elle prenne toute la largeur de l cran Indice vous avez fait la m me chose pour le Horizontal Arrangement t A gt App Inventor eChnovation Travaux pratiques dirig s Ajouter un bouton Effacer e Ajouter un autre button appel BoutonEffacer de texte affich Effacer Ce button effacera l cran Programmer dans le Blocks Editor e Ouvrir le Blocks Editor et le connecter au t l phone Ecrire l algorithme pour aller de Screen1 l cran PotDePeinture e Dans le Designer s lectionner Screen1 pour qu il apparaisse dans le panneau de configuration Viewer e Dans le Designer s lectionner Screen1 pour qu il soit visible dans le panneau Viewer e Tirer depuis le Blocks Editor sous My Blocks un gestionnaire d v nement W hen Clicked event handler pour BoutonEntrer e Dans la colonne Built in ouvrir le tiroir Control et en tirer call open another screen Placer le bloc l int rieur du gestionnaire d v nement click e Dans la colonne Built in ouvrir le tiroir Text et en tirer une bo te Text L attacher au bloc call open another screen et changer le texte PotDePeinture Programmer l cran PotDePeinture e Dans le Designer s lectionner l c
14. l cran e Changer le titre de l cran Pas de SMS au Volant dans le panneau de configuration Properties du Designer Pouvez vous voir le nouveau titre affich sur le t l phone Cr er l interface e Ajouter une Label appel e EtiquetteEntrerTexte affichant le texte Le texte ci dessous sera envoy en r ponse tout message SMS recu e Ajouter une Label appel e EtiquetteReponse affichant le texte Je suis en train de conduire l instant je vous rappellerai prochainement e Changer la police les couleurs etc pour que l cran soit comme vous le souhaitez e Ajouter une Textbox appel e ZoneDeTexteNouvelleReponse et affecter au texte Que va t il se passer quand on fixe le texte Changer le Hint Taper le nouveau message SMS e Ajouter un Button appel BoutonEntrerReponse affichant le texte Modifier la r ponse Ajouter les l ments non visibles e Ajouter les l ments Texting TinyDB et TextToSpeech Programmer dans le Blocks Editor e Ouvrir le Blocks Editor et connecter le t l phone Programmer une r ponse automatis e e Vous allez crire un algorithme pour que l application envoie une r ponse automatis e quand quelqu un envoie un SMS au t l phone e En utilisant le composant Texting trouver le gestionnaire d v nement Message Received et la fonction Send Message Placer les blocs pour que l algorithme envoie un message quand un message
15. la valeur initiale O e Prendre un bloc de proc dure et l appeler MiseAJourScore A l int rieur mettre le bloc qui change le texte d EtiquetteScore e Vous allez changer le texte Score suivi de la valeur du score donc il faut utiliser un join Le bloc join se trouve dans le tiroir Text e Modifier la premi re moiti du join au texte Score et la deuxi me la variable que vous avez cr pour le score Auker l algorithme qui augmente le score quand la taupe est touch e Trouver le gestionnaire d v nement pour quand la Taupe est touch e Vous souvenez vous des gestionnaires d v nements de PotDePeinture e Premi rement vous allez utiliser le bloc set global pour changer la variable Score Il vous faut un nouveau bloc addition pour fixer la nouvelle valeur du score la valeur pr c dente 1 e Ensuite on veut afficher le nouveau score donc il faut activer call la proc dure MiseAJourScore que vous avez cr pour changer l tiquette dans My Definitions e Activer call Son Vibrate pendant 100 millisecondes pour que le t l phone vibre depuis My Blocks gt Noise et activer BougerTaupe pour que la taupe bouge Tester l application e Tester l application en jouant le jeu Le score augmente il quand la taupe est touch e Programmer le bouton Red marrer pour remettre le score O t f App Inventor ec In vation Travaux pratiques dirig s e Trouver le gestionnaire d v nement click p
16. our le bouton Red marrer Prendre le bloc set global score et le placer l int rieur Fixer la valeur du score 0 Encore une fois il faut activer call WiseAJourScore pour que le nouveau score apparaisse sur l cran Tester votre application e Tester l application en jouant le jeu et en utilisant le bouton Red marrer La taupe bouge t elle al atoirement toutes les 0 5 secondes Le score augmente il quand la taupe est touch e Le bouton Red marrer fonctionne t il Piratez votre application e Ajouter un son au jeu pour que le t l phone joue un son au lieu de vibrer Vous devez mettre jour l l ment sound et le gestionnaire d v nement touched de la taupe e Etsi on ajouter une deuxi me taupe Ressources Vid os YouTube e Vid o de Chris Groff Part 1 http www youtube com watch v X Ozwa BqG8 Vid o de Chris Groff Part 2 http www youtube com watch v BOprKoivALQ Vid o de Chris Groff Part 3 http www youtube com watch v iNzLmqNtW5c Vid o du Professeur Wolber Partie 1 http www youtube com watch v uj8b1951F50 Vid o du Professeur Wolber Partie 2 http www youtube com watch v sP30C29J44w Vid o du Professeur Wolber Partie 3 http www youtube com watch v NCgmyoHWiE4 Vid o du Professeur Wolber Partie 4 http www youtube com watch v 3BWOE9Gulhk Vid o du Professeur Wolber Partie 5 http www youtube com watch v tkjjDf0a3ZA Mettez vos questions et une capture d cran de vo
17. ponse 13
18. ran PotDePeinture pour qu il soit visible dans le panneau Viewer e Retourner au Blocks Editor il est maintenant vide Programmer les boutons couleurs e Programmer les boutons couleurs Premi rement trouver le gestionnaire d v nement click event handler pour BoutonRouge et le tirer jusqu au Blocks Editor affichera when RedButton Click do Maintenant vous allez le remplir avec des blocs pour lui dire ce qu il faut faire quand on clique sur le BoutonRouge Trouver le bloc qui choisit la couleur de la toile et le mettre dans le gestionnaire d v nement BoutonRouge Il affichera set DrawingCanvas PaintColor to Lui attacher un bloc couleur rouge indice regarder dans les blocs Built in Qu accomplit cet algorithme e Maintenant programmer les boutons vert et bleu de la m me mani re Programmer le bouton Effacer e Programmer le bouton Effacer Trouver le gestionnaire d v nement click de BoutonEffacer comme pour les boutons couleurs Maintenant le programmer pour qu il efface la toile Indice il y a un bloc pour la ToileDessin qui a pour fonction ToileDessin clear Ecrire l algorithme pour dessiner les points e Maintenant vous allez ajouter un algorithme pour qu un point soit dessin l endroit o la toile est touch e Trouver le gestionnaire d v nement touched de ToileDessin et le tirer jusqu au Blocks Editor Les variables x et y fournis par le gestionnaire d v nement repr sentent les coordonn
19. s es de l utilisateur il faut une base de donn es Le composant 7inyDB nous permet de stocker des donn es StoreValue et de r cup rer des donn es GetValue Modifier le gestionnaire d v nement click de BoutonEntrerReponse que vous avez d j programm pour stocker la r ponse Affecter le texte MessageReponse au champ tag Vous utiliserez ce tag pour r cup rer le message plus tard Affecter valueToStore EtiquetteReponse Text V rifier que vous aviez mis un nouveau message dans EtiquetteReponse avant de le stocker R cup rer les r ponses personnalis es quand l application est initialis e App Inventor fournit un gestionnaire d v nement sp cifique Screen 1 lnitialize qui commence quand l cran est ouvert c est dire quand l application est initialis e Vous pouvez utiliser Screen 1 lnitialize pour affecter la r ponse personnalis e stock e dans la base de donn es EtiquetteReponse quand l application est initialis e Cependant il se peut qu aucune r ponse personnalis e n ait t stock e donc il faut v rifier la r ponse r cup r e de la base de donn es avant de l affecter EtiquetteReponse Cr er une variable appel reponse et lui affecter un texte vide Dans le gestionnaire d v nement nitialize affecter la valeur r cup r e de CallTinyDB1 GetValue la variable reponse Souvenez vous qu il faut affecter MessageReponse au tag pour r cup rer une r ponse de la ba
20. s et le son Ajouter une canvas appel e MaToile Fixer la hauteur 300 pixels et la largeur la largeur de l cran Indice c est pareil que dans PotDePeinture e Maintenant vous allez ajouter un button pour red marrer le jeu Ajouter un bouton sur l cran appel BoutonRed marrer Changer le texte affich Red marrer e Maintenant ajouter une abel Vous allez utiliser cette tiquette pour afficher le score donc appelons la EtiquetteScore Changer le texte Score e Ensuite ajouter l l ment sound Remarquer que quand vous le tirer jusqu la toile il appara t en bas de l cran Pourquoi pensez vous qu App Inventor fait cela C est parce que le son est un composant non visible Renommer l l ment son Bruit Ajouter un l ment Clock e Maintenant vous allez ajouter un l ment clock qui servira de chronom tre pour que l application sache quand il faut bouger la taupe Renommer la clock ChronoTaupe et fixer son imelnterval 500 millisecondes pour faire bouger la taupe toutes les 0 5 secondes e V rifier que 7imerEnabled est coch pour que le chronom tre soit actif Ajouter la taupe e En utilisant l Animation Palette ajouter une mageSprite et l appeler Taupe Mettre comme image l image de la taupe t l charg e pr c demment V rifier que l nageSprite est activ et que Visible est coch Height et Width devraient tre fix leur taille
21. se de donn es En utilisant un bloc fthen mettre comme condition la longueur de la variable reponse est plus grande que O Indice utiliser le bloc Call Length text et le bloc sup rieur gt Changer la partie then do du bloc pour que l application affecte la variable reponse ResponselLabel Text Tester votre application Regarder ce qui se passe quand vous ouvrez et fermez le logiciel sans sauvegarder de message personnalis Quel message automatis est affich Regarder ce qui se passe quand vous ouvrez et fermez le logiciel apr s avoir sauvegarder un message personnalis Ce message personnalis appara it l Lire les nouveaux messages voix haute Maintenant vous allez modifier l application pour que quand l utilisateur re oit un SMS le num ro de t l phone et le message re u soient lus voix haute Ajouter le bloc TextToSpeech1 Speak la fin du gestionnaire d v nement Message Received Pour identifier le message qui va tre lu utiliser un bloc Call Make Text Changer la premi re valeur value du texte SMS recu de N oublier pas l espace apr s de Changer la deuxi me valeur du texte au num ro de t l phone qu on trouve dans le gestionnaire d v nement Message Received Changer la troisi me valeur du texte Le message est N oublier pas l espace apr s est Changer la derni re valeur du texte messageText qu on trouve dans le gestionna
22. toile moins la largeur de la taupe La coordonn e y peut tre entre O le bas de la toile et la hauteur de la toile moins la hauteur de la taupe Vous voulez que la taupe bouge partout une localisation impr visible donc vous allez d finir les valeurs de xet y comme des nombres al atoires dans les intervalles d crits pr c demment Vous trouverez le bloc random dans le tiroir Math Fixer le nombre from 0 Dans l emplacement to effacer le bloc number et ajouter sa place un bloc subtraction Affecter la valeur VMaToile Width moins Taupe Wiath la coordonn e x et la valeur de WaToile Width moins Taupe Width la coordonn e y e Maintenant soit avec le t l phone ou le programme d mulation connect au Blocks Editor tester la proc dure Bouger Taupe en faisant un clic droit et choisissant Do It Que se passe t il Est ce que c est ce quoi vous vous attendiez Ecrire l algorithme pour activer la proc dure Bouger Taupe toutes les 0 5 secondes e Prendre le bloc ChronoTaupe Timer et le faire activer call la proc dure Bouger Taupe dans My Definitions Que fait cet algorithme Comment sait il de le faire toutes les 0 5 secondes Indice comment avez vous fix les propri t s Tester votre application e Tester l application La taupe bouge t elle al atoirement toutes les 0 5 secondes Cr er une proc dure pour changer le score e Cr er une variable appel score pour repr senter le score Fixer
23. tre application pirat e sur P2PU Eo ooa App Invent techn vati n E Le Inventer Votre Propre Application Travailler en autonomie ou en bin me pour cr er et d velopper votre propre application Essayer d utiliser les outils que vous avez appris Ecran Accueil Ev nements Variables Listes Proc dures Appareil Photo Boutons Acc l rom tre Etiquette Image Sprites Chronom tres Sons Obtenir les impressions de l utilisateur e Montrer l application votre groupe votre famille vos amis Est ce qu ils ont aim Est ce qu ils utiliseraient cette application Est ce que c est facile comprendre utiliser Est ce qu ils ont des id es pour l am liorer Ressources Vid os sur YouTube e Regarder les vid os ou les indications des piratages pr c dents si vous voulez vous rappeler de comment utiliser un certain l ment Mettez vos questions et une capture d cran de votre application pirat e sur P2PU 10 Eo ooa App Invent techn vati n P Le Pas de SMS au Volant Au cours de ce tutoriel vous allez cr er une application qui r pond automatiquement aux SMS pendant que l utilisateur est en train de conduire L utilisateur a aussi l option de faire lire haute voix le message qui a t re u Pour commencer e Se connecter sur App Inventor e Cr er un nouveau projet appel PasDeSMSAuVolant Programmer l interface de l application dans le Designer Changer le titre de

BouleDeCristal

Contents

Download Pdf Manuals

Related Search

Related Contents