Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

revoir l'esthétique du site

sam7

Voici le point de situation "en directe de l'IRC" (17 personnes connectées... mais un peu moins de participants... (8)) :

premier sujet : le desing de l'étoile ... quesh propose de l'améliorer.

personnellement, je pense que l'étoile pourrait être judicieusement mise "par défaut" pour l'annonce d'un évènement qui n'aurait pas son affiche spécifique...
suivi d'un débat sur une zone carrée (étoile ou autre...) ou une zone rectangulaire (sans étoile)... ainsi que sur la couleur de celle-ci...

je propose au vote "une zone carrée avec une étoile qui change de couleur à chaque changement d'évènement annoncé, en général toutes les semaines...
qui vote "pour" qui vote "contre" ? que proposez-vous d'autre ?" ... au final, il semble bien que l'étoile l'emporte...

lau propose une sémantique (code couleur) par catégorie d'évènements (install partie / release / ... j'aime bien !
& j'ai proposé : "on pourrait même indiquer les sorties des alphas & béta... par défaut s'il n'y a rien d'autre de plus important"

second sujet : le fil d'arianne ... quesh nous rappelle judicieusement cet élément important du site.

il nous dit : "si c'est une barre de navigation efficace, elle devrait être pour tout le site"
je pense que par contre, qu'elle "gâcherais" notre belle page d'accueil... donc que sur cette page (et uniquement celle là), ce fil d'arianne est inutile... le débat est ouvert... nous attendons je l'espère un mockup pour lundi prochain

kanor s'interroge sur le coté technique : " est ce que ça semble facile de lier les 3 moteur existant (wiki forum et drupal ) ? "
xabilon lui répond : " De toute façon, la "racine" serait la page d'accueil
Donc chaque fil d'ariane serait indépendant, et liés par la page d'accueil"

bonne chose : il a été décidé de supprimer les mots "vous êtes ici" du fil d'arianne...

troisième sujet : les couleurs des variantes ... proposé par julientroploin
cf. http://forum.ubuntu-fr.org/viewtopic.php?pid=2985322#p2985322

il va réactualiser tout celà à compter de vendredi en fonction des diverses observations de ce fil & de ce soir...
... si possible avec l'aide de luk de manière à faire plus "pro"... comme il le dit.

nous avons principalement échangé au sujet des couleurs :
- du cadre autour de la page => de la couleur de la variante (validé) ... avec dégradés ?
- du cadre à 3 colonnes en bas de page (soutien / publications / réseau) => de la couleur de la variante ou en gris ? ... avec ou sans dégradés ?
- du texte des onglets en fonction de la variante...
julientropoin va tenter avec un bleue pour les variantes "x k s" & avec un rouge pour les variantes "e & u"...

qu'en pensez-vous ?

***

voilà pour ce soir... soirée consacrée à l'aspect de la page d'accueil du site
merci aux participants

... nous aborderons les autres sujets une autre fois (boutique / forum / documentation / ...) ...
à l'usage, je pense que limiter la réunion à 2 ou 3 sujets sur une durée 2h environs est le maximum envisageable

je suis content de mon idée de CR "en direct", je vais donc continuer comme celà si celà vous convient bien sûr...

merci de nous faire part de vos observations...

(réunion IRC hebdomadaire chaque lundi entre 21h15 & 23h15... sur freenode canal #ubuntu-fr-devweb ... venez nous rejoindre)

Julientroploin

Juste un petit post pour signaler quelque chose que je viens de lire dans un post de xabilon : dans 2 mois, c'est l'anniversaire d'Ubuntu-fr (5ans)!
Ce serait pas le moment idéal pour mettre le nouveau site en ligne? Si on se complique pas la tâche avec des conneries et qu'on bosse bien, c'est jouable je pense.
Et puis l'avantage, c'est que c'est pas au moment d'une release de la distro donc on va pas perdre trop les petits nouveaux qui viennent d'arriver sur le site...

sam7

mais c'est une très bonne idée ce que tu nous proposes ! merci...
... il va donc falloir s'organiser et respecter un calendrier...

quelle est la date précisément ?

***

je propose que chaque lundi nous validions certaines étapes...
... et que chaque semaine nous travaillons sur un ou 2 objectifs (en parallèle) ... par exemple :

pour les jours à venir ... en parallèle des autres objectifs :
A) réfléchir aux titres des différentes rubriques du forum & de la documentation
jusqu'à leurs dates respectives de validation...(02/11 & 09/11)
B) préparer les captures d'écran de la page d'accueil du site concernant les différentes variantes d'ubuntu
C) travailler aux différents points de détails à régler... avant le 30/11

