سلسلة مراكز ومطابخ دايت بوكس للوجبات الصحية — السعودية

منظومة دايت بوكس (DietBox) — الاشتراكات الغذائية وتوليد الـ PDF

حساب السعرات والماكروز يدوياً لأكثر من 1,000 مشترك أسبوعياً وتجهيز ملصقات وجداول الوجبات اليومية كان يستغرق 3 ساعات يومياً من طاقم المطبخ مع نسبة أخطاء في الوجبات المخصصة.

.NET 8Clean ArchitectureSQL ServerEF CoreQuestPDFCQRSTailwind CSS
منظومة دايت بوكس (DietBox) — الاشتراكات الغذائية وتوليد الـ PDF

الأثر التشغيلي والأرقام

مؤشرات أداء رقمية تم تحقيقها بعد تشغيل النظام.

1,000+

مشترك نشط على المنظومة

< 100ms

سرعة توليد جدول الـ PDF

0% أخطاء

نسبة أخطاء الملصقات والوجبات

3 ساعات

ساعات عمل المطبخ الموفرة يومياً

التحديات التشغيلية السابقة

المشاكل التي كان يعاني منها العميل قبل النظام

  • حساب الماكروز الدقيقة وتخصيص الوجبات لكل مريض سمنة أو رياضي تلقائياً.
  • توليد مئات ملفات الـ PDF وملصقات الصناديق الحرارية في ثوانٍ بدون استهلاك السيرفر.
  • إدارة تجديد الاشتراكات وبوابات الدفع والتوصيل اليومي للفروع والمنازل.
  • بنية Clean Architecture صارمة تقبل التوسع والتكامل مع تطبيقات الجوال.

التحول التشغيلي (قبل وبعد)

مقارنة مباشرة بين الوضع السابق والنتيجة المحققة

حساب السعرات وتجهيز الملصقات

السابق3 ساعات يومياً وحسابات يدوية
الآنتوليد آلي فوري لجميع الملصقات في ثوانٍ

دقة التخصيص الغذائي

السابقأخطاء متكررة في تسليم وجبات الحساسية
الآنتطابق بنسبة 100% مع الملف الصحي للمشترك

القرارات المعمارية والمفاضلات

لماذا اتخذنا هذه الخيارات الهندسية وما المقابل المحسوب؟

01

اختيار مكتبة QuestPDF بدلاً من HTML-to-PDF التقليدية

الدافع المعماري:

توليد ملفات PDF بـ C# الكود الأصلي بسرعة تفوق الأدوات التقليدية بـ 10 أضعاف وبدون استهلاك ذاكرة Chrome.

المفاضلة المحسوبة:بناء تصاميم التقارير برمجياً بلغة C# بدلاً من قوالب HTML/CSS.
02

تطبيق معمارية Clean Architecture مفصولة الطبقات

الدافع المعماري:

عزل منطق حساب الاشتراكات والماكروز عن قاعدة البيانات لتسهيل الاختبارات وتغيير البنية مستقبلاً.

المفاضلة المحسوبة:زيادة طفيفة في عدد المشاريع والـ DTOs داخل الـ Solution.

تدفق البيانات والربط المركزي

مخطط يوضح ترابط النواة المركزية مع الذكاء الاصطناعي ومزودي البيانات الخارجية.

بوابة الحجز (B2C)
مزودو الطيران والفنادق
بوت الواتساب
النواة المركزية
البحث الدلالي (RAG)
معالجات الخلفية
قاعدة البيانات
المعاينة الحية والأنظمة الفرعية

واجهات حقيقية من بيئة الإنتاج

استعراض معماري شامل لكافة الشاشات، لوحات التحكم، والمحركات التقنية للأنظمة الفرعية.

React / Tailwind CSS
الواجهة الرئيسية - الهيرو التعريفي وعروض الوجبات
تكبير ومعاينة الدقة الأصلية

الواجهة الرئيسية - الهيرو التعريفي وعروض الوجبات

واجهة المستخدم للعملاء

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

