Le blog des habitants du quartier européen

Spip

Ariane — 2008-11-12T09:26:48Z

SPIP (Système de Publication pour l'Internet) est un logiciel libre
destiné à la publication de sites Web. Né d'une initiative du
minirézo, un collectif défendant le Web indépendant et la liberté
d'expression sur Internet, il s'attache particulièrement au
fonctionnement collectif, au multilinguisme et à la facilité d'emploi.

Distribué sous la licence GNU/GPL depuis 2001, il est utilisé par des
dizaines de milliers de sites, associatifs ou institutionnels,
personnels ou marchands. Il s'enrichit chaque jour des développements
d'une large communauté, qui l'adapte à de multiples besoins, le
documente, l'habille, le traduit.

Sous la thématique "SPIP, publication et partage multimédia libre",
cette rencontre gratuite est ouverte à tou.te.s celles et ceux qui
veulent découvrir le logiciel.

Vendredi 21 novembre 2008 - Open Ateliers

3 ateliers de découverte de SPIP à différents niveaux :

11h00-12h30 pour collectifs/associations - SPIP, un outil simple et
flexible pour travailler ensemble et partager son projet sur le Web.
(L'occasion de discuter du site du quartier européen. Aurélie et Ariane y seront)

14h30-16h30 pour graphistes/webdesigners - SPIP, un système de
publication pour créer des sites sur mesure, une programmation souple
et accessible.

17h00-19h00 pour programmeurs PHP - Présentation de l'architecture de
SPIP et construction de plugins. Rejoignez la communauté !

+++ Dès 17h30 Apéro-SPIP - Apportez vos questions, trucs et astuces
autour de SPIP.

Vendredi 21 de 11h00 à 19h00 environ,
à l'HOTELBICH : rue Gallait 80 - 1030 Bruxelles.

Inscription et informations : spip-média Bruxelles

Si vous venez, signalez-le aussi ci-dessous dans un commentaire. Merci.

Après la formation, la discussion continue ci -dessous.

Voir en ligne : Spip-Média Bruxelles

La dynamique du site du quartier européen

La webmestre — 2008-10-21T17:10:00Z

Ce site a été créé par l'Association du Quartier Léopold et Européen de Bruxelles pour que se rencontrent autour de son quartier et sur les questions de la qualité de la vie urbaine, des "habitants" amateurs d'expériences solidaires, citoyennes, artistiques, planétaires et de quartier, bref d'inventions pour un mieux-vivre ensemble.

Contenu

L'AQL fut créée il y a trente ans pour défendre les droits des habitants d'un coin de ville choisi pour accueillir les institutions européennes. Vous saurez presque tout à son sujet en visitant la rubrique L'Association du Quartier Léopold et Européen de Bruxelles. Vous y trouverez des documents sur l'actualité urbanistique du quartier, un blog sur les travaux du pont de la Chaussée de Wavre, des témoignages sonores, des productions cinématograhiques, des images d'archive et autres trésors.

Le site du quartier européen tend à refléter l'identité multiple du quartier, à penser une Europe d'habitants et à refléter les questionnements des habitants du monde : environnement, démocratie de proximité, mobilité, ... Une rubrique Les blogs leur est dédiée. Elle est ouverte à tous ceux qui désirent s'exprimer en sons, en images, en mots, en peinture. Elle abrite déjà :
le blog d'Ariane qui tout en se promenant par les rues du quartier avec son fils Oscar, tisse des liens entre les différents habitants du site
le blog d'Ulysse provoque, cherche à susciter le débat. Il jongle avec les mots, les photos et les trésors youtubiens
les blogs de Bubbs et d'Ibrahima Kebe qui dessinent les rues du quartier
le blog de la rue Vautier parle fleurs et façades
le blog des jeunes du Kabar qui se sont engagés à nous raconter leurs exploits d'ici leur 18 ans
Le blog de vos petites et longues phrases vous est destiné (-> rub 23]

Parce que ce quartier a abrité de nombreux ateliers d'artistes, il choit l'expression poétique, vous trouverez les écrits littéraires en épisodes de quelques auteurs dans la rubrique des publications littéraires : Pascale Fonteneau, Dominique Leruth, Thésée, et Nicolas Crousse.

L'agenda du quartier et de tout ce qui le concerne, pour ne rien rater. Vous pouvez y publier vos évènements.

La rubrique "Participer" vous explique en détail les secrets de l'utilisation active de cette plateforme spip (forums, s'inscrire et proposer articles, images, vidéos, proposition de sites, newsletter, liste de discussion...).

Navigation

Résolument dynamique, le site affiche plusieurs nouvelles publications par semaine. La page d'accueil affiche les derniers articles de chacune des rubriques récemment renouvelée, mais aussi un calendrier reprenant tous les évènements du mois (publiés entre autres dans la rubrique agenda), une play-list de notre choix de vidéos, une galerie d'images reprenant aléatoirement l'une des centaines d'images publiées sur le site.

Chaque article est suivi d'un espace de discussion grâce auquel il vous est possible de publier un commentaire.

Attention, fait original destiné à éviter les colonnes multiples, le menu se trouve en rouge, en bas de page.

Les liens vers la page d'accueil, le plan du site, le formulaire d'inscription et l'espace de rédaction se trouvent tout en haut de chaque page, dans le bandeau noir.

Et bientôt une cartographie interactive du quartier pour vous aider à y trouver tout ce que vous cherchez.

Pour toute question ou proposition, adressez-vous à la webmestre ou à l'AQL.

Comment participer ?

Aurélie, La webmestre — 2008-10-21T17:05:00Z

Différentes participations sont possibles :

Sans inscription :
poster un commentaire dans les forums
proposer un lien vers un site Web

Après inscription :
proposer un article
ajouter un document, des images, du son, de la vidéo...
proposer un rendez-vous dans l'agenda
proposer un site ou l'adresse d'un lieu public du quartier
créez votre propre blog

Comment ?

lire les Règles du Webmaster

s'inscrire

Inscription

cliquez sur "s'inscrire" (au bas de la page, dans l'espace "Participez" du bandeau rouge de menu, ou tout en haut de la page dans le bandeau noir).
créez un "nom d'utilisateur" et indiquez votre adresse mail
vous recevrez le mot de passe par courriel

Connection à l'espace privé/rédaction :

Cliquez ensuite sur "rédaction" (en blanc dans le bandeau noir du haut de la page), rentrez-y votre nom et mot de passe.

Les rubriques dans lesquelles on peut publier et ce qu'on peut y publier :

les rubriques ouvertes à tous sont :
"le blog de vos petites et longues phrases",
"L'agenda La Vie la ville est belle"
"Le pont, les ponts"
"Le blog de la rue Vautier de Bruxelles, de Genève et de Saint-Nazaire, et leur quartier"

Le "Kabar des jeunes" est réservé aux jeunes, dans le cadre de la charte du Kabar et de la parole intérieure.

Si vous désirez créer un blog d'images, d'écrits, ou autre chose encore, proposez-le au moyen du forum interne, ou en écrivant un mail à l'AQL, ou à la webmestre

Pour poursuivre, lisez Proposer un article.

Si vous rencontrez des difficultez, partagez-les sur le Foire aux questions, ou envoyez un mail à la webmestre

Poster un commentaire dans le forum d'un article

Aurélie, La webmestre — 2008-10-21T17:00:00Z

Vous avez envie de réagir à un article ou à un commentaire ? Suivez la procédure suivante :

En dessous de l'article visé et de ses commentaires, vous trouverez un formulaire de commentaires.

Dans le premier encart :
Choisissez un titre
Tapez votre texte

Dans le deuxième (facultatif)
Tapez le titre de votre site ou du site auquel se rapporte votre commentaire
son url

Dans le troisième,
votre nom
votre mail (il ne sera pas publié mais il permettra au site de vous prévenir en cas de réponse)

Pour terminer :
Cliquez sur "voir ce message avant de le poster"
Faites dans les cases précédentes les corrections nécessaires puis visualisez à nouveau le résultat
Cliquez sur "publier ce message"

Votre message est directement publié en bas de l'article, à la suite des commentaires précédents. Il est aussi annoncé dans le menu rouge en bas de page ("Derniers commentaires (de la rubrique)").


Les derniers commentaires publiés sur le site.

Proposer un article

Aurélie, La webmestre — 2008-10-21T16:50:00Z

Proposez un article

Après vous être inscrit et connecté à l'espace privé, rendez-vous dans la rubrique dans laquelle vous voudriez publier un article (choisissez une rubrique ouverte [1]).


Choisir la rubrique

Cliquez sur le lien "nouvel article"


Ecrire un nouvel article

S'il s'agit d'un texte, insérez un titre (un sous-titre) et un descriptif (il apparaitra en page d'accueil et dans la newsletter)


Titre, sous-titre

Tapez ou importez votre article (coupé-collé) dans le bloc texte vierge, en veillant à utiliser les raccourcis typographiques nécessaires (cfr aide spip ou Mettre en forme son article).


Raccourcris typo et aide ?

(Pour ajouter une image, de l'audio ou de la vidéo dans votre article voir Ajouter un document, une image, un son, une vidéo... et Insérer l'image, le son, la vidéo dans le corps de l'article.)

Après chaque opération, "enregistrez" votre travail.


Enregistrer

Une fois votre texte enregistré, spip vous permet de définir quelques paramètres supplémentaires :
— Les mots-clés (favorisent le classement des archives et la navigation sur le site) : déroulez le menu mots-clés en pointant votre curseur sur le triangle noir ; choisissez une catégorie, déroulez la liste de mots qu'elle contient, puis "choisissez" le mot qui vous convient. Répétez l'opération autant de fois que nécessaire.
— Le ou les auteurs. Si vous désirez ouvrir l'édition de cet article à un autre auteur, ajoutez le comme auteur en déroulant le menu auteur.


Mots-clés et auteurs

— "Proposez votre article à la publication" (à gauche du bloc texte, en-dessous du numéro de l'article). Il vous sera demandé si vous êtes sûr de changer le statut de votre article, qui sera désormais visible par toute l'équipe des auteurs. Ce à quoi, si votre article est prêt, vous répondez "oui".


Proposer à l'évaluation

A cette étape de travail, vous avez la possibilité de "prévisualiser" votre article (ce lien se trouve dans le cadre situé en haut à gauche de l'article enregistré, en-dessous du numéro de l'article), c'est-çà-dire de le voir tel qu'il sera lors de sa mise en ligne publique.


Prévisualiser

Il vous est toujours possible de "modifier" votre article (même après publication)
— dans la partie privée, en cliquant sur "modifier" en bas de votre texte


Modifier

— dans la partie publique, en cliquant sur l'icône crayon qui apparait au survol de votre texte, à droite de celui-ci. N'oubliez pas de cliquer sur ok pour valider vos modifications.


L'icône crayon

Publication

Nous publierons sans tarder vos contributions sauf si :
elles ne sont pas soignées : orthographe, mise en page, ponctuation...
elles sont contraires au fair-play, à la courtoisie et au respect envers les autres auteurs du site, ainsi qu'envers l'esprit citoyen de cette plate-forme.
elles ont un caractère diffamatoire, pornographique, commercial, incitant à la haine ou au racisme, au sexisme ou à l'homophobie.

La difficulté d'assimiler l'usage du logiciel spip ne devrait pas être un obstacle à votre participation, signalez vos difficultés sur le article 276.

Si vous désirez créer un blog d'images, d'écrits, ou autre chose encore, proposez-le au moyen du forum interne, ou en écrivant un mail à l'AQL, ou à la liste de discussion des auteurs : blog@quartier-europeen.eu

[1] les rubriques ouvertes à tous sont :
Le blog de vos petites et longues phrases,
L'agenda du quartier européen
Le pont de la chaussée de Wavre
La rue Vautier de Bruxelles, de Genève et de Saint-Nazaire, et leur quartier
Les kets est réservé aux jeunes, dans le cadre de La charte du Kabar et de la parole intérieure.

Mettre en forme son article

Aurélie, La webmestre — 2008-10-21T16:40:00Z

Pour faciliter la mise en forme des textes, le système propose un certain nombre de « raccourcis SPIP » destinés à :
simplifier la vie des utilisateurs ne connaissant pas le langage HTML ;
faciliter le traitement automatique de la mise en page.

Qu'est-ce c'est ?

Ces raccourcis reposent sur les touches rarement utilisées dans un texte, les accolades notamment, pour créer rapidement de l'italique et du gras, par exemple.

L'italique et le gras sont générés par les raccourcis SPIP suivants, saisis directement dans les champs de l'espace privé :

« Du texte {en italique}, du texte {{en gras}} »

ce qui produira automatiquement l'affichage suivant sur le site public :

"Du texte en italique, du texte en gras"

Ces raccourcis permettent de rédiger en ligne presque aussi simplement que l'on écrit un courrier électronique.

Typographie française automatique

SPIP respecte automatiquement les principales règles d'espacement de la typographie française. Ainsi des espaces insécables sont automatiquement ajoutés devant les caractères « :», « ; », « ! », « ? » et avant et après les guillemets « à la française ».

Liste des raccourcis

De nombreux raccourcis sont disponibles, qui permettent de créer facilement des intertitres, des liens hypertextes, des listes ou énumérations, des tableaux, des citations et notes de bas de page, et d'insérer aisément des documents multimédias dans vos textes.

Nous n'en établissons pas ici la liste exhaustive, car tous ces raccourcis sont présentés et expliqués dans l'aide en ligne du site ( ?). Voici toutefois, pour exemple, quelques-uns des raccourcis les plus couramment utilisés :


http://www.spip.net/fr_article1578.html

Puis-je tout de même utiliser du HTML ?

Si vous le souhaitez, vous pouvez naturellement utiliser du code HTML directement dans vos textes. Mais nous vous conseillons d'employer de préférence ces raccourcis, d'une part parce qu'ils sont plus simples à mémoriser, d'autre part parce qu'il font l'objet d'un traitement automatisé bigrement avantageux : SPIP les remplace par le code HTML approprié et valide, leur applique une typographie correcte, et les dote des sélecteurs facilitant leur habillage graphique par le webmestre, ce qui ne sera pas nécessairement le cas du code HTML que vous aurez vous-même introduit.

Voir aussi :
http://www.bonnenouvelle.fr/spip/Comment-mettre-en-forme-un-article-sous-Spip.html

Ajouter un document, une image, un son, une vidéo...

Aurélie, La webmestre — 2008-10-21T16:30:00Z

SPIP vous offre la possibilité d'illustrer vos articles avec des documents, des images, du son et/ou de la vidéo.

Cela s'effectue en plusieurs étapes : vous devez envoyer votre fichier (texte, image, son ou vidéo) vers le site, puis éventuellement l'insérer dans le corps du texte de votre article. Nous verrons dans cet article comment envoyer votre fichier vers le site et dans l'article suivant, comment l'insérer dans votre article.

1. S'assurer qu'il s'agit d'un format compatible avec SPIP

De nombreux formats sont supportés par SPIP, mais dans la plupart des cas, l'internaute ne pourra l'ouvrir que s'il dispose du logiciel approprié. Choisissez donc des formats répandus.

Formats qui peuvent être directement intégrés dans la page :

Images : JPG, PNG, GIF
Audio : MP3 (player Flash)
Vidéo : FLV (player Flash)

Liste exhaustive des formats supportés par SPIP :

Images et documents : quasiment tous les formats sont acceptés.

Les formats audio acceptés :

Type	Extension	Mime
Ogg	ogg	application/ogg
MP3	mp3	audio/mpeg
RealAudio	ra, ram, rm	audio/x-pn-realaudio
WAV	wav	audio/x-wav
AIFF	aiff	audio/x-aiff
Matroska Audio	mka	audio/mka
Musical Instrument Digital Interface (Midi)	mid	audio/midi

Les formats vidéo acceptés :

Type	Extension	Mime
Ogg	ogg	application/ogg
MPEG4	mp4	application/mp4
MPEG	mpg	video/mpeg
Audio Video Interleave (AVI)	avi	video/x-msvideo
Flash Video	flv	video/x-flv
Windows Media Video	wmv	video/x-ms-wmv
Advanced Streaming Format	asf	video/x-ms-asf
QuickTime	mov, qt	video/quicktime
Multiple-image Network Graphics (MNG)	mng	video/x-mng
Matroska Video	mkv	video/mkv

2. Envoi des fichiers vers le site (le serveur) grâce à l'interface de téléchargement

Si vous publiez des images simplement destinées à illustrer votre article, réduisez leur définition à 72 pixels par pouce avant de les envoyer. S'il s'agit d'images de qualité destinées éventuellement à être imprimées par le visiteur, gardez leur définition initiale.

Lorsque vous modifiez un article ou une brève, la colonne de gauche vous propose une interface intitulée : "Ajouter une image" ou "Ajouter un document". Cela se présente sous la forme d'un champ suivi d'un bouton nommé, suivant les navigateurs, "parcourir", "Browse", "Sélectionner", "File", "Fichier"... Cette interface ne fonctionnera que pour des fichiers peu volumineux (moins de 10 mégas).


Cadre de téléchargement

Lorsque vous cliquez sur ce bouton, une boîte de dialogue s'ouvre, vous permettant de visiter votre disque dur et d'indiquer quel fichier vous voulez sélectionner.

Cela fait, cliquez sur le bouton intitulé "Télécharger".

Si l'opération a réussi, votre document apparaît dans la colonne de gauche. Pour la suite, voir Insérer l'image, le son, la vidéo dans le corps de l'article.

Si l'opération a échoué, il est possible que votre fichier soit trop lourd. Dans ce cas, il s'agira de le télécharger grâce à un logiciel FTP. Contactez la La webmestre pour plus de détails.

Insertion d'une vidéo repérée dans un site de partage de vidéos (YouTube, DailyMotion, etc.)

Sur un tel site, vous trouverez en général aux côtés de la vidéo qui vous intéresse, une ligne de code intitulée "embed". Il vous faudra la copier et la coller directement dans le cadre de rédaction de votre article.

Attention aux droits d'auteur !

Insérer l'image, le son, la vidéo dans le corps de l'article

Aurélie, La webmestre — 2008-10-21T16:15:00Z

Les informations du document

Une fois votre document envoyé au serveur (cfr : Ajouter un document, une image, un son, une vidéo...), une case apparaît sur la gauche de l'écran. Elle contient toutes les informations sur le document. (Une partie de ces informations apparaît masquée, cliquer sur le triangle pour « déplier » la boîte d'information.)


Le cadre d'information.

a) Affichage sous forme de vignette. Une prévisualisation de votre image apparaît. Si l'image est de grande taille (plus de 200 pixels de large), c'est une version de taille réduite qui est affichée.

b) Les raccourcis SPIP. SPIP vous rappelle les 3 « raccourcis » qui vous permettent d'insérer cette image à l'intérieur de votre texte. Notez que chaque image est « numérotée » ainsi : « IMG1 », « IMG2 »... Ces « raccourcis » sont utilisés dans la troisième étape.

