logo MamytwinkRéseau Mamytwink logo MamytwinkMamytwink.com logo Hearthstone-DecksHearthstone-Decks.com logo Overwatch WorldOverwatch-World.com
62

Bienvenue sur la nouvelle version de Mamytwink

Lundi 28 nov. 2016 à 16h32, par

bienvenue sur la nouvelle version de mamytwink.com

Fin 2015, Zecharia et moi avons pris la grande décision de refaire entièrement Mamytwink.com. En effet, le site date d'octobre 2009 et a grandement évolué en 7 ans. D'un simple blog de fan de World of Warcraft, il a grandi petit à petit jusqu'à devenir un des sites de référence sur l'actualité et les guides de World of Warcraft.

Ainsi, Mamytwink.com n'avait pas été pensé et développé à la base pour accueillir des dizaines de milliers de visiteurs au quotidien. La technologie qui faisait tourner le site depuis plus de 7 ans était vieillissante et inadaptée aux projets que nous avions.

De plus, l'apparence du site n'avait plus changé depuis de nombreuses années et les outils offerts aux rédacteurs n'étaient plus suffisants. C'est ainsi que nous avons décidé de nous lancer dans une refonte totale du site. Retrouvez tous les changements, ainsi que nos commentaires ci-dessous.

Refonte de Mamytwink : le défi technologique

Lorsque j'ai créé Mamytwink.com, j'avais 19 ans. J'étais alors un novice en matière de développement et j'ai décidé d'utiliser Wordpress. Il s'agit du CMS, un logiciel d'édition et de gestion de contenu, le plus répandu dans le monde. C'est ainsi qu'est né Mamytwink.

Au fil des années, le site et l'équipe se sont agrandis, passant d'un petit blog de joueur à l'un des plus grands sites d'actualité de World of Warcraft en France. Alors que nous avions de plus en plus de projets, la technologie faisant fonctionner Mamytwink.com était la même qu'en 2009. Limités par Wordpress, Zecharia et moi ne pouvions développer les fonctionnalités dont nous rêvions. En effet, lorsque nous avons créé Hearthstone-Decks en 2013, nous avons utilisé une toute nouvelle technologie de développement. Cette dernière nous a permis de mettre en place des outils communautaires puissants. Ainsi, il nous semblait indispensable de passer Mamytwink.com sous cette technologie.

Moi, à mes débuts en développement web

Moi, à mes débuts en développement web

Le défi était néanmoins de taille. Il fallait reconstruire une toute nouvelle version de Mamytwink.com de A à Z, sans pour autant perdre le contenu. Passer de Wordpress à notre nouvelle technologie était un projet unique et titanesque. Ainsi, il nous a fallu passer en revue plus de 5 000 articles et surtout développer l'architecture qui permettait de les accueillir.

De février à fin novembre 2016, Zecharia et moi avons passé des milliers d'heures à développer des algorithmes, créer le design et vérifier la compatibilité de nos deux architectures. Le tout dans l'ombre. Nous sommes très fiers d'être parvenus à mener à bien ce projet qui ouvre une nouvelle page dans l'histoire de Mamytwink.

Zecharia et moi, dans nos bureaux où nous développons nos sites

Zecharia et moi, dans nos bureaux où nous développons nos sites

Les nouveautés

La nouveauté principale de ce nouveau site est invisible, mais pourtant indispensable. Il s'agit de la nouvelle technologie qui fait fonctionner le site. Nous avons en quelque sorte changé le moteur de Mamytwink. Il s'agit de la face cachée de l'iceberg, celle que vous ne verrez jamais.

