Archives des #Projets personnels - Page 12 sur 13 - GRIFFURE

Comment j’ai fait mon moteur de recherche web ?

Parmi mes projets personnels les plus fous se trouve une idée un peu farfelue.

Il y a quelques année de cela, durant l’année 2016, je me suis passionné pour une dimension très spécifique de l’informatique, à savoir l’accès à l’information.

Je me suis alors intéressé au fonctionnement de moteurs de recherche dédiés aux web.   Alors si il existe plein de moteurs de recherche aujourd’hui, celui qui détient le monopole aux Etats-Unis et en Europe est bien évidemment Google. Egérie des Start-ups Garages et autres disrupteurs du dimanche, c’est aujourd’hui un portail rassemblant plus qu’un outil de recherche de page web, mais bien un assortiment de data-centers et de compétences permettant de dompter les flux de données à l’échelle mondiale.

Mais si nous revenons à la base du concept de moteur de recherche, c’est une tout autre idée bien que la vision reste la même.

Derrière un moteur de recherche tel qu’ils existaient dans la fin des années 90, il y a trois entités bien distinctes. Pour ce cas d’usage, je développerai le fonctionnement d’un moteur de recherche web très basique.

Le Crawler, l’explorateur du web

Tout d’abord, il y a le Crawler, aussi appelé Spider. C’est un logiciel qui se balade de page en page pour enregistrer l’ensemble des données associées. Il y lit le contenu, en déduit les mots clés associés, y recense l’ensemble des liens vers lesquels la page courante redirige.
Finalement, il fait exactement ce que son nom nous induit. On peut alors imaginer une petite araignée parcourant le web et traçant sa toile.
Chose important à noter: notre araignée robotisée, avant de pénétrer dans la page web, est tenu de lire un fichier robot.txt qui lui dit ou non si elle a le droit d’accéder ou d’enregistrer la page en question.

Une fois notre page web traitée, notre araignée poursuit son chemin en allant suivre les autres liens.

L’index: stocker l’information

Chaque page visitée par notre araignée est inscrite dans une base de donnée appelée l’index, qui regroupe l’ensemble des données relative à la page web.
Les pages sont recensées dans l’index et sont couplées à leurs indice de pertinence: le pagerank.

Le Pagerank: classer l’information

Par la suite, c’est au pagerank de récupérer ces données brutes et de noter la page web en conséquence.

Il va d’abord enregistrer sa pertinence en comptant le nombre de lien qui redirigent vers cette page. Puis, il lui donner un score arbitraire en fonction de la pertinence des pages de ces liens sources.

Aujourd’hui, il existe des normes dédiées au SEO (Search Engine Optimisation, ou Optimisation pour le référencement naturel), à l’accessibilité et aux standards. Par exemple, si votre site est doté d’une bannière en flash avec des polices de caractères clignotantes tout en omettant d’être lisible sur un téléphone, c’est compliqué de se frayer un chemin vers la première page de résultats.

Le Pageranker va également associer ces pages aux mots clé les plus pertinents.

Un champs de recherche cache parfois autre chose

Enfin, il y a le front, qui est le site web ou l’application permettant d’interroger notre index.

En 2016, je rêvais déjà de construire un petit moteur dédié à la recherche web. Hélas, il me manquait à ce moment quelques notions qui m’ont empêché de programmer l’outil de mes rêves.

A ce moment là, j’ai donc travaillé sur un méta-moteur de recherche !

Un méta-moteur de recherche, c’est un site ou une application qui (de base) n’a ni crawler, ni index. En effet, ce système se contente d’aller piocher chez la concurrence les résultats de recherche pour les ressortir sur une page avec un autre logo.

Du coup, à ce moment là, puisque je n’avais pas les compétences en programmation, j’ai décidé de travailler une autre partie tout aussi interessante: l’interface utilisateur.

Je me suis donc appliqué à repenser l’ensemble avec les moyens du bord.

https://www.youtube.com/watch?v=vtRnDP7rdF4

L’idée derrière ce projet était alors d’imaginer une nouvelle forme d’expérience utilisateur axée sur l’idée de personnifier le logiciel.
Inspirée par les mascottes de Microsoft Word comme Clippy qui conseillait l’utilisateur sur son usage du traitement de texte, Toast était voué à servir de visage à l’éternelle page blanche ornée du champs de recherche qui fait la réputation de l’internet.

