مخططات نظام ناف

للحلول الإعلانية المتكاملة - وثيقة المخططات الفنية

يحتوي هذا المستند على ٣ مخططات معتمدة لنظام إدارة الموقع

📊

Lifecycle Diagram

دورة حياة الطلب من الاستلام للتسليم

👥

User Diagram

المستخدمون والصلاحيات

⚙️

Functionality Diagram

هيكلية الوظائف والمكونات

📌 معلومات النظام

الموقع: ناف للحلول الإعلانية
النوع: موقع تسويقي + لوحة تحكم
المنصة: ويب (HTML/CSS/JS)
قاعدة البيانات: localStorage
اللغة: العربية / RTL
المستخدمون: ٣ مستويات
📊 المخطط الأول

Lifecycle Diagram - دورة حياة الطلب

يوضح المخطط رحلة الطلب الكاملة من لحظة استلامه عبر النموذج حتى تسليم العمل النهائي للعميل

١. استلام الطلب من العميل عبر النموذج 📥 ٢. المراجعة تقييم متطلبات العميل 🔍 ٣. عرض السعر إرسال للعميل 💰 ٤. الموافقة قبول العرض ٥. التنفيذ العمل على التصاميم 🎨 ٦. المراجعة تعديل + موافقة العميل 📝 ٧. التسليم رفع الملفات للعميل 📦 ٨. إغلاق الطلب الأرشفة والتقييم 🏁 ⏱️ المدة الزمنية المتوقعة: • المراحل ١-٣: من ١-٢٤ ساعة (الرد الأولي) • المراحل ٤-٦: من ٣-١٤ يوم (حسب نوع المشروع) • المراحل ٧-٨: من ١-٣ أيام (التسليم النهائي) 👥 المسؤولون: • المراحل ١-٣: الأدمن (استقبال ومراجعة) • المراحل ٤-٦: الموظفون (تنفيذ المشروع) • المراحل ٧-٨: العميل (تحميل ومتابعة)
استلام ومراجعة
عرض السعر
موافقة وتسليم
التنفيذ والتعديل
إغلاق الطلب
👥 المخطط الثاني

User Diagram - المستخدمون والصلاحيات

يوضح المخطط الأدوار الثلاثة للمستخدمين في النظام والصلاحيات المتاحة لكل دور

نظام ناف NAF Admin Panel إدارة الموقع والمحتوى 👤 العميل CLIENT تحميل التصاميم المسلّمة عرض الفواتير والطلبات متابعة حالة المشروع لا يستطيع التعديل لا يستطيع الإضافة يقرأ فقط 👨‍💼 الموظف EMPLOYEE إضافة أعمال جديدة إضافة خدمات عرض الطلبات والرد لا يستطيع الحذف لا يستطيع تعديل بيانات النظام يضيف فقط 🔐 الأدمن (المالك) ADMIN / OWNER جميع الصلاحيات + إدارة المستخدمين إضافة + تعديل + حذف تحكم كامل
الصلاحية العميل الموظف الأدمن
تحميل التصاميم المسلّمة
إضافة أعمال جديدة
إضافة خدمات وباقات
الرد على الطلبات
تعديل المحتوى
حذف البيانات
إدارة المستخدمين
الإعدادات وكلمة السر
⚙️ المخطط الثالث

Functionality Diagram - هيكلية الوظائف

يوضح المخطط الوحدات الوظيفية الأساسية للنظام والعلاقات بين مكوناته

🌐 الواجهة العامة (Public Website) الرئيسية Hero + About الخدمات Services الأعمال Portfolio الباقات Pricing طلب خدمة Order Form تواصل Contact إرسال البيانات 🔐 لوحة التحكم (Admin Panel) 📊 الرئيسية 📬 الطلبات 🎨 الأعمال 💼 الخدمات 💰 الباقات 📝 المحتوى 👥 المستخدمون ⚙️ إعدادات 🛡️ نظام الصلاحيات عميل / موظف / أدمن تحكم بالوصول حسب الدور 📥 الإشعارات والرد قوالب رد جاهزة واتساب / إيميل 💾 النسخ الاحتياطي تصدير / استيراد JSON حماية البيانات قراءة وكتابة 💾 طبقة التخزين (Storage Layer) localStorage (المتصفح) JSON (نسخ احتياطية) sessionStorage (جلسة الأدمن) Base64 (الصور المضمنة)

📌 ملاحظات تقنية

المكونات:
  • HTML5 + CSS3 + Vanilla JavaScript
  • تصميم RTL للعربية
  • متجاوب على جميع الشاشات
الميزات:
  • صلاحيات متعددة المستويات
  • مزامنة فورية بين الواجهة واللوحة
  • ملف واحد - لا يحتاج خادم