# Projet d'application pour l'atelier « Naviguer dans l'océan des données : réseaux sociaux et intelligence artificielle »

## Introduction

Ce projet concerne le développement d'une application interactive destinée à animer l'atelier « Naviguer dans l'océan des données : réseaux sociaux et intelligence artificielle », notamment dans le cadre de la Fête de la Science. L'objectif principal est d'engager les lycéens dans une réflexion active sur les mécanismes de l'intelligence artificielle (IA) et du marketing numérique, en mettant l'accent sur la manière dont ces technologies façonnent leurs expériences en ligne et les représentations qui en découlent. Il s'agit de dépasser la simple présentation technique pour encourager une compréhension critique des enjeux sociétaux associés.

## Objectifs

### Objectif scientifique

L'atelier, soutenu par cette application, vise à :
* Explorer les représentations initiales des lycéens concernant l'intelligence artificielle et les stratégies de marketing numérique.
* Analyser l'évolution de leur compréhension et de leur perspective critique suite à une démarche pédagogique active et réflexive.
* Évaluer l'efficacité de l'outil interactif comme support de médiation scientifique pour la sensibilisation aux implications du profilage et de la personnalisation algorithmique.

### Objectifs pédagogiques

L'atelier ambitionne d'accompagner les participants pour :
* **Démystifier les concepts clés** : Appréhender le fonctionnement de base de certaines applications de l'IA (notamment la génération de contenu textuel et visuel) et les logiques du marketing numérique (persona, ciblage, image de marque).
* **Conscientiser les processus** : Comprendre comment leurs interactions en ligne génèrent des données qui sont ensuite interprétées et utilisées, notamment pour le profilage et la publicité.
* **Développer une pensée critique** : Susciter une réflexion sur la pertinence, les biais potentiels (biais d'affinité, effet de halo, biais de confirmation) et les implications des mécanismes de ciblage et de personnalisation rencontrés quotidiennement.
* **Encourager l'exploration active** : Offrir un environnement d'expérimentation permettant aux élèves de manipuler des concepts abstraits de manière concrète et d'observer les résultats de leurs actions.

## Public cible

L'application et l'atelier sont spécifiquement conçus pour un public de **lycéens**. L'interface se veut intuitive et les explications fournies visent à faciliter la compréhension des concepts abordés, sans prérequis techniques approfondis.

## Concepts et technologies explorés

L'atelier permet d'aborder de manière appliquée les éléments suivants :
* **Intelligence artificielle**
    * Principes de la génération de texte et d'images par des modèles d'IA (analogues à GPT et DALL-E dans leur fonctionnement).
    * Introduction à l'analyse de données implicites issues des interactions pour la construction de profils (personas) et la suggestion de mots-clés.
* **Marketing numérique**
    * Méthodologie de création et d'utilisation des personas dans une stratégie marketing.
    * Rôle de l'analyse et de la génération de mots-clés pour la caractérisation d'une audience et la communication.
    * Fondements de la création d'une identité de marque (nom, slogan, identité visuelle).
    * Principes du ciblage publicitaire et de la personnalisation des messages.
* **Analyse sémantique et graphes de connaissances** (implicite)
    * Sensibilisation à la manière dont les relations entre les mots et les concepts peuvent être modélisées et utilisées.
* **Algorithmique** (sous-jacente)
    * Prise de conscience du rôle des algorithmes dans les systèmes de recommandation et de ciblage publicitaire.

## Déroulement de l'atelier et interactivité

L'application structure l'atelier en plusieurs étapes clés, suivant une démarche en deux temps favorisant la réflexion critique :

L'objectif global de l'atelier est de comprendre et d'illustrer pourquoi les marques utilisent les réseaux sociaux pour atteindre des utilisateurs spécifiques.

**Première partie : Découverte et création intuitive**

1.  **Élaboration d'un persona** : Les élèves sont invités à définir un personnage fictif (contexte, applications et réseaux sociaux favoris, histoire personnelle, âge). L'application génère ensuite une image et une description enrichie pour ce persona.
    * *Réflexion initiale* : Les élèves sont amenés à commenter leur création, à identifier les attentes qui ont guidé leurs choix et les éventuels stéréotypes.
2.  **Identification de mots-clés** : À partir du persona créé, une liste de mots-clés est générée, illustrant les intérêts et activités potentiels du personnage. Une représentation graphique simple peut accompagner cette étape.
    * *Réflexion initiale* : Les élèves évaluent la pertinence des mots-clés et identifient ceux qui leur semblent surprenants ou stéréotypés.
3.  **Proposition de marque et de publicité** : Sur la base des mots-clés, l'application propose la création d'une marque (nom, logo, slogan) et simule une publicité ciblée qui pourrait apparaître sur les réseaux sociaux du persona.
    * *Réflexion initiale* : Les élèves discutent de l'adéquation de la marque et de la publicité avec le persona.

**Deuxième partie : Approfondissement et analyse guidée**

Après cette première phase exploratoire, l'animateur guide une seconde itération ou une discussion approfondie pour chaque étape :
* **Reconstruction du persona avec réflexion guidée** : Les élèves sont amenés à conscientiser la manière dont ils construisent le persona, à discuter des biais possibles (introduits par eux-mêmes ou par les outils de génération) et de la manière dont ces biais pourraient influencer une stratégie marketing. Des concepts comme les biais cognitifs et la segmentation marketing sont introduits.
* **Analyse critique des mots-clés** : La discussion porte sur la manière dont les mots-clés peuvent renforcer des stéréotypes ou, au contraire, révéler des aspects moins évidents d'un profil. L'importance de l'analyse des besoins (fonctionnels, émotionnels, latents) est soulignée.
* **Évaluation de la stratégie de marque** : Les concepts d'adéquation produit/persona, de positionnement et de différenciation sont abordés pour analyser plus finement la pertinence de la marque et de la publicité générées.

Cette démarche itérative vise à permettre aux élèves de passer d'une utilisation intuitive à une compréhension plus structurée et critique des outils et des concepts présentés.

## Pertinence pour la Fête de la Science

Ce projet contribue aux objectifs de la Fête de la Science par :
* **L'exploration de sujets scientifiques et technologiques d'actualité** : L'intelligence artificielle et ses applications concrètes sont au cœur des débats sociétaux.
* **L'approche interdisciplinaire** : Le projet mobilise des concepts issus des sciences informatiques, des sciences de gestion (marketing), des sciences cognitives et de la sociologie des usages numériques.
* **La contribution à l'éducation aux médias et à l'information** : Il offre des clés de compréhension des mécanismes de la publicité en ligne, du profilage et de la personnalisation algorithmique, favorisant une citoyenneté numérique éclairée.
* **La stimulation de la curiosité et de l'esprit critique** : En rendant les participants actifs, l'atelier encourage le questionnement et l'analyse réflexive face aux technologies.
* **La découverte de métiers et de champs de recherche** : Il peut susciter un intérêt pour les carrières scientifiques, technologiques et dans le domaine de l'analyse des données et du numérique.

## Instructions de Mise en Marche

Ce projet est composé d'un frontend en React (TypeScript) et d'un backend en Python (Flask).

### Prérequis

* Node.js et npm (ou Yarn) installés
* Python 3.x et pip installés
* Un compte OpenAI avec une clé d'API configurée (voir ci-dessous)

### Configuration du Backend (Python/Flask)

1.  **Accéder au dossier backend** :
    ```bash
    cd backend
    ```
2.  **Créer un environnement virtuel et l'activer** :
    ```bash
    python -m venv venv
    # Sur Windows
    .\venv\Scripts\activate
    # Sur macOS/Linux
    # source venv/bin/activate
    ```
3.  **Installer les dépendances** :
    ```bash
    pip install -r requirements.txt
    ```
4.  **Configurer la clé d'API OpenAI** :
    * Créez un fichier `.env` à la racine du dossier `backend`.
    * Ajoutez votre clé d'API OpenAI dans ce fichier :
        ```env
        OPENAI_API_KEY='votre_cle_api_ici'
        ```
    * Assurez-vous que le fichier `.env` est bien listé dans votre `.gitignore` global pour ne pas le commiter.
5.  **Lancer le serveur backend** :
    ```bash
    flask run --host=0.0.0.0 --port=5000
    ```
    Le serveur backend devrait maintenant tourner sur `http://localhost:5000`.

### Configuration du Frontend (React/TypeScript)

1.  **Se placer à la racine du projet** (si vous étiez dans le dossier `backend`, remontez d'un niveau avec `cd ..`).
2.  **Installer les dépendances** (si ce n'est pas déjà fait) :
    ```bash
    npm install
    # ou si vous utilisez Yarn
    # yarn install
    ```
3.  **Lancer l'application React** :
    ```bash
    npm start
    # ou si vous utilisez Yarn
    # yarn start
    ```
    L'application devrait s'ouvrir automatiquement dans votre navigateur à l'adresse `http://localhost:3000`.

## Licence

Ce projet est sous licence MIT. Voir le fichier `LICENSE` pour plus de détails.