CAHIER DES

CHARGES
Application Mobile
Portefeuille électronique X-Card

PROPOSÉE PAR :
Mamadou Sounoussy Diallo El
Mehdi Zayani
PRÉSENTATION
GÉNÉRAL
Les monnaies virtuelles occupent à nouveau le devant de la scène. En effet, les monnaies
virtuelles suscitent l’intérêt et la curiosité du grand public et des observateurs ; Apple,
Google et Facebook proposent de nouveaux instruments de paiements. Cette
dématérialisation des supports monétaires concentre bon nombre d’interrogations.
Néanmoins, les innovations monétaires semblent suivre une dynamique forte qui
résulterait de la maturité de grands groupes issus d’internet, de créations technologiques et
de remises en cause de la finance traditionnelle au lendemain de la crise financière.

Dans notre cas on va souscrire des code QR qui sera notre monnaie virtuelle ,notre monnaie
virtuelle se recharge à travers les cartes bancaires, un système sera mise en place pour
alimenter notre compte, cette monnaie circulera en circuit fermé au sein du groupe
ESPORT ACADEMY qui permettra aux différents gamers de se faire plaisir en faisant des
achats ,donations ou pour participer aux tournois sur la plateforme de MODERNSTREAM.

Ces perspectives extraordinaires offrent une énorme opportunité de débloquer un marché

beaucoup plus vaste et mal desservi en impliquant le nombre toujours croissant de joueurs
qui souhaitent jouer à des jeux de manière compétitive, socialiser et acquérir une
expérience de croissance inestimable dans les sports électroniques.
PRÉSENTATION
DU PROJE
LE PORTEFEUILLE X-CARD :

Le portefeuille électronique X-Card est une application mobile lié à la plateforme Modern Stream
qui va permettre aux utilisateurs et en particulier les gamers de stocker leur argent dans un
portefeuille dématérialisé et en ligne. Ils peuvent ensuite l’utiliser pour les transactions numériques
directement à partir du portefeuille. Pour cela, il faut saisir les informations relatives à la carte
bancaire dans l’application X-Card. Les informations sont cryptées et vous ne pourrez utiliser le
portefeuille que lorsque vous aurez déverrouillé votre appareil et que vous l’aurez autorisé à accéder
à l’appli.

En définitive, l’application X-Card est un substitut à votre portefeuille physique qui a pour objectif de
simplifier les démarches de paiement et transaction de la monnaie virtuelle qui sera valable au
gamers pour participer à des programmes et des compétitions fourni sur la plateforme Modern
Stream. Donations, options que la plateforme propose.

CIBLE À LAQUELLE S’ADRESSE L’APPLICATION :

Le groupe ciblé par l’application X-Card est principalement composé de fans d’e-sport et jeux vidéo,
en particulier tous les utilisateurs inscrit sur la Plateforme de streaming Modern-Stream, les
streamers et les spectateurs.

Dans sa première version, l’application sera destinée à mettre en contact le groupe de 16 à 25 qui
représente la plus grande partie de public ciblés.

ESPERANCE DE RETOUR SUR L’INVESTISSEMENT:

En investissant dans ce projet nous espérons:

Faciliter l’utilisation de l’application.

Assurer un bon mode de paiement.
ERGONOMIE

DESIGN ET MAQUETTAGE :
Tous nos services sont attractifs, mais inutiles sans interfaces utilisateur facile à utiliser, Notre
Portefeuille X-Card doit parvenir à l’efficacité et l’efficience grâce à une bonne interface utilisateur.

La simplicité d’utilisation est en effet un paramètre fondamental pour notre application, cela va
créer une bonne expérience utilisateur-gamer.

X-Card sera facilement accessible grâce à son ergonomie, son design qui sera proche de l’interface
de la plateforme Modern-Stream, et aussi la cohérence de son apparence et ses différentes
fonctionnalités.