Découvrez les nouveautés et changements visibles :

  • Nouveau design : Mamytwink dispose d'un nouveau design. Plus clair, plus simple et moderne, il apporte un petit vent de fraîcheur au site. Le logo historique laisse place à la nouvelle typographie de Mamytwink.
  • Nouveau système de navigation : le menu du site suit désormais votre navigation et vous permet plus simplement d'accéder aux différentes rubriques du site. Il sera prochainement amélioré en intégrant des sous-menus.
  • Page d'accueil : la page d'accueil est désormais plus grande. Elle propose 10 articles.
  • Sections : le site va petit à petit accueillir des sections. La première d'entre elles se nomme Mamy et Zecha et vous permet de retrouver en un clique tous les articles liés à Zecharia et moi. L'objectif est de créer un lien entre le travail que nous produisons sur YouTube et notre site. À terme, toutes nos vidéos seront également publiées sur Mamytwink.com et si nous souhaitons partager un avis au sujet d'une thématique, nous pourrons publier un article dans cette section.
  • Recherche : la fonction de recherche du site est désormais beaucoup plus puissante que l'ancienne. Nous avons mis en place notre propre algorithme de recherche. Elle vous permet de retrouver des actualités, montures, guides ou encore messages du forum.
  • Articles sur le même sujet : désormais, à la fin d'un article, un algorithme développé par nos soins vous propose de consulter d'autres articles sur le même sujet.
  • Temps de chargement : le temps de chargement du site a été nettement amélioré à l'aide de notre nouvelle technologie. Les pages du site devraient être beaucoup plus rapides à charger qu'auparavant.
  • Publicité : nous avons légèrement modifié la disposition des espaces publicitaires sur le site. La bannière publicitaire figurait au milieu du site a été remontée en haut. Pour plus d'informations sur notre politique de publicités, n'hésitez pas à consulter notre charte sur la publicité.

Nouveautés et changements à venir

Ceci n'est que le début des changements. L'objectif principal de notre projet de refonte du site était de changer la technologie de Mamytwink.com. A présent, nous allons pouvoir envisager de développer de nouvelles fonctionnalités. Voici un aperçu des fonctionnalités qui arriveront très prochainement et celles que nous développerons dans les mois à venir :

Changements à venir très prochainement

  • Forum : version mobile, derniers sujets et sujets populaires, envoie de messages privés.
  • Montures : page de recherche de montures et version mobile.
  • Pages : pages d'équipe.

Nouveautés à venir dans les prochains mois

  • Base de données : montures, mascottes, titres, hauts-faits, etc.
  • Liaison Battle.net avec le site : synchronisez votre compte Battle.net afin de pouvoir mieux interagir avec notre site (par exemple : liste des montures qui vous manquent).
  • Outils pratiques outil de vérification du méta-haut-fait de vol sur les Îles brisées, événements à venir dans WoW, etc.

Pour finir, la refonte de Mamytwink pose les bases d'un projet encore plus ambitieux : réunir tous les sites du réseau Mamytwink (Hearthstone-Decks, Overwatch-World, Heroes-Strategie) sous une seule et même bannière. À terme, notre objectif est que vous n'ayez plus qu'à aller sur un seul site afin de consulter l'actualité des jeux Blizzard et que vous n'ayez qu'un seul compte Mamytwink.

Suggestions et bugs

Malgré toutes les précautions apportées (merci à Melody, Arimatras et Olos pour leur aide fournie dans la vérification des articles) au déploiement de la nouvelle version de Mamytwink, il n'est pas exclu que certains bugs soient encore présents. N'hésitez pas à nous faire part de vos retours dans les commentaires de cet article ou sur la section Suggestions et bugs du forum.

Avatar de Mamytwink

À propos de l'auteur : Mamytwink

Contacter

Mamytwink est le fondateur et webmaster de Mamytwink.com. Depuis octobre 2009, il s'occupe du développement du site et en est également le rédacteur en chef. Il s'assure de la bonne couverture de l'actualité d'Azeroth au quotidien.

Retour aux news

Commentaires (62)

Tous les commentaires Top commentaires

missyla
  • 2 messages

+
+0
felicitation site clair trés bon travail
ChRiiS
  • 1 message

