TD-1 : Squelette de l'application

Dans cette séance de travaux dirigés nous allons mettre en place les interfaces de la version Android d'une application de gestion de compte bancaire.   Dans ce TP, nous allons créer les interfaces d'enregistrement et de connexion. 

Etape 1 :Créer une application Android 

Créez un nouveau projet dans Android Studio

• Dans le menu de demarrage, choisir 'Start a new Android Studio Project' 

• Dans l'écran qui suit, definir le nom et le package de l'application, puis next

• L'ecran suivant vous invite à choisir les terminaux cibles et la version d'Android minimum pour executer votre application, on veut que l'application tourne sur tablet et smartphone; choisir la version la plus récente que vous avez, puis next 

• Selectionner une activité à générer, elle jouera le role d'activité principale pour l'instant, vous pourrez le changer à tout moment dans le manifest. Choisir un "blank activity" puis next 

• Donnez un nom à votre activité puis finish.  Remarquez la convention de nommage qui veut que toutes vos activités aient le suffixe Activity, le nom du layout et du menu sont proposés par rapport au nom de l'activité.  Vous etes encouragés à respecter cette convention pour une meilleur lisibilité de votre application. 

Etape 2 :Menu de l'application 

Modifiez le layout qui a été généré à la création de l'application pour qu'il ressemble à l'ecran ci-après. Sur cette figure, nous avons : une image (ImageView), deux champs de texte (TextView) et deux boutons (Button).  

Etape 2 - Ecran d'enregistrement

Cet écran doit présenter un formulaire d'enregistrement à l'utilisateur lui invitant à rentrer les informations qui lui permettront de créer son compte.  Les informations demandées sont* :

• Nom  (texte libre) 
• Prénom (Texte libre) 
• Sexe (une valeur entre Masculin et Féminin) 
• Téléphone (8 chiffres ) 
• Email (Format email obligatoire) 
• Mot de passe (texte libre)
• Confirmation mot de passe (identique à mot de passe)

 * Tous les champs sont obligatoires 

Etape 3 - Ecran de connexion

L'écran de connexion permet à un utilisateur de se connecter à l'application en utilisant ses identifiants (email+mot de passe).  L'interface doit ressembler au shema ci-dessous; 

Etape-4 : Menu de l'application 

Cet écran s'affiche après l'authentification de l'utilisateur.  Pour l'instant on y affichera un message de bienvenue avec le nom de l'utilisateur. 

Fin du TP 1