Learning Lab Environnements Connectés - Contributions de l’utilisateur [fr]

DesignTech Académie 2018-2019

2018-09-28T11:50:54Z

DavidRechatin :

Wiki de la promo 3 de la Design Tech Académie
- [https://tchat.colibris-outilslibres.org/dta-2018-2019/channels/town-square lien vers le service de messagerie de la promotion]
- [https://www.youtube.com/channel/UCMWRwcwhaq54oO4CZi0QJ8g/playlists Lien vers les playlist de la DTA]
- [https://www.mindomo.com/fr/mindmap/dta-2018-2019-publique-5bd280f3baa02452d8c4b351d99367ec lien vers la carte mentale "étudiants"]
- [https://www.mindomo.com/fr/mindmap/34e106c9dffa40719ec46bc589189f37 lien vers la carte mentale "formateurs"]

=Cycle "Découverte du développement" web=
==Groupe DTA 1==
===Lundi 17/09===
* MATIN :

* APRES-MIDI :

===Mardi 18/09===
* MATIN :

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :
- Poursuite du travail sur le contenu de CV
- Finalisation de [https://doc.ubuntu-fr.org/lamp#methode_recommandeeinstallation_des_paquets l'installation du serveur LAMP] de phpmyadmin et [https://doc.ubuntu-fr.org/mysql MYSQL] (cf la carte mentale)

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress

==Groupe DTA 2==
===Lundi 17/09===
* MATIN :
Installation de Linux Mint 19 Cinnamon 64 bit (La procédure est dans la carte mentale etudiant sur la semaine Accueil - Jour 1)
Une vidéo pour découvrir [https://www.youtube.com/watch?v=eVjU1dbzZkI&list=PLG8CU9n9twW2XATAbFs54dgns89R9Jz-U Linux Mint]

* APRES-MIDI :

===Mardi 18/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress
 

=Cycle 1 - Semaine 1 - "1er pas en dévelopement web "=
Semaine 1 : Du lundi 24/09/2018 au vendredi 29/09/2018 
==Groupe 1==
===Lundi 24//09/2018===
- MATIN :
-

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Mercredi 26/09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, Fedora, Ubuntu, Debian, Arch Linux, Redhat, Opensuse) page HTML-CSS
Groupe 1 : Fedora : Elise, Emmanuel, Tony
Groupe 2 : Mint : Amélie, Thomas, Joël
Groupe 3 : Ubuntu : Alpha Oumar, Etienne, Aloïs
Groupe 4 : Debian : Anthony, Maëlis, Stephane
Groupe 5 : Arch Linux : Rania, Martin, Alexandre
Groupe 6 : Redhat : Corinne, Manel, Kenny
Groupe 7 : Opensuse : Mehmet Ali, Pierrick, Dylan
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation
* une démonstration de la distribution
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé
 

===Vendredi 28/09/2018===
- MATIN :
- Augmentation de la taille maximale pour le téléversement de fichier
Édition du fichier ''/etc/php/7.2/apache2/php.ini''
<code>upload_max_filesize = 128M</code>
<code>post_max_size = 128M</code>
- Exploration de l'interface d'administration de WordPress.
- Installation d'une extension pour visionner des vidéos Youtube directement dans le WordPress.
- Installation d'un thème sélectionné sur worpdress.org, puis personnalisation de ce thème et ajout de CSS additionnelle.
- Création d'un thème enfant.
Tuto : https://codex.wordpress.org/fr:Thèmes_Enfant
Autre tuto : https://www.hostinger.com/tutorials/how-to-create-wordpress-child-theme
- APRES-MIDI :
-
 

==Groupe 2==
===Lundi 24//09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, fedora, Ubuntu, debian, arch linux, redhat, opensuse) page HTML-CSS
Groupe 1 : Fedora : Abdelhak, Benjamin, Pierre
Groupe 2 : Mint : Marine, Ludovic, Hamza
Groupe 3 : Ubuntu : Cerise, Karima, Adrian
Groupe 4 : Debian : Ezra, Cizia, Mehdi
Groupe 5 : Arch Linux : Mountaga, Kevin, Thibault
Groupe 6 : Redhat : Faical, Naima, Alexandre
Groupe 7 : Opensuse : Soufiane, Nasser, Martin
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation)
* une démonstration de la distribution

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
- CV (Doyoubuzz)
- CV html-css (en fonction de l'avancement de chacun)
- Carte de visite
 

===Mercredi 26/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Vendredi 28/09/2018===
- MATIN :
-
- APRES-MIDI :
- Augmentation de la taille maximale pour le téléversement de fichier
Édition du fichier ''/etc/php/7.2/apache2/php.ini''
<code>upload_max_filesize = 128M</code>
<code>post_max_size = 128M</code>
- Exploration de l'interface d'administration de WordPress.
- Installation d'une extension pour visionner des vidéos Youtube directement dans le WordPress.
- Installation d'un thème sélectionné sur worpdress.org, puis personnalisation de ce thème et ajout de CSS additionnelle.
- Création d'un thème enfant.
Tuto : https://codex.wordpress.org/fr:Thèmes_Enfant
Autre tuto : https://www.hostinger.com/tutorials/how-to-create-wordpress-child-theme
-

DesignTech Académie 2018-2019

2018-09-28T10:07:32Z

DavidRechatin :

DesignTech Académie 2018-2019

2018-09-28T09:52:15Z

DavidRechatin :

Wiki de la promo 3 de la Design Tech Académie
- [https://tchat.colibris-outilslibres.org/dta-2018-2019/channels/town-square lien vers le service de messagerie de la promotion]
- [https://www.youtube.com/channel/UCMWRwcwhaq54oO4CZi0QJ8g/playlists Lien vers les playlist de la DTA]
- [https://www.mindomo.com/fr/mindmap/dta-2018-2019-publique-5bd280f3baa02452d8c4b351d99367ec lien vers la carte mentale "étudiants"]
- [https://www.mindomo.com/fr/mindmap/34e106c9dffa40719ec46bc589189f37 lien vers la carte mentale "formateurs"]

=Cycle "Découverte du développement" web=
==Groupe DTA 1==
===Lundi 17/09===
* MATIN :

* APRES-MIDI :

===Mardi 18/09===
* MATIN :

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :
- Poursuite du travail sur le contenu de CV
- Finalisation de [https://doc.ubuntu-fr.org/lamp#methode_recommandeeinstallation_des_paquets l'installation du serveur LAMP] de phpmyadmin et [https://doc.ubuntu-fr.org/mysql MYSQL] (cf la carte mentale)

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress

==Groupe DTA 2==
===Lundi 17/09===
* MATIN :
Installation de Linux Mint 19 Cinnamon 64 bit (La procédure est dans la carte mentale etudiant sur la semaine Accueil - Jour 1)
Une vidéo pour découvrir [https://www.youtube.com/watch?v=eVjU1dbzZkI&list=PLG8CU9n9twW2XATAbFs54dgns89R9Jz-U Linux Mint]

* APRES-MIDI :

===Mardi 18/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress
 

=Cycle 1 - Semaine 1 - "1er pas en dévelopement web "=
Semaine 1 : Du lundi 24/09/2018 au vendredi 29/09/2018 
==Groupe 1==
===Lundi 24//09/2018===
- MATIN :
-

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Mercredi 26/09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, Fedora, Ubuntu, Debian, Arch Linux, Redhat, Opensuse) page HTML-CSS
Groupe 1 : Fedora : Elise, Emmanuel, Tony
Groupe 2 : Mint : Amélie, Thomas, Joël
Groupe 3 : Ubuntu : Alpha Oumar, Etienne, Aloïs
Groupe 4 : Debian : Anthony, Maëlis, Stephane
Groupe 5 : Arch Linux : Rania, Martin, Alexandre
Groupe 6 : Redhat : Corinne, Manel, Kenny
Groupe 7 : Opensuse : Mehmet Ali, Pierrick, Dylan
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation
* une démonstration de la distribution
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé
 

===Vendredi 28/09/2018===
- MATIN :
- Augmentation de la taille maximale pour le téléversement de fichier
Édition du fichier ''/etc/php/7.2/apache2/php.ini''
<code>upload_max_filesize = 128M</code>
<code>post_max_size = 128M</code>
- Exploration de l'interface d'administration de WordPress.
- Installation d'une extension pour visionner des vidéos Youtube directement dans le WordPress.
- Installation d'un thème sélectionné sur worpdress.org, puis personnalisation de ce thème et ajout de CSS additionnelle.
- Création d'un thème enfant. Tuto : https://codex.wordpress.org/fr:Thèmes_Enfant
- APRES-MIDI :
-
 

==Groupe 2==
===Lundi 24//09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, fedora, Ubuntu, debian, arch linux, redhat, opensuse) page HTML-CSS
Groupe 1 : Fedora : Abdelhak, Benjamin, Pierre
Groupe 2 : Mint : Marine, Ludovic, Hamza
Groupe 3 : Ubuntu : Cerise, Karima, Adrian
Groupe 4 : Debian : Ezra, Cizia, Mehdi
Groupe 5 : Arch Linux : Mountaga, Kevin, Thibault
Groupe 6 : Redhat : Faical, Naima, Alexandre
Groupe 7 : Opensuse : Soufiane, Nasser, Martin
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation)
* une démonstration de la distribution

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
- CV (Doyoubuzz)
- CV html-css (en fonction de l'avancement de chacun)
- Carte de visite
 

===Mercredi 26/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Vendredi 28/09/2018===
- MATIN :
-
- APRES-MIDI :
-

DesignTech Académie 2018-2019

2018-09-28T09:36:21Z

DavidRechatin :

Wiki de la promo 3 de la Design Tech Académie
- [https://tchat.colibris-outilslibres.org/dta-2018-2019/channels/town-square lien vers le service de messagerie de la promotion]
- [https://www.youtube.com/channel/UCMWRwcwhaq54oO4CZi0QJ8g/playlists Lien vers les playlist de la DTA]
- [https://www.mindomo.com/fr/mindmap/dta-2018-2019-publique-5bd280f3baa02452d8c4b351d99367ec lien vers la carte mentale "étudiants"]
- [https://www.mindomo.com/fr/mindmap/34e106c9dffa40719ec46bc589189f37 lien vers la carte mentale "formateurs"]

=Cycle "Découverte du développement" web=
==Groupe DTA 1==
===Lundi 17/09===
* MATIN :

* APRES-MIDI :

===Mardi 18/09===
* MATIN :

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :
- Poursuite du travail sur le contenu de CV
- Finalisation de [https://doc.ubuntu-fr.org/lamp#methode_recommandeeinstallation_des_paquets l'installation du serveur LAMP] de phpmyadmin et [https://doc.ubuntu-fr.org/mysql MYSQL] (cf la carte mentale)

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress

==Groupe DTA 2==
===Lundi 17/09===
* MATIN :
Installation de Linux Mint 19 Cinnamon 64 bit (La procédure est dans la carte mentale etudiant sur la semaine Accueil - Jour 1)
Une vidéo pour découvrir [https://www.youtube.com/watch?v=eVjU1dbzZkI&list=PLG8CU9n9twW2XATAbFs54dgns89R9Jz-U Linux Mint]

* APRES-MIDI :

===Mardi 18/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress
 

=Cycle 1 - Semaine 1 - "1er pas en dévelopement web "=
Semaine 1 : Du lundi 24/09/2018 au vendredi 29/09/2018 
==Groupe 1==
===Lundi 24//09/2018===
- MATIN :
-

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Mercredi 26/09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, Fedora, Ubuntu, Debian, Arch Linux, Redhat, Opensuse) page HTML-CSS
Groupe 1 : Fedora : Elise, Emmanuel, Tony
Groupe 2 : Mint : Amélie, Thomas, Joël
Groupe 3 : Ubuntu : Alpha Oumar, Etienne, Aloïs
Groupe 4 : Debian : Anthony, Maëlis, Stephane
Groupe 5 : Arch Linux : Rania, Martin, Alexandre
Groupe 6 : Redhat : Corinne, Manel, Kenny
Groupe 7 : Opensuse : Mehmet Ali, Pierrick, Dylan
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation
* une démonstration de la distribution
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé
 

===Vendredi 28/09/2018===
- MATIN :
- Augmentation de la taille maximale pour le téléversement de fichier
Édition du fichier ''/etc/php/7.2/apache2/php.ini''
<code>upload_max_filesize = 128M</code>
<code>post_max_size = 128M</code>
- Exploration de l'interface d'administration de WordPress.
- Installation d'une extension pour visionner des vidéos Youtube directement dans le WordPress.
- Installation d'un thème sélectionné sur worpdress.org, puis personnalisation de ce thème et ajout de CSS additionnelle.
-
- APRES-MIDI :
-
 

==Groupe 2==
===Lundi 24//09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, fedora, Ubuntu, debian, arch linux, redhat, opensuse) page HTML-CSS
Groupe 1 : Fedora : Abdelhak, Benjamin, Pierre
Groupe 2 : Mint : Marine, Ludovic, Hamza
Groupe 3 : Ubuntu : Cerise, Karima, Adrian
Groupe 4 : Debian : Ezra, Cizia, Mehdi
Groupe 5 : Arch Linux : Mountaga, Kevin, Thibault
Groupe 6 : Redhat : Faical, Naima, Alexandre
Groupe 7 : Opensuse : Soufiane, Nasser, Martin
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation)
* une démonstration de la distribution

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
- CV (Doyoubuzz)
- CV html-css (en fonction de l'avancement de chacun)
- Carte de visite
 

===Mercredi 26/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Vendredi 28/09/2018===
- MATIN :
-
- APRES-MIDI :
-

DesignTech Académie 2018-2019

2018-09-28T09:36:06Z

DavidRechatin :

Wiki de la promo 3 de la Design Tech Académie
- [https://tchat.colibris-outilslibres.org/dta-2018-2019/channels/town-square lien vers le service de messagerie de la promotion]
- [https://www.youtube.com/channel/UCMWRwcwhaq54oO4CZi0QJ8g/playlists Lien vers les playlist de la DTA]
- [https://www.mindomo.com/fr/mindmap/dta-2018-2019-publique-5bd280f3baa02452d8c4b351d99367ec lien vers la carte mentale "étudiants"]
- [https://www.mindomo.com/fr/mindmap/34e106c9dffa40719ec46bc589189f37 lien vers la carte mentale "formateurs"]

=Cycle "Découverte du développement" web=
==Groupe DTA 1==
===Lundi 17/09===
* MATIN :

* APRES-MIDI :

===Mardi 18/09===
* MATIN :

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :
- Poursuite du travail sur le contenu de CV
- Finalisation de [https://doc.ubuntu-fr.org/lamp#methode_recommandeeinstallation_des_paquets l'installation du serveur LAMP] de phpmyadmin et [https://doc.ubuntu-fr.org/mysql MYSQL] (cf la carte mentale)

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress

==Groupe DTA 2==
===Lundi 17/09===
* MATIN :
Installation de Linux Mint 19 Cinnamon 64 bit (La procédure est dans la carte mentale etudiant sur la semaine Accueil - Jour 1)
Une vidéo pour découvrir [https://www.youtube.com/watch?v=eVjU1dbzZkI&list=PLG8CU9n9twW2XATAbFs54dgns89R9Jz-U Linux Mint]

* APRES-MIDI :

===Mardi 18/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress
 

=Cycle 1 - Semaine 1 - "1er pas en dévelopement web "=
Semaine 1 : Du lundi 24/09/2018 au vendredi 29/09/2018 
==Groupe 1==
===Lundi 24//09/2018===
- MATIN :
-

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Mercredi 26/09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, Fedora, Ubuntu, Debian, Arch Linux, Redhat, Opensuse) page HTML-CSS
Groupe 1 : Fedora : Elise, Emmanuel, Tony
Groupe 2 : Mint : Amélie, Thomas, Joël
Groupe 3 : Ubuntu : Alpha Oumar, Etienne, Aloïs
Groupe 4 : Debian : Anthony, Maëlis, Stephane
Groupe 5 : Arch Linux : Rania, Martin, Alexandre
Groupe 6 : Redhat : Corinne, Manel, Kenny
Groupe 7 : Opensuse : Mehmet Ali, Pierrick, Dylan
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation
* une démonstration de la distribution
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé
 

===Vendredi 28/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

==Groupe 2==
===Lundi 24//09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, fedora, Ubuntu, debian, arch linux, redhat, opensuse) page HTML-CSS
Groupe 1 : Fedora : Abdelhak, Benjamin, Pierre
Groupe 2 : Mint : Marine, Ludovic, Hamza
Groupe 3 : Ubuntu : Cerise, Karima, Adrian
Groupe 4 : Debian : Ezra, Cizia, Mehdi
Groupe 5 : Arch Linux : Mountaga, Kevin, Thibault
Groupe 6 : Redhat : Faical, Naima, Alexandre
Groupe 7 : Opensuse : Soufiane, Nasser, Martin
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation)
* une démonstration de la distribution

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
- CV (Doyoubuzz)
- CV html-css (en fonction de l'avancement de chacun)
- Carte de visite
 

===Mercredi 26/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Vendredi 28/09/2018===
- MATIN :
-
- APRES-MIDI :
-

DesignTech Académie 2018-2019

2018-09-28T09:35:44Z

DavidRechatin :

Wiki de la promo 3 de la Design Tech Académie
- [https://tchat.colibris-outilslibres.org/dta-2018-2019/channels/town-square lien vers le service de messagerie de la promotion]
- [https://www.youtube.com/channel/UCMWRwcwhaq54oO4CZi0QJ8g/playlists Lien vers les playlist de la DTA]
- [https://www.mindomo.com/fr/mindmap/dta-2018-2019-publique-5bd280f3baa02452d8c4b351d99367ec lien vers la carte mentale "étudiants"]
- [https://www.mindomo.com/fr/mindmap/34e106c9dffa40719ec46bc589189f37 lien vers la carte mentale "formateurs"]

=Cycle "Découverte du développement" web=
==Groupe DTA 1==
===Lundi 17/09===
* MATIN :

* APRES-MIDI :

===Mardi 18/09===
* MATIN :

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :
- Poursuite du travail sur le contenu de CV
- Finalisation de [https://doc.ubuntu-fr.org/lamp#methode_recommandeeinstallation_des_paquets l'installation du serveur LAMP] de phpmyadmin et [https://doc.ubuntu-fr.org/mysql MYSQL] (cf la carte mentale)

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress

==Groupe DTA 2==
===Lundi 17/09===
* MATIN :
Installation de Linux Mint 19 Cinnamon 64 bit (La procédure est dans la carte mentale etudiant sur la semaine Accueil - Jour 1)
Une vidéo pour découvrir [https://www.youtube.com/watch?v=eVjU1dbzZkI&list=PLG8CU9n9twW2XATAbFs54dgns89R9Jz-U Linux Mint]

* APRES-MIDI :

===Mardi 18/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress
 

=Cycle 1 - Semaine 1 - "1er pas en dévelopement web "=
Semaine 1 : Du lundi 24/09/2018 au vendredi 29/09/2018 
==Groupe 1==
===Lundi 24//09/2018===
- MATIN :
-

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Mercredi 26/09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, Fedora, Ubuntu, Debian, Arch Linux, Redhat, Opensuse) page HTML-CSS
Groupe 1 : Fedora : Elise, Emmanuel, Tony
Groupe 2 : Mint : Amélie, Thomas, Joël
Groupe 3 : Ubuntu : Alpha Oumar, Etienne, Aloïs
Groupe 4 : Debian : Anthony, Maëlis, Stephane
Groupe 5 : Arch Linux : Rania, Martin, Alexandre
Groupe 6 : Redhat : Corinne, Manel, Kenny
Groupe 7 : Opensuse : Mehmet Ali, Pierrick, Dylan
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation
* une démonstration de la distribution
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé
 

===Vendredi 28/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

==Groupe 2==
===Lundi 24//09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, fedora, Ubuntu, debian, arch linux, redhat, opensuse) page HTML-CSS
Groupe 1 : Fedora : Abdelhak, Benjamin, Pierre
Groupe 2 : Mint : Marine, Ludovic, Hamza
Groupe 3 : Ubuntu : Cerise, Karima, Adrian
Groupe 4 : Debian : Ezra, Cizia, Mehdi
Groupe 5 : Arch Linux : Mountaga, Kevin, Thibault
Groupe 6 : Redhat : Faical, Naima, Alexandre
Groupe 7 : Opensuse : Soufiane, Nasser, Martin
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation)
* une démonstration de la distribution

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
- CV (Doyoubuzz)
- CV html-css (en fonction de l'avancement de chacun)
- Carte de visite
 

===Mercredi 26/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Vendredi 28/09/2018===
- MATIN :
- Augmentation de la taille maximale pour le téléversement de fichier
Édition du fichier ''/etc/php/7.2/apache2/php.ini''
<code>upload_max_filesize = 128M</code>
<code>post_max_size = 128M</code>
- Exploration de l'interface d'administration de WordPress.
- Installation d'une extension pour visionner des vidéos Youtube directement dans le WordPress.
- Installation d'un thème sélectionné sur worpdress.org, puis personnalisation de ce thème et ajout de CSS additionnelle.
- APRES-MIDI :
-

DesignTech Académie 2018-2019

2018-09-28T08:31:27Z

DavidRechatin :

Wiki de la promo 3 de la Design Tech Académie
- [https://tchat.colibris-outilslibres.org/dta-2018-2019/channels/town-square lien vers le service de messagerie de la promotion]
- [https://www.youtube.com/channel/UCMWRwcwhaq54oO4CZi0QJ8g/playlists Lien vers les playlist de la DTA]
- [https://www.mindomo.com/fr/mindmap/dta-2018-2019-publique-5bd280f3baa02452d8c4b351d99367ec lien vers la carte mentale "étudiants"]
- [https://www.mindomo.com/fr/mindmap/34e106c9dffa40719ec46bc589189f37 lien vers la carte mentale "formateurs"]

=Cycle "Découverte du développement" web=
==Groupe DTA 1==
===Lundi 17/09===
* MATIN :

* APRES-MIDI :

===Mardi 18/09===
* MATIN :

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :
- Poursuite du travail sur le contenu de CV
- Finalisation de [https://doc.ubuntu-fr.org/lamp#methode_recommandeeinstallation_des_paquets l'installation du serveur LAMP] de phpmyadmin et [https://doc.ubuntu-fr.org/mysql MYSQL] (cf la carte mentale)

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress

==Groupe DTA 2==
===Lundi 17/09===
* MATIN :
Installation de Linux Mint 19 Cinnamon 64 bit (La procédure est dans la carte mentale etudiant sur la semaine Accueil - Jour 1)
Une vidéo pour découvrir [https://www.youtube.com/watch?v=eVjU1dbzZkI&list=PLG8CU9n9twW2XATAbFs54dgns89R9Jz-U Linux Mint]

* APRES-MIDI :

===Mardi 18/09===
* MATIN :
Atelier sur les erreurs à éviter dans les CV en analysant [https://fr.slideshare.net/frenchweb/cv-wacparisa5 un book de CV de développeur web sortant de formation]
Création du compte sur [http://www.doyoubuzz.com/fr/ Doyoubuzz]
Et réalisation de son CV en ligne avec [http://pierre-giraud.fr/creer-un-cv-personnalise-et-interactif-en-html-et-en-css/ le tutoriel de Pierre Giraud]

* APRES-MIDI :

===Mercredi 19/09===
* MATIN :

* APRES-MIDI :

===Jeudi 20/09===
* MATIN :

* APRES-MIDI :

===Vendredi 21/09===
* JOURNEE :
Installation d'un CMS Wordpress sur son localhost
Gestion des droits utilisateurs sur le localhost
Découverte de l'administration Wordpress (thème, article, plugin, catégorie, menu, images,...)
Exercice : Intégrer une image de + de 2MB dans la bibliothèque Wordpress
 

=Cycle 1 - Semaine 1 - "1er pas en dévelopement web "=
Semaine 1 : Du lundi 24/09/2018 au vendredi 29/09/2018 
==Groupe 1==
===Lundi 24//09/2018===
- MATIN :
-

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Mercredi 26/09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, Fedora, Ubuntu, Debian, Arch Linux, Redhat, Opensuse) page HTML-CSS
Groupe 1 : Fedora : Elise, Emmanuel, Tony
Groupe 2 : Mint : Amélie, Thomas, Joël
Groupe 3 : Ubuntu : Alpha Oumar, Etienne, Aloïs
Groupe 4 : Debian : Anthony, Maëlis, Stephane
Groupe 5 : Arch Linux : Rania, Martin, Alexandre
Groupe 6 : Redhat : Corinne, Manel, Kenny
Groupe 7 : Opensuse : Mehmet Ali, Pierrick, Dylan
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation
* une démonstration de la distribution
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé
 

===Vendredi 28/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

==Groupe 2==
===Lundi 24//09/2018===
- MATIN :
- " Veille "
- [https://fr.slideshare.net/VanessaDavid4/presentation-open-source Licences Libre et la philosophie open source]
- Preparation exposé (Mint, fedora, Ubuntu, debian, arch linux, redhat, opensuse) page HTML-CSS
Groupe 1 : Fedora : Abdelhak, Benjamin, Pierre
Groupe 2 : Mint : Marine, Ludovic, Hamza
Groupe 3 : Ubuntu : Cerise, Karima, Adrian
Groupe 4 : Debian : Ezra, Cizia, Mehdi
Groupe 5 : Arch Linux : Mountaga, Kevin, Thibault
Groupe 6 : Redhat : Faical, Naima, Alexandre
Groupe 7 : Opensuse : Soufiane, Nasser, Martin
Consignes à respecter pour l'exposé :
- Support de présentation de l'exposé sur une page HTML-CSS
- Plan :
* Présentation de la distribution
* les avantages et les inconvénients
* la licence d'exploitation)
* une démonstration de la distribution

- APRES-MIDI :
-
 

===Mardi 25/09/2018===
- MATIN :
-
- APRES-MIDI :
- CV (Doyoubuzz)
- CV html-css (en fonction de l'avancement de chacun)
- Carte de visite
 

===Mercredi 26/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Jeudi 27/09/2018===
- MATIN :
-
- APRES-MIDI :
-
 

===Vendredi 28/09/2018===
- MATIN :
- Augmentation de la taille maximale pour le téléversement de fichier
Édition du fichier ''/etc/php/7.2/apache2/php.ini''
<code>upload_max_filesize = 128M</code>
<code>post_max_size = 128M</code>
- Exploration de l'interface d'administration de WordPress
- Installation d'une extension pour visionner des vidéos Youtube directement dans le WordPress
- APRES-MIDI :
-

DesignTech Académie

2018-09-28T08:21:07Z

DavidRechatin :

Accueil du portail DTA

[[DesignTech Académie 2016-2017]]

[[DesignTech Académie 2017-2018]]

[[DesignTech Académie 2018-2019]]

DesignTech Académie 2017-2018

2018-03-02T11:50:03Z

DavidRechatin :

[https://www.mindomo.com/fr/mindmap/dta-2017-2018-publique-e24525783247485a89ef7df7d1e0d9f5 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 [https://www.linuxmint.com/download.php 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 [https://www.thymio.org/fr:thymiostarting documentation officielle] de ce petit robot et de [https://fr.slideshare.net/Frequence_ecoles/guide-dactivits-thymio-frquence-coles son guide de prise en main élaboré par Fréquences Ecoles], prendre un main sa programmation 
Un atelier [http://movilab.org/index.php?title=Coder_en_python_dans_Minecraft 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 :
* [https://developer.mozilla.org/fr/Apprendre/HTML/Balises_HTML Le rôle des balises HTML]
* [https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/votre-premiere-page-web-en-html Apprendre à créer son site web en HTML et CSS]
* [https://www.alsacreations.com/astuce/lire/5-lien-precis-page-ancre-anchor-diese.html 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 : [http://www.openfactory42.org/ 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 [https://fr.wikipedia.org/wiki/Mat%C3%A9riel_informatique (le hardware)]. 
Le projet de serveur nomade [http://movilab.org/index.php?title=Jerry_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 [http://www.css-faciles.com/premiers-pas-css.php 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 [https://www.daytripper.mobi/fr/ Day Tripper] et d'échanger avec Clément Dupuis son créateur

==Mardi 3/10==
[https://www.youtube.com/watch?v=RX2hzVTkyZQ Pourquoi s'occuper de son identité numérique ?] 
[https://www.youtube.com/watch?v=7ejmGEdKgsM e-reputation mettre les points sur les i] 
[https://www.youtube.com/watch?v=FzTLGUTMQaY comment construire sa e-reputation vu par pole-emploi] 
[https://www.youtube.com/watch?v=MoGWrTIaFP0 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 [https://community.linuxmint.com/tutorial/view/486 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 : [https://files.slack.com/files-pri/T6ZJ381DK-F7DUKHQ3Y/carte_initiale.png écrire le contenu en HTML] 
Etape 2 : [https://files.slack.com/files-pri/T6ZJ381DK-F7D43GPQU/carte_finale.png 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 [https://files.slack.com/files-pri/T6ZJ381DK-F7E572TDM/775px-logo_designtech_academie.png 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 [http://fr.learnlayout.com/ 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 [https://python.developpez.com/tutoriels/cours-python-uni-paris7/ cours en ligne sur Python] 
L'après-midi, ils découvriront le raspberry pi et apprendront à le configurer en suivant ce tutoriel 
- [https://castman.fr/wordpress/tutoriels-sur-les-tablettes-smartphones-micro-ordinateurs-firmware-google-play-reset-wifi/raspberry-pi-2-b-deballage-et-premier-demarrage-premiere-partie/ Tutoriel : partie 1]
- [https://castman.fr/wordpress/tutoriels-sur-les-tablettes-smartphones-micro-ordinateurs-firmware-google-play-reset-wifi/raspberry-pi-2-b-sous-raspbian-deuxieme-partie/ Tutoriel : partie 2]
- [http://debian-facile.org/doc:environnements:gnome:gnome-disk-utility 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 [http://citedudesign.com/fr/actualites/030717-are-you-talking-to-me- "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 :
- [http://pythonhosted.org/sense-hat/ configuration du sens hat] 
- [https://github.com/RPi-Distro/python-sense-hat/blob/master/examples/README.md quelques exemples de programmes] 
- [https://trinket.io/python/2b07fa29d4 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 
[[Image:Ampel.png|600px|thumb|right|feu tricolore]] 

Lecture de tutoriel pour : 
- [https://shkspr.mobi/blog/2015/05/idiots-guide-to-getting-started-with-raspberry-pis-gpio-pins/ découvrir le matériel utilisé] 
- [http://www.framboise314.fr/la-saga-blink-un-raspberry-pour-faire-clignoter-une-led/#Introduction 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 [https://bitbucket.org/openscop/raspberrypi-sensehat/src ce lien]. 

=Cycle 1 : Semaine 2=
==Lundi 16/10==
Le matin est consacré à l'installation d'une machine virtuelle sur son PC. [https://openclassrooms.com/courses/reprenez-le-controle-a-l-aide-de-linux/installez-linux-dans-une-machine-virtuelle 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 [https://doc.ubuntu-fr.org/virtualbox 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 :
- [https://www.youtube.com/watch?v=gCPUjzee7iA&index=3&list=PLpa5RJ2mg-_REgfm0632EY6Hs3eXGwOgk vidéo pour découvrir les licences Creative Commons] 
- [http://creativecommons.fr/licences/ 6 possibilités de licence gratuite avec les Creative Commons] 
- [https://www.gnu.org/philosophy/free-sw.fr.html 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 [https://search.creativecommons.org/ moteurs de recherches proposés par Creative Commons]
- avec [https://thenounproject.com/ 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, [https://soundcloud.com/ soundcloud] 
ou [https://www.jamendo.com/?language=fr jamendo] pour la musique, ou des vidéos youtube créditées en Creative Commons ...) 
- les œuvres tombées dans [https://fr.wikipedia.org/wiki/Domaine_public_en_droit_de_la_propri%C3%A9t%C3%A9_intellectuelle_fran%C3%A7ais le domaine public] 


[[Fichier:700px-Classification_des_licences.svg.png|700px|thumb|left|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 : [http://pierre-giraud.com/javascript/cours-complet/javascript-ou-ecrire.php 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 [https://files.slack.com/files-pri/T6ZJ381DK-F7MKDH6T0/fruits_final.png ce résultat] 
- Suivre le lien pour faire [http://www.rxlabz.com/simplon/ardoise/index.html l'exercice de l'ardoise magique] 
- Reproduire [https://files.slack.com/files-pri/T6ZJ381DK-F7LP6EQJW/capture_du_2017-10-19_14-51-29.png la page web suivante], vous pouvez utiliser [https://placeholder.com/ 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 [http://www.nodemcu.com/index_en.html 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 [https://www.arduino.cc/en/Guide/Linux 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 [http://ujm.webgroup.fr/images/2/2e/NodeMCU_et_brainboard.jpg (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 [http://ujm.webgroup.fr/images/f/f8/Rvb.jpg (comme sur la photo)] et la faire clignoter avec [https://roboindia.com/tutorials/RGB-LED-nodemcu ce tutoriel] 

L'après-midi consistera à découvrir un programme pour :
* [https://slack-files.com/T6ZJ381DK-F7P7DNLEA-2344e56f41 piloter une LED par un serveur web] 
* [https://slack-files.com/T6ZJ381DK-F7P7DNLEA-2344e56f41 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, [https://dta-2017-2018.slack.com/files/U6YU3V72M/F7Q3728RM/feu_tricolore.ino cliquez-ici pour télécharger le programme] 
Découverte du capteur [http://nagashur.com/blog/2013/06/18/lire-la-valeur-dune-sonde-de-temperature-et-d%E2%80%99hygrometrie-dht11/ 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. [https://dta-2017-2018.slack.com/files/U6YU3V72M/F7NU2Q067/dht11.ino 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, [https://www.losant.com/blog/how-to-connect-lcd-esp8266-nodemcu 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é. [https://dta-2017-2018.slack.com/files/U6YU3V72M/F7Q9Z1GSY/dht11-ifttt-drive-avec-wifi.ino Le lien pour télécharger le code.]
dans le code fourni il est important de bien comprendre cette ligne et [https://fr.wikipedia.org/wiki/Caract%C3%A8re_d'%C3%A9chappement 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 [https://dta-2017-2018.slack.com/files/U6ZEJA7QA/F7R9G95U6/tuto_webhook_googledrive_2_.pdf 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 [https://thingspeak.com/ Thingspeak].
[https://thingspeak.com/channels/178468 voici le resultat du travail attendu !]. 
Les derniers fichiers proposés par David : 
- Le [https://dta-2017-2018.slack.com/files/U6YU3V72M/F7RP2KM0E/dht11-complet.ino DHT11 complet] 
- Le [https://dta-2017-2018.slack.com/files/U6YU3V72M/F7RQLL6FQ/dht11-thingspeak-lcd-led-neutre.ino 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 
- [https://www.jeedom.com/site/fr/ Jeedom]
- [https://awaken.fr/fr/awaken-car-fr/ Awaken car]
- [https://www.hexoskin.com/ Hexoskin]
- [https://sen.se/fr/store/mother/ mother]
- [https://farmbot.io/ 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 : [https://fr.wikipedia.org/wiki/Cloud_computing cloud computing]
échanges
[http://www.cloudmagazine.fr/avis-expert/le-cloud-sur-place-ou-emporter le cloud comme pizza]

une stratégie de cloud computing : AWS
[https://aws.amazon.com/fr/types-of-cloud-computing/%20 le cloud computing comme plateforme]
[https://aws.amazon.com/fr/solutions/?nc2=h_ql_s les solutions amazon AWS]
echange sur [https://www.challenges.fr/high-tech/pourquoi-amazon-regne-sur-le-cloud_446288 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
[https://openclassrooms.com/courses/decouvrez-les-solutions-cms 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 [https://dta-2017-2018.slack.com/files/U6YU3V72M/F7XLTFR42/php_dht11.zip (retrouver le code écrit ensemble ici)]
Exercice à préparer : modifier [https://dta-2017-2018.slack.com/files/U6YU3V72M/F7XM1JHFU/dht11-ifttt-drive-a-modifier.ino 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 : [https://docs.google.com/document/d/15sRYjWQl_23yXRak42iCZn5xIOZ3OBUdj2R74PXkGG8/edit en suivant le lien]

APRÈS-MIDI :
Découverte PHP (2è séance) :
* les tableaux : [https://apprendre-php.com/tutoriels/tutoriel-7-les-tableaux-ou-arrays.html Explications] [http://php.net/manual/fr/language.types.array.php 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 [http://php.net/manual/fr/function.explode.php 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 [https://php.developpez.com/cours/sessions/?page=page_3#LIII-B 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 :
- [https://www.anthedesign.fr/developpement-web/format-d-image-web-print/%20 les différents formats d'images pour le web et pour le print]
- [https://www.genious-interactive.com/images-web-quel-format-choisir comparatif des avantages et des inconvénients]

Pour intégrer les images :
- [https://developer.mozilla.org/fr/docs/Web/SVG/Tutoriel lecture mozilla svg pour decouvrir le format]
- [https://www.alsacreations.com/tuto/lire/1421-svg-initiation-syntaxe-outils.html lecture alsacreation pour manipuler le svg]

Pour manipuler les images :
- [https://doc.ubuntu-fr.org/inkscape%20 tutoriel installer inkscape]
- prendre en main inskape [http://www.laurent-porcheret.fr/wp-content/uploads/Tutoriel-Inkscape.pdf tutoriel_1] et [https://inkscape.org/fr/doc/tutorials/basic/tutorial-basic.fr.html tutoriel_2]
- [https://docs.gimp.org/fr/gimp-tutorial-quickie-jpeg.html tutoriel compresser des jpeg avec GIMP]
- [http://www.1point2vue.com/photo-dessin-vectoriel-gimp/ modifier une photo en dessin avec GIMP]

==Mardi 21/11/2017==
MATIN :
''De quoi parle-t-on ? :''
- [https://www.alsacreations.com/article/lire/1183-mockup-rough-maquette-zoning.html un peu de vocabulaire : workflow, mockup, rough]
- [https://designmodo.com/design-airbnb-website/ un exemple de wireframe airbnb]
''L'experience utilisateur :''
- [https://fr.linkedin.com/pulse/faire-de-lux-ce-nest-pas-copier-airbnb-marie-glandus l'experience utilisateur ce n'est pas Airbnb]
- [https://theconversation.com/captologie-et-economie-de-lattention-87140 la captologie et économie de l'attention]
''L'accessibilité - une expérience utilisateur pour tous :''
- les zones d'accessibilités à l'écran : [http://www.mon-design-web.com/que-voient-visiteurs.php article_1] [http://www.superbibi.net/web-marketing/le-web-design-pour-les-nuls article_2]
- [http://romy.tetue.net/affiches-do-dont-accessibilite?lang=fr les do-don't de l'accessibilité]
''Exercice :''
- faire le mockup du site
- [https://dta-2017-2018.slack.com/files/U6ZEJA7QA/F83HFKU5S/lafabriquedunet_cahier_des_charges_de_site_ecommerce.pdf 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 [https://www.mindomo.com/mindmap/projet-borne-e6c02db429c14ac9aaa01c13de2e5c63 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 [https://dta-2017-2018.slack.com/files/U73CLV2HY/F846GGRT6/20171113_js_advanced_v1r0.odp cours et exercices JS]

==Jeudi 23/11/2017==
MATIN :
* découverte du format [https://fr.wikipedia.org/wiki/JavaScript_Object_Notation json]
* présentation de [http://www.json.org/ json]
* [http://www.jsoneditoronline.org/ un éditeur en ligne]
* les fonctions [http://php.net/manual/fr/ref.json.php 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 [https://contrib.spip.net/Analyse-de-la-CSS-des-squelettes (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
- [https://fr.flossmanuals.net/inkscape/creer-une-icone/ Créer son logo en SVG] (le décliner de 6 couleurs différentes pour le Memory)
- [https://dta-2017-2018.slack.com/files/U6ZEJA7QA/F86N47938/carte_memory.png la carte mentale des fonctionnalités du jeu] ... et plus
- un [https://la-cascade.io/css-grid-layout-guide-complet/ rappel sur le positionnement et les grilles en CSS]
- un [https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout guide sur grid layout CSS]
- un [https://fr.khanacademy.org/computing/computer-programming/programming-games-visualizations/memory-game/a/intro-to-memory 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 :
- [https://cssanimation.rocks/fr/clocks/ une horloge]
- [[ http://thecodeplayer.com/walkthrough/make-a-stopwatch-using-css3-without-images-or-javascript/ |un chrono]]
Animer son CSS :
- [https://www.ditog.fr/blog/tuto-creer-animer-son-logo-svg-en-css/%20 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 [https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/la-mise-en-page-avec-flexbox 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 :
[https://dta-2017-2018.slack.com/files/U73CLV2HY/F86SE6V5H/20171113_js_browser_v1r0.odp Cours JS Browser]
APRES-MIDI :
[https://dta-2017-2018.slack.com/files/U73CLV2HY/F879CM213/20171121_css_advanced_v1r0.odp 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 :
- [https://dta-2017-2018.slack.com/files/U73CLV2HY/F88ANKUPP/20171119_js_ajax_v1r0.odp Cours JS Ajax]

APRES-MIDI :
- présentation du "responsive design" et "mobile first"
* [https://www.alsacreations.com/article/lire/1615-cest-quoi-le-responsive-web-design.html C'est quoi le responsive design ?]
* [https://openclassrooms.com/courses/qu-est-ce-que-le-responsive-web-design Qu'est-ce que le responsive design ?]
* [http://www.liquidapsive.com/ démo]
- présentation de "mobile first" :
* [http://www.journaldunet.com/ebusiness/expert/61029/mobile-first---une-nouvelle-facon-de-concevoir-un-projet-digital.shtml mobile first : une nouvelle façon de concevoir un projet digital]
* [https://www.1and1.fr/digitalguide/sites-internet/web-design/mobile-first-la-nouvelle-approche-du-web-design/ mobile first, la nouvelle approche du web design]
* [https://www.blogdumoderateur.com/google-index-mobile-first/ Google : l'index devient mobile first, quelles conséquences pour le référencement ?]
- découverte de la grille de Bootstrap :
* [https://getbootstrap.com/docs/3.3/css/#grid le système de grille de Bootstrap]
* [https://openclassrooms.com/courses/prenez-en-main-bootstrap/une-grille prendre en main la grille Bootstrap]
* [https://skillcode.fr/exercices-bootstrap-positionnement/ 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 :
[https://dta-2017-2018.slack.com/files/U73CLV2HY/F8A1A6EEA/20171127_jquery_v1r0.odp Jquery]
APRES-MIDI :
Après un petit temps d'échanges sur l'objet et son fonctionnement, lecture des articles suivants :
- [http://creersonsiteweb.net/page-php-programmation-orientee-objet 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 :
* [http://creersonsiteweb.net/page-php-programmation-orientee-objet Programmation Orientée Objet en PHP]
* [http://prof.bpesquet.fr/cours/poo-php-en-bref/ POO et PHP en bref]
* [http://www.lephpfacile.com/cours/25-la-programmation-objet-premiere-approche Tutoriel à suivre avec comme objectif de comprendre chaque ligne de code et de la commenter]
* [http://php.net/manual/fr/language.oop5.basic.php 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==
[https://dta-2017-2018.slack.com/files/U73CLV2HY/F8BDE5UJJ/20171203_sql_v1r0.odp 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 [https://dta-2017-2018.slack.com/files/U73CLV2HY/F8BDE5UJJ/20171203_sql_v1r0.odp 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 :
[https://dta-2017-2018.slack.com/files/U73CLV2HY/F8DE1FKUN/20171210_git_v1r0.odp 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é)
[https://fr.khanacademy.org/computing/computer-programming/programming-games-visualizations/memory-game/a/intro-to-memory Tutoriel memory]
 
==Mardi 12/12/2017 :==
- MATIN :
- GIT ludique prise en main (cf carte mentale) + forum stage DTA 10h-12h
- [https://raspbian-france.fr/cours/slides-git.html#/ Introduction rapide a Git]
- [https://openclassrooms.com/courses/gerer-son-code-avec-git-et-github Gerer son code avec git et github]
- 2 serious game pour prendre en main et comprendre git
- [https://try.github.io/levels/1/challenges/1 Try Git]
- [https://learngitbranching.js.org/ learn git branching]
- [http://rogerdudler.github.io/git-guide/index.fr.html 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 [http://www.openfactory42.org/ 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 :
- [https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql 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 :
[https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql 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 :
- [https://openclassrooms.com/courses/realisez-des-calculs-distribues-sur-des-donnees-massives/parcourez-les-principaux-algorithmes-mapreduce 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 ([https://mypads.framapad.org/mypads/?/mypads/group/zoomacom-projets-a9v9kyz/pad/view/osmdta-w49rq7t9 framapad] pour retrouver les ressources proposées par Eddie)
 

==Mardi 13/02/2018==
- MATIN :
- Poursuite du cours OCR : [https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql 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 :
-
- APRES-MIDI :
-
 

=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 :
-

DesignTech Académie 2017-2018

2017-11-16T14:56:38Z

DavidRechatin : /* Jeudi 16/11/2017 */

DesignTech Académie 2017-2018

2017-11-16T14:55:40Z

DavidRechatin : /* Jeudi 16/11/2017 */

DesignTech Académie 2017-2018

2017-11-16T14:54:57Z

DavidRechatin : /* Jeudi 16/11/2017 */

Accueil

2017-09-07T07:38:33Z

DavidRechatin :

== Composition de ce wiki ==
<gallery>
Fichier:LogoConnexe.png|[[Learning Lab « Environnements Connectés »]]
Fichier:IRAM.jpg|[[Présentation de l'IRAM]]
Fichier:Logo_DesignTech_350x270.png|[[DesignTech Académie]]
</gallery>

<hr>
Liste des [[Spécial:Catégories|catégories]]

DesignTech Académie

2017-09-07T07:29:57Z

DavidRechatin :

Accueil du portail DTA

[[DesignTech Académie 2016-2017]]

[[DesignTech Académie 2017-2018]]

DesignTech Académie

2017-09-07T07:28:24Z

DavidRechatin : DavidRechatin a déplacé la page DesignTech Académie vers DesignTech Académie 2016-2017 : Régorganisation

#REDIRECTION [[DesignTech Académie 2016-2017]]

DesignTech Académie 2016-2017

2017-09-07T07:28:23Z

DavidRechatin : DavidRechatin a déplacé la page DesignTech Académie vers DesignTech Académie 2016-2017 : Régorganisation

[[Fichier:Logo DesignTech Academie.png|vignette]]

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 [https://www.telecom-st-etienne.fr/formations/design-tech-academie-2/formation/ Design Tech Académie] organisée par [https://www.telecom-st-etienne.fr/ 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 [https://frequence-ecoles.org/ressources-2/thymio-pour-apprendre-le-code-et-developper-un-esprit-logique/ 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 ( [https://www.thymio.org/fr:creations création avec Thymio]) avec une prise en main du [https://www.thymio.org/fr:start 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 :

[https://aseba.wdfiles.com/local--files/fr%3Adessinemoiunrobot/inirobot_dialogue_objectifs_2_6_16.pdf Inirobot : guide d'initiation à la robotique avec Thymio]

[https://aseba.wdfiles.com/local--files/fr:asebausermanual/ThymioCheatSheet_fr.pdf Liste des capteurs et actionneurs de Thymio]

[http://blockly4thymio.net/les-exercices.html Exercices pour apprendre à programmer Thymio] comme par exemple : [http://wiki.blockly4thymio.net/doku.php?id=exercices:thymio_est_bavard Apprendre à Thymio à parler]

[http://www.mde78.ac-versailles.fr/IMG/pdf/programmation_thymio-texte2.pdf Guide du mode texte ]

[http://algothymio.blogspot.fr/ Thymio et la notion d'algorithme]

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

[[Fichier:DesignTech Academie 20161005 OpenFactoryJPG.jpeg|vignette]]

Le matin, découverte du hardware à l'[[OpenFactorySainté|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'[[OpenFactorySainté|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 ( [http://www.doyoubuzz.com/fr/ doyoubuzz] permettant une harmonisation des CV pour réaliser un book ou [https://www.seeqle.com/fr/user/profile/aurelienreletsignorinogelo 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 : [https://www.codecademy.com/learn/learn-html-css learn the HTML]

* Apprendre les langages de programmation
Avant de rentrer dans le vif du sujet, présentation rapide de [https://framapad.org/ framapad] pour la prise de note collaborative.
Des élèves expliquent qu'ils ont créé un IRC pour communiquer (nom : DTA). 
[https://docs.google.com/presentation/d/19lDHdIFVB5VD34tKpjO_hP8-I2s6hwz2mTw4rx802CQ/edit#slide=id.gcaf4469a4_0_78 Manifeste pour le développement Agile de développement de logiciels].

Editeur de texte : [https://github.com/atom/atom#debian-linux-ubuntu Atom]

==== Hyper Text Markup Langage : Ressources ====
* Tour d'horizon des première balises HTML principales ([http://www.w3schools.com/tags/ liste des balises W3C]).
* Tour d'horizon du CSS [http://developer.mozilla.org/fr/docs/web liste CSS]
* [http://jsbin.com jsbin.com]
* [http://codepen.io codepen.io]
* [http://jsfiddle.net jsfiddle.net]
* [http://cssdeck.com cssdeck.com]

Défi : [https://github.com/JpPeyrache/DTA 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 :
* [http://www.symbaloo.com/home/mix/13eOhF49eT Symbaloo]
* [https://coggle.it/diagram/V-0RnyLBY9gtDijU carte heuristique comprenant les outils pour s'exercer au code]

=== 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 : [http://www.scribens.fr/ 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 : [http://wiki.linux-france.org/wiki/Les_commandes_fondamentales_de_Linux 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 [https://github.com/JpPeyrache/DTA/blob/master/exemple.js Github exemple JavaScript]
'''Workshop : '''
Pour visualiser le contenu de vos scripts, [https://repl.it/languages/ vous pouvez utiliser le site suivant] :
Voici la liste des exercices à réaliser : 
- Dessiner c'est gagner : [http://www.rxlabz.com/simplon/ardoise/index.html 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 :''' 
* [https://doc.ubuntu-fr.org/virtualbox Tuto 1]
* On préférera VirtualBox depuis les dépots Ubuntu (sudo apt update, puis sudo apt install virtualbox-qt)
* [https://openclassrooms.com/courses/reprenez-le-controle-a-l-aide-de-linux/installez-linux-dans-une-machine-virtuelle Tuto 2]
* Bien lire les pré-requis système : [https://docs.fedoraproject.org/en-US/Fedora/20/html/Installation_Quick_Start_Guide/Requirements.html]
* 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 [http://infolabs.io/content/dataviz-tangible-et-grosses-gommettes cet exemple] de l'[[L'infolab du CRIJ Rhône-Alpes|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 ?
* [https://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization/transcript?language=fr TED : La beauté de la visualisation des données]
* [https://www.youtube.com/watch?v=yjWXVfIzgQg TEDx : A la découverte de Viztada]
* [https://docs.google.com/spreadsheets/d/13TTNJfxnuXE5VuTzho34HBSopJq1coDSG6JpUR0mIc4/pubhtml# Un exemple de dataviz dans le domaine de l'orientation]. 
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 [https://www.datawrapper.de/chart/duI3x/visualize datawrapper]
Infographie à réaliser avec un tableur (enregistrer votre fichier en csv) et le site [https://www.datawrapper.de/chart/5Si2y/upload datawrapper] ou [https://magic.piktochart.com/ piktochart]. 
''RESSOURCES : ''
* [http://www.slideshare.net/charly69005/scnario-danimation-dataviz-tangible-et-enqute-de-frquentation-sur-un-vnement Infolab scenario peda pour dataviz tangible sur la fréquentation d'un événement]

'''''A la rencontre d'une start-up : [https://www.rmopportunities.eu/fr/ rmopportunities.eu/fr] et [http://prodigo.fr/societe-drone-saint-etienne/ 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.
[https://www.rmopportunities.eu/fr/about 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 [http://learnlayout.com/ learnlayout.com] ([http://learn.shayhowe.com/html-css/ vous pouvez consulter leurs tutoriels] 
Commencer à aborder les notions de colones et de tableau en reproduisant ces modèles : 
[https://simplyon2.github.io/support/img/1col.png modele 1] 
[https://simplyon2.github.io/support/img/4cols.png modèle 2] 
 
Utiliser [https://placehold.it/ Placehold] pour des images à la taille voulue. 

'''''Bilan de mi-semaine :''''' 

===Jeudi 13/10 ===
Veille, configuration adresse Télécom et [http://usepanda.com 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 : [https://www.debian.org/distrib/netinst]
* 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 [http://wizdeo.com/fr/ressources/blog/55-general/769-faire-des-videos-tutos-les-bonnes-recettes des regles de base ]
Aborder ensuite quelques [http://www.videoeffectsprod.com/2012/06/le-tournage-les-regles-de-bases.html aspects techniques de script cadrage et plans]
et enfin leur présenter des exemples de [https://www.grafikart.fr/tutoriels 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 [https://github.com/JpPeyrache/DTA/blob/master/JavaScript/exercices.js 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===
*Echanges professionnels : [[Utilisateur:EddieJavelle|Eddie]], médiateur numérique et community manager pour l'association [[Zoomacom]].
** Lire [http://www.outilsfroids.net/2016/10/le-paradoxe-du-veilleur-et-comment-sen-sortir/ ''Le paradoxe du veilleur – et comment s’en sortir'']
* Autonomie collective : travail en groupe sur leur projet

===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]]

 
Défis Javascript :

* '''conversion(x)''' qui convertit une somme '''x''' des francs en euros : '''conversion(100) = 15.24'''
* '''heures_to_secondes(h,m,s)''' qui convertit un horaire des heures, minutes et secondes en secondes : '''heures_to_secondes(2,17,54) = 8274'''
* '''difference(h1,m1,s1,h2,m2,s2)''' qui renvoie le temps écoulé entre 2 horaires (vous pouvez utiliser la fonction précédente)
* '''somme(m,n)''' qui renvoie la somme de tous les éléments de '''m''' à '''n''' (inclus) : '''somme(5,8) = 5+6+7+8'''
* '''fact(n)''', qui renvoie le produit de tous les éléments de '''n''' à '''1''' : '''fact(5) = 5*4*3*2*1'''
* '''moyenne(tab)''' qui renvoie la moyenne des éléments d'un tableau (contenant des valeurs numériques)
* '''moyenne_longueur(tab)''' qui renvoie la longueur moyenne des chaînes de caractères d'un tableau
* Créer ensuite une page HTML qui permet de faire l'interaction entre l'utilisateur, qui rentre les valeurs à calculer (avec des prompt par exemple) et les différentes fonctions, déclenchées par des boutons
* '''hasard(n,m)''' qui renvoie un chiffre au hasard entre '''n''' et '''m'''
* Demander ensuite à l'utilisateur les chiffres à donner en paramètre à '''hasard''' et lui faire deviner le nombre choisi, en comptant le nombre de tentatives (vous pouvez aussi le limiter)
* Faire ensuite un programme où l'ordinateur tente de deviner un nombre que vous avez choisi. Vous répondez à chaque tentative : plus grand ou plus petit
* Faire un programme qui demande à l'utilisateur son identifiant, vérifie s'il apparait dans un tableau que vous aurez défini auparavant et si le mot de passe correspond (avec les mots de passe dans un autre tableau). Si l'utilisateur n'apparait pas, rajoutez-le dans le tableau

=Semaine 3 cycle 2 : A la découverte des fabLabs=
Sur ce cycle on part à la rencontre du protypage , ce cycle va permettre de réaliser un objet qui vous servira de fil rouge pour toute la suite de la formation. Si vous avez un peu de temps hésitez pas à aller regarder le blog d'[http://eskimon.fr/ Eskimon], la partie tuto arduino peut vous aider pour les séances à venir et la partie bricolage vous montrera une partie du champs des possibles avec les cartes électroniques programmables.
Hésitez pas non plus à aller découvrir sur le net les différentes possibilités de réalisation avec arduino ou raspberry pi ([http://www.instructables.com/ comme sur instructables] )!

==Lundi 24/10==
* A la découverte de Python 
Tutoriels :
* [https://openclassrooms.com/courses/apprenez-a-programmer-en-python/qu-est-ce-que-python OpenClassrooms]
* [http://python.developpez.com/tutoriels/cours-python-uni-paris7/ Developpez.com]
* [http://python.lycee.free.fr/index.html Débuter avec Python]
* Découverte du Raspberry Pi 
* [http://castman.fr/wordpress/tutoriels-sur-les-tablettes-smartphones-micro-ordinateurs-firmware-google-play-reset-wifi/raspberry-pi-2-b-deballage-et-premier-demarrage-premiere-partie/ Déballage et premier démarrage]
* [http://castman.fr/wordpress/tutoriels-sur-les-tablettes-smartphones-micro-ordinateurs-firmware-google-play-reset-wifi/raspberry-pi-2-b-sous-raspbian-deuxieme-partie/ Raspberry Pi 2 sous Raspbian]
* [http://raspbian-france.fr/installer-raspbian-premier-demarrage-configuration/ Premier démarrage sous Raspbian]
* [http://pythonhosted.org/sense-hat/ Sense Hat]

==Mardi 25/10==
* Exercices en Python avec capteur et matrice Led sur Raspberry Pi 
* [https://astro-pi.org/updates/sense-hat-emulator/ Emulateur en ligne]
* [http://www.framboise314.fr/sense-hat-un-tour-dans-les-etoiles/#Mesure_de_temperature_8211_Affichage_LED Découverte du Sense Hat]
* Allumer une LED par degré de température au-dessus de 0°C : [https://github.com/JpPeyrache/DTA/blob/master/Python/temp1.py Correction simple] [https://github.com/JpPeyrache/DTA/blob/master/Python/temp2.py Correction optimisée Python]
* Faire une boussole numérique (une LED s'allume pour pointer le Nord) [https://github.com/JpPeyrache/DTA/blob/master/Python/boussole.py Correction]
* Faire un jeu de Pong : bien consulter la [https://pythonhosted.org/sense-hat/ documentation Sense Hat]

==Mercredi 26/10==
Suite avec Raspberry Pi : 

* Correction du Pong (cf Slack)
* Série d'exercices pour feu tricolore : https://files.slack.com/files-pri/T2K2V7Y48-F2UE27N9Y/download/raspberrypi-cobbler.zip
* Informations autour des LEDs :
* [http://www.framboise314.fr/la-saga-blink-un-raspberry-pour-faire-clignoter-une-led/#Introduction Introduction]
* [http://www.framboise314.fr/la-saga-blink-un-raspberry-pour-faire-clignoter-une-led/#Base_drsquoexperimentation Base d'expérimentation]
* [https://shkspr.mobi/blog/2015/05/idiots-guide-to-getting-started-with-raspberry-pis-gpio-pins/ Principe de cablage]
* [http://www.framboise314.fr/la-saga-blink-un-raspberry-pour-faire-clignoter-une-led/#RpiGPIO Petit test]

==Jeudi 27/10==
* Le matin : suite des exercices autour des feux tricolores
* L'après-midi : mise en place du NodeMCU
* Montage
* Installation de l'IDE : [https://www.arduino.cc/en/Guide/Linux]
* Injection des premiers codes (relevé et affichage de température : [https://files.slack.com/files-pri/T2K2V7Y48-F2V0AUQ0M/download/dht11.ino], ajouter ensuite l'humidité)

=Semaine 4 cycle 2 : A la découverte des fablabs=

==Mercredi 2/11==
* Rencontre avec Aurélien Rodot, fondateur de GameBuino (http://gamebuino.com/) 
* Montage du NodeMCU 
* Reproduction de l'exercice du feu tricolore 

==Jeudi 3/11==
* Suite de l'exercice du feu tricolore, mise en place des boutons
* Première connexion au WiFi
* Envoi d'informations et traitement avec IFTTT

==Vendredi 4/11==
* Appronfondissement en autonomie 
* Ecriture d'un tutoriel présentant la logique des codes du feu tricolore (étapes 5 et 7)
* Publication du tutoriel sur WordPress

= Cycle "Déploiement de site web, CMS et Cloud" =

==Semaine 5==

===Lundi 07/11===

* Veille technologique
* Présentation de l'UML, diagramme global d'interactions
* Exercices autour d'UML
 
* Publier un site sur le web ?
* Corrections collectives HTML / JS

===Mardi 08/11===

* Structuration HTML 4
*[https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/memento-des-balises-html Mémento des balises HTML]
* Les principales balises HTML 5
* [https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/structurer-sa-page Structurer sa page]
* [http://www.blog-nouvelles-technologies.fr/wp-content/uploads/2011/08/la-structure-dune-page-html5-2.png Structuration d'une page HTML 5]
* Les formulaires
* [https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/les-formulaires-8 Les formulaires]
* [https://24ways.org/2009/have-a-field-day-with-html5-forms Exemple de formulaire]
* Exercices autour de HTML
* Reproduire le formulaire suivant [https://dribbble.com/shots/202967-Register/attachments/3876]
* Reproduire le formulaire suivant [https://dribbble.com/shots/1089229-Scaligent-Contact-page-and-form]

===Mercredi 09/11===

* Visite du quartier créatif
* Gestion de l'identité numérique et de l'e-reputation 
[https://www.youtube.com/watch?v=RX2hzVTkyZQ pourquoi s'occuper de son identité numérique] 
[http://fr.slideshare.net/Coraia/grer-son-identit-numrique-et-protger-sa-vie-prive gérer son identité numérique et protéger sa vie privée] 
[https://www.youtube.com/watch?v=9iZDk9XEbsA comment fonctionne google] 
 
* Travail autour de CSS :
* [http://stackoverflow.com/questions/8969381/what-is-the-difference-between-display-inline-and-display-inline-block#14033814 Différences entre attributs de display]
* [http://learnlayout.com/ Apprendre les fondamentaux]
* [http://www.alsacreations.com/ Supports et tutoriels]
* [https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/memento-des-proprietes-css Mémento des propriétés CSS]
* [https://code.tutsplus.com/fr/tutorials/the-30-css-selectors-you-must-memorize--net-16048 Les 30 sélecteurs à connaître absolument]
* Exercices :
* [http://flukeout.github.io/ Petit jeu autour des sélecteurs]
* En partant de [http://jsbin.com/niriwo/edit?html,output ce code], reproduire [https://simplyon2.github.io/support/img/coins_css.png ceci] en ne modifiant que les styles !
* En partant de [http://jsbin.com/dinugehera/edit?html,output ce code], reproduire [https://camo.githubusercontent.com/3a5c156258afe97a6f4a5ed4e70404757bd04422/68747470733a2f2f7777772e657665726e6f74652e636f6d2f6c2f414148384d7a537241724242624a536c6f6f6b496c4469744d4d68496951764a536b38422f696d6167652e706e67 ceci] (icones [http://rxlabz.com/simplon/files/icons/icon_check_white.png] et [http://rxlabz.com/simplon/files/icons/dialog-warning.png]) en ne modifiant que les styles !
* Reproduire au plus proche la page suivante [http://acme-world.com/] (sans les animations et sans faire défiler)

===Jeudi 10/11===
* Rappels CSS
* [http://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/ La mise en page avec des div]
* [https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/le-modele-des-boites Encore des boîtes]
* [http://learnlayout.com/position.html Utiliser l'attribut position]
* [http://www.barelyfitz.com/screencast/html-training/css/positioning/ (Encore) utiliser l'attribut position]
* [https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/la-mise-en-page-avec-flexbox Utiliser Flexbox]
* Exercices autour de HTML / CSS
* [http://flexboxfroggy.com/ Jeu autour de Flexbox]
* Reproduire la page d'accueil de [http://www.couchsurfing.com] (jusqu'au bas de la première photo)
 
* Introduction aux CMS
* Parcours du Back-Office de WordPress
* Bilan de la semaine

==Semaine 6==

===Lundi 14/11===

* [https://openclassrooms.com/courses/programmez-en-oriente-objet-avec-c/introduction-a-la-programmation-orientee-objet-1 Introduction à la programmation orientée objet]
* Définitions / Instances
* Encapsulation
* Héritage
* Intérêts
* [https://developer.mozilla.org/fr/docs/Web/JavaScript/Introduction_%C3%A0_JavaScript_orient%C3%A9_objet La POO en Javascript]
* [https://openclassrooms.com/courses/dynamisez-vos-sites-web-avec-javascript/les-objets-5 La POO en Javascript bis]
* Exercices avec JS
* Créer un objet Personne avec les propriétés suivantes : nom, prénom et age et une fonction presentation()
* Créer deux objets fils de Personne : Etudiant et Professeur
* Etudiant possède comme propriétés supplémentaires un tableau de notes et une filière, et comme action moyenne()
* Professeur possède comme propriétés supplémentaires une filiere et comme action liste_etudiants()
* Créer un objet Cours qui possède comme propriétés un Professeur et un tableau d'Etudiants et comme actions inscription() et moyennes()
 
* Manipulation de CMS 
Lancement du projet de tutoriel, vous retrouverez le résultat du tirage au sort en suivant ce lien [http://www.miksi.fr/7kh1az3m3c3h5ls2 Tirage au sort tuto wordpress]

===Mardi 15/11===

* Autonomie autour du projet 
Travail en autonomie sur leur projet de tutoriel Wordpress. Chaque étudiant doit réaliser un wordpress adapté à un contexte professionnel pour mettre en place un CMS. 
Le travail demandé est le suivant :
* Réaliser une page en HTM-CSS, servant de tutoriel pour installer et configurer un wordpress contenant à minima les éléments suivants:
* une page d'accueil
* une page de contact
* un formulaire
* 3 articles rédigés en lien avec le sujet
* un caroussel multimédia
* installer un template
* et toute(s) extension(s) pertinente(s) pour le sujet proposé

* réaliser un wordpress adapté à la situation proposée 
 
* Exercices POO
* Créer une classe Membre, représentant le membre d'une équipe, ayant comme propriétés un pseudo, un mot de passe et un grade
* Créer une fonction Membre.toString() renvoyant une chaîne de caractères contenant les informations du Membre
* Créer une fonction Membre.connexion(motdepasse) renvoyant un message pour indiquer la validité du mot de passe
* Créer une classe Equipe, contenant un tableau de Membres
* Créer des fonctions Equipe.ajoutMembre(Membre), Equipe.SuppressionMembre(Membre) et Equipe.afficherMembres
* Créer une classe Administrateur, héritant de Membre. Y ajouter une fonction creationMembre(pseudo,motdepasse,grade)
* Exercices de manipuation de formulaires avec JS
* [http://www.toutjavascript.com/savoir/savoir06_2.php3 Comment accéder aux champs d'un formulaire ?]
* Insérer du code Javascript dans votre page de formulaire pour effectuer les vérifications d'usage
(bon format d'adresse e-mail, majuscule dans mot de passe...) [https://openclassrooms.com/courses/tout-sur-le-javascript/td-verification-d-un-formulaire Exemple]
* Proposer un outil de conversion Euros->Dollars et Dollars->Euros avec un champ à remplir par l'utilisateur
* Proposer un outil calculatrice, qui récupère deux entiers et une opération passés dans 3 champs et effectuer l'opération attendue
* [https://openclassrooms.com/courses/dynamisez-vos-sites-web-avec-javascript/manipuler-le-css Manipuler le CSS avec Javascript]

===Mercredi 16/11===
* [https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/introduction-a-php Introduction à PHP]
* Exercices autour de PHP
* Récupérer les données passées par un formulaire puis les afficher en travaillant la mise en page
* Traiter les données et afficher un résultat en fonction (age > 18 : Vous êtes majeur, Monsieur ou Madame en fonction
d'une case à cocher, votre nom contient n caractères)
* Vérifier si les données passées dans le formulaire respectent bien les contraintes (nom et prénom, e-mail, numéro de téléphone)
* Vérifier que le mot de passe contient au moins une majuscule et un chiffre (utiliser les [https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2 expressions régulières])
* Ecrire les données récupérées dans un fichier ([https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/lire-et-ecrire-dans-un-fichier-5 Exemple])
* Autonomie autour du projet

===Jeudi 17/11===
* Exercices JS et/ou structurer et alimenter son Wordpress DTA
* Intervention de Roland Niccoli (OpenScop') autour de WordPress
 
* Autonomie autour du projet

===Vendredi 18/11===

* Exercices JS
* Voir programme de mardi
* Exercices PHP
* Voir programme de mercredi
* Faire une page PHP ''Devine un nombre'', avec un champ rempli par l'utilisateur. Le formulaire contenant ce champ rappelle la même
page qui répond si le chiffre rentré est plus grand ou plus petit que celui attendu par l'ordinateur
* Rajoutez ensuite un nombre d'essais limité (rappelez-vous que vous pouvez envoyer des données par le protocole GET)
* Faire une page PHP ''Conversation'' qui renvoie un message différent suivant le message que vous envoyez : question, exclamation,
message vide ou autre chose
* Présentation de Drupal
* Installation et utilisation de Drupal (après connexion ssh au VPS)
* cd /var/www/html
* rm -R -f drupal
* wget https://ftp.drupal.org/files/projects/drupal-8.2.3.tar.gz
* tar -xvzf drupal-8.2.3.tar.gz
* mv /var/www/html/drupal-8.2.3 /var/www/html/drupal
* rm drupal-8.2.3.tar.gz
 

=Cycle "Site web programmé"=

==Semaine 7==

===Lundi 21/11===
Rappels PHP :
* Récupérer et traiter les données d'un formulaire
* Manipulation de fichiers
* Défi : faire une page PHP de quizz (questions type QCM et questions ouvertes)

===Mardi 22/11===
CK Editor :
* [http://ckeditor.com/ Découverte]
* [http://docs.ckeditor.com/#!/guide Documentation]
* Défi : insérer CK Editor dans une page web
 
Présentation des tutoriels des premiers cycles 
* Développer un "mini-CMS" : une page web incluant CK Editor, pour créer des documents et les enregistrer au format html sur le serveur dans un dossier spécifique (les étudiants cha ngent d'ordinateurs toutes les 15 minutes pour reprendre le code d'un autre)
* Créer un script listant les fichiers html présents dans ce dossier spécifique et proposer un menu pour les afficher
 

===Mercredi 23/11===
Matinée banalisée pour recherche de stage :
* Aller à la rencontre des entreprises
* Venir sur place et structurer sa recherche
 
Présentation des tutoriels des premiers cycles

===Jeudi 24/11===
* Veille technologique
* Installation d'Eclipse
* Découvrir [https://openclassrooms.com/courses/php-utiliser-un-debogueur-pour-php-xdebug Xdebug]
* Modifier son code du "mini-CMS" pour se diriger vers du PHP orienté objet

===Vendredi 25/11===
* Présentation des tutoriels du premier cycle
* [https://openclassrooms.com/courses/programmez-en-oriente-objet-en-php Tutoriel sur le PHP orienté objet]
* Transformer le "mini-CMS" en orienté objet
 
* [https://fr.wikipedia.org/wiki/GD_(biblioth%C3%A8que) La librairie GD]
* [http://mtodorovic.developpez.com/php/gd/?page=page_1 Installation manuelle] (on préférera utiliser '''sudo apt install php-gd''')
* [http://www.lephpfacile.com/cours/22-la-librairie-gd Exercices]
* [http://php.net/manual/fr/ref.image.php Documentation]

==Semaine 8==

===Lundi 28/11===
* Corrections collectives
* Lancement du projet du cycle : re-développer [https://thingspeak.com/ Thingspeak] par groupes avec récupération des données du nodeCMU, enregistrées dans un fichier au format CSV et restitution sous forme de tableaux et graphiques, avec choix du style
* Le NodeMCU envoie ses relevés de température et d'humidité à intervalles réguliers à un script PHP, chargé de les enregistrer
dans un fichier CSV (données séparées par des virgules)
* Un script PHP récupère les données contenues dans le fichier
* Une interface graphique propose les données sous forme de tableau et de courbe (avec GD), avec sélection de la plage de dates
* Pour aller plus loin, des statistiques sont disponibles (minimum, maximum, moyenne...)
* Les relevés de plusieurs appareils peuvent être proposés
* Différents styles CSS sont disponibles, modifiables par un bouton
* La programmation s'effectuera sous forme orientée objet

===Mardi 29/11===

* Autonomie autour du projet et des tutoriels
* Suite du "mini-CMS"

===Mercredi 30/11===

* Autonomie autour du projet et des tutoriels
* Exercices JS
* Créer un gestionnaire de contacts (qui sera un objet) contenant un tableau de contacts (nom, prénom, mail, téléphone)
* Créer dans cette classe une fonction ajoutContact, une fonction afficherContacts, une fonction supprimerContact
* Créer un formulaire dans une page HTML permettant d'ajouter un nouveau contact (pas de doublons, le mail doit être unique)
* Afficher la liste des contacts et la mettre à jour à chaque nouvel ajout
* Ajouter un bouton supprimer à côté de chaque contact et mettre à jour la liste affichée après suppression

===Jeudi 01/12===
* Autonomie autour du projet et des tutoriels
* Enregistrement des tutoriels vidéo : expliquer la POO et son utilité autour d'un exemple

===Vendredi 02/12===

* Enregistrement des tutoriels vidéo
* Autonomie autour du projet et des tutoriels

=Cycle 5 : L'environnement de développement et de gestion de codes=

==Semaine 9==

===Lundi 05/12===
* Découverte d'un outil et de ses usages : Git (logiciel de gestion de versions décentralisé) et [http://github.com Github] (service web d'hébergement et de gestion de développement de logiciels)
* [https://blog.opuliscode.com/comment-suivre-l%C3%A9volution-de-ses-projets-d%C3%A9couverte-accessible-de-git-90f09f1ac97d#.tpmi10t2v Présentation]
* [http://webiose.com/2014/02/decouverte-de-git/ Commandes courantes]
* [https://openclassrooms.com/courses/gerer-son-code-avec-git-et-github Tutoriel]
* [http://learngitbranching.js.org/ Learn Git Branching]
* [https://try.github.io/levels/1/challenges/1 Try Git]
* [https://github.com/Simplon-lyon/dev-web/wiki/Git Mémo Git]
* Lancement du projet collectif [https://files.slack.com/files-pri/T2K2V7Y48-F3AMM7LFN/pr__sentation_du_projet_fabaccess.pdf ''FabAccess''] 
Un petit descriptif du projet du cycle avant la remise de votre cahier des charges par le client : 
''Votre client, OpenFactory, souhaite mettre en place un outil permettant l'accès au FabLab et à ses équipements pour les personnes
adhérentes de l'association et habilitées par des formations internes, à accèder à ces équipements. Cet outil permettra également de
gérer les cotisations et les adhésions, le suivi des consommables...
Pour permettre l'accès, vous utiliserez des badges RFID ''. 
Bien entendu, on a corsé l'affaire pour favoriser la prise en compte et l'intérêt de pouvoir collaborer sur un projet ! Chaque jour,
un membre du groupe s'en ira rejoindre un autre groupe.
 

===Mardi 06/12===
* Petit déjeuner à la Pré-Fabrique de l'Innovation, à la rencontre d'entreprises en recherche de stagiaires
* Découverte de JQuery (bibliothèque JS et multiplateforme pour faciliter l'écriture de scripts JS pour la manipulation du DOM et l'animation de pages web)
* [http://41mag.fr/quest-ce-que-le-dom-dune-page-web.html Le DOM d'une page web]
* [https://jquery.com/ Site officiel]
* [http://api.jquery.com/ Documentation]
* [https://jqueryui.com/ JQuery User Interface]
* [http://www.finalclap.com/tuto/cours-jquery-61/animation-65/ Tutoriel]
* Lancement du fil rouge individuel autour de JQuery pour la semaine 1 : vérification pas-à-pas de la validité des champs d'un formulaire
* Construction d'un formulaire contenant tous les types de champs (nom, mail, téléphone, code postal...)
* Vérification de la validité après chaque changement de champ
* Indication visuelle de la validité ou non du champ + message à l'utilisateur si la validité n'est pas vérifiée
* Autonomie autour des projets

===Mercredi 07/12===
* Découverte de la méthode AGILE (qui permet de piloter la réalisation d'un projet) 
La matinée commence par la lecture de deux articles sur les méthodes agiles, un premier sur [http://www.agiliste.fr/introduction-methodes-agiles/ le cadre et l'état d'esprit de ces méthodes] et un second sur [https://www.linkedin.com/pulse/comment-appliquer-les-m%C3%A9thodes-agiles-des-aux-%C3%A9quipes-kilian-bazin la mise en place au sein d'une entreprise] 
Elle s'est poursuivi par deux vidéos [https://www.ted.com/talks/tom_wujec_build_a_tower?language=fr sur le challenge du chamallow] et une seconde [https://www.youtube.com/watch?v=kZTLlWkxFN4 Scrum pour les nuls] 
Pour aller plus loin vous pouvez également visionnez cette vidéo [https://www.youtube.com/watch?v=3qMpB-UH9kA la gestion de projet AGILE]
 
* Découverte d'un outil et de ses usages : Trello
Ensuite un travail a été élaboré pour réaliser le tableau sous Trello pour décomposer le projet collectif en tâche, évaluer leur poids avec scrum for trello, se répartir les tâches, et évaluer son travail avec une mêlée quotidienne.
Pour la journée un Scrum Master sera désigné, pour chaque groupe ce sera la personne référente pour traiter les demandes exterieurs (poser une question aux formateurs, échanger avec d'autres groupes....)
 
* Autonomie autour des projets

===Jeudi 08/12===
* Veille technologique
* Coding Dojo : [http://kta1.rxla.bz/# Katas JavaScript]
* Approfondissement de la POO : l'héritage
* Défi PHP
* Récupérer la classe [https://github.com/JpPeyrache/DTA/blob/master/PHP/Fichier.class.php Fichier] en PHP
* Récupérer la classe [https://github.com/JpPeyrache/DTA/blob/master/PHP/FichierCSV.class.php FichierCSV] qui hérite de la classe Fichier et contient le nouvel attribut $_charSepar
* Compléter la méthode changeChar($newChar) de cette classe
* Faire une classe FichierHTML qui hérite de la classe Fichier
* Ajouter une méthode changeBalise($oldBalise,$newBalise) à cette classe
 
* Autonomie autour des projets

===Vendredi 09/12===
* Découverte des enjeux du travail collaboratif
 
* Autonomie autour des projets

==Semaine 10==
===Lundi 12/12===
* Découverte de Bootstrap
 
* Autonomie autour des projets

===Mardi 13/12===
* Approfondissement des notions de POO et exercices
 
* Autonomie autour des projets

===Mercredi 14/12===
* Approfondissement des notions de POO et exercices
 
* Autonomie autour des projets

===Jeudi 15/12===
* Approfondissement de la POO : les classes abstraites
 
* Autonomie autour des projets : documentation du code

===Vendredi 16/12===

* Autonomie autour des projets : documentation du code
 
* Découverte de PhpDocumentor

=Débriefing=

==Semaine 11==

===Lundi 19/12===

Coding Dojo et reprise des éléments non maitrisés 
Installation de l'extension Git au sein d'Eclipse et prise en main en utilisant les fichiers créés pour le projet "Fabacces". Vous retrouverez le [http://www.vogella.com/tutorials/EclipseGit/article.html#what-is-git-for-eclipse-egit tutoriel d'installation en suivant ce lien.]

===Mardi 20/12===

Coding Dojo et reprise des éléments non maitrisés

===Mercredi 21/12===

Coding Dojo et reprise des éléments non maitrisés
 
Présentation de l'événement "Super Demain" 
Réflexion sur leur participation 

==Semaine 12==

===Mardi 03/01===

* Temps de veille
* Corrections collectives
* Auto-apprentissage de Bootstrap
* https://openclassrooms.com/courses/prenez-en-main-bootstrap
* http://www.w3schools.com/bootstrap/default.asp
* https://www.grafikart.fr/tutoriels/html-css/bootstrap-twitter-182
* http://www.opentuto.com/informatique/maitriser-bootstrap-3-par-la-pratique/

===Mercredi 04/01===

Entraînement à la programmation (le résultat attendu dans chaque variable ou fonction est indiqué en commentaire)
* [https://gist.github.com/rxlabz/4fe5c564305c14b53145aa50d1a1f804 Fonctions à compléter]
* [https://gist.github.com/rxlabz/214eaed589d577846d3b87a8c96de0c7 Utiliser des fonctions prédéfinies]
* [http://exercism.io Exercism]
* Programmez les fonctions suivantes : la somme de tous les chiffres d'un nombre passé en paramètre, le tri d'un tableau d'entiers,
le calcul de rendu de monnaie en fonction d'un prix et d'une paiement (pour augmenter la difficulté, on pourra préciser les pièces
et billets utilisés pour rendre la monnaie), l'affichage d'un losange de 2*n lignes avec n passé en paramètre, le décodage d'un
message en morse...

Manipulation du DOM en Javascript
* [https://openclassrooms.com/courses/dynamisez-vos-sites-web-avec-javascript/manipuler-le-code-html-partie-1-2 Tutoriel]
* [http://jsbin.com/deqapo/4/edit?html,js,output Changer la couleur du fond]
* [http://jsbin.com/lelafig/2/edit?html,js,output Masquer des éléments sur un clic]
* [http://jsbin.com/fakomax/1/edit?html,js,output Maquer des éléments sur un clic et afficher les autres]

Retour sur la POO en PHP
* [https://www.grafikart.fr/formations/programmation-objet-php Séries de tutoriels]
* [https://openclassrooms.com/forum/sujet/exercices-poo-11789 Exercice]
* [http://www.phpexercises.com/PHP-classes-objects.html Exercices en anglais]

Défis JS
* Réaliser un [https://camo.githubusercontent.com/f85a7fa4854d7c98f5ea837ca22ed6aaeffd9a2b/68747470733a2f2f7777772e657665726e6f74652e636f6d2f6c2f4141463164654c30664e424938354d574a615a48494c376430334c6379434f456b6e6b422f696d6167652e706e67 jeu de mémo] : utiliser [https://developer.mozilla.org/fr/docs/Web/API/WindowTimers/setInterval setTimeInterval] / clearInterval & [https://developer.mozilla.org/fr/docs/Web/API/WindowTimers/setTimeout setTimeOut] / clearTimeOut et [https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener addEventListener]
* Réaliser un jeu de morpion

===Jeudi 05/01===

Corrections collectives autour de CKEditor et du mini-jeu PHP

===Vendredi 06/01===

Retour sur Bootstrap

=Cycle 6 : Web complexe et bases de données=

==Semaine 13==

===Lundi 06/02===

* Introduction aux structures de bases de données et à leur représentation
* [https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/phpmyadmin-5 Prendre en main phpMyAdmin]
* Présentations et retours sur les stages
* Défis en autonomie et corrections collectives
* Défi individuel sur les deux semaines : développer son propre Trello (plusieurs utilisateurs, possibilité de créer ses propres colonnes, commentaires associés au billet...)

===Mardi 07/02===

* Les différents systèmes de gestion de bases de données
* La communication PHP/MySQL
* Présentations de l'événement "Super Demain" et des modalités de participation envisageable (atelier, exposition)
* Défis en autonomie

===Mercredi 08/02===

* Réflexion collective pour élaborer le schéma de la base de de données pour un Trello avec un seul utilisateur
* Travail en autonomie sur la production d'un tableau de bord pour une To Do List

* Présentations et retours sur les stages
* Défis en autonomie (transfert des projets CSV vers la BdD)
* Echange autour du code To Do List

===Jeudi 09/02===

* Les requêtes SQL
* Tutoriels sur les jointures : [https://openclassrooms.com/courses/administrez-vos-bases-de-donnees-avec-mysql/jointures-1] et [http://sql.sh/cours/jointures]
* Défis en autonomie (carnets d'adresses, inscriptions/authentifications, chat...)
* Présentations et retours sur les stages

===Vendredi 10/02===

* Défis en autonomie
* Démarrage du projet de forum
* [http://aulas.pierre.free.fr/cou_sql_syntaxe.html Mémo SQL]

==Semaine 14==

===Lundi 13/02===
* Temps de veille
* Corrections collectives autour de SQL
* Autonomie autour du projet Trello
* Présentation des stages

===Mardi 14/02===

* Autonomie autour du projet Trello
* Corrections collectives PHP/MySQL (requêtes préparées/directes)
* Présentation des stages

===Mercredi 15/02===
* Elaboration de propositions d'ateliers ou d'expositions permettant la découverte de la programmation pour Super Demain
* Présentation des stages
* Autonomie autour du projet Trello
* Poursuite des entretiens individuels

===Jeudi 16/02===

* Présentation du débogueur d'Eclipse
* Matinée "Pomodoro" autour d'un mini-chat
* [http://htmlreference.io/ Dictionnaire HTML avec rendus visuels]
* [http://cssreference.io/ Dictionnaire CSS avec rendus visuels]
* Présentation des stages
* Autonomie autour du projet Trello

===Vendredi 17/02===
* Travail en autonomie sur le projet Trello (réalisation d'un tutoriel permettant de présenter la création, l'organisation et la gestion de votre base de données)
* Poursuite des entretiens individuels

=Cycle 7 : Web et API=

==Semaine 15==

===Lundi 27/02===

* Temps de veille collective
* Coding dojo PHP
* [https://openclassrooms.com/courses/utilisez-des-api-rest-dans-vos-projets-web Démarrer avec les API]
* Retours sur les stages
* [https://openclassrooms.com/courses/google-maps-sur-votre-page-web Intégrer une API à son code PHP]
* [https://developers.google.com/maps/documentation/javascript/ Documentation Google Maps API]

===Mardi 28/02===

* poursuite des tutoriels sur les API
* [https://fr.wikipedia.org/wiki/Mod%C3%A8le-vue-contr%C3%B4leur L'architecture MVC]
* [http://bpesquet.developpez.com/tutoriels/php/evoluer-architecture-mvc/ Évoluer vers une architecture MVC en PHP]
* Retours sur les stages
* Défi : poster un message sur un mur Facebook depuis un script PHP

===Mercredi 01/03===

* Poursuite de la préparation des ateliers a Super Demain
* Intégrer une API à son Trello
* Défi du cycle : Réaliser en binôme un jeu de morpion (3 niveaux de difficulté de l'IA : jouer au hasard, jouer pour ne pas perdre, jouer pour gagner)
* [https://simplyon2.github.io/support/phpoo/ Mémo PHP POO]

===Jeudi 02/03===

* Corrections collectives : algo
* prix_TTC(prix, tva) qui prend un prix et un taux de TVA et renvoie le prix après application de la TVA
* produit(x,y) qui prend deux variables x et y, calcule leur produit et renvoie à l'utilisateur un message pour lui indiquer si le produit est négatif ou positif
* catégorie(age) qui prend un âge en paramètre et renvoie la catégorie correspondante (poussin de 6 à 7 ans, pupille de 8 à 9 ans, minime de 10 à 11 ans, cadet ensuite)
* carres(tableau) qui prend un tableau de nombres et renvoie le tableau contenant le carré de chacun de ces nombres
* Autonomie autour de Trello et du morpion
* Expressions régulières ([https://regex101.com/ Testeur en ligne])

===Vendredi 03/03===

* Autonomie autour des projets ([https://developers.facebook.com/docs/reference/php API Facebook])
* Les parseurs XML

==Semaine 16==

===Lundi 06/03===

* Développer une API sur le VPS qui reçoit les données du NodeMCU
* Corrections collectives

===Mardi 07/03===

* Autonomie autour des projets
* Présentation de Gaël Blondelle de la fondation Eclipse

===Mercredi 08/03===

* Journée de lancement et rencontre avec les entreprises

===Jeudi 09/03===

* Temps de veille
* multiples_3(n) renvoyant le tableau contenant tous les multiples de 3 compris entre 1 et n
* premiere_lettre(tableau,lettre) qui parcourt le tableau (contenant des chaines de caractères) et renvoie le nombre de chaines commençant par la lettre passée en paramètre
* notes(n) qui demande à l'utilisateur de rentrer n notes (n étant le paramètre de la fonction) et renvoie un tableau contenant la note minimale, la note maximale et la moyenne
* tri(tableau) prenant un tableau en paramètre et renvoyant le même tableau trié par ordre croissant
* Développement de l'API pour le NodeMCU

===Vendredi 10/03===

* Développement de l'API pour le NodeMCU
* Retour collectif sur la proposition de poursuite d’étude pour obtenir un diplôme reconnu par un Bac +2 par le CNAM

=Cycle 8 : IHM et design=

==Semaine 17==

===Lundi 13/03===

* Temps de veille
* Le CSS 3
* [https://www.alsacreations.com/article/lire/1418-css3-transformations-2d.html Les transformations 2D]
* [https://www.alsacreations.com/tuto/lire/873-transitions-css3-animations.html Les transitions]
* [http://www.debray-jerome.fr/articles/css3-transition.html Quelques exemples de transitions]
* [https://developer.mozilla.org/fr/docs/Web/CSS/Animations_CSS/Utiliser_les_animations_CSS Les animations]
* Défi programmation : Roman to Number et Number to Roman
* Exemples de CSS 3
* [http://www.webdesignerdepot.com/2012/08/create-a-stunning-menu-in-css3/ Un super menu]
* [https://projects.lukehaas.me/css-loaders/ Des éléments de chargement animés]
* [http://red-team-design.com/dist/uploads/2011/11/css3-slick-progress-bars-demo.html# Des barres de progression]

===Mardi 14/03===

Hackathon dans l'Atrium

===Mercredi 15/03===

Hackathon dans l'Atrium

===Jeudi 16/03===

Hackathon dans l'Atrium

===Vendredi 17/03===

* Le design mobile
* [https://www.alsacreations.com/article/lire/1615-cest-quoi-le-responsive-web-design.html Responsive Design AC]
* [https://openclassrooms.com/courses/qu-est-ce-que-le-responsive-web-design Responsive Design OC]
* [https://www.alsacreations.com/astuce/lire/1640-o-trouver-de-linspiration-pour-du-design-mobile.html Trouver de l'inspiration]
* [http://getbootstrap.com/components/ Les composants de Bootstrap]
* Utiliser JQuery et JQuery UI
* [https://jquery.com/ Site officiel]
* [http://www.finalclap.com/tuto/cours-jquery-61/ Tutoriel]
* [http://jqueryui.com/demos/ Démos JQuery UI]
* Défi : développer un jeu simple en JavaScript (mémo, solitaire, pacman...)

==Semaine 18==

===Lundi 20/03===

* Temps de veille
* Pratique Front-End : développement d'un petit jeu
* Présentation du projet DayTripper par Clément Dupuis
* [https://www.alsacreations.com/tuto/lire/1421-svg-initiation-syntaxe-outils.html Découverte du format SVG]
* Deux beaux exemples en CSS3
* [https://cssanimation.rocks/fr/clocks/ Une horloge animée]
* [http://thecodeplayer.com/walkthrough/make-a-stopwatch-using-css3-without-images-or-javascript/ Un chronomètre]

===Mardi 21/03===

* Travail en autonomie
* Exercices autour de JQuery UI et Bootstrap

===Mercredi 22/03===

* Suite des ateliers Super-Demain
* Travail en autonomie

===Jeudi 23/03===

* Temps de veille
* Présentation d'AJAX ([https://openclassrooms.com/courses/un-site-web-dynamique-avec-jquery/le-fonctionnement-de-ajax Tutoriel])
* Mise en application
* Créer une page qui liste les comics à l'aide de [http://developer.marvel.com/docs l'API Marvel]
* Afficher la description d'un comic de manière dynamique sur la même page lorsque l'on clique dessus
* Exercices algorithmiques
* lettre_unique(mot) qui vérifie qu'un mot ne contient pas deux fois la même lettre
* palindrome(mot) qui vérifie si un mot est un palindrome
* anagramme(mot1,mot2) qui vérifie si mot1 et mot2 sont des anagrammes

===Vendredi 24/03===

* Corrections collectives
* Travail en autonomie

=Cycle 9 : Projet en mode professionnel=

==Semaine 19==

===Lundi 27/03===

* Temps de veille
* Corrections collectives
* minuscule(lettre) vérifie si un caractère est une lettre minuscule
* chaine_minuscule(mot) vérifie si un mot est entièrement composé de lettres minuscules
* Deux fonctions permettant de crypter et décrypter un mot codé avec le chiffre de César (on passe en paramètre le chiffre)
* Discussion autour des applications mobiles
* [https://wildcodeschool.fr/blog/apprendre-developpement-mobile-coder-application/ Pourquoi apprendre le développement mobile ?]
* [http://www.servicesmobiles.fr/developpement-dapplications-mobiles-web-natif-hybrides-32198/ Développement d'applications mobiles : web, natif, hybrides]
* [https://www.supinfo.com/articles/single/2971-developpement-ios-android-commencer iOS ou Androïd : par où commencer ?]
* [https://fr.yeeply.com/blog/developpement-dapplication-mobile-android-ios/ Différences entre iOS et Androïd]
* [https://www.supinfo.com/articles/single/2396--developpement-mobile-cross-platform Le développement mobile Cross-Platform]
* Lancement du projet Thingspeak 2 (développer un clône de ThingSpeak de A à Z)
* En solo ou en binôme
* De manière professionnelle avec documentation, Git, Bootstrap (ou un autre framework)

* 1. Sur le VPS, dans un dossier /sonde/API, développer une API qui accepte des requêtes POST avec 2 paramètres et qui stocke les valeurs reçues en base de données (url : /data, méthode : POST, réponse : JSON)

* 2. Sur le NodeMcu, prendre le [https://files.slack.com/files-pri/T2K2V7Y48-F4Q4SUZEG/download/dht11-ifttt-drive-clean.ino code déjà réalisé] pour envoyer les données vers IFTTT et l'adapter pour envoyer les données vers l'API du VPS

* 3. Sur le VPS, compléter l'API pour qu'elle accepte les requêtes GET pour retourner les dernières données reçues (url : /data, méthode : GET, réponse : JSON)

* 4. Sur le VPS, dans un dossier /sonde/client, développer une application indépendante en HTML / CSS / Javascript qui s'exécute sur le client pour afficher le dernier relevé de température et d'humidité (Ajax vers l'API). L'affichage doit être élégant sur un smartphone.

* 5. Sur le VPS, compléter l'API pour que la requete GET /data accepte 2 paramètres de type "date" et qui retourne tous les relevés entre ces 2 dates (url : /data/{date_debut}/{date_fin}, méthode : GET, réponse : JSON)

* 6. Compléter l'application cliente avec une nouvelle page permettant à l'utilisateur de sélectionner une plage de dates et qui affiche de manière dynamique les relevés, les moyennes des valeurs et un graphique (au choix).

===Mardi 28/03===

* Initiation au développement d'applications mobiles
* [https://www.alsacreations.com/tuto/lire/1646-introduction-phonegap.html Introduction à PhoneGap]
* [http://phonegap.com/ Site officiel de PhoneGap]
* Autonomie autour du projet

===Mercredi 29/03===

* Suite des ateliers Super-Demain
* Autonomie autour du projet

===Jeudi 30/03===
* Temps de veille
* Travail en autonomie
* Actualité et nouvelles de Julie pour Super Demain (par groupe de projet)
* Correction de l'exercice Marvel
* Exercices algorithmiques

===Vendredi 31/03===

* Travail en autonomie
* Retour sur les API et le projet Thingspeak
* Exercices algorithmiques

==Semaine 20==

===Lundi 03/04===

* Temps de veille
* Défis algorithmiques
* a_doublons(tab) vérifie si un tableau contient des doublons
* doublons(tab) renvoie le tableau contenant les doublons apparaissant dans tab
* n_fois(tab,n) renvoie le tableau contentant les éléments apparaissant au moins n fois dans tab
* bintodec(s) convertit la chaine s, représentant un nombre en binaire, en sa valeur décimale
* Autonomie sur le projet

===Mardi 04/04===

* Découverte de Composer
* Exercices autour des expressions régulières
* Autonomie sur le projet

===Mercredi 05/04===

* Suite des ateliers super-demain
* Autonomie sur le projet

===Jeudi 06/04===

* Temps de veille
* Développement d'un CRUD
* Autonomie sur le projet

===Vendredi 07/04===
* Autonomie sur le projet
* Retour et échanges sur le projet du cycle
* Proposition de correction de code par David (hésitez pas à l'explorer et le modifier)

=Cycle 10 : Projet découverte de framework=

==Semaine 21==

===Lundi 10/04===
* Temps de veille
* Présentation du projet du cycle
** Au cours du cycle vous devez découvrir et apprendre à utiliser un framework (Symfony, Angular...).
** Vous devez réaliser un outil de gestion de vos candidatures professionnelles (suivi de l'envoi de vos CV et lettre de motivation, des réponses des entreprises, des dates.... et toutes les fonctionnalités qui vous semblent pertinentes pour une utilisation personnelle)
* Travail en autonomie sur le projet
* Présentation des projets réalisés thingspeak

===Mardi 11/04===
* Travail en autonomie sur le projet
* Exercices algorithmiques
* Présentation des projets ThingSpeak

===Mercredi 12/04===
* Suite du développement pour Super-Demain
* Travail en autonomie sur le projet
* Présentation des projets ThingSpeak

===Jeudi 13/04===
* Temps de veille
* Travail en autonomie sur le projet
* Présentation des projets ThingSpeak

===Vendredi 14/04===
* Travail en autonomie sur le projet
* Présentation et test de Fight-Code

==Semaine 22==

=== Lundi 24/04 ===
* Temps de veille
* Suite de l'auto-apprentissage de framework
* Tutoriel sur le développement d'un pong avec HTML5 et JavaScript : http://www.developper-jeux-video.com/coder-jeu-video-pong-html5/

=== Mardi 25/04 ===
* Travail en autonomie sur le projet
* Exercices algorithmiques
* Notions de référencement naturel : https://www.scribd.com/doc/45158737/Le-referencement-web-et-le-positionnement-sur-Internet

=== Mercredi 26/04 ===

=== Jeudi 27/04 ===
* Temps de veille
* Autonomie sur le projet
* Exercices algorithmiques
** Fonction qui vérifie le parenthésage d'une chaîne de caractères "(())()()" renvoie true, "(()))(" renvoie false
**Générateur de hashtags (suppression des espaces, ajout du dièse en début de chaîne et majuscule au début de chacun des mots : "Trop cool le Javascript" -> "#TropCoolLeJavascript"
**Fonction qui convertit deux tableaux en un tableau associatif, en créant les couples clés,valeurs : ["zero","un","deux"],[0,1,2] -> {"zero" : 0, "un" : 1, "deux" : 2}
* Retour sur la POO (héritage et visibilité)

=== Vendredi 28/04 ===
* Autonomie sur le projet
* Exercices algorithmiques
* Méthodologie de projet Web et choix des technologies :
** http://www.pulsar-informatique.com/creation-site-internet/comment-creer-un-site-internet/comment-gerer-son-projet-de-site-web/methodologie-pour-un-site-web
** http://www.pulsar-informatique.com/creation-site-internet/comment-creer-un-site-internet/comment-gerer-son-projet-de-site-web/methodologie-pour-un-site-web/phasage-d-un-projet-web
** http://www.captainprojet.com/projet-web-10-etape/
[[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‏‎]]

Accueil

2017-09-07T07:26:57Z

DavidRechatin : /* Composition de ce wiki */

== En ce moment... ==

* [[Robots connectés]]

== Composition de ce wiki ==
<gallery>
Fichier:LogoConnexe.png|[[Learning Lab « Environnements Connectés »]]
Fichier:IRAM.jpg|[[Présentation de l'IRAM]]
Fichier:Logo_DesignTech_350x270.png|[[DesignTech Académie]]
</gallery>

<hr>
Liste des [[Spécial:Catégories|catégories]]

Fichier:Logo DesignTech 350x270.png

2017-09-07T07:26:38Z

DavidRechatin :

Accueil

2017-09-07T07:22:00Z

DavidRechatin : Ajout DTA

== En ce moment... ==

* [[Robots connectés]]

== Composition de ce wiki ==
<gallery>
Fichier:LogoConnexe.png|[[Learning Lab « Environnements Connectés »]]
Fichier:IRAM.jpg|[[Présentation de l'IRAM]]
Fichier:DTA.jpg|[[DesignTech Académie]]
</gallery>

<hr>
Liste des [[Spécial:Catégories|catégories]]

DesignTech Académie 2016-2017

2017-09-07T07:21:06Z

DavidRechatin : Import depuis http://movilab.org/index.php?title=Design_Tech_Academie

Accueil

2016-04-25T07:34:36Z

DavidRechatin :

== En ce moment... ==

* [[Workshop - Illuminov]]

== Composition de ce wiki ==
<gallery>
Fichier:LogoConnexe.png|[[Learning Lab « Environnements Connectés »]]
Fichier:IRAM.jpg|[[Présentation de l'IRAM]]
</gallery>

<hr>
Liste des [[Spécial:Catégories|catégories]]

Accueil

2016-04-25T07:34:00Z

DavidRechatin :

<gallery>
Fichier:LogoConnexe.png|[[Learning Lab « Environnements Connectés »]]
Fichier:IRAM.jpg|[[Présentation de l'IRAM]]
</gallery>

== En ce moment... ==

* [[Workshop - Illuminov]]

<hr>
Liste des [[Spécial:Catégories|catégories]]

Accueil

2016-04-25T07:33:51Z

DavidRechatin :

Utilisateur:DavidRechatin

2016-03-24T19:38:08Z

DavidRechatin : /* Mon parcours */

[[Fichier:David Réchatin 249x300.png|cadre|droite|David Réchatin]]
== Moi en quelques mots ==
Après des études technologiques (DUT) et quelque temps dans le monde professionnel de la nuit, je suis entré dans le milieu associatif au début des années 2000. L'envie d'entreprendre avec le numérique étant de plus en plus forte, nous créons avec mes amis Yoann et Roland l'entreprise coopérative [http://www.openscop.fr Openscop] dans laquelle je suis architecte des systèmes d’information (et gérant).

Je suis également le président de l'association OpenFactorySainté et intervenant à l'Université de Saint-Étienne.

== Qu'est ce que OpenFactorySainté ? ==
C'est une Usine Ouverte (Open Factory) à mi-chemin entre un FabLab, un TechShop et un HackerSpace, un projet d’ambition pour le territoire stéphanois et le quartier créatif Manufacture-Plaine Achille. Également appelé le « FabLab du Mixeur », OpenFactorySainté constitue un lieu ouvert à tous et toutes, permettant d’accéder à des outils de conception, de simulation et de maquettage numérique. Il assure par ailleurs l’accès en temps partagé à des outils de fabrication numérique, incluant un atelier électronique ou des machines-outils : découpeuse laser, fraiseuse, imprimante 3D, découpeuse laser, machine à coudre, découpeuse à vinyle.

Plus d'infos sur [http://www.openfactory42.org/ openfactory42.org]

== Me contacter ==

* Twitter : [https://twitter.com/DavidRechatin @DavidRechatin]
* Skype : david.rechatin
* [https://plus.google.com/104285468565932167947 Google Hangouts]
* Openscop : +33 4 77 36 91 35

== Me retrouver ==

[http://www.doyoubuzz.com/david-rechatin DoYouBuzz] - [http://www.viadeo.com/fr/profile/david.rechatin1 Viadeo] - [http://fr.linkedin.com/in/davidrechatin LinkedIn] - [https://plus.google.com/104285468565932167947 Google +] - [http://www.facebook.com/DavidRechatin Facebook] - [http://copainsdavant.com/p/david-rechatin-15011651 Copain d'avant] - [http://www.pearltrees.com/#/N-bg=8bd89a7dfa391fb4a212980572e35a84&N-f=1_23416&N-fa=23416&N-p=160237&N-play=0&N-s=1_23416&N-u=1_2122 Pearltrees] - [https://fr.foursquare.com/davidrechatin Foursquare]

== Mes points forts ==

* Polyvalent
* Trouver le consensus
* Esprit analytique > détection rapide des anomalies et les solutionner
* Médiateur numérique > lien entre usages et techniques numériques

== J'aime ==

* Mes enfants avant tout !
* L’honnêté
* L'entrepreneuriat
* Comprendre
* Construire

== Mon parcours ==

Actuellement :

* Architecte numérique et gérant associé salarié de la société coopérative [http://www.openscop.fr Openscop] depuis 2011
* Disc jockey et animateur de soirées privées depuis 1996
* Président du FabLab [http://www.openfactory42.org OpenFactorySainté] depuis 2013

Dans le passé :

* Directeur de l'association [http://www.zoomacom.org Zoomacom] de 2006 à 2011
* Animateur multimédia puis responsable informatique chez ACCES de 2001 à 2006
* Technicien informatique de 2000 à 2001

== Mon rôle dans ce wiki ==

* Super administrateur technique
* Ce wiki me sert de support pour mes interventions (cours, workshop...)

Utilisateur:DavidRechatin

2016-03-24T19:37:42Z

DavidRechatin :

[[Fichier:David Réchatin 249x300.png|cadre|droite|David Réchatin]]
== Moi en quelques mots ==
Après des études technologiques (DUT) et quelque temps dans le monde professionnel de la nuit, je suis entré dans le milieu associatif au début des années 2000. L'envie d'entreprendre avec le numérique étant de plus en plus forte, nous créons avec mes amis Yoann et Roland l'entreprise coopérative [http://www.openscop.fr Openscop] dans laquelle je suis architecte des systèmes d’information (et gérant).

Je suis également le président de l'association OpenFactorySainté et intervenant à l'Université de Saint-Étienne.

== Qu'est ce que OpenFactorySainté ? ==
C'est une Usine Ouverte (Open Factory) à mi-chemin entre un FabLab, un TechShop et un HackerSpace, un projet d’ambition pour le territoire stéphanois et le quartier créatif Manufacture-Plaine Achille. Également appelé le « FabLab du Mixeur », OpenFactorySainté constitue un lieu ouvert à tous et toutes, permettant d’accéder à des outils de conception, de simulation et de maquettage numérique. Il assure par ailleurs l’accès en temps partagé à des outils de fabrication numérique, incluant un atelier électronique ou des machines-outils : découpeuse laser, fraiseuse, imprimante 3D, découpeuse laser, machine à coudre, découpeuse à vinyle.

Plus d'infos sur [http://www.openfactory42.org/ openfactory42.org]

== Me contacter ==

* Twitter : [https://twitter.com/DavidRechatin @DavidRechatin]
* Skype : david.rechatin
* [https://plus.google.com/104285468565932167947 Google Hangouts]
* Openscop : +33 4 77 36 91 35

== Me retrouver ==

[http://www.doyoubuzz.com/david-rechatin DoYouBuzz] - [http://www.viadeo.com/fr/profile/david.rechatin1 Viadeo] - [http://fr.linkedin.com/in/davidrechatin LinkedIn] - [https://plus.google.com/104285468565932167947 Google +] - [http://www.facebook.com/DavidRechatin Facebook] - [http://copainsdavant.com/p/david-rechatin-15011651 Copain d'avant] - [http://www.pearltrees.com/#/N-bg=8bd89a7dfa391fb4a212980572e35a84&N-f=1_23416&N-fa=23416&N-p=160237&N-play=0&N-s=1_23416&N-u=1_2122 Pearltrees] - [https://fr.foursquare.com/davidrechatin Foursquare]

== Mes points forts ==

* Polyvalent
* Trouver le consensus
* Esprit analytique > détection rapide des anomalies et les solutionner
* Médiateur numérique > lien entre usages et techniques numériques

== J'aime ==

* Mes enfants avant tout !
* L’honnêté
* L'entrepreneuriat
* Comprendre
* Construire

== Mon parcours ==

Actuellement

* Architecte numérique et gérant associé salarié de la société coopérative [http://www.openscop.fr Openscop] depuis 2011
* Disc jockey et animateur de soirées privées depuis 1996
* Président du FabLab [http://www.openfactory42.org OpenFactorySainté] depuis 2013

Dans le passé

* Directeur de l'association [http://www.zoomacom.org Zoomacom] de 2006 à 2011
* Animateur multimédia puis responsable informatique chez ACCES de 2001 à 2006
* Technicien informatique de 2000 à 2001

== Mon rôle dans ce wiki ==

* Super administrateur technique
* Ce wiki me sert de support pour mes interventions (cours, workshop...)

Utilisateur:DavidRechatin

2016-03-24T19:25:39Z

DavidRechatin : /* Moi en quelques mots */

Utilisateur:FannyDelaye

2016-02-01T18:49:43Z

DavidRechatin :

== Moi en quelques mots ==
Après une Licence Culture et Communication parcours Communication des entreprises et des organisations et un Master 1 Stratégie et Conseil en Communication obtenu à l'Université de Lorraine à Nancy, je suis venu à Saint-Etienne dans le Master 2 Information, Communication et Numérique proposé par l'IRAM pour approfondir ma culture numérique.

Je suis également Community Manager pour Museomix Rhône-Alpes et le responsable communication de la web-série Zone42.

== Qu'est ce que Zone42 ? ==
ZONE 42, c'est un projet de web-série né à Nancy courant 2013. L'équipe qui travaille à sa concrétisation est constituée de personnes provenant d'horizons différents, toutes passionnées d'audiovisuel.
Suite au [http://fr.ulule.com/zone42/ financement de la série sur la plateforme Ulule] en Décembre 2014, l'équipe se consacre actuellement à l'élaboration de la premiére saison qui sera composée de huit épisodes.

À l'heure actuelle, la websérie comporte trois épisodes pilotes que vous pouvez voir [https://www.youtube.com/playlist?list=PLhIVRKhi4klzYu0Ib8DvmE7g5x-raPQYt dans cette playlist]

Plus d'infos sur [http://www.zone-42.fr www.zone-42.fr] - [https://www.facebook.com/Zone42.Serie Facebook] - [https://twitter.com/Zone42_Serie Twitter]

== Me contacter ==

* Twitter : [https://twitter.com/gaetan_gady @gaetan_gady]

== Me retrouver ==

[http://www.doyoubuzz.com/gaetan-gady_1 DoYouBuzz] - [http://www.viadeo.com/fr/profile/gaëtan.gady Viadeo] - [https://fr.linkedin.com/pub/gaëtan-gady/70/3b3/57b LinkedIn] - [https://plus.google.com/u/0/+GaetanGady/posts Google +]

[[Catégorie : M2-INCONU-2015-2016]]

Présentation des projets Workshop IRAM-ESADSE-TSE décembre 2015

2015-12-07T10:17:55Z

DavidRechatin :

==Easy recycle==
Application mobile pour accompagner la réduction des déchets

==Data painting==
Récolte de données puis restitution sous forme de graphe

==Daily Green Challenge==
Application mobile pour la réduction de consommation énergétique

==Synesthésie artistique==
Faire vivre une expérience de synesthésie via un parcours dans une expo avec une panoplie (avec caméra)

==Open Tech==
Application informationnelle contributive (avec lecture code barre)

==AnimCarte==
Panoplie de mesure lors de ballade (données environnementales, température + UV, tension + pouls) avec carte de restitution

==GreenMouse==
Widget et site web permettant de prendre conscience de l'impact écologique des recherches sur Google

==Interact==
Retranscrire des données en temps réel sur un tee-shirt

==CloserFood==
Application pour favoriser la consommation local et de saison

Présentation des projets Workshop IRAM-ESADSE-TSE décembre 2015

2015-12-07T09:51:07Z

DavidRechatin : Page créée avec « ==Easy recycle== Application mobile pour accompagner la réduction des déchets ==Data painting== Récolte de données puis restitution sous forme de graphe ==Daily Gree... »

Organisation workshop décembre 2015

2015-12-07T09:10:43Z

DavidRechatin :

Captation et datavisualisation

Organisation de la semaine de Workshop IRAM / ESADSE / TSE du 7 au 11 décembre 2015

*Intervenant extérieur Pierre-Alexandre à caser dans le planning.
*Présence d’Amélie pour la documentation vidéo de la semaine ?
*Présence Jean-Rémi ?
*Communication externe : tweeter, robot de présence ?

=Planning de la semaine=
==Lundi 7 décembre==
===Matin===
[[Présentation des projets Workshop décembre 2015|Présentation des projets]] de chacun des 9 groupes dans la salle de l'IRAM.

Alternance d'un groupe IRAM et d'un groupe ESADTSE pour 10 minutes de présentation et 10 minutes de questions.

'''Encadrants présents :'''
*David-Olivier
* Fabien
*...

===Après-midi===
*Speed dating projets
Sur la base des présentations du matin, les groupes se rencontrent 2 par 2 pendant 10 minutes dans les 4 salles de Design thinking de TSE et tentent, soit de recruter un autre groupe, soit de proposer une fusion de projet pour proposer un nouveau produit/service.
L'activité de l'après-midi devrait peut-être être présentée dès le matin pour que les groupes commencent à faire leur "marché" de l’après-midi.

Il y a 5 rencontres à faire en tournant, avec un groupe ESADTSE qui fait le mort à chaque tour.
A la fin, soit il reste toujours 9 projets, soit certains ont fusionné, mais dans tous les cas, le but est que les points de vue des uns et des autres enrichissent mutuellement les projets, dans l'esprit du Data-tasse.

L'idéal serait d'avoir 1 encadrant par îlot de speed dating pour animer et canaliser les rencontres.

* Début de réflexion sur le modèle économique des projets ? Netup/startup ?
'''Encadrants présents :'''
*...
*...
*...

==Mardi 8 décembre==
Séminaire DOL Captation et datavisualisation.

A priori le séminaire est intéressant pour tout le monde, est-ce qu’on tolère que certains groupes continuent à développer le mardi ?
DOL : je pense qu'il est bien que tout le monde assiste au conférence du matin au moins. Et si possible au séminaire.

===Matin===
'''Encadrants présents :'''
*Eric -> 11h
*David-Olivier (séminaire)
* Fabien
* Michel

===Après-midi===
'''Encadrants présents :'''
*Eric
*David-Olivier (séminaire)
* Michel Philippon

==Mercredi 9 décembre==
Prototypage, documentation.
===Matin===
'''Encadrants présents :'''
*Eric
* Fabien
* Michel Philippon
* Pierre Alex

===Après-midi===
'''Encadrants présents :'''
*Eric
*David-Olivier à partir de 16h. Réunion recherche ESADSE avant.
* Michel Philippon
* Pierre Alex

==Jeudi 10 décembre==
===Matin===
Prototypage, documentation.

'''Encadrants présents :'''
*Eric
*David-Olivier
* Fabien (jusqu'à 11h)
* Pierre Alex

===Après-midi===
Préparation d’un teaser qui doit présenter le projet, ses usages, son modèle économique.

Story board du teaser.

'''Encadrants présents :'''
*Eric
*David-Olivier
*...

==Vendredi 11 décembre==
Comme je l'avais suggéré, je préférais que le workshop finisse à 13H. Merci!

===Matin===
Finalisation teaser et présentation publique à partir de 11H (par exemple).

'''Encadrants présents :'''
*Eric -> 11h
*David-Olivier
* Fabien

===Après-midi===
LIBRE

'''Encadrants présents :'''
*...
*...
*...

Learning Lab « Environnements Connectés »

2015-11-25T10:16:18Z

DavidRechatin :

=Un Learning Lab, qu’es aquò ? =
Un Learning Lab est un lieu et un écosystème d’expérimentation et d’innovation sur les nouvelles formes de travail et d’apprentissage collaboratif. Ces espaces collaboratifs innovants ont recours simultanément aux outils numériques, aux environnements, équipements, supports d’apprentissage et méthodes pédagogiques favorisant l’intelligence collective. (source site IRAM)

=À qui s’adresse ce module ?=
*Masters Information, Communication & Numérique, IRAM
*Étudiants École Supérieure d’Art et de Design
*Élèves ingénieurs Telecom Saint-Etienne

=Pour quoi faire ?=
Ce module commun sur les objets et environnements connectés vise, en interdisciplinarité, à questionner les usages et les pratiques autour de ce thème en émergence, tout en favorisant l’apprentissage par la pratique. La semaine d’atelier sera contextualisée sur l’étude de la salle de bains partagée, à travers laquelle les regards du Design, des sciences humaines et sociales, et de l’ingénierie viendront collaborer.

=Méthodologie et phasage=
Le Learning lab des objets connectés est basé sur une approche itérative, proche de l'esprit fablab : "D'abord fais-le, ensuite fais-le bien, et puis fait le mieux". Nous invitons les étudiants à adopter une attitude réflexive sur l'avancement de leur projet. Cette attitude tient aussi à leur implication quand à la documentation progressive et simultanée du travail qu'ils effectuent.
[[Méthodologie et phasage | En savoir plus...]]

=L'environnement matériel=
Basé sur des technologies DIY et open-sources (Arduino, Raspberry), le Learning Lab des objets connectés permet d'expérimenter une collection de capteurs, de micro-contrôleurs et d'actuateurs avec le support d'un fablab : openFactory Sainté. [[l'environnement matériel |En savoir plus...]]

=Ressources scénaristiques=
Chaque épisode du learning lab mobilise un ensemble de ressources pour permettre au participants de constituer des scénarios d'usage riches et pertinents. Ils se matérialisent sous la forme de personnae, système des objets et contextes. [[Ressources scénaristiques|En savoir plus...]]

=Ressources humaines et compétences=
*Enseignants en électronique et télécommunications
*Enseignants en SHS
*Un architecte numérique
*Designers

=Les Scénarios expérimentés=
==[[Salle de bain connectée |Salle de bain connectée]]==
==[[Robots connectés]]==
==[[La Fabrique Numérique]]==
==[[Workshop Philips - Allumer la ville]]==

 

= Pour démarrer =
* [http://www.mediawiki.org/wiki/Help:Formatting/fr Formatage et balises wikitext]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ/fr Questions courantes sur MediaWiki]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce Liste de discussion sur les distributions de MediaWiki]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]

[[Catégorie:IRAM]]
[[Catégorie:TELECOM]]

Catégorie:TELECOM

2015-11-04T10:51:32Z

DavidRechatin : Page créée avec « Cette catégorie rassemble toutes la pages servant de porte d'entrée pour Télécom Saont-Etienne. »

Cette catégorie rassemble toutes la pages servant de porte d'entrée pour Télécom Saont-Etienne.

Catégorie:IRAM

2015-11-04T10:51:11Z

DavidRechatin :

Cette catégorie rassemble toutes la pages servant de porte d'entrée pour l'IRAM.
[[Fichier:IRAM.jpg|vignette|droite]]

Catégorie:Projet Pro

2015-11-04T10:49:06Z

DavidRechatin : Page créée avec « Cette catégorie rassemble toutes les pages d'accueil des projets professionnels. »

Cette catégorie rassemble toutes les pages d'accueil des projets professionnels.

Catégorie:Mémoire

2015-11-04T10:48:47Z

DavidRechatin : Page créée avec « Cette catégorie rassemble toutes les pages d'accueil des mémoires. »

Cette catégorie rassemble toutes les pages d'accueil des mémoires.

Catégorie:Stage

2015-11-04T10:48:05Z

DavidRechatin : Page créée avec « Cette catégorie rassemble toutes les pages d'accueil des stages. »

Cette catégorie rassemble toutes les pages d'accueil des stages.

Accueil

2015-11-04T10:39:21Z

DavidRechatin :

<gallery>
Fichier:LogoConnexe.png|[[Learning Lab « Environnements Connectés »]]
Fichier:IRAM.jpg|[[Présentation de l'IRAM]]
</gallery>

<hr>
Liste des [[Spécial:Catégories|catégories]]

Modèle de page utilisateur

2015-11-04T10:33:14Z

DavidRechatin : /* Mes travaux */

== Brève présentation ==
[[Fichier:Aquarelle_bretagne.jpg|vignette|droite]]
Étudiant du master II Information, Communication, et Numérique d'IRAM, je suis intéressé par la gestion de projet, le Web 2.0, les musées, et le web design.
Dynamique, ayant le sens des responsabilités et aimant travailler en équipe, je suis quelqu'un d'efficace dans mon travail.
J'aime l'histoire, la photographie, l'art, et le cinéma. 

== Ma formation ==
*2014-2016 - IRAM - SAINT ÉTIENNE - Master In.Co.Nu
*2013-2014 - WORKING MEN’S COLLEGE - LONDRES - ESOL Cambridge Courses
*2012-2013 - SOPHIA ANTIPOLIS - NICE - Master Sciences de l’Info-Com
*2009-2012 - SOPHIA ANTIPOLIS - NICE - Licence Sciences de l’Info-Com
* 2009 - ESTIENNE D’ORVES - NICE - Baccalauréat Littéraire, option Art 

== Mes expériences ==
* '''Chef de projet web''' - MARS. 2015-JUILLET 2015 - AXOME (TRENTA)
* '''Fille au pair/étudiante''' - AOÛT 2013-MAI 2014 - LONDRES, Angleterre
* '''Assistante de rédaction''' - FEV.-AVR. 2012 - PERSPECTIVE - MAGAZINE DE DESIGN ET D’ARCHITECTURE
* '''Assistante de création''' - JUILLET-AOÛT 2010 - TALIDAD CRÉATION - AGENCE DE COMMUNICATION
* '''Assistante photographe''' - JUIN 2008-2014 - TIME PHOTO DIFFUSION - AGENCE ÉVÉNEMENTIELLE 

== Mes compétences techniques ==
* Photoshop
* Illustrator
* Indesign
* PremierePro
* Access
* Langage HTML et CSS

== Mes savoir-faire ==
* Organisation d'un événement (logistique, communication interne et externe), 

== J'apprécie ==
* Le challenge, le défi, l'aventure
* L'écriture
* La randonnée (GR20 du nord au sud en août 2014)
* Le sport (moto, jogging, natation et roller)
* La musique (pratique du violon pendant 10 ans en école)

== Mes passions (inavouables) ==
Les films où DiCaprio pleurniche, les tumblr farfelus, les vide-greniers de mamie, et le thé.

== Mon projet ==
Officiellement, j'envisage de redorer le blason de mon village en concevant un site web porté sur le monde associatif et commercial
qui le rendent dynamique et toujours plus attrayant. Un webzine proposant des peu de rubriques et mettant en valeur l'image, afin d'informer, de relayer les infos tout en restant clair et concis.
Officieusement, de nombreux projets naissent dans ma tête chaque jour !! Affaire à suivre...

== Mes travaux ==
*Mon stage : [[Stage David]]
*Mon mémoire de recherche : [[Mémoire David]]
*Mon projet professionnel : [[Projet pro David]]

== Me retrouver ==
* Sur Linkedin : http://fr.linkedin.com/in/davidrechatin
* Sur Twitter : [https://twitter.com/DavidRechatin @DavidRechatin]

[[Catégorie:DocWiki]]

Modèle de page utilisateur

2015-11-04T10:30:51Z

DavidRechatin : /* Mes travaux */

== Brève présentation ==
[[Fichier:Aquarelle_bretagne.jpg|vignette|droite]]
Étudiant du master II Information, Communication, et Numérique d'IRAM, je suis intéressé par la gestion de projet, le Web 2.0, les musées, et le web design.
Dynamique, ayant le sens des responsabilités et aimant travailler en équipe, je suis quelqu'un d'efficace dans mon travail.
J'aime l'histoire, la photographie, l'art, et le cinéma. 

== Ma formation ==
*2014-2016 - IRAM - SAINT ÉTIENNE - Master In.Co.Nu
*2013-2014 - WORKING MEN’S COLLEGE - LONDRES - ESOL Cambridge Courses
*2012-2013 - SOPHIA ANTIPOLIS - NICE - Master Sciences de l’Info-Com
*2009-2012 - SOPHIA ANTIPOLIS - NICE - Licence Sciences de l’Info-Com
* 2009 - ESTIENNE D’ORVES - NICE - Baccalauréat Littéraire, option Art 

== Mes expériences ==
* '''Chef de projet web''' - MARS. 2015-JUILLET 2015 - AXOME (TRENTA)
* '''Fille au pair/étudiante''' - AOÛT 2013-MAI 2014 - LONDRES, Angleterre
* '''Assistante de rédaction''' - FEV.-AVR. 2012 - PERSPECTIVE - MAGAZINE DE DESIGN ET D’ARCHITECTURE
* '''Assistante de création''' - JUILLET-AOÛT 2010 - TALIDAD CRÉATION - AGENCE DE COMMUNICATION
* '''Assistante photographe''' - JUIN 2008-2014 - TIME PHOTO DIFFUSION - AGENCE ÉVÉNEMENTIELLE 

== Mes compétences techniques ==
* Photoshop
* Illustrator
* Indesign
* PremierePro
* Access
* Langage HTML et CSS

== Mes savoir-faire ==
* Organisation d'un événement (logistique, communication interne et externe), 

== J'apprécie ==
* Le challenge, le défi, l'aventure
* L'écriture
* La randonnée (GR20 du nord au sud en août 2014)
* Le sport (moto, jogging, natation et roller)
* La musique (pratique du violon pendant 10 ans en école)

== Mes passions (inavouables) ==
Les films où DiCaprio pleurniche, les tumblr farfelus, les vide-greniers de mamie, et le thé.

== Mon projet ==
Officiellement, j'envisage de redorer le blason de mon village en concevant un site web porté sur le monde associatif et commercial
qui le rendent dynamique et toujours plus attrayant. Un webzine proposant des peu de rubriques et mettant en valeur l'image, afin d'informer, de relayer les infos tout en restant clair et concis.
Officieusement, de nombreux projets naissent dans ma tête chaque jour !! Affaire à suivre...

== Mes travaux ==
*Mon stage : [[Stage David]]

*Mon mémoire de recherche : [[Mémoire David]]

*Mon projet professionnel : [[Projet pro David]]

== Me retrouver ==
* Sur Linkedin : http://fr.linkedin.com/in/davidrechatin
* Sur Twitter : [https://twitter.com/DavidRechatin @DavidRechatin]

[[Catégorie:DocWiki]]

Catégorie:M1-INCONU-2015-2016

2015-11-04T10:12:24Z

DavidRechatin : Page créée avec « Membres du Master 1 Promo 2015-2016 »

Membres du Master 1 Promo 2015-2016

Utilisateur:Thu Hien NGUYEN

2015-09-17T09:28:13Z

DavidRechatin :

[[Fichier:Thu Hien.jpg|250px|vignette|Thu Hien]]

== Moi en quelques mots ==

Actuellement étudiante en Master 2 Information, Communication et Numérique, j'ai appris un grand marché de travail après mes études. C'est la rédaction multimédia qui est mon orientation. Diplômé Licence en langue français, j'aime de plus en plus le français. Malgré des "barrières" linguistiques, j'étais soucieuse de m'apprendre et m'adapter à l'environnement d'étude et de vivre en France.

== Mes points forts ==

*Polyvalente 
*Enthousiaste 
*Soigneuse 
*Autonome

== J'aime ==

*Rédaction
*Organisation d'événements
*Mener des projets culturaux sociaux

== Mes centres d'intérêts ==

*Musique 
*Danse 
*Voyage 
*Art de pliage de papiers

== Me retrouver ==

*[https://twitter.com/Mit_Nguyen Twitter Mit_Nguyen] 
*[https://www.facebook.com/mitgaichichit Facebook Mitditto]

[[Catégorie:M2-INCONU-2015-2016]]

Utilisateur:Quiblier

2015-09-17T09:28:05Z

DavidRechatin :

QUIBLIER CATHERINE

== Moi en quelques mots ==
Dans le cadre de mon parcours professionnel (diplômée master 2 information communication des entreprises et organisations suivi de 10 ans d'expérience en tant que responsable de la communication dans le secteur de la culture, j'ai intégré pour 15/16 le master 2 InCoNu de l'IRAM en formation continue.

== Mes points forts ==

* Ouverture d'esprit
* Curiosité
* Sens de l'équipe

== J'aime ==

* Tout ce qui concerne le spectacle vivant
* Tout ce qui concerne la com
* Tout ce qui concerne la culture

[[Catégorie:M2-INCONU-2015-2016]]

Projet professionnel Aude Leblanc

2015-09-17T09:27:57Z

DavidRechatin :

[[Catégorie:Projet Pro]]

Utilisatrice:PaulineMorel

2015-09-17T09:27:49Z

DavidRechatin :

= Formation =

[[Fichier:PaulineMorelPhotos.jpg|PaulineMorel|droite]]

Détentrice d'un DUT Infocom (IUT Lyon 3) et d'une Licence en Information et Communication (Université Jean Monnet), je suis actuellement en '''Master 2 Infocom & Numérique''' au sein de l'[http://iramedias.univ-st-etienne.fr/ IRAM], et je souhaite exercer mon activité de communicante dans le secteur de la culture au terme de mes études.

= Projet Professionnel =
* Vous avez déjà connu une appréhension avant de vous rendre à un spectacle ?
* Vous avez déjà eu l'impression de passer à côté du message d'une représentation ?
* L'application mobile '''"L'Envers du Décor"''' est faite pour vous !
* Contribuant à faire vivre les rencontres publics-artistes...
# Cette application propose des jeux de médiation pour animer vos échanges,
# ainsi qu'une galerie de photos et de contenus,
# pour garder un souvenir de cette expérience et donner envie à d'autres de vous rejoindre !

= Mes Points Forts =
* La construction de projets en équipe
* L'organisation
* La force de travail
* Le dynamisme

= J'aime =
* Le théâtre (pratique durant 8 ans)
* Le cinéma
* Découvrir le patrimoine de mes lieux de voyages

= Me Retrouver =
* [https://www.facebook.com/pauline.morel.961 Facebook]

[[Catégorie : M2-INCONU-2015-2016]]

Liste des catégories du wiki

2015-09-17T09:27:14Z

DavidRechatin :

Voici la liste des catégories à copier/coller pour les contributions faites par les étudiants de l'université

== Identification des écoles ==

→ à ajouter aux pages d'accueil des projets par exemple...

*<nowiki>[[Catégorie:IRAM]]</nowiki>
*<nowiki>[[Catégorie:TELECOM]]</nowiki>

== Identification des promos ==

→ à ajouter sur les pages Utilisateurs

*<nowiki>[[Catégorie:M1-INCONU-2015-2016]]</nowiki>
*<nowiki>[[Catégorie:M2-INCONU-2015-2016]]</nowiki>

== Types de pages ==

→ à ajouter sur toutes les pages principales

*<nowiki>[[Catégorie:Mémoire]]</nowiki>
*<nowiki>[[Catégorie:Projet Pro]]</nowiki>
*<nowiki>[[Catégorie:Stage]]</nowiki>
*<nowiki>[[Catégorie:Workshop]]</nowiki>

Liste des catégories du wiki

2015-09-17T09:23:48Z

DavidRechatin :

Voici la liste des catégories à copier/coller pour les contributions faites par les étudiants de l'université

Identification de l'école :
*<nowiki>[[Catégorie:IRAM]]</nowiki>
*<nowiki>[[Catégorie:TELECOM]]</nowiki>

Identification des promos :
*<nowiki>[[Catégorie:M1-INCONU-2015-2016]]</nowiki>
*<nowiki>[[Catégorie:M2-INCONU-2015-2016]]</nowiki>

Types de pages :
*<nowiki>[[Catégorie:Mémoire]]</nowiki>
*<nowiki>[[Catégorie:Projet Pro]]</nowiki>
*<nowiki>[[Catégorie:Stage]]</nowiki>
*<nowiki>[[Catégorie:Workshop]]</nowiki>

Accueil

2015-09-17T09:23:16Z

DavidRechatin :

<gallery>
Fichier:LogoConnexe.png|[[Learning Lab « Environnements Connectés »]]
Fichier:IRAM.jpg|[[Présentation de l'IRAM]]
</gallery>

Liste des catégories du wiki

2015-09-17T09:15:40Z

DavidRechatin : DavidRechatin a déplacé la page Liste des catégories de l'IRAM vers Liste des catégories du wiki : généralisation

Learning Lab « Environnements Connectés »

2015-09-17T09:14:58Z

DavidRechatin :

=Un Learning Lab, qu’es aquò ? =
Un Learning Lab est un lieu et un écosystème d’expérimentation et d’innovation sur les nouvelles formes de travail et d’apprentissage collaboratif. Ces espaces collaboratifs innovants ont recours simultanément aux outils numériques, aux environnements, équipements, supports d’apprentissage et méthodes pédagogiques favorisant l’intelligence collective. (source site IRAM)

=À qui s’adresse ce module ?=
*Masters Information, Communication & Numérique, IRAM
*Étudiants École Supérieure d’Art et de Design
*Élèves ingénieurs Telecom Saint-Etienne

=Pour quoi faire ?=
Ce module commun sur les objets et environnements connectés vise, en interdisciplinarité, à questionner les usages et les pratiques autour de ce thème en émergence, tout en favorisant l’apprentissage par la pratique. La semaine d’atelier sera contextualisée sur l’étude de la salle de bains partagée, à travers laquelle les regards du Design, des sciences humaines et sociales, et de l’ingénierie viendront collaborer.

=Méthodologie et phasage=
Le Learning lab des objets connectés est basé sur une approche itérative, proche de l'esprit fablab : "D'abord fais-le, ensuite fais-le bien, et puis fait le mieux". Nous invitons les étudiants à adopter une attitude réflexive sur l'avancement de leur projet. Cette attitude tient aussi à leur implication quand à la documentation progressive et simultanée du travail qu'ils effectuent.
[[Méthodologie et phasage | En savoir plus...]]

=L'environnement matériel=
Basé sur des technologies DIY et open-sources (Arduino, Raspberry), le Learning Lab des objets connectés permet d'expérimenter une collection de capteurs, de micro-contrôleurs et d'actuateurs avec le support d'un fablab : openFactory Sainté. [[l'environnement matériel |En savoir plus...]]

=Ressources scénaristiques=
Chaque épisode du learning lab mobilise un ensemble de ressources pour permettre au participants de constituer des scénarios d'usage riches et pertinents. Ils se matérialisent sous la forme de personnae, système des objets et contextes. [[Ressources scénaristiques|En savoir plus...]]

=Ressources humaines et compétences=
*Enseignants en électronique et télécommunications
*Enseignants en SHS
*Un architecte numérique
*Designers

=Les Scénarios expérimentés=
==[[Salle de bain connectée |Salle de bain connectée]]==
==[[Robots connectés]]==

 

= Pour démarrer =
* [http://www.mediawiki.org/wiki/Help:Formatting/fr Formatage et balises wikitext]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Liste des paramètres de configuration]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ/fr Questions courantes sur MediaWiki]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce Liste de discussion sur les distributions de MediaWiki]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Adaptez MediaWiki dans votre langue]

[[Catégorie:IRAM]]
[[Catégorie:TELECOM]]

Accueil

2015-09-17T08:55:04Z

DavidRechatin :

<gallery>
Fichier:LogoConnexe.png|[[Learning Lab « Environnements Connectés »]]
Fichier:IRAM.jpg|[[IRAM]]
</gallery>