Comment apprendre à coder.

Comme vous l'avez peut-être remarqué, je ne suis pas le même programme scolaire que vous en informatique..

Durant tout ce premier trimestre j'ai appris à coder : ça fait parti de la programmation. Le codage sert à créer des sites internet.

Voilà par exemple ce que vous voyez en allant sur le blog du cours d'info:

Mais voilà ce qu'il se cache derrière (codes "HTML" et codes "CSS"):
(Si vous voulez voir ce qui se cache derrière  le site que vous voulez faites :"crtl+U")

Le HTML est le contenu du site et le CSS est le style du site.

Mais comment on fait pour apprendre a codé par soi-même?

Moi j'ai appris la programmation via "Khan Academy" Ce site nous apprend à coder étape par étape en donnant la base nécessaire pour pouvoir son propre site internet. C'est ce que j'ai fait!!

Voilà un aperçu de mon site :

N'oubliez pas de donner votre avis, tout commentaire un bon à prendre.

Diaporama

Bonjour à tous,


Dans cet article, je vais vous expliquer comment réaliser un diaporama.

Tout d'abord, le diaporama est un outil de travail pour des présentations orales ou pour faire défiler des informations (comme la télé de l'école) et même des photos. Pour qu'il soit efficace, celui qui le regarde doit passer le moins de temps possible à décrypter les informations. Enfin, créez un diapo, choisissez le mode Présentation/Impress dans LibreOffice ou dans Open Office. Ensuite, vous disposez de l'assistant Présentation que vous pouvez suivre ou non.

• À retenir 

• Il ne faut pas encombrer les diapos avec trop de texte, utiliser des symboles et des images. "Une image vaut mieux qu'un long discours." Il faut une moyenne de cinq informations par dia (entre trois et sept) ;

• Utiliser des puces, sous-puces et chiffres automatiques pour les listes, les plans et les énumérations (un article de monsieur Schoubben l'explique plus en profondeur). Éviter les tirets, cela peut porter à confusion avec les chiffres, ex : - 2 coeurs - 1 To de mémoire ;

• Pour les titres et sous-titres : pas de ponctuation, pas de soulignage (celui-ci est utilisé pour faire attention à quelque chose dans un texte), le gras est utilisé pour insister sur une chose importante ;

• Faire attention aux contrastes entre le fond de couleur et la couleur de police. Fond de couleur claire ou pastel et police de couleur foncée, en tout cas qui contraste bien avec le fond. Le rouge et le bleu ne s'accordent pas bien à l'écran et encore moins si c'est par projecteur. Attention au vert et rouge pour les daltoniens. En bref, n'utilisez pas le rouge ; 

• Pour l'écriture, il faut utiliser une police la plus simple possible (pas avec empattement) pour faciliter la compréhension du message plus rapidement. La taille adéquate pour les titres est de 36-42 et de 24-32 pour le texte. Plus d'informations sur les polices ;

• Entre deux diapositives, pour éviter que le passage d'une à l'autre ne fasse "danser" les images n'étant pas à la même hauteur, il faut ajouter une zone de texte ;

• On peut mettre des liens, mais si ceux-ci sont inactifs, on n'y a plus accès donc autant mettre des photos directement ;

• Écrire les symboles de mesure correctement (ex : ko ; Mo ; Go ; To ; Po ; Eo). 

• Transitions

• Les transitions servent à passer d'une diapositive à une autre. Pour les insérer, il faut aller dans le volet situé en haut à droite et choisir le mode transition. Les transitions, c'est bien, mais il ne faut pas en abuser. Il est préférable de garder la même pour toutes les diapos, sinon le public ne se focalise plus que là-dessus.

• Animations

• Les animations servent à faire apparaitre une image ou un texte dans une dia. Pour cela, il faut sélectionner l'élément que l'on veut animer, puis faire "Ajouter" et ensuite choisir les animations que l'on désire. Comme pour les transitions, il ne faut pas en abuser, car on ne se concentre plus que sur celles-ci et plus suffisamment sur le message principal. Il y a quand même une petite exception pour les diaporamas de photos, là c'est intéressant afin d'éviter la monotonie.

Liens :  

Voici un tutoriel et un autre pour insérer correctement vos images.  
Il y a d'autres renseignements sur cette page  pour libreoffice et sur celle-ci  pour ceux qui travaille sur openoffice.



Voilà, j’espère que mon article vous sera utile. N'hésitez pas à commenter pour que je puisse améliorer encore mon texte. :)

Diaporama (suite)

Salut, donc avec un peu de retard voici mon article sur les diapos (suite).

• Animations :

On peut ajouter une animation à une image ou bien à un texte. Pour ajouter cette animation, il faut sélectionner l'objet ensuite, il faut  aller dans la barre à outils (la colonne à droite de l'écran.) 

