Différences

Ci-dessous, les différences entre deux révisions de la page.

--- clubinfo:club_informatique [2017/11/26 08:06]
mrcjl [Autres activités]
+++ clubinfo:club_informatique [2024/08/20 07:02] (Version actuelle)
mrcjl [Le Club Informatique au collège]
@@ Ligne 1: / Ligne 1: @@
-====== Le Club-Informatique ======
+====== Le Club Informatique au collège======
 Il s'agit d'un club proposée aux élèves, de tout niveaux, dans le temps non scolaire (Atelier du FSE((Foyer Sociaux Éducatif))). Cette année, les activités ont lieu les jeudi de 13h à 14h en semaine paire en salle TECHNO3. Un autre créneau pourra être envisagé en fonction des demandes et disponibilités horaires.
-Il s'agit principalement de la découverte de la programmation web à travers la création de sites Internet :
+Il s'agit principalement de découvrir les différents langages les plus utilisés de la programmation web à partir d'exemples concrets et personnels de création de sites Internet. D'autres activités pourront être envisagées en fonction des demandes. Le parcours débute par la création du [[clubinfo:html3|premier site en HTML]].
-  * Découverte du [[clubinfo:HTML]], le squelette de mon site
-  * Découverte du [[clubinfo:CSS]], la mise en forme de mon site
-  * Découverte de [[clubinfo:MySQL]], utiliser des basses de données sur mon site
-  * Découverte du [[clubinfo:PHP]], automatiser la création de page ou interagir avec le site
-Le parcours de découverte de la programmation débute par la création du [[clubinfo:premier site en HTML]] \\
+===== Sommaire =====
-D'autres activités pourront être envisagées en fonction des demandes.
+  * Découverte du [[HTML]], le squelette de tout site Internet
+  * Découverte du [[CSS]], la mise en forme des sites
+  * Découverte du [[PHP]], automatiser la création de page ou interagir avec le site
+  * Découverte de [[MySQL]], ses basses de données pour gérer le contenu des sites
+  * Compléments en [[HTML et PHP]], des formulaires pour gérer les données
+  * ...
+  * [[RDF]] permet de décrire des ressources (données)
+  * [[SPARQL]] pour interroger ou échanger des données
+  * [[RDFS]]  (RDF Schema) permet de déclarer et de décrire les types de ressources manipulées
+  * [[OWL]] (Ontology Web Language) pour décrire les ontologies (schémas) à un niveau plus poussé
 ===== Outils nécessaires ======
