Impressum

Mon premier thème SARKA-SPIP (Cours SPIP 4)

vendredi 2 mars 2012
par  François Daniel Giezendanner
popularité : 12%
1 vote

 SPIP cours 4 : création de templates Zen-Garden avec SARKA

Cette page décrit les activités du :


 SciTE, FileZilla, EasyPHP, Gimp et Kompozer : cinq logiciels indispensables

A partir de la clé USB qui vous est remise au cours, installez les cinq logiciels portables indispensables que sont l’éditeur de texte SciTE, le client FTP libre et simple d’utilisation FileZilla qui permet aux débutants comme aux utilisateurs confirmés de se connecter à distance sur un serveur afin d’y télécharger des fichiers, l’environnement WAMP complet EasyPHP, le logiciel d’édition et de retouche d’images numériques Gimp et l’éditeur visuel de pages internet Kompozer :

 SciTE, le client FTP libre et simple d’utilisation

  • SciTE (Portable) v3.0.3
    http://www.afterdawn.com/software/desktop/programming/scite_portable.cfm
    SciTE est un éditeur multilangage et multiplateforme surpuissant et léger. Il offre de nombreuse fonction et de nombreuses possibilités d’extension. Cet éditeur est, malgré sa puissance, gratuit et léger. Il supporte un nombre impressionnant de language (plus de 50 !).

 FileZilla pour se connecter à distance sur un serveur afin d’y télécharger des fichiers

  • Télécharger FileZilla Portable 3.5.3 (4,63 Mo)
    http://www.zdnet.fr/telecharger/logiciel/filezilla-portable-39353739s.htm
    http://portableapps.com/apps/internet/filezilla_portable
    voir aussi : http://filezilla.fr/
    FileZilla propose un client FTP libre et simple d’utilisation qui permettra aux débutants comme aux utilisateurs confirmés de se connecter à distance sur un serveur afin d’y télécharger des fichiers. Cette application particulièrement riche en fonctionnalités supporte le glisser-déposer, les protocoles SSL et SSH et permet de reprendre les mises à jour et téléchargements interrompus y compris pour les fichiers de taille conséquente (supérieurs à 4 Go). Grâce au gestionnaire de sites intégré, vous pouvez accéder plus rapidement aux adresses auxquelles vous vous connectez de façon régulière. Dans la nouvelle mouture de FileZilla on retrouve de nouvelles fonctionnalités, notamment l’affichage de la quantité de données transférées et le temps de transfert dans la fenêtre de log. FileZilla dispose également d’un accès plus rapide à la fonction de limitation de vitesse des transferts et ajoute le support du bouton retour arrière sur les souris qui en disposent. Enfin FileZilla propose un rafraîchissement de l’interface avec des icônes mises au goût du jour.

 EasyPHP, l’environnement WAMP complet

  • EasyPHP installe un environnement WAMP complet pour développeurs PHP sous Windows incluant PHP, Apache, MySQL, PhpMyAdmin, Xdebug...
    http://www.easyphp.org/fr/
    EasyPHP est une plateforme de développement Web, permettant de faire fonctionner localement (sans se connecter à un serveur externe) des scripts PHP. EasyPHP n’est pas en soi un logiciel, mais un environnement comprenant deux serveurs (un serveur web Apache et un serveur de bases de données MySQL), un interpréteur de script (PHP), ainsi qu’une administration SQL phpMyAdmin. Il dispose d’une interface d’administration permettant de gérer les alias (dossiers virtuels disponibles sous Apache), et le démarrage/arrêt des serveurs. Il permet donc d’installer en une seule fois tout le nécessaire au développement local du PHP. Par défaut, le serveur Apache crée un nom de domaine virtuel (en local) 127.0.0.1 ou localhost. Ainsi, quand on choisit « Web local » dans le menu d’EasyPHP, le navigateur s’ouvre sur cette URL et affiche la page index.php de ce site qui correspond en fait au contenu du dossier www d’EasyPHP.
    EasyPHP peut être utilisé comme une application portable, c’est-à-dire lancé sur une clé USB.

EasyPHP est mis à votre disposition avec un paquet SPIP 2.1.12 complet.

Si vous travaillez exclusivement avec EasyPHP, vous n’aurez pas besoin de FileZilla, l’explorateur Windows est parfaitement adapté. Cependant, pendant le cours vous serez amenés à travailler en grande partie avec des sites distants et dans ce cas FileZilla est indispensable.

Remarque :

Vous pouvez être surpris entre la taille des fichiers d’installation et la taille finale EasyPHP + SPIP + Données.

la taille du fichier d’installation EasyPHP-5.3.9-setup.exe fait 23.6 Mo sur le disque et une fois installé le dossier EasyPHP-5.3.9/ occupe 212 Mo sur le disque dont 141 Mo pour le dossier mysql/ vierge de données.

