Cette leçon permet de visionner tous les tutoriels vidéo de Technovation sur le codage d'applications et la création de modèles d'IA en un seul endroit.
Cliquez sur un bouton ci-dessous pour consulter les didacticiels relatifs à ce sujet ou à cette plate-forme.
PLATEFORMES DE CODAGE
Cette vidéo donne un aperçu des options de langage de codage pour Technovation. Elle est un peu dépassée, car Technovation permet désormais d'utiliser n'importe quel langage de codage. Cependant, elle donne un bon aperçu d'App Inventor et de Thunkable et des caractéristiques de chaque plateforme.
TUTORIELS SCRATCH
Tutoriels Scratch
24:40
17:51
8:23
Jeu simple avec des sprites et un chronomètre.
Jeu animé avec Sprites
Comment trouver et corriger les erreurs dans Scratch ?
TUTORIELS APP INVENTOR
Ouvrez chaque onglet ci-dessous pour voir des tutoriels vidéo qui vous aideront à apprendre les différentes fonctionnalités qui pourraient vous aider à développer votre application.
Aperçu de la plate-forme
Ces vidéos donnent un aperçu général des deux fenêtres d'App Inventor : le concepteur et l'éditeur de blocs.
Aperçu de la plate-forme
11:13
5:03
Ce tutoriel fait partie d'une liste de lecture plus large pour créer un jeu, mais il montre certaines des fonctionnalités du Designer et la conception de l'interface utilisateur dans App Inventor. Si vous souhaitez utiliser le modèle de départ, voici le lien.
Tutoriels pour novices
Si vous êtes novice en matière de codage, voici quelques bons tutoriels d'introduction à essayer.
Apprendre App Inventor
8:57
9:36
Il s'agit d'une bonne introduction à l'utilisation d'App Inventor. Également connu sous le nom de tutoriel Soundboard, vous apprenez à créer une application simple dans laquelle l'utilisateur clique sur un bouton et un discours est joué. Vous pouvez télécharger le projet de départ ici et l'importer dans App Inventor (Dave vous montre comment faire dans la vidéo).
Quelques conseils pour déboguer votre code dans App Inventor
Application de connexion
De nombreuses applications permettent aux utilisateurs de se connecter à l'aide d'un nom d'utilisateur et d'un mot de passe. Vous pouvez ajouter cette fonctionnalité à n'importe quelle application en suivant les instructions de la vidéo.
Jeu avec images, boutons, horloge, score
Le jeu Recycle utilise de nombreux concepts simples, mais s'appuie sur eux pour construire un jeu relativement complexe. Vous apprendrez à utiliser une minuterie pour afficher des images, à détecter les clics sur les boutons et à ajouter et soustraire un score. Voici un lien vers le modèle de départ dans App Inventor.
Jeu du recyclage
15:23
5:03
3:01
4:20
6:10
4:35
8:12
Jeu animé
Ces vidéos vous montrent comment utiliser le Canvas et les ImageSprites pour créer un jeu animé.
Si vous voulez suivre le processus depuis le début, vous pouvez trouver les images utilisées dans l'application ici.
Si vous voulez sauter la première vidéo qui construit l'interface utilisateur, vous pouvez ouvrir le modèle qui contient l'interface utilisateur en cliquant ici.
Jeu animé
11:13
8:26
5:08
6:38
Carte, marqueurs, appels téléphoniques, WebViewer
Ces vidéos vous guident dans la création d'une application pour les bénévoles. Les tutoriels vous montrent comment ajouter une carte avec des marqueurs d'information dans votre application. Vous verrez également comment intégrer des appels téléphoniques dans votre application et comment afficher des sites web à l'aide du composant WebViewer.
Application pour les volontaires
9:53
14:05
Bon exemple d'utilisation du composant Map pour fournir aux utilisateurs des informations basées sur la localisation. Dans ce cas, il s'agit d'opportunités de bénévolat. L'application utilise également WebViewer pour afficher des informations sur le site web et PhoneCall pour permettre à l'utilisateur d'appeler des organisations bénévoles à partir de l'application.
Partie 1 de 2 vidéos - ajouter une carte, des marqueurs et des informations de base
Partie 2 sur 2 de Volunteer App - voir comment passer des appels téléphoniques et afficher des sites web dans une application
Stockage des données sur le téléphone
Les trois premières vidéos traitent de la création d'une application Green Tracker qui permet aux utilisateurs de suivre leur consommation d'énergie chaque jour. Les données sont stockées à l'aide de TinyDB sur l'appareil mobile de l'utilisateur.
La quatrième vidéo montre comment stocker les éléments d'une liste dans TinyDB.
Utiliser TinyDB pour stocker des données
15:53
8:06
4:27
38:27
Green Tracker Part 1 montre comment stocker les données de suivi sur votre téléphone avec le composant TinyDB.
Dans Green tracker Part 2, apprenez à ajouter un composant Horloge afin de savoir si un utilisateur est dans le vert pendant plusieurs jours consécutifs.
Dans la partie 3 de Green Tracker, utilisez la fonction Do It pour manipuler des valeurs variables dans votre application afin de tester la fonction de jours consécutifs.
Girls Code It a organisé des sessions de codage pour les participants à Technovation. Cette vidéo montre comment créer une simple liste de choses à faire et la stocker sur votre téléphone.
API
Les interfaces de programmation d'applications (API) sont très utiles pour les applications. Apprenez à connecter votre application à des sites web ou des serveurs externes pour envoyer et recevoir des données.
API
19:00
10:56
46:04
29:20
Stockage des données dans le nuage
Ce tutoriel montre comment connecter une feuille Google à votre application pour stocker les données du classement. Cliquez ici pour ouvrir le modèle de projet dans App Inventor.
Le tutoriel sur l'application Chat montre comment stocker les informations relatives au chat à l'aide de CloudDB.
Données du nuage
28:04
21:12
Ce tutoriel montre comment connecter une feuille Google à votre application pour stocker les données du classement. Cliquez ici pour ouvrir le modèle de projet dans App Inventor.
TUTORIELS À BASE D'ÉLÉMENTS DÉTACHABLES
Ouvrez chaque onglet ci-dessous pour voir des tutoriels vidéo qui vous aideront à apprendre les différentes fonctionnalités qui pourraient vous aider à développer votre application.
Aperçu de la plate-forme
Cette vidéo donne un aperçu général de la plateforme Thunkable.
Tutoriels pour novices
Si vous êtes novice en matière de codage, voici quelques bons tutoriels d'introduction à essayer.
Apprendre Thunkable
13:25
9:15
Il s'agit d'une bonne introduction à l'utilisation de Thunkable. Aussi connu sous le nom de Soundboard tutorial, vous apprenez à faire une application simple où l'utilisateur clique sur un bouton et où un discours est joué. Cliquez ici et suivez les liens pour I have a dream afin de télécharger les ressources nécessaires à la réalisation de l'application.
Quelques conseils pour déboguer votre code dans Thunkable
Application de connexion
De nombreuses applications permettent aux utilisateurs de se connecter à l'aide d'un nom d'utilisateur et d'un mot de passe. Vous pouvez ajouter cette fonctionnalité à n'importe quelle application en suivant les instructions de la vidéo.
Carte, marqueurs, appels téléphoniques, WebViewer
Ces vidéos vous guident dans la création d'une application pour les bénévoles. Les tutoriels vous montrent comment ajouter une carte avec des marqueurs d'information dans votre application. Vous verrez également comment intégrer des appels téléphoniques dans votre application et comment afficher des sites web à l'aide du composant WebViewer.
Application pour les volontaires
9:31
10:51
Bon exemple d'utilisation du composant Map pour fournir aux utilisateurs des informations basées sur la localisation. Dans ce cas, il s'agit d'opportunités de bénévolat. L'application utilise également WebViewer pour afficher des informations sur le site web et PhoneCall pour permettre à l'utilisateur d'appeler des organisations bénévoles à partir de l'application.
Partie 1 de 2 vidéos - ajouter une carte, des marqueurs et des informations de base
Partie 2 sur 2 de Volunteer App - voir comment passer des appels téléphoniques et afficher des sites web dans une application
Stockage des données sur le téléphone
Les 3 vidéos couvrent la création d'une application Green Tracker qui permet aux utilisateurs de suivre l'évolution de leur consommation d'énergie chaque jour. Les données sont stockées à l'aide de variables stockées, de sorte qu'elles sont sauvegardées sur l'appareil mobile de l'utilisateur.
Utiliser TinyDB pour stocker des données
13:13
14:00
8:14
Green Tracker Part 1 montre comment stocker les données de suivi sur votre téléphone avec le composant TinyDB.
Dans la partie 2 de Green Tracker, apprenez à utiliser les informations sur les appareils afin de savoir si un utilisateur est dans le vert pendant plusieurs jours consécutifs.
Dans la partie 3 de Green Tracker, créez un bouton temporaire pour manipuler des valeurs variables dans votre application afin de tester la fonction de jours consécutifs.
API
Les interfaces de programmation d'applications (API) sont très utiles pour les applications. Apprenez à connecter votre application à des sites web ou des serveurs externes pour envoyer et recevoir des données.
API
5:51
4:35
10:53
Stockage des données dans le nuage
Ce tutoriel montre comment connecter une feuille Google à votre application pour stocker les données du classement. Cliquez ici pour ouvrir le modèle de projet dans Thunkable.
La deuxième vidéo vous montre comment créer une application qui lit des vidéos. Les informations sur les vidéos sont stockées dans une feuille Google.
La troisième vidéo est une autre application basée sur le climat qui montre comment afficher les informations du classement à partir d'une feuille Google. Le modèle de projet de démarrage est disponible ici.
La quatrième vidéo est un autre exemple d'une ancienne élève qui utilise une feuille Google pour stocker des informations sur l'application. Voici un lien vers le projet de départ.
Données du nuage
18:16
10:07
21:36
30:40
Ce tutoriel montre comment connecter une feuille Google à votre application pour stocker les données du classement. Cliquez ici pour ouvrir le modèle de projet dans Thunkable.
Ana vous montre comment créer une application comme son Option Une application de consommation responsable qui lit des vidéos. Les informations sur les vidéos sont stockées dans une feuille Google.
Voir comment afficher les informations du classement à partir d'une feuille de calcul Google. Le modèle de projet de démarrage est disponible ici.
L'application Neki Nature d'Avril est une application d'éducation à la nature. Les informations sur les animaux sont stockées dans une feuille Google. Voici un lien vers le modèle de projet de démarrage.
TUTORIELS SUR L'INTELLIGENCE ARTIFICIELLE
Formation d'un modèle d'IA -> Scratch
Cette série montre comment former un modèle à l'aide de Machine Learning for Kids. Le modèle obtenu est ensuite utilisé dans un projet Scratch.
Notez que les projets Scratch ne sont possibles que pour la division débutante.
Tutoriels sur l'IA
12:29
8:12
8:45
Make Me Happy utilise Machine Learning for Kids pour créer un modèle d'apprentissage automatique permettant de détecter un texte joyeux ou triste. Le tutoriel en trois parties utilise le modèle dans un projet Scratch.
Modèle sonore -> Scratch
Cet exemple utilise un modèle de détection de sons (claquement, clap ou sifflement) formé avec Teachable Machine pour être ensuite utilisé dans un projet Scratch. Voici un lien vers les instructions de fabrication du modèle.
Notez que les projets Scratch ne sont possibles que pour la division débutante.
Formation d'un modèle de jeu de données public à utiliser dans App Inventor
Cette série montre comment prendre un ensemble de données publiques d'images sur le web, l'entraîner en utilisant le classificateur d'images d'App Inventor, puis ajouter le modèle à une application mobile avec App Inventor.
Ensemble de données d'images et App Inventor
8:19
5:00
7:28
Modèle ML avec Teachable Machine -> App Inventor
Ces vidéos montrent comment créer une application simple de type Pierre, Papier, Ciseaux qui utilise l'intelligence artificielle pour déterminer le jeu de l'utilisateur. Vous apprenez à former un modèle d'apprentissage automatique à l'aide d'images dans Teachable Machine. Le modèle est ensuite intégré à App Inventor pour être utilisé dans une application mobile.
Liste de lecture
7:00
31:47
Modèle ML avec Ximilar -> Thunkable
Pratham Goradia montre comment utiliser la plateforme Ximilar pour entraîner un modèle avec des images de récifs coralliens. Le modèle est ensuite utilisé dans une application Thunkable à l'aide du composant Web API.
Détecter une marque de vêtements avec l'IA dans App Inventor
Utilisez les API et la technologie de vision par ordinateur pour détecter les noms de marque sur les étiquettes de vêtements. Utilisez ensuite WebView pour obtenir l'évaluation de la durabilité de la marque.
Utiliser un chatbot pour rendre l'information plus accessible (App Inventor)
Utilisez des API pour obtenir des informations sur les espèces menacées à partir du site Web de la liste rouge de l'UICN. Utilisez ensuite un Chatbot pour reformuler les informations afin de les rendre plus accessibles aux jeunes.
Modèle ML de prédiction de l'AVC avec Jupyter Notebook et Streamlit
Ces vidéos (également dans la section Tutoriel pour les applications Web ci-dessous) montrent comment construire un modèle d'apprentissage automatique en utilisant Python dans un carnet Jupyter, puis comment utiliser ce modèle dans une application Web construite à l'aide de Streamlit.
L'IA dans les applications Web Playlist
32:51
18:13
Modèle ML de la qualité de l'eau des lacs avec Jupyter Notebook & Streamlit
Ces vidéos (également dans la section Tutoriel pour les applications Web ci-dessous) montrent comment construire un modèle d'apprentissage automatique en utilisant Python dans un carnet Jupyter, puis comment utiliser ce modèle dans une application Web construite à l'aide de Streamlit.
Modèle ML de qualité de l'eau
23:50
15:36
Chatbot du tuteur personnel (App Inventor)
TUTORIELS D'APPLICATIONS WEB
Python et Streamlit codés sur votre ordinateur (plusieurs vidéos)
Si vous devez coder une application web, le programme vous propose deux options : installer un logiciel gratuit et coder localement sur votre propre ordinateur, ou coder en utilisant des plateformes en ligne dans un navigateur web.
Ces vidéos sont pour l'option locale, codage sur votre ordinateur.
Coder avec Python et Streamlit
3:48
6:41
13:36
33:09
20:14
32:51
18:13
Si ce n'est pas déjà fait, vous devez installer Python sur votre machine. Voici les instructions.
Pour l'application "soundboard", vous aurez besoin de fichiers sonores et d'images. Voici un lien pour télécharger ces fichiers.
Vous pouvez télécharger le fichier Jupyter Notebook utilisé dans la vidéo ici. Ceci est la première partie de la construction d'un tableau de bord de données avec Streamlit.
Voici la deuxième partie du tableau de bord.
Vous utiliserez un carnet Jupyter pour explorer un ensemble de données et construire un modèle d'apprentissage automatique. Voici un lien vers le notebook utilisé dans la vidéo.
Voici la deuxième partie de la création d'une application de prédiction d'accident vasculaire cérébral (AVC) à l'aide de Streamlit.
Python et Streamlit codés dans votre navigateur (plusieurs vidéos)
Si vous devez coder une application web, le programme vous propose deux options : installer un logiciel gratuit et coder localement sur votre propre ordinateur, ou coder en utilisant des plateformes en ligne dans un navigateur web.
Ces vidéos sont destinées à l'option en ligne, qui consiste à tout coder dans un navigateur web.