https://drive.google.com/file/d/1XKl6uLSkK88FsLmiaI4X3Tt9TWZF2gol/view
 PRINCIPAUX AVANTAGES DU X-CARD
Vitesse de transaction élevée. Les transactions en monnaie électronique sont effectuées
en quelques minutes.

Sécurité accrue. Si vous perdez votre carte de crédit, vous devrez contacter la banque
pour faire opposition et en émettre une nouvelle. Avec la X-Card, les informations sont
stockées par un fournisseur tiers.

Processus de transaction simplifié. L’application ouvre la possibilité de paiement en

ligne, le paiement via des codes QR.

Accès à de nombreuses différentes valeurs de recharge, peu importe le type de carte

bancaire dont vous disposez. Ils peuvent aussi être utilisés pour les cartes de fidélité et
même les coupons promotions qui seront mise en place.

Elle permettra également de guidé les gamers jusqu'au magasin du partenaire via un
système de géolocalisation qui sera mise en place.

Un compte enregistré dans le système de services de paiement est valable pendant une
période déterminée.

DESCRIPTION FONCTIONNELLE
FONCTIONNEMENT GÉNÉRAL DU L’APPLICATION X-CARD :
X-CARD – Application qui va interconnecter avec la plateforme de streaming Modern–Stream plus les
banques, les constructeurs et les distributeurs. Et pour cela on va souscrire un système des code QR
qui seront génères a travers le site https://qrzilla.mobi/fr/

Ce système sera monétisé : 1 Code QR = 20/50/100/200 DH = G-coin. Cela va permettre au gamers

d’avoir des jetons G-coin qui vont servir pour :

Accéder aux tournois.

Payer des options sur Modern Stream.
Stockage sur le compte virtuel qui peut être destiné pour les
donations ou pour changer d’habillage de leur espace perso
FONCTIONNEMENT GÉNÉRAL DU L’APPLICATION X-CARD :
Les besoins fonctionnels expriment les principales fonctionnalités de l'application sans se
préoccuper de la façon de l'implémentation.

Il va sans dire que l’authentification est une

caractéristique majeure quand on veut créer une
Authentification : application Wallet. On peut avoir un system que
l’utilisateur doit s’inscrire en utilisant une
authentification à deux facteurs : Face ID ou Touch
ID.

L’utilisateur peut acheter via sa carte des coins.

L’utilisateur scanne un code QR unique. En retour
Scan & Pay :
le code générée stocke une somme précise d’une
monnaie virtuel ou jetons lorsque la transaction est
effectué, l’utilisateur peut consulter les détails du
paiement.

La différence conceptuelle entre une application

Gestion des cartes : de banque mobile et notre portefeuille numérique
est que ce dernier accumule une grande variété de
cartes.

La qualité de son support à la clientèle est un

facteur important. En effet, tout service en manque
d’assistance pourra clairement être source de stress
Un Service Client : et de frustration pour tout utilisateur en difficulté,
donc la mise en place d’un système de
communication avec les modérateurs est
souhaitable. Numéro assistance, ou création de
ticket, Zendesk.

En principe recevoir une notification lors d’une

Recevoir des notifications : transaction succès est une nécessité, aussi lors des
promotions sur jetons ou des offres spéciales.
SPÉCIFICATION DES BESOINS NON FONCTIONNELS :
Les besoins non fonctionnels décrivent toutes les contraintes techniques, ergonomiques et esthétiques
auxquelles est soumis le système pour sa réalisation et pour son bon fonctionnement. Et ce qui concerne notre
application, nous avons dégagé le besoins suivants :

Lle portefeuille mobile doit être disponible pour être

Disponibilité utilisé par n'importe quel utilisateur

Nous devons prendre en considération la confidentialité

La sécurité de l’accès aux des données bancaires sensibles des utilisateurs et
informations critiques : gamers surtout au niveau de l’authentification. Pour cela
nous devons restreindre l’accès à ces informations à
l’administrateur.

