صفحة 133 - كتاب التقنية الرقمية - الصف 12 - الفصل 1 - المملكة العربية السعودية

اللبنات البرمجية (Programming blocks)

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

لتبديل إلى وضع اللبنات (Blocks):

من قائمة الشاشات اختر Screen1 (الشاشة الأولى).

مجموعة اللبنات.

مكونات واجهة المستخدم الخاصة بـ Screen1 (الشاشة الأولى).

منطقة البرمجة.

يمكن تخزين اللبنات في Backpack (الحقيبة) ومن ثم سحبها وإفلاتها من هناك وهكذا يمكن الوصول بسرعة إليها.

التبديل ما بين وضع Designer (المصمم) ووضع Blocks (اللبنات).

طريقة العرض الافتراضية.

التكبير.

التصغير.

يمكن حذف اللبنات من خلال سحبها وإفلاتها إلى السلة.

وزارة التعليم Ministry of Education 2025 - 1447

133

اللبنات البرمجية (Programming blocks) اللبنات في مطور التطبيقات MIT هي القطع التي تربطها ببعضها لتبلغ تطبيقك بما يجب فعله. يحتوي كل مكون في المشروع على مجموعة خاصة من اللبنات، مثل الأحداث، والطرق، والخصائص. لبرمجة أحد المكونات، تحتاج إلى التبديل إلى وضع اللبنات (Blocks). لتبديل إلى وضع اللبنات (Blocks): من قائمة الشاشات اختر Screen1 (الشاشة الأولى). 1. من قائمة الشاشات اختر Screen1 (الشاشة الأولى). 2. اضغط على زر Blocks (اللبنات). مجموعة اللبنات. مكونات واجهة المستخدم الخاصة بـ Screen1 (الشاشة الأولى). منطقة البرمجة. يمكن تخزين اللبنات في Backpack (الحقيبة) ومن ثم سحبها وإفلاتها من هناك وهكذا يمكن الوصول بسرعة إليها. التبديل ما بين وضع Designer (المصمم) ووضع Blocks (اللبنات). طريقة العرض الافتراضية. التكبير. التصغير. يمكن حذف اللبنات من خلال سحبها وإفلاتها إلى السلة. وزارة التعليم Ministry of Education 2025 - 1447 133 --- VISUAL CONTEXT --- **FIGURE**: Healthy_Food - Designer View Description: Screenshot of the MIT App Inventor Designer interface for a project named 'Healthy_Food'. The interface is divided into several panels: 'Palette' on the left for user interface components, 'Viewer' in the center displaying a phone screen with 'Phone size (505,320)', 'Components' on the right listing components like 'Tips' and 'VerticalArrangement1', and 'Properties' below it showing attributes for 'VerticalArrangement1'. The 'Designer' tab is active, and 'Screen1' is selected. The top bar includes 'Projects', 'Connect', 'Build', 'Settings', 'Help', 'My Projects', 'View Trash', 'Guide', 'Report an Issue', 'English', and an email 'saadsa.fahd@gmail.com'. A circled number '1' points to the 'Screen1' selection in the 'Viewer' panel, and a circled number '2' points to the 'Blocks' tab. X-axis: N/A Y-axis: N/A Data: N/A Context: Illustrates the Designer view of MIT App Inventor, where user interface components are arranged and their properties are set. **FIGURE**: Healthy_Food - Blocks Editor Description: Screenshot of the MIT App Inventor Blocks Editor interface for the 'Healthy_Food' project. The left panel shows the 'Built-in' blocks palette, including categories like 'Control', 'Logic', 'Math', 'Text', 'Lists', 'Dictionaries', 'Colors', 'Variables', 'Procedures', and 'Screen1' components (specifically 'Tips'). The main programming area displays several event blocks for the 'Tips' component: 'when Tips .Click do', 'when Tips .GotFocus do', 'when Tips .LongClick do', 'when Tips .LostFocus do', 'when Tips .TouchDown do', 'when Tips .TouchUp do', and a 'Tips .BackgroundColor' block. On the right side, there are icons for 'Backpack', 'Default View', 'Zoom In' (+), 'Zoom Out' (-), and a 'Trash Can'. The top bar is similar to the Designer view, showing 'Projects', 'Connect', 'Build', 'Settings', 'Help', 'My Projects', 'View Trash', 'Guide', 'Report an Issue', 'English', and an email 'saadsa.fahd@gmail.com'. The 'Blocks' tab is active. X-axis: N/A Y-axis: N/A Data: N/A Context: Illustrates the Blocks Editor view of MIT App Inventor, where programming logic is assembled using visual blocks to define component behaviors.