• Transitions :

On peut également ajouter une transition entre chaque diapo. Elles se trouvent dans la boite outils (tâches), dans le volet transition. A ne pas trop utiliser, car ça peut déconcentrer lors d'une présentation. (Les transitions se trouvent dans la barre d'outils) 

• Images :

Elles servent à mieux illustrer ce que l'on explique, pour ajouter une image : 

- On clique sur insertion, image et ensuite on choisit l'image qui nous intéresse.

• Pour réaliser une bonne présentation :

- Il ne faut pas surcharger la dia d'informations aussi non, on va perdre l'attention du public. (maximum 5 informations par dia !)
- Le diaporama est un support pour l'oral (il peut être utilisé dans d'autres cas : pour un rapport,...) donc il faut essayer d'utiliser des mots clefs.
- Il faut entre autre que le texte soit lisible pour le public, il faut donc écrire GRAND (Titre : 32-42, texte : 24-36).
        À EVITER !!- Ne pas écrire en italique ni souligner si on veut mettre une information en évidence : on la met en gras.- Ne pas utiliser une écriture avec empattement mais, privilégier une écriture d'imprimerie qui est plus facile à lire lors d'un exposé.
- ET surtout éviter le sur plus de montage (animations, transitions, images...) qui décrochera l'attention du public de ce que vous racontez.
Voilà :) Bye; bye.
 Leïla Schaus

• Liens :     

 http://www.cndp.fr/crdp-rouen/index.php/tutoriels/171-tutoriel-pour-creer-un-diaporama-avec-open-office

http://www.teletuto.fr/story.php?title=creer-un-diaporama-simple-de-presentation-avec-openoffice

Utilisation du masque dans les logiciels de présentation

Bonjour à tous,
Pour commencer mon article sur le masque, on va faire une petite mise en situation:

Vous venez de terminer une super présentation pour le cours d'informatique quand soudainement un grand monsieur barbu vous demande d'y ajouter deux ou trois petites choses, rien de bien insurmontable si ce n'est qu'il faut mettre sur chaque page de votre présentation (qui en compte au minimum cinq!) exactement la même chose, au même endroit, de la même taille, etc.
Donc, comme vous êtes vraiment fatigué aujourd'hui et que de toute manière vous n'êtes vraiment pas motivés, vous vous dites qu'il y a forcément une solution pour ne pas travailler trop. et c'est là qu'entre en jeu le masque: un petit outil vraiment pratique qui permet de ne pas perdre son temps à recommencer inlassablement la même chose.

Pour entrer dans le mode masque avec open office, il faut tout d'abord cliquer su "affichage", puis "masque" et enfin "masque des diapositives"

Voici quelques fonctions intéressantes du masque:

• Si votre présentation est (comme la grande majorité des présentations) hiérarchisée, le masque permet de modifier automatiquement la mise en page (la couleur, la taille, la police,...) pour un niveau donné. Pour ce faire, une fois dans le mode masque, sélectionnez le niveau désiré et changez-en les caractéristiques à votre guise, et voila, c'est fait! Remarque: si vous changez la mise en page d'un niveau, vous changez aussi celle de tous les niveaux qui lui sont inférieurs


• Si vous désirez insérer la même image dans chaque page de votre présentation, il suffit d'insérer l'image voulue dans le mode masque et, comme par magie, elle se retrouvera à chaque diapositive de la présentation. Remarque: même si l'image semble bien placée dans le mode masque, il se peut qu'elle se retrouve "sous" du texte dans une page de la présentation, ce qui peut fortement gêner la lecture. Il faut donc veiller à sélectionner pour l'image un emplacement approprié.


• Le masque sert également à inclure des entêtes et des pieds de page à votre présentation. Si vous voulez insérer des éléments à ces endroits, rien de plus simple: cliquez sur la zone désirée et ajoutez-y le texte que vous voulez, si vous préférez ajouter des éléments "automatiques" tels que des dates, numéros de page, etc. il suffit de se rendre dans la rubrique "affichage" du menu puis "en-tête et pied de page" et de modifier les paramètres désirés


• Il y a encore certainement un bon nombre de fonctionnalités très utiles cependant nous ne les avons pas détaillées au cours.
  

A+ tout le monde

Techniques à utiliser pour les diapositives.

Il faut utiliser une couleur reposante pour le fond et au contraire une couleur vive pour le texte, car dans le cas contraires les diapositives donneront des maux de têtes.