c) La taille de l'image. Juste au-dessus de l'image, la largeur et la hauteur de votre image (en pixels - ou « points ») sont rappelées.

d) Le titre et la description de l'image. Titrez toujours votre document. La description est, elle, facultative (par exemple une explication, ou une mention du copyright)

e) Comme son nom l'indique, le bouton « Supprimer cette image/ce document » permet d'effacer ce fichier, si vous avez fait une erreur de manipulation, ou si vous décidez finalement de ne pas utiliser ce document danq votre article. Il est conseillé d'effacer les documents inutilisés, afin d'éviter d'encombrer votre serveur.

Vous pouvez recommencer l'opération avec autant de documents que vous le désirez.

Insérer le document à l'intérieur de l'article

A ce stade, les fichiers sont bien présents sur le serveur, mais il reste à indiquer à quel endroit de votre texte vous voulez les insérer (par défaut ils s'afficheront, à la publication, en format vignette dans la colonne à droite de votre article). Pour cela, inutile de faire du HTML, SPIP vous propose un « raccourci » permettant d'insérer votre image simplement.

Images sans commentaire

Pour chaque image, voyez la mention des 3 raccourcis :

Recopiez l'un de ces raccourcis (le nombre correspond au numéro de l'image, il change donc pour chaque fichier), et recopiez-le à l'intérieur de la case « Texte », là où vous désirez le situer dans votre article. « left » aligne l'image à gauche, « right » à droite, et « center » place votre image au centre du texte. Etant donné la mise en page de notre site (et la différence de mise en page qui existe entre la page d'accueil et l'affichage des articles dans leur rubrique propre), il est préférable de toujours centrer vos images.

