debian-fr/site

Projet de site pour le salon debian-fr@…

Sommaire

  1. Le nom
  2. Le logo
  3. La mascotte
  4. Le site
    1. Mise en œuvre technique
    2. Développement de CoMpyS
    3. Sections
      1. Présentation de paquets
      2. Présentation de scripts
      3. Home-rc
      4. Salon jabber/debian-fr
      5. Intégration de apt-listbugs
    4. Pages statiques
  5. La charte rédactionnelle
  6. Les contributions
    1. Contenu
    2. Contenant
    3. Identité graphique
      1. Premier jet
      2. Seconde version
      3. Troisième version
      4. Quatrième version
    4. Administration technique
  7. Les autres sites Debian

Pages récemment modifiées sur debian-fr :

05/12/09

01/12/08

11/26/07

11/17/07

11/14/07

09/07/07

Le nom

  • il ne faut pas tomber dans le piège j*bb* (donc pas de jabbian)
  • on peut s'inspirer de la formation du mot debian (qui vient de Deborah et de Ian Murdock), et de ANDESI (ANother DEbian SIte)
  • on peut aussi voir à prendre quelque chose qui n'a aucun rapport direct avec les mots jabber et debian, voir aucun rapport du tout avec jabber et debian (un mot qui n'existe peut-être même pas)

Postez vos suggestions sur la page dédiée : Nom

Sliv a soumis un logo qui a fait l'unanimité jusqu'ici, n'hésitez pas à donner votre avis sur le salon ou à proposer un autre logo.

Logo Sliv :  http://ks30291.kimsufi.com/~efrim/debian-fr/site/logo-debian-fr/logo.sliv.html

La mascotte

Une mascotte va être réalisée pour représenter le robot jabber (et sera sûrement présente sur le site). Pour le nom, « Cid » a l'air de plaire (en référence au jeux Final Fantasy, et à la sid). Quand au design, nous n'en avons encore aucune idée. Sliv la fera sans doute en 3D avec blender. Si vous avez des idées pour sa représentation, n'hésitez surtout pas à nous le faire savoir.

Voici un des rendus proposé par Sliv (sûrement pas le dernier par contre...) :

mascotte

Le site

Mot d'ordre : ne pas faire doublon avec ce qui existe déjà dans le domaine francophone ! Il faut donc se montrer original et novateur. Le tout en intégrant au maximum jabber au site, et à la vie du site. Mais sans pour autant que ceux qui n'ont pas la chance d'être sur jabber se sentent lésés.

Mise en œuvre technique

  • site fait dans le respect des standards  xhtml 1.1 et  css 2.1
  • une css spéciale pour l'impression sera faite
  • site en  python (avec  mod_python) en utilisant le système de template  genshi.
  • forte intégration de jabber
    • notification lorsque de nouveaux articles sont postés
    • possibilité d'envoyer des propositions d'articles directement depuis son client jabber (en envoyant par exemple un message au bot)
    • notification pour les modérateurs du site lorsqu'une nouvelle proposition d'article arrive sur le site
    • identification sur le site par jabber. Grossomodo, au moment de s'identifier sur le site, on donne notre jid au site, qui va nous envoyer un message par jabber nous demandant de valider notre « identification » sur ce site. En répondant à l'affirmative, on se retrouve ainsi connecté.
    • utilisation de  MUCkl sur le site pour que les gens puissent facilement rejoindre le salon et sans nécessité d'avoir un compte jabber au préalable. Un des gros avantage c'est qu'il repose uniquement sur l'utilisation de javascript (donc pas de merde comme flash ou java).
  • Pour la partie script, 3 solutions pour la coloration syntaxique sont à l'étude :
    •  enscript : c'est celui au plus gros cv (foomatic, viewvc, websvn, trac, horde3, cvsweb, chora2 archzoom, kdeprint, rhinote, magicfilter)
    •  python-pygments a été retenu pour la coloration syntaxique
    • source-highlight
  • voici la liste des balises xhtml utilisées pour la mise en forme :
    • a
    • acronym
    • blockquote
    • br
    • code
    • em
    • img
    • li
    • p
    • pre
    • strong
    • ul
  • voici la liste des attributs xhtml permis :
    • abbr
    • alt
    • cite
    • class
    • height
    • href
    • hreflang
    • id
    • lang
    • longdesc
    • span
    • src
    • title
    • width
  • voici la liste des protocoles autorisés quand il faut spécifier un lien :
    • ftp
    • http
    • https
    • mailto
    • xmpp
  • voici la liste des attributs pour lesquels on a le droit de mettre une url :
    • href
    • src

Développement de CoMpyS

Pour l'instant, CoMpyS affiche quelques rubriques et permet de poster des articles. Il n'est pour l'instant pas encore possible de mettre en forme le corps des articles. L'identification est en cours d'implémentation, mais n'est pas finie et n'est pas fonctionnelle.

Pour récupérer la version svn du site : 

svn co http://svn.last-exile.org/CoMpyS/trunk/ CoMpyS

