برمجة زرّي اللغة في MIT App Inventor - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

MIT APP INVENTOR Projects Connect Build Settings Help Visit_SA_App Screen1 Add Screen Remove Screen Publish to Gallery Blocks Viewer Built-in Control Logic Math Text Lists Dictionaries Colors Variables join length when discover_button_en .Click do open another screen with start value screenName Cities startValue "en" when discover_button_ar .Click do open another screen with start value screenName Cities startValue "ar" شكل 3.35: برمجة زرّي اللغة في الشاشة الرئيسة البرنامج بأكمله للشاشة الأولى (شاشة 1) The Complete Code for the First Screen (Screen1) when discover_button_en .Click do open another screen with start value screenName Cities startValue "en" when discover_button_ar .Click do open another screen with start value screenName Cities startValue "ar" شكل 3.36: البرنامج بأكمله للشاشة الأولى وزارة التعليم Ministry of Education 157 2023 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: MIT App Inventor Interface and Code Blocks for Screen1 Description: The image displays the MIT App Inventor development environment, specifically the Blocks editor. The top section shows the App Inventor menu bar with options: Projects, Connect, Build, Settings, Help. Below this, the project name 'Visit_SA_App' is visible, along with screen management options: Screen1, Add Screen, Remove Screen, Publish to Gallery. The left panel lists 'Blocks' categories, including 'Built-in' options such as Control, Logic, Math, Text, Lists, Dictionaries, Colors, and Variables. The 'Viewer' area shows generic block elements like an empty text block ('""'), 'join', and 'length'. A blue numbered circle '3' points to the 'join' block. Below the main interface, two identical sets of programming blocks are presented. Each set contains two 'when .Click do' event blocks. The first block handles 'discover_button_en.Click', which opens another screen named 'Cities' and passes 'en' as 'startValue'. The second block handles 'discover_button_ar.Click', which opens the 'Cities' screen and passes 'ar' as 'startValue'. A blue numbered circle '4' points to the 'ar' block in the first set of code blocks. These code blocks are captioned as 'شكل 3.35: برمجة زرّي اللغة في الشاشة الرئيسة' and 'شكل 3.36: البرنامج بأكمله للشاشة الأولى'. Context: This visual demonstrates how to implement language selection functionality and screen navigation in an Android application using MIT App Inventor's block-based programming. It shows how different buttons (English and Arabic) can trigger the opening of a new screen ('Cities') and pass a specific language parameter ('en' or 'ar') to it, allowing the destination screen to adapt its content based on the selected language.