(1) semaine 44 : accueil site & forum

> valider mockups "images" des différentes variantes de la page d'accueil du site
= travailler sur les mockups "html" des différentes variantes de la page d'accueil

> valider la structure du forum (nombre de niveaux maxi réalisables techniquement)
= travailler sur les nouveaux titres des différentes sections du forum

(2) semaine 45 : accueil site & forum

> valider mockups "html" des différentes variantes de la page d'accueil du site
= travailler au codage des différentes variantes de la page d'accueil du site

> valider les titres des différentes sections du forum
= travailler sur le mockup "html" de la page d'accueil du forum
en se basant sur le mockup "image" qui a été validé il y a un moment et en prenant les titres des rubriques validés la semaine précédente

(3) semaine 46 : Forum & documentation

> valider mokup "html" de la page d'accueil du forum ...
= travailler au codage de la future "vraie" page d'accueil du forum

> valider les titres de la page d'accueil de la documentation
= travailler sur le mockup "image" de la documentation

(4) semaine 47 : Documentation & Planet

> valider le mockup "image" de la documentation
= travailler sur le mockup "html" de la documentation

> valider la nouvelle présentation / organisation du Planet
= travailler sur le mockup "image" du planet

(5) semaine 48 : Documentation & Planet

> valider mockup "html" de la page d'accueil de la documentation
= travailler au codage de la future "vraie" page d'accueil de la documentation

> valider mockup "image" de la page d'accueil du Planet
= travailler sur le mockup "html" du Planet

(6) semaine 49 : Planet & "finitions"

> valider mockup "html" de la page d'accueil du Planet
= travailler au codage de la future "vraie" page d'accueil du Planet

> valider & régler les derniers points de détails 😉

(7) semaine 50 : codage site

= travailler au codage intensif du site relooké 😛

(8) semaine 51 :(si c'est bien la semaine "anniversaire")
Mise en ligne du site relooké 😃

Qu'en dites vous ?
est-ce réalisable ainsi ?
aurais-je oublié quelque chose ?

merci à vous

Onclebenz

depuis le tps que ce topic existe j 'ai pas vu grand changement....😐

fabien961

@Onclebenz : merci pour les encouragements ! On n'est pas des pros, on fait ça sur notre temps libre.
@sam7 : C'est vrai que vu de ton côté, la page d'accueil du site a l'air presque terminée. En fait, le boulot ne fait que commencer car on s'attaque maintenant à un gros morceau : Drupal. Je pense que ton planning est beaucoup trop ambitieux. Déjà, si on arrive à passer le site principal dans la nouvelle configuration, avec un lien vers la doc, le forum et le planet actuel, avant 2 mois, ce sera très bien. N'oublie pas qu'une fois le nouveau template prêt, il y a toute une phase de transition et de tests à faire.
Par contre, j'apprécie bien ton dynamisme : ça entraine tout le monde pour qu'on soit motivés à faire avancer les choses. Continue comme ça 🙂

Concernant le codage du mockup du site sous Drupal, j'aurais besoin d'un peu d'aide. Je m'adresse surtout à ceux qui maîtrisent Drupal, qui ont travaillé sur la version actuellement en ligne du site ou qui en connaissent le fonctionnement.
1) Quels modules dois-je installer pour créer les trois blocks qui se trouvent en page d'accueil (Evènement ponctuel, "Prochains evènements" et "Capture d'écran") ?
2) Comment fonctionne le changement de css en fonction de la variante du site (xubuntu, kubuntu, edubuntu, ...). J'ai cru comprendre que le fonctionnement actuel était trop complexe et qu'il fallait le simplifier. Y a-t-il un module qui peut m'aider à faire ça ou dois-je me débrouiller et faire une fonction spéciale dans le template.php ?
3) Une fois que mon template marchera chez moi, comment l'intégrer au site ? Comment se passe la transition ?

sam7

