Vittascience - Découverte de l'interface

Astuces

Projet

:

Sur le site de Vittascience®, tu disposes entre autres d'une plateforme de programmation qui est accessible sur tous les types d'appareils connectés à Internet : smartphones, tablettes, ordinateurs.Toutefois, un grand écran permettra un grand confort d'utilisation.

Découverte de l'interface

Matériels

Clique sur le clavier pour la découvrir.

tu peux accéder directement au site en cliquant sur le logo en haut à gauche.

Elle permet de programmer par blocsles cartes électroniques : Arduino et Micro:bitet aussi de programmer en langage Python.

Ce document a été créé parO. DEMIRASLAN. @technomerMX Pour pouvoir me contacter,voici le formulaire

Les notions informatiques abordées à cette étape sont :

• la séquentialité : Ce principe signifie qu’une instruction doit être terminée pour que la suivante commence.
• la répétition indéfinie : Elle s'effectue par la mise en place des actions dans une boucle « toujours » ou « répéter indéfiniment ».

Projet

:

Descriptif

Découverte de l'interface

VotrecompteVittascience

Votre compte Vittascience® Découvre comment créer son compte Vittascience puis comment y accéder. Clique pour cela sur le marqueur de gauche.

Lesprincipales zones

Les principales zones L'interface se compose de cinq grandes zones. Découvre-les pour mieux te repérer. Clique pour cela sur le marqueur de gauche.

Lesprincipaux boutons

Les principaux boutons Chaque zone dispose de nombreux boutons. Découvre leurs utilités. Clique pour cela sur le marqueur de gauche.

Exporterdesdonnées

Exporter des données Découvre comment récupérer les données de ta carte Micro:bit. Clique pour cela sur le marqueur de gauche.

Connectersa carteMicro:bit

Connecter sa carte Micro:bit Découvre comment connecter ta carte Micro:bit avec l'interface. Clique pour cela sur le marqueur de gauche.

Simulersonprogramme

Simuler son programme Découvre comment utiliser le simulateur de l'interface. Clique pour cela sur le marqueur de gauche.

Avant tout, je te conseille de te créer un compte gratuit.Celui-ci n’est en aucun cas nécessaire pour en profiter. Mais il te permettra de sauvegarder et partager tes projets, tes ressources et faire des retours d’expériences.Déplace ton curseur sur l'icone du portrait blanc sur fond vert

Clique sur l'icone du portrait blanc sur fond vert pour continuer.

Tu veux savoir comment créer ton compte,clique sur le bouton « S'inscrire ».

Maintenant que tu sais comment faire.Continuons la découverte du site.Clique sur l'image.

Tu devras compléter le formulaire et cliquer sur le bouton « Confirmer ».Il faudra ensuite aller dans ta messageriepour lire le mél de confirmation.

Tu veux savoir comment accéder à ton compte,clique sur le bouton « Se connecter »

Tu devras compléter les rubriques « Adresse mail » puis « Mot de passe » avec les informationsque tu as déclaré dans ton compte. Ensuite, tu cliqueras surle bouton « Se connecter ».

Clique sur mon avatar pour continuer.

Tout comme moi, si tu souhaites personnaliser ton compte en mettant un avatar, il faudra cliquer sur le bouton « Mon compte »Lorsque tu auras fini, clique sur le bouton « Se déconnecter ».

Ce document a été créé parO. DEMIRASLAN. @technomerMX Pour pouvoir me contacter,voici le formulaire

En plaçant ton curseur de sourissur chaque texte, tu aurasle titre du sprint et son descriptif rapide. En cliquant (bouton gauche de la souris)sur chaque point, tu accèderas au sprint concerné.

Projet

:

Découverte de l'interface

Descriptif

VotrecompteVittascience

Votre compte Vittascience® Découvre comment créer son compte Vittascience puis comment y accéder. Clique pour cela sur le marqueur de gauche.

Lesprincipales zones

Les principales zones L'interface se compose de cinq grandes zones. Découvre-les pour mieux te repérer. Clique pour cela sur le marqueur de gauche.

Les catégories des blocs dans lesquelles sont rangés les éléments à piocher pour construire le programme

Lesprincipaux boutons

Les principaux boutons Chaque zone dispose de nombreux boutons. Découvre leurs utilités. Clique pour cela sur le marqueur de gauche.

La zone de construction permet l'assemblage des blocs pour créer leprogramme.

Exporterdesdonnées

Exporter des données Découvre comment récupérer les données de ta carte Micro:bit. Clique pour cela sur le marqueur de gauche.

La zone de codepermet d'afficher le programme en langage Python.

Connectersa carteMicro:bit

Connecter sa carte Micro:bit Découvre comment connecter ta carte Micro:bit avec l'interface. Clique pour cela sur le marqueur de gauche.

