• News
  •  » irr::Nouveau Site ! [MAJ]

irr::Nouveau Site ! [MAJ]
Proposé par nico

le 10 October 2009 à 01h 44mn 43s

16760 visualisations

illustration

Maintenance:

Récapitulatif des remarques des membres:

-Ordre d'affichage de la chatbox déroutant  => Vous avez désormais la possibilité de changer l'ordre d'affichage de la chatbox dans la section profil=>affichage=>afficher vers le bas.
-Contraste trop important entre les codebox et le design =>    Ajout du mode "true color" permettant d'afficher les couleurs originals de coloration syntaxique du langage C++.(Paramétrable dans la section profil=>affichage=>true color)
-Où est passé le marqueur de messages lus et non-lus pour les forums ? =>     apparait uniquementt lorsqu'il y a des nouveaux messages.
-Les vignettes du forum sont trop volumineuses   => Ajout du mode "old school" permettant d'afficher les forums sous formes de tableaux .(Paramétrable dans la section profil=>affichage=>old school )
-La taille du textarea pour écrire un message est trop petite  => En attente, taille à définir

Ajouts divers
-Les liens directs vers you tube sont désormais acceptés pour les projets.


Après les contributions d'Izguit et de Tmyke, j'ai essayé d'apporter ma pièrre à l'édifice, en vous proposant des outils qui me semblent utile en tant que débutant.

Voici la liste des nouveautés:

La section NEWS

Chaque membre peut créer ou commenter une news. Lors de la création d'une news, vous aurez la possibilité d'envoyer une image et d'écrire un descriptif qui sera affiché en page d'accueil.
Cela est facultatif mais est préférable pour un meilleur confort de navigation.

La section TUTO

Pour créer un tutoriel, vous devrez vous rendre dans la section souhaité et vous apercevrez un icône pour créer un tutoriel. A la différence de la section NEWS, la mise en forme du texte est plus complète, avec une partie d'introduction, ainsi que de nouvelles balises inspirées du site du zéro.
Voici un exemple
Vous apercevrai également un nouveau module nommé 'Dictionnaire', dans lequel chaque membre peut ajouter des définitions.
Lors de votre lecture sur le site, il vous suffira de survoler un mot avec la souris, pour faire apparaitre sa définition.
Si une définition est enregistrée dans la catégorie 'documentation', vous aurez alors la possibilité de cliquer dessus afin d'effectuer une recherche automatique sur la documentation officielle d'Irrlicht
Voici un exemple: ImeshSceneNode

La section PROJETS

A la différence des section 'NEWS' et 'TUTO', vous avez la possibilité de mettre au choix une video ou une image. Pour l'instant vous avez seulement la possibilité de mettre le permalien de daylimotion et you tube, je rajouterai d'autres fournisseurs par la suite.
Voici un exemple
Afin de valoriser votre travail, un projet aléatoire est affiché à chaque génération de page d'accueil.

Comme vous avez sans doute remarqué, ces trois nouvelles sections ont chacune des fonctionnements différents et également un codage différent. Je compte sur le temps et vos critiques pour déterminer avantages et inconvénients de ces sections.

le BBcode

Vous disposez à présent d'une fonction de coloration syntaxique pour le code C++, pour des raisons de lisibilité, j'ai décidé de mettre le code sur fond blanc, ce qui ne va pas avec le design, cependant, je pense qu'il est préférable de favoriser la lisibilité. Si vous rencontrez des problèmes visuels, nous pouvons modifier les couleurs à souhait, donc n'hésitez pas à faire vos propositions.
le fichier d'aide sera bientot mis à jour pour lister les nouvelles balises.

Le design

Mon véritable talon d'achille wink J'ai essayé d'amener un peu de couleur et de chaleur au site, mais ce n'est vraiment pas ma tasse de thé, pour l'instant je vous propose seulement un design bleu foncé et un design bleu clair, mais il vous est tout à fait possible de créer un design, pour ce faire il suffit de me fournir une image dégradée de 120px de hauteur et de définir une dizaine de couleurs comme le fond , le texte, les liens, les bordures....
Vous pouvez également proposer de nouveaux icônes pour habiller le site.

