Design Tech Academie : Différence entre versions

De Movilab.org
(Journée de vendredi)
m (Vendredi 21/10)
Ligne 293 : Ligne 293 :
 
* Poursuite du projet en fil rouge avec David (installation wordpress et installation seveur web sur VPS distant)
 
* Poursuite du projet en fil rouge avec David (installation wordpress et installation seveur web sur VPS distant)
 
* Exercices en autonomie autour de Javascript / HTML / CSS
 
* Exercices en autonomie autour de Javascript / HTML / CSS
 +
[[Migration Debian 7 vers Debian 8]]
 +
 +
 
[[Catégorie:Design DesignTech Académie]] [[Catégorie:OpenFactory]] [[Catégorie:OpenFactory Sainté‏‎]] [[Catégorie:Zoomacom]] [[Catégorie:Médiation Numérique]]‏‎ [[Catégorie:Biennale Internationale Design Saint-Étienne 2017‏‎]]
 
[[Catégorie:Design DesignTech Académie]] [[Catégorie:OpenFactory]] [[Catégorie:OpenFactory Sainté‏‎]] [[Catégorie:Zoomacom]] [[Catégorie:Médiation Numérique]]‏‎ [[Catégorie:Biennale Internationale Design Saint-Étienne 2017‏‎]]

Version du 21 octobre 2016 à 12:50

Logo DesignTech Academie.png

Vous retrouverez les principales informations (concernant les procèdures d'admission, le déroulement de la formation, les moyens pédagogiques mis en oeuvre, les débouchés...) sur la formation Design Tech Académie organisée par Telecom Saint Etienne en partenariat avec Zoomacom.

Cette page permettra de présenter les différents supports pédagogique utilisés au cours de ce cycle de formation sur l'apprentissage du code et de la programmation.

Cette formation se déroule sur 10 mois en continu et se compose d'une formation scolaire, pour une durée de 6 mois) et de 4 mois de stage en milieu professionnel.

Les contenus pédagogiques doivent favoriser l'apprentissage par la pratique !

Déroulé

Les 6 mois de formation en milieu scolaire sont composés de 10 cycles de 2 semaines pour apprendre les bases pratiques de la programmation (5 mois). Les 4 semaines restantes sont : une semaine d'accueil pour une rentrée en douceur, apprendre à se connaître et découvrir la programmation et configurer son matériel et 3 semaines permettant d'organiser des temps de bilan, d'évaluation et de suivi des évolutions de la formation ainsi que l'organisation des soutenances et des examens.

Semaine d'accueil

Mardi 4/10 : Travail en groupe avec la mallette pédagogique Thymio

OBJECTIF : découvrir la notion d'algorithme dans une démarche ludique

Objectifs secondaires :

  • Apprendre à documenter et partager son projet
  • Se familiariser à la programmation de manière progressive
  • Echanger et débattre pour collaborer dans une démarche de projet
  • Aborder les notions de licence

Présentation de JP des notions théoriques d'algorithme et de variables.

Prise en main de Thymio en suivant le guide de fréquence écoles dans un premier temps. Commencer par analyser les 6 comportements prédéfinis en relation avec les blocs. prévoir des exemples de blocs et comportements pas a pas + des blocs mélangés à remettre dans le bon ordre pour avoir la bonne démarche.

Dans un second temps, explorer 2 à 3 projets de programmations présents sur le site ( création avec Thymio) avec une prise en main du logiciel asebia studio.

L'après-midi devra permettre à chaque groupe de réaliser un programme et de le coder, les différentes étapes de ce travail devront-être rédigées sur Movilab afin de permettre à d'autres utilisateurs de Thymio de se l'accaparer !

RESSOURCES pour utiliser Thymio et le programmer :

Inirobot : guide d'initiation à la robotique avec Thymio

Liste des capteurs et actionneurs de Thymio

Exercices pour apprendre à programmer Thymio comme par exemple : Apprendre à Thymio à parler

Guide du mode texte

Thymio et la notion d'algorithme


Mercredi 5/10 : Configurer son ordinateur et découvrir ses différents composants

DesignTech Academie 20161005 OpenFactoryJPG.jpeg

Le matin, découverte du hardware à l'OpenFactory : Démonter et remonter une tour de PC, par groupe de 5, en analysant le contenu d'un ordinateur (rôle et caractéristique technique). Restitution et échange en groupe, présentation du projet Jerry serveur nomade Temps de veille sur l'actualité numérique Présentation de l'OpenFactory

OBJECTIF : Installer un OS Linux sur un ordinateur et le configurer en installant les logiciels nécessaires à son bon fonctionnement

Objectifs secondaires :

  • Connaitre le fonctionnement d'un ordinateur d'un point de vue software et hardware
  • Configurer un ordinateur

Jeudi 6/10 : TRE 2.0 - Apprendre les langages de programmation

OBJECTIFS :

  • Construire son identité numérique et la valoriser professionnellement
  • Connaitre les composants d'un ordinateur et leurs rôles
  • Favoriser l'apprentissage des langages de programmation en autonomie


  • TRE 2.0 : Travail sur la rédaction individuelle de son CV et son accessibilité en ligne ( doyoubuzz permettant une harmonisation des CV pour réaliser un book ou seeqle de l'emploistore, au choix des étudiants s'ils veulent etre un peu plus original dans la présentation visuelle de leur CV).

Si temps disponible : aller plus loin en explorant la question des réseaux sociaux pro et de la recherche en ligne (du boncoin à pole emploi et son emploistore) Sinon, à reprogrammer pour plus tard dans le cursus.
Pour ceux qui ont finit avant, travail en autonomie sur codeacademy : learn the HTML


  • Apprendre les langages de programmation

Avant de rentrer dans le vif du sujet, présentation rapide de framapad pour la prise de note collaborative. Des élèves expliquent qu'ils ont créé un IRC pour communiquer (nom : DTA).
Manifeste pour le développement Agile de développement de logiciels.

Editeur de texte : Atom

Hyper Text Markup Langage : Ressources

Défi : défi du jour réaliser sa carte de visite


Outils recensant les sites permettant l'apprentissage du code et de la programmation en autonomie :

Vendredi 7/10 : Travail en binôme sur "l'innovation numérique

Travail en binome pour réaliser une présentation sur une thématique autour de l'innovation numérique. Présentation des exposés (10 minutes par binome + 5 minutes d'échanges et questions).