Merci fabien961 !
bon, si mon planning prévisionnel est un peu "just", est-il correcte au moins ?
dans ce cas, je peux essayer d'allonger les délais pour caller la sortie un peu plus tard... mais absolument avant la sortie de la prochaine LTS...
ce qui nous laisserais alors un maximum 6 mois pour tout terminer
(au lieu des 2... on multiplie donc par 3 les délais que j'ai proposé hier ... ça devrais laisser le temps suffisant alors)

qu'en dites-vous ?

Edit :
Pour la page d'accueil de la documentation, je propose un "mixage" entre
http://doc.ubuntu-fr.org/utilisateurs/yannubuntu/proposition_accueil8 & http://doc.ubuntu-fr.org/utilisateurs/ner0lph/accueil2a
bien sûr aux "couleurs" du site relooké...
... à discuter bien évidemment sur http://forum.ubuntu-fr.org/viewtopic.php?pid=3002199#p3002199

sam7

bon et bien ça bouge du coté de la documentation...
... venez donc y participer ici : http://forum.ubuntu-fr.org/viewtopic.php?pid=3004463#p3004463
... mais il ne faut pas oublier le forum qui est prioritaire car il doit être traité avant ici : http://forum.ubuntu-fr.org/viewtopic.php?pid=3004476#p3004476

Julientroploin

Suis malade depuis presque une semaine maintenant, donc je n'ai pas pu passer régulièrement ces derniers jours (je ne voulais pas vous transmettre mes microbes 😛 ) et je n'assisterais pas à la réunion de ce soir.

J'ai quand même profité de ma convalescence pour préparer quelques mockups à partir des idées de sam7:
-Ubuntu : mais je préfère la version précédente

- Kub :

ou bien

-xub :

-UbStudio :

- edu :

Voila, si il y a des choses à mmodifier, pensez à détailler sur le forum, je repasserais quand ça ira mieux

sam7

en direct de la réunion IRC :
au menu ce soir, comme l'écrivait Poupoul2 dans la ML :

" Concernant le fonctionnement des CSS et l'intégration des
développements, ce qui serait idéal, ce serait qu'on fasse une séance
d'explications lors d'un meeting IRC. Je ne peux pas le faire, mon seuil
d'incompétences étant atteint. Didrocks, Huats (ou un autre sachant),
est ce que l'un d'entre vous peut venir jouer avec nous lors du prochain
meeting sur ces 2 sujets ? Toujours idéalement, si tous les nouveaux
développeurs peuvent se joindre au meeting, ça permettra de former tout
le monde en même temps.

My 2 cents."

comme je n'y connais rien en "codage", je vais laisser les spécialistes faire le point...

fabien961 & McPeter & YoboY sont parmis les plus actifs ce soir... sur les 15 connectés

Décisions :
(1) - version statique HTML (et uniquement html) des pages de base
=> validation
(2) - version statique CSS
=> validation
(3) - INTEGRATION DRUPAL
=> validation

qui fait quoi ?
(1) = fabien961 = RESPONSABLE du code HTML STATIQUE
(2) = fabien961 & McPeter = CO-RESPONSABLEs du code CSS pour les 4 variantes correspondant au 4 noms de domaines **
(3) = McPeter = RESPONSABLE INTEGRATION DRUPAL

Bonus : leader technique = McPeter (dixit fabien961)

** dixit yoboy :

"toute façon ya que 4 variantes (noms de domaines) si je ne m'abuse (ubuntu, kubuntu, xubuntu, edubuntu)"

dommage... moi qui révait d'un ubuntustudio ... comment faire ? créer un nom de domaine supplémentaire ?

autres décisions/proposition(?) du leader technique :

premier moyen de communication au sujet de ce projet : IRC (et non ce forum ... mince alors !)
1 - remise en place du FTP de dev
2 - pose des mockups finaux sur ce FTP
3 - dev du HTML pure à partir de la vision des mockups
- Définir les blocks
- Définit les titres / menus / etc .
4 - dev du CSS pure à partir des versions HTML du site statique posé sur le FTP
5 - inter communication entre celui qui fait le HTML / CSS
6 - PLUS d'intervention externe pendant la première phase de dev
7 - Soumission du site STATIQUE --> ICI (IRC)
8 - VALIDATION
9 -INTEGRATION DRUPAL

(NB : je suis largué, trop complexe pour moi... :mad:
corrigez-moi si je me trompes)

http://dev.ubuntu-fr-secours.org/ est l'adresse du ftp
je cite McPeter :

on y aura l'archi suivante :
/MOCKUP
/SITE
--
/MOCKUP/ ( version freeze avec sources )
/SITE/HTML
/SITE/CSS
/SITE/IMAGES
--
/ubuntu.html (Ubuntu)
/kubuntu.html (Kubuntu)
etc …
ces pages feront appel aux squelettes qui sont dans /SITE/HTML
lien symboliques ou autre
de base on aura un visuel direct des sources HTML depuis /SITE/HTML

& pour ma pomme, je me retrouve propulsé "Responsable" :
- de la coordination entre le forum (ici) et les réunions sur l'IRC 😃
- du contenu de http://dev.ubuntu-fr-secours.org/MOCKUP/ 😉
(pour y mettre tout ce qui aura été freezé au niveau des mockups "images", avec les sources bien sûr)
sans quoi notre duo de codeurs ne pourra pas travailler... lourde responsabilité !)
... envoyez-donc moi les sources de la page d'accueil du site (version "image") qui a été freezée,
correspondant à cette page html : http://ubuntu-fr.evoconcept.net/AccueilV10/
... & corrigez-moi si je me trompes. d'avance, merci.

