Aller au projet

RÉALISATIONS / 02

Jibril.me.

Lire. Écouter. Progresser.

Sur iOS, Android et le Web, Jibril.me réunit lecture du Coran, audio verset par verset, outils d’étude et horaires de prière. Un produit complet, du parcours invité aux abonnements et à son administration.

Application disponible en
  • Anglais
  • Français
Jibril.me — Mise en situation de l’application web
Jibril.meMise en situation de l’application web
Jibril.me sur iOS : liste des sourates et navigation de l’application.
iOS

LE CONTEXTE

Un compagnon de lecture au quotidien.

Le projet dépasse la consultation de textes : il permet de reprendre une lecture, d’annoter un verset, de retrouver ses questions et de suivre sa progression. Nous avons relié ces usages à un même compte, à des contenus multilingues et aux services mobiles. La plateforme associe une application Laravel / React à des clients Flutter pour iOS et Android, avec un socle Web partagé et des intégrations natives.

01 · iOS · Android · Web

Trois supports. Un même parcours.

Un socle Web commun, prolongé par les intégrations mobiles propres à chaque système.

Application iOS

Un client Flutter avec WebView iOS, liens universels, notifications push et achats intégrés. L’application conserve la dernière page consultée et adapte son démarrage et son apparence au système.

Application Android

Un client Flutter avec WebView Android, App Links et notifications OneSignal. Gestion du bouton retour, actualisation par glissement, reprise de navigation et parcours d’achat relié au compte.

Application Web

Lecture et espace personnel dans le navigateur, avec une interface adaptée aux écrans mobiles et au bureau. Le compte relie les données de progression, les annotations et les préférences aux différents accès.

Application Web Jibril.me : sourates, recherche, reprise de lecture et accès aux outils d’apprentissage.
L’application Web, depuis le navigateur.Sourates · Recherche · Reprise de lecture

02 · Lire & écouter

Une lecture qui garde le fil.

Le texte, l’audio et la position de lecture fonctionnent ensemble, jusque dans les changements de sourate.

Le lecteur Jibril.me sur iOS : texte arabe, traduction, verset actif et commandes audio.
Capture de l’application iOS issue du projet.

Un corpus structuré

Intégration de 114 sourates et 6 236 versets, avec le texte arabe et les traductions française et anglaise. Navigation par sourate et parties, recherche et contenus organisés par langue.

Un lecteur verset par verset

Lecture plein écran ou mini-lecteur, verset actif mis en évidence, précédent / suivant et déplacement dans l’audio. Le lecteur conserve sa session pendant la navigation et enchaîne les sourates sans recréer tout l’espace de lecture.

Une chaîne audio sur mesure

Génération des voix françaises et anglaises avec ElevenLabs, mise en cache des fichiers et préchargement des prochains versets. Les durées mesurées alimentent la progression et le temps d’écoute restant.

Reprendre au bon endroit

Mémorisation du dernier verset et historique de lecture rattachés au compte. La progression reste distincte selon la langue ; un verrou entre onglets évite que plusieurs fenêtres pilotent la même session de lecture.

03 · Comprendre

Du verset à la réflexion.

Des outils d’étude directement reliés au passage consulté, plutôt que dispersés dans plusieurs espaces.

Notes contextualisées

Prendre une note depuis un verset ou un mot sélectionné, puis la retrouver, la modifier ou la supprimer. Les annotations restent liées à la sourate, au verset et à la langue de travail.

Questions & assistance IA

Enregistrer une question générale ou liée à un passage, suivre son traitement et conserver une réponse personnelle. Les comptes Premium disposent aussi de réponses assistées par l’IA, demandées explicitement depuis leur espace.

Personnages & points clés

Fiches de personnages, rôles, descriptions et informations clés associés aux sourates. Ajout manuel, modification et listes personnelles, avec génération assistée des personnages et résumés pour les comptes Premium.

04 · Au quotidien

Les rappels au bon moment.

Horaires locaux, calendriers et notifications relient l’application aux usages de chaque journée.

Horaires par ville

Intégration de l’API AlAdhan, catalogue de villes, méthodes de calcul adaptées et gestion des fuseaux horaires. Les données sont synchronisées et mises en cache pour alimenter le tableau de bord et les pages locales.

Calendriers de prière

Génération de calendriers ICS et liens webcal, en français et en anglais, sur une fenêtre glissante de sept jours. Les utilisateurs peuvent retrouver les horaires de leur ville dans une application de calendrier compatible.

Push & préférences

Notifications OneSignal selon la ville choisie, le fuseau horaire et les préférences du compte. Le pont Web / mobile relie les appareils au compte, tandis que les rappels par e-mail suivent leurs propres choix de notification.

Le verset du jour

Rotation quotidienne de versets sélectionnés, avec texte et traduction dans la langue de l’utilisateur. Consultation, validation de l’exercice du jour et rappels prévus dans le parcours.

05 · Progression

Donner envie de revenir.

Une progression lisible, fondée sur les actions réellement enregistrées dans l’application.

Historique & objectifs

Vue de progression par langue, sourates commencées et terminées, versets lus et historique quotidien. Le parcours conserve un objectif de lecture journalier et permet de réinitialiser une langue sans effacer les autres.

XP, badges & niveaux

Attribution de points d’expérience pour la lecture et les actions d’étude, badges de réussite et niveaux liés aux semaines validées. Les récompenses et leur historique restent rattachés à la langue de progression.

Découverte sans rupture

Visite guidée du tableau de bord et de la lecture. Sur mobile, le mode invité ouvre les trois premières sourates ; la création d’un compte reprend les données de cet invité sans perdre la progression déjà réalisée.

06 · Plateforme

Tout ce qui fait vivre le produit.

Conception, accès, abonnements et exploitation ont été développés autour des mêmes parcours.

Conception & langues

Cadrage des parcours de lecture, d’étude et d’abonnement. Application disponible en français et en anglais, lecture du texte arabe, adaptation du sens de lecture et apparence claire, sombre ou système.

Premium sur Web & mobile

Abonnements Web avec Stripe et intégration des achats intégrés iOS / Android via RevenueCat. Restauration des achats, rapprochement avec le compte, gestion de l’accès Premium et e-mails de suivi de l’abonnement.

Comptes & accès

Inscription, vérification d’e-mail, récupération du mot de passe, double authentification et clés d’accès. Gestion des appareils et de leurs accès, avec des parcours distincts pour les invités, les membres et l’administration.

Administration & support

Gestion des utilisateurs et du Premium, tickets d’assistance avec pièces jointes, notifications et journal d’activités. L’administration supervise aussi les imports et générations audio, avec suivi, pause, reprise et arrêt des traitements.

Des contenus découvrables

Pages publiques multilingues pour les sourates, les horaires de prière et le Ramadan, organisées par pays et ville. Recherche dans les catalogues, métadonnées localisées, sitemap et liens vers les parcours de l’application.

Pour aller plus loin.

Jibril.me (nouvel onglet)

Le site officiel et ses services de lecture et d’horaires de prière.

Jibril.me sur l’App Store (nouvel onglet)

La fiche officielle de l’application iPhone, publiée par Gabriel Genoni.