TP : Travaux Pratiques - IA Embarquée & Ionic/Angular
Cette série de TPs vise à intégrer des fonctionnalités d’Intelligence Artificielle directement sur le terminal mobile (Inférence locale) en utilisant le framework Ionic et Angular.
TP 1 : Reconnaissance d’Images avec TensorFlow Lite
Objectif : Créer une application capable de classifier des objets en temps réel via la caméra sans connexion internet.
- Installation du plugin Capacitor pour TensorFlow Lite.
- Chargement d’un modèle pré-entraîné (ex: MobileNetV2).
- Affichage du flux vidéo dans un composant Angular et superposition des labels de classification.
TP 2 : Analyse de Sentiment “On-Device”
Objectif : Utiliser une bibliothèque de Natural Language Processing (NLP) pour analyser le ton d’un message saisi dans un formulaire Ionic.
- Utilisation du formulaire Ionic présenté en cours (Page 32).
- Intégration d’un modèle local (ex: MediaPipe Text Classification) pour détecter si le commentaire est “Positif” ou “Négatif”.
- Changement dynamique de la couleur de l’interface (
ion-toolbar) en fonction du sentiment détecté.
TP 3 : Authentification par Reconnaissance Faciale
Objectif : Sécuriser l’accès à une page de l’application via la biométrie faciale.
- Utilisation de la bibliothèque
face-api.jsou d’un plugin Capacitor ML Kit. - Capture de l’image de l’utilisateur lors du “Submit” du formulaire Ionic.
- Comparaison locale avec une image de référence stockée dans le
SecureStoragedu téléphone.
TP 4 : Commande Vocale pour Formulaires Mobiles
Objectif : Remplir automatiquement un formulaire Ionic par la voix (Accessibilité).
- Intégration de l’API Web Speech (Speech Recognition) dans un composant Angular Standalone.
- Mapping des mots-clés vocaux vers les champs du formulaire (
nom,prenom,email). - Feedback visuel lors de la détection d’un champ via l’IA de reconnaissance vocale.
TP 5 : Détection et Scan d’Objets Intelligents
Objectif : Scanner des codes-barres ou des QR codes de manière intelligente (gestion de l’autofocus et des basses lumières via IA).
- Installation de
@capacitor-mlkit/barcode-scanning. - Création d’une page de scan avec un overlay personnalisé.
- Traitement des données scannées pour pré-remplir un catalogue de produits local.
Prêt à passer à la suite ?
Vous avez terminé cette leçon sur TP : Travaux Pratiques - IA Embarquée & Ionic/Angular. Continuez votre apprentissage avec la prochaine leçon ou explorez d'autres formations.