******

(réunion IRC hebdomadaire chaque lundi entre 21h15 & 23h15... sur freenode canal #ubuntu-fr-devweb ... venez nous rejoindre)

Кຼزດ

@Julientroploin : c'est cool ces captures, mais il n'y aurait pas moyen d'accorder les thèmes de couleurs des icônes + la capture + le koala avec le thème de la distro ?

sam7

merci Julientroploin pour ton travail ... je vais donc commenter tes mockups :

Ubuntu : à revoir
- il me semblait que c'était le rouge en haut et le marron en bas...
- le rouge des titres des onglets est trop "clair"
- le gris du bandeau est sympa et les titres en blanc ressortent bien
- éventuellement un liseret rouge au dessus du texte en noir de "l'infobulle", ça serait mieux ... comme pour la version Edubuntu

Kubuntu v1 : presque réussi
- le bleue des titres des onglets est réussi, mais ceux des 2 versions à télécharger sont trop "clair"
- le gris du bandeau est sympa et les titres en blanc ressortent bien
- éventuellement un liseret bleue au dessus du texte en noir de "l'infobulle", ça serait mieux ... comme pour la version Edubuntu

Kubuntu v2 : raté
- le bleue des titres des onglets est réussi, mais ceux des 2 versions à télécharger sont trop "clair"
- le gris du bandeau en dégradé gâche tout car les titres en blanc ressortent mal
- éventuellement un liseret bleue au dessus du texte en noir de "l'infobulle", ça serait mieux ... comme pour la version Edubuntu

Xubuntu : à revoir
- le gris des titres des onglets est réussi, mais ceux des 2 versions à télécharger sont trop "clair" ... & pourquoi un liserte bleue au dessus de l'onglet actif ?
- le gris du bandeau est raté et les titres en blanc ressortent mal ... reprendre avec un gris unis un peu plus sombre comme ubuntu par exemple

UbuntuStudio : presque réussi
- le bleue des titres des onglets est presque réussi (je ne pensais pas tout à fait à ce bleue là), mais ceux des 2 versions à télécharger sont trop "clair" (utilise donc le bleue du logo) ... (en fait, je pensais à un seul bleu, pas à deux ... mais bon, pourquoi pas)
- le gris du bandeau est sympa et les titres en blanc ressortent bien
- éventuellement un liseret bleue (de la couleur du logo) au dessus du texte en noir de "l'infobulle", ça serait mieux ... comme pour la version Edubuntu

Edubuntu : (presque) parfait
Tout est parfaitement réussi, ne change rien ! c'est (presque) parfait... (cf. *)

... & il manque Lubuntu... mais il est vrai que nous n'avons pas abordé la couleur pour LXDE ... VERT ? (pour changer...)

* Pour améliorer le tout :
concernant les dégradés de couleur : pour chaque variante, ce qui devrait bien rendre serait :
couleur 1 : au niveau du bandeau supérieur (logo + recherche & connexion)
couleur 2 : au dessous en appliquant le dégradé

en fait la couleur du "-fr" est en haut de page, assez fine, avec un dégradé vers le bas sur l'autre couleur, la transition se faisant au niveau du lisert au dessus de l'onglet actif...
... si vous voyez ce que je veux dire.

bon et bien je crois qu'il va malheureusement falloir laisser tomber ubuntustudio & lubuntu... dommage:mad:

En fait : il va falloir freezer l'image de la page d'accueil "unbuntu" au plus vite, & au plus tard lundi soir prochain...
ou sinon conserver celle dont je parlais plus haut...
celle ci peut-être ? http://baconnais.simon.free.fr/maquette.png

YannUbuntu

juste avant le freeze, je me permets de jeter un pavé dans la mare 😃 : pourquoi dans la rubrique "Publications" n'a-t-on pas mis l'excellent magazine Ubuntu (FullCircle) ??? (je le verrais bien aux cotés du "Planet" ou bien dans un petit menu deroulant avec la Lettre hebdo).

En parlant de la Lettre Hebdo, sa traduction est abandonnée depuis debut 2009, (voir ici...). On pourrait attendre un peu avant de la mettre sur la page d'accueil , et donc mettre a la place FullCircle, qu'en pensez-vous?

AlexandreP

AlexandreP a écrit
Ner0lph a écritEn fait, ces captures sont trop grandes, elles ne devraient pas dépasser la définition de 1024×768 afin d'être visibles à l'écran et utilisables dans "Simple comme Ubuntu" et en PNG, n'est-ce pas DidRocks ? 🙂
Si DidRocks fait les captures pour SCU, alors je ne les recommencerai pas. 😛

Je réitère cette question subtile : est-ce que DidRocks a refait les captures ?
Je m'apprête à réinstaller Ubuntu en machine virtuelle, alors si besoin est, je pourrais prendre des captures d'écran du processus d'installation et d'une Ubuntu toute fraîche sortie du CD-ROM.

didrocks

AlexandreP: bien sûr, si seulement la communauté pouvait participer pour cette partie très chronophage les prochaines fois 🙂
(déjà, merci à kinouchou et à sebastienb pour les chapitres 8 et 9), ce serait mieux.

Je prévois que la version finale de SCU soit prête ce dimanche (pour une comm jeudi en 8), et donc je vous passe les captures par le fichier source.

PS: merci de me pinguer (et là, thx mr_pouit), vu que je n'ai que peu le temps de suivre le topic 😉

didrocks

@YannUbuntu: concernant full circle, on a proposé de les intégrer (par deux fois) à ubuntu-fr, mais ils ont décliné notre offre. Donc je n'ai pas d'avis mais il faut voir avec eux pour le lien...

fabien961

sam7 a écrit(pour y mettre tout ce qui aura été freezé au niveau des mockups "images", avec les sources bien sûr)
sans quoi notre duo de codeurs ne pourra pas travailler... lourde responsabilité !)
... envoyez-donc moi les sources de la page d'accueil du site (version "image") qui a été freezée,
correspondant à cette page html : http://ubuntu-fr.evoconcept.net/AccueilV10/
... & corrigez-moi si je me trompes. d'avance, merci.

