تنظيم المخزون
إنشاء الشركات ومواقع التخزين والرفوف والمجلدات وسجلات المعدات، وتعديل الكميات والتنقل بين مستويات التخزين التابعة للشركة.
مشروع التخرج / جامعة جازان / 2024–2025
نظام إدارة التخزين الشبكي
تطبيق ويب لتنظيم المعدات حسب الشركات ومواقع التخزين والرفوف، مع سجل للمخزون وإحصاءات ومحاكي ثلاثي الأبعاد لتخطيط المساحة.
دوريمطور ومصمم رئيسي مشارك
الفريقفريق من أربعة طلاب · مساهمان رئيسيان
مخرجات المشروعنموذج أولي لتطبيق ويب
01 / نظرة عامة
المشكلة.
وطريقة معالجتها.
المشكلة
قد يصعب تحديد مواقع المعدات وتحديث بياناتها عند الاعتماد على الجداول أو السجلات الورقية. بحث المشروع إمكانية استخدام واجهة مشتركة لتوضيح بنية المخزون وكمياته وأماكن تخزينه.
الحل الذي طورناه
طوّرنا نموذجًا أوليًا يجمع المعدات تحت الشركات ومواقع التخزين والرفوف. يتيح تحديث الكميات ومراجعة النشاط واستعراض الرسوم البيانية، إلى جانب تجربة توزيع العناصر في محاكي مستقل ثلاثي الأبعاد.
نطاق المشروع
ينظّم التطبيق المعدات والمخزون المادي. وتشير مواقع التخزين والرفوف فيه إلى مساحات فعلية.
02 / داخل التطبيق
نظرة أقرب إلى العمل الأصلي.
صور من النسخة المقدمة للمشروع. اختر شاشة أو افتحها بحجم أكبر للاطلاع على التفاصيل.
إحصاءات المخزون
نظرة على أنواع المعدات وكمياتها والنشاط المسجّل لكل شركة. الأرقام الظاهرة بيانات تجريبية للمشروع.
صور أصلية للتطبيق، مستخرجة من تقرير التخرج والعرض التقديمي.
03 / مساهمتي
دوري
في المشروع.
مطور ومصمم رئيسي مشارك
تكوّن الفريق رسميًا من أربعة طلاب. كنت أنا وسلمان المساهمَين الرئيسيَّين، وعملنا في معظم جوانب المشروع.
شملت مساهمتي تطوير التطبيق وتصميم الواجهات وتنفيذ الخصائص والربط مع Supabase والاختبار ومعالجة المشكلات، إلى جانب التوثيق والعرض النهائي والمشاركة في قرارات التطوير.
04 / التنفيذ
ما يقدّمه النموذج الأولي.
يجمع النموذج بين إدارة المخزون والوصول بالحسابات وسجل العمليات وتخطيط مساحة التخزين.
الوصول عبر الحسابات
التسجيل والدخول بالبريد وكلمة المرور عبر Supabase، وإدارة الجلسات وحماية صفحات التطبيق. وتتضمن الملفات سياسات لتقييد السجلات وفق ملكيتها.
سجل العمليات وتصدير CSV
صفحة لسجل المعدات تدعم البحث النصي والتصفية حسب العملية والتاريخ، مع التصدير إلى CSV وتسجيل إنشاء المعدات وتغييرات الكميات.
إحصاءات المخزون
اختيار الشركة واستعراض أنواع المعدات وإجمالي الكميات والنشاط الأخير. وتتضمن صفحة الإحصاءات اشتراكًا في تغييرات Supabase لطلب تحديث البيانات.
تخطيط يدوي ثلاثي الأبعاد
تحديد أبعاد مساحة التخزين وإضافة صناديق بأبعاد محددة وتحريكها ضمن حدود الأرضية، مع عرض إجمالي الأحجام باستخدام Three.js.
ملخص التخزين بصيغة PDF
تصدير إجمالي الأحجام ووقت إنشاء التقرير عبر jsPDF. وهو ملخص رقمي؛ حفظ المشاهد ثلاثية الأبعاد ليس ضمن نطاق النموذج.
تطبيق يعمل في المتصفح ويتصل مباشرة بمنصة Supabase.
تطبيق React
المخزون · عرض الشركات
السجل · الإحصاءات
عميل Supabaseالمصادقة وطلبات البيانات
Supabase
المصادقة · البيانات
سياسات الملكية · أحداث التغيير
محاكي مستقل يعمل في المتصفحمشهد Three.js ← وضع الصناديق يدويًا ← ملخص الأحجام عبر jsPDF
لا يرتبط المحاكي بسجلات المخزون المحفوظة.
التقنيات المستخدمة في المشروع
ReactTypeScriptTailwind CSSSupabaseThree.jsRechartsjsPDFVite
تستخدم الواجهة Supabase للمصادقة والوصول إلى البيانات. يعمل المحاكي ثلاثي الأبعاد بشكل مستقل داخل المتصفح، وتتضمن الملفات إعداد نشر على Netlify.
كيف نُظّم المخزون؟
ترتبط الشركات بمواقع التخزين، ثم الرفوف والمعدات. تتبع المجلدات مواقع التخزين، ويوثّق سجل المعدات النشاط. وتربط الملفات الشخصية مستخدمي التطبيق بسجلات شركاتهم.
الشركةموقع التخزينالرفالمعدات
تدعم المصادقة وسياسات الملكية الوصول المرتبط بالحساب. أما الصلاحيات المتقدمة متعددة الأدوار فلم تكتمل ضمن نطاق المشروع.
05 / التحديات والدروس المستفادة
التعلّم من تفاصيل التنفيذ.
01
ربط الحسابات ببيانات المخزون
احتاجت المصادقة والملفات الشخصية وسجلات الشركات إلى العمل معًا. ساعدنا اختبار هذه العلاقات على فهم متطلبات التكامل بين الواجهة والبيانات.
02
التعامل مع السجلات المترابطة
ترتبط المعدات بالرفوف وسجل العمليات. احتاج الحفاظ على اتساق هذه العلاقات عند تغيير الكميات أو حذف السجلات إلى اختبار ومعالجة للمشكلات.
03
تحديد نطاق واقعي للصلاحيات
كانت صلاحيات المدير والموظف والمشاهد أعقد مما خططنا له. أنجزنا المصادقة وسياسات الملكية، بينما بقيت الصلاحيات المتقدمة متعددة الأدوار غير مكتملة.
نطاق النموذج والتطوير المستقبلي
أسّس النموذج سير العمل الرئيسي، مع فرص لتطوير الصلاحيات وأدوات تخطيط التخزين.
- لم تكتمل الصلاحيات المتقدمة لأدوار المدير والموظف والمشاهد.
- بقي مسح الباركود وQR، والتوصيات المعتمدة على الذكاء الاصطناعي، وتطبيق الجوال والعمل دون اتصال ضمن التطوير المستقبلي.
- يعتمد المحاكي على وضع العناصر يدويًا؛ ولا ينفذ ترتيبًا آليًا أو تحسينًا يراعي التصادمات أو حفظًا دائمًا للمشاهد.
العرض مبني على التطبيق والتقرير والعرض التقديمي المسلّمة ضمن مشروع أكاديمي.
المخرجات
من الفكرة إلى نموذج تطبيقي.
شمل التسليم تطبيق React وملفات تهيئة Supabase والتقرير النهائي والعرض التقديمي وصور النموذج أثناء العمل. ويعرض المشروع سير عمل لإدارة المخزون إلى جانب واجهة مستقلة لتخطيط مساحة التخزين ثلاثية الأبعاد.
ما تعلّمته
التكامل جزء أساسي من العمل.
ربطت التجربة تصميم الواجهات بتنظيم البيانات والمصادقة والتكامل. وأوضحت أهمية اختبار عمل الخاصية عبر السجلات المترابطة، إلى جانب ظهورها في الواجهة.
لنتواصل
خلف الأنظمة الجيدة
أشخاص يمكن الاعتماد عليهم.
للفرص في الدعم التقني والشبكات والأنظمة والبنية التحتية، يسعدني تواصلكم.
تحميل السيرة الذاتيةPDFعرض السيرة الذاتية