برمجة الخريطة التفاعلية - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

الكتاب: كتاب هندسة البرمجيات - الصف 12 - الفصل 1 | المادة: هندسة البرمجيات | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

الدرس: برمجة الخريطة التفاعلية Programming the Interactive Map

📚 معلومات الصفحة

الكتاب: كتاب هندسة البرمجيات - الصف 12 - الفصل 1 | المادة: هندسة البرمجيات | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

نوع المحتوى: درس تعليمي

مستوى الصعوبة: مبتدئ

📝 ملخص الصفحة

تشرح هذه الصفحة خطوات برمجة خريطة تفاعلية باستخدام MIT App Inventor، حيث يفتح التطبيق خريطة عند ضغط المستخدم على زر الخريطة، ويتم تهيئتها حسب إحداثيات محددة. تبدأ العملية بإضافة متغير عالمي باسم 'coordinates' وتعيينه إلى قيم الإحداثيات '24.6312, 46.7134'. ثم يتم تحديد حدث الضغط لزر الخريطة، وضبط خاصية التوسيط والرؤية للخريطة باستخدام المتغير.

تتضمن الصفحة رسومًا توضيحية لبيئة MIT App Inventor، تُظهر كيفية إنشاء المتغير العالمي وتعيين القيم له، مما يساعد في فهم الخطوات البرمجية بشكل مرئي. هذا الدرس يهدف إلى تعليم أساسيات البرمجة في تطوير التطبيقات التفاعلية، مع التركيز على استخدام المتغيرات والأحداث.

يُعد هذا المحتوى جزءًا من منهج تعليمي يدمج بين النظرية والتطبيق، حيث يمكن للمتعلمين تطبيق هذه الخطوات لإنشاء خرائط تفاعلية في مشاريعهم الخاصة، مما يعزز مهارات البرمجة والتفكير الحاسوبي.

📄 النص الكامل للصفحة

برمجة الخريطة التفاعلية Programming the Interactive Map سيفتح التطبيق خريطة تفاعلية للمعلم عند ضغط المستخدم على زر الخريطة، وسيتم تهيئتها حسب إحداثيات المعلم. --- SECTION: لبرمجة الخريطة التفاعلية: --- لبرمجة الخريطة التفاعلية: أضف متغيراً جديداً باسم coordinates (الإحداثيات) . 1 أضف النص التالي إلى متغير coordinates (الإحداثيات): 24.6312, 46.7134 . 2 حدد حدث Click (الضغط) لمكون map_button (زر_الخريطة) . 3 اضبط خاصية CenterFromString (توسيط من السلسلة النصية) لمكون map (الخريطة) إلى المتغير coordinates (الإحداثيات) . 4 اضبط خاصية Visible (مرئي) لمكون map (الخريطة) للبنة التعليمات البرمجية لتكون true (صحيحة) . 5 وزارة التعليم 175 2023 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: MIT App Inventor Blocks for Initializing Global Variable Description: A screenshot of the MIT App Inventor interface showing the 'Blocks' palette on the left and the 'Viewer' area on the right. The 'Blocks' palette includes categories like Built-in (Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures) and AlMasmak. In the 'Viewer' area, several programming blocks are visible: 'initialize global name to', 'get', 'set to', and 'initialize local name in'. An arrow labeled '1' points from the generic 'initialize global name to' block to a more specific 'initialize global coordinates to' block, illustrating the creation or renaming of a global variable. Context: This diagram visually demonstrates the first step of programming an interactive map: initializing a global variable named 'coordinates' within the MIT App Inventor environment. **DIAGRAM**: MIT App Inventor Blocks for Assigning Coordinates Description: Another screenshot of the MIT App Inventor interface, similar to the first, with the 'Blocks' palette on the left. The 'Viewer' area on the right displays programming blocks including 'join', 'length', and 'is empty'. A key sequence of blocks is shown: an arrow labeled '2' points from an empty text block (represented by double quotes "") to the 'initialize global coordinates to' block, which is then connected to a text block containing the specific coordinate string "24.6312, 46.7134". This illustrates assigning a value to the global variable. Context: This diagram visually demonstrates the second step of programming an interactive map: assigning the specific latitude and longitude values '24.6312, 46.7134' as a string to the previously initialized global 'coordinates' variable in MIT App Inventor.

🎴 بطاقات تعليمية للمراجعة

عدد البطاقات: 6 بطاقة لهذه الصفحة

ما هي الخطوات الخمس لبرمجة الخريطة التفاعلية في MIT App Inventor؟