Les sources des mockups images, c'est le format Photoshop ou Gimp. Ca permet de ne pas avoir l'image "à plat" et de pouvoir prendre les éléments nécessaires pour le CSS sans avoir besoin de passer 3h à détourer une image ou à gérer les effets de transparence. Par exemple, le petit trait de lumière rouge qui apparait sur les onglets de la barre de navigation quand on passe la souris doivent se trouver dans un calque séparé.
Bien sûr, les seules sources dont on dispose actuellement sont celles de AlexandreP et de LuK, donc il faut repartir de là.

YannUbuntu

merci Didier. Je me renseigne aupres d'eux.

xabilon

Il serait peut-être temps de créer un sujet pour les mockups du forum, non ?

poupoul2

xabilon a écritIl serait peut-être temps de créer un sujet pour les mockups du forum, non ?

Euh, ça existe déjà, et c'est ce même sujet. Du reste, le futur design du forum a été freezé. À moins que je n'ai aps compris ta question.

Ner0lph

Pour info, le mockup en cours est celui de la doc. D'ailleurs, où en est-on ? Quelqu'un a-t-il avancé sur le sujet depuis les derniers mockup de LuK au postt #799 du 07/09/2009 à 13:24 et les choses qui ont été dites ?

http://forum.ubuntu-fr.org/viewtopic.php?pid=2914354#p2914354

« Page précédente Page suivante »