DesignTech Académie 2017-2018

Carte mentale de la promotion

Semaine d'accueil : du lundi 25/09/2017 au vendredi 29/09/2017

Lundi 25/09

Mot d'accueil de Jacques Fayolle directeur de Télécom Saint Etienne et présentation de l'équipe.

Présentation de la formation.

Remise des ordinateurs et signature des contrats de prêt.

Jeu de présentation : a travers 5 mots clés se présenter soi et son parcours qui m'amène à venir me former au sein de la Design Tech Académie.

Installation de Linux Mint Cinnamon, pendant l'installation des temps d'échanges autour de la culture du libre et de l'opern source

Découverte des premières commandes au sein du terminal, notamment pour mettre à jour les logiciels.

Mardi 26/09

Présentation des 3 ateliers : Un atelier "Phab Labs 4.0" : présentation d'un projet européen sur l'optique
Un atelier Thymio a partir de la documentation officielle de ce petit robot et de son guide de prise en main élaboré par Fréquences Ecoles, prendre un main sa programmation
Un atelier Coder en python dans Minecraft, avec le déoulé de cet atelier sur une page wiki complète (de la préparation de son raspberry jusqu'aux premières lignes de code en python des étudiants. Pour rappel cet atelier est plus intéressant pour apprendre à collaborer et se transmettre des infos que de coder en tant que tel

découverte des bases de HTML et de CSS pour construire la page HTML de son CV
ci-dessous les ressources proposées par David dans le Slack :

• Le rôle des balises HTML
• Apprendre à créer son site web en HTML et CSS
• Apprendre à utiliser les ancres

Mercredi 27/09

On alterne sur les groupes sur les 3 ateliers "Phablabs 4.0", "Thymio" et "Coder en python dans Minecraft"

L'après-midi se déroule à la pré fabrique de l'innovation, qui intègre le Fab Lab : Openfactory 42. Cela permet de présenter le lieu et de découvrir son fonctionnement. Le deuxième module de la formation se déroulera dans ce lieu.
L'après-midi, les étudiants ont démonté d'anciens PC pour découvrir le contenu d'un ordinateur (le hardware).
Le projet de serveur nomade Jerry sera présenté aux étudiants

Jeudi 28/09

On alterne sur les groupes sur les 3 ateliers "Phablabs 4.0", "Thymio" et "Coder en python dans Minecraft"

Poursuite du travail sur la réalisation de son CV sur une page HTML avec la mise en place du CSS

Ressource proposée par David sur vos premiers pas en CSS

Vendredi 29/09

En mode Coding Dojo, les étudiants présents soulèvent des problèmes rencontrés dans la construction de leur CV en HTML-CSS.

L'après midi, un temps de bilan de la semaine d'accueil est proposé, suivi de la constitution des groupes pour les exposés du cycle 1:

     Consignes pour les présentations :
       * Convaincre sa boulangère d'utiliser son Linux
       * Convaincre un ami développeur utilisant Open Suse d'utiliser ma distribution de Linux

Ces consignes vous permettront de présenter les avantages et inconvénients de votre distribution, tout en étant obligé d'adapter son discours en fonction des auditeurs !

     Rappel des groupes et distribution :
       * Linux Ubuntu : Jean-Christian, Sébastien, Younes, Benoît
       * Linux Fedora : Brandon, Nathan, Gregory et Thomas
       * Linux Arch : Vincent, Jennifer, Guillaume, Kevin 
       * Linux Debian : Charly, Fawzi, Mathieu, Antoine 
       * Linux Mint : Jonathan, Meriem, Samir, Leyla, Adel

Semaine 1 Cycle 1 : Déploiement d'OS, Configuration d'un serveur web, Administrer un site avec Wordpress

Lundi 2/10

Petit temps de veille pour démarrer la matinée Suivi d'un temps d'échange et de retour sur l'installation d'une distribution linux. Découverte du VPS qui sera utilisé au cours de la période de formation et attribution d'un Vps à chaque étudiant (le mot de passe a été changé au cours de la mise a jour du serveur, pour les absents on fera le point à votre retour). Cette partie a permis de créer un nouvel utilisateur conformément à la partie : " Installer un serveur web dans un datacenter " de la carte mentale (instruction à faire dans le terminal en se connectant via le ssh)

L'après-midi a été consacré à la prise en main de l'outil Day Tripper et d'échanger avec Clément Dupuis son créateur

Mardi 3/10

Pourquoi s'occuper de son identité numérique ?
e-reputation mettre les points sur les i
comment construire sa e-reputation vu par pole-emploi
Maitrisez son e-reputation

travail en groupe et en autonomie sur la distribution linux
entretien individuel

L'après-midi sera consacré à l'installation d'un serveur web dans un data center (vous retrouverez les principales procédures dans la carte mentale).
un tutoriel rappelant la procédure pour installer son serveur LAMP sous mint en localhost (ce tutoriel rappel les différentes étapes de la procédure, attention il y a parfois des modifications a prévoir en fonction du dossier racine contenant votre serveur : /var/www/html/, ou en fonction de votre configuration )

Mercredi 4/10

Retour des dossiers administratifs et temps d'échanges sur le début de semaine
Travail en autonomie sur le CV
Défi HTML-CSS proposé aux étudiants : Réaliser sa carte de visite

    Etape 1 : écrire le contenu en HTML

    Etape 2 : mettre en forme sa carte de visite avec le CSS

    Aller plus loin : intégrer ses réseaux sociaux sur sa carte de visite

Pour réaliser le book DTA : CV et carte de visite devront respecter la charte graphique suivante :

    * Intégrer le logo DTA dans vos réalisations

    * Utiliser les 2 couleurs de la DTA : le blanc et le rouge (#D32210)

Finalisation de "l'installation du serveur dans un datacenter" en configurant la base de donnée avec MariaDB qui est proposée avec debian 9 (au lieu de Mysql)
Installation de wordpress sur son VPS

Jeudi 5/10

Petit temps d'échange sur les procédures réalisées en début de semaine
Un petit cours en ligne pour apprendre les bases en CSS de la construction d'une page web
Reprise du travail sur le CV (penser a m'envoyer vos fichiers html et css par slack. Pour les plus avancés, reproduire en HTML CSS la page d'accueil de Airbnb

L'après-midi, débute par un exercice : réinstaller un wordpress dans un autre dossier sur votre serveur installé sur votre VPS
Pour communiquer avec le serveur VPS, on peut utiliser une autre technique que le SSH, il s'agit du FTP. Pour cela, il faut taper les commandes suivantes :

    - installer un serveur FTP sur votre VPS :
          sudo apt update ; sudo apt upgrade ; sudo apt install pure-ftpd
    - installer Filezilla sur votre ordinateur :
          sudo apt update ; sudo apt upgrade ; sudo apt install filezilla

Vendredi 6/10

Après un petit temps de veille, un échange sur les outils pouvant etre utiliser pour construire sa veille :

     - réseaux sociaux (en ciblant des groupes à suivre avec une pertinence professionnelle : DTA, Telecom, CNAM, grande ecole du numerique, Digital league, Web en vert)
     - les blogs d'actualité (en fonction de vos centres d’Intérêts
     - Tweetdeck (pour chercher plus efficacement parmis des tweet / ou suivre de l'info par mot clé ou #____ )

Une présentation de Trello pour apprendre à noter ses tâches personnelles en cours (et de quelques fonctionnalité checklist/etiquette/powerups notamment).
Pour prendre en main l'outil, noter le travail en cours que vous devez faire dans votre formation DTA

Petit rappel : pensez à envoyer vos CV par Slack pour relecture (et à vos images si elles sont hébergées en locale sur votre ordinateur)
Exercices sur les commandes Linux de bases
Présentation de 3 réalisation de carte de visites

Après midi sera consacré à un temps d'échange avec un intervenant pro pour présenter le backoffice de wordpress

Semaine 1 Cycle 2 : Dispositif électronique programmable et objets connectés

A travers ce cycle nous allons aussi à la découverte des FabLab

Lundi 9/10

David présente le contenu de ce cycle et le langage de programmation Python
A la suite de ce présentation il est proposé aux étudiants de suivre ce cours en ligne sur Python
L'après-midi, ils découvriront le raspberry pi et apprendront à le configurer en suivant ce tutoriel

  - Tutoriel : partie 1
  - Tutoriel : partie 2
  - installer debian sur une carte SD

Mardi 10/10

Remise en route, avec un petit temps de veille, suivi d'un échange avec les étudiants sur les principales notions retenus par les étudiants sur cette première journée en FabLab.
Un temps de culture numérique leur est ensuite proposé autour de quelques notions clées issues du monde du libre ("FabLab", "Tiers-Lieu", "DIY", "Hacker space", "Coworking", "Open Source", "Living Lab"...) Ensuite visite de l'expo et de l'atelier proposé à la cité du Design "Are you talking me "
L'après-midi le travail est consacré à la poursuite de la découverte de la programmation en python avec le capteur sense hat combiné à un raspberry :

  - configuration du sens hat

  - quelques exemples de programmes 

  - simulateur en ligne raspberry

Mercredi 11/10

Poursuite des exercices de programmation en python "allumer une LED par ° de température captée
En deuxième partie de matinée, l'exercice suivant est proposé réaliser une boussole qui indique le nord avec le sensehat

L'après-midi, Hubert le fabmanager, leur propose un temps de sensibilisation à la modélisation de son programme.
Il est proposé aux étudiants de réaliser l'écriture des étapes de l'algorithme appelé le tri a bulle

Jeudi 12/10

Construction collective de la modélisation du fonctionnement d'un feu tricolore

feu tricolore

 Lecture de tutoriel pour :

      - découvrir le matériel utilisé

      - faire clignoter une LED

La première partie de la matinée consistera à réaliser le circuit électronique d'un feu tricolore en le reliant à un raspberry.
Ensuite à l'aide des tutoriels réaliser la programmation du feu tricolore

Présentation des 7 versions du code de David. A la suite de cela, tester les différents codes proposés par David et essayer de comprendre l'intérêt de chacune des versions.
A la 7ème version : élaborer une modélisation du code sous forme graphique...

Enfin, pour clôturer la journée il est proposé un temps de retour sur la visite de l'exposition sur les objets connectés. Par groupe, ils doivent choisir un objet connecté.

Vendredi 13/10

Reprise en groupe sur le travail de la journée de jeudi pour éclaircir le TP et répondre aux questions.
Par petit groupe de 3 ou 4, lancement du travail pour programmer le jeu PONG
Elaborer une proposition d'UML pour découper le projet et le modéliser

L'après-midi est découpé en sprint pour commencer à coder le projet
Retrouvez les différents codes proposés au cours de la semaine en suivant ce lien.

Cycle 1 : Semaine 2

Lundi 16/10

Le matin est consacré à l'installation d'une machine virtuelle sur son PC. L'article suivant permet de découvrir la procédure d'installation et d'échanger sur les intérêts d'utiliser une machine virtuelle.
Le choix de ma chine virtuelle s'est portée sur virtual box
L'après-midi, les étudiants ont poursuivi leur travail de réalisation d'un CV perso en HTML CSS. Pour les plus avancés, ils peuvent essayer de reproduire la page web du site airbnb.
En parallèle correction et proposition d'amélioration de leur CV.

préparation des exposés et tutoriels du 1er cycle :

     consignes pour les exposés

       - convaincre en 5 minutes sa boulangère d'utiliser sa distribution Linux

       - convaincre en 5 minutes un ami développeur d'utiliser sa distribution Linux

       - 10 minutes d'échanges 

     consignes pour les tutoriels wordpress :

       - réaliser un tutoriel permettant de décrire toutes les étapes pour installer la distribution Linux de votre groupe sur une machine virtuelle (votre tutoriel s'adresse à un débutant).

Mardi 17/10

Installer un serveur web dans une machine virtuelle.
Installer un wordpress sur ce serveur.

L'après-midi a été consacré à ce que tout le groupe ait un wordpress de déployer sur le serveur web de la machine virtuelle.

Mercredi 18/10

A la découverte des licences libres et propriétaires :

    - vidéo pour découvrir les licences Creative Commons 

    - 6 possibilités de licence gratuite avec les Creative Commons

    - les licences GNU et ses 4 libertés (exécuter, étudier, modifier, (re)-distribuer))

Des ressources pour trouver des supports libres de droit :

    - dans le moteur de recherche de google en sélectionnant l'onglet Outils pour pouvoir paramétrer les droits d'usages

      recherchés pour une oeuvre

    - avec les moteurs de recherches proposés par Creative Commons
    - avec nounproject pour les icônes (en fonction de son usage)
    - sur des plateformes en fonction des supports et en vérifiant les licences (freepic pour les images, soundcloud 

      ou jamendo pour la musique, ou des vidéos youtube créditées en Creative Commons ...)

    - les œuvres tombées dans le domaine public

schéma de classification des licences

L'après-midi a été consacré à la découverte de JavaScript à travers de petits exercices et la découverte des notions de base (les variables, les conditions et les boucles)

    - trouver un nombre mystère généré entre 1 et 100 et calculer le nombre de tentatives 

en fin de journée il leur a été présenté le site suivant : cours complet de JavaScript

Jeudi 19/10

La reprise de la matinée, se fait par la lecture du cours sur JavaScript (partie Introduction et les bases en Javascript)
La première partie de l'après-midi est consacré à l'utilisation de day tripper pour m'auto-évaluer à travers 5 critères :

    - Ce que j'ai découvert au cours du cycle (par exemple : OS serveur, VPS, WP, VM....)

    - Les problèmes que j'ai rencontrés

    - Ce que j'ai appris (les notions, définitions, termes... : ce que je sais)

    - Les compétences que j'ai développées (ce que je sais faire)

    - Pour aller plus loin (ce qui me manque, les sujets qui m'intéressent et que je dois ou souhaite approfondir)

Poursuivre par la réalisation des exercices suivants :

    - Réaliser une page HTML en construisant le CSS pour donner ce résultat

    - Suivre le lien pour faire l'exercice de l'ardoise magique 

    - Reproduire la page web suivante, vous pouvez utiliser cet outil pour construire et mettre en place vos cadres 

Vendredi 20/10

Le matin a été consacré à la réalisation d'exercices en Javascript

    * 

L'après-midi a été consacré à la présentation des exposés réalisés sur les distributions Linux par groupe
Ensuite, un groupe souhaiterait travailler sur un projet de bornes permettant de découvrir l'histoire d'un lieu (avec un public cibles : les touristes et les scolaires)

Cycle 2 semaine 2

Lundi 23/10

Retour au FabLab, avec un petit temps de présentation de la semaine qui va s'articuler autour du nodeMCU et réaliser un objet électronique embarqué. Le début de la matinée est consacré à la configuration et l'installation de l'environnement de travail avec la mise en place du logiciel permettant de piloter des cartes Arduino.. Une fois arduino installé et démarré, appliquer les changements suivants pour que le nodeMCU soit pris en charge :

    * Démarrer le logiciel Arduino et accéder aux Préférence (Fichier/Préférences)

    * Dans le champ "URL de gestionnaire de cartes supplémentaires", ajouter

    * http://arduino.esp8266.com/stable/package_esp8266com_index.json 

    * et cliquer sur OK 

Pour travailler avec le nodeMCU :

    * Accéder au Gestionnaire de carte (Outils/Type de carte:.../Gestionnaire de cartes),

    * rechercher "esp8266",

    * sélectionner "esp8266 by ESP8266 Community",

    * Installer la librairie et fermer

    * Sélectionner le type de carte "NodeMCU 1.0 (ESP-12E module)"

      (dans Outils/Type de carte:.../Gestionnaire de cartes)

(En cas de soucis avec les droits d'accès pour les ports USB : sudo usermod -a -G dialout $USER)

Brancher ensuite le nodeMCU au port USB de l'ordinateur (comme sur la photo en lien) et tester les programmes suivants :

    * scanner le wifi 

    * faire clignoter la LED du nodeMCU

    * Brancher ensuite une lED RGB à cathode commune (comme sur la photo) et la faire clignoter avec ce tutoriel 

L'après-midi consistera à découvrir un programme pour :

    * piloter une LED par un serveur web

    * piloter une lED par un serveur web avec une palette de couleurs

Mardi 24/10

Après un petit temps de veille et la présentation de la journée, les étudiants disposent d'un temps en autonomie pour préparer leur exposé sur les objets connectés

Retour sur la programmation d'un feu tricolore commandé avec le nodeMCU, cliquez-ici pour télécharger le programme
Découverte du capteur DHT11 qui permet d'effectuer un relevé de température et d'humidité
Pour réaliser le branchement au nodeMCU, la déclaration des broches à connecter est à l'intérieur du code. Le lien de téléchargement
Commencer par effectuer les relevés de température, puis ajouter les relevés d'humidité.

Mercredi 25/10

Le matin est consacré à la pratique, pour réaliser le montage éléctronique et découvrir le fonctionnement de nouveaux capteurs ou actionneurs qu'on peut combiner à un NodeMCU. De nombreuses ressources sont en ligne mais il est important de se documenter sur les documentations officielles.

On complète la réalisation du projet au FabLab ce matin, en intégrant un afficheur à cristaux liquides. Pour cela, il est conseiller d'utiliser la bibliothèque de Frank de Brabander (pour les afficheurs liquid cristal i2C).
tester le code dans le menu exemples, nommé Hello world qui se trouve dans le dossier INCOMPATIBLE de votre IDE arduino (rappel : penser à adapter l'adresse de votre afficheur 0x3F, 16,2)

Jeudi 26/10

La matinée du jeudi a été consacré à se servir de son capteur de température et de le combiné IFTTT. IFTTT est un service web qui permet d'automatiser le déclenchement d'action en fonction d'une condition.
Sur le site IFTTT, on créera une condition qui lors de l'envoi d'une requête http (par webhook comme applet dans IFTTT) on écrira une ligne sur une feuille de calcul de notre google drive, pour ensuite afficher un schéma dans cette feuille de calcul des relevés de température et d'humidité. Le lien pour télécharger le code. dans le code fourni il est important de bien comprendre cette ligne et les caractères d'échappement :

    - String value = "{\"value1\":\"" + String(temp) + "\",\"value2\":\"" + String(humi) + "\"}";

Poursuite de ce travail en début d'après-midi, avec la réalisation d'un tutoriel sur IFTTT. ensuite travail en autonomie sur le CV et l'exposé.

Vendredi 27/10

Le matin est consacré à un travail pour capter les données du nodeMCU et les rendre visibles sur Thingspeak. voici le resultat du travail attendu !.
Les derniers fichiers proposés par David :

    - Le DHT11 complet

    - Le DHT11 avec thingspeak LCD LED neutre 

     ... Un petit defi proposé par David : faire en sorte que les seuils soient paramétrables depuis internet.

L'après-midi est présenté à la présentation des exposés sur les objets connectés réalisés par les étudiants

    - Jeedom
    - Awaken car
    - Hexoskin
    - mother
    - Farmbot
    - Google glass

Semaine 1 Cycle 3 : déploiement de site web, Cloud et CMS

Lundi 6/11/2017

   remise en route par un temps de veille

   découverte du cloud :
   lecture article wikipedia : cloud computing
   échanges
   le cloud comme pizza   

   une stratégie de cloud computing : AWS
   le cloud computing comme plateforme 
   les solutions amazon AWS 
   echange sur la strategie amazon apres la lecture de cet article : 

   Bilan day tripper cycle2
   citer 3 choses que vous avez apprécié
   citer 3 choses que vous n'avez pas apprécié
   3 découvertes
   3 regrets 
   3 éléments sur lesquels vous ressentez avoir progressé

Mardi 7/11/2017

   MATIN : 
   Content Management System
   C'est quoi un CMS ? 
   - Magento / wordpress / drupal / doorgets / moodle / prestashop
   - faire une presentation technique du CMS choisi : faire une présentation comme commercial presentant a un client 

   AM : 
   Recherche de stage / finalisation des CV / résolution des problèmes sous wordpress

jeudi 9/11/2017

    MATIN :
    

    APRES-MIDI :
    PHP avec David exercice : réaliser un thermomètre permettant d'afficher une température envoyé par un formulaire (retrouver le code écrit ensemble ici)
    Exercice à préparer : modifier ce code pour l'adapter à votre nodeMCU

Vendredi 10/11/2017

   MATIN : 
   Exercices avec Rémy en parallèle Entretiens individuels

   AM : 
   Préparation Exposé en parallèle Entretiens individuels
   Répartition des exposés (et tutoriels à réaliser sous wordpress)
   Parmi la liste de plugin proposé sur le thème retenu, sélectionnez-en un et présentez-le comme un technicien qui fait une démonstration à un autre techinicen... on devra donc retrouver les configurations techniques requises pour l'installer, les avantages et les inconvénients (pour un développeur !), 
    - 1 au niveau de la sécurité de son wordpress :  iThemes Security, Wordfence, Bulletproof Security (Samir, Thomas, Myriem, Antoine)
    - 1 au niveau de la retouche d'image : Aviary Photo Editor, POWr Photo Filter (Charly, Sebastien, Guillaume et Jean-Christian)
    - 1 sur la gestion des membres d'un wordpress : Members, Memberpress, LearnDash, S2Member (Younes, Brandon, Benoit, Leila)
    - 1 sur la gestion d'événements : The Event calendar, Events Manager, EventOn (pro), All-In-One Events Calendar (Jonathan, Nathan Grégory, Jennifer, Mathieu)
    - 1 newsletter : mailchimp, sand my box  (Kevin, Adel, Vincent, Fawzi)

Semaine 2 Cycle 3 : déploiement de site web, Cloud et CMS

Lundi 13/11/2017

Le matin est consacré à la recherche d'offre de stage, un accompagnement individuel dans la formulation de leurs candidatures

Mardi 14/11/2017

    MATIN :
    L'exercice du matin est consacré à découper en tâche certaines des fonctionnalités d'un CMS :
       - la gestion des membres (d'une association sportive : membre du bureau / licenciés / entraîneurs)
       - la gestion de contenu
       - la mise en place d'une newsletter

TOUT CELA NE SONT QUE DES CONTENANTS QUI SERONT MIS EN PLACE DANS UN CMS POUR FACILITER LA PRISE EN MAIN ET SE CONSACRER AU CONTENU !!!

    APRES-MIDI :
     - préparation exposé (présentation d'un plugin fonctionnement et installation)
     - réalisation tutoriel WordPress (présentation d'un plugin fonctionnement et installation)

     - day tripper les 5 points clés à leur proposer (a faire après le vendredi 17/11)
          * 3 nouveautés que vous avez découvertes au cours du cycles
          * 3 notions que vous pensez commencer à maîtriser
          * 3 notions qui vous mettent le plus en difficulté
          * 3 exercices qui vous ont plu
          * 3 exercices qui vous ont déplu

Jeudi 16/11/2017

     MATIN :
     intervention de Roland Nicolli sur Wordpress 
       * la sécurité
       * son référencement
       * échange sous forme de question/réponse sur les plugins proposés 
         prise de note partagée : en suivant le lien

     APRÈS-MIDI :
     Découverte PHP (2è séance) :
       * les tableaux : Explications Documentation officielle
       * exercice "Formulaire d'authentification" : Écrire un script qui propose d'authentifier un internaute grâce à un formulaire (identifiant et mot de passe)
        et en comparant sa saisie avec le contenu d'un fichier texte. Le fichier texte contient une ligne de texte sous la forme "identifiant motdepasse" ;
        cela nécessite l'utilisation de la fonction explode avec le caractère espace en tant que séparateur.
       * suite de l'exercice : le fichier texte contient plusieurs lignes avec plusieurs couples d'identifiant et mot de passe
       * suite de l'exercice : conserver l'authentification avec une session

Vendredi 17/11/2017

    MATIN 
    Exercices et notions de programmation avec Rémy, en parallèle d'entretien individuel.

    APRES-MIDI 
    Présentation des exposés sur un plugin de Wordpress, en parallèle des entretiens individuels.

Cycle 4 - Semaine 1 - IHM & Design

Lundi 20/11/2017

    MATIN :
    Exercices avancés sur Java Script 

    APRES-MIDI :
    Pour différencier les formats d'image :
    - les différents formats d'images pour le web et pour le print 
    - comparatif des avantages et des inconvénients

    Pour intégrer les images : 
    - lecture mozilla svg pour decouvrir le format  
    - lecture alsacreation pour manipuler le svg 

    Pour manipuler les images :
    - tutoriel installer inkscape 
    - prendre en main inskape tutoriel_1 et tutoriel_2   
    - tutoriel compresser des jpeg avec GIMP   
    - modifier une photo en dessin avec GIMP

Mardi 21/11/2017

   MATIN :
     De quoi parle-t-on ? :
   - un peu de vocabulaire : workflow, mockup, rough
   - un exemple de wireframe airbnb 
     L'experience utilisateur :
   - l'experience utilisateur ce n'est pas Airbnb 
   - la captologie et économie de l'attention 
     L'accessibilité - une expérience utilisateur pour tous :
   - les zones d'accessibilités à l'écran : article_1 article_2
   - les do-don't de l'accessibilité 
     Exercice :
   - faire le mockup du site
       - en respectant le cahier des charges de la boutique de e-commerce 
   - présentation des mockups étudiants au cours du cycle

    APRES-MIDI
    * Présentation de jobteaser pour la recherche de stage
    * Lancement des projets collectifs
         - groupe sur la réalisation de borne touristique pour découvrir Saint Etienne
         - groupe sur la réalisation d'un jeu vidéo en python
         - groupe sur la réalisation d'un template association
         - groupe travaillant sur la réalisation d'une bibliothèque en ligne adaptée aux mangas

Mercredi 22/11/2017

poursuite des cours et exercices JS

Jeudi 23/11/2017

    MATIN :
    * découverte du format json
    * présentation de json
    * un éditeur en ligne
    * les fonctions json avec php

    APRES-MIDI :
    * découverte de drupal
    * installation de drupal (non sécurisée)
       cd /var/www/html
       wget https://ftp.drupal.org/files/projects/drupal-8.4.2.tar.gz
       tar -xzf drupal-8.4.2.tar.gz 
 rm drupal-8.4.2.tar.gz 
       mv drupal-8.4.2/ dp/
       sudo chmod -R 777 dp/
       cd dp/sites/default/
       cp default.settings.php settings.php
       chmod 777 settings.php

Vendredi 24/11/2017

     MATIN :
     Cours sur les fonctions avancées de JS et entretiens
     APRES-MIDI :
     Préparation des exposés qui se dérouleront jeudi 30 novembre (après-midi)
     Sujet : Analyser les pages HTML et CSS d'un template (exemple de présentation d'une analyse)
     * Sébastien, Jonathan, Guillaume, Fawzi : plushiness
     * Meriem, Vincent, Charly, Antoine : intensify
     * Samir, Leyla, Gregory, Nathan : stonework
     * Brendon, Mathieu, Kevin, Younes : sandstorm
     * Thomas, Adel, Jean-Christian, Jennifer ; full motion

Cycle 4 Semaine 2

Lundi 27/11/2017

    * MATIN :
      Poursuite des cours de JS

    * APRES-MIDI :
      Réaliser un jeu de Memory avec les constructeurs en CSS
      - Créer son logo en SVG (le décliner de 6 couleurs différentes pour le Memory)
      - la carte mentale des fonctionnalités du jeu ... et plus 
      - un rappel sur le positionnement et les grilles en CSS
      - un guide sur grid layout  CSS
      - un support pour comprendre la logique du projet et son découpage (mais a réajuster avec un positionnement en CSS)

    * Pour aller plus loin avec le SVG :
      2 exemples de SVG :
       - une horloge
       - [[ http://thecodeplayer.com/walkthrough/make-a-stopwatch-using-css3-without-images-or-javascript/ |un chrono]]
      Animer son CSS :
       - exemple d'animation
       - https://la-cascade.io/guide-des-animations-svg/ : guide des animations css avec le svg
    * Pour aller plus loin avec le CSS :
       - le concept de flexbox

Mardi 28/11/2017

    - MATIN :
      Temps de travail sur les avancées des projets collectifs ou individuels

    - APRES-MIDI :
      * Recherche de stage (avec Audrey), point sur les candidatures de stage
      * Préparation des exposés sur le CSS

Mercredi 29/11/2017

    MATIN :
      Cours JS Browser
    APRES-MIDI :
       Cours CSS avancé

Jeudi 30/11/2017

    MATIN :

    APRES-MIDI :
      - Visite du quartier créatif et principalement du mixeur et de la Grande Usine Creative
      - Présentation des exposés CSS

Vendredi 1/12/2017

    MATIN :
      - Cours JS Ajax

    APRES-MIDI :
      - présentation du "responsive design" et "mobile first"
         * C'est quoi le responsive design ?
         * Qu'est-ce que le responsive design ?
         * démo
      - présentation de "mobile first" :
         * mobile first : une nouvelle façon de concevoir un projet digital
         * mobile first, la nouvelle approche du web design
         * Google : l'index devient mobile first, quelles conséquences pour le référencement ?
      - découverte de la grille de Bootstrap :
         * le système de grille de Bootstrap
         * prendre en main la grille Bootstrap
         * Exercices de positionnement Bootstrap

    DAY TRIPPER :
    les 5 items d'évaluations :
      - citez 2 animations CSS découvertes 
      - les 2 exercices que vous avez le plus apprécié
      - les 2 exercices que vous avez le moins apprécié
      - les 3 nouveautés que vous avez envie d'approfondir
      - les 2 ou  3 éléments manquants ou pas assez approfondis

Cycle 5 : Programmation Orienté Objet, php et formulaires

Lundi 4/12/2017

     MATIN :
     Jquery
     APRES-MIDI :
     Après un petit temps d'échanges sur l'objet et son fonctionnement, lecture des articles suivants :
        - php : programmation orientée objet
     Pour la séance suivante : mettre en route son nodeMCU et afficher les valeurs captées sur son VPS
     A lire pour jeudi :
       * Programmation Orientée Objet en PHP
       * POO et PHP en bref 
       * Tutoriel à suivre avec comme objectif de comprendre chaque ligne de code et de la commenter
       * et après il reste la documentation officielle PHP

Mardi 5/12/2017

    MATIN :
      * Utiliser des outils collaboratifs dans une démarche de projet
      * s'organiser dans ses démarches de projet (se fixer des objectifs, se répartir des tâches, planifier...) en utilisant Trello

    APRES-MIDI :
      * recherche de stage et/ou travail en autonomie
      * simulation d'entretien
      * présentation de mockup et échanges

Mercredi 6/12/2017

    Cours sur la base de données

jeudi 7/12/2017

    MATIN :
      Cours Rémy

    APRES-MIDI :
      Travail sur le code permettant d'envoyer les données collectées par le nodeMCU au serveur VPS pour les afficher sur le thermomètre.

      Travail à réaliser pour jeudi prochain, le stockage des données collectées devra se faire par l'intermédiaire d'une base de données.

dse==Vendredi 8/12/2017==

    MATIN :
      Poursuite du cours sur les bases de données
      Entretiens individuels en parallèle

    APRES-MIDI :
      présentation des exposés sur le CSS
      préparation des exposés sur les IDE et environnement de travail

Cycle 5 : Programmation Orienté Objet, php et formulaires - Semaine 2

Lundi 11/12/2017 :

    MATIN :
      Cours sur GIT

    APRES-MIDI :
      - préparer forum : rappel tenue / discours / CV
      - réaliser un memory en utilisant le HTML-CSS-JS
        Pour ce travail on peut s'inspirer de l'algorythme suivant (qui découpe le projet en petite fonctionnalité)
        Tutoriel memory

Mardi 12/12/2017 :

   - MATIN : 
       - GIT ludique prise en main (cf carte mentale) + forum stage DTA 10h-12h
           -  Introduction rapide a Git
           - Gerer son code avec git et github
       - 2 serious game pour prendre en main et comprendre git
           - Try Git
           - learn git branching 
       - guide Git
       - Job dating Telecom
       
   - AM : 
       - demarche de projet / preparation exposé
       - poursuite du travail en autonomie réalisation d'un memory 

Mercredi 13/12/2017 :

   - MATIN : Cours PHP
   - APRES-MIDI : Cours SQL

Jeudi 14/12/2017 :

   - MATIN : exercice PHP
   - APRES-MIDI : exercice PHP (a voir dans la carte mentale)

Vendredi 15/12/2017 :

   - MATIN : 
       entretiens individuels
   - AM : 
       exposé présentation PHPStorm, Eclipse, Netbeans vs Atom, Brackets, Sublime

Semaine de débriefing et de révisions

Lundi 18/12/2017

   - MATIN : cours sur GIT et les Bases De Données
   - APRES-MIDI : reproduire en travail en autonomie individuel le wordpress d'openfactory42

Mardi 19/12/2017

   - JOURNÉE : Projet TRELLO LIKE : développer en équipe la réalisation d'un site proposant les principales fonctionnalités de Trello

Mercredi 20/12/2017

   - MATIN : Poursuite du travail de groupe TRELLO LIKE
   - APRES-MIDI : 
      - Intervention de Clément DUPUIS pour faire un point d'etape sur l'application Day Tripper
      - Temps de préparation des exposés

Jeudi 21/12/2017

   - MATIN : 
     - révisions sur les commandes Linux
   - APRES-MIDI :
     - poursuite du projet individuel : Wordpress Openfactory42

Vendredi 22/12/2017

   - MATIN : 
     - entretiens individuels
   - APRES-MIDI :
     - présentation des exposés

Du mardi 2/01/2018 au vendredi 26/01/2018

STAGE en entreprise de 4 semaines

Cycle 6 : Base De Données et introduction à NodeJS - Semaine 1

Lundi 29/01/2018

    - MATIN :
      -Révisions SQL et Modélisation d'un carnet d'adresses
    - APRES-MIDI :
      - concevoir un site web avec php et mysql

Mardi 30/01/2018

    - MATIN :
      - Révisions PHP et introduction à la bnotion de CRUD en PHP
      - Développer dans un IDE PHP, dans un projet Git
    - APRES-MIDI :
      - Réaliser les CRUD du carnet d'adresses
      - Développer dans un IDE PHP, dans un projet Git

Mercredi 31/01/2018

    - JOURNEE :            
      concevoir un site web avec php et mysql

Jeudi 01/02/2018

    - MATIN :
      - Introduction à la notion de tests unitaires en PHP
      - Développer dans un IDE PHP, dans un projet Git
    - APRES-MIDI :
      - Réalisation des tests unitaires en PHP
      - Développer dans un IDE PHP, dans un projet Git

Vendredi 2/02/2018

    - JOURNEE :
      - préparation des exposés
      - poursuite des entretiens de bilan de stage
    

Cycle 6 : Base De Données et introduction à NodeJS - Semaine 2

Lundi 5/02/2018

    - MATIN :
      - Mockup et développement des pages du carnet d'adresse
      - Développement dans un IDE PHP, dans un projet GIT
    - APRES-MIDI :
      - découvrir les Big Data sous un angle technique

Mardi 6/02/2018

    - MATIN :
      - Workshop Sainté Capacity :
        Découverte du projet et des principales notions
    - APRES-MIDI :
      - Développement des pages du carnet d'adresse
      - Développement dans un IDE PHP, dans un projet GIT

Mercredi 7/02/2018

    - MATIN :
      - Projet collectif ou individuel

    - APRES-MIDI :
      - Développement des pages contrôleurs du carnet d'adresse
      - Développement dans un IDE PHP, dans un projet 

Jeudi 08/02/2018

    - MATIN :
      - Notion de MVC en PHP
      - Développement des pages / controleurs du carnet d'adresse
      - Développement dans un IDE PHP, dans un projet

    - APRES-MIDI :
      - Développement des pages / controleurs du carnet d'adresse
      - Développement dans un IDE PHP, dans un projet 

Vendredi 9/02/2018

    - MATIN :
      - Préparation des exposés en autonomie
      - Entretiens DTA avec Valentine Delorme
    - APRES-MIDI :
      - Présentation des exposés sur les IDES

Cycle 7 : Environnement de développement, gestion de code et debugs - Semaine 1

Lundi 12/02/2018

    - MATIN :
      - Poursuite de la mise en place d'une structure MVC sans framework pour le carnet d'adresses
    - APRES-MIDI :
      - Geocamp (framapad pour retrouver les ressources proposées par Eddie)

Mardi 13/02/2018

    - MATIN :
      - Poursuite du cours OCR : construire son site web en PHP et Mysql
    - APRES-MIDI :
      - Projet individuel ou collectif

Mercredi 14/02/2018

    - MATIN :
      - Tests unitaires en PHP
    - APRES-MIDI :
      - Introduction a composer

Jeudi 15/02/2018

    - JOURNEE :
      - Enrichissement du projet de CRUD du carnet d'adresses en incorporant TU + MVC + Composer
    

Vendredi 16/02/2018

    - MATIN :
      - installation de Composer
      - Présentation de la simulation de candidature de stage à la DTA
    - APRES-MIDI :
      - Préparation des exposés sur les librairies PHP (voir répartition dans slack)

Cycle 7 : Environnement de développement, gestion de code et debugs - Semaine 2

Lundi 26/02/2018

    - MATIN :
      - Découverte des principes de l'API REST
    - APRES-MIDI :
      - Adopter une architecture MVC en PHP

Mardi 27/02/2018

    - MATIN :
      - Workshop Sainté Capacity (guide de préparation d'un atelier World Café)

    - APRES-MIDI :
      - Débriefing du workshop :
          * présentation des avancées du travail en groupe
          * découvertes d'usages et outils numériques innovants et facilitateur d'empowerment :
              - communecter : guide PDF se communecter a sa commune
              - Give box : donner les objets dont on ne se sert plus
              - sharetribe : un boncoin local
              - Pumpipumpe : faciliter le prêt d'objets à ses voisins
              - Repair Café : de l'entraide pour apprendre a réparer
              - Supercagette : un drive local en circuit court
              - Movim et Diaspora : une autre vision des réseaux sociaux

Mercredi 28/02/2018

    - MATIN :
      - Mise en place d'une API REST pour un carnet de contact
    - APRES-MIDI :
      - Mise en place d'une API REST pour un carnet de contact

Jeudi 01/03/2018

    - MATIN :
      - Entretiens de bilan de stage
      - Preparation des exposés
    - APRES-MIDI :
      - Découverte de méthodes agiles (SCRUM Lego)

Vendredi 02/03/2018

    - MATIN :
      - Apprendre à utiliser une API : L'API Marvel
    - APRES-MIDI :
      - Apprendre à utiliser une API : L'API Marvel

      - Lien vers la proposition de David

Cycle 8 : - Semaine 1

Lundi 5/03/2018

    - MATIN :
      - Mise en place API REST Carnet de contact avec Slim
    - APRES-MIDI :
      - Architecture MVC en PHP

Mardi 6/03/2018

    - MATIN :
      - Workshop Capacity St Etienne IRAM
    - APRES-MIDI :
      - Débriefing de la séance de travail sur le workshop  
      - Candidature CV par mail "stage DTA" :
        * Les règles à respecter avec le CV
         * Vérification des fautes d'orthographe et de frappe (correcteur orthographique, relecture par un tiers, éviter le langage familier)
         * Candidaté avant la date limite, mettre à jour son CV
         * Mettre en pièce jointe son CV en version papier ou PDF (pas de lien sur une adresse IP sans explication du contenu, au format PDF, ).
       * Candidature avec un mail + CV + Lettre de Motivation
         * Contenu du mail :
           - présentation de la formation, de sa demande (période de stage, durée, réponse à l'annonce de "...."), de ses connaissances, de ses usages et de ses outils 
           - reprendre des éléments de l'offre de stage, des projets de l'entreprise.
           - penser à la mise en forme de son mail (police, paragraphe...)
           - Vérification des fautes d'orthographe et de frappe 
           - S'appuyer sur un modèle de lettre de motivation
           - Signature de mail
           - Brochure DTA
           - formule de politesse
         * Contenu du CV :
           - mettre en place une disposition (avec un curseur d’évaluation de compétences) permettant de valoriser vos compétences informatiques (attention à ne pas noyer ces informations, au milieu d'autres champs professionnels). 
           - liste de plateforme de mise en forme de votre CV 

Mercredi 7/03/2018

    - MATIN :
      - Découverte du framework PHP Laravel/ 

Jeudi 8/03/2018

    - MATIN :
      - Démonstration de découverte du framework Django en Python
    - APRES-MIDI :
      - David exercices GIT : 

        Poursuite du travail en équipe autour de l'utilisation de l'API Marvel et du versioning du code avec GIT

Vendredi 9/03/2018

    - MATIN :
      - Bilan individuel des candidatures de stage
      - Préparation exposé Librairie PHP 
    - APRES-MIDI :
      - Bilan individuel des candidatures de stage
      - Préparation exposé Librairie PHP

Cycle 8 - Semaine 2

Lundi 12/03/2018

    - MATIN :
      - Découverte et présentation de Laravel
    - APRES-MIDI :
       - Cours OCR Adoptez une architecture MVC ou utiliser une API REST dans un projet web

Mardi 13/03/2018

    - MATIN :
      - Découverte et présentation de Laravel
    - APRES-MIDI :
      - Projet collectif et individuel
      - Entraide (Laravel, Git, API)

Mercredi 14/03/2018

    - MATIN :
      - Découverte et présentation de Laravel
    - APRES-MIDI :
      - World Café au colibri dans le cadre du workshop

Jeudi 15/03/2018

    - MATIN :
      - Présentation des exposés sur les librairies PHP
    - APRES-MIDI :
      - workshop : déterminer le cahier des charges du projet pour préparer les 3 jours de workshop

Vendredi 16/03/2018

    - MATIN :
      - Candidature CV et travail perso en autonomie
    - APRES-MIDI :
      - workshop : déterminer le cahier des charges du projet pour préparer les 3 jours de workshop

Cycle 9 - semaine 1

Du Lundi 19/03/2018 au mercredi 21/03/2018

3 journée de workshop avec les étudiants de l'IRAM
retrospective en image et video sur twitter

Jeudi 22/03/2018

   - MATIN :
     - Finalisation de la version de démo
   - APRES-MIDI :
     - Présentation officielle des projets du workshop

vendredi 23/03/2018

   - MATIN :
     - Entraide (LARAVEL, GIT API)
   - APRES-MIDI :
     - Découverte d'Angular

Cycle 9 - Semaine 2

Lundi 26/03/2018

   - MATIN :
     - 
   - APRES-MIDI :
     - Manipuler des API :
       - utiliser l'API de google map
       - A partir de la documentation de l'API Youtube, intégrer un player youtube dans une page HTML via l'API et intégrer dans le lecteur une playlist

Mardi 27/03/2018

   - MATIN :
     - A la découverte des Regex (Pierre Giraud)
     - Les expressions régulières pour construire son site web (OpenClassRoom)
   - APRES-MIDI :
     - Débriefing Workshop
     - Entraide (LARAVEL, JS et remettre a jour son environnement de travail)

Mercredi 28/03/2018

    - Poursuite de la prise en main d'Angular

Jeudi 29/03/2018

    - Matin :
      Poursuite de la prise en main d'Angular
    - Après-midi :
      Découverte d'un application Angular développé par David

Vendredi 30/03/2018

    - Matin :
      
    - Après-midi :
    - Poursuite de la prise en main d'Angular

Cycle 10 - Semaine 1 & 2

Lundi 2/04/2018 au vendredi 13/04/2018

    Cycle de réalisation d'un projet, développement d'un site en respectant les consignes suivantes :

Projets DTA 2017-2018

Objectifs

L’objectif est de conclure la formation par la formation DTA par la réalisation d’un projet web.

Cela doit permettre à chaque élève de progresser sur les savoir-faire et savoir-être fondamentaux du développement web :

   ===Travail collaboratif===
       méthodologie agile
           découpage du projet en tâches élémentaires
           sprints
       usage de Git
       commentaires dans le code et dans les commits

   ===Développement front-end===
       Intégration HTML - CSS
       Usage de bibliothèques, voire de frameworks front-end
           JQuery
           Bootstrap
           Angular

   ===Développement back-end===
       Conception du modèle de données (base de données sous MySQL)
       Usage d’un framework back-end pour le développement des pages ou l’exposition de l’API REST
           Laravel
           Slim

L’objectif n’est pas de réaliser le meilleur site possible, mais de profiter de ces 2 semaines pour faire progresser l’ensemble des développeurs de la DTA sur ces savoirs fondamentaux.

Planning

Les projets seront réalisés entre le 03/04/2018 et le 23/04/2018.

Modalités

Les projets seront réalisés par équipes de 2. Les équipes devront être constituées le 30/03/2018, avec droit de regard par les formateurs afin de constituer des tandems équilibrés, au vu des objectifs du projet.

Les projets donneront lieu à une restitution lors de la semaine 17 (23/04/2018 - 27/04/2018). Lors de cette restitution, le site réalisé devra être présenté (démo). Les choix de conception et d’implémentation devront être justifiés.

Un repository Github devra être communiqué, contenant :

   le code source du site (HTML, JS, CSS, PHP…)
   le script SQL de création du modèle de données

Sujets

Les équipes doivent choisir un sujet au choix parmi les sujets suivants. Site Co-Voisin

Il s’agit d’implémenter le maximum de fonctionnalités du site Co-Voisin imaginé lors du workshop Capacity Sainté.

Meriem, Jean-Christian, Kévin et Samir faisaient partie de l’équipe ayant imaginé ce site. Site Les enfants d’abord

Il s’agit d’implémenter le maximum de fonctionnalités du site Les enfants d’abordimaginé lors du workshop Capacity Sainté.

Leyla, Fawzi, Jonathan et Thomas faisaient partie de l’équipe ayant imaginé ce site. Site Out

Il s’agit d’implémenter le maximum de fonctionnalités du site Out imaginé lors du workshop Capacity Sainté.

Adel, Brendon, Sébastien et Younès faisaient partie de l’équipe ayant imaginé ce site. Site Pronostics Coupe du Monde 2018

L’objectif est d’implémenter un site de pronostics pour la Coupe du Monde 2018. Le maximum de fonctionnalités suivantes doit être implémenté :

   Connexion / Inscription au site
   Listing des matchs ouverts aux pronostics
   Saisie des pronostics
   Consultation du classement
   Verrouillage des matchs (admin)
   Saisie des résultats réels (admin)
   Saisie de nouveaux matchs (admin)
   Calcul des points des utilisateurs : 3 points par résultat exact (score exact), 1 point par résultat correct (bon vainqueur ou match nul) (admin)

Autres sujets

Tout autre sujet doit d’abord faire l’objet d’une validation avant le 03/04/2018 au soir.