Au delà le l’interaction sommaire, le personnage servirait également de champs de recherche qui s’affiche au gré des requêtes de l’utilisateur.

Mon objectif dans la réalisation de ce projet était de moderniser la manière dont l’utilisateur interagit avec son outil. C’était alors l’époque où les applications permettant d’échanger avec la machine avec leurs voix. Après tout, la voix de Siri permet de donner une dimension palpable à l’outil qu’on utilise. Humaniser un logiciel permet à mon sens de capter une nouvelle audience en ajoutant une couche de simplification au dessus d’un outil déjà simplifié à l’extrême.

https://www.youtube.com/watch?v=n4LuPULsrCQ

Avant cela, j’avais déjà travaillé sur une autre mouture de l’interface du moteur un peu plus proche de ce qui existait déjà.

Parcourir le web, un lien à la fois

Maintenant, parlons de mon projet qui remonte à deux ans (en 2020 donc). A cet instant, je m’intéresse beaucoup moins à l’interface utilisateur, mais bien à la technologie derrière les outils que j’utilise au quotidien.

J’ai le besoin de mieux comprendre comment faire tourner un vrai crawler.

Et pour cela, la première idée qui me vient à l’esprit est littéralement une boucle récursive: un moulin qui ne s’arrête jamais puisqu’il persiste à parcourir toutes les branches d’un arbre dont la hauteur n’est probablement pas un représentable par un nombre raisonnable.

Du coup, j’ai commencé à la dure ! Une boucle récursive est initialisée par un appel de l’utilisateur au format ligne de commande. Par la suite, une partie du code (au format Objet) se connecte à notre base de donnée pour être rappelée autant de fois que nécéssaire en écriture.
La boucle va ajouter ou modifier les valeurs dans notre base de donnée correspondant à la page web et dont la clé est pour le moment le lien hypertexte de notre page.

L’outil que j’ai développé est disponible sur Netneer.com !

Ce que j’en ai appris

Tout cela, en plus de me servir d’exercice, m’a permis d’entrevoir les limites des outils que j’utilisais alors, mais aussi les contraintes qui en découlent.

D’abord, le language JAVA est un langage séduisant et robuste, mais condamné à tourner sur une machine virtuelle appelée JVM (JAVA Virtual Machine). Cette dernière est une machine à gaz, opaque et dont on ne peut percevoir le fonctionnement de l’extérieur. En gros, c’est une boite noire qui n’est pas du tout optimisée pour mon idée, puisqu’à terme, je veux pouvoir faire des Threads de mes différents Crawlers pour faire tourner plusieurs araignées en parallèle. Ce qui fait que sur une machine donnée, je veux pouvoir avoir un maximum de threads qui tournent en parallèle, et qui soient orchestrés par un outil plus automatisable qu’un appel de commande.

Ensuite, il y a la base de données que j’utilisais: une base MySQL toute simple. Mais encore une fois, ce n’est pas ce que je veux pour manipuler de grandes quantités de données de manière plus souple, tout en imaginant un système de classification qui soit plus performant qu’un simple attribut. De plus, j’imagine que si une base MySQL est amplement suffisante pour faire tourner un site classique, ce n’est pas le meilleur outil pour l’application de mes rêves.

Je pense me tourner à terme vers une solution en C plus plus. Mais j’hésite encore, et comme je vois de nouveaux langages apparaître régulièrement, je pense avoir l’opportunité de découvrir de nouvelles manières de construire le moteur de recherche de mes rêves !

Conclusion

J’essaie de découvrir de nouvelles technologies à apprivoiser très régulièrement, et mes projets personnels sont pour moi l’un des meilleurs moyens de rester à la page.

Je trouve néanmoins que l’évolution de mon petit projet personnel m’encourage à en apprendre plus !

Construire, sans jamais s’arrêter

Il y a des histoires que personne n’a envie d’entendre.

Des histoires qui fascinent, qui répugnent, qui passionnent.

Et aujourd’hui, je veux vous présenter le prélude de mon histoire: BACKRUN.

Le projet

Ce projet, je rêve de le faire depuis des années: j’ai déjà trois version du projet qui précèdent celle-ci.

J’ai choisi de la developper au format jeu vidéo sous le moteur de jeu Unity.

BACKRUN est un jeu vidéo d’aventure mixant une composante de gameplay shooter à la troisième personne, et une dimension plateforme.