Concernant la structure du site, elle est composé au total de 6 images pour un poids total de 1.71 ko (sans compter les icônes)
Le tout est valide xhtml 1.0 et css 2.1 à l'exception des pages contenant la chatbox (qui est un addon invalide, j'aurais peut-être un jour le courage de corriger ça mais pour l'instant ce n'est pas d'actualité.)

accessibilité et compatibilité

A mon grand regret, la taille minimale du site est désormais de 600px, j'espère pouvoir atteindre la barre des 400px d'ici peu, mais c'est pas facile wink
Lors de la conception, j'ai utilisé windows seven avec les dernières versions de ie, firefox, chrome, opera et safari; puis j'ai testé également avec la playstation 3. Si vous possédez une autre configuration et que vous rencontrez des problèmes d'affichage, merci de bien vouloir le signaler.

A propos

l'ensemble des pages utilisent les fonctions de fluxbb qui m'on grandement aidé à avancer, même si quelque fois il a fallu que j'en personalise quelques unes comme confirm_referer() que j'ai modifié en confirm_multi_refferer() ou encore generate_config_cache que j'ai assaisonner en mem_cache_dico(), toujours est-il que j'ai appris pleins de choses et je me suis bien amusé.

Voilà, je vous souhaite une bonne exploration, quant à moi je réserve encore quelques jours pour corriger les bugs, et après je me remet à irrlicht, donc pour ce qui concerne les améliorations et l'ajout de fonctionnalités, on verra le mois prochain, en attendant n'hésitez pas à poster vos idées,  besoins et critiques.

Merci à Tmyke pour son aide, son soutien, sa disponibilité et sa patience wink

Nico.


Commentaires des membres

#1 

10-10-2009 08:51:06

tmyke
Administrateur
Date d'inscription: 24-03-2008
Messages: 1025

Super travail de Nico, car c'est lui, et lui seul, qui a vraiment bossé sec sur le site depuis un bon moment, donc vraiment bravo big_smile
chuutss, là il dort, il a passé la nuit à bosesr pour parfaire la mise en ligne

Sinon, n'hésitez pas à donner vos commentaires, et car comme rien n'est parfais, faite nous part des éventuels bugs et autres
defauts constatés.

Bienvenue sur le nouveau Irrlicht.fr

wink


Force et sagesse...

Hors ligne


#2 

10-10-2009 15:19:40

nabouill
Abonné
Date d'inscription: 17-09-2009
Messages: 242
Corrections: 1

Super super super bon boulot .
Chapeau !

Bravo bravo, c'est tout ce que j'ai a dire pour l'instant.
smile


mes sites: www.manga-vf.fr et www.series-vf.fr

Hors ligne


#3 

10-10-2009 16:51:51

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

Merci à tous pour vos commentaires.

Gehogor :

A oui, les message du chatbox sont désormais vers le haut.......   
En fait, dès que je valide mon message, le défilement se fait vers le bas, du coup je m'y perds un peu


Effectivement, cela porte à confusion, j'ai changé l'ordre d'affichage des messages pour ne pas avoir à faire défiler la barre de scroll, alors certe sur la page chatbox.php le scroll se fait automatiquement, suivit d'un rafraichissement toutes les x secondes, mais tout ceci se fait en javascript, il n'est donc pas préférable d'appliquer ces fonctions sur la page d'accueil des forums, pour des raisons de performances. C'est pour cette raison qu'on devait scroler à chaque fois la chatbox pour voir si il n'y avait pas de nouveau messages.
Je vous laisse un petit temps d'adaptation, et si vraiment vous arrivait pas à vous habituer, alors je vous donnerai la possibilité de régler l'ordre d'affichage.

Magun :

sysmpas le nouvelle espace, a par les balise de code qui arache les yeux.


[quote=Zorian]ouais c'est sur que ça fait un gros contraste.


[/quote]
Effectivement, cela est embêttant, d'autant plus que c'est notre outil principal pour s'entraider.
Je vais vous proposer un correctif dès demain.
Voici mon idée, je rétablie la couleur de fond du thème pour les balises codes afin de ne pas exploser les rétines wink
ensuite:
-soit je met un bouton en haut à droite de la codebox permettant d'activer le 'true color'(pas mal le nom wink ) de façon temporaire.
-soit je permet de définir une option dans le profil pour que tout les codes apparraisse en true color.

Je vous laisse débattre, il est clair que je pourrai faire les 2 solution combinés mais pour l'instant j'ai pas mal choses à régler encore wink

