صفحة 384 - كتاب المهارات الرقمية - الصف 8 - الفصل 1 - المملكة العربية السعودية

📚 برمجة عنصر Petal جديد

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

معامل رقمي (Input Parameter): مكان في عنصر البرمجة الجديد لقبول قيمة رقمية. في عنصر `Petal`، قيمته الافتراضية هي 1.

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

```markmap

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

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

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

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

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

###### 1. رؤية لبنة "تعريف Petal" في منطقة البرمجة

###### 2. تخزين العنصر الجديد "My Block Petal" في فئة "My blocks"

#### التعليقات

##### أداة لإضافة توضيحات

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

##### تحت لبنة "تعريف Petal"

###### المقطع البرمجي الذي ينشئ بتلة واحدة

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

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

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

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

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

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

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

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

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

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

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

##### الهدف

###### إنشاء مقطع برمجي يتحرك فيه روبوت الواقع الافتراضي ويرسم البتلة

##### خطوات التنفيذ

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

###### 2. أفلت المقطع بعد لبنة "عندما بدأت (when started)"

##### تشغيل المقطع

###### شغل المقطع البرمجي في "ملعب الفن قماش (Art Canvas)"

##### النتيجة

###### رسم شكل بتلة مكون من فصين متداخلين باللون الأحمر

#### تطوير العنصر الجديد "Petal"

##### المشكلة

###### حجم البتلة ثابت (طول الجانب = 180 ملم)

###### حجم الزهرة الناتجة ثابت

##### الحل

###### إضافة معامل إدخال رقمي (Input Parameter)

####### مكانه: في المقطع البرمجي لعنصر البرمجة الجديد "Petal"

####### الغرض: قبول قيم مختلفة لطول الجانب (side length)

####### الفائدة: إنشاء بتلات وزهور بأحجام مختلفة

##### خطوات إضافة المعامل

###### 1. تعديل عنصر البرمجة الجديد

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

####### اضغط زر الفأرة الأيمن على عنصر البرمجة الجديد "Petal".

####### اضغط على "تعديل (edit)".

###### 2. إضافة معامل الإدخال الرقمي

####### في نافذة التعديل، اضغط على "إضافة مدخلا رقم (add an input number)".

####### اضغط على الاسم الافتراضي "number" وغيرّه إلى "Petal side length".

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

####### تطبيق المعاملات (Parameters)

######## عمل المعاملات كمتغيرات داخل عنصر البرمجة الجديد.

######## إنشاء وحدات برامج قابلة للتأقلم على أكثر من مشكلة.

######## مثال: عنصر برمجة جديد لإنشاء مربع يحتوي على معامل إدخال رقمي لطول الجانب.

######### قيم إدخال مختلفة (مثل 200، 300، 600) للمعامل تنتج مربعات بأحجام مختلفة.

######### يتم استخدام نفس التعليمة البرمجية مع تغيير قيمة المعامل.

#### عناصر البرمجة الجديدة مع المعاملات

##### إضافة وتخصيص المعاملات

###### يمكن إضافة معامل واحد أو أكثر.

###### يمكن تخصيصها لتحديد:

####### شكل أو حجم الرسم.

####### اتجاه حركة روبوت الواقع الافتراضي.

####### المسافة التي يقطعها.

##### معالجة حالات المشكلات

###### تضمين العنصر الجديد في المقطع البرمجي الرئيس عدة مرات.

###### تمييز قيم الإدخال المعطاة للمعاملات في كل مرة.

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

###### عنصر "Petal" مع معامل إدخال هو طول جوانب شكل البتلة.

####### الاستخدام: لإنشاء أحجام مختلفة من الزهور أو الأوراق أو الفراشات.

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

##### الهدف

###### إنشاء مقطع برمجي يتحرك فيه روبوت الواقع الافتراضي ويرسم زهرة باستخدام عنصر البرمجة الجديد `Petal`

##### خطوات التنفيذ

###### 1. من فئة التحكم (Control)، أضف لبنة تكرار (repeat) ووضعها بعد لبنة "عندما بدأت (when started)".

###### 2. اضبط عدد مرات التكرار على 12.

###### 3. من فئة "عناصر برمجة جديدة (My blocks)"، أضف عنصر البرمجة الجديد `Petal` وأسقطه داخل لبنة التكرار 12 مرة.

###### 4. من فئة نظام الدفع (Drivetrain)، أضف لبنة انعطف (turn) ووضعها بعد عنصر البرمجة الجديد `Petal`.

###### 5. اضبط الانعطاف إلى 120 درجة.

#### نظام الدفع

##### أوامر التحكم الأساسية

###### تحرك إلى الأمام

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

###### انعطف يمين

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

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

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

###### أوقف القيادة

###### اضبط سرعة القيادة إلى 50 %

###### اضبط سرعة الانعطاف إلى 50 %

##### رسم الزهرة الكاملة

###### المقطع البرمجي الرئيس

####### عندما بدأت

####### تكرار 12 مرة:

######## استدعاء عنصر `Petal`

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

###### النتيجة

####### رسم زهرة مكونة من 12 بتلة باللون الأحمر في ملعب الفن قماش.

#### نافذة إنشاء/تعديل الكتلة

##### واجهة المستخدم

###### عنوان النافذة: "جعل كتلة" / "Make a Block"

###### معاينة الكتلة

####### تظهر اسم الكتلة ومعاملات الإدخال.

####### مؤشر رقمي (مثل 2، 3) فوق معامل الإدخال.

###### أزرار إضافة المدخلات

####### إضافة مدخلا رقم (Add an input number)

####### منطقية (Boolean)

####### إضافة تسمية (Add a label)

###### أزرار التنفيذ

####### موافق (OK)

####### إلغاء (Cancel)

##### أفضل ممارسة لتسمية المعاملات

###### يمكن كتابة اسم آخر لمعامل الإدخال.

###### من الجيد إعطاء اسم يصف فائدته (مثل: "طول جانب البتلة").

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

##### يظهر المعامل "Petal side length" كبنة عرض متغير في لبنة تعريف عنصر البرمجة الجديد "Petal".

##### خطوات وضع معامل الإدخال في المقطع البرمجي

###### 1. اضغط على لبنة معامل عرض المعامل "Petal side length" في لبنة تعريف (define)، وأفلتها على الموضع الأول الذي يوجد فيه الرقم 180.

###### 2. اضغط على لبنة معامل عرض المعامل "Petal side length" في لبنة تعريف (define)، وأفلتها على الموضع الثاني الذي يوجد فيه الرقم 180.

##### معلومة

###### يمكن إنشاء أكثر من مدخل رقمي إلى عنصر البرمجة الجديد باتباع نفس العملية وحسب الحاجة.

#### إعطاء رقم إدخال إلى عنصر البرمجة الجديد

##### الغرض

###### ضبط طول جوانب البتلة المكونة لحجم الزهرة.

##### مثال

###### عند ضبط رقم الإدخال على 100، يرسم روبوت الواقع الافتراضي زهرة صغيرة.

##### خطوات التنفيذ

###### 1. إنشاء المقطع البرمجي التالي:

####### عندما بدأت

####### تكرار 12 مرة

###### 2. ضبط رقم الإدخال ليكون 100:

####### داخل التكرار، استخدام عنصر `Petal` بقيمة 100.

####### داخل التكرار، إضافة أمر "انعطف يمين 120 درجة".

```