La fiabilité: les données fournies par l'application doivent être

fiables.

La simplicité d'utilisation : :L’application doit fournir une interface conviviale et

simple pour tout type d’utilisateur car elle présente le
premier contact de l’utilisateur avec l’application et par
le biais de celle-ci on découvrira ses fonctionnalités

Le maintien: Le code de cet application est lisible et compréhensible

qui assurer son état évolutif et extensible

La rapidité : X-Card offre un gain de temps pour l'utilisateur

puisqu'elle valorise l'accès directs au transaction et
achat des jetons grâce à des interfaces bien liées.

FONCTIONNEMENT PAR PARRAINAGE :

Le réseau X-Card fonctionne suivant un système de parrainage permettant d’agrandir la communauté. En effet,
les nouveaux membres sont recrutés selon une base de confiance mutuelle dans le but de veiller à la sécurité et
à l’intégrité du réseau.

De ce fait, un individu déjà membre du réseau peut accumuler un maximum de jetons en recrutant des proches
et des personnes appartenant à sa liste d’amis dans les réseaux sociaux. Cela lui permet de gagné quelques
jetons de plus. Ces personnes, à leur tour, vont proposer de nouveaux individus appartenant à leur cercle d’amis
pour agrandir la communauté et optimiser leurs gains en jetons.
FONCTIONNEMENT RECHARGÉ LE COMPTE PAR CARTE
BANCAIRE :
Pour réaliser un achat de G-COIN avec une CB sur X-CARD, il vous faut d’abord ouvrir un compte sur
notre plateforme. Une fois votre compte utilisateur ouvert, vous devez renseigner votre compte bancaire
,et ajouter la ou les cartes bancaires que vous souhaitez utiliser pour pouvoir acheter du G-COIN.

Par défaut, le nombre de cartes bancaires actives pour chaque compte sera limité à deux, mais vous
pouvez faire une demande d’ajout de cartes supplémentaires si vous le souhaitez.

Le client se connecte à l’application X-card et clique sur acheter du Gcoin

Le client saisi le montant qu’il veut dépenser, le système affichera alors

automatiquement le montant équivalent en G-coin que le client peut obtenir.

Pour valider la transaction il doit sélectionner sa carte bancaire qu’il veut utilisé

Enregistrer les renseignements de la carte

Vérifiez les informations de paiement et confirmez la transaction.

Actualiser votre compte ,pour ensuite vérifier votre wallet.

FONCTIONNEMENT RECHARGÉ LE COMPTE PAR CODE QR

ACHETÉ CHEZ LE DISTRIBUTEUR:

L'utilisateur scanne le code QR sur le smartphone avec l’ application x-card. Ils confirment le prix, si
nécessaire, avant de taper pour finaliser la conversion. Un message de confirmation lui sera affiché pour
l’informer que son wallet est alimentée.

La logique est la suivante: en scannant le QR code, le client (ou l'utilisateur) ouvre une API de paiement
comprenant l’ensemble des informations de la transaction. Le client valide la transaction en général sur
X-Card.

Le client lance l’application X-Card

Le client scanne le QR code payé chez le distributeur

L’application de paiement s’ouvre

Le client valide le paiement via son application.

PAIEMENT PAR CODE QR
L’utilisateur génère un code QR de transaction selon le protocole de paiement
X-CARD et le payeur va sur "Scanner le code QR" dans les divers plateformes de
Esport Academy afin d'effectuer le paiement.

ENVOYER DES REÇUS AUX CLIENTS QUI ONT PAYÉ AVEC

UN CODE QR OU CB
Une fois que vous avez scanné un code QR pour participer à des tournois sur MODERN-STREAM ou faire
des donations ,le système lui envoie un reçu numérique par SMS ou par courriel afin qu’il ait une preuve
de la transaction.

SÉCURITÉ APPLICATION ET CODE QR:

Pour les portefeuilles électroniques, le code QR représentant la clef publique, utilisable par des tiers
pour créditer de la monnaie virtuelle, il s'agit d'une simple adresse; pour la clef privée correspondante,
qui permet de réaliser des transferts, la qualification de clef électronique paraît appropriée. La
confection d’inscription d'entrée pourrait ainsi qualifier de contrefaçon de clefs électroniques .La copie
du code QR appartenant à autrui, p.ex. De son portefeuille virtuel ou de son code réseau, constitue un
vol de clef électronique.

Pour garantir la sécurité des accès et des transactions, une solution consiste à recourir à des codes qui
ne sont valables qu'une seule fois, sous forme de one-time-passwords(OTP) ou de transaction
authentication number(TAN). Si ces codes ont fait leurs débuts dans les transactions bancaires, elles
permettent aujourd'hui également de mettre en place une double authentification(two-factor
authentication)qui augmente la sécurité pour toutes sortes d'accès.

