- En savoir plus sur les applications web et leurs différences par rapport aux applications mobiles
- Découvrir les différentes options de codage et de création d'applications web
- Installer les logiciels nécessaires à la création d'une application web
Voici les activités de cette leçon :
APPS WEB
Pour votre projet Technovation, vous avez la possibilité de créer une application mobile ou une application web.
Pour les participants qui ont déjà participé à Technovation et qui sont à la recherche d'un nouveau défi, ou pour les nouveaux participants qui ont déjà une expérience du codage, vous pouvez envisager de créer une application web pour votre projet Technovation.
De nombreux participants opteront pour la création d'une application mobile, à l'aide de l'un des outils de création d'applications que nous proposons, App Inventor ou Thunkable. Si vous êtes novice en matière de codage ou si vous savez que vous voulez utiliser App Inventor ou Thunkable pour coder votre application, vous pouvez sauter cette leçon !
La création d'une application web implique un codage basé sur du texte et est plus avancée que le codage basé sur des blocs avec App Inventor ou Thunkable.
Commençons par examiner la différence entre les applications mobiles, les applications web et les applications web progressives.
Application mobile
- un programme qui fonctionne en mode natif sur le téléphone
- téléchargée et installée sur l'appareil
- peut accéder aux fonctions du téléphone, telles que le GPS et l'appareil photo
- spécifiques à une plateforme (iOS ou Android)
- codés avec des langages particuliers pour correspondre au système d'exploitation
Application Web
- ressemble beaucoup à une application mobile
- fonctionne dans un navigateur internet
- ne sont pas natifs d'un appareil particulier (iOS ou Android)
- est généralement codé avec HTML, CSS, Javascript et Python
- ne peut pas être exécuté lorsqu'il est hors ligne
Application Web progressive
- type particulier d'application web qui est un hybride entre une application mobile et une application web
- fonctionne dans un navigateur
- peut également être installée sur l'appareil mobile comme une application mobile classique
- peut fonctionner même lorsque l'utilisateur n'est pas en ligne
Notez qu'une application web diffère d'un site web. Un site web est statique, codé à l'aide de HTML et de CSS. Les applications web sont dynamiques et évoluent en fonction des données fournies par l'utilisateur et d'autres interactions externes. Pour votre projet Technovation, un site web n'est pas acceptable.
Nous allons explorer quelques options pour débutants afin de créer des applications web.
L'une des grandes différences par rapport aux plateformes de création d'applications que nous couvrons pour les applications mobiles est que vous créerez une application web en utilisant un langage de programmation textuel au lieu d'un langage basé sur des blocs.
Deux langages principaux sont utilisés pour créer des applications web.
JAVASCRIPT
Javascript, ou JSest un langage de script. Cela signifie que le code est exécuté au moment de l'exécution, au lieu d'être compilé, comme dans le cas d'une application mobile. C'est comme si un acteur exécutait son script à chaque fois que le spectacle se déroule.
Javascript est souvent combiné avec HTML et CSS pour créer des sites web. HTML et CSS sont utilisés pour créer des sites web statiques, qui peuvent présenter des informations mais ne changent pas. Javascript ajoute de l'interactivité et la possibilité pour le site web de changer et de se mettre à jour en fonction de facteurs externes. Un site web dynamique et interactif est essentiellement une application web.
PYTHON
Python est un langage de programmation polyvalent très populaire. Python est à la fois un langage de programmation et un langage de script, ce qui signifie qu'il peut être compilé pour être exécuté, mais aussi qu'il peut être exécuté au moment de l'exécution.
Il est considéré comme un langage simple et polyvalent, accessible aux nouveaux codeurs. Il est utilisé dans de nombreux aspects du développement de logiciels. L'un d'entre eux est le développement web. L'apprentissage automatique en est un autre. Python est donc une excellente option pour apprendre et développer des applications web d'IA plus avancées.
Dans ce programme, nous nous concentrerons sur la création d'applications web avec Python. Pour créer facilement une application web avec Python, nous utiliserons un framework appelé Streamlit. Streamlit vous permet de créer des applications web puissantes et interactives avec peu de code. Il est spécialisé dans les applications impliquant des données et vous permet d'utiliser facilement les bibliothèques d'apprentissage automatique de Python pour incorporer l'IA dans vos applications.
En voici les principales caractéristiques.
- Une bonne option pour les personnes qui ont beaucoup d'expérience en matière de codage basé sur des blocs et qui recherchent un nouveau défi.
- Bon pour les personnes qui ont déjà fait du codage en mode texte
- Langue très polyvalente et largement utilisée
- Vous devez installer un logiciel sur votre ordinateur
- Python et bibliothèques associées
- Un éditeur de code
- Streamlit a l'option de fonctionner dans le navigateur, en utilisant Github
- Nous n'aborderons pas cette option dans le cadre de ce programme d'études.
- Vous pouvez utiliser l'IA avec elle
- Langage le plus populaire pour la construction et l'utilisation de modèles d'apprentissage automatique
- Nous utiliserons les blocs-notes Jupyter dans ce programme pour la construction de modèles.
POUR COMMENCER
Pour coder des applications web pour votre projet Technovation, vous aurez besoin de.. :
- un ordinateur ou un ordinateur portable
- Accès à l'internet
Vous devez être assez à l'aise avec la fenêtre Terminal sur Mac ou Linux et avec Terminal ou l'invite de commande sur Windows. Si vous n'avez pas d'expérience, ou si vous ne savez même pas ce qu'est la fenêtre Terminal, regardez ces vidéos pour débutants avant de passer à l'activité.
Regardez la vidéo appropriée pour votre système d'exploitation.
Nous allons aborder deux options pour développer des applications web. Vous pouvez soit coder sur votre ordinateur ou votre portable, soit tout coder dans le nuage. Vous pouvez choisir l'une ou l'autre option, mais il est recommandé d'en choisir une et de vous y tenir tout au long de votre projet Technovation. Savoir utiliser les commandes de terminal ci-dessus s'avère utile dans les deux cas.
Voici quelques avantages et inconvénients pour chacun d'entre eux.
SUR VOTRE ORDINATEUR
AVANTAGES :
- Les fichiers sont enregistrés sur votre ordinateur
- Apprendre à utiliser Visual Studio Code, un IDE très populaire
- Vous apprendrez beaucoup sur l'utilisation de la fenêtre du terminal, l'installation de paquets, etc.
- Contrôle total et choix du logiciel utilisé
- Peut coder sans avoir besoin d'un accès permanent à l'internet
CONS :
- Pas facile de partager des fichiers et du code avec votre équipe
- L'installation des paquets peut être très frustrante et peut prendre beaucoup de temps.
- Risque de perte de fichiers en cas de panne de l'ordinateur
DANS LE CLOUD
AVANTAGES :
- Les fichiers sont stockés dans le nuage
- Pas besoin d'installer quoi que ce soit sur votre ordinateur
- Lien automatique vers Github à des fins de portfolio
- Facile à partager et à coder en équipe
CONS :
- Ne pas avoir l'expérience de l'utilisation d'un logiciel au niveau local
- Dépendance à l'égard d'une connexion internet
Choisissez l'activité A ou l'activité B, selon que vous souhaitez coder localement sur votre ordinateur ou coder dans le nuage.
ACTIVITÉ A : DÉMARRER AVEC PYTHON SUR VOTRE ORDINATEUR
INSTALLER LE LOGICIEL ET CODER L'APPLICATION DE DÉMARRAGE
- Étape 1 : Installer Python. Voici une bonne série d'instructions pour Windows, Mac ou Linux.
- Étape 2 : Installer un éditeur de code et Streamlit. Cette vidéo vous montre comment installer Visual Studio Code, puis Streamlit pour l'exécuter à partir de l'éditeur de code.
- Étape 3 : Exécutez une application web Streamlit très simple dans l'environnement VS Code en suivant cette vidéo.
- Pour fêter l'événement, faites une capture d'écran de votre première application web et envoyez-la avec une note à votre mentor !
ACTIVITÉ B : DÉMARRER AVEC PYTHON DANS LE NUAGE
CRÉER DES COMPTES ET CODER UNE APPLICATION
RÉVISION DES TERMES CLÉS
- Application Web - application qui ressemble à une application mobile mais qui fonctionne dans un navigateur Internet et qui est codée en utilisant HTML, CSS et Javascript ou Python.
RÉFLEXION
Félicitations pour votre essai de codage textuel ! Voici quelques questions de réflexion à poser à votre équipe et à votre mentor.
RESSOURCES SUPPLÉMENTAIRES
Vous devrez vous référer à la documentation et à l'assistance pour vous aider à travailler avec Python et Streamlit. Vous trouverez ci-dessous quelques bonnes adresses pour commencer.
- Le guide du débutant de Python.org contient de bons liens pour en apprendre davantage sur Python.
- Galerie d'applications de Streamlit
- La playlist complète du cours Streamlit de Nileg Production
