لإنشاء وتعريف عنصر البرمجة الجديد: - كتاب المهارات الرقمية - الصف 8 - الفصل 1 - المملكة العربية السعودية

📚 إنشاء وتعريف عنصر برمجة جديد

المفاهيم الأساسية

عنصر برمجة جديد (My Blocks): وحدة برنامج (مجموعة لبنات) تضمينها كلبنة واحدة.

خريطة المفاهيم

```markmap

البرمجة التركيبية

التعريف

تقسيم المهام إلى وحدات صغيرة

تعاون الوحدات لحل المشكلة الكلية

تسمى "الدوال" في لغات أخرى

التنفيذ في فيكس كود في آر

عناصر برمجة جديدة (My Blocks)

#### تعريفها

##### وحدة برنامج (مجموعة لبنات)

##### تضمينها كلبنة واحدة

#### إنشاء عنصر برمجة جديد

##### الخطوات

###### 1. اضغط على فئة "عناصر برمجة جديدة" (My Blocks)

###### 2. اضغط على "إنشاء عنصر" (Make a Block)

###### 3. اكتب اسمًا للعنصر الجديد

###### 4. اضغط على "موافق" (OK)

#### استخدامه داخل المقطع البرمجي

#### تقسيمه إلى وحدات أصغر

#### تعريف المقطع البرمجي للعنصر الجديد

##### يتم تخزين اللبنة في فئة "My Blocks"

##### تحت لبنة "تعريف" (Definition)

###### توضع اللبنات البرمجية التي سيتم تنفيذها

###### مثال: تعريف `one step zigzag`

####### نقل القلم أسفل

####### اضبط القلم على العرض متوسط

####### اضبط القلم على اللون أخضر

####### تحرك إلى الأمام عدد 200 mm

####### انعطف يمين لمدة 90 درجة

####### تحرك إلى الأمام عدد 200 mm

####### انعطف اليسار لمدة 90 درجة

أهمية My Blocks

عند تكرار نفس العملية

تجنب إعادة إنشاء تسلسل اللبنات

تجميع التسلسل في عنصر واحد

مثال تطبيقي

رسم خط متعرج

#### تحديد نمط الخطوة الواحدة

##### تحرك للأمام 200 مم

##### انعطف يمين 90 درجة

##### تحرك للأمام 200 مم

##### انعطف يسار 90 درجة

#### تحويل الرمز إلى My Block

#### استخدامه مع لبنات أخرى

#### إنشاء المقطع البرمجي النهائي

##### الخطوات

###### 1. اضغط على فئة تحكم (Control)

###### 2. اختر لبنة تكرار (repeat) وضعها في المقطع البرمجي الرئيس

###### 3. اضبط عدد مرات التكرار على 9

###### 4. ضع لبنة `one step zigzag` داخل لبنة التكرار

###### 5. اضغط على زر تحديث (Refresh)

###### 6. شغل المقطع البرمجي

مثال تطبيقي متقدم

رسم شكل زهرة

#### تحليل الشكل

##### يتكون من 12 بتلة متطابقة

##### البتلات متداخلة جزئياً

#### خطوات البرمجة

##### 1. تطوير مقطع برمجي لرسم بتلة واحدة

###### شكل البتلة: مضلع بإحداثيات (0,0)، (2,4)، (4,1)، (2,-2)

##### 2. إنشاء عنصر برمجة جديد يحتوي على هذا المقطع

##### 3. استخدام العنصر الجديد مع التكرار والدوران لرسم 12 بتلة

#### الأدوات

##### ملعب الفن قماش (Art Canvas)

إعداد خصائص القلم

لبنة "اضبط القلم على العرض"

#### الخيارات: نحيف للغاية، نحيف، متوسط، واسع، واسع جدا

لبنة "اضبط القلم على اللون"

توضع في بداية المقطع البرمجي

#### تؤثر على كل الخطوات التالية

استخدام العنصر الجديد

خطوات الاستخدام

#### 1. حدد فئة "عناصر برمجة جديدة" (My Blocks)

#### 2. اختر العنصر الجديد (مثل `one step zigzag`)

#### 3. ضعه بعد لبنة البداية (`عندما بدأت`)

النتيجة

#### تنفيذ تسلسل الأوامر المحدد في تعريف العنصر

#### رسم مسار متعرج على شبكة المحاكاة

إنشاء عنصر برمجة جديد "Petal"

الخطوات

#### 1. برمجة روبوت لرسم بتلة واحدة في ملعب الفن قماش

#### 2. تحديد الأنماط المتكررة في الخوارزمية

#### 3. تحديد مجموعة اللبنات التي يتكون منها العنصر الجديد

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

#### عند بدأت

##### اضبط القلم على اللون: أحمر

##### اضبط القلم على العرض: نحيف للغاية

##### نقل القلم: أسفل

##### تكرار 3 مرات:

###### تحرك إلى الأمام: 180 mm

###### انعطف يمين: 30 درجة

###### انعطف يمين: 90 درجة

##### تكرار 3 مرات:

###### تحرك إلى الأمام: 180 mm

###### انعطف يمين: 30 درجة

النتيجة

#### رسم شكل بتلة (مضلع سداسي مغلق)

إنشاء بتلة باستخدام عنصر البرمجة الجديد

#### الخطوات

##### 1. اضغط على فئة "عناصر برمجة جديدة" (My Blocks)

##### 2. اضغط على "إنشاء عنصر" (Make a Block)

##### 3. اكتب اسمًا لعنصر البرمجة الجديد (مثل "Petal")

##### 4. اضغط على "موافق" (OK)

##### 5. ضع تحت لبنة تعريف Petal (define Petal) اللبنات البرمجية التي تنشئ البتلة

```