Cycle "Déploiement d'un OS sur une machine physique ou virtuelle"

Semaine 1

Lundi 10/10/2016

Fin des présentations sur l'innovation numérique.
quelques remarques d'ordre général :

  * Attention à l'orthographe : pour vous aider, un outil de correction de l'orthographe
  * Pensez à faire un sommaire de vos présentation
  * Vous êtes légitimes sur un sujet soyez confiant en vous !

Exerice sur les commandes sous Linux : A partir du terminal, copier un dossier en effectuant une recherche de fichiers, puis supprimer les dossiers copiés.
Pour les plus avancés, réaliser un script qui supprime les fichiers contenant un certain préfixe.
Aide : Les commandes fondamentales de Linux

Introduction à Java Script :
Live coding : quelques notions de base abordées pour commencer sous Java Script :
Les variables, les opérateurs, les commandes (alert et prompt), les conditions, les fonctions et les commentaires.
vous retrouverez le code commenté concernant ces différentes notions Github exemple JavaScript Workshop : Pour visualiser le contenu de vos scripts, vous pouvez utiliser le site suivant : Voici la liste des exercices à réaliser :
- Dessiner c'est gagner : Ardoise magique
- Ecrire un script/programme qui demande :

  • De quelle couleur est le cheval blanc d’Henri 4 ?
  • Puis combien y a-t-il de 7 nains ?
  les scripts doivent autoriser 2 tentatives par question 
  • Deviner un chiffre : Ecrire un programme qui demande de deviner un chiffre généré aléatoirement compris entre ... et ... avec un nombre d'essai limité.
  • Réaliser une calculatrice :
    Le programme demande les éléments suivants :
   de choisir une opération (+ / - * ) 
un 1er chiffre
un second chiffre
Le programme affiche ensuite le résultat de l'opération


Correction proposée par les étudiants des différents exercices proposés sur la journée

Mardi 11/10

Inscription Maison de l'Université En parallèle accueil des étudiants pour répondre à leurs questions sur les problèmes rencontrés au cours des différents exercices réalisés jusque-là.

Travail en autonomie sur les CVs, puis retour-discussion sur les problèmes rencontrés avec les premiers exercices JavaScript la veille

Inscription sur Slack, dans le groupe DTA_TSE

Installer un OS sur une machine virtuelle :

  • Tuto 1
  • On préférera VirtualBox depuis les dépots Ubuntu (sudo apt update, puis sudo apt install virtualbox-qt)
  • Tuto 2
  • Bien lire les pré-requis système : [1]
  • Installer Fedora sur la machine virtuelle