Hors ligne


#4 

10-10-2009 16:56:52

tmyke
Administrateur
Date d'inscription: 24-03-2008
Messages: 1025

Merci Nico. Pour ma part, après presque une journée passé sur le nouvel espace, un de mes seul regret est que quand
tu passe sur la page du forum, visuellement rien ne t'indique les sections ou ont été postés des éventuels nouveaux messages.


Force et sagesse...

Hors ligne


#5 

10-10-2009 17:02:28

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

Salut Tmyke, tu n'a pas du remarquer mais un petit rond vert apparait lorsque tu est connecté et qu'il y a des nouveaux messages depuis ta dernière visite, mais peut-être que ce n'est pas assez visible ?
c'est pour l'instant uniquement disponible pour la section forum.

Hors ligne


#6 

10-10-2009 17:37:57

tmyke
Administrateur
Date d'inscription: 24-03-2008
Messages: 1025

hmm  désolé, j'avais pas vue. Donc autant pour moi, c'est cool.

Sinon petit point de détail pas super important ni urgent, serait-il possible d'inverser les media afficher
entre Projet aléatoire et Screenshots de projets utilisants Irrlicht.
C'est le media du haut que l'on voit le plus souvent en premier, et comme dans la partie Projet aléatoire
c'est souvent l'image par défaut que l'on voit, cela serait plus sympa d'avoir es screenshot a ce niveau je
pense, non ?


Force et sagesse...

Hors ligne


#7 

10-10-2009 19:42:36

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

Oui je vais inverser temporairement en attendant que les projets soit illustrés wink

Hors ligne


#8 

10-10-2009 19:56:10

tmyke
Administrateur
Date d'inscription: 24-03-2008
Messages: 1025

T'es un chef smile merci.


Force et sagesse...

Hors ligne


#9 

11-10-2009 16:09:36

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

Magun :

se serais pas possible d'avoire un "affichage" plus classique pour le menu du forum ? une sorte d'option dans les paramêtres personneles


edit: quand tu dit "menu du forum", du parle des icones recherche,listes,règle,login...?

A part ça j'ai rétabli les couleurs initials pour la coloration syntaxique, et vous aurez bientot la possibilité de choisir le mode true color.
Les vidéos de you tube sont maintenant accéptés.

Hors ligne


#10 

11-10-2009 17:02:35

TUpac
Habitué
Date d'inscription: 08-09-2009
Messages: 387
Corrections: 1

Bravo nico ! j'adore wink


"Si vous ne partagez pas votre stabilité avec les pauvres, les pauvres partageront leur instabilité avec vous."

Hors ligne


#11 

11-10-2009 17:20:35

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

Merci 2pac, ça fait plaisir wink

Hors ligne


#12 

11-10-2009 21:54:19

Magun
SleekThink Producer
Lieu: Punakha
Date d'inscription: 18-11-2007
Messages: 910
Corrections: 2
Site web

merci de m'avoir mentionner wink

non je parle de l'accueille du forum, et des icônes gigantesque pour "Discutions générales", "Recrutement" et autre sous catégorie, j'ai du mal a mis repérer d'où une option pour une affichage plus classique ... voire sélectionner la taille des icônes et/ou mentionner les noms des sous-catégorie

actuelle ~128px :

-----------------------------------------------------------------
                               FORUM
-----------------------------------------------------------------
_________              _________             _________
|               |            |               |            |               |
|   NAME    |            |   NAME    |            |   NAME    |
|               |            |               |            |               |
|________ |            |________ |            |________ |

-----------------------------------------------------------------

64px :

-----------------------------------------------------------------
                               FORUM
-----------------------------------------------------------------
____      ____     ____      ____     ____     
|       |   |       |   |       |   |       |   |       |   
|____|   |____|   |____|   |____|   |____|

____      ____     ____      ____     ____     
|       |   |       |   |       |   |       |   |       |   
|____|   |____|   |____|   |____|   |____|

____      ____     ____      ____     ____     
|       |   |       |   |       |   |       |   |       |   
|____|   |____|   |____|   |____|   |____|

____      ____     ____      ____     ____     
|       |   |       |   |       |   |       |   |       |   
|____|   |____|   |____|   |____|   |____|

-----------------------------------------------------------------