نقاط مهمة

• يحتوي عنصر البرمجة الجديد `Petal` على معامل رقمي، قيمته الافتراضية هي 1.
• يتم إدخال الرقم المناسب في هذا المعامل لضبط طول جوانب البتلة، وبالتالي حجم الزهرة المرسومة.
• مثال: عند إدخال القيمة 100، يرسم الروبوت زهرة صغيرة.
• خطوات إعطاء رقم إدخال للعنصر:

1. إنشاء مقطع برمجي يحتوي على حلقة "تكرار 12".

2. ضبط رقم إدخال عنصر `Petal` داخل الحلقة ليكون 100.

يمكنك أيضًا ملاحظة أن عنصر البرمجة الجديد Petal المخزن في فئة عناصر برمجة جديدة لديه معامل رقمي بقيمة افتراضية تساوي 1.

يحتوي عنصر البرمجة الجديد المخزن في فئة عناصر برمجة جديدة على موضع لمعامل رقمي بقيمة افتراضية تساوي 1.

في كل مرة تستخدم فيها عنصر البرمجة الجديد Petal في مقاطعك البرمجية يمكنك إدخال الرقم المناسب في هذا المكان من أجل ضبط طول جوانب البتلة المكونة لحجم الزهرة. على سبيل المثال، عند ضبط هذا المدخل على 100، فسيرسم روبوت الواقع الافتراضي زهرة صغيرة.

