الدرس: القوائم في MIT App Inventor
ListView + Items + Global Variable + Initialization
1) لنتذكر (Warm-up)
سؤال 1
ما هي خطوات إنشاء مشروع جديد في برنامج MIT App Inventor؟
سؤال 2
كيف نتمكن من وضع الزر في وسط الشاشة؟؟
سؤال 3
كيف نتمكن من إضافة شاشة جديدة؟؟
✅ نشاط سريع: اطلب من طالب/طالبين يجاوبوا، ثم ننتقل للقوائم.
2) ما هي القوائم؟ ولماذا نستخدمها؟
✅ تعريف بسيط
القوائم: هي نوع من تراكيب البيانات نستخدمها لإنشاء وإدارة مجموعات مختلفة من القيم (العناصر).
🎯 لماذا نستخدمها؟
- لتجميع عناصر كثيرة بدل كتابة كل عنصر لوحده.
- لتسهيل الاختيار على المستخدم.
- لتنظيم البيانات داخل التطبيق.
🌍 مثال من الواقع (واضح للطالب)
عندما تقدم طلب (تسجيل / توصيل / استمارة) تجد قائمة لاختيار الدولة أو الجنسية (ListView) مثل: Qatar, Jordan, Egypt...
3) التطبيق العملي (Design)
نبدأ من التصميم ثم ننتقل للـ Blocks.
ملاحظة: Items تعني “عناصر القائمة” (مثل أسماء الدول).
4) التطبيق العملي (Blocks) خطوة بخطوة
سنبني القائمة من Built-in → Lists ثم نضيف نصوص العناصر من Text.
5) مثال تفاعلي (شكل تلفون): اختيار الدول
مثال يوضح فكرة ListView: اختر دولة، ثم يظهر اختيارك في Label.
📌 ماذا يمثل هذا المثال؟
- Items: أسماء الدول داخل القائمة.
- ListView.Elements: عرض الدول داخل القائمة.
- Selection: الدولة التي اختارها المستخدم.
- Label: مكان عرض الاختيار.
- Initialization: تجهيز القائمة عند تشغيل الشاشة.
يمكنك تغيير الدول كما تريد (Egypt, Qatar, Jordan, …).
✅ سؤال سريع للتأكد من الفهم
لماذا نستخدم Global Variable لقائمة items؟
جاهز للتدريس: افتح الأقسام حسب ترتيبها، واظهر الخطوات واحدة واحدة أثناء الشرح.