Constitution des groupes pour le fil rouge de la quinzaine - Distributions Linux

  • Production 1 : Quelques pages HTML/CSS présentant les avantages/inconvénients/caractéristiques de la distribution en question
  • Production 2 : Un tutoriel vidéo présentant l'installation de la distribution sur une machine physique ou virtuelle


  • Groupe 1 (Debian) : Yacine - Clément J. - Flavien - Jimmy - Thomas - Antoine
  • Groupe 2 (Ubuntu) : Patricia - Enzo - Levon - Nicolas - Jean
  • Groupe 3 (Mint) : Valérie - Christian - Vincent - Christophe - Julien
  • Groupe 4 (Arch-Linux) : Damien - Kevin - Baptiste - Clément B. - Yassine
  • Groupe 5 (Fedora) : Germain - Tamime - Alex - Yann - Mouhtard

Mercredi 12/10

Les métiers du web : en dataviz

Ces jeux permettront aux étudiants de se dévoiler et de se faire connaitre auprès des autres membres de la promotion, tout en leur permettant d'appréhender la notion de "donnée" au sens large du terme. Le principe de la dataviz tangible sera appliquée (en s'inspirant de cet exemple de l'infolab du CRIJ Rhône-Alpes, et en le réadaptant). Cet exercice permettra également aux étudiants de s'approprier des notions de design en terme de présentation graphique de sa dataviz et de licence pour les illustrations).

En 3 minutes... 10 perspectives de métiers : Matériel nécessaire : post-it + gommettes Les étudiants ont 3 minutes pour proposer 10 métiers qu'ils penseraient pouvoir effectuer après la formation. Les gommettes permettront de pondérer l'envie des étudiants de faire ce métier :

  • une valeur de 5 pour les 3 principaux métiers qu'on souhaiterait faire (représentés soit par une couleur de gommettes / une grande taille)
  • une valeur de 3 pour les 3 métiers secondaires qu'ils souhaiteraient faire (représentés soit par une couleur de gommettes / une moyenne taille)
  • une valeur de 1 pour les 4 derniers métiers (représentés soit par une couleur de gommettes / une petite taille).

La dataviz c'est quoi ? Quelle plus-value ? 2 objectifs : comprendre l'intérêt de collecter des données ? & ensuite comprendre l'intérêt de traiter ces données ?

Ensuite, les post-it seront centralisés et répartis par métier. Un tableau sera réalisé dans un tableur en prenant en compte le poids du métier (indiqué par les gommettes) afin de rendre visible leurs perspectives de métiers, mais aussi le poids de leurs envies pour chacun des métiers ! Pour visualiser et analyser ces données, on importera le tableur sur datawrapper Infographie à réaliser avec un tableur (enregistrer votre fichier en csv) et le site datawrapper ou piktochart.
RESSOURCES :

A la rencontre d'une start-up : rmopportunities.eu/fr et prodigo
A la rencontre de ses fondateurs pour échanger sur leurs parcours professionnels et leurs cursus, de connaitre le cheminement entre l'idée d'un projet et sa concrétisation administrative et la dynamique partenariale. les créateurs de rmopportunities

