Manga-News

Développement web d’une plateforme de média

Contexte du projet

Manga News est le 1er site référent francophone sur l’actualité manga et animé (et dans les premiers du classement mondial…)

On y trouve des informations, des vod, du streaming, des critiques, les planning de sorties, des informations sur les auteurs et éditeurs et on peut même en lire en ligne. L’équipe compte 4 personnes et est basée en région parisienne.

Le site compte entre 25 000 et 30 000 visiteurs uniques par jour !

Leur histoire a commencé en 2001, le site n’était alors qu’un simple blog écrit par une passionnée. Il est vite devenu une référence, la structure a donc évolué techniquement afin de répondre aux attentes des lecteurs. La gestion technique de la plateforme a été repris au fil du temps par différents développeurs indépendants qui ont continué à customiser le site.

À noter :
Le site compte plusieurs dizaines de milliers de pages ...

Pourquoi ont-ils fait appel à nous ? Le code était vieillissant, ils souhaitaient faire évoluer le site et ajouter de nouvelles fonctionnalités.

Résultats

Voici les fonctionnalités majeures que nous avons ajoutées au site existant :

  • Un gestionnaire de collections permettant à chaque internaute de gérer en ligne la collection physique qu’il possède de mangas, dvds, goodies ou jeux vidéos en ligne. Il peut donc par exemple voir si ses séries sont complètes, détecter des produits qui lui manque, noter qu’il a prêté tel ou tel article à quelqu’un.
  • Un système de chronique permettant à l’équipe de Manga news de rédiger une critique sur l’animé ou le manga lu.
  • Des dossiers sur les séries : permettant à l’équipe de rédiger des pages présentants l’histoire et les personnages.
  • L’ajout de 4 rubriques supplémentaires:
    • “CINÉ ASIE” relatant les films à venir, les bandes annonces et critiques.
    • “JEUX VIDÉOS” donnant des actualités, des références, bandes annonces et avis.
    • “GOODIES” présentant tous les produits dérivés
    • “JAPON” regroupant tous les mangas en VO (version originales).
  • Un admanager permettant à l’équipe de gérer les publicités présentent sur le site.
  • Un moteur de recherche pour faciliter la navigation des lecteurs sur le site.
  • Un principe de tournois : cela permet aux lecteurs de voter sur leurs séries préférées et de créer des classements par catégories.
  • Des connexions API avec des applications mobiles parallèles au site.

Nous avons aussi modifié de nombreux templates de pages et effectué une refonte des bases de données. Le site a également été traduit en 7 langues supplémentaires : anglais, russe, espagnol, allemand, italien, coréen et japonais.

À noter :
Le site est une plateforme communautaire. Chacun peut donc créer son compte et bénéficier d’un espace personnalisé.

Conseils
Vous voulez plus d’informations ?

Problématiques

Vieux système :

Le code que nous avons repris était en PHP, il était très vieillissant. 
Il n’y a jamais eu de refonte globale du site, seulement des modifications au fil du temps de certains modules.

Documentation :

Il n’y avait pas de documentation rédigée pour le site. Cela permet normalement aux développeurs de reprendre un code existant d’un site internet et de comprendre comment il a été développé (cela s’appelle le rétro engineering). Le site ayant été repris successivement par plusieurs développeurs, l’absence de documentation a compliqué notre travail.

Serveurs :

Au fur et à mesure que le site est monté en puissance en termes de trafic, il a fallu changer l’infrastructure d’hébergement, ce qui complique le bon maintien du site.

Seo :

Le référencement naturel est un enjeu fort pour le site. Il a fallu le prendre en compte constamment pendant le développement pour faire en sorte que la plateforme soit bien optimisée pour google : un défi supplémentaire car très stratégique pour l’équipe de Manga News.

Multi-langue :

Le site comptant plusieurs milliers de pages, la traduction en 7 langues supplémentaires a été difficile.

Imaginez la difficulté de traduire et d'adapter une version française d’un site en japonais ou encore en russe sans avoir de documentation et avec un code vieillissant ... Retenez bien : chaque aspect technique bien mis en place dans un projet de ce type, facilite grandement ensuite toute modification ou ajout de nouvelles fonctionnalités.

Technologies utilisées

Langage de développement : PHPBases de données MySQLElasticSearch (moteur de recherche)API REST

Nos conseils

Si vous savez que votre site web va nécessiter de nombreuses modification avec le temps, pensez à planifier directement une refonte globale. Les langages évoluent vite et si vous effectuez des modifications au fur et à mesure par dessus l’existant, vous risquez d’être bloqué sur vos envies d’améliorations.

Effectuer une refonte totale permet de mieux maîtriser tout l’environnement technique du projet (hébergement, bases de données, interfaces de gestion etc).

Enfin, pensez bien à faire rédiger des documentations surtout si plusieurs développeurs différents sont amenés à reprendre le code !

Le projet en image

 

RDV sur leur site web :

https://www.manga-news.com/
Conseils
Vous voulez plus d’informations ?