psy
ISN seconde |
Écrit par Julien Kergot |
Dimanche, 14 Septembre 2014 12:54 |
Séance 1 présentation de l'option création d'une adresse mail / compte Google formulaire de présentation personnelle ici première page web / introduction à l'ISN
Activité
Cours binaire et hexadécimal : conversions et calculs (fiche d'exercice incluse) support de cours : transistors et portes logiques
exercices code processing : conversions Décimal - Binaire Activité 4 : intéractions et sprites planches de sprites : RPG1 RPG2 et un mauvais exemple découverte du html tp 1 (fichier html à étudier : essai1.html) tp 2 (fichier html à étudier : essai2.html) tp 3 (fichier html à étudier : essai3.html) un bon cours sur le sujet : ici
exercice 2017: classes (début du jeu pong) ici version avancée sur le site openprocessing ici
ressources externes Powerpoint : histoire de l'informatique gimp manuel d'utilisation
processing (java) présentation du langage de programmation
Javascript / P5.js le javascript est un language de programmation très utilisé dans les pages web, il en existe une version très orientée conception graphique appelée p5.js qui est un peu au javascript ce que processing est pour java. pour les bases de javascript un bon tutoriel sur code academy ici quand on utilise un éditeur de texte même évolué, celui ci ne nous indique généralement pas où sont les erreurs dans le code, il peut être utile d'utiliser un débogueur comme celui qui est fournit dans le navigateur. Voici deux articles sur leur utilisation version générale et version spécifiquement mozilla le site collaboratif openprocessing permet de faire des programmes java(processing.js) ou javascript (p5.js) et de les executer à partir du navigateur internet https://www.openprocessing.org/ vous pouvez aussi travailler directement sur P5.js à partir de processing après avoir téléchargé (en haut à droite) le mode p5.js et avoir basculé du mode java vers celui là. Autre possibilité : http://p5ide.herokuapp.com/editor# quelques tutos : https://b2renger.github.io/Introduction_p5js/
HTML cours bien fait sur la question : 0 (très complet, interactif , c'est celui qu'on utilisera en classe), 2 (cours super complet, progressif), 3 (powert point très aéré, old school, mais efficace), 4 (version simplifiée et directe proposé par un autre prof d'ISN), petit exemple de l'intégration HTML/CSS : le CSS Zen Garden activité(elle s’appuie sur le cours 0, puis l'exploite pour générer des projets de plus en plus ambitieux) site pour vérifier la validité de votre code : https://validator.w3.org/
|
Mis à jour ( Mercredi, 26 Avril 2017 21:44 ) |