Le terme free software est mal compris : il n’a rien à voir avec le prix, il parle de liberté.
Voici donc la définition d’un logiciel libre : Un programme est un logiciel libre pour vous, utilisateur particulier, si

• vous avez la liberté de l’exécuter comme vous le souhaitez, pour quelque motif que ce soit ;
  
• vous avez la liberté de modifier le programme afin qu’il corresponde mieux à vos besoins (dans la pratique, pour que cette liberté prenne effet, il vous faut pouvoir accéder au code source, puisqu’opérer des modifications au sein d’un programme dont on n’a pas le code source est un exercice extrêmement difficile) ;
  
• vous disposez de la liberté d’en redistribuer des copies, que ce soit de manière gratuite ou onéreuse ;
  
• vous avez la liberté de distribuer des versions modifiées du programme, afin que la communauté puisse bénéficier de vos améliorations.
  

• L’accès au code source
  
• Collaboration et partage
  

Richard Stallman sur l’open source et les logiciels libres
Open source ? Logiciel libre ? Logiciel gratuit ? Y aurait-il une différence ?
Oui il y en a une. Bien souvent le terme open source est utilisé par commodité comme terme général pour signifier que l’on a accès au code source d’un logiciel.
Chaque fois qu’il en a l’occasion, Stallman rappelle :

« Le logiciel libre est un logiciel qui respecte la liberté et la communauté des utilisateurs. Ce n’est pas une question de prix. C’est libre, pas gratis. Avec tout programme, il y a deux possibilités: soit les utilisateurs contrôlent le programme, soit le programme contrôle les utilisateurs. Lorsque les utilisateurs contrôlent le programme, il s’agit d’un logiciel libre - ils contrôlent ce qu’ils en font, ce qui respecte leur liberté et leur communauté. »

Pour Stallman, l’open source est né dans le but d’étouffer le mouvement du logiciel libre :

« L’open source est un substitut amoral et dépolitisé du mouvement des logiciels libres. ... ce serait un désastre pour nous. Cela signifiait déconnecter le logiciel libre de l’idée que les utilisateurs méritaient la liberté. »

Stallman résume la différence entre l’open source et le logiciel libre en une phrase : L’open source, ce n’est pas le nom d’une philosophie, cela fait référence au logiciel, mais pas aux utilisateurs.

• Richard Stallman (1983) : Gnu
  
• Tim Berners-Lee (1990) : WWW
  
• Linus Torvald (1991) : Linux
  

• libreoffice (= openoffice) et microsoft office : le problème de l’échange des documents
  
• linux et windows : le problème du choix de la présentation du bureau
  
• téléchargement de logiciels : sources parfois douteuses pour windows, logithèque centralisée sous linux
  

• Créer un dossier sur votre ordinateur qui contiendra tous les fichiers qui seront créés au cours des séances de l’atelier
  
• Vous assurer que vous savez y accéder à partir des outils utilsés (éditeur, navigateur web, ...)
  

Vous aurez très souvent besoin de consulter la documentation des logiciels. Je vous indiquerai les liens vers les sites les plus pertinents au fur et à mesure. Je vous montrerai aussi quelques exemples d’utilisation de l’IA comme aide à l’utilisation des outils informatiques de programmation.

Remarque initiale : tout ce qu’on utilise dans vsCodium se présente sous forme d’onglets. Fermer au départ tous les onglets.
On va dès maintenant modifier le comportement et l’aspect de l’éditeur en paramétrant certaines fonctions et en ajoutant des extensions. Pour cela on va utiliser la barre d’outils verticale à gauche de l’écran et dans cette barre l’icone composée de 4 carrés dont 1 détaché

• taper french dans la barre de recherche et choisie French Language Pack, cliquer sur install puis à nouveau sur install dans l’onglet qui s’ouvre. En bas, cliquer sur Change Language and Restart.
  
• installer l’extension Python, l’extension Python Debugger et l’extension Code Runner ;
  paramétrage de cette extension (petite roue dentée à côté du titre de l’extension) :
  ● pour éviter que les sorties précédentes restent affichées : cocher Clear Previous Output
  ● pour éviter d’avoir à sauvegarder avant chaque exécution : cocher Save File Before Run (Attention, pas « Save All Files Before Run »)
  ● pour éviter que la ligne de commande ne soit intégrée à la sortie : décocher Show Execution Message
  ● cocher Run in Terminal envoie le sortie dans un terminal de type bash, ce qui est nécessaire pour que la fonction input fonctionne dans vsCodium
  
• l’icône roue dentée en bas de la barre des outils permet d’accéder aux paramètres globaux de vsCodium. En cliquant sue Paramètres vous obtenez une longue liste de paramètres modifiables (par exemple Auto Save, Font Size). Mettre word dans la boite de recherche en haut pour mettre le paramètre Word Wrap à on.
  