Vous incarnez ici un personnage appelé 3051, un jeune homme qui va avoir comme mission de traverser un niveau couloir ou une horde d’ennemis l’attendent.

Armé de votre pistolet, votre objectif est de vous frayer un chemin dans le niveau. En plus de sa capacité à tirer sur les ennemis, 3051 est doué d’une fonctionnalité appelée « retour sur vos pas », qui lui permet de retourner en arrière pour retrouver sa position et ses points de vie qui étaient les siens quelques secondes en arrière.

Le level design, est composé de quatre parties:

une première qui est la partie intro, ou vous allez pouvoir vous initier au gameplay. Cette partie est une session de tuto qui vous permet de mieux appréhender le tir au format TPS, mais aussi une partie plateformer sommaire permettant d’intégrer l’idée du « retour sur vos pas ».
une partie shooter qui va vous permettre de parcourir un niveau, tirer sur les ennemis.
une partie plateformer qui fera part belle à la réflexion qui implique une maitrise totale de la mécanique de « retour sur vos pas ».
et enfin une dernière partie ou vous allez devoir survivre à plusieurs vagues d’ennemis, puis au boss du jeu.

Le tout se termine par une cinématique de fin.

La direction artistique est pensée pour s’approcher d’une bande dessinée franco-belge, et un filtre cellshading a été appliqué sur les personnages et l’environnement.

La technique

Plusieurs questions se sont posée pour la création du projet. La première est bien évidemment l’outil de création du jeu. La question est simple: aujourd’hui, les deux outils les plus utilisés sur le marché sont Unreal Engine de la société Epic Games, et Unity.

Unreal Engine est aujourd’hui bien plus qu’un moteur de jeux vidéo. D’abord, il s’agit d’un éditeur de jeux, permettant de créer son jeu très rapidement et passer de l’idée au prototype en un rien de temps. Il est doté d’une fonctionnalité appelée Blueprint, permettant de faire de la programmation en nodale sur le moteur.

Unreal est pour moi un problème, car je voulais pouvoir créer un jeu en construisant la totalité du jeu. Hors, Unreal est le type d’outils qui est tellement surchargé qu’il permet de créer un jeu graphiquement aussi abouti qu’un triple A sans aucune connaissance préalable. Doté d’un générateur de personnage, de générateur procéduraux de niveaux, d’outils clé en main de création graphique, il ne correspond pas à mes besoins.

Car avant toute chose, BACKRUN est un projet personnel. Il est voué a me permettre de découvrir de nouvelles opportunités sur l’outil que j’utilise, à approfondir mes connaissance et à inventer de nouvelles manière de construire.

Unreal Engine, tout comme Construct, ne m’interessent pas dans le cadre de ce projet puisque je souhaite avant toute chose continuer à apprendre quelques subtilités.

Unity est un moteur de jeu beaucoup plus rigide: sans sur-couche de simplification avancée, et doté d’un système de compilation multisupport: quelques clics suffisent à porter le jeu sur une autre plateforme.

J’ai donc créé le projet sous Unity, avec l’idée de produire l’ensemble de mes assets et mes codes dédiés au gameplay.

Le mot de la fin

Ceci est l’un des nombreux prototypes que j’ai réalisé au fil des années pour mon projet BACKRUN: une histoire de science fiction que je développe depuis 2014 (j’avais 16 ans).

BACKRUN n’est peut-être pas encore impressionnant ou abouti. Mais c’est moi qui l’ai fait.

Le dernier prototype du jeu intitulée « BACKRUN: CHAPTER ZERO » était disponible en version work in progress sur Itchio.

J’ai hâte d’écrire la suite.

Comment j’ai créé ma web-série ?

Une odyssée spatiale et créative

Cela fait maintenant près de six ans que je travaille sur un projet de web série. Mêlant images de synthèses et prises de vues réelles, la série dénombre aujourd’hui une demi-dizaine d’épisodes disponibles sur Youtube. Et j’écris cet article car je souhaite évoquer le travail que j’effectue en autodidacte depuis tout ce temps.

Extrait de l’épisode 6 de UNAI

UNAI raconte l’histoire de Unai, un enfant renard anthropomorphique et de Keeper, un humain. Tous deux sont à la recherche de l’Homeless, le centre de l’univers.

Mon objectif est de créer une relation père-fils entre les deux personnages. Chaque épisode a pour thématique une émotion, et a pour ambition d’approfondir leur relation. Chacun dure entre trente secondes et deux minutes.

