Brief site web - ecoledesdonnees/dataviz-card-game GitHub Wiki

Visuels:

Contexte

Le projet

Nom du projet: Dataviz Card Game

Résumé: Le projet de jeu de cartes sur la visualisation de données (Dataviz Card Game) vise à créer un jeu de cartes utilisé comme outil d'apprentissage et support d'ateliers de formation auprès d'organisations de la société civile qui souhaitent apprendre la visualisation de données.

Publics:

  • les organisations de la société civile qui ont collecté des données dans le cadre de leur activité mais qui ne sont pas capable de communiquer avec ces données.
  • toute personne souhaitant former des publics à la dataviz sans passer par l'ordinateur
  • toute personne intéressées par l'apprentissage des bases de la visualisation de données

Objectifs du projet:

  • Aider à la formation à la visualisation de données par l'abaissement de la barrière technologique ;
  • Créer un outil d'enseignement qui pourrait être utilisé avec les divers publics auxquels font face les formateurs de School of Data ;
  • Créer un outil d'enseignement qui encourage l'apprentissage et l'exploration autonomes, sans les contraintes de temps des ateliers de formation ;
  • Fournir aux formateurs de la documentation et des tutoriels pour adapter le jeu à leurs publics et leurs besoins ;
  • Améliorer l'efficacité des formations en visualisation de donnée pour débutants.

Livrables attendus:

  • Un jeu de carte Dataviz finalisé ;
  • Un site web hébergeant les ressources numériques permettant de reproduire le jeu de carte de façon autonome ;
  • Une documentation aidant à la compréhension, utilisation et modification du projet ;
  • un mechanism de contribution pour la communauté de formateurs

Lieu: Le projet est développé en France mais testé à travers le monde

Objectifs

Le site web du Dataviz Card Game a pour objectifs de:

  • rendre compte du processus de création du jeu de carte (blog)
  • permettre le téléchargement du jeu de cartes final et des ressources associées
  • accompagner les visiteurs dans la compréhension de la visualisation de données
  • permettre aux utilisateurs du jeu de cartes de rendre compte de leur expérience

Outils

  • on utilise Github comme plateforme pour le site (en combinaison avec Jekyll ou autre pour le blog)
  • on utilise Google Spreadsheet pour stocker le feedback.

Le raisonnement derrière le choix d'outils est le suivant:

  • Plateforme très légère, en HTML, CSS, JS et un peu de SQL (pour faire des requêtes sur Google spreadsheet).
  • Très simple à forker et réutiliser, tous les contenus sont sur Github directement (sauf le contenu des spreadsheets, mais l'export est simple et peut être automatisé via un outil comme IFTTT)
  • Pas de gestion de login, ni de serveur (et le uptime de Google et Github est de plus de 99%)
  • Si il est décidé un jour de ne plus mettre à jour le projet, tous les contenus seront accessibles en ligne et réutilisables aussi longtemps que Github existera
  • Le seul élément payant sera le nom de domaine

Budget

Un budget d'environ 1500 euros est prévu pour ce projet.

Fonctionnalités

Les fonctionnalités du site peuvent être affinées en concertation avec le développeur.

Fonctionnalités générales du site web

  • Multilingue
  • Responsive Design
  • Choix automatique de la langue du site web en fonction de la locale du visiteur
  • Google Analytics
  • Support de Internet Explorer autant que possible

Pour créer une nouvelle carte histoire

Interface

Enchaînement de 5 écrans qui accompagnent le visiteur dans le processus, et lui demandent d'enter différentes informations petit à petit

Fonctionnalités

  • Formulaires
  • Ecriture des réponses dans une Google spreadsheet
  • Stockage temporaire de variables via Javascript
  • Création de pdf via Javascript
  • Stockage du log d'activité dans Google Spreadsheet
  • Génération automatique de texte à partir d'éléments prédéfinis et de texte rentré par l'utilisateur
  • Création d'une URL unique pour chaque carte créée
  • Partage sur réseaux sociaux

Pour fournir un feedback

Interface

Formulaire simple avec :

  • case à remplir
  • case à cocher
  • liste déroulante

Fonctionnalités

  • Écriture des réponses dans une Google spreadsheet
  • Envoi d'email résumé aux administrateurs lors de la complétion
  • pré-remplissage de la liste déroulante avec la liste des cartes histoire présentes sur le site web

Pour visualiser les cartes histoires qui ont été créées

Interface

Grille de cartes

Fonctionnalités

  • Possibilité de filtrer et ordonner
  • URL unique par item
  • Bouton pour copie rapide d'url
  • Bouton et interface pour impression

Quiz de page d'accueil

Interface

Quiz simple avec question, et liste d'images à cliquer.

Fonctionnalités

  • Mobile-friendly (important)
  • Stockage des statistiques de réponse bonnes/mauvaises