Concevoir une Application Email Simple avec App Inventor

Plan de tutoriel

1- But de  l'application mobile Email

2- Interface de l'application mobile

3- Programmation de l'application mobile

But de  l'application mobile Email

L’objectif de cette application mobile est de permettre à l’utilisateur d’envoyer des courriers électroniques directement depuis son smartphone à l’aide d’une interface simple créée avec MIT App Inventor.

Elle permet notamment de :

1- Saisir une adresse email du destinataire,

2- Écrire un objet et un message,

3- Envoyer le message via un service de messagerie (comme Gmail).

Cette application peut être utilisée dans un contexte pédagogique pour apprendre : la création d'interfaces utilisateur, la gestion des événements (clic de bouton) et l'utilisation de composants intégrés comme le composant Déclencheuractivité (ActivityStarter) pour ouvrir une application externe (client email) depuis App Inventor.

Interface de l'application mobile

L’interface de l’application Email doit être simple, claire et fonctionnelle. Voici une description de l’interface utilisateur typique à créer avec MIT App Inventor :

- Label (adresse email) :

- Zone de texte (nommé email) :

Rôle: permet à l’utilisateur de saisir l’adresse email du destinataire.

- Label (objet) :

- Zone de texte (nommé objet) :

Rôle: permet à l’utilisateur de saisir le sujet du mail.

- Label (message) :

- Zone de texte (nommé message) :

Rôle: permet à l’utilisateur de saisir le contenu du message.

- Button (nommé envoyer) :

Rôle : Déclenche l’envoi de l’email quand on clique.

- Déclencheuractivité (ActivityStarter) :

Rôle : Sert à lancer l’application de messagerie installée sur le téléphone pour envoyer le mail.

Programmation de l'application mobile

Voici la programme de l'application mobile Email avec App Inventor, en utilisant les blocs pour envoyer un email à l’aide du composant ActivityStarter :

Explication des blocs :

Bloc	Rôle
	Ce bloc définit ce qui se passe quand l'utilisateur clique sur le bouton "Envoyer". Il déclenche l’envoi de l’email à l’aide des données saisies par l’utilisateur.
	Ce bloc sert à configurer le composant ActivityStarter pour qu’il ouvre directement une application de messagerie dans une application mobile installée sur le téléphone.
	Ce bloc est utilisé pour construire dynamiquement une URI (Uniform Resource Identifier) qui permet d’ouvrir l'application de messagerie avec tous les champs pré-remplis automatiquement (adresse du destinataire, objet, message).
	Ce bloc sert à lancer une autre application sur l'appareil Android depuis ton application créée avec App Inventor, en utilisant les paramètres configurés dans ActivityStarter.