+
+2
Je n'ai aucune idée de la techno côté serveur (content que ça reste du php), mais c'est assez rigolo de regarder la génération côté front.
Sans être péjoratif on sent bien le côté "artisan/fait à la maison" : la feuille de style au nom de zecha, le nom des fonction du JS, le canRunAds, etc :)
Mais c'est cool, ça fait humain je trouve, d’ailleurs ça mériterait même un petit humans.txt (http://humanstxt.org/fr) :)
Sinon quelques remarques (j'ai juste trainé sur la home 5 minutes, si j'ai du temps je compléterais le post) :
- Je ne sais pas si c'est mes yeux, mais lors de la confirmation de la création d'un nouveau compte, le paragraphe qui a la class success est assez compliqué à lire : success amène une couleur à #99aa0b alors que ses parents ont un background-color à #d2c5b5 puis rgba(0, 0, 0, 0.07) et pourtant je suis dev et pas artiste :D
- Aussi, pensez à virer les console.log sur la prod, si un navigateur (mobile ?) n'a pas d'objet console, ça risque de faire planter l’exécution du JS.
- Sur le bandeau du haut, la dernière div focus récupère un style en dur (pour virer le margin à droite), mais il manque un espace entre la fin du onclick et le style, si le moteur de rendu du navigateur est permissif ça passe, sinon fail ! :)
- Et pareil, sur les div focus_guide certains ont une class well en plus, des fois la classe est bien mise, mais dans d'autres cas il y a un second attribut class (genre bien : class="focus_guides well" | pas bien : class="focus_guides" class="well")

Bref beau boulot les gars, continuez comme ça :)

PS : Et du coup côté back (je n'ai rien réussi a identifier, bravo !), c'est un truc maison ou un CMS connu ? (je comprendrais s'il n'y a jamais de réponse à cette question :D)
Mamytwink
  • 4968 messages

+
+1
Hello,

merci pour ton retour ! Effectivement, c'est du fait maison, on développe tout de A à Z avec Zecha.

- Je vais voir pour la couleur, merci !
- Tous les console.log ont été retirés.
- Cela a été corrigé pour le focus
- C'est aussi corrigé pour la sidebar !

On a utilisé Symfony comme techno ;)

Mamy
Ykazim
  • 1262 messages

+
+0
Excellent! J'aime le menu qui nous suit quand on scroll, et pour...
"À terme, notre objectif est [...] que vous n'ayez qu'un seul compte Mamytwink."
J'ai versé une petite larme, j'ai hâte !
+
+0
A la place de WordPress, vous avez utilisé quelle technologie/framework ?

Edit: c'est bon je viens de lire le post juste en-dessus ;-)
Stokolm
  • 716 messages

+
+0
Wah !
Joànn
  • 1 message

+
+0
Bravo à vous pour le travail ! très chouette !! !!
Fermed
  • 532 messages

+
+0
Pour ma part je préférais largement l'ancienne version ^^
Chacun ses goûts ! De toute façon cette version reste très bonne ;)

Par contre je dois reconnaître que j'ai eu une énorme érection quand j'ai vu le bouton "Editer" x)
Oxydur
  • 15 messages

+
+0
Ce que j'aime le plus sur tout votre travail, c'est que l'on sent le plaisir que vous prenez à faire tout ça.
Vous nous remerciez de vous suivre, mais c'est nous qui vous remercions car vous nous donnez l'envie de vous suivre :)

PS : j'aimais bien le logo, ça donnait un coté geek reconnaissable partout. Une masterisation possible?
Shadowcry
  • 833 messages

+
+0
J'avoue que cette nouvelle version n'est pas celle que je préfère mais bon c'est un avis personnelle et la grande majorité des utilisateurs semblent satisfaits donc c'est le principal !
Ca doit être mon côté vieux con mais je trouve le design vraiment pas original, ce côté carré et moderne j'ai l'impression de le voir partout c'est assez conventionnel et on a l'impression d'avoir perdu une certaine identité, ça fait un peu.. standard tout ça.

Enfin bref, étant donné que c'est un avis très minoritaire, il n'y a pas lieu d'en prendre compte. Et il faut, quoiqu'on en pense, saluer le travail fourni par vous! GG :)

Ajouter votre réaction

Afin de poster une réaction, vous devez être connecté !

Connexion
Inscription

Retour aux news