Le paquet SPIP fait 153 Mo, le répertoire IMG/ fait 44.4 Mo, le fichier dump base_SEM_Pleine_utf_8_start_20120229_001.xml fait 956 Ko (le fichier spip_std006.sql fait 720 ko).

Le dossier SPIP/ installé fait 210 Mo y inclu le dossier IMG/. Le dossier mysql installé avec les données dump base_SEM_Pleine_utf_8_start_20120229_001.xml fait 161 Mo.

Complètement installé, le dossier EasyPHP-5.3.9/ fait 446 Mo.

Le tableau ci-dessous résume la situation :

Dossier Fichiers programmes + données (Mo) Installe EasyPHP (Mo) Dépose SPIP/ et IMG/ (Mo) Installe SPIP + IMG/ + DUMP (Mo)
EasyPHP-5.3.9/ 23.6 212 212 446
mysql/ 0.956 141 141 161
www/ 0 153 210
Spip2-1-12/ 153 0 153
IMG/ 44.4 0 44.4

 Gimp, logiciel d’édition et de retouche et de création d’images numériques

GIMP est l’acronyme de GNU Image Manipulation Program. Il s’agit d’un logiciel libre, en licence GPL, de retouche et de création d’images numériques.

GIMP est un logiciel puissant doté de larges fonctionnalités, de nombreux outils et filtres et il supporte de nombreux formats utilisés en imagerie numérique. Son interface très flexible et aisément configurable permet à chacun d’organiser son espace de travail.

Il peut être utilisé pour les applications suivantes :

  • dessin artistique
  • retouche photographiques
  • digiscrap
  • manipulation d’images
  • graphisme web y compris les animations
  • vidéo

Gimp gère finement les couleurs de votre matériel (RVB ou CMJN) par des profils colorimétriques ICC. Il inclut un support pour des tablettes graphiques mais aussi pour un large éventail de périphériques USB et MIDI.

Ce que ne fait pas (encore) Gimp : des modèles de couleur autres que RVB, des couleurs autres que 24 bits, du vectoriel, de la 3D même si on trouvera des petits outils pour en faire.

Gimp est un programme modulaire, c’est à dire qu’il est structuré autour d’un noyau central, le cœur du logiciel, qui comporte les fonctionnalités de base et une interface pour venir rajouter des modules. Cette façon de faire permet d’exploiter toute la puissance de l’internet et des logiciels libres, tandis qu’une équipe de développeurs spécialistes de Gimp fait évoluer le noyau de façon cohérente, d’autres développeurs peuvent donner libre cours à leur furie de programmation et ajouter des nouvelles fonctionnalités via des greffons ( plug-in en anglais ). Ainsi Gimp est-il à la fois stable, cohérent et très riche et versatile.

Gimp est aussi doté des scripts qui sont une façon moderne d’automatiser les tâches que vous réalisez manuellement avec Gimp au travers de la rédaction de petits programme dans un langage simple.

Gimp est écrit et développé sur la plate-forme LINUX. Il existe cependant des portages de Gimp pour les dernières versions de Windows, MacOS X, Solaris et FreeBSD. Le code source est commun à presque 100 % ce qui réduit d’autant les risques de bogues d’une plate-forme à l’autre.

 Kompozer - Éditeur visuel de pages internet

KompoZer Portable est la version transportable de KompoZer, C’est un logiciel destiné à la création et à l’administration de pages web, en mode visuel (WYSIWYG). Il est en quelque sorte le pendant libre de logiciels comme Dreamweaver, GoLive ou Frontpage. Grâce à KompoZer, l’édition des pages web devient presque aussi simple que la rédaction d’une lettre dans un logiciel de traitement de texte.

Vous pouvez emmener cette application partout avec vous, sur une clé USB par exemple, aucun fichier n’est installé sur l’ordinateur hôte.

 Kit de démarrage

Téléchargez le Thème SARKA Kit de démarrage :

Les Thèmes SARKA et Xampplite vous sont remis sur la clé USB


 Configuration du squelette SARKA (paramétrage)

 Références générales

 Configuration avancée du squelette SARKA

Créez les rubriques utiles au squelette

10. Bandeau Espace Ecole
20. Edito - Annonces
30. Agenda
40. Galerie

Le squelette en plugin SARKA est configurable de plusieurs manières :

  • Via la page : « Configurer SARKA-SPIP ».
  • L’activation de tout ou partie des 29 plugins intégrés à SARKA (Cf. ci-dessous).
  • L’activation de thèmes officiels de SAKA via Zen-garden.
  • L’activation de thèmes créés par soi-même et d’autres utilisateurs via Zen-garden.
  • par mots-clés selon les développement du SEM.
  • par adjonction de fonctionnalités développées par le SEM.
  • par adjonction de « Menus Images » développés par le SEM.

