واجهة المستخدم الرسومية لآلة البيع الحديثة باستخدام RASPBERRY PI مع DJANGO: 4 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:38

هل يمكننا إنشاء واجهة مستخدم رسومية حديثة باستخدام لغات الويب لآلة البيع؟

الإجابة أعلاه هي نعم يمكننا ذلك ، ويمكننا استخدام تلك الأجهزة لآلات البيع باستخدام وضع الكشك ، والفكرة التالية قمت بتطبيقها بالفعل على مشروعي الحالي وهي تعمل بشكل جيد وقد اختبرناها كثيرًا. يمكنك أيضًا إنشاء واجهة مستخدم رسومية حديثة جيدة المظهر باستخدام المعرفة الحالية بـ css و HTML ، JavaScript. يتم شرح الواجهة بين دبابيس Django و GPIO بأكبر قدر ممكن من الوضوح ، إذا كنت تريد أن تفعل الشيء نفسه فتابع القراءة.

اللوازم

المتطلبات المسبقة التالية مطلوبة:

1. Raspberry Pi مع نظام تشغيل raspian مثبت فيه
2. شاشة تعمل باللمس متوافقة مع Raspberry Pi
3. القليل من المعرفة حول أساسيات لغات الويب (CSS ، HTML ، JavaScript)

الخطوة 1: تثبيت Django والمتطلب المسبق للمشروع

1. قم بترقية Python 2 إلى 3 الحالية باستخدام Terminal. يمكنك متابعة الخطوات الموجودة في الفيديو.
2. قم بتثبيت Django على Raspberry pi باستخدام أمر Pip في سطر المحطة.
3. (اختياري) قم بتثبيت المكتبات المطلوبة للشاشة التي تعمل باللمس ، لذلك انتقل إلى صفحة ويب الشركة المصنعة للشاشة.

الخطوة 2: إعداد تطبيق Django الخاص بك

إذا كنت مرتاحًا مع IDE على raspberry pi ، فابحث عنه ، لكنني أوصي باستخدام تطبيق Django على جهاز الكمبيوتر ، فمن الأفضل استخدام PyCharm أو Visual Studio لتطوير تطبيقات Django. سأنتهي مع Pycharm. اذهب إلى Pycharm وأنشئ مشروعًا جديدًا في إطار Select Django. أعط اسمًا جديدًا للمشروع وعلى Enable Template وأنشئ اسمًا للتطبيق الخاص بك ، وإذا كنت تعمل على قواعد بيانات ، فقم بتمكين Django admin واضغط على Start ، وسيقوم بتثبيت الحزم اللازمة ، وبعد ذلك اتبع هذه الخطوات.

• تحقق من أن الخادم قيد التشغيل أو لا يستخدم الأمر - python management.py runserver on terminal
• إذا كنت لا تعرف أساسيات Django ، فانتقل إلى موقع تطبيق Polls حيث يمكنك بسهولة فهم أساسيات Django.

الخطوة 3: إنشاء واجهة مستخدم رسومية وربطها بالخلفية

• لإنشاء واجهة مستخدم رسومية سأنجزها باستخدام Html 5 و CSS 3 ، يمكنك إنشاء عدد من الصفحات حسب رغبتك وللأيقونات والصور ، حاول تنزيلها واستخدامها إذا كنت تعمل مع آلة بيع غير متصلة بالإنترنت وللاستخدام عبر الإنترنت روابط URL. لقد قمت بتخزين ملفات.html هذه في دليل القوالب الذي قمنا بتمكينه للتو.
• استخدم مجلدًا ثابتًا لتخزين الصور ومقاطع الفيديو وملفات CSS على التوالي
• بعد ذلك استخدم urls.py في Django لربط الملفات مع تقدم النهاية الخلفية.

(أو)

استنساخ أو تنزيل المستودع في GitHub - Raspberry-pi-Gui-Django

الخطوة 4: استبدال الملفات في Raspberry-pi والتكوين

تهانينا ، إذا اتبعت الخطوات حتى الآن حان الوقت لاختبار واجهة المستخدم الرسومية على raspberry pi.

1. قم بإنشاء تطبيق Django بنفس الاسم المستخدم في جهاز الكمبيوتر أو الكمبيوتر المحمول
2. قم بإنشاء قوالب ومجلدات ثابتة على Pi الخاص بك
3. استبدل الملفات الجديدة بالملفات الفعلية التي قمت بإنشائها لمزيد من التفاصيل ، راجع الصور.
4. الخطوة التالية هي إنشاء برنامج نصي لبدء التشغيل التلقائي لبدء الخادم أثناء التمهيد في الخلفية
5. الشيء الأخير هو تمكين وضع Kiosk في raspberry pi لمزيد من التفاصيل ، تحقق من صفحة Github الخاصة بي إذا كنت تريد إظهار الكروم في وضع ملء الشاشة