Ces codes uniques peuvent être transmis sur papier à l'utilisateur, celles sont générés sur base de la
synchronisation temporelle par des jetons d'accès, envoyés sur une appareil mobile ou être intégrés
dans des algorithmes d'une application(GoogleAuthenticator).Ils se composent en général d'une suite
de chiffres, valable une seule fois ,et ,pour la plupart uniquement pendant une période de temps limitée
.

Les code QR X-card seront statiques et ne pourront pas être modifié après création.

Pour mieux améliorer la sécurité , on intègrera une authentification a deux facteurs, pour les profils en
ligne contenant des informations privées et financières sensibles, de nombreuses institutions ont mis en
place une authentification à deux facteurs . Cela ajoute une étape supplémentaire après avoir entré vos
informations de connexion en demandant une série de numéro générée a travers votre système de
sécurité , dans lequel l’appli reconnaît que vous êtes le véritable utilisateur.
ARCHITECTURE
DU SYSTÈME

Faciliter l’utilisation de l’application.

Assurer un bon mode de paiement.
L’APPLICATION WALLET X-CARD :
ÉTAPE D’INSCRIPTION :
TÉLÉCHARGEMENT ET INSTALLATION DE L’APPLICATION :
Dans un premier temps, vous devez télécharger, puis installer
l’application X-CARD sur votre smartphone. Elle est compatible aussi
bien sur les smartphones fonctionnant sous Android qu’iOS. Ainsi,
vous pouvez l’obtenir selon le système d’exploitation de votre
appareil.

RENSEIGNEMENT DES INFORMATIONS PERSONNELLES:

Dans cette prochaine étape, vous devez renseigner vos informations
personnelles telles que votre nom, prénom, votre adresse email et créer
un mot de passe

VALIDATION DU COMPTE
L’étape suivante consiste à vérifier l’authenticité de votre compte. Cette
étape fait partir du processus KYC X-CARD, qui entre dans le cadre de
la régulation en vigueur du domaine financier. Pour cela, vous pouvez
le faire par le biais de votre numéro de téléphone ou votre compte
Facebook.

CRITÈRES D’APPRÉCIATION:

Avoir un accès sécurisé à l’application.

Pouvoir faire un suivit des transactions.

Assurer les sauvegardes de façon transparente et les restaurations avec aisance.

Faciliter la recherche et l’étude statistique (chiffres d’affaires réalisés, meilleures ventes,

périodes des ventes).

Faciliter l’élaboration des rapports pour constater l’avancement de l’activité.

Respect de la charte graphique de l’entreprise (couleur, logo …)