De manière informelle on peut dire que :
● un algorithme est un ensemble structuré d’instructions qui traitent des données (entrées) et produisent des résultats (sorties), qui sont aussi des données.
● un ordinateur ne peut exécuter un algorithme que s’il est traduit dans un langage de programmation.
Python, de par sa syntaxe très claire et concise, permet de traduire presque automatiquement un algorithme en programme.
Les données utilisées par Python sont, par exemple :

• des données fondamentales : nombres (int et float), chaines de caractères (string)
  
• des données structurées : listes, tuples, dictionnaires
  

Remarque initiale : tout ce qu’on utilise dans vsCodium se présente sous forme d’onglets. Fermer au départ tous les onglets.
On va dès maintenant modifier le comportement et l’aspect de l’éditeur en paramétrant certaines fonctions et en ajoutant des extensions. Pour cela on va utiliser la barre d’outils verticale à gauche de l’écran et dans cette barre l’icone composée de 4 carrés dont 1 détaché

• taper french dans la barre de recherche et choisie French Language Pack, cliquer sur install puis à nouveau sur install dans l’onglet qui s’ouvre. En bas, cliquer sur Change Language and Restart.
  
• installez l’extension HTML CSS Support (cette extension facilite l’écriture des pages web)
  
• en tapant open in browser dans la boîte de recherche, installez l’extension Open in browser (cette extension permet d’ouvrir les pages web créées à partir de vsCodium)
  ● remarque : quand une extension est installée, elle apparait dans le menu des extensions avec une roue dentée à droite qui permet de la paramétrer. Cliquer sur cette roue dentée pour l’extension open in browser et mettre à jour le navigateur web que vous utilisez.
  ● Nous installerons plus tard d’autres extensions, au fur et à mesure de nos besoins.
  
• l’icône roue dentée en bas de la barre des outils permet d’accéder aux paramètres globaux de vsCodium. En cliquant sue Paramètres vous obtenez une longue liste de paramètres modifiables (par exemple Auto Save, Font Size). Mettre word dans la boite de recherche en haut pour mettre le paramètre Word Wrap à on.
  

#+NAME fichier exemple.html

<!--
Dans une page html, on met entre le balises ci-dessus et ci-dessous, les blocs de texte qui sont des commentaires ; ils ne seront pas affichés par le navigateur.  
-->

<!-- ci-dessous, entre <head> et </head>, le bloc d'en-tête de la page : il contient des informations destinées au navigateur Web ; ces informations ne seront pas affichées dans la page-->
<head>
    <!-- la ligne qui suit indique le nom de la feuille de style associée à cette page --> 
    <link href="exemple.css" rel="stylesheet" type="text/css">
</head>h


<!-- ci-dessous, entre <body> et </body>, le corps de la page : il contient le tette, structuré par les balises, qui sera affiché par le navigateur -->
<body>
<h1>mon titre</h1> <!-- bloc de titre -->
<p> <!--- début de paragraphe -->
    Lorem ipsum dolor sit.<br> 
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit sequi fugit magnam.
</p> <!-- fin du paragraphe -->
<p>
    hjjfjjfjf<br>
    fffdfd<br>
    dggddg
</p>
</body>

<!-- REMARQUES 
    - quand on écrit un texte, le navigateur ne tient pas compte des passages à la ligne ; il faut les indiquer explicitement avec la balise <br>
    - il existe 6 niveaux de titres <h1> à <h6>
    - en dehors des paragraphes, il existe d'autres balises permettant de structurer le texte ; nous les étudierons au fur et à mesure de nos besoins.  
-->

/* Dans une feulle de style, les blocs de textes, éventuellement sur plusieurs lignes
commençant par slash étoile et se terminant par étoile slash (comme ici)
sont des commentaires ; ils n'interviennent pas dans le style 
*/

h1 { /* les règles de style ci-dessous s'appliqueront à toutes les balises <h1> (titre de niveau 1) dans la page html */
    color: blue ;               /* les titres h1 seront en bleu */
    border: 5px red solid ;     /* et seront entourés d'une bordure solide rouge de 5 pixels */
}

p { /* les règles de style ci-dessous s'appliqueront aux balises <p> (paragraphes) */
    color: green ;              /* les paragraphes seront en vert */
    border: 1px black dotted ;  /* et auront une bordure en pointillés noirs de 1 pixel */
}

/* REMARQUES :
Ces styles s'appliquent à toute page .html qui contient dans son en-tête (c'est à dire la bloc <head>, avant le bloc <body>) une référence à cette page.

body, titres, paragraphes (de texte), images
article, section, div
header, nav, aside, main, footer

head, link
style des éléments : color, background-color, font-size, line-height, text-align, border, margin, padding
style de la structure: flex (direction, wrap, gap)