UNAI a été réalisé en mélangeant prises de vues réelles et images de synthèses. Le character design se veut cartoon, pour se rapprocher de l’idée d’un Roger Rabbit.

L’univers est inspiré par le Petit Prince de Saint-Exupéry, mais aussi de Star Wars, Star Fox et Alert Spoiler.

J’ai réalisé ces courts métrages en alliant prise de vue réelles sur fond vert, puis j’ai incrusté mon personnage dans l’environnement 3D créé avec le logiciel Blender et rendu avec le moteur Cycles. J’ai créé beaucoup de versions du personnage de Unai. D’abord pensé comme un robot, puis comme un petit garçon à la peau bleue, je me suis arrêté à la forme d’un renard humanoïde car le rendu du pelage est vraiment intéressant, et permet de rendre le personnage palpable.

Au tout début, UNAI n’était pas une web série, mais une chronique dédiée au jeu vidéo. Je me retrouvais face à une caméra, dans ma chambre, en train de parler de jeu vidéo. L’idée était d’intégrer un personnage en image de synthèse. Une sorte de side-kick qui aurait pour but de faire sourire le public.

A ce moment, nous sommes en 2015, et je commence à me former en autodidacte sous Blender. Et la première chose qui me vient à l’esprit, c’est de donner vie à un object simple du quotidien: un lampe qui serait sur mon bureau et qui me jouerai des mauvais tours.

Hélas, l’idée ne me convient pas. Je revois mon ambition à la hausse en imaginant un enfant en 3D, avec qui je pourrais intérargir librement. Unai est né !

Le personnage de Unai dans une première version

Le personnage était un enfant à la peau bleu. Ses yeux sont blanc car je se veux pas lui faire des yeux à ce moment donné, ne sachant pas encore comment les animer. Les cheveux sont également blanc et la peau réagit différemment à la lumière.

Même si l’idée est bonne, le n’était pas assez organique. J’abandonne cette idée, mais je veux absolument poursuivre dans cette idée qui consiste à mettre en scène un jeune extraterrestre qui parle avec un jeune humain de jeu vidéo.

J’aime l’idée qui consiste à opposer deux personnages qui n’ont rien en commun, voire qui se detestent, mais qui partagent une même passion.

Je me décide alors à designer une première ébauche d’un personnage qui se rapproche du Unai actuel.

Unai sous forme de personnage poilu daté se septembre 2016

L’évolution de la modélisation du personnage

Dans cette itération, l’idée était de créer un personnage plus simple. Le douer d’un visage cartoon me permettait alors de faciliter le futur processus d’animation. Et s’éloigner du réalisme me permet alors de décompléxifier son mouvement.

Même si je ne suis pas satisfait par le personnage, je sens que je m’approche du but.

Mais une problématique se pose au niveau de son design. Je vois plus ou moins à quoi le personnage doit ressembler. Mais je n’ai pas d’idée sur la forme de que doit prendre son visage.

N’étant pas suffisamment doué à l’époque avec la modélisation Blender, je choisis de passer par la sculpture sur terre. Même si le résultat n’est pas vraiment à la hauteur, il a le mérite d’affiner ma vision du personnage.

Sculpture du visage de Unai version plus cartoon de profil

Sculpture du visage de Unai version plus cartoon de face

Sculpture du visage de Unai version plus réaliste de profil

Sculpture du visage de Unai version alternative

A cet instant, je comprends que le personnage devient plus palpable. La terre me permet de le toucher et de mieux visualiser son visage et sa personnalité.

Visage de Unai datant de septembre 2018

Le personnage est désormais modélisé. Il m’apparait comme une évidence. Alors que j’hésite entre un pelage blanc et un pelage roux, je me dit que j’ai envie de tester les couleurs d’un renard.

Tout me plait dans ce personnage avec les différents détails sur son pelage rendu avec Cycles, son air optimiste et amusé.

Je vais donc procéder à de multiples prises de vues test tout en imaginant à quoi ressemblerait le premier épisode.

Première ébauche — Unai regardant l’horizon

Les quatre premiers épisodes de Unai ont été écrits de manière procédurales. J’ai juste fait les scènes les une après les autres, sans savoir à quel moment j’allais finir l’histoire.

