UI/UX MOCKUPS

المدونة اللغوية المعيارية للحديث النبوي الشريف

عينات تصميم كاملة لـ 27 شاشة من شاشات النظام، بنظام تصميم موحّد بهوية إسلامية معاصرة، ودعم كامل للعربية واتجاه RTL.

27
شاشة جاهزة
7
مجموعات وظيفية
9
أدوار مستخدمين
📖 مستند تأسيسي · ابدأ من هنا

ما هدف هذا النظام؟
تعرّف على فلسفة المدوّنة وبنيتها

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

اقرأ التعريف بالنظام
📚
بنية هرمية
أمهات الكتب ← الكتاب ← الباب ← الحديث
🔬
4 طبقات تحليل
دلالي · صرفي · نحوي · بلاغي
⚖️
دورة اعتماد صارمة
تحرير ← مراجعة ← تحكيم ← نشر
🔍
تتبّع علمي كامل
من؟ متى؟ لماذا؟ لكل تغيير
01

المصادقة

🔐
01
تسجيل الدخول
شاشة دخول بهوية بصرية مميزة، تحقق ثنائي، ودعم الهوية الرقمية.
🎨 Full-screen · 🇸🇦 RTL
02-04

لوحات القيادة

🏛️
02
لوحة المدير العام
صورة استراتيجية للمشروع: مراحل، توزيع حالات، إنتاجية الأقسام، تنبيهات.
📊 KPIs · 🍩 رسوم بيانية
📊
03
لوحة المدير التنفيذي
لوحة كانبان لتشغيل العمل اليومي وجدول إنتاجية الباحثين.
📋 Kanban · 👥 الفرق
🎓
04
لوحة المدير العلمي
مؤشرات جودة الأقسام، الخلافات العلمية، الملاحظات المتكررة، الاعتمادات.
⚖ خلافات · 🎯 جودة
05-09

إدارة المحتوى الحديثي

📚
05
أمهات الكتب
إدارة المصادر الحديثية: البخاري، مسلم، والمصادر المستقبلية.
📖 المصادر
📖
06
الكتب والأبواب
شجرة هرمية تفاعلية لتصفح بنية المصدر: كتاب ← باب ← حديث.
🌳 Tree · 📂 شجرة
📜
07
قائمة الأحاديث
جدول متقدم بفلاتر، حالة الاكتمال لكل قسم، الباحث المسؤول.
📊 جدول · 🔍 فلاتر
🪪
08 · ⭐ الشاشة المركزية
بطاقة الحديث الكاملة
الوحدة المركزية للنظام: المتن، شريط دورة الحياة، المسائل الأبرز، الراوي، فريق العمل، التوقيتات.
⭐ مهم · 📜 شامل
👥
09
الرواة
بطاقات الصحابة والتابعين بتصميم أنيق وإحصاءات الرواية.
⊞ Grid Cards
🔄
26 · ⭐ جديد
مراحل بطاقة الحديث والتحليلات الكاملة
البطاقة في 12 مرحلة متسلسلة: استيراد، ضبط، تكليف، دلالي، صرفي، نحوي، بلاغي، علاقات، مراجعة، تحكيم، ونشر — في عرض واحد تفاعلي.
12 · مرحلة مع 4 تحليلات
27 · ⭐ جديد
إضافة حديث جديد
معالج (Wizard) من 4 خطوات: تحديد الموضع، إدخال النص والسند بأدوات تشكيل، الراوي، ثم مراجعة وحفظ.
Wizard متعدد الخطوات
✏️
28 · ⭐ جديد
تعديل بطاقة الحديث
وضع تحرير كامل للبطاقة: تحرير الخلايا inline، شريط تشكيل، إضافة/حذف صفوف، حفظ تلقائي، وعداد التغييرات المعلّقة.
Inline editing · Autosave
10-12

إدارة العمل والمهام

📦
10
حزم العمل
تقسيم المشروع إلى حزم تشغيلية مع نسب اكتمال لكل قسم لغوي.
📦 Packages
📋
11
توزيع المهام
إسناد ذكي للمهام مع رؤية أحمال الباحثين وحالاتهم اللحظية.
🎯 تكليف
✍️
12
مكتب الباحث
مساحة عمل الباحث: قائمة مهامي، نموذج التحليل، اقتراحات المساعد الذكي.
🤖 مساعد AI
13-16

الأقسام العلمية الأربعة

🔤
13
التحليل الدلالي والمعجمي
معنى إجمالي، معاني المفردات، حقول دلالية، شبكة مفاهيمية.
🌐 شبكة مفاهيم
🔡
14
التحليل الصرفي
تقسيم الحديث إلى كلمات ملوّنة حسب النوع، جذر، وزن، صيغة، قياس.
🎨 Highlight
📐
15
الإعراب والنحو
جدول إعراب كامل، أساليب نحوية، مع إبراز الخلاف العلمي.
⚖ خلاف
🎭
16
التحليل البلاغي
علم البيان، المعاني، البديع، مع شواهد ونظائر من القرآن والشعر.
✨ بلاغة
17-19

المراجعة والتحكيم والنشر

🔍
17
مكتب المراجع
صندوق المراجعة، ملاحظات على الحقول، سجل النسخ، قرار قبول/إعادة.
💬 Comments
⚖️
18
مكتب المحكم
ملخص الأقسام، حل الخلاف العلمي، اعتماد نهائي، قائمة انتظار.
⚖ تحكيم
🚀
19
إدارة النشر
نشر الدفعات، قنوات النشر (موقع، تطبيق، API)، الترجمات.
📡 Channels
20-21

الواجهة العامة (للجمهور والباحثين الخارجيين)

🌐
20
الموقع العام · البحث
صفحة هبوط بهوية بصرية أنيقة، بحث مركّز، إحصاءات لحظية.
🎨 Hero
📜
21
عرض الحديث للجمهور
واجهة مبسّطة للمستفيد: نص مضبوط، شرح مفردات، لطائف بلاغية.
📖 Reading
22-25

إدارة النظام

🔐
22
المستخدمون والصلاحيات
قائمة المستخدمين، الأدوار، مصفوفة صلاحيات تفصيلية لكل دور.
🔑 RBAC
📝
23
سجل التدقيق
Timeline للعمليات الحساسة مع تتبع التعديلات (Diffs).
🕒 Timeline
📈
24
التقارير والإحصاءات
مخططات إنجاز، إحصاءات لغوية بارزة، مكتبة تقارير قابلة للتخصيص.
📊 Charts
🔁
25
دورة العمل الكاملة
مخطط Swimlane يوضح مسار الحديث من الإدخال إلى النشر مع زمن كل مرحلة.
🌊 Swimlanes