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

📚 دمج زهرتين متداخلتين باستخدام المعاملات

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

المعامل (Parameter): قيمة إدخال رقمية تُمرر إلى عنصر برمجة جديد (مثل `Petal`) لتغيير سلوكه (مثل حجم الرسم الناتج).

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

```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 درجة".

#### شكل المقطع البرمجي في ملعب الفن قماش

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

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

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

####### عنصر `Petal` بقيمة 100

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

##### تعريف عنصر `Petal`

###### معامل الإدخال: `Petal side length`

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

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

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

####### أنزل القلم

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

######## تحرك إلى الأمام `Petal side length` mm

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

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

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

######## تحرك إلى الأمام `Petal side length` mm

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

##### النتيجة الرسومية

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

#### دمج زهرتين متداخلتين

##### المهمة

###### إنشاء المقطع البرمجي الرئيس بشكل صحيح لدمج بين زهرة صغيرة وزهرة كبيرة متداخلتين.

##### قيم الإدخال

###### الزهرة الصغيرة: رقم إدخال = 100

###### الزهرة الكبيرة: رقم إدخال = 270

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

###### للزهرة الصغيرة (الإدخال 100):

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

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

######## عنصر `Petal` بقيمة 100

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

###### للزهرة الكبيرة (الإدخال 270):

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

######## عنصر `Petal` بقيمة 270

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

##### تعريف عنصر `Petal` (ثابت)

###### معامل الإدخال: `Petal side length`

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

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

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

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

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

######## تحرك إلى الأمام `Petal side length` mm

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

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

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

######## تحرك إلى الأمام `Petal side length` mm

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

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

###### رسم زهرتين متداخلتين (صغيرة وكبيرة) تشكلان نمطاً هندسياً معقداً ومرتباً.

```

نقاط مهمة

• الهدف: دمج زهرتين (صغيرة وكبيرة) متداخلتين في رسم واحد باستخدام عنصر برمجة جديد واحد (`Petal`) مع معامل.
• المفتاح: استخدام قيم إدخال مختلفة للمعامل `Petal side length` في نفس الهيكل البرمجي (100 للصغيرة، 270 للكبيرة).
• آلية الرسم: كل زهرة ترسم بتكرار رسم البتلة 12 مرة مع انعطاف 120 درجة بعد كل بتلة.
• النتيجة: نمط هندسي معقد ومتناظر لزهرتين متداخلتين.

كون المقطع البرمجي الرئيس بشكل صحيح لتدمج بين زهرة صغيرة وزهرة كبيرة متداخلتين مع بعضهما. ستعطي رقم إدخال يساوي 100 لقيادة روبوت الواقع الافتراضي لرسم الزهرة الصغيرة ورقم إدخال يساوي 270 لرسم الزهرة الكبيرة.

عناصر برمجية جديدة إنشاء عنصر 1 Petal نظام الدفع مقابض العرض التعليقات تعليق أحداث تحكم الاستشعار العمليات المتغيرات عناصر برمجية جديدة

وزارة التعليم 2025 - 1447 386

كون المقطع البرمجي الرئيس بشكل صحيح لتدمج بين زهرة صغيرة وزهرة كبيرة متداخلتين مع بعضهما. ستعطي رقم إدخال يساوي 100 لقيادة روبوت الواقع الافتراضي لرسم الزهرة الصغيرة ورقم إدخال يساوي 270 لرسم الزهرة الكبيرة. --- SECTION: عناصر برمجية جديدة --- عناصر برمجية جديدة إنشاء عنصر 1 Petal نظام الدفع مقابض العرض التعليقات تعليق أحداث تحكم الاستشعار العمليات المتغيرات عناصر برمجية جديدة وزارة التعليم 2025 - 1447 386 --- VISUAL CONTEXT --- **DIAGRAM**: المقطع البرمجي للزهرة الصغيرة Description: A set of Scratch-like programming blocks for drawing the small flower. It is labeled 'رقم الإدخال يساوي 100' (Input number equals 100). The main block starts with 'عندما بدأت' (When started), followed by a 'تكرار 12' (Repeat 12) loop. Inside the loop, it sets a variable 'Petal side length' to '100 Petal' and then executes 'انعطف يمين لمدة 120 درجة' (Turn right for 120 degrees). This block calls the 'Petal' definition block. Data: Programming logic for drawing a small flower with a side length parameter of 100, repeated 12 times with a 120-degree turn. Key Values: Input number: 100, Repeat count: 12, Turn angle: 120 degrees Context: Illustrates how to define and call a custom block ('Petal') with a specific parameter for drawing a smaller component of a larger design. **DIAGRAM**: المقطع البرمجي للزهرة الكبيرة Description: A set of Scratch-like programming blocks for drawing the large flower. It is labeled 'رقم الإدخال يساوي 270' (Input number equals 270). The main block consists of a 'تكرار 12' (Repeat 12) loop. Inside the loop, it sets a variable 'Petal side length' to '270 Petal' and then executes 'انعطف يمين لمدة 120 درجة' (Turn right for 120 degrees). This block calls the 'Petal' definition block. Data: Programming logic for drawing a large flower with a side length parameter of 270, repeated 12 times with a 120-degree turn. Key Values: Input number: 270, Repeat count: 12, Turn angle: 120 degrees Context: Illustrates how to define and call a custom block ('Petal') with a different parameter for drawing a larger component of a larger design, demonstrating parameterization. **DIAGRAM**: تعريف Petal Description: A set of Scratch-like programming blocks defining the 'Petal' custom block. It starts with 'تعريف Petal side length Petal' (Define Petal side length Petal). Inside, it sets 'اضبط القلم على اللون أحمر' (Set pen color to red), 'اضبط القلم على العرض نحيف للغاية' (Set pen width to very thin), and 'نقل القلم أسفل' (Pen down). It then contains two identical 'تكرار 3' (Repeat 3) loops, separated by an 'انعطف يمين لمدة 90 درجة' (Turn right for 90 degrees) block. Each 'تكرار 3' loop moves 'تحرك إلى الأمام عدد mm Petal side length' (Move forward 'Petal side length' mm) and then 'انعطف يمين لمدة 30 درجة' (Turn right for 30 degrees). Data: Programming logic for drawing a single petal, which consists of two sets of three segments, each segment followed by a 30-degree turn, with a 90-degree turn between the two sets. The petal is drawn in red with a very thin pen. Key Values: Pen color: red, Pen width: very thin, Repeat count (inner loops): 3, Move forward distance: Petal side length mm, Turn angle (inner loops): 30 degrees, Turn angle (between inner loops): 90 degrees Context: Demonstrates the definition of a reusable custom block ('Petal') with a parameter ('Petal side length') to encapsulate drawing logic, promoting modular programming. **FIGURE**: Untitled Description: A complex, symmetrical, red-colored geometric pattern resembling two overlapping 12-pointed stars or flowers, drawn on a fine Cartesian grid. The pattern is centered on the grid. The outer star is larger, and an inner, smaller star is perfectly nested within it. Each 'petal' of the stars is composed of three line segments, forming a pointed shape. The overall shape exhibits rotational symmetry. X-axis: N/A (implied by grid) Y-axis: N/A (implied by grid) Data: The pattern is generated by repeating a petal drawing 12 times, turning 120 degrees after each petal, for two different petal side lengths (100 and 270 units). The petal itself is drawn by two sets of three segments with 30-degree turns, separated by a 90-degree turn. Context: This figure is the visual output of the programming blocks, demonstrating the result of combining two parameterized geometric drawing routines. (Note: Some details are estimated)