1) Solution technique :

La plateforme Sanabel va comporter de x parties majeures :

- Le site web : C’est la partie qui assure la consultation et l’administration/configuration des

livres interactifs offerts par Sanabel BE, c’est aussi la partie responsable de regrouper les
usecases des acteurs : élève, parent, visiteur, professeur.
- Le backoffice : C’est une solution web censée pour l’administrateur de la plateforme à fin de
gérer ses différents modules en possédant des permissions de plus haut niveau.
- Les livres interactifs : Se sont les applications/parties d’apps Sanabel qui ont été développées
en mobile qui vont être reproduites en mode web qui seront introduites dans le nouveau site
web Sanabel donnant l’élève la possibilité de revivre l’expérience mobile sur son pc.

Notes techniques :
 Ces différentes parties composantes seront interconnectées grâce à un seul
backend qui gère la logique en arrière plan et assure la communication et
synchronisation entre ces dépendances, les données seront regroupées dans une
base des données unique pour faciliter leur manipulation.
 Les applications mobiles déjà faites avaient des exercices paramétrables mais pas
configurables en mode web les exercices devraient passer à un niveau
d’abstraction plus élevé pour assurer leur configuration par les profs.
 Contrairement aux apps mobiles dont les ressources sont récupérer en mode
locales les livres interactifs en web vont se baser sur la récupération des
ressources depuis le serveur (backend) se qui engendre une architecture 3-tiers.

2) Besoins fonctionnels :

Les besoins fonctionnels d’un système décrivent ce qu’il offre à ses utilisateurs.

 Le professeur :

 S’authentifier sur le site comme prof (email/mp).

 Consulter les livres.
 Lire les livres en PDF.
 Voir le livre interactif sur le site.
 Consulter les exercices d’un livre.
 Ajouter/supprimer un exercice.
 Activer/désactiver un exercice.

 Visiteur :

 Consulter les différent livres et niveaux.

 Lire les livres en PDF.
 Essayer les livres en ligne.
  Elève/Parent :

 Toutes les fonctionnalités de visiteur

 S’inscrire et s’authentifier.
 Voir l’historique des exercices et les scores faits.

 Administrateur :

 S’authentifier en tant qu’admin.

 Créer un compte professeur.
 Ajouter/supprimer un exercice.
 Activer/désactiver un exercice.
 Consulter les statistiques.

3) Aperçu API :

 Users-auth
 POST: Login user, get access token from credentials.
 GET: Get the authenticated User.
 GET: Logout, invalidate Token.
 POST: Forgot password
 POST: Password reset
 Users
 POST : Register (Signup)
 POST: Update profile
 Subject
 GET: Get a subject (show)
 GET: Get all subjects
 PATCH : Update a subject
 DEL : Delete a subject
 POST: Add a subject
 Level
 CRUD (The above actions on Level model).
 Book
 CRUD (The above actions on Book model).
 Type-Exercise
 CRUD (The above actions on Type-Exercise model).
 Exercise
 CRUD (The above actions on Exercise model).
 Model1 (HouroufEx)
 CRUD (The above actions on HouroufEx model).
 Model2 (TamarinColorsEx)
 CRUD (The above actions on TamarinColorsEx model).
 4) Exemple de configuration exercice :

On va s’intéresser dans cet exemple à la configuration du 1er exercice appelé ‘Hourouf Ex 1’ du

niveau1 (13 ans +).

Grace au backoffice le prof pourra essentiellement, manipuler un model d’exercice (crud) qui est
dans ce cas le model ‘Level1HouroufEx1’ , ce model comme tt autre appartient à un exercice qui à
son tour appartient à un ‘type_exercice’.

Une fois sur son backoffice et à fin de créer un model ‘Level1HouroufEx1’ le prof doit :

- Choisir parmi les types d’exercice proposés un type à manipuler (‘Level1HouroufEx1’ ).

- Choisir parmi les lettres alphabétiques de la langue arabe (grid des boutons) une lettre.
- Remplir les champs nécessaires et adéquats du modèle (name,pic,sound, draggableLetter,
draggableLetter_Pos_Type, text1,).
- Sauvegarder le model.

NB :

- Lors de la création du model, ce dernier reste inactif (ne reflétant pas sur l’app mobile).
- Pour activer le model le prof doit cliquer sur un bouton et confirmer.
- Le prof ne peut activer que 4 modèles à la fois par lettre alphabétique.