Le menu, via les icônes, permet d'accéder aux paramètres ou aux fonctions d’exécutiondu code mais aussi à la gestion des affichages.

Déplace ton curseursur la capture d'écran pour connaitre l'utilité de chaque partie de cette interface.

La consolemontre le programme exécuté.Il est également possible d’interagir avec son programme dans cette console.

Simulersonprogramme

Simuler son programme Découvre comment utiliser le simulateur de l'interface. Clique pour cela sur le marqueur de gauche.

Ce document a été créé parO. DEMIRASLAN. @technomerMX Pour pouvoir me contacter,voici le formulaire

En plaçant ton curseur de sourissur chaque texte, tu aurasle titre du sprint et son descriptif rapide. En cliquant (bouton gauche de la souris)sur chaque point, tu accèderas au sprint concerné.

Projet

:

Descriptif

Découverte de l'interface

VotrecompteVittascience

Votre compte Vittascience® Découvre comment créer son compte Vittascience puis comment y accéder. Clique pour cela sur le marqueur de gauche.

Lesprincipales zones

Les principales zones L'interface se compose de cinq grandes zones. Découvre-les pour mieux te repérer. Clique pour cela sur le marqueur de gauche.

Lesprincipaux boutons

Les principaux boutons Chaque zone dispose de nombreux boutons. Découvre leurs utilités. Clique pour cela sur le marqueur de gauche.

Exporterdesdonnées

Exporter des données Découvre comment récupérer les données de ta carte Micro:bit. Clique pour cela sur le marqueur de gauche.

Connectersa carteMicro:bit

Connecter sa carte Micro:bit Découvre comment connecter ta carte Micro:bit avec l'interface. Clique pour cela sur le marqueur de gauche.

Simulersonprogramme

Simuler son programme Découvre comment utiliser le simulateur de l'interface. Clique pour cela sur le marqueur de gauche.

Ce bouton« Nouveau projet »permet de démarrer unnouveau projet que l’onait un compte ou pas.

Ce bouton« Sauvegarder le projet » est accessible après la création d’un compte. Cette création est gratuite.Ainsi, tu peux sauvegarder le projet afin de le retrouver et de le partager.

Ce bouton « Annuler ».permet d’annuler l’action dans la zone de script.

Ce bouton« Ouvrir un projetexistant » permet, si tu le souhaites, d'ouvrir des programmes déjà complets,ou bien de faire travailler tes coéquipiers sur une trame que tu as créée. Ils peuvent y accéder ici.

Ce bouton « Rétablir ».permet de rétablir l’action dans la zone de script.

Ce bouton te permet de générer le programme(au format .hex) pour la carte Micro:bit etde le télécharger sur votre ordinateur.

Ce bouton te permet derécupérer (par le cordonUSB) sur le moniteur série les données des capteurs ta carte Micro:bit et/ou ceux qui lui sont branchés.

Ce bouton permet de passer en plein écran.Bien pratique pour bien visualiser l’ensembledu travail.

Si le paramétrage del’interface ne te convientpas alors il faut passer par ici pour l’adapter. Tu pourras passer en thème sombre par exemple.

Ce bouton modifie l’affichage pour n’avoir que la zone des menuset la zone des scripts au format blocs.

Ce bouton modifie l’affichage pour n’avoirque la zone des menus etla zone des scripts au format ligne de code.

Ce bouton modifiel’affichage pour avoir la zone des menus, la zone des scripts au format blocs et la zone des lignes de code.

Ce bouton permet dedémarrer le simulateuret ainsi de tester le programme avant son exploitation.Un grand nombre decomposants sont déjàintégrés pour faciliterton usage.

Perdu dans la zone deprogrammation ?Ce bouton te recentreraparmi tes blocs.

Besoin de mieux voir ?Ce bouton te permettrade zoomer sur la zonede programmation.

Besoin de prendre du recul ?Ce bouton te permettrade dézoomer sur la zone de programmation.

Des blocs qui ne te sont plus utiles ?Un cliquer-glisserdans la poubelle etton programme sera plus propre.

Ce bouton te permetd’ajuster la taille de la zone du moniteur série.

Ce bouton te permetde masquer la zone du moniteur série.Une fois la zone du moniteur série masquée, en cliquant sur ce bouton tu la rendras de nouveau visible.

En cliquant sur le triangle à droite de l’engrenage, tu accèdes aux paramétrages des données que l’on va récupérer.

Ce bouton permet d'envoyer vers la carte électronique le message saisi dans la zone« Message à envoyer à la carte via le port série ».

Ce bouton te permet d'exporter les données liées à ton projet en fichier au format CSV afin de les exploiter avec un tableur (Microsoft Excel, LibreOffice Calc, Numbers...).Tu peux aussi obtenir la clé API de ton projetsi tu es connecté.

