J'apprends à programmer
Scratch est un logiciel de codage informatique. Voici un petit aperçu du programme. Animer les sprites et dessiner en dialoguant.
Les enfants, à partir de 7 ans, peuvent participer aux cours.
Ce nouveau langage de programmation s'est invité dans les écoles primaires et les lycées au même titre que les mathématiques. Son slogan est : Imagine - Programme - Partage. En effet, une fois réalisé, le projet est publié - sous forme de partage - sur le Web.
Avec Scratch, vous devenez créateur, artiste, musicien et "programmeur en herbe" en utilisant des simulations numériques ! Que du bonheur ! Vous avez 8 ans, alors foncez ! Un monde fascinant vous ouvre les bras...
Dans cette rubrique, je vous réserve quelques exemples concrets qui vous aideront à entrer dans le monde magique de la programmation. Cette nouvelle discipline est enseignée dans les écoles primaires et secondaires en France et bientôt dans tous les établissements dans le monde. J'ai déjà dispensé des cours à des jeunes... Ils ont montré beaucoup d'envie et d'intérêt. J’avoue être agréablement surpris par leur capacité de maîtrise du logiciel.
RAPPEL : Les projets Scratch sont multiples et traitent tous les sujets et scénarios. Educatif et ludique (mathématiques, géographie, histoire, dessin, musique). Ainsi, des projets comme les diaporamas et les animations alimentent quotidiennement le site Scratch. Le principe est le même : Imaginer et créer une histoire par le principe d’assemblage de blocs.
Les scripts sont composés de différents lutins qui se déplacent et interagissent les uns avec les autres.
1. - Certains sont joués à l'aide de touches de clavier associées à des blocs « Mouvement », d'autres sont préprogrammés. Les blocs situés dans Mouvement permettent de déplacer les lutins en fonction de valeurs absolues et en fonction de valeurs relatives.
2. Les déplacements absolus : Les déplacements en valeurs absolues permettent de déplacer le lutin en fonction de coordonnées X-Y précises sur la scène.
3. - La scène sur laquelle se déplacent les lutins est un rectangle de 480 pixels sur 360 pixels. Le centre de la scène correspond aux coordonnées X = 0 (abscisse) et Y = 0 (ordonnée). Tous les points (pixels) situés vers le haut et vers la droite correspondent à des coordonnées « positives ». Tous les points situés vers le bas et vers la gauche correspondent à des coordonnées « négatives ».
a. - L'axe des ordonnées est gradué de -240 à +240.
b. - L'axe des abscisses est gradué de -180 à +180.
c. - Le centre de la scène affiche : X = 0 (abscisse) et Y = 0 (ordonnée).
Bientôt, vous aurez des projets Scratch commentés.
Un tutoriel vous sera proposé avec des captures écran, des commentaires et des exemples PAS-A-PAS.
On y abordera les mathématiques, les dessins, les histoires animées et d'autres sujets plus complexes avec des variables, etc.
Si vous désirez apprendre le codage informatique, alors cet espace est pour vous. C'est un cadeau pour les jeunes lycéens et les footeux.
J'ai le plaisir de vous présenter Scratch, logiciel d'apprentissage de la programmation et du codage informatique destiné aux écoliers désireux d'apprendre à coder et à créer des programmes.
Ce projet SCRATCH met en scène plusieurs lutins (sprites, personnages) pour créer une animation et finir par le dessin d’un carré, réalisé à l’aide du lutin crayon. Un carré et son script qui a permis sa réalisation en utilisant une suite de commandes AVANCER DE et TOURNER à 90 degrés. Les 4 côtés du carré mesurent 100 pixels chacun.
Voici quelques projets créés avec le logiciel Scratch pour un très jeune public.
D'autres projets sont en cours de réalisation.
https://scratch.mit.edu/projects/480813778/
https://scratch.mit.edu/projects/247921984/
https://scratch.mit.edu/projects/253338675/
https://scratch.mit.edu/projects/249325042/
Je reviens à la charge avec de nouveaux projets et de nouveaux défis. L'informatique et le web seront au cœur de cette rubrique, avec plus de supports et d'exemples concrets. Mais le défi sera de s'adresser aux jeunes, aux enfants qui débutent dans la programmation et le codage. Je consacrerai des articles entiers avec un nouveau programme : SCRATCH.
"C'est l'histoire de Scratchy, un chat venu de la planète Chaton... etc."
PREMIER EXERCICE
Voici un lien qui vous permet de découvrir ce logiciel. Cliquez dessus. A l'ouverture de la page, vous verrez un écran divisé en 4 parties. La scène se trouve au milieu. Pour lancer le jeu, cliquer sur le drapeau vert. Pour le stopper, cliquer sur le point rouge.
PREMIER LIEN
Dessiner un carré _ Capitaine.
DEUXIEME LIEN
Calculer la surface d'un rectangle _ Capitaine.
On peut y lire :
Quand le drapeau VERT est cliqué,
Se positionner à X : -220 et Y : -140 (le centre de la scène est X : 0 et Y : 0)
S’orienter à 90, signifie regarder vers la droite (direction du sprite),
Jouer le son de la bibliothèque : MIAOU (le chat miaule),
Attendre 1 minute avant de parler…
Dire : Bonjour Ouistiti, pendant un temps (4 secondes)… etc… etc.
On conclut avec le lutin Crayon. Il attend quelques secondes avant de se mettre en scène et dessiner un carré.
Formation informatique
Une rubrique « Formation informatique » vous sera proposée afin d’aider les personnes désireuses d’apprendre le langage de développement XHTML et les CSS afin de créer des pages Web et bientôt des sites. Avec un volet Infographie réservée aux techniques de retouche image dans ses différents formats et modes (RVB, CMJN, Jpeg, Gif, Png, etc.). J’espère que les personnes qui m’ont poussé à mettre ce projet en place seront ravies et profiteront de cet espace culturel et ludique.
Alors, lançons-nous ! On démarre par une présentation du langage Web et ses 2 piliers : le HTML et le CSS.
Le HyperText Markup Language (HTML) et un Langage de balisage utilisé pour la création de pages web, permettant notamment de définir des liens hypertextes : communication entre pages, news, images, etc.
CSS => Feuilles de styles en cascades, également appelées CSS (Cascading Style Sheets) sont au Web ce que les styles sont aux traitements de texte.
Les feuilles de style sont définies de deux façons : internes et externes.
Elles sont associées à des balises HTML afin de définir la façon dont le navigateur interprétera et présentera les éléments d’une page Web : formatage, fond de page, tableau, formulaire, listes, etc.
L’exemple d’un dossier de 100 pages avec une centaine d’intertitres, est le plus parlant.
Prenons un Style formaté de la façon suivante :
Un texte de taille 12 en Helvetica, en italique, de couleur marron et un intertitre de taille 14, gras, de couleur noire, et un renforcement gauche de 20 pixels...
Vous appliquez ce style sur 100 titres. Malheureusement, votre chef vous demande, à la dernière minute, de tout reprendre suite à un grand changement de mise en forme.
Grâce à la feuille de style, cela ne vous prendre qu'une petite minute. Et votre page changera de visage...
Prenons l’exemple de la Constitution tunisienne et ses 140 articles.
Le document HTML et la Feuille de style interne (CSS) :
La Constitution tunisienne
Présentation de la Constitution tunisienne adoptée en 2014 !
Signé Webmaster.
Je vous rassure, il y aura des retours en arrière pour plus de détails et d’exemples.
Ce support électronique traitera aussi de la Mise en page (PAO). L’objectif est de transmettre le savoir qu’on a acquis. La formation sera articulée sur deux niveaux 1 & 2 : Web Nouvelles technologies, langage, Infographie, PAO, etc.
Je désire partager mon expérience en tant que Formateur informatique de métier et ancien journaliste avec vous. Transmettre ce que j’ai appris.
Et maintenant, chaussez vos lunettes et allumez vos ordinateurs.
Votre première page web comportera un texte court.
Pour commencer, un logiciel comme NotePad++ ou Sublime Text2 fera l’affaire.
Ce sont des programmes Wysiwyg (what you see is what you get), pour Tel écrit, tel écran.
Lancez le logiciel. Saisissez ce qui suit, en respectant la présentation, avec un retour ligne à la fin de chaque paragraphe.
Très important : Un retour ligne dans une page HTML est matérialisé par la balise "br" et un retour paragraphe par la balise*.
Il s’agit de la structure d’une page web, dans toute sa simplicité. L'exemple 1 est réalisé dans une version HTML 5 simplifiée.
* On détaillera plus loin le rôle des balises ouvrantes et des balises fermantes.
Aucun commentaire:
Enregistrer un commentaire