« NouveauSiteElabo » : différence entre les versions

De Breizh-Entropy
Aller à la navigation Aller à la recherche
(Nouvelles suite à passage à l'Élabo)
(Avancement du site)
 
(4 versions intermédiaires par le même utilisateur non affichées)
Ligne 4 : Ligne 4 :


Le but de ce projet est de faire une mise à jour du site web de l'élaboratoire ( http://elaboratoire.eu.org ).
Le but de ce projet est de faire une mise à jour du site web de l'élaboratoire ( http://elaboratoire.eu.org ).
En effet, celui-ci est vieillissant, difficile à prendre en main, et donc peu mis à jours.
En effet, celui-ci est vieillissant, difficile à prendre en main, et donc peu mis à jour.


=== Compétences Requises ===
=== Compétences Requises ===


* Programmation Web: HTML , CSS , PHP , SPIP
* Programmation Web: HTML, CSS, PHP, SPIP
* Social: savoir expliquer aux gens et écouter leurs besoins
* Social: savoir expliquer aux gens et écouter leurs besoins


=== Participants ===
=== Participants ===


* [[User:Geb]] (de loin)
* Beuc : discussions avec l'Élabo, intégration
* Organ : charte graphique
* Txell : ajouter du contenu
* [[User:Ksamak]]
* [[User:Ksamak]]
* [[User:DoNcK]] (ok pour un peu de HTML/CSS/JS mais pas assez de temps pour faire l'étude des besoins)
* [[User:DoNcK]] (ok pour un peu de HTML/CSS/JS mais pas assez de temps pour faire l'étude des besoins)
* Organ : charte graphique
* [[User:Geb]] (de loin)
* Txell : ajouter du contenu
* Beuc : discussions avec l'Élabo, intégration


== Déroulement ==
== Déroulement ==
=== Accès ===
* Le site est accessible temporairement via l'adresse http://new.elaboratoire.eu.org/
* L'édition des articles requiert un compte sur le site, via l'interface d'admin http://new.elaboratoire.eu.org/ecrire/
** Compte commun pour l'Élabo, avec les droits 'administrateur de [toutes les] rubriques' (permet toutes les éditions d'articles, mais pas de casser^Wchanger la configuration)
* Les mots de passe d'accès au site sont gardés privés pour l'instant et accessibles sur demande.
* Hébergement: cf. [[VM]]


=== Arborescence proposée ===  
=== Arborescence proposée ===  


Une arborescence simple permet d'établir une bonne base de départ:
Une arborescence simple permet d'établir une bonne base de départ :
* Accueil
* Accueil
** Actualités
** Actualités
** L'élaboratoire
** L'Élaboratoire
*** À propos
*** À propos
*** Historique
*** Historique
Ligne 40 : Ligne 48 :
*** 3
*** 3


=== À faire ===
Après discussion on part plutôt sur 4 grands ateliers principaux, à revoir.
 
Note de Ben : ce serait bien de pouvoir masquer automatiquement les événements passés
 
=== Configuration SPIP ===
 
* Pour activer la gallerie d'images / "portfolio" : Configuration > Contenu du site > Documents joints > Cocher "Articles"
 
== Réinstall système ==
 
Note: franchement les mecs, faut regarder suPHP.
<nowiki>
apt-get install apache2 libapache2-mod-fcgid php5-cgi php5-gd php5-mysql mysql-server
apt-get install unzip
apt-get install
cd /var/www/
mkdir new.elaboratoire.eu.org/
cd new.elaboratoire.eu.org/
unzip spip-3.0.zip
mv spip/ htdocs/
cd htdocs/
wget http://www.spip.net/spip-dev/INSTALL/spip_loader.php
 
cat <<EOF > /etc/apache2/conf.d/fcgid.conf
AddHandler fcgid-script .fcgi .php
# Where to look for the php.ini file?
DefaultInitEnv PHPRC        "/etc/php5/cgi"
# Maximum requests a process handles before it is terminated
MaxRequestsPerProcess      1000
# Maximum number of PHP processes
MaxProcessCount            10
# Number of seconds of idle time before a process is terminated
IPCCommTimeout              300
IdleTimeout                300
#Or use this if you use the file above
FCGIWrapper /usr/bin/php5-cgi .php
FcgidMaxRequestLen          15728640
 
DefaultMinClassProcessCount 5
 
EOF
 
cat <<EOF > /etc/apache2/site-available/new.elaboratoire.eu.org
<VirtualHost *:80>
        ServerAdmin webmaster@breizh-entropy.org
        ServerName new.elaboratoire.eu.org
 
        FcgidInitialEnv PHPRC "/var/www/new.elaboratoire.eu.org/"
 
        DocumentRoot /var/www/new.elaboratoire.eu.org/htdocs
 
        ErrorLog /var/log/apache2/new.elaboratoire.eu.org/error.log
        LogLevel warn
 
        CustomLog /var/log/apache2/new.elaboratoire.eu.org/access.log combined
 
</VirtualHost>
EOF
a2ensite new.elaboratoire.eu.org
a2dissite default


* Modifier les templates SPIP en partant par exemple de ceux disponibles
mkdir -m 700 /var/log/apache2/new.elaboratoire.eu.org/
* Modifier les CSS associés
* Construire l'arborescence du site
* Présenter le fonctionnement aux élaborantins


* Réu au hackerspace mardi 18, début vers 21h-22h
useradd elabo
* Note de Ben : ce serait bien de pouvoir masquer automatiquement les événements passés
cd /var/www/new.elaboratoire.eu.org/
chown elabo: -R .
cd htdocs/
# ARRGL
#chmod 777 IMG/ tmp/ local/ config/
setfacl -m g:www-data:rwx -R config/ local/ IMG/ tmp/


=== Accès ===
mysql -uroot ...
> CREATE DATABASE elabo2;
> GRANT ALL PRIVILEGES on elabo2.* TO 'elabo2' IDENTIFIED BY 'xxx';
</nowiki>


* Le site est accessible temporairement via l'adresse http://new.elaboratoire.eu.org/
=> http://new.elaboratoire.eu.org/ecrire/
* L'édition de fichier requière une compte sur la machine virtuelle du hackerspace, via l'interface d'admin http://new.elaboratoire.eu.org/ecrire/
* Les mots de passe d'accès au site sont gardés privés pour l'instant et accessibles sur demande.




Ligne 66 : Ligne 136 :
=== Partir sur de nouvelles bases ===
=== Partir sur de nouvelles bases ===


Pour mener à bien ce projet, nous avons décidé de repartir sur de nouvelles bases, en installant un CMS moderne, capable de répondre aux besoin des habitants à savoir:
Pour mener à bien ce projet, nous avons décidé de repartir sur de nouvelles bases, en installant un CMS moderne, capable de répondre aux besoin des habitants à savoir :
* Avoir une interface d'édition simple
* Avoir une interface d'édition simple
* Avoir la possibilité d'avoir plusieurs comptes
* Avoir la possibilité d'avoir plusieurs comptes
* Éventuellement, avoir la possibilité de faire des sous-catégories par atelier, etc.
* Éventuellement, avoir la possibilité de faire des sous-catégories par atelier, etc.


Parmis les CMS disponibles, deux ont particulièrement retenus notre attention.
Parmi les CMS disponibles, deux ont particulièrement retenus notre attention.
* WordPress: le plus connu et plus utilisé
* WordPress: le plus connu et plus utilisé
* SPIP: qui semblait fournir quelques fonctionnalités interessantes.
* SPIP: qui semblait fournir quelques fonctionnalités intéressantes.


=== Le choix de SPIP ===
=== Le choix de SPIP ===


Pour l'instant, on (geb), a fait le choix de partir sur le CMS SPIP en raison de ses fonctionnalités:
Pour l'instant, on (geb) a fait le choix de partir sur le CMS SPIP en raison de ses fonctionnalités :
* Une interface de gestion simple, multi-utilisateur
* Une interface de gestion simple, multi-utilisateur
* Une structure simple: rubriques, articles, permettant de former une arborescence.
* Une structure simple: rubriques, articles, permettant de former une arborescence.
* Des fonctionnalités avancés:
* Des fonctionnalités avancés:
** Une gestion multi-utilisateur forte: possibilité de revus de modifications, droit que sur des sous-parties du site
** Une gestion multi-utilisateur forte: possibilité de revus de modifications, droit que sur des sous-parties du site
** Une gestion intégrée des sous parties: avec la possibilité d'y avoir des utilisateurs dédiés, mais aussi des design dediés, permettant ainsi à chaque atelier de l'elaboratoire de gerer sa propre partie du site
** Une gestion intégrée des sous parties: avec la possibilité d'y avoir des utilisateurs dédiés, mais aussi des design dédiés, permettant ainsi à chaque atelier de l'elaboratoire de gérer sa propre partie du site
 
=== ChangeLog ===
 
* mercredi 29 octobre : présentation aux élaborantins
* mercredi 12 novembre : 2 élaborantins volontaires, première présentation, premier compte créé
* mardi 18 novembre : compte SPIP transformé en compte commun
* mercredi 19 novembre : discussion au sein de l'Élabo
* mardi 4 décembre : discussion Élabo/HS
** on écarte une solution Flash pas libre et on évite une solution animée complexe qui ferait perdre en autonomie à l'Élabo
** proposition de page d'accueil style weatherfestival.fr, et des pages annexes plus traditionnelles (structure de page par défaut de SPIP, juste changement de couleurs + bannière)
** clarifications sur l'arborescence (pas que 3 rubriques, autant qu'on veut)
* [pour le] mardi 11 décembre : template SPIP sommaire.html modifié, première ébauche du fond graphique

Dernière version du 4 décembre 2014 à 13:25


Présentation

Le but de ce projet est de faire une mise à jour du site web de l'élaboratoire ( http://elaboratoire.eu.org ). En effet, celui-ci est vieillissant, difficile à prendre en main, et donc peu mis à jour.

Compétences Requises

  • Programmation Web: HTML, CSS, PHP, SPIP
  • Social: savoir expliquer aux gens et écouter leurs besoins

Participants

  • Beuc : discussions avec l'Élabo, intégration
  • Organ : charte graphique
  • Txell : ajouter du contenu
  • User:Ksamak
  • User:DoNcK (ok pour un peu de HTML/CSS/JS mais pas assez de temps pour faire l'étude des besoins)
  • User:Geb (de loin)

Déroulement

Accès

  • Le site est accessible temporairement via l'adresse http://new.elaboratoire.eu.org/
  • L'édition des articles requiert un compte sur le site, via l'interface d'admin http://new.elaboratoire.eu.org/ecrire/
    • Compte commun pour l'Élabo, avec les droits 'administrateur de [toutes les] rubriques' (permet toutes les éditions d'articles, mais pas de casser^Wchanger la configuration)
  • Les mots de passe d'accès au site sont gardés privés pour l'instant et accessibles sur demande.
  • Hébergement: cf. VM

Arborescence proposée

Une arborescence simple permet d'établir une bonne base de départ :

  • Accueil
    • Actualités
    • L'Élaboratoire
      • À propos
      • Historique
      • Contacts [...]
    • Arts vivants
      • 1
      • 2
      • 3
    • Arts plastiques
      • 1
      • 2
      • 3

Après discussion on part plutôt sur 4 grands ateliers principaux, à revoir.

Note de Ben : ce serait bien de pouvoir masquer automatiquement les événements passés

Configuration SPIP

* Pour activer la gallerie d'images / "portfolio" : Configuration > Contenu du site > Documents joints > Cocher "Articles"

Réinstall système

Note: franchement les mecs, faut regarder suPHP.

apt-get install apache2 libapache2-mod-fcgid php5-cgi php5-gd php5-mysql mysql-server
apt-get install unzip
apt-get install
cd /var/www/
mkdir new.elaboratoire.eu.org/
cd new.elaboratoire.eu.org/
unzip spip-3.0.zip
mv spip/ htdocs/
cd htdocs/
wget http://www.spip.net/spip-dev/INSTALL/spip_loader.php

cat <<EOF > /etc/apache2/conf.d/fcgid.conf
AddHandler fcgid-script .fcgi .php
# Where to look for the php.ini file?
DefaultInitEnv PHPRC        "/etc/php5/cgi"
# Maximum requests a process handles before it is terminated
MaxRequestsPerProcess       1000
# Maximum number of PHP processes
MaxProcessCount             10
# Number of seconds of idle time before a process is terminated
IPCCommTimeout              300
IdleTimeout                 300
#Or use this if you use the file above
FCGIWrapper /usr/bin/php5-cgi .php
FcgidMaxRequestLen          15728640

DefaultMinClassProcessCount 5

EOF

cat <<EOF > /etc/apache2/site-available/new.elaboratoire.eu.org
<VirtualHost *:80>
        ServerAdmin webmaster@breizh-entropy.org
        ServerName new.elaboratoire.eu.org

        FcgidInitialEnv PHPRC "/var/www/new.elaboratoire.eu.org/"

        DocumentRoot /var/www/new.elaboratoire.eu.org/htdocs

        ErrorLog /var/log/apache2/new.elaboratoire.eu.org/error.log
        LogLevel warn

        CustomLog /var/log/apache2/new.elaboratoire.eu.org/access.log combined

</VirtualHost>
EOF
a2ensite new.elaboratoire.eu.org
a2dissite default

mkdir -m 700 /var/log/apache2/new.elaboratoire.eu.org/

useradd elabo
cd /var/www/new.elaboratoire.eu.org/
chown elabo: -R .
cd htdocs/
# ARRGL
#chmod 777 IMG/ tmp/ local/ config/
setfacl -m g:www-data:rwx -R config/ local/ IMG/ tmp/

mysql -uroot ...
> CREATE DATABASE elabo2;
> GRANT ALL PRIVILEGES on elabo2.* TO 'elabo2' IDENTIFIED BY 'xxx';

=> http://new.elaboratoire.eu.org/ecrire/


Historique

L'existant

Le site web de l'élaboratoire a été écrit dans les années 2000 en PHP3-4, avec une interface de gestion, mais qui est difficile à prendre en main, peu flexible et donc peu utilisée.

Partir sur de nouvelles bases

Pour mener à bien ce projet, nous avons décidé de repartir sur de nouvelles bases, en installant un CMS moderne, capable de répondre aux besoin des habitants à savoir :

  • Avoir une interface d'édition simple
  • Avoir la possibilité d'avoir plusieurs comptes
  • Éventuellement, avoir la possibilité de faire des sous-catégories par atelier, etc.

Parmi les CMS disponibles, deux ont particulièrement retenus notre attention.

  • WordPress: le plus connu et plus utilisé
  • SPIP: qui semblait fournir quelques fonctionnalités intéressantes.

Le choix de SPIP

Pour l'instant, on (geb) a fait le choix de partir sur le CMS SPIP en raison de ses fonctionnalités :

  • Une interface de gestion simple, multi-utilisateur
  • Une structure simple: rubriques, articles, permettant de former une arborescence.
  • Des fonctionnalités avancés:
    • Une gestion multi-utilisateur forte: possibilité de revus de modifications, droit que sur des sous-parties du site
    • Une gestion intégrée des sous parties: avec la possibilité d'y avoir des utilisateurs dédiés, mais aussi des design dédiés, permettant ainsi à chaque atelier de l'elaboratoire de gérer sa propre partie du site

ChangeLog

  • mercredi 29 octobre : présentation aux élaborantins
  • mercredi 12 novembre : 2 élaborantins volontaires, première présentation, premier compte créé
  • mardi 18 novembre : compte SPIP transformé en compte commun
  • mercredi 19 novembre : discussion au sein de l'Élabo
  • mardi 4 décembre : discussion Élabo/HS
    • on écarte une solution Flash pas libre et on évite une solution animée complexe qui ferait perdre en autonomie à l'Élabo
    • proposition de page d'accueil style weatherfestival.fr, et des pages annexes plus traditionnelles (structure de page par défaut de SPIP, juste changement de couleurs + bannière)
    • clarifications sur l'arborescence (pas que 3 rubriques, autant qu'on veut)
  • [pour le] mardi 11 décembre : template SPIP sommaire.html modifié, première ébauche du fond graphique