Adieu Teamspeak ! Longue vie Ă  Discord

VoilĂ , voilĂ , Asmodeous… il est lĂ  ton article !

Nous avons donc abandonnĂ©, jetĂ©, reniĂ© et lapidĂ© notre bien aimĂ© serveur TeamSpeak. Sans Ă©tat d’âme, sans nostalgie, nous l’avons relĂ©guĂ© Ă  l’Ă©tat de dĂ©chet. J’ai mĂŞme eu honte, en le comparant Ă  son remplaçant… pourquoi avons-nous mis autant de temps pour ouvrir les yeux ? Pourquoi est-ce que TeamSpeak n’a jamais su faire tout ça ? Il Ă©tait vraiment temps de changer de crèmerie.

Pas sept, pas huit, pas neuf… mais dix cordes !

OK, la blague est un peu nulle. Passons. M4Mkey nous a donc introduit Ă  Discord, ce nouvel outil tellement tendance. Et putain, c’est vraiment gĂ©nial !

  • DĂ©jĂ , nous n’avons plus Ă  gĂ©rer de serveur de notre cĂ´tĂ©. Correction : je n’ai plus Ă  gĂ©rer le serveur de mon cĂ´tĂ©. C’est un service gratuit accessible Ă  tous.
  • On peut s’y connecter avec notre navigateur web prĂ©fĂ©rĂ©, mĂŞme depuis le boulot.
  • Vous pouvez le lancer au dĂ©marrage de votre ordinateur… en fait, ça remplace facilement TeamSpeak + le chat Steam.
  • Il existe aussi des applications IOS et Android — mais pas Windows Phone *snif*.
  • Les discussions dans les salons #texte sont persistantes. Vous pouvez retourner chopper les infos, liens et pièces jointes que vous avez ratĂ©s lors des conversations prĂ©cĂ©dentes.
  • Et c’est vraiment ergonomique et joli.

Il y a aussi la possibilitĂ© de rajouter un overlay au-dessus des jeux… c’est Ă  tester pour ceux qui n’ont qu’un Ă©cran — moi je n’ai pas ce problème !

Mouahahahahahah !

Enfin, vous l’aurez compris, les possibilitĂ©s sont immenses, nous n’avons fait qu’effleurer la surface et c’est dĂ©jĂ  vraiment impressionnant.

Petit lifting du site

J’en ai profitĂ© pour ajouter au site le widget Discord qui affiche les utilisateurs actuellement prĂ©sents sur le serveur des Casseurs Flotteurs, et quel est leur Ă©tat (actif / absent / indisponible).

Mais la couleur et la police d’Ă©criture de ce widget n’Ă©taient pas en accord avec le reste du site *damn*.

J’ai donc modifiĂ© tout ça pour apporter un peu d’homogĂ©nĂ©itĂ©. J’ai mĂŞme changĂ© l’image de fond, pour un petit paysage bolivien… c’est de saison 🙂

Serveur privé ou public ?

Au final, il nous reste une question Ă  laquelle nous pouvons commencer Ă  rĂ©flĂ©chir dès aujourd’hui : puisque nous avons un beau serveur, que nous pouvons verrouiller les droits Ă  certaines personnes, identifier clairement les LCF des autres… et puisque la philosophie mĂŞme de Discord est de proposer Ă  ses utilisateurs de se promener de serveur en serveur… souhaitons-nous rendre le notre public ?

Nous pourrions mettre une URL sur ce site, qui permettrait Ă  n’importe qui de venir nous rendre visite pour jouer/discuter ponctuellement avec nous. Et au final, en cas de problème avec un de ces invitĂ©s, nous aurions tous la possibilitĂ© de le bannir du serveur.

Ă€ discuter ensemble, donc. J’attends vos avis dans les commentaires ou sur Discord, dans le salon crĂ©Ă© Ă  cet effet : #prive_ou_public

Sauvegarde et sécurité !

SSL for the win

Salut les Casseurs Flotteurs. J’Ă©cris un petit article rapide et pas particulièrement rigolo — mais pas triste non plus —, pour vous informer qu’il y a une petite Ă©volution sur notre site. Vous pouvez dĂ©sormais constater que l’URL de notre site apparaĂ®t en vert, ou avec un petit cadenas vert et Ă©ventuellement les lettres “https” — ça c’est selon le navigateur que vous utilisez. C’est parce que je viens d’activer le chiffrement SSL, afin de garantir un peu plus de sĂ©curitĂ© lorsque vous saisissez vos logins/mots de passe et afin que nous soyons des meilleurs Ă©lèves de l’Internet 🙂