En cliquant sur ce bouton, tu ouvres le port sériepour récupérer les données.Il faudra d’abord choisir l'appareil connecté en cliquant sur le bouton« Connecter » du menu.

Ce bouton permet de passer en mode Musique. Ainsi l’ordinateur est utilisé comme un appareil sonore de sortie pour la carte électronique.

Ce bouton permet de passer en mode Graphique et ainsi d’afficher sous forme d’un graphe les données acquises par la carte en direct(après s’être connecté).

Déplace ton curseur dans - le menu,- la zone de construction- la consoleafin de découvrir l'utilité des boutons qui y sont repérés.

Ce bouton permet de passer en mode Consoleet ainsi d’afficher les données chiffrées acquises par la carte en direct (après l’avoir connectée).

Ce document a été créé parO. DEMIRASLAN. @technomerMX Pour pouvoir me contacter,voici le formulaire

En plaçant ton curseur de sourissur chaque texte, tu aurasle titre du sprint et son descriptif rapide. En cliquant (bouton gauche de la souris)sur chaque point, tu accèderas au sprint concerné.

Projet

:

Découverte de l'interface

Descriptif

VotrecompteVittascience

Votre compte Vittascience® Découvre comment créer son compte Vittascience puis comment y accéder. Clique pour cela sur le marqueur de gauche.

Lesprincipales zones

Les principales zones L'interface se compose de cinq grandes zones. Découvre-les pour mieux te repérer. Clique pour cela sur le marqueur de gauche.

Lesprincipaux boutons

Les principaux boutons Chaque zone dispose de nombreux boutons. Découvre leurs utilités. Clique pour cela sur le marqueur de gauche.

Exporterdesdonnées

Exporter des données Découvre comment récupérer les données de ta carte Micro:bit. Clique pour cela sur le marqueur de gauche.

Connectersa carteMicro:bit

Connecter sa carte Micro:bit Découvre comment connecter ta carte Micro:bit avec l'interface. Clique pour cela sur le marqueur de gauche.

Simulersonprogramme

Simuler son programme Découvre comment utiliser le simulateur de l'interface. Clique pour cela sur le marqueur de gauche.

Pour voir apparaître la zone de simulation,clique sur ce bouton.pour avoir un exemple de simulation, clique sur l'image.

Déplacer ton curseur jusqu'à l'icone en forme de bouton de lecture.Déplace ton curseur jusqu'à ce bouton.

Ce document a été créé parO. DEMIRASLAN. @technomerMX Pour pouvoir me contacter,voici le formulaire

En plaçant ton curseur de sourissur chaque texte, tu aurasle titre du sprint et son descriptif rapide. En cliquant (bouton gauche de la souris)sur chaque point, tu accèderas au sprint concerné.

Projet

:

Découverte de l'interface

Descriptif

VotrecompteVittascience

Votre compte Vittascience® Découvre comment créer son compte Vittascience puis comment y accéder. Clique pour cela sur le marqueur de gauche.

Lesprincipales zones

Les principales zones L'interface se compose de cinq grandes zones. Découvre-les pour mieux te repérer. Clique pour cela sur le marqueur de gauche.

Lesprincipaux boutons

Les principaux boutons Chaque zone dispose de nombreux boutons. Découvre leurs utilités. Clique pour cela sur le marqueur de gauche.

Exporterdesdonnées

Exporter des données Découvre comment récupérer les données de ta carte Micro:bit. Clique pour cela sur le marqueur de gauche.

Connectersa carteMicro:bit

Connecter sa carte Micro:bit Découvre comment connecter ta carte Micro:bit avec l'interface. Clique pour cela sur le marqueur de gauche.

Simulersonprogramme

Simuler son programme Découvre comment utiliser le simulateur de l'interface. Clique pour cela sur le marqueur de gauche.

Voici un exemple de simulation de projet.Les 3 marqueurs sur le simulateur te donnent des indications des choses à faire.Dès que tu as fini,clique sur le bouton page suivante.

Ce document a été créé parO. DEMIRASLAN. @technomerMX Pour pouvoir me contacter,voici le formulaire

En plaçant ton curseur de sourissur chaque texte, tu aurasle titre du sprint et son descriptif rapide. En cliquant (bouton gauche de la souris)sur chaque point, tu accèderas au sprint concerné.

Par un cliquer- glisser sur le point, tu modifies les valeurs du potentiomètre. Une animation se met en place au niveau de l'illustration.

Dès que le capteur a ses valeurs qui varient, l'actionneur réagit. Tu constateras la variation de l'intensité de la couleur rouge.