React / Tailwind CSS
الواجهة الرئيسية - مميزات الخدمة والقيمة المضافة
تكبير ومعاينة الدقة الأصلية

الواجهة الرئيسية - مميزات الخدمة والقيمة المضافة

واجهة المستخدم للعملاء

استعراض المزايا التنافسية لنظام دايت بوكس مثل جودة الوجبات الصحية 100%، التوصيل السريع والمجدول، ومرونة تخصيص الباقات والخطط بما يناسب أهداف العميل.

React / Tailwind CSS
الواجهة الرئيسية - استعراض منيو وباقات الشهر
تكبير ومعاينة الدقة الأصلية

الواجهة الرئيسية - استعراض منيو وباقات الشهر

واجهة المستخدم للعملاء

عرض تفاعلي لقوائم الطعام الشهرية والكتالوج الرقمي للباقات المتاحة (شامل، بحريات، دجاج، لحم) مع إمكانية النقر والتكبير لمعاينة الأسعار والتفاصيل.

React / Modal UI
معاينة جدول أسعار الباقات والماكروز التفصيلي
تكبير ومعاينة الدقة الأصلية

معاينة جدول أسعار الباقات والماكروز التفصيلي

واجهة المستخدم للعملاء

نافذة منبثقة عالية الدقة لعرض تفاصيل الباقة المميزة، جدول الأسعار حسب عدد الأيام (20، 24، 28 يوم) والوجبات (1 إلى 4 وجبات)، ومكونات الوجبة القياسية ونسب البروتين والإضافات وباركود الفروع.

React / Auth & Security
بوابة تسجيل دخول طاقم العمل والإدارة
تكبير ومعاينة الدقة الأصلية

بوابة تسجيل دخول طاقم العمل والإدارة

المصادقة والأمان

شاشة تسجيل الدخول المخصصة لمدراء الفروع والمشرفين وطاقم التشغيل للوصول الآمن إلى لوحة التحكم بصلاحيات محددة عبر رقم الجوال وكلمة المرور.

React / Dashboard UI / Tailwind
لوحة التحكم - مركز التقارير والتحليل المالي والإداري
تكبير ومعاينة الدقة الأصلية

لوحة التحكم - مركز التقارير والتحليل المالي والإداري

لوحة التحكم والتقارير

المركز التحليلي الشامل لإدارة الفروع والعمليات مع تصفية زمنية وجغرافية وتبويبات متخصصة للأداء المالي، المشتركين والعملاء، أداء الفروع، والمطبخ والهالك.

React / CRUD Management
لوحة التحكم - إدارة المنيوهات والكتالوج الرقمي
تكبير ومعاينة الدقة الأصلية

لوحة التحكم - إدارة المنيوهات والكتالوج الرقمي

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

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

React / Financial Reporting / Excel Export
تقارير الإغلاق اليومي ومطابقة نقاط البيع والتطبيقات
تكبير ومعاينة الدقة الأصلية

تقارير الإغلاق اليومي ومطابقة نقاط البيع والتطبيقات

الإدارة المالية والمبيعات

نظام تقارير الإغلاق اليومي للفروع ومطابقة المبيعات النقدية وشبكة مدى مع مبيعات منصات التوصيل (جاهز، هنقرستيشن، نينجا، نون، كيتا) واشتراكات الكاش مع التصدير إلى Excel.

React / Financial Analytics / VAT Accounting
تقارير المصروفات التفصيلية وتحليل الالتزامات والضرائب
تكبير ومعاينة الدقة الأصلية

تقارير المصروفات التفصيلية وتحليل الالتزامات والضرائب

الإدارة المالية والمبيعات

لوحة تحليل المصروفات التفصيلية وتوزيع التكاليف الخاضعة وغير الخاضعة لضريبة القيمة المضافة (VAT) وإجمالي المبالغ المصروفة مع فلاتر حسب الفرع والمصدر والبيان وتصدير Excel.

React / Form UI / Financials
تسجيل وإدارة المصروفات العامة والإدارية
تكبير ومعاينة الدقة الأصلية

تسجيل وإدارة المصروفات العامة والإدارية

