HotPlate Online Restaurant

لوحة ساخنة على خط

Hotplate Online هو برنامج بسيط يتيح للعملاء طلب الطعام عبر الإنترنت وتسليمه. في الوقت الحالي ، يعمل هذا البرنامج فقط لأنظمة تشغيل Windows ، ولكن هناك خطط للتوسع في Android و iOS و MacOS. تم إنشاء البرمجيات والرسوم التوضيحية بواسطة Andrew Collin (Link)

(هذا هو تقديري للحصول على تحدي التجارة الإلكترونية Hackathon)

جدول المحتويات

---

• التقنيات
• ملخص
• المتجر الرئيسي
• الدفع
• صفحة التأكيد
• إعدادات المستخدم
• يثبت
• ثَبَّتَ
• إعداد SQL

التقنيات

فيما يلي قائمة بالتقنيات التي استخدمتها.

• لغة البرمجة: C#
• winforms
• MySQL (Nuget Plugin: Mysql.data 8.0.30)
• .NET Framework (4.7.2)

ملخص

فيما يلي نظرة عامة على كيفية استخدام هذا البرنامج (كعميل)

main_store_page

---

عندما تفتح هذا البرنامج لأول مرة ، يتم الترحيب بك مع صفحة المتجر الرئيسية. في هذه الصفحة ، يمكنك إضافة طعامك المفضل إلى العربة. هناك فئات متعددة يمكنك الاختيار من بينها لتجربة مستخدم أسرع وأكثر تنظيماً. بمجرد إضافة عنصر ، سيتغير الزر اللون وسيتغير النص إلى "إضافة المزيد". هذا يعني أن لديك 1 أو أكثر من هذا العنصر في العربة. يمكنك التحقق من عربة التسوق أو إزالة العناصر عن طريق النقر على أيقونة عربة التسوق في أسفل اليسار. هذا سوف ينقلك إلى صفحة الخروج. في الصفحة الرئيسية ، يمكنك أيضًا الوصول إلى معلومات حسابك. ما عليك سوى النقر على أيقونة القط في الجزء العلوي الأيمن وسيقوم بنقلك إلى إعدادات المستخدم

checkout_page

---

هذه هي صفحة الخروج. في هذه الصفحة ، ستقوم بإدخال معلوماتك لتقديم طلب. يمكنك أيضًا تحرير طلبك لحذفها على اليسار. لاحظ أنه من خلال حذفها ، تقوم بإزالة العنصر بالكامل من السلة ، وهذا يعني أنه إذا كان لديك 3 من نفس العنصر في السلة وقمت بإزالته ، فسوف تقوم بإزالة جميع العناصر الثلاثة من السلة. سيتعين عليك العودة إلى الصفحة الرئيسية لإضافة العنصر مرة أخرى.
يمكنك فقط استخدام رقم هاتف أمريكي للخروج. يجب أن يكون عنوانك في أراضينا. يجب أن يكون بريدك الإلكتروني في هذا التنسيق [email protected] لتغيير عنوانك ، يجب عليك النقر على زر التغيير. سيأخذك هذا إلى إعدادات المستخدم الخاصة بك حيث يمكنك تغيير عنوانك.
بمجرد النقر فوق إرسال ، سيقوم البرنامج بالتحقق من صحة جميع المدخلات. إذا كان ساري المفعول ، فسوف ينتقل إلى صفحة التأكيد. سيحفظ أيضًا بيانات الطلب إلى قاعدة البيانات مع رقم تأكيد فريد تم إنشاؤه بواسطة GUID.

تأكيد

---

بمجرد التحقق من صحة صفحة Check Out ، فإنها ستقلبك إلى صفحة التأكيد. هذا هو المكان الذي ستحصل فيه على رمز تأكيد فريد يستخدم لتتبع طلبك. يتم استخدام رمز التأكيد كمفتاح أساسي لقاعدة البيانات كمعرف لتحديد طلب محدد. من خلال النقر على موافق ، سيتم إعادة تعيين عربة التسوق الخاصة بك وستعيدك إلى الصفحة الرئيسية.

user_settings

---

سيأخذك النقر فوق اسمك أو الرمز الموجود في الجزء العلوي الأيمن إلى إعدادات المستخدم. في إعدادات المستخدم ، يمكنك تغيير عنوانك واسمك والبريد الإلكتروني الخاص بك ورقم هاتفك. هذا هو الموقع الوحيد الذي يمكنك تغيير عنوانك. بالإضافة إلى ذلك ، يمكنك أيضًا تقديم ملاحظة للسائق حول كيفية الوصول إلى الممتلكات الخاصة بك. من خلال النقر فوق الزر "إرسال" ، فإنه سيؤكد صحة الإدخال الخاص بك وحفظه في البرنامج.

يثبت

تثبيت

لتثبيت هذا البرنامج ، سيتعين عليك فتح Git Bash في موقعك المثالي. ثم اكتب هذا الأمر لأسفل:
git clone https://github.com/AndrewCollin32/HotPlate-Online-Restaurant.git
سيتم تنزيل كل شيء تلقائيًا في ملفك المفضل.

SETUP_SQL

خطوات:

• بناء قاعدة البيانات الخاصة بك
• قم بتشغيل ضمني
• تشغيل برنامج

MySQL مطلوب لهذا البرنامج. ستحتاج إلى إنشاء قاعدة بيانات أولاً قبل أن تتمكن من استخدام هذا البرنامج. بمجرد إنشاء قاعدة البيانات الخاصة بك ، ستحتاج إلى هذه العناصر الأربعة:

• اسم قاعدة البيانات
• اسم الخادم
• اسم المستخدم
• كلمة المرور

بمجرد حصولك على جميع المعلومات ، انتقل إلى HotplateRestaurant/HotPlateBurger/Windows.cs .
يجب أن تبدو شاشتك هكذا: أدخل اسم قاعدة البيانات الخاص بك واسم الخادم واسم المستخدم وكلمة المرور.

ثم انتقل إلى HotPlateRestaurant/HotPlateBurger/ImplementSQL.cs يجب أن ترى هذه الشاشة: Uncomment كتلة الكود. يجب أن يبدو الرمز الخاص بك هكذا بعد: لاحظت أنه بمجرد فك الرمز الخاص بك ، بدأت في إظهار خطأ في IDE الخاص بك. لا تقلق ، هناك خطوة إضافية عليك القيام بها. يحدث هذا الخطأ عندما يكون هناك أكثر من نقطة دخول واحدة. ستحتاج إلى الذهاب إلى HotPlateRestaurant/HotPlateBurger/Program.cs . يجب أن ترى هذه الشاشة: Uncomment كتلة الكود. يجب أن يبدو الرمز الخاص بك هكذا:
الآن البرنامج يعمل. يجب تشغيل ضمني. بعد الانتهاء من ذلك ، يمكنك التحقق من قاعدة البيانات الخاصة بك لمعرفة ما إذا كان هناك جدولين هناك. تتم تسمية الجدولين: FoodTable و Ordertable.

بعد ذلك ، قم بالتعليق على نفس كتلة التعليمات البرمجية في ضمنية insuentsql.cs و unfomment كتلة الكود في program.cs. قم بتشغيل البرنامج ويجب أن يبدأ دون أي مشاكل

Future_plans

• إضافة اختبارات الوحدة
• أضف نظام إدارة السجل