-Il est conseillé de venir avec une clé USB sur laquelle seront installés tous les outils (licences gratuites) utiles aux activités.
+Sont privilégiées les outils Open Source (gratuit et dont le code est libre de droit) mais quelques outils propriétaires mais gratuit peuvent être suggérés. Il est conseillé de venir avec une clé USB sur laquelle seront installés tous les outils utiles aux activités.
-==== L'éditeur de texte ====
+====Les navigateurs====
-Un éditeur de texte ([[https://notepad-plus-plus.org/fr/|NotePad++]], **[[http://www.scintilla.org/SciTE.html|Scite]]**, **[[https://www.sublimetext.com/|Sublime Text]]**, [[http://http://kompozer.net/|Komposer]] ...) est l'outil de base. Il permet de saisir le contenue des documents en mode texte et facilite l'apprentissage. Il ne possède pas de commandes de mise en forme comme les traitements de texte (mise en forme pour impression) mais une coloration syntaxique pour repérer plus facilement les commandes du langage.
+Ils permettent d'afficher le résultat. Vous en avez au moins 1 de déjà disponible sur votre ordinateur. Je recommande dans l'ordre de priorité [[https://www.mozilla.org/fr|Mozilla FireFox]] puis [[https://www.google.com/intl/fr/chrome/|Google Chrome]].
-Les éditeurs "WYSIWYG" [what you see is what you get (Ce que vous voyez c’est ce que vous obtenez)] tel que Komposer ne sont pas recommandé pour un apprentissage efficace du langage HTML. Ils servent plutôt aux personnes voulant réaliser des pages HTML de manière intuitive sans apprendre le langage.
+====Les éditeurs====
+Ils permettent d'écrire vos différentes pages : HTML, CSS, JavaScript, PHP ...
+===Les éditeurs syntaxiques===
+Ils permettent de saisir le contenu des documents en mode texte et facilite l'apprentissage. Ils ne possèdent pas de commandes de mise en forme comme les traitements de texte (mise en forme pour impression) mais une coloration syntaxique pour repérer plus facilement les commandes du langage.
+  * [[https://notepad-plus-plus.org/|NotePad++]] OpenSource vers. >= 8.5.4 : Un des plus anciens et des plus populaire. Régulièrement mis à jour et très simple d'utilisation.
+  * <wrap hi>[[https://www.sublimetext.com/|Sublime Text]] Propriétaire vers. >= 4 (la version gratuite correspond parfaitement à nos besoins) : Celui que j'utilise par habitude (gratuité et performances).</wrap>
+  * [[https://brackets.io//|Brackets]] OpenSource vers. >= 2.2.1 : De très nombreuses fonctions professionnelles mais il reste simple à utiliser et permet un aperçu en temps réel du code via Google Chrome.
+===Les éditeurs "WYSIWYG" [what you see is what you get (Ce que vous voyez c’est ce que vous obtenez)]===
+Ils ne sont pas recommandé pour un apprentissage efficace du langage HTML. Ils servent plutôt aux personnes voulant réaliser des pages HTML de manière intuitive sans apprendre le langage. On peut toutefois noter :
+  * [[http://www.tinymce.com/|TinyMCE]] OpenSource vers. >= 6.1 : Il permet une utilisation de base et l'ajout de modules complémentaires.
+  * [[http://bluegriffon.org/|Bluegriffon]] OpenSource vers. >= 3.1 : Il est le successeur de Mozilla Composer et de NVU les pionnier du "WYSIWYG". Il intègre également un éditeur de code et supporte la majorité des éléments HTML5 et CSS3.
 ==== Le serveur web ====
-La création de pages dynamiques et l'utilisation d'une base de données imposent d'utiliser un [[serveur web]].
+La création de pages dynamiques et l'utilisation d'une base de données imposent d'utiliser un [[outils:serveur web]].
 Il peut être placé sur Internet, sur un ordinateur local et dans notre cas sur une clé USB.
 Nous allons utiliser un serveur de type [[wpfr>WAMP]] pour (Windows, Apache, MySQL, Php) utilisable à partir d'une clé USB.
-  * [[http://www.xgarreau.org/zazouminiwebserver/|Zazou Mini Web Server]] est celui que j'utilise ([[ZMWS]])
+  * <wrap hi>[[http://www.xgarreau.org/zazouminiwebserver/|Zazou Mini Web Server]] est celui que j'utilise encore mais il n'est plus mis à jour. [[http://fredericcombe.free.fr/download/portablesoft/PortableZMWS-0.8.15-fr-r01.zip|Lien de téléchargement]]</wrap>
-  * [[http://www.easyphp.org/|EasyPhp]]
+  * [[http://www.easyphp.org/|EasyPhp]] OpenSource ver. >= 17 :
+  * [[https://www.wampserver.com/|WampServer]] OpenSource ver. >= 3.3.0 : N'existe pas en version portable.
 ===== Conseils =====
@@ Ligne 38: / Ligne 56: @@
   * [[http://php.net/manual/fr/]] pour le PHP
   * [[http://sql.sh/]] pour le SQL
+  * [[https://k-graphiste.com/blog/menu-responsive/|Menu responsive]]
-===== Autres activités =====
-  * [[:Horloge de Fibonacci]] dans le cadre de la semaine de la science

WikiTechno.morceau.fr (amen.fr)

Outils pour utilisateurs

Outils du site

Différences

Outils de la page