← العودة لمرحلة أب إنفنتر
📱الأسبوع 1 من 16

التعرف على MIT App Inventor

فهم أساسيات تطوير تطبيقات الموبايل وإنشاء أول تطبيق

مدة الجلسة
45 دقيقة

🎯 أهداف التعلم

فهم تطوير التطبيقات

التعرف على مفهوم تطبيقات الموبايل وكيفية عملها

مفهوم التطبيقاتواجهة المستخدمالتفاعل

استخدام App Inventor

التنقل في واجهة App Inventor والتعرف على أجزائها

DesignerBlocksالمحاكي

📚 الأنشطة التعليمية

🎥

مقدمة عن تطبيقات الموبايل

10 دقيقة • فيديو

فيديو يشرح كيف تعمل تطبيقات الموبايل

التعليمات:

  1. شاهد الفيديو عن تطبيقات الموبايل
  2. فكر في التطبيقات التي تستخدمها يومياً
  3. ما الذي يجعل التطبيق سهل الاستخدام؟
🎮

استكشاف واجهة App Inventor

20 دقيقة • تفاعلي

جولة في واجهة App Inventor

التعليمات:

  1. افتح موقع appinventor.mit.edu
  2. سجل دخول بحساب Google
  3. أنشئ مشروع جديد
  4. استكشف واجهة Designer
  5. انتقل إلى واجهة Blocks
💻

إضافة أول عنصر

15 دقيقة • تطبيق عملي

تعلم كيفية إضافة زر إلى التطبيق

التعليمات:

  1. في واجهة Designer، ابحث عن Button
  2. اسحب Button إلى الشاشة
  3. غير نص الزر إلى "مرحباً"
  4. لاحظ كيف يظهر في المحاكي

🚀 المشروع العملي

تطبيق الترحيب البسيط

إنشاء تطبيق بسيط يرحب بالمستخدم

مبتدئالنتيجة المتوقعة: تطبيق يغير النص عند الضغط على زر

خطوات التنفيذ:

1

أنشئ مشروع جديد باسم "ترحيب"

2

أضف Label إلى الشاشة

💡 نصيحة: Label يستخدم لعرض النصوص
3

غير نص Label إلى "مرحباً بك في تطبيقي الأول!"

4

أضف Button تحت Label

5

غير نص Button إلى "اضغط هنا"

6

انتقل إلى واجهة Blocks

7

أضف كتلة "when Button1.Click"

when Button1.Click do
8

أضف كتلة "set Label1.Text to" داخل الحدث

set Label1.Text to "شكراً لك!"
9

جرب التطبيق في المحاكي

💡 نصيحة: اضغط على الزر وشاهد النص يتغير

أمثلة الكود:

كود تغيير النص عند الضغط على الزر
when Button1.Click
do set Label1.Text to "شكراً لك!"

عندما يضغط المستخدم على الزر، يتغير نص Label

📝 الواجب المنزلي

تخصيص التطبيق

أضف المزيد من الأزرار والنصوص

المدة المقترحة: 20 دقيقة

👀 نظرة على الأسبوع القادم

الأسبوع القادم سنتعلم كيفية استخدام الكاميرا والصوت في التطبيق!