دراسة حالة: جامع تفسير الشيخين، تطوير ويب لمكتبة فيها ١٤ مليون كلمة

جامع تفسير الشيخين على الكمبيوتر والموبايل، موقع من تطوير دورز

موقع جامع تفسير الشيخين بيجمع كلام شيخ الإسلام ابن تيمية وتلميذه الإمام ابن القيم على كل آية من القرآن الكريم، في مكان واحد مجاني وسهل البحث. دراسة الحالة دي بتشرح المطلوب كان إيه، والقرارات اللي أخدناها، والموقع بيعمل إيه في الآخر. وهو مثال واضح لنوع تطوير المواقع اللي بنحبه أكتر: موقع بنيته متصممة حوالين المحتوى، مش محتوى متحط في قالب جاهز.

المشروع في سطور

  • المشروع: جامع تفسير الشيخين، تفسير القرآن بكلام ابن تيمية وابن القيم
  • الرابط: tafsirshaikhain.com
  • شغلنا: الموقع كله من الأول للآخر: البنية وتجربة الاستخدام، وتصميم الواجهة، والتطوير، وتحويل الكتب المصدر لبيانات مرتبة على الآيات، والبحث، والتطبيق اللي بيشتغل من غير نت، والتحقق الآلي من النصوص، والـ SEO متعدد اللغات، والاستضافة والإصدارات
  • اللغات: محتوى عربي وإنجليزي، وواجهة بـ٤٨ لغة
  • بيشتغل على: أي متصفح، وينفع يتثبت على الموبايل كتطبيق

المطلوب

الإمامين ماكتبوش تفسير كامل مستقل للقرآن. كلامهم على الآيات متفرق في عشرات الكتب والفتاوى والرسائل، وأغلب المتاح منه على الإنترنت صور ممسوحة مينفعش تدوّر فيها. واللي عايز كلام الإمامين على آية واحدة لازم يقلّب في مجلدات كتير.

الهدف كان سهل يتقال وصعب يتبني: نجمع كل كلام الإمامين على كل آية، بنصه زي ما هو، مع الإحالة للمصدر، ونخليه سهل القراية والبحث والمشاركة على أي جهاز، ومجانًا.

حجم الشغل

أرقام المشروع نفسه، وهي بتتحدث مع كل إضافة، بتوضح الموقع كان لازم يشيل قد إيه:

  • ١٤٧ كتاب مصدر
  • أكتر من ٧٦,٤٠٠ صفحة مطبوعة، فيها حوالي ١٤ مليون كلمة اتقرت واتفهرست
  • أكتر من ٥٠,٤٠٠ موضع اتذكرت فيه آية
  • ٥,٤٢٨ آية ليهم فيها كلام
  • ٤,١١٠ آية ليها مختصر بكلامهم لحد دلوقتي
  • ١,٣٠٥ نقل عن السلف والمفسرين، ومع كل نقل موقف الإمام منه

وفوق ده صفحة لكل آية بالعربي وبالإنجليزي (٤,١٨٥ صفحة في كل لغة)، وصفحة لكل سورة من الـ١١٤ ولكل كتاب مصدر، وأكتر من ٨,٧٠٠ صفحة في خرايط الموقع.

عملنا إيه

صفحة تفسير الآية الثانية من سورة الفاتحة في جامع تفسير الشيخين: نص الآية وكلام ابن تيمية مع الإحالة
لكل آية صفحة: الآية، وبعدها كلام كل إمام بإحالة دقيقة للكتاب والجزء والصفحة.
  • صفحة لكل آية: الآية، وبعدها كلام الإمامين جنب بعض، وكل سطر معاه الكتاب والجزء والصفحة، وزرار ينسخه بالإحالة.
  • المختصر الأول، والنص الكامل بعده: مختصر من كلام الإمامين بنصه، وبعده النصوص كاملة لمن يذاكر أو يطلب الدقائق.
  • المعنى الإجمالي لكل آية من «التفسير الميسر»، في إطار لوحده عشان ميتلخبطش مع كلام الإمامين. والصفحات الإنجليزي فيها ترجمة المعنى، مع مصدرها ورقم إصدارها.
  • النقول منفصلة، ومع كل نقل موقف الإمام منه: حكاه، أو أقرّه، أو ردّه، أو استشهد به، أو رجّح غيره.
  • بحث في المصحف كله بالكلمة أو بالآية، واقتراحات وإنت بتكتب.
  • رابط لكل آية جاهز للمشاركة.
  • بيشتغل من غير نت: القارئ يقدر يثبّت الموقع على موبايله، وأي سورة فتحها بتفضل موجودة من غير اتصال.
  • تصويبات من القراء بنموذج بسيط، بتتراجع وتدخل في الإصدارات الجاية، وصفحة تحديثات بتسجّل كل تغيير.

بنيناه إزاي

صفحات جاهزة متولّدة مسبقًا