الإدارة المالية والمبيعات

نموذج تسجيل المصروفات التشغيلية والإدارية العامة وفواتير المعارض المستقلة مع تحديد الفرع، حالة الضريبة، البيان، وطريقة الدفع.

React / Budgeting & Allocations
إدارة المخصصات المالية وتجنيب الالتزامات الدورية
تكبير ومعاينة الدقة الأصلية

إدارة المخصصات المالية وتجنيب الالتزامات الدورية

الإدارة المالية والمبيعات

وحدة تجنيب المخصصات المالية والاحتياطيات لالتزامات الرواتب والإيجارات المستقبلية مع مؤشرات الإنجاز ونسب التحقيق ومتابعة خطط الادخار التشغيلي والتحويل الفوري.

React / Inventory Analytics
تقرير حركة ومبيعات وتوالف السناكات الشامل
تكبير ومعاينة الدقة الأصلية

تقرير حركة ومبيعات وتوالف السناكات الشامل

إدارة المخزون والعمليات

تقرير تحليلي متكامل لحركة منتجات السناك الصحية يشمل الكميات الموردة، سحوبات باقات المشتركين، التوالف، وإجمالي المبيعات المباشرة مع الفلترة حسب الفرع والتاريخ.

React / Form UI / Internal Operations
تسجيل ومراقبة سحوبات وجبات طاقم العمل (العهد)
تكبير ومعاينة الدقة الأصلية

تسجيل ومراقبة سحوبات وجبات طاقم العمل (العهد)

إدارة العمليات والموظفين

شاشة تسجيل الوجبات اليومية المستهلكة من قبل طاقم العمل بالمطبخ والفروع لضبط العهد ومراقبة الاستهلاك مقابل الحدود المسموحة.

React / CRUD Table / HR
لوحة إدارة عمال الفروع وتحديد مخصصات الوجبات
تكبير ومعاينة الدقة الأصلية

لوحة إدارة عمال الفروع وتحديد مخصصات الوجبات

إدارة العمليات والموظفين

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

React / Operations & QA
تسجيل ومتابعة إتلاف المطبخ والهدر اليومي
تكبير ومعاينة الدقة الأصلية

تسجيل ومتابعة إتلاف المطبخ والهدر اليومي

إدارة المخزون والعمليات

نظام دقيق لتسجيل الهدر والتالف اليومي في المطبخ بالجرام وتوثيق أسباب الإتلاف لضبط جودة التخزين وتقليل الفاقد الغذائي والتكاليف.

React / Payroll Engine
شؤون الموظفين والرواتب - ملف العامل وحساب المسير
تكبير ومعاينة الدقة الأصلية

شؤون الموظفين والرواتب - ملف العامل وحساب المسير

إدارة العمليات والموظفين

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

React / HR & Payroll
مسيرات رواتب الفرع وإدارة السلف والمكافآت والخصومات
تكبير ومعاينة الدقة الأصلية

مسيرات رواتب الفرع وإدارة السلف والمكافآت والخصومات

إدارة العمليات والموظفين

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

React / Multi-step Form
إضافة اشتراك جديد - الخطوة 1: بيانات العميل والتواصل
تكبير ومعاينة الدقة الأصلية

إضافة اشتراك جديد - الخطوة 1: بيانات العميل والتواصل

إدارة الاشتراكات والمبيعات

الخطوة الأولى في معالج إنشاء الاشتراك لتسجيل بيانات العميل الشخصية، رقم الهاتف المعتمد (+966)، وتحديد تاريخ بدء التفعيل المجدول.

React / Multi-step Form
إضافة اشتراك جديد - الخطوة 2: قائمة الباقات والخطط
تكبير ومعاينة الدقة الأصلية

إضافة اشتراك جديد - الخطوة 2: قائمة الباقات والخطط

إدارة الاشتراكات والمبيعات

القائمة المنسدلة لاختيار نوع الباقة الغذائية في معالج الاشتراك (باقات محددة البروتين، باقات شاملة، أو خطة مخصصة بالكامل على كيفك).

