ISN seconde Imprimer
É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

lien 1lien 2      

 

 

Activité

découverte de processing 

 

Cours

binaire et hexadécimal : conversions et calculs (fiche d'exercice incluse)

support de cours : transistors et  portes logiques 

 

exercices 

fiche portes logiques

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

   code processing : snake 

   code processing : 2048 

   code processing : racketball 

 

 

 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 : 

(très complet, interactif , c'est celui qu'on utilisera en classe) 

1 très bien fait ! 

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 )