la la la la la, youpi !

Ça n’a mĂŞme pas Ă©tĂ© très compliquĂ©, c’est un processus en 2/3 Ă©tapes assez simples, mais il Ă©tait temps de le faire. Pour info, la sĂ©curitĂ© de la connexion SSL est assurĂ©e par un certificat qui expire pĂ©riodiquement. Mais ce qui est cool, c’est que c’est notre hĂ©bergeur (OVH) qui s’occupe de renouveler ces certificats avant qu’ils n’atteignent la date fatidique. On est donc tranquilles !

Sauvegardes automatiques et périodiques

Deuxième chose, plus ou moins dans la mĂŞme veine, j’ai activĂ© une nouvelle extension qui va effectuer tous les mois une sauvegarde complète du site, sa structure, la base de donnĂ©es, les thèmes, les images et tout le bordel. Comme ça, en cas de galère, on pourra toujours restaurer au mois prĂ©cĂ©dent — voire au mois encore avant, puisque l’on garde deux sets de sauvegardes.

C’est assez classe, ça marche bien et encore une fois ça se gère tout seul.

J’m’en fous, moi aussi je sais faire :p

Faut-il optimiser le site ?

Depuis que nous utilisons WordPress pour le site des Casseurs Flotteurs, l’ergonomie est beaucoup plus sympa, c’est plus agrĂ©able de lire et d’Ă©crire des articles. Et ce n’est pas Nihi qui dira le contraire, avec son article super intĂ©ressant en cours d’Ă©criture depuis quelques temps… ! *Nihi, termine donc cet article, s’te plait !*

Mais je viens de tester un truc que m’a suggĂ©rĂ© Google : un test de performances du site, disponible ici : http://testmysite.withgoogle.com/

Concernant l’ergonomie mobile, lĂ  oĂą prĂ©cĂ©demment nous aurions eu un score extrĂŞmement bas, nous avons dĂ©sormais un correct 89/100. C’est pas dingue — youporn.com obtient 99/100 ! — mais c’est dĂ©jĂ  bien.

En revanche c’est Ă©vident qu’on a des “problèmes” plus urgents Ă  rĂ©gler. Alors Ă  part pour Asmodeous qui a une connexion Internet de type 56kbps et pour qui, mĂŞme une page blanche met du temps Ă  s’afficher. Et Ă  part Saigneur qui lui est en FTTH et pour qui le contenu complet d’Internet se charge plus vite que la page blanche d’Asmo, y’en a-t-il parmi vous qui constatent des problèmes de performance ?

Parce que comment dire, les axes d’amĂ©lioration suggĂ©rĂ©s par google ne sont pas si Ă©vidents que ça Ă  mettre en oeuvre, sur un site que l’on ne dĂ©veloppe pas soi-mĂŞme :

Quelques heures plus tard…

Je viens de passer un peu de temps Ă  installer et configurer des extensions d’optimisation du javascript, du code, du cache, des images et tout le le bazar. J’ai gagné quelques points dans le test de Google ! *yay*

J’ai aussi fait un autre test de performance, beaucoup plus dĂ©taillĂ© — je vous ferai grâce de ces dĂ©tails nĂ©anmoins. Il s’agit de https://gtmetrix.com et il ne m’indique pas exactement les mĂŞmes points noirs que Google. Il n’est pas aussi dur notamment, sur la vitesse de chargement de la page.

Il faut aussi pondĂ©rer ces rĂ©sultats en prenant en compte que ces fantastiques sites de test de performances sont hĂ©bergĂ©s aux USA ou au Canada alors que les Casseurs Flotteurs sont hĂ©bergĂ©s sur un truc sĂ©rieux, oui, mais en France. Donc ça peut ajouter une certaine latence et baisser artificiellement la performance du site lorsque la mesure est effectuĂ©e depuis l’autre cĂ´tĂ© de l’Atlantique.

Je vais quand mĂŞme essayer de voir ce que je peux faire de plus. Ça pourra sans doute me servir pour d’autres sites — www.stephanebehr.fr, au hazard. Mais si vous avez des commentaires ou avis sur la performance globale du nouveau site versus l’ancien site, je suis intĂ©ressĂ©.

Comment publier un article ?

Vous autres, Casseurs Flotteurs, avez la possibilitĂ© de publier des articles sur ce site. Pour partager vos dĂ©couvertes ou ouvrir un dĂ©bat politique… Non, en fait, pas de dĂ©bat politique, par pitiĂ© !

Mais allez-y, parlez de jeux, films, sĂ©ries… L’Ă©diteur est relativement simple Ă  utiliser.

