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

📚 برمجة رسم الزهرتين

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

المقطع البرمجي الرئيسي: سلسلة أوامر برمجية تتحكم في حركة الروبوت وترتيب رسم زهرتين مختلفتي الحجم.

إجراء (Petal): مقطع برمجي معرّف مسبقاً لرسم بتلة واحدة، ويقبل معامل إدخال يحدد طول جانب البتلة.

معامل الإدخال (Petal side length): قيمة رقمية تُمرر للإجراء `Petal` لتحديد حجم البتلة المرسومة (مثل 100 أو 200).

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

```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 side length` = 200

###### الزهرة الثانية: `Petal side length` = 100

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

###### عند بدء التشغيل:

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

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

####### (المقطع البرمجي للزهرة الصغيرة - الإدخال 100)

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

######### استدعاء `Petal` بقيمة 100

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

####### نقل القلم فوق

####### تحرك للخلف 1000 مم

####### (المقطع البرمجي للزهرة الكبيرة - الإدخال 200)

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

######### استدعاء `Petal` بقيمة 200

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

##### تعريف إجراء `Petal`

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

###### الأوامر داخل الإجراء:

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

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

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

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

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

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

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

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

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

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

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

###### رسم زهرتين منفصلتين (كبيرة وصغيرة) في موقعين مختلفين على القماش، كل منهما مكونة من 12 بتلة.

```

نقاط مهمة

• يتم استخدام الإجراء `Petal` المعرّف مسبقاً مرتين في البرنامج الرئيسي، مرة بقيمة إدخال 100 ومرة بقيمة 200.
• يتحكم البرنامج الرئيسي في موقع كل زهرة عبر أوامر الحركة (انعطف، تحرك للأمام/للخلف) قبل وبعد كل حلقة رسم.
• رفع القلم (`نقل القلم فوق`) ضروري للانتقال بين مواقع الزهرتين دون رسم خطوط.
• الحلقة `تكرار 12` حول استدعاء `Petal` هي التي ترسم الزهرة الكاملة ذات الـ 12 بتلة.

وأخيرًا، كون زهرتين مختلفتي الحجم في مكانين مختلفين من ملعب الفن قماش (Art Canvas) ليكون رقم إدخال المعامل Petal side length يساوي 200 و 100، ثم برمج روبوت الواقع الافتراضي لينتقل إلى موضع بداية رسم كل زهرة.

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

وأخيرًا، كون زهرتين مختلفتي الحجم في مكانين مختلفين من ملعب الفن قماش (Art Canvas) ليكون رقم إدخال المعامل Petal side length يساوي 200 و 100، ثم برمج روبوت الواقع الافتراضي لينتقل إلى موضع بداية رسم كل زهرة. وزارة التعليم Ministry of Education 2025 - 1447 387 --- VISUAL CONTEXT --- **DIAGRAM**: Untitled Description: A sequence of Scratch-like programming blocks representing the main script to draw two flowers of different sizes. It includes movement commands and calls to a 'Petal' procedure. Data: The block starts with 'عندما بدأت' (When started). It then turns right by 90 degrees ('انعطف يمين لمدة 90 درجة'). It moves forward by 650 mm ('تحرك إلى الأمام عدد 650 mm'). It then enters a 'تكرار 12' (Repeat 12) loop. Inside this loop, it calls a 'Petal' procedure with an input of '100 Petal' (representing Petal side length = 100) and then turns right by 120 degrees ('انعطف يمين لمدة 120 درجة'). This section is explicitly labeled as 'المقطع البرمجي للزهرة الصغيرة.' (Programming block for the small flower.) and associated with 'رقم الإدخال يساوي 100.' (Input number equals 100.). After this loop, the pen is lifted ('نقل القلم فوق'). The robot moves backward by 1000 mm ('تحرك إلى الخلف عدد 1000 mm'). It then enters another 'تكرار 12' (Repeat 12) loop. Inside this loop, it calls the 'Petal' procedure with an input of '200 Petal' (representing Petal side length = 200) and turns right by 120 degrees ('انعطف يمين لمدة 120 درجة'). This section is explicitly labeled as 'المقطع البرمجي للزهرة الكبيرة.' (Programming block for the large flower.) and associated with 'رقم الإدخال يساوي 200.' (Input number equals 200.). Key Values: Turn right 90 degrees, Move forward 650 mm, Repeat 12 times, Petal side length 100, Turn right 120 degrees, Pen up, Move backward 1000 mm, Petal side length 200 Context: This block demonstrates the main program flow for drawing two distinct flowers by calling a reusable 'Petal' function with different parameters and managing robot movement. **DIAGRAM**: Untitled Description: A sequence of Scratch-like programming blocks defining the 'Petal' procedure. This procedure draws a single petal shape using a given 'Petal side length'. Data: The block starts with 'تعريف Petal side length Petal' (Define Petal side length Petal). It sets the pen color to red ('اضبط القلم على اللون أحمر') and the pen width to very thin ('اضبط القلم على العرض نحيف للغاية'). The pen is then put down ('نقل القلم أسفل'). It enters a 'تكرار 3' (Repeat 3) loop. Inside this loop, it moves forward by the 'Petal side length' ('تحرك إلى الأمام حدد Petal side length mm'), turns right by 30 degrees ('انعطف يمين لمدة 30 درجة'), and then turns right again by 90 degrees ('انعطف يمين لمدة 90 درجة'). Following this, it enters another 'تكرار 3' (Repeat 3) loop. Inside this second loop, it moves forward by the 'Petal side length' ('تحرك إلى الأمام حدد Petal side length mm') and turns right by 30 degrees ('انعطف يمين لمدة 30 درجة'). Key Values: Define Petal side length Petal, Set pen color red, Set pen width very thin, Pen down, Repeat 3 times, Move forward Petal side length mm, Turn right 30 degrees, Turn right 90 degrees Context: This block defines a reusable function or procedure for drawing a single petal, which is then called by the main script with varying side lengths. **FIGURE**: Untitled Description: Two red, star-shaped flowers drawn on a white grid background. One flower is significantly larger than the other. Both flowers have 12 petals, formed by thin red lines. The larger flower is positioned to the left, and the smaller flower is to the right. Data: The grid is composed of fine squares, with thicker lines indicating major grid intervals (approximately every 10 small squares). The large flower has a diameter of approximately 100 units (small squares) and is centered around (50, 75) on the visible grid. The small flower has a diameter of approximately 50 units and is centered around (200, 75) on the visible grid. Both flowers exhibit 12-fold rotational symmetry, consistent with the 'تكرار 12' loop in the programming blocks. Context: This figure visually represents the output of the programming task, demonstrating how different 'Petal side length' values (100 and 200) result in flowers of different sizes, and how robot movement commands position them on the canvas.