Lors de l'affichage à l'écran, SPIP remplacera ces raccourcis par le code HTML correspondant, en calculant automatiquement la taille des images.

Images en petit format :

Pour les sons et les vidéos :

Peer to peer

S'il s'agit d'une vidéo provenant d'un peer to peer, il s'agira d'intégrer dans l'article le lien "embed" entre crochets que vous aurez copié du site d'origine.

Pour les documents textes, pdf, ... :

Pour toute question, n'hésitez pas à vous manifester dans le article 276 ou écrivez à La webmestre

Proposer un rendez-vous dans l'agenda

Aurélie, La webmestre — 2008-10-21T15:00:00Z

Une fois que vous êtes inscrit et que vous avez accédé à l'espace privé de rédaction, choisissez la rubrique "L'agenda du quartier européen " pour y Proposer un article.

Enregistrez votre article. Au-dessus du cadre où apparait votre article rédigé, sous le titre "Agenda : aucun évènement", cliquer sur "créer un évènement".

Remplissez les cadres "Titre", "Date", "Heure" (facultatif), "Descriptif", "Lieu (tapez-y aussi l'adresse)", puis cliquez sur "enregistrer", en-bas à droite du formulaire de l'agenda.

Vérifiez que vous avez correctement encodé les données de votre évènement et cliquez sur "Enregistrer" en bas à droite du formulaire-agenda.

