Création d'un compte Google et d'un Portfolio

Durée estimée: 30 minutes

Note liminaire :

  • Passez cette page si vous suivez ce cours à titre individuel ou si votre enseigannt n'utilise pas le portfolio. Ce portfolio ne vous sera pas nécessaire, mais ça ne vous empêche pas de faire les exercices "portfolio" proposés à la fin des leçons.
    Accessoirement, le portfolio est une solution alternative au playstore pour diffuser les projets que vous avez réalisés.
  • Si vous suivez ce cours dans le cadre d'une formation en présentiel ou à distance :
    Suivez les instructions de votre enseignant qui peuvent être différentes de ce qui est indiqué ici.

    L'utilisation d'un portfolio numérique permet de travailler en groupe, d'enregistrer les réponses aux questions posées dans chaque leçon, de soumettre vos travaux et faire connaitre vos applications à vos proches (ou au monde). De plus vous aurez appris à mettre en place et à gérer un premier site Web.

Etapes de configuration du portfolio :

  1. créez un site Web pour votre portfolio (Google ou autre),
  2. personnalisez votre portfolio pour le cours,
  3. partagez le lien à votre site avec votre enseignant.

Un Portfolio pour quoi faire ?

Ce cours aborde la programmation comme un moyen pour réaliser et partager des projets. Il propose aussi de débattre sur les enjeux du numérique. Le portfolio est un site web qui permet d'échanger avec vos partenaires et soumettre vos travaux à votre enseignant. Son accès est limité aux personnes que vous autorisez. Vous y présenterez vos travaux avec les liens et flashcodes qui permettront aux visiteurs de les télécharger.
Les travaux à mettre dans votre portfolio sont ceux proposés à la fin de chaque leçon ou demandés par votre enseignant : applications, compte-rendus de lecture, réflexions sur un enjeu contemporain, etc.

La solution décrite ci-dessous utilise l'outil Google Site. Il y a d'autres solutions. L'important est que vous disposiez d'un site Web pour créer, modifier et partager facilement une arborescence de pages Web. A la fin du cours, vous saurez gérer un site. Rendez votre site attractif, c'est une des manières de vous exprimer et de "montrer vos compétences", peut-être à l'occasion d'un entretien d'embauche !

Créer et adapter votre Portfolio

Pour commencer, regardez la première vidéo qui explique à quoi sert un portfolio, puis suivez les instructions de la deuxième vidéo (ou les instructions écrites ci-dessous), pour installer votre popre portfolio/site web. La troisième vidéo indique comment créer et déplacer des pages. La quatrième (à l'intention des enseignants) montre comment créer un site spécifiquement adapaté à une classe.

Après avoir lancé la vidéo, si vous voulez l'afficher en plein écran, cliquez sur le carré en bas à droite, et pour revenir à la taille de la vignette, appuyez sur la touche escape.

Installation de votre Portfolio

Création, déplacement, modification des pages de votre Portfolio

Création d'un modèle de portfolio adapté à la classe
(enseignants)

Guide d'installation :

  1. allez sur "Google sites" (sites.google.com). 
  2. vérifiez que vous êtes connectés (logged in) et cliquez sur le bouton rouge "CREER" en haut à gauche, 
  3. page suivante, cliquez sur "Parcourir d'autres modèles de la galerie",
  4. dans la boite de recherche, entrez "informatique nomade" (ou le critère de sélection indiqué par votre enseignant) puis appuyez sur la touche entrée,
  5. sélectionnez un modèle correspondant au cours. Le modèle "passe numérique" correspond à la version courante du cours, mais demandez à votre enseignant lequel choisir (il y a peut-être modèle spécifiquement adapté à votre classe).
  6. donnez un nom à votre site qui soit explicite et permette à votre enseignant de vous identifier, par exemple "Portfolio Mobile CSP de Pierre Huguet",
  7. entrez le code captcha ou cliquez le bouton " je ne suis pas un robot " si il y en a un,
  8. cliquez de nouveau sur le bouton rouge "CREER" et attendez le chargement du site.
*Note: Si vous utilisez un compte Google associé au domaine d'une école, vous devrez peut-être aller rechercher le modèle en dehors du domaine de votre école. Si vous avez des problèmes au cours de cette recherche, vous pouvez prendre directement ce Modèle. Puis cliquez sur le bouton bleu en haut à droite, UTILISER CE MODELE.*

Votre site doit au minimum disposer des fonctions suivantes:

  • Une page d'accueil ou "home page" avec les informations que vous souhaitez partager à propos de vous. Vous pouvez mettre une photo, mais il n'est pas nécessaire que ce soit une photo personnelle.

Cet autre site décrit les pas par pas les étapes de mise en place un site Google puis pour ajouter et personnaliser des pages.

Lien vers votre Portfolio

Quand vous aurez terminé cette leçon, modifiez les paramètres de partage de votre portfolio :
cliquez sur le bouton bleu "partager" en haut à droite de l'écran et dans la fenêtre suivante, sous "Qui a accès", modifiez les droits d'accès du public à votre portfolio. Remplacez " Public - Affichage par tous les internautes via la recherche " par "Accès en lecture à toute personne disposant du lien".
Enfin, utilisez le compte Gmail que vous avez créé pour envoyer à votre enseignant le lien vers votre portfolio.

Présenter un projet app Inventor dans le portfolio :

rédaction en cours

Le portfolio permet de présenter une application et de la rendre accessible en talachargement, avec

  • la description de cette application,
  • l'ajout des fichiers de l'application (source .aia et exécutable .apk)
  • l'ajout d'un flashcode pour que les lecteurs puissent charger cette application sur leur téléphone.

Au delà de ce cours, avec ces outils, vous pourrez utiliser votre site web pour diffuser le lien vers des ressources comme une vidéo, des images ou des données que vous avez enregistrées

  • sur Youtube,
  • dans une page de votre site,
  • sur votre Drive (Google),
  • ou Dropbox ou one Drive (microsoft).


Page à réaliser :

Documenter dans cette page
  1. comment créer des flashcodes qui permettent de lire depuis un portable :
    • un fichier sur une page du site
    • une vidéo sur Youtube
    • une image ou fichier sur le drive, dropbox, ou onedrive
  2. comment présenter une application ou projet avec
    • La description et la documentation du projet avec des harcopy d'écran
    • l'enregistrement sur PC depuis app inventor des ficher apk et aia
    • l'insertion des fichiers apk et aia dans la page web du projet
    • la création et l'insertion du flashcode dans la page web
    L'exercice peut être fait dès la fin du premier projet réalisé.