Comme je le disais précédemment, l’un de mes objectifs était de faire une chronique jeu vidéo. Mais alors que je m’approchais de la fin de chacun des épisode, j’étais embêté par le fait de parler de quelque chose sans être légitime. Je savais que je n’avais pas assez de vécu pour pouvoir évoquer l’histoire du jeu vidéo.

C’est pourquoi UNAI est devenu une web série. Sans jamais prononcer le mot “jeu vidéo”.

L’histoire du premier épisode raconte comment une créature se moque de son créateur d’une part, et d’autre part se veut un appel au voyage.

Unai dans le premier épisode

L’épisode 2, quant-à lui, se veut plus sombre. On y voit Keeper protéger Unai. Ma volonté était d’y installer une sorte de tension, même si le fond vert approximatif nous sort une fois de plus de l’immersion.

Dans UNAI #03, Unai montre ses talents de pilote à Keeper. Je voulais montrer la fierté de Keeper envers Unai, et présenter pour la première fois l’interieur du cockpit du vaisseau.

Dans l’épisode quatre, je voulais juste souligner le sentiment de solitude des deux personnages. Mais aussi présenter un début de confrontation: Unai grandit, et montre un caractère rebelle.

Du coup, je profitais des épisodes pour développer l’univers visuel. L’idée était alors de parler de la relation entre Unai et Keeper, en installant l’idée que Keeper protège son petit frère. Et Unai, lui semble avoir peur de Keeper dans l’épisode 2, puis être fier de lui présenter ses talents de pilote dans l’épisode 3. Dans l’épisode 4, qui est le plus court de tous, il exprime sa tristesse, et sa solitude. Keeper, lui justifie cette difficulté par le fait qu’il veuille le protéger.

L’idée est aussi de faire en sorte qu’à chaque épisode de UNAI, une émotion ressorte du visuel. Avec une colorimétrie propre. Et en analysant ces premiers épisodes, je ne peux m’empêcher de remarquer que les visuels sont de plus en plus sombres. Et l’univers de plus en plus triste.

Avec l’épisode 5, je fais un choix radical. Jusqu’à présent, le tout semblait plutôt sérieux. Mais j’ai envie de m’essayer à quelque chose de plus drôle. Et cette cinquième excursion dans UNAI va être un premier pas dans la comédie.

Jusqu’à présent, UNAI était voué à être une simple web série de science fiction cachée dans les entrailles de youtube. Cette aventure de Unai et Keeper renoue avec mes objectifs de départ: faire rire mon auditoire et faire une oeuvre burlesque.

Pour la première fois, un autre personnage que Unai et Keeper va enter en scène. Celui ci sera un antagoniste dont le design sera tout droit sorti du design des robots de Portal 2.

Autre révolution: l’épisode a été tourné en décor réel ! Tandis que l’ensemble des épisodes précédents avaient vu les plans de Keeper être tournés sur fond vert, celui-ci serait tourné en plein air.

Enfin, dernière révolution: le personnage de Unai lui-même. En effet, l’ensemble du squelette d’animation du personnage a été revu, avec un redesign au passage. Désormais, Unai n’est plus torse nu !

Unai version test avec rigg facial animé à la main

Unai avec test vêtement rouge

Unai avec test vêtement violet

De plus, son rig facial a été refait de manière à pouvoir intégrer un système de capture faciale, pour pouvoir animer le visage du renard de manière rapide en me filmant avec mon téléphone. Le tout est calculé pour que le faciès de Unai soit plus organique. Et en plus, je n’ai plus à animer chacune de ses interventions à la main !

Quand je vois l’évolution de mon travail, je me sens fier du travail accompli jusqu’à présent. A l’heure où j’écris ces lignes, l’épisode 6 est encore en cours de production. En levant les yeux, de temps en temps, je vois les visuels de UNAI qui prennent vie, frame après frame, scène après scène.

Je ne suis pas l’animateur le plus doué de ma génération, ni le gars le plus imaginatif qui soit. Mais créer UNAI me rend heureux.

Quand je vois Unai et Keeper discuter, c’est une partie de moi qui s’exprime. Et raconter leur histoire me fait le plus grand bien.

Leur prochaine aventure sera la plus ambitieuse à ce jour, et va complètement se reconnecter avec la fonction de base du projet: parler de jeu vidéo.

Oui, l’épisode 6 sera une chronique. Et sera un mêlange de fiction comme les épisodes précédent, mais aussi de chronique au format voix-off.