Travail HTML & CSS :

  • Retour sur la carte de visite : 2 à 3 élèves proposent leur correction (en évoquant les problèmes rencontrés et les questions qu'ils se sont posées!)
  • Exercice HTML-CSS :

- Faire un point sur l'avancement du travail pour l'exercice des fruits
- S'exercer en autonomie avec learnlayout.com (vous pouvez consulter leurs tutoriels
Commencer à aborder les notions de colones et de tableau en reproduisant ces modèles :
modele 1
modèle 2

Utiliser Placehold pour des images à la taille voulue.

Bilan de mi-semaine :

Jeudi 13/10

Veille, configuration adresse Télécom et Use Panda

Installation d'un serveur web Debian sur une machine virtuelle :

  • Création d'une nouvelle machine virtuelle
  • Ressources : 2Go de RAM, 8Go d'espace disque, 2 coeurs de processeur
  • Installation de Debian : [2]
  • Installation de sudo puis openssh-server
  • Ajout d'une deuxième carte réseau pour pouvoir se connecter sur la machine virtuelle depuis l'extérieur
  • Le serveur est maintenant fonctionnel

Live coding Java Script :

  • Les tableaux
  • Les chaînes de caractères
  • Les boucles
  • Les fonctions prédéfinies pour les types de données

Workshop autour de plusieurs défis

  Login/password :
      * Vérifier que le login contient pus de 3 caractères
      * Vérifier qu'il contient un @ puis un nom de domaine et une extension
      * Vérifier que le mot de passe correspond (à vous de le définir au début du programme)
      * Pour aller plus loin, vous pouvez avoir un tableau d'utilisateurs et un tableau de mots de passe
  Calcul mental :
      * Le programme tire au hasard deux chiffres et une opération
      * Il l'affiche et demande sa réponse à l'utilisateur
      * Il vérifie si la réponse est exacte

Retour sur les points bloquants de la journée

Vendredi 14/10

Préparation à la réalisation de tutoriel vidéo en groupe

Dans un premier temps amener les étudiants à se questionner sur ce qu'est pour eux un bon tutoriel ? Après leur présenter des regles de base Aborder ensuite quelques aspects techniques de script cadrage et plans et enfin leur présenter des exemples de tutoriels propres et pédagogiques.

Par groupe, ils commenceront à écrire le script de ce premier tutoriel en le découpant par étape, en précisant les plans choisis et la façon de capturer l'écran...

Autonomie collective : travail sur leurs projets individuels et collectifs du cycle

Différentes fonctions en JavaScript à préparer pour le Coding Dojo :

     * max_2(a,b) renvoie le maximum entre a et b
     * max_3(a,b,c) renvoie le maximum entre a, b et c
     * voyelle(c) renvoie true si c est une voyelle, false sinon
     * contient_voyelle(str) renvoie true si la chaîne de caractères str contient une voyelle, false sinon
     * translate(str) prend une chaîne str et, pour chaque consonne, renvoie la consonne doublée avec un o au milieu.
    Par exemple, translate("this is fun") renvoie "tothohisos isos fofunon"
     * reverse(str) renvoie la chaîne str inversée
     * sum(tab) et mult(tab) renvoient respectivement la somme et le produit de tous les éléments du tableau tab
     * longueur_max(tab) renvoie la chaîne de longueur maximale dans le tableau tab
     * longueur_sup(tab,i) renvoie un tableau contenant toute les chaînes de tab de longueur au moins égale à i
     * premieres_lettres(tab) renvoie une chaîne contenant la première lettre de chacune des chaînes du tableau tab

Récupérer le fichier Exercices.js pour le compléter et utiliser les batteries de test pour valider son code.

Semaine 2

Lundi 17/10

Petit moment de veille intellectuelle et technologique : ça parle du câble déployée par Facebook (avec Google) pour relier Los Angeles à Hong-Kong, d'une application pour avions en papier, d'Intelligence Artificielle et la possibilité d'être "conservé" numériquement, ou bien encore de Sprayscape... mais derrière tout ça sont évoquées des questions d'éthique, d'algorythme, d'enjeu économique


Coding Dojo sur les exercices Javascript, construction collective de la correction

Après-Midi :

  • Autonomie collective : travail en groupe sur leur projet
  • Entretien individuel :

Retour sur la présentation de leur projet de la semaine d'accueil
Un bilan sur le ressenti des stagiaires au sein de la formation sur leurs envies, leurs motivations, leurs attentes vis à vis de la formation et toutes les questions qu'ils souhaitent aborder... On évoque aussi leur projection sur ce qu'ils souhaiteraient faire professionnellement ou scolairement après la formation

Mardi 18/10

  • Réalisation d'un CV en CSS
  • Autonomie collective : travail en groupe sur leur projet
  • Workshop collectif sur la suite des exercices Javascript
  • Poursuite des entretiens individuels

Mercredi 19/10

Jeudi 20/10

  • Veille, discussion autour de l'intelligence artificielle et des algorithmes de reconnaissance vocale / reconnaissance de caractères manuscrits
  • Installation d'un serveur web sur sa propre machine avec David
  • Lien entre une page HTML et du code Javascript
  • Coding dojo sur d'autres fonctions, correction collective
  • Début de la réalisation des tutoriels vidéo (vidéoprojecteur disponible)

Vendredi 21/10

  • Fin de la réalisation des tutoriels vidéo
  • Suite des entretiens individuels
  • Poursuite du projet en fil rouge avec David (installation wordpress et installation seveur web sur VPS distant)
  • Exercices en autonomie autour de Javascript / HTML / CSS

Migration Debian 7 vers Debian 8‏‎