جناح تفاعلي لملتقى بيبان (PBS Hackathon)
قمت بإنشاء تجربة جناح تفاعلي لملتقى بيبان (PBS Hackathon). تضمن التجهيز شاشة لمس مصممة لإشراك الزوار وجمع أفكارهم المبتكرة المتعلقة بقطاعات محددة.
الشاشة الرئيسية
الشاشة الرئيسية (عربي)
شاشة معلومات المستخدم
الميزات والوظائف
الشاشة الرئيسية
تعرض العنوان "PBS Hackathon" وثلاثة مربعات تفاعلية تمثل قطاعات مختلفة (المرور، العقارات، السياحة).
شاشة السؤال
تعرض سؤالًا خاصًا بالقطاع للمستخدم وتسمح له بإدخال إجابته في منطقة نصية.
شاشة معلومات المستخدم
تجمع اسم المستخدم، بريده الإلكتروني، اسم المؤسسة، ورقم الجوال عبر نموذج.
إرسال البيانات
تخزين مدخلات المستخدم (القطاع، الإجابة، وتفاصيل التواصل) في قاعدة بيانات Firebase Realtime Database.
التفاصيل الفنية
Frontend
- HTML
- CSS
- JavaScript
Backend
- Firebase Realtime Database
Tools
- Git
- Excel
التصميم
الجمالية
حديث وجذاب بصريًا، مع خلفية متدرجة الألوان، رسوم متحركة خفيفة، وواجهة سهلة الاستخدام.
لوحة الألوان
الخطوط
- Segoe UI
- Tahoma
- Verdana
الاستجابة
التطبيق صمم ليكون متجاوبًا ويتكيف مع أحجام الشاشات المختلفة.
الوصولية
اتبع التصميم أفضل ممارسات الوصولية، مع نصوص واضحة، تباين ألوان كافٍ، ودعم التنقل باستخدام لوحة المفاتيح.
التحديات والحلول
تحدي: ضمان استمرارية البيانات في بيئة قد تكون غير متصلة بالإنترنت.
حل: استخدام localStorage كحل بديل لتخزين البيانات محليًا في حال فشل اتصال Firebase.
هل أنت مستعد لبدء مشروعك الخاص؟
ابدأ مشروعك الآن