Ce qu'il faut savoir que c'est que l'hémisphère gauche du cerveau "gère" le langage, tout ce qui est rationnel ou abstrait, les détails et analyse les choses.

Alors que l'hémisphère droit remarque les analogies, synthétise les choses, il nous donnes les intuitions, il analyse les images.

C'est pour cela qu'il faut stimuler aussi bien l'hémisphère gauche que le droit en associant des mots à des images.

Pour ajouter une image à une diapositive il faut la téléchargée sur le disque dur et en mentionner les liens.

Il faut écrire grand, mais faire des phrases courtes.

Il faut avoir un maximum de cinq idées par diapositive mais c'est mieux s'il n'y en a qu'une.

Logiciel de présentaton

Pour changer le look, il y a le volet à droite. (voir image)

On peut changer les animations et les transitions.

Par défaut le style et les police s’appliquent pour toutes les pages.

Pour open office, on peut ajouter les logiciels de présentation (je ne sais plus l’adresse du site ?!). Pour les ajouter, il faut aller dans outils, gestionnaire d’extension et ajouter Ne pas oublier de fermer open office pour voir les nouveaux styles (même le démarrage rapide).

http://fr.wikipedia.org/wiki/Logiciel_de_pr%C3%A9sentation

http://fr.openoffice.org/Documentation/How-to/indexht-impress.html

Présentation du cours.

Une petite introduction :

Après la très bonne présentation du cours que M. Schoubben nous fait chaque année et qui reste toujours la même aux fils du temps... Je vais poster le 1er article fais par un élève du groupe C de cette année.

_________

Pour qu'au moins une personne s'intéresse au cours M. Schoubben a décidé d'instaurer la règle du "qui" doit prendre note ;

Ce principe consiste à désigner un élève au choix pour qu'il prenne des notes sur une feuille pendant que le professeur fait son cours.

Il faut préciser que le prochain élève à devoir prendre note est choisi par le précédent, en l'occurrence ça sera moi pour cette fois. (Faites attention à vous =D)

M. Schoubben alias Schoubbenladen (petite note d'humour) utilise cette méthode de travail là afin de nous apprendre :

- À gérer un blog. (Comme il faut) ;

- À prendre des notes au cours. (Pour nos futures années) ;

- À travailler en classe ;

- À publier des articles sur un blog.


L'entretien du blog est quasiment pareil d'année en année et la matière vue en classe ne varie pas vraiment donc les blogs des années précédentes contiennent déjà les éléments que vous allez rencontrer au cours de cette année 2009-2010.

Par conséquent le copier/coller entre blogs ou d'un site au blog est strictement interdit, si on se fait prendre à faire du copier/coller notre cotation sur l'article se retrouvera directement au niveau 0/10.

Ce blog est comme un blog normal :

- On peut y mettre des commentaires. (Dans le but d'aider, principalement) ;

- Les articles sont affichés chronologiquement. (Du plus petit au plus grand ou l'inverse) ;

- Il est constitué d'un "blogroll". (Liste de liens) ;

- Un correcteur orthographique y est présent également ;

- Ainsi qu'une liste de libellés dans le but de retrouver des articles plus rapidement et de les classer.

___________

Nous serons coté de la façon suivante :

Niveau de l'article : ./6

Orthographe : ./4

Poster dans la semaine : ./2

2 liens externes : ./2

Prise en compte des remarques : ./2

Mettre 1 libellé : ./1

Mettre le libellé de fin (fini) : ./1

Mettre des commentaires : ./2

Total : ./20

Possibilité de recevoir une note de ==> 22/20 (Grâce aux points bonus)

Ps : Nous obtenons des points bonus en commentant régulièrement les articles du blog et en montrant une participation fréquente au cours.

\!/ Attention \!/

Nous devrons passer aussi quelques contrôles, mais ne ne vous inquiétez pas, tous les contrôles se passeront à blog ouvert c'est-à-dire que nous pourrons utiliser les renseignements contenus dans ce blog.

_________

Informations supplémentaires. (Facultatif)

Comment inviter un nouveau membre au blog ?

1) Il faut envoyer une invitation par e-mail.

2) Se créer un compte google (et ne pas cocher la case se connecter automatiquement si vous n'êtes pas sur un ordinateur privé).

Comment envoyer une invitation ?

1) Aller dans Paramètre.

2) Aller dans Autorisation.

3) Aller dans Auteur de blog (et y mettre les adresses e-mails désirés).

_________

Voilà, je vous ai montré la marche à suivre. À vous de jouer, bon courage et bonne année ;)