|
Détail de l'actualité :
Postée le : Samedi 12 Avril 2008 à 01:52
Par :
Activé le : Samedi 12 Avril 2008 à 01:57
Par :
Catégorie :
VERSION 6 DE SWG1 !!
Oui Oui, vous êtes bien sur SWG1 
Bon, daccord, ça a quelque peu changé depuis tout à l'heure 
Eh oui, après deux années sous les couleurs de la version 5 SWG1 change de visage, change de technique et passe en version 6.
Coté graphique :
Il y a de ça un an, j'avais décidé de retoucher la charte graphique de SWG1. Les travaux sur les autres sections se sont placés devant et j'ai du attendre de tous les finir pour pouvoir enfin me mettre à cette nouvelle version du site.
J'avais envie d'un site au graphisme plus poussé tout en étant techniquement plus puissant. J'ai passé pas mal de temps à faire des recherches sur internet dans le but d'avoir des idées en voyant ce que d'autres sites (du même genre ou non) avaient fait. Je me suis beaucoup inspiré des sites américains de jeux vidéos et des sites portails. Je voulais qu'on s'y retrouve facilement sur SWG1, que d'un seul coup d'oeil on sache sur qu'elle section on se trouve en personnalisant la charte graphique pour chaque section et en repérant la section sélectionnée dans le menu.
J'ai fais aussi un bon dans le passé  J'ai parcouru toutes les chartes graphiques que SWG1 avait traversé et j'ai récupéré quelques petits éléments graphiques ainsi que quelques méthodes d'agencement que j'avais mis en place dans les versions précédentes (comme le jaune "star wars" de la version 1, les coins de tableaux coupés en biseau de la version 4, le mélangé angles droits / arrondis de la version 2, l'agencement en "cellules" de la version 5 etc ...). Dailleurs, pour une fois, je suis parti "dans l'autre sens" qu'a l'habitude. Avant, j'avais tendance à m'occuper du design commun à toutes les pages du site puis je m'attelais à fabriquer le design de la page d'accueil. Cette fois, j'ai commencé par la page d'accueil, j'ai monté tous les éléments redondants à toutes les pages en la dessinant puis j'ai appliqués ces éléments en dessinant les autres pages. Ca peut paraitre anodin mais la méthode est complètement différente et le rendu s'en ressent d'autant plus.
L'autre grosse évolution se passe du coté du forum. Son gros défaut était d'avoir une charte graphique totalement différente de la charte graphique du site. Ca portait à confusion et bon nombre d'entre vous considéraient SWG1 soit comme un forum soit comme un site, mais rarement comme un tout. Or c'est le cas . La charte graphique du forum a donc été entièrement redessinée de façon à ce qu'elle s'assemble entièrement avec le site.
Autre nouveauté coté graphisme : l'arrivée du diaporama en flash sur la page d'accueil de SWG1 !!
C'est une autre chose que j'ai beaucoup vu sur les sites de jeux vidéos et qui m'a toujours plu. Le fait que je me sois fait embaucher en tant que développeur Flash a renforcé cette idée et m'a donné les moyens de le faire
Ce diaporama contient les illustrations des actualités du moment ou de ce que SWG1 veux mettre en avant, son contenu changera donc au fur et à mesure du temps.
Ergonomie :
L'ergonomie du site a aussi été entièrement revue. J'ai toujours attaché une grande importance à ce que SWG1 puisse être accessible à tous. Tim BERNERS-LEE, l'inventeur du World Wide Web a dit :
« La richesse d'internet réside dans son universalité. Il est essentiel que chacun, handicapé ou non, puisse y avoir accès. ».
J'essaye donc à mon échelle de soutenir cette façon de penser. Dailleurs, depuis la version 4.5 je met un point d'honneur à toujours développer de façon à ce que tout le monde puisse accéder au site. Cette fois par contre, c'est un peu plus poussé
Vous remarquerez que tout en haut de chaque page figure 4 liens :
- Règles d'accessibilité
- Menu Principal
- Menu secondaire
- Contenu
La page "Règles d'accessibilité" qui fait son apparition ici liste toutes les astuces et règles d'accessibilité définies sur SWG1 pour les handicapés (accesskey, liens d'évitement etc ...)
"Menu Principal", "Menu secondaire" et "Contenu" sont des liens d'évitement. Pour des personnes ne se servant pas de la souris pour naviguer, il suffit de se déplacer avec la touche "Tab" de votre clavier et d'appuyer sur "Entrée" sur l'un de ces trois liens pour que vous puissiez accéder directement au contenu souhaité.
La couleur bleu / gris qui sert de support au textes des contenus de page a elle été choisie de façon à ce qu'elle ne fasse pas mal aux yeux si on reste longtemps à lire (et sur SWG1, de la lecture, il y en ).
J'ai du par contre, retirer le menu dynamique qui était présent sur toutes les pages du site. Ce dernier posait des problèmes justement pour l'accessibilité du site mais aussi, plus généralement, pour l'évolution du site. Certaines sections notamment l'encyclopédie avaient une partie du menu bien trop grande ce qui commençait à poser des problèmes pour les utilisateurs munies de petites résolutions d'écrans. Un système de menus et de sous-menus à été mis en place pour le remplacer. Petite particularité : comme je vous le disais plus haut, quand on se trouve sur une section, celle-ci à son lien repéré (il est d'une autre couleur), idem pour la sous-section.
J'ai aussi pensé aux utilisateurs ayant une petite résolution d'écran dans la répartition du contenu sur les différentes pages du site. Le contenu principal du site est placé sur la gauche et ne dépasse pas 600 pixels de large. En d'autre termes, quelqu'un muni d'un écran en 800 x 600 peut lire le contenu des pages du site sans avoir à déplacer la barre de navigation horizontale de son navigateur.
Coté technique et innovations :
Une question qui va me revenir souvent si je n'y répond pas est : Pourquoi "Version 6"?
En fait, il y a encore deux semaines, ce n'était pas son nom. J'ai commencé à la développer en l'appelant "version 5.1.1" car au début je ne devais toucher qu'a la charte graphique du site, du forum et à tous les fichiers qui s'y rapportait (ce qui fait déjà pas mal de travail).
Oui mais voilà, j'ai aussi voulu pouvoir identifier chaque page indépendamment pour que le menu puisse "allumer" la partie correspondant à la section de la page.
Et pour faire ça quand c'est pas prévu, il n'y a pas 36 solutions, il faut repasser sur le code de toutes les pages du site et c'est ce que j'ai fais et en faisant ça, la version 5.1.1 est devenue la version 6.0.1 car je ne touchais plus uniquement aux fichiers dit "critiques" mais à l'ensemble du site. Pour plus d'explications sur les versions et sous-versions je vous laisse consulter la page de présentation de la version 5 qui explique tout en détail :
Dailleurs, personne n'était au courant (enfin si, une seule personne qui a su poser la bonne question ^^), même pour le staff je travaillais sur la version 5.1. C'est la petite surprise que je leur réservais
Techniquement parlant, SWG1 a fait aussi un bon en avant. La version 5 était très bien et me permettait de faire évoluer le site très facilement avec ses bases solides. Elle était très bien, très puissante mais seul problème : elle était très lourde à éxécuter pour le serveur. Il faut savoir que pour qu'une page de SWG1 s'affiche sous vos yeux le serveur utilise plusieurs fichiers, les assemble et génère la page que vous pouvez voir. Le problème de la version 5 c'est qu'il y a avait beaucoup de fichiers ... beaucoup trop même et ça avait pour répercutions de faire beaucoup travailler le serveur et donc prenait du temp à charger la page (et plus il y avait de monde sur le site, plus les pages étaient longues à charger pour tout le monde).
La version 6 n'utilise que 10% du nombre de fichiers qu'utilisait la version 5. Et ces fichiers sont développés de façon à ce que le serveur les éxécute plus rapidement. Donc malgré le fait que la charte graphique du site soit plus lourde physiquement, les pages sont plus rapides à charger
La technique de code permettant à créer les pages a elle aussi été entièrement changée. Auparavant, le site était constitué d'un mélange obscure entre le html4 et le xhtml 1 transitionnel.
J'ai décidé de passer le site en xhtml1 strict. Une autre particularité du langage html, plus "stricte" donc plus difficile à coder mais ayant pour avantage d'être beaucoup mieux comprise par les navigateurs ce qui accélère encore le chargement des pages. Dailleurs, pour info, toutes les chartes graphiques que j'ai monté sont valide xhtml1.0 strict par le W3C. Derrière ce terme barbare se cache tout simplement la phrase "votre patron a bien fait son boulot dans le plus restrictif des langages"  . Les chartes graphiques sont validées, la page d'accueil est valide, je vais donc pouvoir m'attaque au contenu de chacune d'entre elle (car le contenu influe sur la validation).
L'avantage d'utiliser ce langage malgré toutes ses contraintes techniques réside dans le fait que le contenu s'affiche de la même façon sur tous les navigateurs étant en accord avec le W3C (autrement dis tous). SWG1 est donc compatible sur tous les navigateurs et sur tous les supports (ce qui n'était pas forcément le cas avant).
L'autre avantage s'appelle CSS. C'est encore un langage (oui oui, encore un ^^) qui permet d'habiller les pages internet.
J'ai crée un seul fichier contenant toutes les configurations d'affichage du site et du forum. Autrement dit, vous affichez une seule page du site ou du forum et vous avez déjà tous les paramètres d'affichage de tout SWG1! L'autre avantage du CSS est que les images de fonds, une fois chargées sont beaucoup mieux conservées dans le cache de votre navigateur (surtout sur les navigateur du style Firefox ou Opera) ce qui accélère encore l'affichage des pages du site une fois dès que vous avez commencé à naviguer dessus la première fois !!
Je pourrai encore vous compter des dizaines et des dizaines de changements et nouveautés qui composent cette version 6 (comme l'apparition de la FAQ ou la politique d'icones qui a été mise en place) mais le plus simple est de vous laisser redécouvrir SWG1 avec sa version 6 : le plus gros changement que SWG1 ait subit de toute son histoire !!
J'espère très sincèrement que ça vous plait 
Les commentaires des internautes :
|
|
Le 2008/04/12 02:33 :
youplaboum c'est superbe !
|
Slakk
[visiteur]
|
Le 2008/04/12 03:10 :
Eh bien c'est un travail magnifique!
C'est beaucoup plus moderne à voir.
Sincères félicitations!
|
vador28100
[visiteur]
|
Le 2008/04/12 09:19 :
la vache des que j'ai ouvert ma page je me suis dis "p....n la vache ces super bien comme sa" merci pour nous ces du très beau travaille
|
|
|
Le 2008/04/12 09:25 :
Elle est super cette nouvelle version moi je suis arrivé je me suis dit " ouah je suis sur quel site ? " et puis j'ai conmpris que c'était swg1 ! Elle est super bravo master !
|
Anywan
[visiteur]
|
Le 2008/04/12 11:57 :
ça fait vraiment site de pro, plus graphique, mieux agencé...
Félicitations à toute l'équipe, c'est splendide !
|
Pakpekatt
[visiteur]
|
Le 2008/04/12 12:30 :
Superbe, y a pas d'autres mots.
|
|
|
Le 2008/04/12 13:11 :
magnifique travail. Superbe à tout point de vue, bravo DDJ. 
|
|
|
Le 2008/04/12 13:13 :
ouah, j'en reviens pas comment c'est beau! vraiment génial ce que tu as fait Denis!! Merci!!!
|
Dark Anar
[visiteur]
|
Le 2008/04/12 17:29 :
Super! Quel ''Sith''!... Ah Ah! elle est bien bonne celle là tiens!
|
|
|
Le 2008/04/12 19:34 :
p.... je m'absente un tout p'tit peu et patatra on me chamboulle tout!!!  superbe.. tres pro. felicitations denis
|
nekro
[visiteur]
|
Le 2008/04/13 10:54 :
très beau travail, félicitations!!
|
Un anonyme
[visiteur]
|
Le 2008/04/13 13:38 :
Eh ben j'ai l'impression de ne plus etre sur le meme site :S
|
alexlx7
[visiteur]
|
Le 2008/04/13 14:39 :
hehe un revenant ^^ gg a toi master 
|
|
|
Le 2008/04/13 20:34 :
oh alex, ça fait longtemps que je ne t'ai vu! Ca fait plaisir de te lire à nouveau !
Merci à tous pour vos commentaires, ça me fait très plaisir de voir que mon travail a été apprécié.
|
aden fed
[visiteur]
|
Le 2008/04/13 21:51 :
trés trés beau travail félicitation c'est super joli et trés bien fait
|
Tez kaan
[visiteur]
|
Le 2008/04/13 21:53 :
Je passe en coup de vent (et un peu en retard) pour te féliciter, c'est vraiment très beau, ça change beaucoup! Va me falloir un petit temps d'adaptation je trouve que ça ressemble un peu à starwars.com comme ça, c'est cool! ça fait pro!
|
Scorps
[visiteur]
|
Le 2008/04/14 13:57 :
OMG ça pète ce nouveau design, je viens d'être agréablement surpris en arrivant sur le site ^^'
|
The Venger
[visiteur]
|
Le 2008/04/14 18:30 :
C'est beau... mais c'est pas un petit peu pompé sur scifi-universe.com ?
|
jos vondar
[visiteur]
|
Le 2008/04/14 20:24 :
c vraiment beau bravo
|
|
|
Le 2008/04/14 20:45 :
The Venger > ah non pas du tout
Autant jai pu m'inspirer d'eux pour le haut de page (l'emplacement du logo et de la pub quoi) autant tout le reste est reprit sur les sites de jeux vidéos (gamespot, ign et gamekult pour ne citer qu'eux)
Dailleurs, sur SFU, ils affichent moins d'élément redondants à l'intérieur de leur pages de contenu (le contenu d'une actu par exemple).
Mais SFU est un site que j'apprécie et que je trouve remarquable quand même, je tiens à le préciser
|
Révans 135
[visiteur]
|
Le 2008/04/16 18:06 :
Ca m'a fait bizarre parce que ça fesait 5 jours que je n'était pas venu (désolé). Elle est superbe cette version.
|
Benson800
[visiteur]
|
Le 2008/04/22 10:02 :
Félicitations pour cette nouvelle version !
|
Rédigez votre commentaire :
(Si vous avez une question, pensez à venir la poser sur le forum plutôt que sur les commentaires)
Les dernières actualités :
12/05/2008, 14:30 :
Ce soir sur M6 : La dernière Croisade
11/05/2008, 23:12 :
[Indy] J-10...La date de l'avant-première Cannoise
11/05/2008, 21:16 :
[Série Live] Devinez qui vient nous voir...peut-être
11/05/2008, 17:07 :
Découvrez la vie secrète des Stormtroopers !
11/05/2008, 16:51 :
[Clone Wars] Un roman écrit par Karen Traviss ?
11/05/2008, 15:04 :
Interview de Samuel L. Jackson par Allociné
10/05/2008, 21:23 :
Un concert 100% John Williams à Bruxelles
10/05/2008, 20:56 :
Quelle scène aimeriez-vous voir en set LEGO ?
10/05/2008, 20:18 :
[Dark Horse] Luke Skywalker, Last Hope for the Galaxy
10/05/2008, 19:59 :
Natalie Portman rejoint Hurlevent (ou pas)
10/05/2008, 12:20 :
[Clone Wars] Le nouveau trailer...en HD !
10/05/2008, 00:53 :
StarWars.com se met aux couleurs de Clone Wars
Sommaire de la section :
Flux RSS général SWG1 :
|
|
![[1] Star Wars Generation 1](../template/12/img/blank.gif)