Il y a quelques règles à respecter, néanmoins :

  • Vos sous-titres, si vous en avez, doivent ĂŞtre au format “Titre 3”.

howto_titre3

  • Vos articles doivent ĂŞtre accompagnĂ©s d’une image d’en-tĂŞte (“image Ă  la une”). Si possible, de dimension 825 pixels par 510 pixels. Si vous prenez trop petit, ça va “baver” en Ă©tant Ă©tirĂ©. Et donc ce sera moche. Si vous prenez un ratio trop horizontal ou trop vertical, votre image sera coupĂ©e et vous perdrez peut-ĂŞtre des Ă©lĂ©ments importants. Quoi qu’il en soit, l’aperçu dans le cadre “Image Ă  la Une” vous montrera comment sera rognĂ©e l’image.

howto_header

  • Utilisez les options de l’Ă©diteur, pour faire des listes, citations, liens, etc. Évitez d’Ă©crire de toutes les couleurs, mais utilisez du gras si vous avez besoin de mettre une partie de phrase en valeur.
  • Classez vos articles dans une ou plusieurs catĂ©gories, et placez Ă©galement deux ou trois Ă©tiquettes. Regardez comment sont gaulĂ©s les autres articles, pour vous inspirer.

howto_cat_tags

  • Essayez Ă©galement d’agrĂ©menter vos articles de 2-3 photos, c’est toujours plus sympa qu’un long bloc de texte.

howto_pictures

Si vous le souhaitez, plutĂ´t que de le publier directement, faites juste “enregistrer le brouillon”, afin que je puisse repasser dessus, corriger les fautes (j’ai un très bon logiciel pour ça… 10000 fois mieux que l’outil intĂ©grĂ© Ă  Word) et vĂ©rifier la mise en forme globale.

howto_savedraft

Et c’est Ă  peu près tout. C’est vachement plus Ă©laborĂ© que ce qu’on avait sur notre site prĂ©cĂ©dent, mais justement, ça permet de faire du contenu un peu plus joli et plus intĂ©ressant Ă©galement. Si ça vous dit, bien entendu !

Le site des LCF Ă©volue

Et il Ă©volue drĂ´lement !

Il y a plusieurs raisons pour cela. La première, celle qui a Ă©tĂ© le dĂ©clencheur de cette refonte violente et inattendue, c’est que j’ai envie de migrer mes diffĂ©rents hĂ©bergements OVH sur du PHP 7. Et parmi les sites que j’hĂ©berge, il y en a quelques-uns qui ne sont pas compatibles.

Bouhouu, McCain, développeur de merde !
Bouhouu, McCain, développeur de merde !

Et puisque je n’ai plus le temps ni l’envie de bricoler tous mes sites pour qu’ils fonctionnent en PHP 7 (pour certains, il va bien falloir que je le fasse quand mĂŞme), j’ai dĂ©cidĂ©, pour le site des LCF au moins, de faire un truc tout beau, tout neuf, en partant d’un CMS qui a largement prouvĂ© sa robustesse : WordPress.

http://www.numerama.com/tech/130112-25-des-sites-web-tournent-desormais-sur-wordpress.html

Bienvenue, donc, sur le nouveau site des Casseurs Flotteurs !!

fireworks

Les avantages et inconvénients à avoir migré sur un CMS (Content Management System) tel que WordPress sont les suivants :

Avantages :

  • Moins de dĂ©veloppement. Tout au plus, j’ai de la configuration Ă  faire et un peu de customisation de CSS. Mais rien de bien fou.
  • Je peux me familiariser avec un truc que je vais utiliser davantage, ces prochains mois, pour tout ce qui va ĂŞtre liĂ© Ă  mon activitĂ© d’auteur et la promotion de mon(mes) Ĺ“uvre(s).
  • Le rendu final est sans doute plus convivial pour tout le monde, et il est « responsive design », pour ceux qui veulent consulter le site depuis leurs smartphones, tablettes, ou je ne sais quoi d’autre.

Inconvénients :

  • On perd tous nos anciens messages, commentaires, liens sympas, bref, tout le contenu du site depuis avril 2010.

Alors, c’est parti. Tout le monde dans vos bolides, fusils automatiques Ă  l’Ă©paule, objets enchantĂ©s Ă  portĂ©e de main. Continuons, comme nous l’avons fait jusqu’ici, Ă  surfer sur l’univers vidĂ©oludique, sans frontières, sans a priori, et Ă  nous amuser comme les enfants que nous resterons toujours !

children-around-the-world-70