الإجابة: 1. إضافة متغير جديد باسم coordinates (الإحداثيات). 2. إضافة النص '24.6312, 46.7134' إلى متغير coordinates. 3. تحديد حدث Click (الضغط) لمكون map_button (زر_الخريطة). 4. ضبط خاصية CenterFromString (توسيط من السلسلة النصية) لمكون map (الخريطة) إلى المتغير coordinates. 5. ضبط خاصية Visible (مرئي) لمكون map (الخريطة) لتكون true (صحيحة).

الشرح: هذه الخطوات تمثل تسلسلاً منطقياً لبرمجة ميزة الخريطة التفاعلية، حيث تبدأ بتهيئة البيانات (الإحداثيات) ثم ربطها بحدث المستخدم (الضغط على الزر) وأخيراً عرض الخريطة.

تلميح: ركز على تسلسل العمليات: من إنشاء المتغير إلى تفعيل الخريطة.

التصنيف: صيغة/خطوات | المستوى: متوسط

ما هو الغرض من المتغير 'coordinates' في برمجة الخريطة التفاعلية؟

الإجابة: يستخدم لتخزين إحداثيات الموقع الجغرافي (خط الطول وخط العرض) كنص، والتي سيتم استخدامها لتهيئة مركز الخريطة عند فتحها.

الشرح: المتغير 'coordinates' هو متغير عام (global) يحمل قيمة ثابتة تمثل موقعاً محدداً (مثل موقع المعلم)، وهو ضروري لأن خاصية CenterFromString لمكون الخريطة تتوقع سلسلة نصية تحتوي على الإحداثيات.

تلميح: فكر في نوع البيانات التي يحتاجها تطبيق الخريطة لتحديد مكان معين على الخريطة.

التصنيف: مفهوم جوهري | المستوى: سهل

ما هي القيمة التي يجب تعيينها للمتغير 'coordinates' لتهيئة خريطة لموقع معين؟

الإجابة: سلسلة نصية (String) تحتوي على خط العرض متبوعاً بفاصلة ثم خط الطول، مثل '24.6312, 46.7134'.

الشرح: تتطلب خاصية CenterFromString في مكون الخريطة تنسيقاً محدداً للإحداثيات الجغرافية، حيث يكون خط العرض أولاً ثم خط الطول، مفصولين بفاصلة.

تلميح: انتبه إلى التنسيق: رقم، فاصلة، مسافة، رقم.

التصنيف: صيغة/خطوات | المستوى: سهل

ما هو الحدث (Event) الذي يجب ربطه بزر الخريطة (map_button) لفتح الخريطة التفاعلية؟

الإجابة: حدث Click (الضغط).

الشرح: في واجهات المستخدم التفاعلية، يرتبط فتح نافذة أو عرض عنصر جديد عادةً بحدث النقر أو الضغط على زر.

تلميح: ما هو الإجراء الذي يتوقعه المستخدم عند التفاعل مع زر على الشاشة؟

التصنيف: تعريف | المستوى: سهل

ما هي الخاصيتان اللتان يجب ضبطهما لمكون الخريطة (map) عند تنفيذ حدث الضغط على الزر؟

الإجابة: 1. خاصية CenterFromString (لتوسيط الخريطة على الإحداثيات المحددة). 2. خاصية Visible (لجعل الخريطة مرئية على الشاشة).

الشرح: ضبط CenterFromString يضمن ظهور الموقع الصحيح عند فتح الخريطة، بينما ضبط Visible على true يجعل المكون يظهر للمستخدم بعد أن كان مخفياً.

تلميح: واحدة تتعلق بمكان التركيز على الخريطة، والأخرى تتعلق بإظهارها.

التصنيف: مفهوم جوهري | المستوى: متوسط

لماذا يجب ضبط خاصية Visible للخريطة إلى 'true' كخطوة أخيرة؟

الإجابة: لأن الخريطة قد تكون غير مرئية (مخبأة) بشكل افتراضي في واجهة التطبيق، وهذه الخطوة تجعلها تظهر للمستخدم بعد تهيئتها بالإحداثيات الصحيحة.

الشرح: هذا التسلسل (التهيئة ثم الإظهار) يمنع عرض خريطة غير مهيأة أو فارغة للمستخدم، مما يحسن من استقرار التطبيق وتجربة المستخدم.

تلميح: فكر في تجربة المستخدم: ماذا يريد أن يرى بعد الضغط على الزر؟

التصنيف: تفكير ناقد | المستوى: متوسط