React / Interactive Plan Builder
منشئ الباقات المخصصة وتوزيع كميات الوجبات والمدد
تكبير ومعاينة الدقة الأصلية

منشئ الباقات المخصصة وتوزيع كميات الوجبات والمدد

إدارة الاشتراكات والمبيعات

أداة التخصيص التفاعلية لباقة 'على كيفك' لتحديد كميات الوجبات المختلفة (دجاج، روبيان، سلمون، سمك) مع حساب فترات الاشتراك (20، 24، 28، 30 يوم) والأسعار.

React / Multi-step Form
تخصيص تفاصيل الباقة الثابتة (عدد الوجبات والمدة)
تكبير ومعاينة الدقة الأصلية

تخصيص تفاصيل الباقة الثابتة (عدد الوجبات والمدة)

إدارة الاشتراكات والمبيعات

شاشة ضبط خيارات الباقة القياسية واختيار عدد الوجبات اليومية (1 أو 2 أو 3) ومدة الاشتراك الشهرية (24 أو 30 يوماً) وإضافة البروتين والكارب.

React / Dynamic Pricing Engine
إضافة السناكات والوجبات الإضافية واحتساب السعر الإجمالي
تكبير ومعاينة الدقة الأصلية

إضافة السناكات والوجبات الإضافية واحتساب السعر الإجمالي

إدارة الاشتراكات والمبيعات

نافذة اختيار الإضافات التغذوية (سندويتشات، برجر صحي) مع محرك الحساب الفوري للسعر الإجمالي وإمكانية التجاوز المالي المصرح.

React / Canvas Signature / Contract Engine
إضافة اشتراك جديد - الخطوة 3: الفرع، الدفع، والتوقيع الرقمي
تكبير ومعاينة الدقة الأصلية

إضافة اشتراك جديد - الخطوة 3: الفرع، الدفع، والتوقيع الرقمي

إدارة الاشتراكات والمبيعات

الخطوة الختامية لإنشاء الاشتراك باختيار فرع الاستلام، طريقة السداد، والموافقة على الشروط عبر لوحة التوقيع الرقمي المباشر باللمس/الماوس.

QuestPDF / C# .NET / Automated PDF Generation
عقد الاشتراك الرقمي المولد آلياً - تفاصيل الباقة والماكروز
تكبير ومعاينة الدقة الأصلية

عقد الاشتراك الرقمي المولد آلياً - تفاصيل الباقة والماكروز

المستندات والتقارير المطبوعة (QuestPDF)

نموذج عقد الاشتراك الرسمي المولد بصيغة PDF بدقة عالية يوضح بيانات الباقة، باركود التتبع الرقمي، ومكونات الوجبة القياسية والشروط القانونية.

QuestPDF / ZATCA QR / POS Thermal Printing
إيصال الفاتورة الضريبية المبسطة المتوافقة مع هيئة الزكاة (ZATCA)
تكبير ومعاينة الدقة الأصلية

إيصال الفاتورة الضريبية المبسطة المتوافقة مع هيئة الزكاة (ZATCA)

المستندات والتقارير المطبوعة (QuestPDF)

إيصال نقاط البيع الحراري المخصص للطابعات الحرارية مع الباركود المشفر المتوافق مع متطلبات المرحلة الثانية لهيئة الزكاة والضريبة والجمارك (ZATCA).

QuestPDF / C# .NET / Vector PDF
وثيقة عقد الاشتراك الكاملة متضمنة التوقيع الرقمي الحي
تكبير ومعاينة الدقة الأصلية

وثيقة عقد الاشتراك الكاملة متضمنة التوقيع الرقمي الحي

المستندات والتقارير المطبوعة (QuestPDF)

النسخة المطبوعة المتكاملة لعقد الاشتراك الرقمي تتضمن كافة الشروط وبنود الإيقاف والتسوية مع التوقيع الإلكتروني المعتمد للعميل وتاريخ التحرير.

React / WhatsApp API Integration
الإجراءات السريعة للاشتراك - تمديد المدة وتعديل الأرصدة والواتساب
تكبير ومعاينة الدقة الأصلية