64px + texte: ( * si new message )

-----------------------------------------------------------------
                               FORUM
-----------------------------------------------------------------
categorie 1:
-----------------------------------------------------------------
____      ____     ____      ____     ____     
|       |   |       |   |       |   |       |   |       |   
|____|   |____|   |____|   |____|   |____|
name    name     name    name     *name     

____      ____     ____      ____     ____     
|       |   |       |   |       |   |       |   |       |   
|____|   |____|   |____|   |____|   |____|
name    name     name    name     name     

-----------------------------------------------------------------
categorie 2:
-----------------------------------------------------------------

____      ____     ____      ____     ____     
|       |   |       |   |       |   |       |   |       |   
|____|   |____|   |____|   |____|   |____|
name    name     name    name     name     

____      ____     ____      ____     ____     
|       |   |       |   |       |   |       |   |       |   
|____|   |____|   |____|   |____|   |____|
name    name     name    name     name     

-----------------------------------------------------------------

32px et 16px :

-----------------------------------------------------------------
                               FORUM
-----------------------------------------------------------------
_  . _   _    _
|_| |_| |_| |_|<- mousse hoved ~ message box ?
_  . _   _    _
|_| |_| |_| |_|
_  . _   _    _
|_| |_| |_| |_|

-----------------------------------------------------------------

32px ou 16px + texte :

-----------------------------------------------------------------
                               FORUM
-----------------------------------------------------------------
categorie 1:
-----------------------------------------------------------------
_
|_| nom du sous forum
_
|_| nom du sous forum
_
|_| nom du sous forum

-----------------------------------------------------------------
categorie 2:
-----------------------------------------------------------------
_
|_| nom du sous forum
_
|_| nom du sous forum
_
|_| nom du sous forum

-----------------------------------------------------------------

texte seul : ( ou X est une image de couleur unie indican les nouveaux message )

-----------------------------------------------------------------
                               FORUM
-----------------------------------------------------------------
categorie 1:
-----------------------------------------------------------------
X -> nom du sous forum
X -> nom du sous forum
X -> nom du sous forum
-----------------------------------------------------------------
categorie 2:
-----------------------------------------------------------------
X -> nom du sous forum
X -> nom du sous forum
X -> nom du sous forum
-----------------------------------------------------------------