"Proposez votre article" à l'évaluation (en vue de sa publication par les administrateurs du site (cfr Proposer un article).

C'est promis, nous publierons votre article-évènement dans les délais les plus brefs. L'article apparaitra en page d'accueil ET l'évènement sera publié dans l'agenda en colonne de droite.


L'agenda du site

PS : pour modifier un évènement déjà enregistré, cliquez sur "tous" en dessous de "Agenda, un évènement", puis sur le titre de votre évènement (photo 4), puis sur "modifier". Effectuez vos modifications puis enregistrez-les (en-bas à droite du formulaire agenda).

Si vous avez le moindre problème, n'hésitez pas à poser vos questions dans la article 276 ou à écrire à La webmestre

Proposer un lien vers un site Web ou l'adresse d'un lieu public du quartier

Aurélie, La webmestre — 2008-10-21T14:50:00Z

La proposition d'un lien vers un site ne nécessite pas d'inscription.

Choisissez la rubrique dans laquelle vous aimeriez afficher votre lien.

En bas de page, juste avant le menu rouge, complétez le formulaire de proposition d'un site.


Formulaire de proposition d'un site (ne nécessite pas d'inscription).

Validez votre proposition.

Nous publierons votre lien dans les plus brefs délais.

La même démarche est possible, après inscription, dans l'espace privé du site. Vous avez alors la possibilité d'ajouter un logo à votre lien et de demander sa syndication (envoi vers le site du quartier européen des dernières publications de votre site).


Dans l'espace privé


Syndication

Adressez vos questions au article 276 ou à La webmestre .