الإجراءات السريعة للاشتراك - تمديد المدة وتعديل الأرصدة والواتساب

إدارة الاشتراكات والمبيعات

لوحة التحكم السريع في اشتراك العميل تتيح إرسال الفاتورة عبر واتساب بنقرة واحدة، تمديد أيام الصلاحية، وتعديل أرصدة الوجبات المتبقية يدوياً.

React / Audit Logging / Soft Delete
نافذة توثيق وإلغاء اشتراك العميل مع إجبارية تدوين السبب
تكبير ومعاينة الدقة الأصلية

نافذة توثيق وإلغاء اشتراك العميل مع إجبارية تدوين السبب

إدارة العملاء والمشتركين

نافذة الحذف الإداري الآمن (Soft Delete) التي تلزم الموظف بتوثيق سبب إلغاء الاشتراك للرقابة الإدارية ونقل البيانات لسلة المحذوفات.

React / Autocomplete Search / POS
شاشة البحث الفوري للسحب اليومي للوجبات بالفروع
تكبير ومعاينة الدقة الأصلية

شاشة البحث الفوري للسحب اليومي للوجبات بالفروع

عمليات نقاط البيع والاستلام

شاشة كاونتر الفرع للبحث السريع برقم الجوال عن المشتركين لتسجيل استلام الوجبات اليومية والتحقق من رصيد الباقة فورياً.

React / Data Table / CSV Export
سجل تدقيق سحوبات الوجبات اليومية وتصدير البيانات
تكبير ومعاينة الدقة الأصلية

سجل تدقيق سحوبات الوجبات اليومية وتصدير البيانات

عمليات نقاط البيع والاستلام

سجل عمليات تسليم الوجبات اليومية الموثق بكافة الفروع يوضح توقيت السحب ونوع الوجبات وطريقة الاستلام مع تصدير CSV.

React / CRM / WhatsApp Automation
نظام المتابعة الدورية لخدمة العملاء وأتمتة رسائل الواتساب
تكبير ومعاينة الدقة الأصلية

نظام المتابعة الدورية لخدمة العملاء وأتمتة رسائل الواتساب

إدارة العملاء والمشتركين

نظام ذكي لمتابعة رضا المشتركين في محطات محددة (اليوم الثالث، اليوم العاشر) مع إرسال رسائل واتساب تفاعلية ومتابعة الملاحظات وإعدادات الأحداث.

React / CRUD Table / Master Data
إدارة قائمة الوجبات والأسعار وتصنيفات الأطباق
تكبير ومعاينة الدقة الأصلية

إدارة قائمة الوجبات والأسعار وتصنيفات الأطباق

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

جدول إدارة الأصناف والوجبات الرئيسية وتحديد أسعارها الفردية وتصنيفاتها الغذائية لربطها بالباقات ونظام السحب اليومي.

React / CRUD Table / Plan Management
إدارة باقات الاشتراكات والخطط الغذائية
تكبير ومعاينة الدقة الأصلية

إدارة باقات الاشتراكات والخطط الغذائية

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

لوحة التحكم المركزية لتعريف وتحديث باقات الاشتراكات الشهرية وتحديد مكوناتها وقواعد تسعيرها مع تصدير البيانات إلى Excel/CSV.

React / Audit Logging / Security
سجل تدقيق نشاطات النظام والعمليات الإدارية
تكبير ومعاينة الدقة الأصلية

سجل تدقيق نشاطات النظام والعمليات الإدارية

الأمان وسجلات التدقيق

سجل رقابي غير قابل للتعديل يوثق جميع عمليات الموظفين والمشرفين (إنشاء اشتراك، تعديل أرصدة، حذف عميل مع السبب) لضمان الشفافية والأمان.

الدروس المعمارية المستفادة
"لو أعدت بناء المشروع لربطت المنظومة مباشرة بأجهزة قياس الوزن والدهون الذكية (InBody APIs) عبر البلوتوث لتحديث خطط المشتركين آلياً أسبوعياً."

— Mahmoud Talaat, Founder & Lead Systems Architect