- Apprendre à connaître les différents constructeurs d'applications et les langages de programmation
- Se préparer à utiliser un app builder pour créer une application mobile
CRÉATION D'UNE APPLICATION MOBILE
Pour votre projet Technovation, vous allez construire une application qui peut fonctionner sur un appareil mobile. Les applications Web sont une option, mais elles sont suggérées aux participants qui ont une certaine expérience du codage et qui sont à la recherche d'un défi.
Ici, nous allons commencer à explorer la construction d'une application mobile en utilisant le codage par blocs. Si vous êtes novice en matière de codage, c'est ici qu'il faut commencer !
Pour créer une application mobile, vous utiliserez un App Builder. Les App Builders sont également appelés plateformes de codage.
Les plateformes de codage sont des logiciels qui s'exécutent sur votre ordinateur, comme Android Studio, ou sur des sites web en ligne, comme MIT App Inventor. Elles vous permettent d'écrire du code, que ce soit à l'aide de blocs, comme App Inventor, ou de texte, comme Android Studio. Votre code est compiléou transformé en code machine, quelque chose que les ordinateurs (et les téléphones portables) comprennent. Une fois converti en code machine, l'ordinateur ou le téléphone peut exécuter le code pour suivre vos instructions.
CONSTRUCTEURS D'APPLICATIONS
Constructeurs d'applications disposent généralement d'une interface "glisser-déposer" qui vous permet de créer des applications en utilisant des blocs au lieu de taper du code. Même si le code semble simple dans les app builders, vous apprendrez toujours des concepts de codage utiles.
Si vous êtes novice en matière de codage, nous vous recommandons d'utiliser l'un ou l'autre des outils suivants App Inventor ou Thunkable pour votre langage de programmation. Vous n'êtes pas obligé d'utiliser ces plateformes pour votre projet, mais ce sont celles que nous prendrons en charge dans le cadre de ce programme d'études.
MIT App Inventor
Thunkable
Pour choisir entre App Inventor et Thunkable, vous devez vous baser sur la plateforme qui prend le mieux en charge les fonctionnalités que vous souhaitez inclure dans votre application. Le tableau suivant vous aidera à faire votre choix.
| Fonctionnalité | App Inventor | Thunkable |
|---|---|---|
| Peut exécuter et tester le projet sur iOS et Android | Oui | Oui |
| Source ouverte* | Oui | Non |
| Gratuit | Oui | Gratuit avec des limites, maximum 3 projets, chacun avec 5 écrans, tous sont publics |
| Disponible dans de nombreuses langues autres que l'anglais | Oui | Non |
| Galerie d'exemples de projets | Avec le téléphone par wifi, ou avec l'émulateur | Aperçu intégré dans le navigateur (plus facile à tester), ou avec le téléphone |
| Test en direct | Oui | Oui |
| Créer une application à installer sur le téléphone ou à télécharger sur l'App/Play Store | Android uniquement | Limité à 2 téléchargements par mois |
| Interface utilisateur | De base | Plus d'options et de contrôle |
| Cartes | Plus d'options et de contrôle | De base |
| Sprites et animations pour les jeux | Plus facile à utiliser | Fonctionne mais est plus compliqué |
| Stockage de données sur un appareil mobile | TinyDB (paires étiquette/valeur) | Variables stockées |
| Stockage et partage de données dans le nuage | CloudDB, Firebase, Google Sheets | Airtable, Firebase, Google Sheets, Media DB (beaucoup plus d'options, plus faciles à mettre en œuvre) |
| Intelligence artificielle | Classificateur d'images personnelles, Classificateur audio personnel, Face Mesh, Posenet (beaucoup plus d'options) | Reconnaissance d'images (classificateur d'images Microsoft prédéfini) |
| IA générative | ChatGPT, Dall-E | ChatGPT, Dall-E |
| Science des données/Charts | Composant graphique intégré, modèles de régression | Utiliser une API externe |
* Qu'est-ce que l'Open Source ?
Open source signifie que tout le code utilisé pour créer l'app builder est libre et ouvert à l'utilisation sur le web. Cela peut être important pour vous si vous craignez de perdre votre travail si un constructeur d'applications cesse d'être pris en charge ou fait faillite. Cela peut également être important pour vous si vous souhaitez trouver une solution pour utiliser un constructeur d'applications hors ligne.
Notez qu'à partir de la mi-octobre 2024, Thunkable limite son plan gratuit à 3 projets. Chaque projet est limité à 5 écrans. Si vous pensez que votre application est plus complexe que 5 écrans, vous devriez envisager d'utiliser App Inventor pour coder votre application. Il est également possible que vous perdiez l'accès à vos projets Thunkable à l'avenir, selon que Thunkable continue ou non à réduire ses offres gratuites.
AUTRES OPTIONS LINGUISTIQUES
Il existe de nombreux autres langages de programmation que vous pouvez utiliser pour créer des applications en dehors d'App Inventor et de Thunkable, principalement basés sur le texte.
Vous trouverez ci-dessous les quatre principaux langages autres qu'App Inventor ou Thunkable que les participants à Technovation ont utilisés la saison dernière. Vous n'êtes pas limité à ces langages et pouvez utiliser n'importe quel langage de programmation avec lequel vous êtes à l'aise. Vous devrez fournir les fichiers du code source avec votre soumission.
| Langage de programmation | Créer des applications pour | Plate-forme de codage | Ressources de départ |
|---|---|---|---|
| Java | Android | Android Studio | |
| Swift | iOS | XCode | |
| Dart (SDK Flutter) | Android/iOS | Android Studio | |
| Streamlt (Python) | Applications web (tout navigateur) | Anaconda (Windows) ou tout autre éditeur de texte/IDE |
Vous n'êtes pas sûr de la plateforme de codage ou du langage à utiliser ? Écoutez ces anciens élèves de Technovation parler de la plateforme de codage qu'ils ont choisie et des raisons qui les ont poussés à le faire.
Conseil du mentor
Meilleures pratiques : Consultez la liste de lecture de Technovation sur YouTube et regardez-en quelques-unes avec votre équipe pour comprendre le fonctionnement de chacune d'entre elles et prendre votre décision.
Conseils d'anciens participants :
- Thunkable dispose d'une interface propre, d'une compatibilité innée avec iOS, et de fonctionnalités que d'autres créateurs d'applications n'ont pas forcément.
- App Inventor est fiable et de nombreux participants ont une certaine familiarité avec l'outil.
- Swift et Java peuvent être intéressants pour les étudiants en reprise d'études qui souhaitent se remettre en question ou explorer de nouvelles fonctionnalités.
- D'autres langages de programmation sont également excellents.
Les conseils des mentors sont fournis grâce au soutien de l'AmeriCorps.
POUR COMMENCER
Pour coder des applications mobiles dans le cadre de votre projet Technovation, vous aurez besoin des éléments suivants
- un ordinateur ou un ordinateur portable
- Accès à l'internet
- L'utilisation d'un appareil mobile est facultative mais fortement recommandée pour les tests. Les appareils Android et iOS peuvent être utilisés.
ACTIVITÉ 1 : MISE EN PLACE DE LA PLATEFORME DE CODAGE
Durée estimée : 30 minutes
Si vous utilisez autre chose que Thunkable ou App Inventor, profitez-en pour télécharger tous les logiciels nécessaires à la configuration de votre ordinateur en suivant les liens ci-dessus et les instructions d'installation.
Pour les codeurs Thunkable et App Inventor, cliquez sur l'onglet approprié ci-dessous et suivez les instructions pour configurer votre poste de travail afin de commencer à coder ! N'hésitez pas à essayer les deux plateformes pour voir si elles vous conviennent.
- Dans votre navigateur, visitez http://ai2.appinventor.mit.edu. Créez un compte Gmail. Si vous n'avez pas de compte Gmail, créez-en un dès maintenant.
- Une fois que vous vous êtes connecté et que l'écran de démarrage s'affiche, cliquez sur Continuer.
- Cliquez sur Démarrer un projet vierge pour ouvrir un nouveau projet.
- Prenez le temps de regarder autour de la plate-forme.
Vous devrez tester votre application au fur et à mesure que vous la construisez pour vous assurer qu'elle fonctionne correctement. Il existe de nombreuses options que vous trouverez ici.
Partie 1 : S'inscrire
Dans votre navigateur, visitez la page page d'inscription de Thunkable pour vous inscrire à un compte gratuit.
Partie 2 : Mise en place et test
Vous pouvez tester votre application dans Thunkable directement dans le navigateur en utilisant Web Preview. À un moment donné, vous voudrez tester votre application sur votre appareil mobile. Pour cela, il vous faudra installer l'application Thunkable Live sur votre appareil.
ACTIVITÉ 2 : CODER VOTRE PREMIÈRE APPLICATION
Durée estimée : 30 minutes
Maintenant que vous avez configuré votre ordinateur et votre appareil mobile pour votre constructeur d'applications, nous allons nous lancer dans un tutoriel de démarrage !
Cliquez sur l'onglet ci-dessous correspondant à la plateforme de codage choisie et suivez les instructions.
Instructions :
Créez l'application Parlez-moi. Cliquez ici pour suivre un tutoriel écrit dans la plateforme App Inventor.
Si vous préférez la vidéo, suivez ce tutoriel :
Instructions :
Créez l'application Parle-moi en suivant ce tutoriel vidéo de Dave Wolber.
VOUS EN VOULEZ PLUS ?
Si vous avez le temps, essayez un autre tutoriel sur la plateforme de codage que vous avez choisie :
RÉVISION DES TERMES CLÉS
- Bâtisseur d'applications - programme qui possède généralement une interface de type "glisser-déposer" et qui vous permet de créer des applications sans avoir à taper de code.
- Langage de programmation - une façon de parler à un ordinateur ou à un téléphone portable pour lui demander de faire des choses
- Plate-forme de codage - programme ou site web qui permet d'écrire des programmes ou des applications
- Compiler - Convertir un code informatique en un code machine compréhensible par un ordinateur.
RÉFLEXION
Félicitations pour votre première application ! Voici quelques questions de réflexion que vous pourrez poser à votre équipe et à votre mentor.