Un aperçu de site en ligne :

 http://debian.last-exile.org/

 Consulter les rapports de bugs ouverts
 Ajouter un rapport de bug ou une demande de fonctionnalité

Sections

Présentation de paquets

Une section inspirée de  debaday.

Présentation de scripts

Une section inspirée de debaday, mais pour des scripts faits maison. En fait, une fois par semaine, on présenterait un script que l'un de nous ou de nos contributeurs aura proposé. Seuls les script fonctionnant sur une debian seront acceptés. Donc aucun script dédié à une autre distrib ne sera accepté (on est pas un site sur debian pour rien).

Home-rc

Tout fichier de configuration de l'espace utilisateur. C'est à dire les fichiers présents dans $HOME (.procmailrc .vimrc .bashrc .emacs). Il s'agit dans cette section de présenter des configurations personnalisées, des « hacks » ou encore des options peu connues.

Salon jabber/debian-fr

Intégration au site d'une interface web pour le salon debian-fr.

Intégration de apt-listbugs

  • Une section ouverte aux contributions d'utilisateurs faisant par de leur retour d'expérience avec les dernières mise à jour. Facile mais non exhaustif. Cette idée n'a finalement pas été retenue.
  • Une section avec notification jabber/rss qui croise deux sources d'information pour en ressortir la partie commune. Les paquets mis à jour dans testing/sid et la liste des bogues. Nous aurions alors une liste (exhaustive?) des mises à jour boguées. D'accord ce n'est pas une énorme plus-value pour des utilisateurs avancés, mais pour d'autres utilisant synaptic par exemple et désirant essayer testing cela peut être sympa. Cette idée n'a finalement pas été retenue.

Pages statiques

Un certains nombres de pages statiques sont nécessaires pour présenter le site et son fonctionnement. Les pages ci dessous sont des brouillons, vous êtes invités à les relire et les modifier.

  • À propos : présentation succincte du site avec les renvois vers les pages plus détaillées.
  • Contribuer : comment contribuer, la charte rédactionnelle.
  •  (X)HTML : quelques éléments de html.
  • [liens](à écrire) : Les liens utiles/intéressants que l'on met habituellement dans le topic du salon (pour l'alléger un peu, et toujours garder les liens, contrairement au topic, où on les efface quand on en rajoute)
  • Jabber et le site : présentation de l'intégration de jabber sur le site, service disponible, how-to ? etc...
  • ...

La charte rédactionnelle

La charte rédactionnelle est une série de directives définissant les critères de qualité que les articles doivent vérifier, tant sur le fond que sur la forme.

Les contributions

Contenu

Si vous avez une panne d'idée consultez la page des suggestions.

  • Contributeur
    • calico.jeff
    • crygor
    • elghinn
    • my1
    • piratebab
    • sliv
    • xbright

Contenant

  • elghinn
  • Gowha quelques notions de python,

Identité graphique

  • elghinn (css)
  • Gowha (css)
  • sliv (graphisme)

