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

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

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

الدرس: برمجة شاشة المدن

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

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

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

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

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

📝 ملخص الصفحة

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

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

برمجة شاشة المدن Programming the Cities Screen كما ذكر سابقًا، فإن الشاشة الرئيسة ستنقل المستخدم إلى الصفحة الخاصة بالمدن، كما ستحدد اللغة التي سيتم استخدامها على الشاشات التالية أيضًا. --- SECTION: إنشاء المحتوى الخاص بقائمة الخيارات ListPicker --- إنشاء المحتوى الخاص بقائمة الخيارات ListPicker Creating the Content for the ListPicker يجب أن تملأ ListPicker Elements (عناصر قائمة الخيارات) بالنص المناسب حسب اللغة المستخدمة. الخطوة الأولى لذلك هي تحديد قوائم النقاط البارزة للوجهات المختلفة باللغتين الإنجليزية والعربية، والخطوة الثانية هي تهيئة مكونات ListPicker (قائمة الخيارات) باللغة المناسبة. --- SECTION: لإنشاء قوائم المحتوى: --- لإنشاء قوائم المحتوى: < أنشئ متغيرًا جديدًا يدعى en_riyadh_highlights (معالم_الرياض_بالإنجليزية). 1 < أنشئ اللبنة البرمجية make a list (إنشاء قائمة) وضعها في المتغير en_riyadh_highlights (معالم_الرياض_بالإنجليزية). 2 < املأ القائمة بأسماء الأماكن باللغة الإنجليزية. 3 < كرر العملية للمتغير الخاص باللغة العربية ar_riyadh_highlights (معالم_الرياض_بالعربية). 4 وزارة التعليم Ministry of Education 2025 - 1447 158 --- VISUAL CONTEXT --- **DIAGRAM**: MIT App Inventor Blocks Editor - Initializing Global Variable Description: A screenshot of the MIT App Inventor Blocks editor, showing the 'Visit_SA_App' project. The left pane lists 'Blocks' categories including Built-in, Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, and Cities. The right 'Viewer' pane displays several programming blocks. Key blocks visible are 'initialize global name to', 'get', 'set to', and 'initialize local name in'. A dashed arrow labeled '1' points from an 'initialize global name to' block in the 'Viewer' to a separate, highlighted block labeled 'initialize global riyadh_highlights_en to'. This illustrates the creation of a global variable. Key Values: MIT APP INVENTOR, Projects, Connect, Build, Visit_SA_App, Cities, Add Screen, Remove Screen, Blocks, Viewer, Built-in, Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, Cities, initialize global name to, get, set to, initialize local name in, initialize global riyadh_highlights_en to Context: This diagram demonstrates the first step in programming the 'Cities Screen' by initializing a global variable named 'riyadh_highlights_en' in MIT App Inventor, which will later hold a list of English highlights for Riyadh. **DIAGRAM**: MIT App Inventor Blocks Editor - Creating a List for Global Variable Description: A second screenshot of the MIT App Inventor Blocks editor for the 'Visit_SA_App' project. Similar to the first, it shows the 'Blocks' and 'Viewer' panes. The 'Viewer' pane now focuses on list manipulation blocks. Visible blocks include 'create empty list', 'make a list', and 'add items to list list item'. A dashed arrow labeled '2' points from a 'make a list' block in the 'Viewer' to the 'initialize global riyadh_highlights_en to' block, which now has the 'make a list' block attached to its 'to' input. This illustrates assigning a list creation block to the global variable. Key Values: Visit_SA_App, Cities, Add Screen, Remove Screen, Blocks, Viewer, Built-in, Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, Cities, create empty list, make a list, add items to list list item, is in list? thing, initialize global riyadh_highlights_en to, make a list Context: This diagram illustrates the second step in programming the 'Cities Screen', showing how to assign a 'make a list' block to the 'riyadh_highlights_en' global variable. This prepares the variable to store multiple items, which will be the highlights for Riyadh in English.

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

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

ما هي الخطوة الأولى لملء عناصر ListPicker بالنص المناسب حسب اللغة المستخدمة؟

الإجابة: تحديد قوائم النقاط البارزة للوجهات المختلفة باللغتين الإنجليزية والعربية.

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

تلميح: فكر في العملية التحضيرية التي تسبق تهيئة المكونات البرمجية.

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

ما هي الخطوة الثانية لملء عناصر ListPicker بالنص المناسب حسب اللغة المستخدمة؟

الإجابة: تهيئة مكونات ListPicker (قائمة الخيارات) باللغة المناسبة.

الشرح: بعد إعداد قوائم البيانات باللغتين، يتم تهيئة المكون البرمجي نفسه لاستخدام اللغة المناسبة.

تلميح: فكر في الإجراء الذي يلي إعداد البيانات.

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

ما هي الخطوات الأربع لإنشاء قائمة محتوى (مثل معالم الرياض) بلغة معينة في MIT App Inventor؟

الإجابة: 1. إنشاء متغير جديد (مثل en_riyadh_highlights). 2. وضع لبنة 'make a list' (إنشاء قائمة) في ذلك المتغير. 3. ملء القائمة بأسماء الأماكن باللغة المطلوبة. 4. تكرار العملية للغة الأخرى.

الشرح: تتبع عملية إنشاء قوائم المحتوى سلسلة منطقية من الخطوات تبدأ بتعريف المتغير وتنتهي بتكرار العملية لضمان دعم اللغات المتعددة.

تلميح: تذكر أن العملية تبدأ بإنشاء متغير وتنتهي بتكرارها للغة أخرى.

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

ما هو الغرض من إنشاء متغيرين مثل 'en_riyadh_highlights' و 'ar_riyadh_highlights' في تطبيق زيارة السعودية؟

الإجابة: لتخزين قوائم النقاط البارزة لمدينة الرياض (المعالم) باللغتين الإنجليزية والعربية على التوالي، مما يدعم واجهة تطبيق متعددة اللغات.

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

تلميح: فكر في سبب وجود نسختين من نفس البيانات ولكن بمسميات مختلفة.

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

ما هي اللبنة البرمجية المستخدمة في MIT App Inventor لإنشاء قائمة تحتوي على عدة عناصر؟

الإجابة: لبنة 'make a list' (إنشاء قائمة).

الشرح: تُستخدم لبنة 'make a list' لتهيئة قائمة وملئها بالعناصر المطلوبة في لغة برمجة كتلة MIT App Inventor.

تلميح: انظر إلى اسم اللبنة المذكورة في الخطوة الثانية من إنشاء قائمة المحتوى.

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