A chaque nouvelle image rendue, ma hâte de présenter l’épisode 6 grandit.

Unai et Keeper sont quelque part mes enfants. Je les ai créés et imaginés. Je les ai écrits et sculptés, modélisés et filmés.

Version retravaillée de la scène 01 de UNAI #01 – Bienvenue dans mon univers

Les voir s’animer à chaque épisode sous une nouvelle forme me rempli d’ivresse.

Pour moi, ces personnages sont l’image même de la liberté.

William-Arno CLEMENT

melty VS webedia : qui sera le futur Disney des millenials ? — RETROSPECTIVE

Nous sommes en 2007, à Paris, lorsque deux entrepreneurs Français, Cédric Siré et Guillaume Multrier, décident de créer des start-up dédiées aux médias en lignes et à la communication.

La première, nommée Youmag, se présente comme un “moteur de news”. Il s’agit alors d’un agrégateur d’articles d’actualité et futur concurrent de Flipboard et Google News.

La seconde start up, intitulée Webedia, est une compagnie dédiée à la création, à la gestion et commercialisation d’espaces pour des sites internet dédiées à des verticales d’info divertissement, c’est à dire des sites d’actualités voués à divertir leur lecteur. Ses premiers sites sont puretrend, purepeople et purefans.

Pourtant, non loin de là, dans la banlieue parisienne, au Kremlin-Bicêtre, un jeune entrepreneur du nom de Alexandre Malsch, exécute son idée de créer un média d’info divertissement nommé melty, une évolution remaniée de son ancien site Actuados.fr. Au travers de sa société eeple, il travaille sur de multiples projets, dont un site de rencontre, une plateforme de réseautage social et un site d’actualité pour jeune nommé melty. Il faut dire que les médias d’info divertissement ne sont pas encore légions à l’époque, ou du moins, sur l’internet Français.

Aux États-Unis, les sites tels que Vice ou Buzzfeed commencent à voir grossir leur audience. The Walt Disney Company investira d’ailleurs dans l’entreprise Vice Media à coup de millions. Personne ne pouvait alors deviner que Webedia et melty allaient se livrer pendant une décennie une bataille pour la conquête de l’attention virtuelle des Français. Alors, laissez-moi vous raconter l’odyssée de ces deux entreprises. Spoiler : à la fin, il n’en restera qu’une. Voici une odyssée interactive.

2007 à 2012 : A la recherche de l’équilibre

C’est après le succès d’audience de melty.fr que l’équipe d’eeple dirigée par Alexandre Malsch décide de se séparer de son rêve de concurrencer les réseaux sociaux et les plateformes de blog. En effet, Board, leur site qui mélange réseau social et plateforme de blog, n’a pas le succès escompté.

L’Énergie de la jeune compagnie se dirigera donc vers melty, son produit phare, et la création d’un CMS MVC fait maison. Pour cela, la start up recrute sa première salariée, Pascale Erblon, qui aura pour mission de construire la ligne éditoriale de melty. La ligne directrice de l’entreprise est claire : faire du clic, par tous les moyens possibles, histoire d’exister dans les référencements organiques de Google. La tâche est complexe, sachant qu’à l’époque, les rédacteurs doivent écrire directement leurs articles en html car les outils de rédactions ne sont pas encore développés.

Le site à soif de contenu, et demande un investissement considérable en articles d’actualités. Car les jeunes, qui sont la cible du site, demandent encore et encore de nouveaux snack contents à dévorer sur leur séries favoris ou sur la dernière télé réalité à la mode. Pour ce faire, l’entreprise emploiera une armée de stagiaires dédiée à la rédaction de contenus. En face, chez Webedia, l’idée est la même. Créer une galaxie de sites internet alimentée par le contenu de stagiaires et des free-lance. Faire cliquer le lecteur, l’attirer via un titre racoleur et lui faire cracher son temps de cerveau disponible.

Parce que melty et Webedia ne sont pas dupes : pour se développer, ils nécessitent une, voire plusieurs levées de fonds. Mais ces levées de fond ne seront accessibles que grâce à la croissance de leurs chiffres d’affaire. Donc par une croissance du nombre d’affichage de publicités.

A cette époque, Webedia a déjà plus de moyens que melty. En effet, l’un des cofondateurs de l’entreprise, Guillaume Multrier, a fait connu un succes avec son entreprise Bananalotto.fr. Webedia passera donc par la case croissance externe, en rachetant des sites. Ozap sera racheté à M6 web et rebrandé Puremedias, et Shopoon sera racheté à la redoute pour et rebrandé PureShopping.

