Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Es-tu graphiquement optimisé(e) ?
Tout d'abord, il nous faut un design : autrement dit un revêtement graphique,
une beauté unique (donc pas de kits graphiques ni pompages d'autres sites) à votre site. Pour cela, nous allons déjà nous fixer quelques règles afin que le site soit à
la fois beau et agréable à la navigation et ce
pour tout le monde.
Tenez, prenons l'exemple du design du Site du Zér0. Il est à la fois simple, sobre ce qui lui donne un aspect professionnel. Pourtant même si on change la bannière, le design n'est pas adapté, car les couleurs sont pauvres, les icônes sont simplistes, etc. Pourtant un tel design et une structure du code HTML permettent aux moteurs de recherche de bien naviguer sur le site, donc vous aurez de meilleures chances d'obtenir un bon classement au sein de ces derniers.
Maintenant, regardons les sites conçus entièrement en Flash, une technologie d'animation qui rend le site super méga joli avec un design qui la mort qui tue, de
Tfou au
Queen, les exemples sont nombreux. Même avec un design d'une telle beauté, vous allez rencontrer d'énormes difficultés : site extrêmement lent (oui le Flash utilise le processeur au lieu de la carte graphique, donc les PCs lent seront "condamnés") et lourd (bonjour la bande passante consommée), un site mal référencé (les moteurs de recherche sont comme les aveugles : ils ne voient pas les graphismes, donc le Flash est illisible), etc.
Comme le dit un dicton inventé par des férus de l'informatique : "les filles sont optimisées graphiquement (belles quoi), mais pas performantes (au lit) et inversement". Eh bien ce diction s'applique aussi pour un site ! J'entends par là qu'il faudra
prendre les avantages de l'un et de l'autre design afin de trouver le "juste milieu" pour qu'il soit à la fois beau et performant (vis-à-vis de votre hébergeur, des moteurs de recherche, etc.).
Pour concevoir ce design, il vous faut un maniaque de Gimp ou Photoshop afin de vous réaliser vos premières esquisses.
Une belle bannière assez captivante et un corps de page "simple" pour la navigation me semble un bon compromis (en clair, évitez de mettre des effets qui tuent partout sur la page, dans l'entête voire les menus ça suffit amplement). Rien ne vous empêche de faire une bannière en Flash, mais gardez à l'esprit que c'est lourd côté hébergeur et côté visiteur, donc allez-y mollo !
Côté code, il vous faudra maîtriser les styles CSS. Par conséquent,
évitez les designs à base tabulaires, les iframes, et d'autres techniques qui sont maintenant vieilles : votre site se doit d'utiliser les dernières technologies, que vous pouvez retrouver dans le tutoriel sur le
XHTML. Les fichiers CSS ont l'énorme avantage de ne se charger qu'une fois au début de la navigation : votre site sera
très réactif dès qu'on va aller sur une autre page, voyez
. De plus,
les moteurs de recherche ainsi que les personnes invalides ne seront pas mis de côté : même si vous jugez ce public très minoritaire, ils ne peuvent qu'apprécier ce geste civique de votre part et vous encourager à vous développer par la même occasion.
Et à la fois performant(e) ?
Maintenant qu'on a fait le tour de la question concernant le design, on va se pencher sur les objectifs de votre site.
En premier lieu, il faut avoir à l'esprit que
le site doit être accessible et administrable facilement par les membres de la direction de votre association. Eh oui, ce serait pathétique de devoir gérer les inscriptions via PhpMyAdmin, vous ne trouvez pas ?
En second, il est également nécessaire que
l'administration soit la plus aisée possible. Par exemple : on doit
pouvoir imprimer très facilement la liste des inscrits pour une LAN sans passer par Word ou faire des réglages pour virer le graphisme du site, on doit pouvoir ajouter une nouvelle LAN ou des photos
sans ouvrir un logiciel FTP...
Enfin, il faut que
le site soit facile d'entretien pour vous. En effet, il faut que votre code et vos outils soient organisés de telle sorte
à réagir rapidement. Par exemple, il faut que vous ajoutez la possibilité dans le panel admin de surligner les joueurs mineurs ayant besoin d'une autorisation parente : eh bien cela doit se faire en l'espace de 2 minutes (Notepad++ a un module FTP, donc c'est assez pratique). Si vous commencez à ouvrir 5 fichiers PHP juste pour faire une petite condition, là ça ne va plus !
Donc déjà le premier point tout doit pouvoir se faire directement dans le panneau d'administration, il faut que ça soit facile à prendre en main et que les ajouts de fonctionnalités/correction de bugs soient réglés assez rapidement.
Dans cette sous-partie, nous allons voir ce dont on a besoin pour avoir un bon site
.
Les modules nécessaires
Les news
Connaître les nouveautés de votre association, transmettre des informations importantes à propos de la LAN à la veille, publier un futur flyer, un module de gestion des news est clairement nécessaire. Parmi les fonctionnalités, pareil qu'en haut : les news doivent être écrites, éditées, supprimées depuis le panel admin et nul part ailleurs, vous pouvez aussi rajouter un système de catégorie (une pour l'asso, l'une pour votre prochaine LAN, l'une pour les actualités en matière d'informatique, etc.), et un système de commentaire (c'est pas mal de pouvoir commencer un flyer
). La rédaction des news peut reposer sur un système de BBCode ou ZCode afin de faciliter la mise en forme à l'ensemble de vos collègues mais aussi à vos membres sur le forum par exemple.
Les forums
Communiquez entre membres et admins ensemble, cela reste l'un des points fondamentaux de votre site : c'est le rôle des forums. Ceux-ci peuvent être simple (forums, sujets, messages), voire complexes (modération, permissions, anti-flood...). N'oubliez pas que votre forum doit être fonctionnel (pas de bugs) et simple d'utilisation. prévoyez quand même un système de permission si vous codez tout ça vous-même et testez de fond en comble votre système avant l'utilisation en public. Sinon, il existe d'autres forums pré-faits comme
PhpBB ou
SMF par exemple. C'est un gain de temps énorme, surtout si vous devez boucler le site en l'espace d'une semaine si une LAN s'approche à grand pas (pour respecter les délais d'échéance de vos fournisseurs notamment).
Les pages personnalisées
Sur votre site, vous allez avoir des pages qui restent statiques pour afficher par exemple les statuts de votre association, etc. Eh bien, les pages personnalisées sont un module que j'ai crée personnellement et que je vous fait partager (car c'est très pratique) : le but est de concevoir des pages statiques en ZCode directement depuis le panel admin sans passer par le FTP. Enregistrée en base de données ou dans un fichier texte, elles sont pratiques à éditer et permettre un suivi des modifications si le coeur vous en dit
.
Les fiches LAN'Partys
Là aussi, je vous présente l'une de mes fonctionnalités ce sont les fiches LAN'Partys. Concrètement, cela permet d'avoir toutes les informations sur une LAN sans quitter la page (si vous séparez les photos, les commentaires, etc.). Ainsi on retrouve l'ensemble des informations très facilement et des liens vers des ancres permettent de s'y retrouver. Couplées avec un gestionnaire d'upload pour les photos (une galerie quoi), un système de commentaires et un système d'inscription, ce genre de fiches sont très agréables à visiter.
Le gestionnaire d'upload
L'ensemble du staff doit pouvoir uploader, redimensionner les photos et les supprimer sans passer par le FTP. L'idéal est l'upload d'un fichier ZIP regroupant toutes les photos prises et pouf elles sont traitées et affichées sur la fiche de la LAN concernée. C'est pratique, simple et idéal quand on a pas les logiciels pour faire du traitement de masse (redimensionner tout un paquet de photos).
L'intranet (commande des pizzas, etc.)
Lors de votre départ à la LAN, vous prendrez soin de faire une copie de votre site (fichiers sur le FTP et de base de données) afin de pouvoir l'utiliser pour le mettre en "mode intranet". Ainsi vous aurez la possibilité de commander des pizzas via le site. L'avantage c'est que pour vous, vous avez déjà une base de travail : vous avez juste à coder le module, à intégrer les outils dans le panel admin et voila
. Côté joueurs, le site est familier, donc aucune adaptation n'est nécessaire : ils se connectent et commandent de suite
.
Le module inutile
Le livre d'or
En effet, un livre d'or est inutile pour un site de Lan'Party : on est là pour juger vos LANs et pas le site, car ce dernier n'est pas votre activité principale. Ce genre de fonctionnalité est plus un flatteur d'égo pour le webmaster délaissant ainsi le reste du staff et l'activité principale qu'est l'organisation de LANs. Rien ne vous oblige à en mettre un, mais cela reste inutile. Cela ne fera que surcharger le site.
Les avis des participants
Après votre événement, il est intéressant d'obtenir un retour de vos membres, histoire de voir et surtout de
rectifier les points négatifs. Pour cela, vous avez plusieurs moyens d'y parvenir :
- Une note
- Un sondage
- Un commentaire
- ...
Toutefois, le fait d'ajouter une notation à vos LANs ne vous donne pas d'informations suffisantes à trouver les problèmes qui tirent cette note vers le bas. De même pour un sondage : quand on vote "Moyen", bah
rien ne nous indique la source du problème à l'origine d'un tel vote !
Alors la bonne solution est d'obtenir des commentaires,
une réponse personnalisée par chaque membre afin qu'il s'exprime librement (sans être limité par les choix d'un vote). Vous pouvez utiliser un forum, un système de commentaire greffé au sein de la fiche de la LAN ou même le mail si vous souhaitez que les retours soient privés. Toutefois,
il est préférable d'avoir les retours en public justement pour que vos futurs membres voient les avis sur votre organisation. Une
transparence de l'information est toujours la bienvenue et ne peut que vous êtes bénéfique.
Un
mail de masse à l'ensemble de vos participants avec le lien pour donner leur avis est donc la meilleure des solutions.
Ils se sentent ainsi concernés,
acteurs de votre organisation afin de vous perfectionner lors des prochaines sessions. C'est très important de
ne pas couper les ponts avec vos membres après la LAN, donc
mettez régulièrement votre site
à jour pour le faire "vivre",
publiez rapidement
les photos, proposer les inscriptions pour la prochaine LAN afin que vos membres s'organisent de leur côté...
Il va de soi que le site doit être agréable à regarder et facilement navigable, sans cela, vos membres s'en tiennent au strict minimum (autrement dit voir les photos et hop on ferme le navigateur).
Votre site ne doit pas empêcher vos visiteurs de partir après avoir trouvé l'information qu'ils recherchent.
Les avis des organisateurs
Au sein de l'organisation, il est également
important de se critiquer les uns les autres. Alors ça paraît un peu bizarre, mais c'est un bon moyen de redresser vos organisateurs qui sont atteins de flemmardie aiguë
. Alors il est évident que
cette partie doit rester privée, toutefois, il est nécessaire d'utiliser les forums de votre site afin que l'ensemble du staff a accès à votre discussion et la suivre à leur rythme. Ainsi vous pouvez dire par exemple "oui toi tu ne nous as pas aidés pour nettoyer la salle à la fin alors que tu pouvais largement rester", "ouaip bon les mecs faut qu'on s'ouvre aux participants au lieu de rester dans notre coin", etc.
Ce point est très important, car
vous n'aurez pas de retours possibles en provenance des membres, car eux-mêmes
ne sont pas censés être au courant de l'état de votre organisation (eh oui, si vous vous débrouillez mal, c'est votre problème pas le leur). Pour aller plus loin, il serait intéressant d'établir
une synthèse de l'ensemble des difficultés d'organisation que vous avez sur le forum pour la présenter à votre
assemblée générale (rappelez-vous, une fois par an tous les admins se retrouvent pour une réunion). Il est donc important d'avoir de bons outils pour gérer tout ça : si vous codez le forum vous-même par exemple, il est important que les outils de modération marchent comme sur des roulettes afin de faire le ménage en section admin dans un premier temps.
Tutoriels
Communauté
Mon compte
Recherche
Livre d'or
Publicité
Si vous êtes là, c'est que vous en voulez encore 
195 Zéros connectés |
9 requêtes |
0.0492s (0.0341s)