كل صفحة سورة وآية وكتاب بتتولّد مسبقًا كصفحة HTML عادية، وبتتقدّم من شبكة توزيع محتوى عالمية. فالصفحات بتفتح فورًا تقريبًا، والاستضافة تكلفتها قليلة، والزحمة المفاجئة مش مشكلة، ومحركات البحث بتقدر تقرا كل صفحة. والنقطة الأخيرة دي مهمة، لأن أغلب القراء بيوصلوا للموقع وهم بيدوّروا على آية بعينها.

البيانات حتت صغيرة

النصوص والترجمات والمعاني متقسمة لملفات صغيرة لكل سورة ولكل لغة. القارئ بيحمّل اللي فتحه بس، فأول زيارة بتفضل خفيفة حتى على موبايل متوسط وشبكة بطيئة.

البحث جوه المتصفح

فهرس البحث بيتبني مرة واحدة، والبحث فيه بيحصل جوه متصفح القارئ نفسه. مفيش سيرفر بحث محتاج تشغيل، والنتايج بتتحدث وإنت بتكتب، والبحث بيفضل شغال من غير نت.

تطبيق بيتثبت وبيشتغل أوفلاين

الموقع تطبيق ويب تقدمي (PWA). الـ Service Worker بيجيب الصفحات من الشبكة الأول عشان القارئ يشوف آخر إصدار دايمًا، ولو مفيش نت بيرجع للنسخة المحفوظة. أما ملفات البيانات فبتيجي من الذاكرة المحلية الأول وبتتحدث في الخلفية.

دقة بتتقاس

في مرجع زي ده، حرف غلط فارق. عشان كده بنينا الفحص جوه خطوات الإصدار نفسها: كل نص منشور بيتطابق آليًا حرف بحرف مع أصله، والفحص ده بيتعاد مع كل إصدار. والنصوص اللي النظام بيعلّم عليها إن احتمال الخطأ فيها أعلى بتتراجع مراجعة كاملة، وفيه عينات عشوائية بتتراجع لوحدها عشان تقيس مستوى الدقة، والشغل اتقابل بالجموع المطبوعة لتفسير كل إمام.

موقع واحد بـ٤٨ لغة

الواجهة مترجمة لـ٤٨ لغة، وكل صفحة بتقول لمحركات البحث النسخ المتاحة بلغات تانية، فالقارئ بيوصل للنسخة اللي بلغته.

النتيجة

جامع تفسير الشيخين على الموبايل: اختيار السورة، والبحث عن آية، والاختيار بين الإمامين
على الموبايل: اختار السورة، أو دوّر على آية، أو اقرا كلام إمام واحد بس.

تراث كان الرجوع له محتاج ساعات في مكتبة، بقى على بعد كام لمسة، مجانًا، على أي موبايل، بنت أو من غير نت. المدرّس يقدر يبعت لطالبه الآية بالظبط، والباحث يشوف كلام الإمامين مع بعض ومعاه الإحالات عشان يراجعها. والموقع لسه بيكبر: الأرقام اللي فوق بتتحدث مع كل إصدار.

ده يفيد مشروعك في إيه

أغلب المواقع مش مواقع تفسير، بس كتير منها عنده نفس المشكلة: محتوى كتير الناس مش عارفة توصله أو تستفيد منه. كتالوج منتجات، أو قاعدة معرفة، أو مكتبة قانونية، أو أرشيف جامعة، كلهم بيستفيدوا من نفس الطريقة:

  1. ادّي كل عنصر (منتج، أو مقالة، أو آية) صفحة سريعة ورابط خاص بيه.
  2. جهّز الصفحات مسبقًا على قد ما تقدر.
  3. خلّي الناس تدوّر بالطريقة اللي بتفكر بيها، وخلّي البحث سريع.
  4. ابني لشبكة بطيئة وموبايل قديم، مش للواي فاي بتاع المكتب بس.
  5. افحص الدقة آليًا مع كل إصدار.

لو عندك موقع فيه محتوى كتير في دماغك، فريق تطوير المواقع عندنا يسعده يتكلم معاك في البنية والسرعة والبحث. وتقدر تشوف أكتر من شغلنا في المدونة.

الخدمة المرتبطة تطوير المواقع والتطبيقات شوف إزاي بنشتغل عليها مع عملائنا ↗

يلا نشتغل.

عندك مشروع؟ احكيلنا عنه وهنرد عليك خلال يوم عمل.

ابدأ مشروعك ↗
استراتيجية العلامةالشعار والهوية البصريةدليل الهويةتصميم التغليفتنظيم الفعالياتإطلاق المنتجاتالمؤتمراتالتفعيلات التسويقيةأجنحة المعارضتصميم وتنفيذ البوثاتاللافتات والإرشادهوية المكاتبإدارة السوشيال ميدياإعلانات السوشيالإعلانات جوجلالمحتوى والريلزالتسويق بالمؤثرينتحسين محركات البحثSEO المحليتطوير المواقعالمتاجر الإلكترونيةتطبيقات الموبايلوكلاء الذكاء الاصطناعيموشن جرافيكأفلام مؤسسيةإعلانات التلفزيونإعلانات الراديواللوحات والشاشات الرقميةتخطيط وشراء المساحات الإعلانيةالرصد الاجتماعيإدارة السمعة