On aura également le lancement des sites PureCine et Purecharts chez Webedia. L’idée est claire, créer une galaxie de site Pure avec un site par thématique. Puis faire grossir son audience et vendre des espaces publicitaires.

C’est une stratégie similaire à ce que fait melty. Melty, qui constate le succès de webedia dans la diversification de ses thématiques, créé meltyFashion, meltyBuzz, et MeltyStyle. Respectivement dédiées aux audiences féminines, aux buzz et aux audiences masculines.

A ces sites d’ajouteront de nouveaux sites meltyDiscovery, meltyFood et meltyXtrem au fil des années. Melty a néanmoins un argument stratégique à vendre à ses investisseurs: Shape. Il s’agit d’une suite d’algorithme capable de prédire les sujets tendances pour adapter sa ligne éditoriale.

On retrouve dans cette stratégie de diversification l’envie de porter une marque commune, à savoir melty et Pure, au travers de plusieurs verticales concises et dédiées à des audiences très segmentées et donc plus valorisées aux yeux des annonceurs. Mais l’année 2013 va tout changer pour Webedia.

2013 à 2015 : levées de fonds et stratégies opposées

Webedia est rachetée par la société Fimalac, la firme de Marc de Lacharrière.

L’énarque et milliardaire voit grand dans ce rachat, puisqu’il veut en faire l’un des champions européens de l’internet. Et Cédric Siré, voit lui aussi les choses en grand. Il ne voit plus Webedia comme une galaxie de site, mais comme un écosystème à part entière. Et pour ce faire, les moyens ne manque pas. Puisque Fimalac, à coups d’investissements, va propulser Webedia à la tête des éditeurs de sites web. Webedia, avec les fonds de Fimalac, rachètera en masse de nombreux sites internets dans toutes l’europe. En France, on notera le rachat du groupe Allociné et de ses succursales dans toutes l’europe: Sensacine en Espagne, FilmStarts en Allemagne, AdoroCinema au Brésil, Beyazperde en Turquie et Allociné en France.

On assistera aussi au rachat de Terrafemina, site d’actualité destiné aux femmes et concurrent du groupe AuFeminin.com qui appartient aujourd’hui au groupe TF1 via sa division Unify (revendue à Reworld Media). Sa verticale cuisine et gastronomie s’enrichie via le rachat de 750g.com et de l’académie du goût, ainsi que de multiples maisons d’éditions dédiées à la cuisine. Webedia investit dans le tourisme en s’adossant au géant EasyVoyage, et en s’offrant l’officiel des vacances et le bon guide. L’un des rachats qui a fait le plus de bruit : l’Odyssée Interactive et son site jeuxvideo.com racheté à Hi-Media. Dans le milieu du jeu vidéo également, la structure millenium sera racheté par Webedia pour le développement de son pôle e-sport. C’est également dans ce cadre de Webedia fera une succession d’acquisitions dans l’esport. À savoir Oxent, qui possède entre autres le site d’organisation de tournois Toornament.com et la compétition ESWC, mais aussi la structure de gestion de talents Bang Bang Management.

Dans sa lancé, Webedia annoncera le lancement de la version francaise d’IGN en partinariat avec Ziff Davis. Ainsi qu’un autre partenariat avec le PSG pour l’annonce de sa structure eSport. Mais webedia ne va pas des contenter d’investir dans l’édition de sites web thématiques. Il se lance également dans l’ecommerce avec ses marque WeAreFan, 31 m², Run Baby Run, Cézigue et in investissement en tant qu’actionnaire majoritaire dans Pour De Bon, qui s’ajoutent à PureShopping dans la panoplie webedia.

En 2014, c’est l’acquisition de MIXICOM, entreprise de production qui détient jeux actu et surtout des contrats de monétisation de célèbres youtuber via talentweb, qui va faire grand bruit. Depuis cette date, webedia abandonnera le label Mixicom pour celui de Talentweb, avec le quel il va unifier ses autres agences de gestion de talents telles que 3BlackDots, Allyance Network en Allemagne, Paramaker au brésil, Vizzen Espagne. Enfin, Webedia est le propriétaire de Diwanee, le webedia d’arabie saoudite, et Uturn, son talentweb local.. A noter que cette liste des rachats n’est pas complète car je souhaite vous montrer ici la portée de webedia à grande échelle. Melty, de son côté, fait une levée de fonds de 10,5 millions d’euros.