merci de votre écoute, en espérent que ma remarque soit utile;)
ps: desoler pour la presentation il n'y a pas beaucoup de place pour ecrire
ps2: disponible que le weekend ( ou si je puis toucher un pc la l'internat )

Hors ligne


#13 

12-10-2009 01:25:20

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

HO le choc !!yikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikesyikes

Tu n'y est pas allé de main morte wink tu veux carrément que je fasse un systeme d'exploitation là. MDR

Non sérieux l'idée est bonne, mais il faut juste trouver le temps pour faire tout ça et comme je l'ai dit plus haut, je veux bien corriger les choses qui vous embête, avant de retourner sur irrlicht, mais pour l'ajout de fonctionnalités(longues à mettre en place) on verra le mois prochain.
En attendant je veux bien faire un affichage comme avant(en tableau), dit moi si ça te convient ?

Hors ligne


#14 

12-10-2009 10:04:21

Hawk
Membre
Lieu: Wissous
Date d'inscription: 08-11-2008
Messages: 91
Site web

Ah j'avais pas vu cette discussion. Bon du coup, encore bravo à Nico pour son travail !

Juste une toute petite remarque, dans le texte de cet article, j'ai vu une phrase avec quelques fautes d'orthographes :p

"Comme vous avez sans doute remarqué, ces trois nouvelle section on chacunes des fonctionnement différents et également un codage différent. Je compte sur le temp et vos critiques pour déterminer avantages et inconveneants de ces sections"

=> ces trois nouvelles sections ont chacune des fonctionnements
=> Je compte sur le temps
=> inconvénients

Dernière modification par Hawk (12-10-2009 10:04:36)

Hors ligne


#15 

12-10-2009 16:12:44

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

Merci Hawk, c'est vrai qu'il y a un paquet de fautes , n'hésitez pas à me corriger les gars, je suis pas très doué en français wink

Hors ligne


#16 

12-10-2009 20:39:53

tmyke
Administrateur
Date d'inscription: 24-03-2008
Messages: 1025

nico :

tu veux carrément que je fasse un systeme d'exploitation là. MDR



Force et sagesse...

Hors ligne


#17 

12-10-2009 20:50:03

Magun
SleekThink Producer
Lieu: Punakha
Date d'inscription: 18-11-2007
Messages: 910
Corrections: 2
Site web

bon allons y pour le mode tableau ... ses déjà ça :3

Hors ligne


#18 

12-10-2009 20:52:35

Zorian
Correcteur
Date d'inscription: 12-05-2009
Messages: 19
Corrections: 181

Pour les fautes de français, enlève le 2e "l" que tu as mis à développement (partie Tuto).
EDIT : et rajoute un "p" aussi wink

Mais à part ça c'est vraiment un travail super smile

Dernière modification par Zorian (12-10-2009 20:53:44)


Real Programmers Don't Document - If it was hard to write, it should be hard to understand.

Hors ligne


#19 

13-10-2009 01:35:50

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

allons y pour le mode d'affichage "old school" wink

merci Zorian pour les corrections cool

Hors ligne


#20 

13-10-2009 10:51:52

Hawk
Membre
Lieu: Wissous
Date d'inscription: 08-11-2008
Messages: 91
Site web

Tant que j'y suis, j'ai essayé de relever toutes les fautes, pour qu'elles soient corrigées, si ça peut t'aider.


éddifice => édifice

NEWS :
vous aurais => vous aurez

TUTO :
vous devrais => vous devrez
la section souhaité => la section souhaitée
vous apercevrai => vous apercevrez
de nouvelles balises inspirés => de nouvelles balises inspirées
Vous apercevrai => Vous apercevrez
Si une définition est enregistré dans la catégorie 'documentation', vous aurai alors la possibilité de cliqué dessus =>
         Si une définition est enregistréE dans la catégorie 'documentation', vous aurEZ alors la possibilité de cliquER dessus

PROJETS :
ces trois nouvelles sections on chacunes => ces trois nouvelles sections onT chacune (sans s)

BBCODE :
des raison => des raisons
ce qui ne vas pas avec le design => ce qui ne va pas avec le design
des problèmes visuelles => des problèmes visuels

DESIGN :
elle est composé => elle est composée
exeption => exception

A PROPOS :
qui m'on grandement => qui m'ont grandement


Je pense que j'ai fait le tour, j'espère ne pas en avoir oublié.

Dernière modification par Hawk (13-10-2009 10:52:19)

Hors ligne


#21 

13-10-2009 14:15:02

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

Super la correction, ça m'a permis de corriger rapidement wink

Hors ligne


#22 

13-10-2009 19:02:01

tmyke
Administrateur
Date d'inscription: 24-03-2008
Messages: 1025

Merci pour cette option supplémentaire Nico, t'es un chef. (Même si perso je préfère la version  actuelle wink    )


Force et sagesse...

Hors ligne


#23 

14-10-2009 01:03:51

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

ouai c'est cool d'avoir plusieurs modes d'affichage, je regrette de ne pas l'avoir prevu dans l'organisation du code.

Hors ligne


#24 

15-10-2009 15:11:20

nico
Webmaster
Date d'inscription: 07-08-2009
Messages: 563
Corrections: 9

Salut à tous, j'ai eu l'occasion de tester le site sous xp avec ie6 et c'est une véritable catastrophe, la transparence sur les images png n'est pas prise en compte, et j'avais fait plusieurs erreurs de codage qui faisait que le texte était tout minuscule, il fallait un microscope pour lire. Bon maintenant j'ai corriger la plupart des problèmes , nottement grace à un script que j'ai pris sur le net et qui utilise directx pour faire la transparence sur les images, et ouai carrement lol. je viens de me rendre compte que Punbb comporte des bugfix special ie6 et je vais essayer de les utiliser, Donc à tout les utilisateurs d'ie6, tout rentrera dans l'ordre d'ici peu.

Hors ligne


Options Liens officiels Caractéristiques Statistiques Communauté
Corrections
irrlicht
irrklang
irredit
irrxml
xhtml 1.0
css 2.1
Propulsé par FluxBB
Traduit par FluxBB.fr
882 membres
1429 sujets
11119 messages
Dernier membre inscrit: LiseBuisson96
14 invités en ligne
Aucun membre connecté
RSS Feed