Critères non fonctionnels (légèreté, rapidité de calcule, optimisation de l'espace mémoire)

MÉTHODOLOGIE ET APPROCHE
ADOPTÉE
Avant de programmer l’application et se lancer dans l’écriture du code : il faut tout d’abord
organiser les idées, les documenter, puis organiser la réalisation en définissant les modules et les
étapes de la réalisation La modélisation consiste à créer une représentation virtuelle d’une réalité
de telle façon à faire ressortir les points auxquels on s’intéresse. Dans le cadre de notre projet on a
utilisé la méthodologie UML pour la modélisation des différents diagrammes.

PRÉSENTATION D’UML :
En regardant les objectifs fixés pour la réalisation du projet, nous avons remarqué que nous
sommes en face à une application modulaire et qui devra rester ouverte pour les améliorations
futures.

De ce fait, il est très important d’utiliser un langage universel pour la modélisation afin de clarifier
la conception et de faciliter les échanges.

Notre choix est porté sur le langage d’analyse et spécification des besoins UML puisqu’il convient
pour toutes les méthodes objet et se prête bien à la représentation de l’architecture du système.

IDENTIFICATION DES ACTEURS :

Notre System présente deux acteurs principaux :

Le client : C’est l’acteur principal de notre application il profite de toutes les fonctions
offertes par l’application.

L’administrateur : Le rôle de cet acteur est de gérer les comptes et les clients ainsi que
leurs demandes et de répondre aux messages envoyés par les utilisateurs.
 ADMIN CLIENT

Consulter ses informations personnelles La gestion des clients ainsi que les
ainsi que son compte bancaire. comptes bancaires

Consulter toutes les transactions La gestion des transactions effectuées

effectuées sur son compte. § par les clients
Transformer la monnaie réel a monnaie
virtuel (jetons) et consulter le nombre La gestion des communications avec la
des jetons accumulées. clientèle. § Bloquer un compte pour une
courte période ou le supprimer
Convertir de la devise et visualiser le définitivement, annulé des transactions,
cours de change faire des transactions...

CONCEPTION UML :
Diagramme de cas d’utilisation :

Le diagramme de cas d’utilisation représente les actions réalisées par le système, pour avoir un
résultat qui répond au besoin d’un acteur particulier

https://drive.google.com/file/d/17sGkfXfleHmP4d2aqUEwiGuZUUhmu8Mn /view?usp=sharing
ENVIRONNEMENT ET OUTILS DU
TRAVAIL

PROPOSITION POUR UN ENVIRONNEMENT DE

DÉVELOPPEMENT :

Application Client/server: L’application pourra être installée sur un Cloud vu sa

flexibilité, son faible coût et le soutien de ses experts informatiques. Exemple de cloud
AWS en raison de leur coût par rapport aux autres fournisseurs.

Système de gestion de base de données : Le système de gestion de base de données

utilisé par le système d’information doit être gratuit PostgreSQL par exemple pour sa
haute disponibilité et le concept de réplication qui permet de partager les informations
et garantir la sécurité et la disponibilité des données entre les serveurs.

Les outils de développement : Les outils de développement qui seront utilisés doivent
être libres et gratuits, comme il s’agit d’une application mobile on va utiliser React
native car il communique avec des composants ciblés pour IOS ou Android et moins
gourmand en code que les autres plateformes de développement.
TECHNOLOGIE PROPOSÉE : REACT NATIVE

Comme langage de programmation front end on pourra utiliser dans ce

projet le JavaScript et plus particulièrement un de ces Framework pour
développer des applications mobiles, React Native.

Le but d'avoir choisi React Native est de coder dans un seul langage, le
JavaScript, et que l'application puisse fonctionner sur les deux systèmes
d'exploitation, Android et iOS.

Pour pouvoir utiliser React Native et installer des librairies, il faut installer NodeJS sur l'ordinateur.

Installation avec NodeJS, depuis un interpréteur de commande (exemple Windows PowerShell

sur pc). Pour installer expo-cli qui contient React Native il faut ouvrir un interpréteur de
commande et taper la commande "npm install -g [email protected]" ainsi que les chiffres après ce
dernier permettent de choisir la version, si la commande est exécutée sans le @ et les chiffres
après, NodeJS ira chercher la dernière version déployée du Framework).