TechQuiz Cahier spécification technique

Groupe :
• EL MOURABIT Mohammed
• FAKIHI Mouad

Sous la supervision de :
Mme ROUBI Sara
TechQuiz Cahier spécification technique

SOMMAIRE :
I. Présentation
II. Environnement et outils de travail
III. Les interfaces de l’application
1. L’interface Accueil
2. L’ensemble des interfaces
d’authentification
3. L'interface à propos de nous
4. L'interface de profil
5. L'interface de choix de langage de
programmation souhaité
6. L'interface de quiz
7. L’interface de résultat
8. L’interface de Rank
Tec Quiz Cahier spécification technique

I. Présentation

Notre projet consiste à créer une application mobile appelée

TechQuiz, qui est une application de quiz dans différents
langages de programmation. Il vise à permettre à l'utilisateur de
revoir et de tester ses compétences dans les langages de
programmation existants et de visualiser les résultats de ses tests
tout en fournissant des ressources d'apprentissage.

L'application permet aux utilisateurs de sélectionner le langage

de programmation souhaité, puis de passer un test de 10
questions dans ce langage via le système qcm. L'utilisateur doit
répondre dans les 15 secondes avant que l'application passe
automatiquement à la question suivante et obtienne 0 point pour
cette question, si la réponse est correcte, il obtient 1 point et vice
versa 0 point. Et à l'issue de 10 questions, si toutes les réponses de
l'utilisateur sont correctes, il recevra un badge de reconnaissance
et un point dans son propre profil, et dans le cas contraire, nous
vous enverrons vers des ressources pour apprendre et réviser
cette langue. De plus, chaque utilisateur du même téléphone
peut s'inscrire avec son propre compte.

L’application se présentera avec une page d'accueil avec 3

buttons (Log in, Log up, About us) après un système d'inscription
et d'authentification, puis une interface avec les langages de
programmation disponibles, une interface de test et de résultats
et une interface de profil et enfin une interface About us.
TechQuiz Cahier spécification technique

II. Environnement et outils de travail

Android Studio
Android Studio est un environnement de
Développement pour développer des
Applications mobiles Android.

Android Studio permet principalement

d'éditer les fichiers Java/Kolín et les fichiers de
configuration XML d'une application Android.

Il propose entre autres des outils pour gérer le

développement d'applications multilingues et permet de
visualiser rapidement la mise en page des écrans sur des
écrans de résolutions variées simultanément. Il intègre
par ailleurs un émulateur permettant de faire tourner un
système Android virtuel sur un ordinateur.
SQLite
SQLite est un système de base de données
Ou Une bibliothèque proposant un moteur
De bases de données relationnelles.
Il repose sur une écriture en C, un langage de
Programmation impérative, et sur une accessibilité via le
langage SQL (Structured Query Language).

SQLite présente la particularité d'être directement

intégré aux programmes et dans l'application
utilisant sa bibliothèque logicielle alors que ses
concurrents comme MySQL reproduisent de leur
côté le schéma classique client-serveur. Avec SQLite,
la base de données est intégralement stockée dans
un fichier indépendant du logiciel.
TechQuiz Cahier spécification technique

III. Les interfaces de l’application

IV. L’interface Accueil
L'interface principale est une
interface simple avec 3
boutons, un bouton "LOGIN"
pour se connecter et un autre
bouton "REGISTER" pour créer
un compte, et le dernier
bouton "ABOUT US" nous
transforme en une interface
qui contient des informations
sur l'application et les
programmeurs.
TechQuiz Cahier spécification technique

L’ensemble des interfaces d’authentification

RGISTER

L'interface qui permet aux

utilisateurs de s'inscrire et
d'accéder à l'application pour
utiliser ses services en
saisissant les champs suivants
: nom d'utilisateur et mot de
passe et confirmation du mot
de passe.
L'utilisateur doit remplir tous
les champs pour créer son
compte. Vous devez entrer un
nom d'utilisateur et même
mot de passe dans les 2
derniers champs, sinon un
toast apparaîtra vous
indiquant :

Et de même pour le cas du

mot de passe

Et pareil pour le cas si le

compte existe déjà
TechQuiz Cahier spécification technique

L’ensemble des interfaces d’authentification

Login

Les champs username et

password nous permettent la
connexion à l’application à
travers cette interface.
L'utilisateur doit remplir tous
les champs pour se connecter.
Vous devez entrer votre
propre nom d'utilisateur et
votre mot de passe, sinon un
toast apparaîtra vous
indiquant :

S'il y a une erreur dans le nom

d'utilisateur ou le mot de
passe

Et si tout est vrai

TechQuiz Cahier spécification technique

L'interface à propos de nous

Notre interface "About Us" est

une interface simple avec un
texte descriptif qui présente
l'application et les
développeurs de l'application
avec un bouton "BACK" qui
nous permet de revenir à
l'interface précédente.
TechQuiz Cahier spécification technique

L'interface de profil

Une interface pour chaque

utilisateur séparément, où ses
informations sont affichées (
username,score).
• Bouton "PASS QUIZ"
pour aller a l'interface
des languages de
programmation.

• Bouton "RANK" pour

voir votre classement par
rapport aux autres
utilisateurs.

• Bouton "DISCONNECT"
pour déconnecter.
TechQuiz Cahier spécification technique

L'interface de choix de langage de

programmation souhaité

Est une ListView des langages

de programmation
disponibles , Lors du choix de
l'un , nous allons directement
à l'interface de quiz.
TechQuiz Cahier spécification technique

L'interface de quiz

C'est l'interface importante de

l'application. En haut, il nous
montre le langage de
programmation sélectionné.
Il contient un champ qui
affiche la question et en
dessous les quatre réponses
possibles. En bas, il nous
montre combien de temps il
reste pour répondre à la
question, avec deux boutons ;
bouton pour confirmer la
réponse, si la réponse vraie un
toast apparaîtra avec le
message qui vous informe que
la réponse est vraie et meme
pour le cas ou la reponse est
fausse , Et quand le temps
s'écoule sans réponse aussi , et
l'autre bouton pour quitter le
quiz nous transforme à
l'interface de résultat.
TechQuiz Cahier spécification technique

L’interface de résultat

Une interface pour afficher le résultat, le nombre de réponses

correctes et incorrectes, et le résultat final. Si l'utilisateur a
répondu à toutes les bonnes réponses, cela lui apparaîtra un
badge de reconnaissance sinon un button "TRAINING" Il vous
dirigera vers un site web "w3school" pour réviser et apprendre
la langue.
TechQuiz Cahier spécification technique

L’interface de Rank

L'interface est une ListView

nous permet de trier les
résultats de tous les
utilisateurs et afficher leurs
noms et leurs score.