البرنامج بشكله النهائي للشاشة الثالثة (المصمك) - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

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

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

الدرس: البرنامج بشكله النهائي للشاشة الثالثة (المصمك)

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

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

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

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

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

📝 ملخص الصفحة

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

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

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

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

--- SECTION: البرنامج بشكله النهائي للشاشة الثالثة (المصمك) --- البرنامج بشكله النهائي للشاشة الثالثة (المصمك) --- SECTION: The Complete Code for the Third Screen (Al Masmak) --- The Complete Code for the Third Screen (Al Masmak) --- SECTION: شكل 3.44: البرنامج بشكله النهائي للشاشة الثالثة --- شكل 3.44: البرنامج بشكله النهائي للشاشة الثالثة لقد أصبح التطبيق جاهزًا الآن وعليك اختباره. يمكنك استخدام محاكي الأندرويد (Android Emulator)، أو تنزيل التطبيق وتثبيته وتشغيله على جهاز أندرويد الخاص بك، ويمكنك أيضًا مسح رمز الاستجابة السريعة (QR) باستخدام جهاز الأندرويد لمعاينته. يمكنك مشاهدة شاشات تطبيقك عند تشغيل البرنامج باستخدام المحاكي في الصور التوضيحية التالية: وزارة التعليم Ministry of Education 2025 - 1447 178 --- VISUAL CONTEXT --- **DIAGRAM**: البرنامج بشكله النهائي للشاشة الثالثة Description: A block-based programming code diagram, likely from MIT App Inventor or a similar platform, showing the complete code for the third screen of an application named 'Al Masmak'. It includes initialization of global variables for English and Arabic titles, descriptions, and geographical coordinates. It also contains logic for setting UI elements based on language ('en' or 'ar') and a button click event to display a map. Key Values: initialize global title_en to "Al Masmak", initialize global description_en to "Located in the heart of the old quarter in Riyad...", initialize global title_ar to "المصمك", initialize global description_ar to "... يقع قصر المصمك في وسط مدينة الرياض، وهو عبارة عن", initialize global coordinates to "24.6312, 46.7134", when AlMasmak .Initialize do, if get start value = "en", then set title_label .Text to get global title_en, set description_label .Text to get global description_en, set VerticalArrangement1 .AlignHorizontal to HorizontalAlignment Left, else if get start value = "ar", then set title_label .Text to get global title_ar, set description_label .Text to get global description_ar, set VerticalArrangement1 .AlignHorizontal to HorizontalAlignment Right, when map_button .Click do, set Map1 .CenterFromString to get global coordinates, set Map1 .Visible to true Context: Illustrates the final programming logic for a specific screen in an Android application, demonstrating variable initialization, conditional logic for language localization, and map integration based on user interaction. **IMAGE**: شعار وزارة التعليم Description: Logo of the Ministry of Education, Saudi Arabia, featuring a stylized green emblem above the text 'وزارة التعليم' and 'Ministry of Education' with the years '2025 - 1447'. Context: Indicates the official publisher or endorsing body of the textbook.

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

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

ما هو الغرض من تهيئة المتغيرات العامة (initialize global) في كود شاشة المصمك؟

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

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

تلميح: فكر في البيانات التي يجب أن تكون متاحة لأكثر من جزء من الكود داخل الشاشة.

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

ما هي الخطوات المنطقية التي ينفذها الحدث 'عند تهيئة الشاشة' (when AlMasmak .Initialize do) في كود شاشة المصمك؟

الإجابة: 1. التحقق من قيمة اللغة (start value). 2. إذا كانت اللغة الإنجليزية ('en'): تعيين نص العنوان والوصف إلى النسخة الإنجليزية وضبط محاذاة الترتيب الرأسي إلى اليسار. 3. إذا كانت اللغة العربية ('ar'): تعيين نص العنوان والوصف إلى النسخة العربية وضبط محاذاة الترتيب الرأسي إلى اليمين.

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

تلميح: تذكر أن المنطق يعتمد على شرط (if) وبديل (else if).

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

ما الذي يحدث عند النقر على زر الخريطة (map_button) في كود شاشة المصمك؟

الإجابة: يتم تعيين مركز الخريطة (Map1 .CenterFromString) إلى الإحداثيات الجغرافية المخزنة في المتغير العام (coordinates)، ثم يتم جعل الخريطة مرئية (Map1 .Visible to true).

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

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

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

ما الفرق بين دور حدث 'التهيئة' (Initialize) وحدث 'النقر' (Click) في كود شاشة المصمك؟

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

الشرح: يُظهر هذا الفرق بين الأحداث التي تُشغل تلقائياً عند بدء تشغيل مكون (تهيئة) والأحداث التي تُشغل بواسطة المستخدم (تفاعل).

تلميح: فكر في متى يتم تشغيل كل حدث ومن أو ما الذي يطلقه.

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