Premier jet

  • Critiques :
    • jinbei : l'ensemble est agréable, c'est "léger". Néanmoins, le gris du background est un peu "pure", ça donne une impression de fade. De même le gris lorsque l'on passe sur le menu je n'aime pas trop. On fait un site sur GNUStep ? (humour pas taper '). Dans le cadre blanc, faudrait peut être distinguer le titre du reste par autre chose qu'une simple couleur de police.
    • elghinn : suite à la réunion du 2 novembre, un certains nombres de critiques ont été faite. Celle qui est revenue le plus souvent, c'était que le thème faisait trop sobre/triste, et qu'il fallait l'égayer un peu avec l'utilisation de couleur plus « vive/joyeuse » entre autre. Sliv, qui était là, prépare un nouveau jet.
    • Steven : Perso j'aime bcp, il manque un peu d'eyecandy genre la transparence derrière le texte pour afficher le logo mais avec un léger alpha pour que ça reste bien lisible. Très belle première maquette.
      • elghinn : si on met de la transparence sur le fond, le texte le sera aussi. En fait tous les enfants d'un élément sur lequel on applique de la transparence, deviennent aussi transparent sans aucun moyen d'annuler la transparence pour eux.

Seconde version

  • Critiques :
    • calico.jeff : beaucoup plus lumineux, les boutons sont plus jolis aussi, bref le jour et la nuit. Je verrai bien une troisième couleur pour équilibré l'ensemble, un complémentaire du jaune Jabber et du rouge Debian, il me semble qu'on pourrait avoir un truc super harmonieux avec une charte graphique s'appuyant sur trois couleurs. C'est facile à écrire je sais, si il me vient une idée j'avise... Merci à Sliv pour son travail.

Troisième version

  • Critiques :
    • elghinn : alors, dans le désordre : le jaune ne va pas du tout avec la couleur du logo debian, il faudrait essayer avec des couleurs moins vive/agressive. La version jaune/vert/bleu fait un peu barry (wight) au lait. Il faudrait voir à arranger un peu la présentation des articles, notamment pour le titre avec la date, et la boîte en bas. Il manque aussi un petit quelque chose. Sûrement des images, mais après ils faut savoir quoi mettre et où.
    • calico.jeff : la  maquette bleue/jaune est de loin ma préférée.
      1. Je verrai peut être moins de jaune : remplacer le fond jaune derrière le menu et l'article et le jaune de la bannière par une autre couleur. Conserver le jaune pour le menu et l'ampoule.
      2. Pour les futures maquettes, ce serait bien d'ajouter un autre article pour avoir une idée de l'habillage de ces zones de textes. Pensez à ajouter les informations fournies par le CMS, date de publication, pied de page etc...
    • piratebab: je n'aime pas le jaune. Je trouve que c'est trop clair, et le gris, c'est tristounet. Peut être du vert ou du bleu un peu foncé ? Concernant la bannière, je la trouve un peu haute (je préfère laisser un maximum de place pour le contenu, pensez aux petites résolutions!), et il faut éviter d'y mettre trop de couleurs différentes. Sinon pour le reste(place des menus, ..), il faudra voir à l'usage. Les menus sur la gauche font perdre trop de place sur la page. Mais tout ça est très subjectif.
      • elghinn : Concernant la résolution, il ne faut pas abuser. Le site passe très bien en 800*600. Et pour les rares gens qui sont encore en 640*480, certes, ça prends la moitié de l'écran, mais un petit scroll et on en parle plus. Pour le menu, je ne suis pas du tout d'accord avec toi. Imagine un peu toi les grandes résolutions, ils vont avoir des romans sur une seule ligne :D. Sérieusement, si tu trouves que ça prends trop de place... je n'ose imaginer ce que ça doit être pour toi sur les sites qui ont 3 colonnes... Si tu es encore dans l'optique des petites résolutions, je te conseille vivement d'investir dans un navigateur en mode texte, ton expérience utilisateur n'en sera que meilleur pour une aussi petite résolution que du 640*480 ;) (en 800*600 je n'ai rien remarqué qui pourrait éventuellement poser soucis).

Quatrième version

  • Critiques :
    • elghinn : Plusieurs choses :
      • le menu : déjà que je le trouvais un peu haut, mais alors là c'est le reste /o\ Je le préfère vraiment là où il était jusqu'alors.
      • pour les articles, ça serait bien que tu essais d'avoir un « vrai exemple ». Parce que là par exemple, le sous-titre il a rien à faire là où il est. Quant à la trace, je trouve ça laid, ça prend carrément trop de place (comme j'avais dit que je pensais que ça ferais =)
      • concernant les couleurs, je sais pas pourquoi, mais j'accroche toujours pas... Bon c'est sûr, ça ne m'agresse plus autant que le jaune. Mais c'est toujours pas ça. Au risque de vous faire rire (mais ce n'est pas le but), je trouve que ces couleurs, font trop couleurs :D
      • dans les logs j'ai vu quelqu'un parler de mettre les menu sous forme horizontale. Avec le nombre d'éléments qu'il peut y avoir au maximum dans le menu, ce n'est pas possible, il y en a bien trop (et pas forcément tous court...). De plus, ça reviendrait à avoir une grosse zone pour les articles, ou bien à devoir mettre autre chose. Mais quoi ? Les derniers articles alors qu'on peut déjà les voir sur la page d'accueil ? Inutile à mon avis. Un mini-historique des discussions sur le salon ? Y'a les logs pour ça, et y'a surtout muckl ! Mettre un truc plein d'ajax pour faire web 2.0 mais totalement inaccessible ? Non, désolé, mais là j'accroche autant qu'à l'idée de foutre du flash sur le site. À la rigueur si on trouve un truc utile/intéressant à mettre sous le menu actuel pourquoi pas, mais encore faut-il trouver un truc utile/intéressant.
    • piratebab désolé, mais je n'accroche pas:
      • la couleur; ça fait pas site d'informatique. On dirait un site de bonbobn acidulé (désolé, c'est l'impression que ça me fait)
      • la largeur fixe: je n'aime pas les site en largeur fixe. Sur mon 800x600, il faut scrooller, et sur mon 1280x1024, ça fait ridiculement petit.
      • le menu: trop haut et trop large (hé oui elghinn, je n'aime pas toute cette place perdue. Le plus important c'est le contenu!)
    • elghinn:
      • T'as un navigateur en carton ou quoi ? Le site n'est pas en largeur fixe ! Bien au contraire ! La preuve en image : Comme on peut le voir sur ces images, le site s'adapte parfaitement bien à la largeur de la fenêtre, que ça soit en 800 ou 1280.
      • Si le plus important c'est le contenu, où est le problème vu que ce contenu est parfaitement bien visible ?

Administration technique

  • elghinn (tout seul a priori)

Les autres sites Debian

Une compilation de liens vers les sites francophones liés à Debian :
 http://ks30291.kimsufi.com/~efrim/liste

Attachments