---
# System prepended metadata

title: Documentation Technique

---

**Groupe 13**
Florian Sahbi
Angéline Kapala
Quentin Lenglin
Joël Pokam

# Documentation Technique

## Repository Github

https://github.com/FlorianSahbi/star-wars-dataviz

## Modélisation de la base de données
![](https://i.imgur.com/3FwcfmB.png)

## Sources des données brutes

### Données des interactions

https://github.com/evelinag/StarWars-social-network/tree/master/networks

Ce dataset contient l'ensemble des interactions entre les personnages apparaissant dans 7 films Star Wars


### Données encyclopédiques

https://swapi.co/

Ce dataset contient des informations encyclopédiques sur les personnages de l'univers de Star Wars. Nous y avons ajouté à la main une clé "affiliation" à laquelle correspond une valeur "ligt", "dark", ou "neutral" afin de définir l'orientation de ces personnages.

## Choix techniques de développement

### Stack Front-end

#### ReactJS

Nous avons commencé le projet avec Vue, mais lors du changement de sujet, nous avons préféré utiliser un framework qui était plus familier.

React nous a permis d'utiliser des libraires npm react pour certains composants (notamment le graphe 3D).

#### Graphiques

• [Three.js - Librairie 3D-Force-Graph](https://github.com/vasturiano/3d-force-graph)
• [Chart.js](https://www.chartjs.org/)

### Stack Back-end

#### NodeJS

Node nous a permis de garder une cohérence entre le front et le back, entièrement en JS.

C'était aussi moins lourd de mettre en place une architecture Node et Express plutôt qu'Apache et Symfony, tout en gardant une structure saine en MVC.

#### ExpressJS

- Meilleur gestion des requêtes HTTP.
- Meilleur gestion des middlewares.
- Permet à Node d'être moins bas niveau, et donc d'accélerer le développement.

### SQL

Permet d'éviter la redondance dans les données grâce aux clés étrangères et associations 