تصميم وبرمجة تطبيق جديد للهاتف باستعمال Flutter و Firebase

flutter تصميم تطبيقات الهواتف الذكية تصميم تطبيقات تصميم تجربة المستخدم تصميم UI UX تصميم واجهة المستخدم تطوير التطبيقات برمجة التطبيقات flutter تصميم تطبيقات الهواتف الذكية تصميم تطبيقات تصميم تجربة المستخدم تصميم UI UX تصميم واجهة المستخدم تطوير التطبيقات برمجة التطبيقات

تطبيق هاتفي للمنتجات 1. نظرة عامة هذا المستند يصف تطبيق أندرويد داخلي تم تطويره باستعمال Flutter و Firebase. التطبيق من أجل المتجر الخاص بي من أجل معرفة المنتجات عبر تخزين صورها، أكواد الباركود، ومعلومات الموردين، مع إمكانية البحث السريع والتواصل المباشر مع المورد عبر WhatsApp.. 2. أهداف التطبيق • توحيد وتنظيم معلومات المنتجات • تخزين صور المنتجات بشكل آمن • تمكين البحث السريع بالاسم أو الباركود أو بتصوير بار كود المنتج. • تسهيل التواصل مع الموردين • معرفة جميع التفاصيل حول كل منتج في المحل من تاريخ ادخاله وكود باره وصورته والمورد. 3. بنية قاعدة البيانات مجموعة Firestore: products اسم الحقل النوع الوصف name نص اسم المنتج barcode نص كود الباركود supplier نص اسم المورد supplier_phone نص رقم واتساب المورد image رابط صورة رابط صورة المنتج created_time وقت تاريخ إضافة المنتج ثمن الشراء وثمن البيع 5. صفحات التطبيق 5.1 صفحة المنتجات (الصفحة الرئيسية) الغرض: عرض جميع المنتجات المخزنة في قاعدة البيانات. الخصائص: • خانة بحث بالاسم أو الباركود أو بتصوير كود بار المنتج بالكاميرا الهاتف • ماسح الباركود بالكاميرا • لائحة المنتجات (ListView) • تصميم بطاقات (Cards) لكل منتج • عرض الصورة والمعلومات الأساسية • ترتيب المنتجات من الأحدث إلى الأقدم • زر (+) لإضافة منتج جديد 5.2 صفحة إضافة منتج الغرض: تمكين المستخدم من إضافة منتجات جديدة. الخصائص: • إدخال: اسم المنتج، الباركود، اسم المورد، رقم المورد • اختيار صورة المنتج • زر حفظ يقوم بـ: o رفع الصورة إلى Firebase Storage o حفظ بيانات المنتج في Firestore o تسجيل وقت الإضافة تلقائياً • الرجوع إلى الصفحة الرئيسية بعد الحفظ 5.3 صفحة تفاصيل المنتج الغرض: عرض جميع تفاصيل المنتج المختار. الخصائص: • عرض صورة المنتج بحجم كبير • عرض الاسم، الباركود، واسم المورد • زر تحميل الصورة إلى الهاتف • زر مشاركة الصورة • زر فتح محادثة واتساب مع المورد مع امكانية مشاركة المنتج معه. صيغة رابط واتساب: https://wa.me/{supplier_p... هي صورة المنتج {image} 6. خاصية البحث • تعتمد على TextField Controller • البحث في: o اسم المنتج o كود الباركود • استعمال شرط OR بين الحقلين • نتائج البحث تظهر مباشرة أثناء الكتابة 7. التنقل داخل التطبيق • من صفحة المنتجات → صفحة تفاصيل المنتج (عند الضغط) • من صفحة المنتجات → صفحة إضافة منتج (زر +) • من صفحة إضافة منتج → الرجوع لصفحة المنتجات بعد الحفظ 8. الحماية : • تسجيل دخول بواسطة البريد الإلكتروني وكلمة المرور • حماية الصفحة الرئيسية من الدخول غير المصرح به 9.الصلاحيات: • الأدمين: تظهر له جميع المعلومات وجميع الصلاحيات. • المسؤول : تظهر له المنتجات بدون سعر الشراء والبيع وتظهر له امكانية اضافة منتج جديد. • المستخدم: تظهر له المنتجات بدون سعر الشراء والبيع ولا يمكن له امكانية اضافة منتج جديد. ولا يظهر له زر مشاركة صورة المنتج مع المورد. 10. إخراج التطبيق • إنشاء ملف APK • مع السورس الكود الخاص به