ما أفضل طريقة لعرض المصحف في التطبيقات بطريقة مطابقة تمامًا للنسخ المطبوعة

علا صالح · 2026-02-17T07:23:26+00:00

كثيرًا ما يطرح مطورو التطبيقات القرآنية هذا السؤال سعيًا للوصول لأفضل حل يعرض المصحف رقميًا داخل التطبيقات والمواقع بطريقة مطابقة 100% للمصحف المطبوع (خصوصًا...

عبدالرحمن نصار

علا صالح

وجدت انه يوجد بالفعل مشاريع mushaf layout

كما قلتي

فالحل هنا يجب أن يكون مصحوبًا بقاعدة بيانات Layout دقيقة ومضبوطة للقرآن الكريم على مستوى:

الصفحة: تحدد بداية ونهاية كل صفحة والآيات داخلها مع دعم الطبعات المختلفة
السطر: تقسيم الصفحة إلى 15 سطرًا مع توزيع الكلمات بدقة كما في المصحف
الكلمة: موقع كل كلمة داخل السطر وربطها بالآية

وهذا موجود بالفعل وتم الإنتهاء منه فلا حاجه لعمل مشروع لذلك

الروابط :

https://github.com/zonetecde/mushaf-layout

مشروع قل
https://qul.tarteel.ai/resources/mushaf-layout

عادل بن يحي

عبدالرحمن نصار شكرا جزيلا على تعريفنا بهذا المصدر

عبدالرحمن نصار

الروابط :

https://github.com/zonetecde/mushaf-layout

هذا المشروع وجدت فيه بعض المشاكل

ما وجدته مناسبا جدا بدون اخطاء هو مشروع مؤسسة قل

فيه كل ما تحتاجه لعرض المصحف

الكلمات
https://qul.tarteel.ai/resources/quran-script/61
تخطيط المصحف
https://qul.tarteel.ai/resources/mushaf-layout/10

٠ الخطوط
https://qul.tarteel.ai/resources/font/249

وقد استطعت عمل نتائج رائعه باستعمالها

عادل بن يحي

السلام عليكم، قمت بمراجعة هذا الموضوع مرة اخرى واقترح الاخوة العديد من الحلول ما شاء الله، لكل حل ايجابيات وسلبيات.
اعتقد ان حل استخدام الخط العثماني مع قاعدة بيانات لترتيب الكلمات حل نموذجي رغم صعوبة.
بعض التطبيقات وصلت فعلا للتنسيق المثالي للخط، لكن للاسف هي تطبيقات مغلقة وهو اختار ومجهود شخصي.
ما ينقصنا حسب اعتقادي هو حل مفتوح المصدر مدعوم من المجتمع.
ارجوا من الاخوة الاطلاع على مشروع https://github.com/adelpro/open-quran-view
قمت باجراء العديد من التحديثات خاصة في جانب التجاوب مع احجام الشاشات المختلفة، كما قمت بإضافة التفسير على مستوى الكلمة الواحدة وكل هذا من مصادر معلومة وموثقة.