• 20 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 28/11/2019

Entraînez-vous à dynamiser votre application

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

À vous de jouer

Vous allez enrichir l'application que vous avez créée dans l'activité précédente.

Voici les fonctionnalités que vous allez ajouter :

  • L'utilisateur devra être authentifié pour accéder à l'application.

  • L'utilisateur pourra également se déconnecter de l'application.

  • L'utilisateur pourra ajouter le nom de la personne qui emprunte l'élément, quand il choisit de le prêter. Le nom apparaîtra également dans page de liste correspondante et sera supprimé quand l'élément est rendu.

  • Toutes les données seront récupérées et sauvegardées automatiquement dans l'appareil, avec la possibilité de les sauvegarder et les récupérer depuis un backend.

L'authentification et la base de données seront intégrées avec Firebase et la sauvegarde des données dans l'appareil avec ionic-storage. L'ajout du nom de la personne qui a emprunté l'élément se fera par formulaire, au choix réactif ou template. Dans tous les cas, le champ de nom sera requis au moment de prêter un élément.  Vous ajouterez un bouton de validation aux pages de prêt qui permettra d'enregistrer l'état de l'élément sélectionné et qui fermera le modal (si ce n'était pas déjà le cas).

Structure de l'application

Votre application devra présenter la structure suivante :

  • Vous ajouterez :

Soit une page pour l'inscription d'un nouvel utilisateur et une page pour la connexion d'un utilisateur existant.
Soit une seule page pour gérer l'authentification avec un paramètre "mode" qui lui sera passé au moment de la navigation.

  • L'ajout du nom de la personne, à qui l'élément est prêté, se fera dans le Modal LendBook ou LendCd.

  • Les List View seront modifiés pour afficher le nom de la personne qui a emprunté l'élément, uniquement si l'élément est prêté.

  • L'authentification sera gérée par un service AuthService.

  • La gestion des données se fera dans le service existant.

  • La sauvegarde et la récupération des données du backend se fera depuis la page de réglages.

  • La sauvegarde des données dans le device se fera automatiquement à chaque modification (y compris la récupération depuis le serveur).

  • La récupération des données du device se fera automatiquement au démarrage de l'application.

Vérifiez-bien que vous avez les éléments suivants :

  • le projet Firebase est configuré dans AppComponent, à l'intérieur du platform.ready.then ;

  • l'application utilise les bonnes méthodes d'authentification Firebase et l'utilisateur est redirigé correctement ;

  • si l'utilisateur est déconnecté, il ne peut accéder qu'aux pages d'inscription et de connexion. S'il est connecté, il a accès à l'application et à la déconnexion ;

  • le formulaire est intégré en template ou en réactif en suivant les bonnes pratiques ;

  • les méthodes sont asynchrones, prennent en compte les potentielles erreurs, et utilisent correctement un élément comme LoadingController et/ou ToastController pour la confirmation visuelle ;

Exemple de certificat de réussite
Exemple de certificat de réussite