WikiTechno.morceau.fr (amen.fr)

Outils pour utilisateurs

Outils du site

Piste:
clubinfo:club_informatique

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision 		Révision précédente
clubinfo:club_informatique [2017/12/10 11:21]
mrcjl 		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 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 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:premier site en HTML]]. +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]]. 
  
 ===== Sommaire ===== ===== Sommaire =====
   * Découverte du [[HTML]], le squelette de tout site Internet   * Découverte du [[HTML]], le squelette de tout site Internet
   * Découverte du [[CSS]], la mise en forme des sites   * Découverte du [[CSS]], la mise en forme des sites
-  * Découverte de [[MySQL]], ses basses de données pour gérer le contenu des sites 
   * Découverte du [[PHP]], automatiser la création de page ou interagir avec le site   * 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   * 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 ====== ===== 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. 
 + 
 +====Les navigateurs==== 
 +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==== 
 +Ils permettent d'écrire vos différentes pages : HTML, CSS, JavaScript, PHP ...
  
-==== L'éditeur de texte ==== +===Les éditeurs syntaxiques=== 
-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 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)] 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 "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 ==== ==== Le serveur web ====
Ligne 25: Ligne 41:
  
 Nous allons utiliser un serveur de type [[wpfr>WAMP]] pour (Windows, Apache, MySQL, Php) utilisable à partir d'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 ([[outils: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 ===== ===== Conseils =====
Ligne 39: Ligne 56:
   * [[http://php.net/manual/fr/]] pour le PHP   * [[http://php.net/manual/fr/]] pour le PHP
   * [[http://sql.sh/]] pour le SQL   * [[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 
clubinfo/club_informatique.1512901295.txt.gz · Dernière modification: 2017/12/10 11:21 de mrcjl

Outils de la page

Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki