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

وزارة التعليم Ministry of Education 2025 - 1447 160 --- VISUAL CONTEXT --- **DIAGRAM**: MIT App Inventor Interface - Event Blocks Description: A screenshot of the MIT App Inventor interface for the 'Visit_SA_App'. The top bar shows the 'MIT APP INVENTOR' logo and menu options: 'Projects', 'Connect', 'Build', 'Settings', 'Help'. Below that, the app name 'Visit_SA_App' is displayed with buttons: 'Cities', 'Add Screen', 'Remove Screen', 'Publish to Gallery'. The main workspace is divided into two panels: 'Blocks' (left) and 'Viewer' (right). The 'Blocks' panel lists 'Built-in' categories (Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures) and a 'Cities' component. The 'Viewer' panel displays four event blocks for 'riyadh_list': 'when riyadh_list AfterPicking do', 'when riyadh_list BeforePicking do', 'when riyadh_list GotFocus do', and 'when riyadh_list LostFocus do'. A blue numbered circle '1' points from the 'when riyadh_list BeforePicking do' block in the main viewer to an identical, isolated 'when riyadh_list BeforePicking do' block on the right, emphasizing it. Key Values: MIT APP INVENTOR, Projects, Connect, Build, Settings, Help, Visit_SA_App, Cities, Add Screen, Remove Screen, Publish to Gallery, Blocks, Viewer, Built-in, Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, Cities, when riyadh_list AfterPicking do, when riyadh_list BeforePicking do, when riyadh_list GotFocus do, when riyadh_list LostFocus do Context: This diagram illustrates how to use event handler blocks in MIT App Inventor, specifically for a list component named 'riyadh_list', showing different events like 'AfterPicking', 'BeforePicking', 'GotFocus', and 'LostFocus'. **DIAGRAM**: MIT App Inventor Interface - Conditional Logic Blocks Description: A second screenshot of the MIT App Inventor interface for the 'Visit_SA_App'. The top bar and app name/buttons are identical to the first screenshot. In the 'Blocks' panel, the 'Control' category under 'Built-in' is highlighted. The 'Viewer' panel displays two conditional blocks: 'if then' and 'if then else'. A blue numbered circle '2' points from the 'if then else' block in the main viewer to a callout on the right. This callout shows two smaller blocks, 'else if' and 'else', which are options to modify conditional blocks, and a larger, expanded conditional block: 'if then else if then'. Key Values: MIT APP INVENTOR, Projects, Connect, Build, Settings, Help, Visit_SA_App, Cities, Add Screen, Remove Screen, Publish to Gallery, Blocks, Viewer, Built-in, Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, Cities, if then, if then else, else if, else Context: This diagram demonstrates the basic conditional logic blocks ('if then', 'if then else') available in MIT App Inventor, and how they can be extended with 'else if' clauses for more complex decision-making. **DIAGRAM**: MIT App Inventor Interface - Boolean and Comparison Logic Blocks Description: A third screenshot of the MIT App Inventor interface for the 'Visit_SA_App'. The top bar and app name/buttons are identical to the previous screenshots. In the 'Blocks' panel, the 'Logic' category under 'Built-in' is highlighted. The 'Viewer' panel displays several logic blocks: 'true', 'false', 'not', a comparison block with an equals sign '=', and an 'and' block. A blue numbered circle '3' points from the '=' block in the main viewer to a callout on the right. This callout shows an 'if then else if then' block, similar to the one in the previous figure, but with two '=' comparison blocks inserted into its conditional slots, demonstrating how logic blocks are used within conditional statements. Key Values: MIT APP INVENTOR, Projects, Connect, Build, Settings, Help, Visit_SA_App, Cities, Add Screen, Remove Screen, Publish to Gallery, Blocks, Viewer, Built-in, Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, Cities, true, false, not, =, and, if then else if then Context: This diagram illustrates various boolean and comparison logic blocks ('true', 'false', 'not', '=', 'and') in MIT App Inventor and shows how they are integrated into conditional 'if then else if then' structures to build program logic.