Ce simulateur permet de tester le fonctionnement d'un variateur d'intensité lumineuse. Dans le programme, tu as :

• un potentiomètre rotatif (capteur)
• un ruban de 30 leds RGB adressables (actionneur)

Le potentiomètre contrôle l'intensité de la lumière rouge.

Projet

:

Descriptif

Découverte de l'interface

VotrecompteVittascience

Votre compte Vittascience® Découvre comment créer son compte Vittascience puis comment y accéder. Clique pour cela sur le marqueur de gauche.

Lesprincipales zones

Les principales zones L'interface se compose de cinq grandes zones. Découvre-les pour mieux te repérer. Clique pour cela sur le marqueur de gauche.

Lesprincipaux boutons

Les principaux boutons Chaque zone dispose de nombreux boutons. Découvre leurs utilités. Clique pour cela sur le marqueur de gauche.

Exporterdesdonnées

Exporter des données Découvre comment récupérer les données de ta carte Micro:bit. Clique pour cela sur le marqueur de gauche.

Connectersa carteMicro:bit

Connecter sa carte Micro:bit Découvre comment connecter ta carte Micro:bit avec l'interface. Clique pour cela sur le marqueur de gauche.

Simulersonprogramme

Simuler son programme Découvre comment utiliser le simulateur de l'interface. Clique pour cela sur le marqueur de gauche.

Il faut commencer par brancher le cordon USBà ta carte Micro:bitpuis à ton ordinateur.Laisse ton ordinateur reconnaître le nouvel appareil si nécessaire.Ensuite, déplace ton curseur sur le bouton « Connecter ».

Clique sur ce boutonpour continuer.

Dans la fenêtre qui s'est ouverte, tu vois apparaître ta carte Micro:bit.Déplace ton curseurpour la sélectionner en cliquant dessus.

Le bouton « Connexion» devient actif.Clique sur ce boutonpour continuer.

Tu peux constater que le bouton « Connecter » devient orange.Cela t'assure que la connexion avec la carte est établie.Pour terminer cette connexion, il suffit de cliquer à nouveau sur ce dernier. Clique ici pour continuer.

Tu peux lire dans la console les deux lignes vertes.Si un programme d'affichage des données était mis en place dans la carte électronique, tu verrais alors apparaître ces données à la suite de ces deux lignes. Clique ici pour continuer.

Le bouton « Connecter » de la console a changé d'aspect.Déplace ton curseur jusqu'à ce bouton.

Clique sur ce boutonpour continuer.

Tu viens de fermerle port série.L'aspect du boutona changé. Clique ici pour continuer.

En plus du changement d'aspect du bouton, une ligne rouge t'informe de l'état du port série.Si un programme d'affichage des données était mise en place dans la carte électronique, l'affichage des données se serait arrêté. Clique ici pour continuer.

Pour relancer la récupération des données par le port série, il faudra cliquer à nouveau sur le bouton « Connecter »de la console.Clique sur le bouton« Exporter » pour continuer.

Ce document a été créé parO. DEMIRASLAN. @technomerMX Pour pouvoir me contacter,voici le formulaire

En plaçant ton curseur de sourissur chaque texte, tu aurasle titre du sprint et son descriptif rapide. En cliquant (bouton gauche de la souris)sur chaque point, tu accèderas au sprint concerné.

Projet

:

Découverte de l'interface

Descriptif

Ici bientôt...Tu découvrirascomment récupérerles données de ton projetpour les utiliser ailleurs.

VotrecompteVittascience

Votre compte Vittascience® Découvre comment créer son compte Vittascience puis comment y accéder. Clique pour cela sur le marqueur de gauche.

Lesprincipales zones

Les principales zones L'interface se compose de cinq grandes zones. Découvre-les pour mieux te repérer. Clique pour cela sur le marqueur de gauche.

Lesprincipaux boutons

Les principaux boutons Chaque zone dispose de nombreux boutons. Découvre leurs utilités. Clique pour cela sur le marqueur de gauche.

Exporterdesdonnées

Exporter des données Découvre comment récupérer les données de ta carte Micro:bit. Clique pour cela sur le marqueur de gauche.

Connectersa carteMicro:bit

Connecter sa carte Micro:bit Découvre comment connecter ta carte Micro:bit avec l'interface. Clique pour cela sur le marqueur de gauche.

Simulersonprogramme

Simuler son programme Découvre comment utiliser le simulateur de l'interface. Clique pour cela sur le marqueur de gauche.

Ce document a été créé parO. DEMIRASLAN. @technomerMX Pour pouvoir me contacter,voici le formulaire

En plaçant ton curseur de sourissur chaque texte, tu aurasle titre du sprint et son descriptif rapide. En cliquant (bouton gauche de la souris)sur chaque point, tu accèderas au sprint concerné.