DesignTech Académie 2017-2018
Sommaire
- 1 Semaine d'accueil : du lundi 25/09/2017 au vendredi 29/09/2017
- 2 Semaine 1 Cycle 1 : Déploiement d'OS, Configuration d'un serveur web, Administrer un site avec Wordpress
- 3 Semaine 1 Cycle 2 : Dispositif électronique programmable et objets connectés
- 4 Cycle 1 : Semaine 2
- 5 Cycle 2 semaine 2
- 6 Semaine 1 Cycle 3 : déploiement de site web, Cloud et CMS
- 7 Semaine 2 Cycle 3 : déploiement de site web, Cloud et CMS
- 8 Cycle 4 - Semaine 1 - IHM & Design
- 9 Cycle 4 Semaine 2
- 10 Cycle 5 : Programmation Orienté Objet, php et formulaires
- 11 Cycle 5 : Programmation Orienté Objet, php et formulaires - Semaine 2
- 12 Semaine de débriefing et de révisions
- 13 Du mardi 2/01/2018 au vendredi 26/01/2018
- 14 Cycle 6 : Base De Données et introduction à NodeJS - Semaine 1
- 15 Cycle 6 : Base De Données et introduction à NodeJS - Semaine 2
- 16 Cycle 7 : Environnement de développement, gestion de code et debugs - Semaine 1
- 17 Cycle 7 : Environnement de développement, gestion de code et debugs - Semaine 2
- 18 Cycle 8 : - Semaine 1
- 19 Cycle 8 : - Semaine 2
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
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
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
Mercredi 8/11/2017
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
Mercredi 15/11/2017
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 19/02/2018
- MATIN :
-
- APRES-MIDI :
-
Mardi 20/02/2018
- MATIN :
-
- APRES-MIDI :
-
Mercredi 21/02/2018
- MATIN :
-
- APRES-MIDI :
-
Jeudi 22/02/2018
- MATIN :
-
- APRES-MIDI :
-
Vendredi 23/02/2018
- MATIN :
-
- APRES-MIDI :
-
Cycle 8 : - Semaine 1
Lundi 26/02/2018
- MATIN :
-
- APRES-MIDI :
-
Mardi 27/02/2018
- MATIN :
-
- APRES-MIDI :
-
Mercredi 28/02/2018
- MATIN :
-
- APRES-MIDI :
-
Jeudi 01/03/2018
- MATIN :
-
- APRES-MIDI :
-
Vendredi 02/03/2018
- MATIN :
-
- APRES-MIDI :
-
Cycle 8 : - Semaine 2
Lundi 5/03/2018
- MATIN :
-
- APRES-MIDI :
-
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
Mercredi 7/03/2018
- MATIN :
-
- APRES-MIDI :
-
Jeudi 8/03/2018
- MATIN :
-
- APRES-MIDI :
-
Vendredi 9/03/2018
- MATIN :
-
- APRES-MIDI :
-