نقاط مهمة

• الهدف من الصفحة هو إنشاء بتلة باستخدام عنصر برمجة جديد.
• الخطوات العملية لإنشاء العنصر الجديد هي: الوصول إلى الفئة، ثم إنشاء العنصر، ثم تسميته، ثم برمجته.
• بعد إنشاء اللبنة الجديدة (مثل `define Petal`)، يجب وضع اللبنات البرمجية التي تنشئ البتلة بداخلها.

أنشئ بتلة باستخدام عنصر البرمجة الجديد.

لإنشاء وتعريف عنصر البرمجة الجديد:

اضغط على فئة عناصر برمجة جديدة (My blocks) ، ثم اضغط على إنشاء عنصر (Make a Block) .

اكتب اسما لعنصر البرمجة الجديد، ثم اضغط على موافق (OK) .

ضع تحت لبنة تعريف Petal (define Petal) اللبنات البرمجية التي تنشئ البتلة.

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

372

أنشئ بتلة باستخدام عنصر البرمجة الجديد. --- SECTION: لإنشاء وتعريف عنصر البرمجة الجديد: --- لإنشاء وتعريف عنصر البرمجة الجديد: اضغط على فئة عناصر برمجة جديدة (My blocks) ، ثم اضغط على إنشاء عنصر (Make a Block) . اكتب اسما لعنصر البرمجة الجديد، ثم اضغط على موافق (OK) . ضع تحت لبنة تعريف Petal (define Petal) اللبنات البرمجية التي تنشئ البتلة. وزارة التعليم Ministry of Education 2025 - 1447 372 --- VISUAL CONTEXT --- **FIGURE**: N/A Description: A screenshot of a block-based programming interface sidebar. It shows categories for programming blocks. The 'عناصر برمجة جديدة' (New programming elements) category is highlighted with a circular '1' indicator. Inside this category, there's a section labeled '2' containing an 'إنشاء عنصر' (Create element) button and a 'تعليق' (Comment) block under 'التعليقات' (Comments). Other visible categories include 'تحكم' (Control), 'الاستشعار' (Sensing), 'العمليات' (Operators), and 'المتغيرات' (Variables). X-axis: N/A Y-axis: N/A Data: N/A Context: Illustrates the initial steps in creating a custom block in a visual programming environment by showing the category and button to initiate block creation. **FIGURE**: جعل كتلة Description: A dialog box titled 'جعل كتلة' (Make a block). It contains an input field where the text 'Petal' is entered, indicated by a circular '3' indicator. Below the input field are options to add different types of inputs: 'إضافة مدخلا رقم' (Add a number input), 'منطقية' (Boolean), and 'إضافة تسمية' (Add a label). At the bottom, there are 'موافق' (OK) and 'إلغاء' (Cancel) buttons, with 'موافق' indicated by a circular '4' indicator. X-axis: N/A Y-axis: N/A Data: N/A Context: Shows the interface for defining the name and parameters of a new custom programming block, specifically naming it 'Petal' and showing input options. **FIGURE**: N/A Description: A programming workspace showing a custom block labeled 'define Petal', indicated by a circular '5' indicator. This block is empty, signifying that other programming blocks should be nested inside it to define its functionality. A trash can icon is visible above the block, indicating it can be deleted. X-axis: N/A Y-axis: N/A Data: N/A Context: Illustrates the resulting custom block after it has been named and defined, ready for its internal logic to be added to create the 'petal' functionality.