MA↗محمد
عبد الرحمان
← كل المشاريع
05 / Vanilla JavaScript · PHP · MySQL · modular CSS

دينكوموقع استوديو برمجي وبوابة عملاء عربية

ربط موقع الاستوديو العام بطلبات العملاء ومحادثات المشاريع ومتابعة الإدارة.

Deinkow — واجهة التطبيق ببيانات تجريبية
واجهة التطبيق · بيانات تجريبية
01

المشكلة وسير العمل

يستكشف الزائر خدمات الاستوديو ← يرسل العميل طلباً ← يتبادل العميل والإدارة الرسائل والملفات في غرفة العمل ← تحافظ الإشعارات والحالات على متابعة العمل.

الوظائف الرئيسية

  • صفحات تعريف وفريق وقوالب عامة
  • تسجيل العملاء واستقبال الطلبات والتذاكر
  • غرف عمل ومحادثات ومرفقات وإشعارات
  • تقييمات واشتراكات وإجراءات إدارة
  • تخطيط عربي RTL وتفضيل مظهر محفوظ وسجل نشاط
02

البنية والقرارات

دينكو — component relationships
  • استخدمت صفحات HTML للموقع العام وموجهاً في المتصفح لتجربة الحساب.
  • يتولى API بلغة PHP المصادقة وملكية الطلبات والوصول للرسائل والمرفقات.
  • صممت الواجهة حول الخط العربي وتخطيط RTL وحفظ تفضيلات المظهر.

من الشيفرة

03

نقل استفسار الاستوديو إلى غرفة عمل العميل

طورت دينكو لربط موقع الاستوديو ببوابة عملاء للطلبات والرسائل والمرفقات.

يربط Deinkow موقع استوديو عربي عام ببوابة عميل تعمل بـPHP. تستمر القصة الهندسية بعد صفحة التسويق: يقدم العميل طلباً ويفتح غرفة العمل المرتبطة ويتبادل الرسائل والملفات ويتلقى متابعة إدارية. تتبع الجولة الاصطناعية هذا الانتقال لتقييم الموقع كمسار عمل للأعمال.

تجمع الواجهة صفحات مستقلة وموجهاً بـJavaScript دون إطار وأسلوباً مقسماً إلى وحدات. وصف كل المسارات بأنها SPA مكتملة يخفي بنيتها الفعلية. يجب أن يطابق التنقل المباشر ومسارات الدخول والتحديث طرق تحميل الصفحات الموجودة. يصلح الإصدار مسارات الدخول التي ثبت عطلها ويقدم تعبئة قاعدة جديدة بترتيب SQL واضح.

إدراج المرفقات ضمن نموذج الصلاحيات

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

تحافظ الطباعة العربية وRTL والمظهر على هوية المشروع. يوثق النشر السابق بصورة مستقلة عن الفحص المحلي الحالي. ينبغي توسيع فحص سجل المتصفح والإدارة لبقية الصفحات مع فهرسة التسويق العام وخصوصية الحسابات وغرف العمل.

04

حالة المشروع

نشرت موقع الاستوديو وبوابة العملاء واختبرتهما سابقاً.

أنشئ MySQL أو MariaDB فارغة وصدّر متغيرات .env.example إلى بيئة PHP؛ لا يحمل PHP الملف تلقائياً. اضبط متغيرات DB_HOST وDB_PORT وDB_USER وDB_PASS وDB_NAME وسراً جديداً JWT_SECRET وDEMO_PASSWORD وDEMO_MODE=1. يطبق أمر التعبئة database.sql ثم database_support_tickets.sql ثم database_updates.sql وينشئ admin وclient وother. هو لقاعدة جديدة وليس لترحيل إنتاج. يتجاوز الخادم CAPTCHA في العرض فقط؛ يحتاج الوضع الحي RECAPTCHA_SITE_KEY وRECAPTCHA_SECRET_KEY جديدين.

فحوص التطوير وحدود التشغيل

نجح إنشاء مخطط MariaDB والتعبئة وفحص صياغة PHP. نجحت فحوص دخول العميل والمدير وإنشاء الطلب والرسالة ورفض تذكرة ودردشة مستخدم آخر ورفع مرفق نصي ومنع الوصول المباشر وتنزيل المالك والمدير ورفض التنزيل غير المصرح. كشف فحص المتصفح مسارات دخول غير صحيحة واعتماد العرض على CAPTCHA وأُصلحا.

يجمع الموقع صفحات HTML مستقلة وتوجيهاً في العميل؛ ليست كل المسارات تطبيقاً أحادي الصفحة. يحتاج CAPTCHA والبريد والمزودون بيانات جديدة. يلزم فحص إضافي لتاريخ المتصفح ومسارات الإدارة.

التفاصيل التقنية ↗

جولة الواجهة

تسلسل لقطات من التطبيق ببيانات تجريبية.

المشروع التاليBACUA ↗
لنعمل معاً

لديك فكرة مشروع؟

تواصل معي لمناقشة تطبيقك أو موقعك.

تواصل عبر واتساب +213794873386 ↗