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

وزارة التعليم Ministry of Education 2025 - 1447 156 --- VISUAL CONTEXT --- **FIGURE**: MIT App Inventor Blocks Editor - Event Handlers Description: A screenshot of the MIT App Inventor Blocks editor. The top bar shows the 'MIT APP INVENTOR' logo and menu items: 'Projects', 'Connect', 'Build', 'Settings', 'Help'. Below, the app name 'Visit_SA_App' is displayed with screen management options: 'Screen1', 'Add Screen', 'Remove Screen', 'Publish to Gallery'. The left panel, titled 'Blocks', lists 'Built-in' categories: 'Control', 'Logic', 'Math', 'Text', 'Lists', 'Dictionaries', 'Colors', 'Variables', 'Procedures'. The right panel, titled 'Viewer', displays four event handler blocks for a component named 'discover_button_en': 'when discover_button_en .Click do', 'when discover_button_en .GotFocus do', 'when discover_button_en .LongClick do', and 'when discover_button_en .LostFocus do'. A blue circle with the number '1' points to the '.Click' event block. Key Values: 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, Procedures, when discover_button_en .Click do, when discover_button_en .GotFocus do, when discover_button_en .LongClick do, when discover_button_en .LostFocus do, 1 Context: This figure demonstrates the user interface of MIT App Inventor's Blocks editor, specifically showcasing various event handler blocks available for a button component, illustrating how different user interactions can trigger specific actions. **FIGURE**: Detail of 'discover_button_en .Click' Event Block Description: A magnified view of the 'when discover_button_en .Click do' block, which is an event handler for a button click. This block is highlighted by a dashed arrow originating from the main App Inventor screenshot, indicating its significance or a point of focus. Key Values: when discover_button_en .Click do Context: This detail emphasizes the primary event block used to initiate actions when a user clicks the 'discover_button_en'. **FIGURE**: MIT App Inventor Blocks Editor - Screen Navigation Description: A second screenshot of the MIT App Inventor Blocks editor. The top bar includes the 'MIT APP INVENTOR' logo and menu items: 'Projects', 'Connect', 'Build', 'Settings', 'Help', 'My Projects', 'View Trash', 'Guide', 'Report an Issue'. The app name 'Visit_SA_App' is shown with screen management options: 'Screen1', 'Add Screen', 'Remove Screen', 'Publish to Gallery'. The left panel, titled 'Blocks', lists 'Built-in' categories and 'Screen1' components: 'VerticalArrangement1', 'discover_button_en', 'discover_button_ar', 'Any component'. The right panel, titled 'Viewer', displays several control and screen navigation blocks: 'then', 'else', 'do', 'result', 'evaluate but ignore result', 'open another screen screenName Cities', 'open another screen with start value screenName Cities startValue', and 'get start value'. A blue circle with the number '2' points to the 'get start value' block. Key Values: MIT APP INVENTOR, Projects, Connect, Build, Settings, Help, My Projects, View Trash, Guide, Report an Issue, Visit_SA_App, Screen1, Add Screen, Remove Screen, Publish to Gallery, Blocks, Viewer, Built-in, Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, VerticalArrangement1, discover_button_en, discover_button_ar, Any component, then, else, do, result, evaluate but ignore result, open another screen screenName Cities, open another screen with start value screenName Cities startValue, get start value, 2 Context: This figure illustrates blocks related to conditional logic and, more importantly, how to navigate between different screens in an App Inventor application, including passing data ('start value') to the new screen. It also shows specific component blocks for 'Screen1'. **FIGURE**: Detail of 'Open Another Screen with Start Value' Block Description: A magnified view of the 'when discover_button_en .Click do open another screen with start value screenName Cities startValue' block. This block is highlighted by a dashed arrow from the main App Inventor screenshot, demonstrating the complete action of opening a new screen named 'Cities' and passing a 'startValue' when the 'discover_button_en' is clicked. Key Values: when discover_button_en .Click do open another screen with start value screenName Cities startValue Context: This detail provides a clear view of the block combination used to implement screen navigation with data transfer, triggered by a button click event.