0% ont trouvé ce document utile (0 vote)
58 vues26 pages

App Inventor

Transféré par

manissazneidi
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
58 vues26 pages

App Inventor

Transféré par

manissazneidi
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

CRÉATION D’APPLICATIONS

MOBILES

1 Encadré par : M.GANNOUNI Nizar


Présenté par: Mme NAGUI Mariem

Manouba Janvier 2025


PLAN
 1.Présentation de MIT App Inventor

 2. Quelles types d’applications peut-on créer ?

 3. Création d’un compte App Inventor

 4. Démarrer le premier projet

 5. Présentation de l’environnement App Inventor

 6. Applications
2
C’est quoi App Inventor?
 Environnement de programmation visuelle conçu pour
l’initiation à la programmation et à la création des applications
mobiles .
 Inventé par une équipe conjointe de Google et de MIT
(Massachusetts Institute of Technology).

 Permet aux non codeurs de coder: Programmation en Bolcs.

 Open source, gratuit, accessible en ligne

 Création du fichier APK 3


Quelles types d’applications
Peut-on créer?

1. Jeux

2. Applications éducatives

3. Applications de localisations

4. Commande de contrôle d’un Robot

5. Applications Web
4


Création d’un compte
App Inventor

En ligne :

1. Aller sur le site http://ai2.appinventor.mit.edu

2. Se connecter avec votre compte Gmail

5
Hors ligne:
1. Cliquer sur l’icône aistarter.

2. Cliquer sur l’icône App Inventor2.

3. Réduire les invites de commandes qui s’affichent,

4. Lancer le navigateur Google Chrome puis saisir

l’adresse suivante: 127.0.0.1:8888


6
Hors ligne:

3 7
Création du premier Projet

Pour créer un nouveau projet, il faut :


1. Cliquer sur le bouton "Projets"
2. Cliquer sur "Commencer nouveau projet …"
3. Choisir un nom pour ce projet 8

4. Valider par "OK"


L’environnement App Inventor

L’environnement de travail contient 3 parties :


1. Designer : permet de choisir les composants
graphiques et de préciser leurs propriétés .
2. Blocs : Permet de décrire le comportement des
composants de l’application.(Programmation)
3. Le support de test de l’application:
Emulateur, téléphone ou tablette .
9
1. Partie designer: Création de l’interface

Les composants
(objets)

Liste des
composants
utilisés
Ecran Propriétés
virtuelle des
composants

10
2. Partie blocs: Programmation graphiques
Palette Blocs
Pour des instructions,
Concernant
des expressions logique,
des textes ,
des opérations
mathématiques …
Sac pour enregistrer
des Blocs

Espace de travail
pour mettre les
Blocs

Composants dans la
partie Design Supprimer les Blocs

11
3.Exécution de l’application:

L’émulateur: Câble USB:


MIT Al2 Companion: Télécharger ,puis
Lancer et laisser la
Conneter le smartphone installer l’application .
fenêtre qui apparait
et le PC sur le même ouverte en barre
des taches. 12
réseau wifi .
Applications

13
Application 1 : Bonjour

Créer une application qui permet d’afficher « Bonjour»


lorsqu’on clique sur le bouton « Test ».

14
Application 2 : Audio

Créer une application qui permet de


dire « Bonjour» lorsqu’on clique sur
le bouton Test.

15
Application 3 :Dessiner

Créez une application qui permet de:


Dessiner des lignes en glissant le doigt sur l’écran du smartphone
(4 couleurs sont disponibles : Rouge , Bleu Vert et Jaune.)
Effacer le dessin lorsque l’utilisateur doit Secouer son smartphone.

16
17
Application 4 : Calculatrice

Créer une application qui permet de saisir 2 nombres aléatoires


en sécouant le smartphone , puis afficher le résultat de
l’opération de calcul choisie (+,-,*, /).

18
19
Application 5 : Deviner Nombre

Cette application est un jeu. Le joueur doit deviner un nombre compris entre 1 et 10
Si sa réponse est juste, l’application affiche le message « Bravo », dans le cas
contraire l’application affiche « Faux ».
Pour rejouer, le joueur doit secouer le Smartphone. Le jeu se réinitialise alors.

20
21
Application 6 : La boussole

Créer une application Boussole qui permet de montrer et afficher la direction du


téléphone .

22
Application 7 : Mes contacts

Créer une application qui permet de regrouper dans une page mes
contacts et de passer une communication téléphonique selon le choix de
l’utilisateur, en plus l’application doit être protégée par une fenêtre
d’autentification.

23
Application 7 : Mes contacts

24
Application 8 : Traducteur

Créer une application qui permet de traduire une phrase vocale.

25
Merci pour votre attention

26

Vous aimerez peut-être aussi