Un pari ambitieux, mais incomparable à la force de frappe du mastodonte Webedia désormais appelé Licorne, c’est à dire valorisé un milliard de dollars. Renommée successivement MeltyNetwork, puis meltygroup, la start up grandit jusqu’à son point culminant : exporter son modèle à l’internationale. Dans ses locaux du kremlin Bicêtre et à l’aide de partenariat avec des entreprises locales, Melty lance ses sites dans des pays tels que l’Allemagne, l’Espagne, l’Italie, le Mexique, la Pologne, la Roumanie, le Maroc, la Tchéquie, la Turquie, le Brésil, le Canada anglophone et le Québec. Alexandre Malsch voit grand. Ses équipe aussi.

Son rêve est désormais de concurrencer Disney en lançant par exemple une chaîne sur la TV d’orange, amplifie sa présence sur les réseaux sociaux. L’entreprise fonde également diverses structures affiliées telles que melty eSport Club, sa team esport. Melty travaille également à lancer son propre réseau de talents sur le web avec la Melty Talent house en partenariat avec kisskissbankbank. Au niveau technologique, l’algorithme Shape perd de la vitesse contre les technologies de Webedia: les rachats d’autres start-ups dédiées à l’optimisation du contenu comme myposeo, Nuke Suite, Semantiweb écrasent peu à peu les ambitions de melty. Uptilab est absorbée par tradelab, et la régie publicitaire de melty ne peut rivaliser face aux ambitions démesurées de webedia.

2016 : Il n’en restera qu’un

Webedia continue son objectif d’expansion via des rachats externes pour dominer ses verticales. Le tout en contrôlant la quasi-totalité de la chaîne de production pour le web.

Conscient de son impact dans le milieu de l’audiovisuel, Webedia s’est offert Elephant, une société de production audiovisuelle, Creators Studios, un studio de production, et a fusionné ses actif Allociné et BoxOffice récemment rachetés pour fonder The BoxOffice Company, le concurrent direct de IMDB qui appartient à Amazon. Webedia s’est offert Full Fanthom Five, société d’auteurs aidant à la production. Concernent son écosystème web, webedia s’est racheté Weblogs, éditeurs des sites Xataka (actualité hightech), Directo al Paladar (cuisine) ou Trendencias (mode et beauté), qui vient compléter son portefeuille espagnol qui comportait déjà 3DJuegos et IGN Espagne. L’entreprise s’est également lancée dans le jeu mobile et publicitaire avec Scimob et Adictiz Webedia a également racheté Seelk, une agence spécialiste du retail media.

Mais le rachat qui a le plus de sens est celui de Quill. Qui est une entreprise qui commercialise des algorithmes de génération d’articles et de contenus orienté e-Commerce. Ce dernier rachat prend tout son sens si l’on se dit que Webedia voudra à terme générer une grosse majorité des contenus à faibles valeur ajouté par des algorithmes. On peut donc s’attendre à voir des articles d’actualité écrits par des robots.

Rien n’est moins sûr. De son côté, l’aventure melty vire au cauchemar : la société ferme un à un ses sites internationaux. Son club esport et son initiative talent house s’effacent également de ses objectifs. Melty ferme tour à tour ses sites Français. Il ne reste que le site melty ainsi que meltyfashion, rebrandé Shoko. Malgré sa présence sur Snapchat discover, melty peine à séduire de nouveaux investisseurs.

En 2017, Alexandre Malsch quitte le navire melty. Et la compagnie restera instable jusqu’en 2019, la société ayant changé trois fois de PDG en moins de 2 ans. Aujourd’hui, melty reprendre du poil de la bête en relançant ses verticales buzz, discovery et Food. Le lancement de meltyStore va également dans ce sens avec un premier pas léger dans l’eCommerce. Melty a pris en régie certains de ses partenaires tels que A4 social qui est derrière le site Buzzly et greenpills. Ainsi que de nombreux autres pureplayers.

Enfin, melty partage ses contenus avec Phenix Groupe pour les diffuser dans des écrans publicitaires citadins. Après un redesign de son site, melty travaille maintenant à pérenniser son activité (entre temps racheté par Reworld Media), tandis que webedia s’assure un avenir aux côtés de Fimalac.