Les plugins « intégrés » à SARKA

Le squelette en plugin SARKA intègre 29 plugins, la liste est donnée dans l’article :

 Menus Images jQuery intégrés à SARKA

Nous avons adapté 20 plugins pour SPIP qui déploient chacun un menu Images en jQuery. L’intégration a été vérifiée avec le squelette SARKA-SEM.

leur description est données dans les articles de la rubrique :


 Sites web disponibles pour le cours

Neuf sites SPIP2.1.12 complets sont disponibles pour le cours, le premier est le site d’exercice (tas de sable) de la formation SPIP standard du SEM :

et les 8 sites suivants ont une configuration de base SARKA-SPIP standard :

Chacun de ces huit sites est initialement créé avec 12 auteurs qui sont « administrateurs-webmestre » :

id=4
Nom = Admin webmestre 1
e-mail : admin1.webmestre machin.truc
login = admin1
mdp = admin1
id=5
Nom = Admin webmestre 2
e-mail : admin2.webmestre machin.truc
login = admin2
mdp = admin2
id=6
Nom = Admin webmestre 3
e-mail : admin3.webmestre machin.truc
login = admin3
mdp = admin3
id=7
Nom = Admin webmestre 4
e-mail : admin4.webmestre machin.truc
login = admin4
mdp = admin4
id=8
Nom = Admin webmestre 5
e-mail : admin5.webmestre machin.truc
login = admin5
mdp = admin5
id=9
Nom = Admin webmestre 6
e-mail : admin6.webmestre machin.truc
login = admin6
mdp = admin6
id=10
Nom = Admin webmestre 7
e-mail : admin7.webmestre machin.truc
login = admin7
mdp = admin7
id=11
Nom = Admin webmestre 8
e-mail : admin8.webmestre machin.truc
login = admin8
mdp = admin8
id=12
Nom = Admin webmestre 9
e-mail : admin9.webmestre machin.truc
login = admin9
mdp = admin9
id=13
Nom = Admin webmestre 10
e-mail : admin10.webmestre machin.truc
login = admin10
mdp = admin10
id=14
Nom = Admin webmestre 11
e-mail : admin11.webmestre machin.truc
login = admin11
mdp = admin11
id=15
Nom = Admin webmestre 12
e-mail : admin12.webmestre machin.truc
login = admin12
mdp = admin12

La lame « Liste des webmestres » du plugin « Couteau suisse » est activée et utilisée à cette fin.

A partir de là vous pouvez tout modifier et créer les divers utilisateurs (administrateurs, rédacteurs et visiteurs) nécessaires au site.


 Etapes du cours

Prendre connaissance des articles :


Publications

Derniers articles publiés

Agenda

<<

2017

 

<<

Novembre

 

Aujourd'hui

LuMaMeJeVeSaDi
303112345
6789101112
13141516171819
20212223242526
27282930123
Aucun évènement à venir les 6 prochains mois

Météo

Ville(SZXX0013)

Conditions météo à 0h0
par weather.com®

Inconnu

°C


Inconnu
  • Vent :  km/h - N/D
  • Pression :  mbar tendance symbole
Prévisions >>

Prévisions du 18 novembre
par weather.com®

Inconnu

Max °C
Min °C


Inconnu
  • Vent :  km/h
  • Risque de precip. : %
<<  Prévisions  >>

Prévisions du 18 novembre
par weather.com®

Inconnu

Max °C
Min °C


Inconnu
  • Vent :  km/h
  • Risque de precip. : %
<<  Prévisions  >>

Prévisions du 18 novembre
par weather.com®

Inconnu

Max °C
Min °C


Inconnu
  • Vent :  km/h
  • Risque de precip. : %
<<  Prévisions  >>

Prévisions du 18 novembre
par weather.com®

Inconnu

Max °C
Min °C


Inconnu
  • Vent :  km/h
  • Risque de precip. : %
<<  Prévisions  >>

Prévisions du 18 novembre
par weather.com®

Inconnu

Max °C
Min °C


Inconnu
  • Vent :  km/h
  • Risque de precip. : %
<<  Prévisions  >>

Prévisions du 18 novembre
par weather.com®

Inconnu

Max °C
Min °C


Inconnu
  • Vent :  km/h
  • Risque de precip. : %
<<  Prévisions  >>

Prévisions du 18 novembre
par weather.com®

Inconnu

Max °C
Min °C


Inconnu
  • Vent :  km/h
  • Risque de precip. : %
<<  Prévisions  >>


Annonces

Embed Twitter « responsive tools »

Pour le faire sur votre site


Embed Twitter « RWD »

Pour le faire sur votre site


Embed Twitter dans SPIP

Pour le faire sur votre site


Sites favoris


4 sites référencés dans ce secteur