لإعطاء رقم إدخال إلى عنصر البرمجة الجديد:

الخطوات التالية توضح كيفية إعطاء رقم إدخال إلى عنصر البرمجة الجديد:

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

يمكنك أيضًا ملاحظة أن عنصر البرمجة الجديد Petal المخزن في فئة عناصر برمجة جديدة لديه معامل رقمي بقيمة افتراضية تساوي 1. يحتوي عنصر البرمجة الجديد المخزن في فئة عناصر برمجة جديدة على موضع لمعامل رقمي بقيمة افتراضية تساوي 1. في كل مرة تستخدم فيها عنصر البرمجة الجديد Petal في مقاطعك البرمجية يمكنك إدخال الرقم المناسب في هذا المكان من أجل ضبط طول جوانب البتلة المكونة لحجم الزهرة. على سبيل المثال، عند ضبط هذا المدخل على 100، فسيرسم روبوت الواقع الافتراضي زهرة صغيرة. لإعطاء رقم إدخال إلى عنصر البرمجة الجديد: الخطوات التالية توضح كيفية إعطاء رقم إدخال إلى عنصر البرمجة الجديد: 1. أنشئ المقطع البرمجي التالي. 2. اضبط رقم الإدخال ليكون 100. وزارة التعليم Ministry of Education 2025 - 1447 384 --- VISUAL CONTEXT --- **DIAGRAM**: عناصر برمجة جديدة Description: A user interface showing categories for programming elements. The main section is titled 'عناصر برمجة جديدة' (New Programming Elements). Below it, there's a button 'إنشاء عنصر' (Create Element). A red block labeled '1 Petal' is shown, indicating a new programming element being created or selected. On the right, there are categories: 'المتغيرات' (Variables), 'عناصر برمجة جديدة' (New Programming Elements), and 'التعليقات' (Comments). A blue callout box points to the '1 Petal' block, explaining its default value. Key Values: Petal element default value: 1 Context: Illustrates the creation and default properties of a new 'Petal' programming element within a visual programming environment. **DIAGRAM**: Untitled Description: A geometric representation of a flower, formed by repeating a petal shape. A magnified view highlights one petal, showing a dimension of '100' units. This '100' value likely corresponds to the input for the 'Petal' programming element, defining the size of the petal. Key Values: petal dimension: 100 Context: Illustrates the visual output of the 'Petal' programming element when given a size input, specifically showing how a value of '100' defines a petal's dimension. **DIAGRAM**: Untitled Description: A sequence of visual programming blocks. The top block is 'عندما بدأت' (When started). Below it is a 'تكرار 12' (Repeat 12) loop block. Inside the loop, there are two blocks: 'Petal 100' (Petal with an input value of 100) and 'انعطف يمين 120 درجة' (Turn right 120 degrees). The numbers '1' and '2' are overlaid on the blocks, indicating steps in an instruction sequence. Step '1' points to the 'عندما بدأت' and 'تكرار 12' blocks, and step '2' points to the 'Petal 100' block. Key Values: repeat count: 12, petal size: 100, turn angle: 120 degrees Context: Demonstrates the programming steps required to draw the flower diagram (Visual 1) using the 'Petal' element, specifically showing how to repeat the petal drawing and rotation to form a complete flower, with '100' as the petal size input.