---
# System prepended metadata

title: DEC!DE - Statut du projet App (Version modifiable)

---

# DEC!DE - Statut du projet App (Version modifiable)
*Dernière M-à-j: 06/12/2021*

<div style="text-align:center;">
<img src="https://i.imgur.com/Db1nkEq.gif">
</div>

### Notes préliminaires
:::warning
***NB**. Ce document sera régulièrement mis-à-jour et n'est pas contractuel*
- L'ASBL DEC!DE a été créée en décembre 2020 avec l'objectif suivant: 
    > *Proposer un parcours d’éducation à l’environnement qui a pour mission de conscientiser et d'encourager un changement de comportement*
- L'ASBL est active en parallèle sur le développement de 4 outils, de priorité équivalente: une web app, des outils nudge, une bande dessinée et des animations.
- L'ASBL est constitué de 4 membres, qui dédient leur temps libre au projet de manière bénévole.
- L'ASBL fonctionnant principalement sur base de dons/subsides, il est important de rappeler que la capacité de développement de l’app dépend du budget total collecté.
:::

### Historique 
:::info
#### Décembre 2020
:heavy_check_mark: Création officielle de l'ASBL
#### Janvier 2021
:heavy_check_mark: Présentation du projet en séance plénière du mouvement EPLB
:heavy_check_mark: Soumission du projet auprès d'Innoviris. (Malheureusement sans réponse positive)
#### Mars 2021
:heavy_check_mark: Enquête Google Forms auprès des partenaires (20 répondants). Les résultats peuvent être consultés [**ici**](https://docs.google.com/forms/u/4/d/1wYEujBd0O_wf2RLI0o4XE0KXIUjZ_EUZDuSpGjm2Gmw/edit?usp=sharing).

#### Avril-Mai-Juin 2021
:heavy_check_mark: 4 réunions de coordination avec EPLB (Marc Peeters, Caroline Nieberding)

#### Juillet 2022
:heavy_check_mark: Premières maquettes réalisées par l'équipe DEC!DE
:heavy_check_mark: Lancement du site vitrine de DEC!DE: **https://decideetvous.com/**

#### Aout 2021
:heavy_check_mark: Pitch du projet à l'accélérateur LeanSquare Transition

#### Octobre 2021
:heavy_check_mark: Partenariat avec l'entreprise [**JeudiMatin**](https://jeudi.am/)

#### Novembre-Décembre 2021 
:heavy_check_mark: Rédaction d'une 2e demande de subside auprès d'Innoviris 
:::

### Objectifs de l'app
1.  Sensibiliser et conscientiser à la crise climatique et de la biodiversité.
2. Donne des pistes d’actions/de solutions pour adopter un comportement plus respectueux de l’environnement.

> N.B. : Les deux crises sont à traiter de manière égale.

### Public cible de l'app
Le public cible doit être limité pour une question de méthodologie. Ainsi, il a été convenu que le public cible est les jeunes étudiant.e.s de 15 à 18 ans, dans le cycle supérieur de l’enseignement secondaire, issus des écoles techniques, professionnelles et générales francophones et néerlandophones.

> N.B : D’autres cibles pourront être développées par la suite mais nous mettons le focus sur les jeunes pour commencer.

### Thématiques abordées
:::danger
*NB. Ce point sera à discuter lors du workshop organisé avec Jeudimatin*
:::
1. Modules introductifs : Crise de la biodiversité et crise climatique
2. Modules sur lesquelles les citoyen.ne.s ont impact négatif et peuvent agir :
__Déchets__ : bien de consommation, plastique, mode… ⇒ état des lieux, impact sur le climat et sur la biodiversité, solutions, concepts.
__Alimentation__ : agriculture, déforestation... ⇒ état des lieux, impact sur le climat et sur la biodiversité, solutions, concepts.
__Numérique__ : minerai, fabrication, utilisation, 5G... ⇒ état des lieux, impact sur le climat et sur la biodiversité, solutions, concepts.
__Mode__: dérives de la "fast fashion", impact sur le climat et sur la biodiversité, solutions, concepts.
__Mobilités__ : voiture, bus, avion, train… ⇒ état des lieux, comparaison, impact sur le climat et sur la biodiversité, solutions, concepts.
__Energies domestiques__ : électricité, chauffage, eau, en lien avec l’utilisation de nos bâtiments ⇒ état des lieux, impact sur le climat et sur la biodiversité, solutions, concepts.

:::info
___NB. Sources intéressantes et fiables___:
* [Fresque du Climat](https://fresqueduclimat.org/)
* [Fresque de la Biodiversité](https://www.fresquedelabiodiversite.org/)
* [Calculateur Carbone soutenu par l'ADEME](https://nosgestesclimat.fr/)
* [Quiz Action Solution soutenu par l'ADEME](https://www.action-solution.org/)
* [Fresque de l'alimentation durable](http://fresquealimentation.org/)
* [Fresque de la mobilité](https://fresquedelamobilite.org/)
* [Fresque du numérique](https://fresquedunumerique.org/)
* [Fresque des déchets](https://greendonut.org/dechets/)
:::



### Premières maquettes 


| Menu principal                       | Architecture d'un module             | Ex. Contenu                          |
| ------------------------------------ | ------------------------------------ | ------------------------------------ |
| ![](https://i.imgur.com/3iC3s1z.png) | ![](https://i.imgur.com/VqfvY38.png) | ![](https://i.imgur.com/FjmhGhD.png) |
| **Ex. Quiz**                         | **Menu latéral**                     | **Ex. Eco-Fiche**                    |
| ![](https://i.imgur.com/hmQBzU8.png) | ![](https://i.imgur.com/VLUs9fa.png) | ![](https://i.imgur.com/wodDFx2.png) |
| **Ex. Eco-Fiche 2**                  | **Ex. Eco-Défis**                    |                                      |
| ![](https://i.imgur.com/svwD2wN.png) | ![](https://i.imgur.com/Bmn8n7C.png) |                                      |
|                                      |                                      |                                      |

:::info
*NB. Une version Figma des maquettes, avec quelques interactions, est disponible [**ICI**](https://www.figma.com/proto/clRpMjFZXGm4AmNBprIUfF/DECIDE---Mockups-APP?page-id=0%3A1&node-id=524%3A391&viewport=241%2C48%2C0.29&scaling=scale-down&starting-point-node-id=524%3A391&show-proto-sidebar=1)*
:::

#### Format d'un module (à rediscuter) 
:::danger
*NB. Ce point sera à discuter lors du workshop organisé avec Jeudimatin, cependant DEC!DE reste le décisionnaire final sur la ligne éditoriale et le canvas.*
:::
Rappelons que le contenu doit être avant tout pédagogique, "digeste" sur smartphone, et adapté/diversifié en fonction de notre cible principale que sont les adolescents de 15 à 18 ans.


En guise de première suggestion, DEC!DE propose le format suivant, pour chaque module/thématique:
1. **Podcast/Vidéo d'introduction**
    - A discuter: interview d'un expert scientifique d'EPLB?
2. __Quiz__
    - Il peut être intéressant, à titre pédagogique et motivationnel, de commencer par l'aspect ludique. L'utilisateur peut recommencer le quiz quand il le souhaite, et gagner davantage de "points". 
4. __Théorie vulgarisée__
    - 4 à 8 chapitres (1 chapitre => +- 3000 caractères max.)
    - Insérer un maximum de sources images/vidéo/audio
5. __Eco-challenges liés à la thématique__
    - A l'issue de chaque module, proposer des actions concrètes à réaliser en équipe 
        - *"Je m'engage à entreprendre ces actions" => +XP*


### Fonctionnement des partenariats 
:::danger
*NB. Ce point sera à discuter lors du workshop organisé avec Jeudimatin*
:::
* **Partenaires locomotives du projet** : DEC!DE, EPLB et jeudimatin.
    *   DEC!DE garant de l’apport climat, du développement de l’app, de la cohérence avec le projet global DEC!DE et du respect de la note de cadrage explicitée lors du workshop.
    *  Jeudimatin garant de l'éco-conception et du design de l'app, gérant du projet sur le plan opérationnel, contact avec les partenaires et lien entre technique et apport.
    *   EPLB garant de l’apport biodiversité, de la transparence avec l’aspect financier (sponsors) et du respect de la note de cadrage.
* **Partenaires financiers** : via du sponsoring. Peu importe le montant, la visibilité de chaque partenaire sera similaire au sein l'application dans un onglet dédié. 
* **Partenaires « en nature »** : Déterminer des groupes de travail en fonction des thématiques et des apports possibles (voir Google Form).

#### Création collaborative de contenu (à discuter)

Vu le nombre important de thématiques et de partenaires, il sera intéressant de hierarchiser les responsabilités. 

:::info
__Suggestion__: 
- DEC!DE, EPLB, JeudiMatin font partie du "Comité de gestion" du projet
    - Le comité de gestion est responsable de l'arborescence des thématiques et du contenu primaire.
- Pour chaque thématique, un groupe de travail est constitué
    - Sur base volontaire et d'un sondage auprès des partenaires bénévoles 
- Dans chaque groupe de travail, un "rédacteur.ice en chef" ou "rapporteur.se" sera désigné.e et responsable:
    - De s'organiser avec ses co-rédacteur.ice.s/relecteur.ice.s afin de créer le contenu
    - De rapporter les progrès/difficultés rencontrées au comité de gestion 
- Outils de collaboration
    - Google Drive et Google Docs (versions collaboratives)
:::


### Déroulement du projet
Le projet dans sa globalité, dépendamment de l'interaction avec les partenaires et du financement disponible, peut être subdivisé selon les étapes suivantes:

#### :heavy_check_mark:  1. Processus d'idéation: DEC!DE & EPLB
De nombreuses réunions de suivi en la présence de DEC!DE et EPLB ont permis de mieux cadrer le projet, et d'aboutir sur le prototypage de certaines maquettes, et d'entrer en contact avec l'entreprise JeudiMatin.

:::warning
__*[PROCHAINE ETAPE, en parallèle à la recherche de financement]*__
#### 2. Eco-conception orientée utilisateur.ice par JeudiMatin
Notre partenaire JeudiMatin organisera un Workshop: "Personas & Prototype" d’une journée (ou 2 x ½ jour) avec les personnes clés parmi EPLB, les partenaires bénévoles ainsi que notre équipe afin de définir en détail notre audience, l’articulation des contenus et d’élaborer un premier draft du fonctionnement de la web app. 
:::

#### 3. Spécifications fonctionnelles, graphiques et ergonomiques: JeudiMatin

En accord avec l’équipe et le focus group, cette phase visera à établir et formaliser :
- Les fonctionnalités de l’app, pour chacune des interfaces, sous forme de “user stories”.
- Les contraintes de design (Types de médias, Moodboard, “Look and feel” UX/UI, Customer Journey Map) et débouchera sur la rédaction d’un rapport (Analyse fonctionnelle), une charte graphique et un prototype manipulable, testable par les partenaires bénévoles.


#### 4. Création collaborative de contenu 
Avec l’aide des différent.e.s partenaires du projet et du focus group, le contenu scientifique de l’application sera discuté/sélectionné/vulgarisé.

#### 5. Spécifications techniques: DEC!DE & JeudiMatin
Dépendamment de la phase précédente, une analyse des exigences techniques sera établie et visera à documenter les méthodes et technologies sélectionnées pour faire face aux contraintes de réalisation du projet. Celles-ci dépendent de plusieurs facteurs tels que les supports choisis (“Mobile-first” ou “Cross-platform”), l’hébergement souhaité, le type et la quantité de données sauvées, la sécurité et la performance de l’application, l’interopérabilité et la modularité de la plateforme. Cette tâche débouchera sur la rédaction d’un rapport (Analyse technique et architecture logicielle). Un premier prototype (haute fidélité) sera également développé et évalué par le focus group.

Une architecture candidate retenue pour le moment est :
- Progressive Web App 
- Back-end: Node.js/Firebase
- Front-end: Angular/Ionic
- Headless CMS: Strapi

#### 6. Prototypage itératif, tests et validation
Le développement sera cadencé selon une méthodologie Agile centrée sur l’utilisateur. Ainsi, chaque “sprint” Scrum sera entrecoupé d’une phase de feedback (i.e. Usability Testing), conduite par un designer UX (à défaut, le full-stack développeur qui sera formé) et impliquant le focus group. Pour quantifier l’évolution du score d’utilisabilité, des outils tels que *System Usability Scale* seront utilisés. Par ailleurs, chaque “sprint” Scrum aboutira également sur une phase QA testing, automatisée si possible, incluant des tâches de :
- Functional Testing (p.ex. “Le cahier des charges fonctionnel est-il respecté ?”)
- Performance Testing (p.ex. “Le bilan carbone de l'app est-il minimisé ?”)
- Security & Privacy Testing (p.ex. “L’app est-elle protégée des cyberattaques courantes ?” ou “La régulation RGPD est-elle respectée ?”)

#### 7. Distribution et valorisation de l’app
L’application, dans sa version Web, sera distribuée par URL ou QR Code. Ses versions mobiles seront sur l’App Store et le Play Store. La valorisation de l’app sera “FREEMIUM”, c’est-à-dire qu’elle proposera l’essentiel des fonctionnalités gratuites au grand public, tandis que du contenu pédagogique sur mesure ou des services annexes pourront être facturés.

Par ailleurs, une partie du code source sera mise à disposition du grand public (i.e. open-source, c'est-à-dire avec la possibilité de libre redistribution et de création de travaux dérivés) afin d’encourager l’amélioration continue de la plateforme par et pour la communauté.

#### 8. Maintenance: correction de bugs, mises-à-jour et amélioration de l’app et du site




