الدرس 2: هيكلة صفحة HTML

🗺️ إنشاء تطبيق GPS وخريطة في App Inventor

في هذه المقالة، سنتعلم كيفية استخدام GPS والخريطةLocationSensor

وMap في منصة MIT App Inventor.

📍 1. إضافة المكونات الأساسية

• من واجهة Designer، اسحب المكونات التالية:
  • LocationSensor (من قائمة Sensors)
  • Map (من قائمة Maps)
  • Label لعرض الإحداثيات
• اضبط خصائص الخريطة ليتم عرض الموقع:
  • ShowUser = true
  • ZoomLevel = 15

🔄 2. برمجة الكتل (Blocks)

في قسم Blocks، أنشئ الكود التالي ليتم تحديث الموقع وإظهاره على الخريطة:

when LocationSensor1.LocationChanged do
   set Label1.Text to 
      join ("Latitude: " + LocationSensor1.Latitude + " - Longitude: " + LocationSensor1.Longitude)

   call Map1.CenterFromString 
      LocationSensor1.Latitude + "," + LocationSensor1.Longitude

كلما تغير موقع المستخدم، يتم تحديث الإحداثيات على Label1 ويتم تحريك الخريطة لتتبع موقعه.

📲 3. الصلاحيات الضرورية

• تأكد من منح التطبيق صلاحية الوصول إلى الموقع.
• عند تشغيل التطبيق لأول مرة على الهاتف، سيطلب منك السماح باستخدام GPS.

🧪 فكرة تطبيق إضافي

أنشئ تطبيقًا يرصد تحركات المستخدم ويسجل مسار المشي باستخدام الخريطة وList لتخزين الإحداثيات.

---

📘 في المقالة القادمة، سنتعرف على كيفية تصدير التطبيق على الهاتف بصيغة APK أو اختباره مباشرة باستخدام MIT AI2 Companion.

➡️ المقالة 9: تصدير التطبيق وتثبيته على الهاتف

📚 سلسلة تعلم MIT App Inventor:

• 🔹 المقالة 1: مقدمة حول MIT App Inventor
• 🔹 المقالة 2: التسجيل والدخول إلى المنصة
• 🔹 المقالة 3: إنشاء أول تطبيق بسيط
• 🔹 المقالة 4: استخدام المكونات الأساسية
• 🔹 المقالة 5: التحكم في الأحداث
• 🔹 المقالة 6: تخزين البيانات بـ TinyDB
• 🔹 المقالة 7: استخدام المستشعرات
• 🔹 المقالة 8: استخدام GPS والخريطة
• 🔹 المقالة 9: تصدير التطبيق واختباره
• 🔹 المقالة 10: مشروع تطبيقي نهائي