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

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

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

عناصر برمجية جديدة (My Blocks): فئة في بيئة البرمجة المرئية تسمح للمستخدم بإنشاء أوامر برمجية مخصصة وإعادة استخدامها.

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

```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)

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

####### تطبيق المعاملات (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 %

```

نقاط مهمة

• تحتوي فئة "عناصر برمجية جديدة" في القائمة الجانبية على كتل برمجية مخصصة مثل "إنشاء عنصر" و "تعليق".
• مثال (6) يوضح برنامجاً لرسم بتلة باستخدام حلقات تكرار متداخلة وضبط خصائص القلم.
• مثال (8) يوضح مجموعة من الأوامر للتحكم في نظام دفع روبوتي، تتضمن الحركة والانعطاف والتوقف وضبط السرعة.
• مثال (9) يوضح برنامجاً أبسط لرسم بتلة يعتمد على التكرار والانعطاف بزاوية 120 درجة.

عناصر برمجية جديدة

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

عندما بدأت تكرار 12 تعريف Petal اضبط القلم على اللون أحمر اضبط القلم على العرض نحيف للغاية نقل القلم أسفل تكرار 3 تحرك إلى الأمام عدد 180 mm انعطف يمين لمدة 30 درجة انعطف يمين لمدة 90 درجة تكرار 3 تحرك إلى الأمام عدد 180 mm انعطف يمين لمدة 30 درجة

نظام الدفع

تحرك إلى الأمام تحرك إلى الأمام عدد 200 mm انعطف يمين انعطف يمين لمدة 90 درجة انعطف لمواجهة 90 درجة انعطف للدوران 90 درجة أوقف القيادة اضبط سرعة القيادة إلى 50 % اضبط سرعة الانعطاف إلى 50 %

عندما بدأت تكرار 12 تعريف Petal انعطف يمين لمدة 120 درجة

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

--- SECTION: عناصر برمجية جديدة --- عناصر برمجية جديدة العرض أحداث تحكم الاستشعار العمليات المتغيرات عناصر برمجية جديدة التعليقات إنشاء عنصر 5 Petal تعليق 4 --- SECTION: 6 --- عندما بدأت تكرار 12 تعريف Petal اضبط القلم على اللون أحمر اضبط القلم على العرض نحيف للغاية نقل القلم أسفل تكرار 3 تحرك إلى الأمام عدد 180 mm انعطف يمين لمدة 30 درجة انعطف يمين لمدة 90 درجة تكرار 3 تحرك إلى الأمام عدد 180 mm انعطف يمين لمدة 30 درجة --- SECTION: 7 --- نظام الدفع --- SECTION: 8 --- تحرك إلى الأمام تحرك إلى الأمام عدد 200 mm انعطف يمين انعطف يمين لمدة 90 درجة انعطف لمواجهة 90 درجة انعطف للدوران 90 درجة أوقف القيادة اضبط سرعة القيادة إلى 50 % اضبط سرعة الانعطاف إلى 50 % --- SECTION: 9 --- عندما بدأت تكرار 12 تعريف Petal انعطف يمين لمدة 120 درجة وزارة التعليم Ministry of Education 2025 - 1447 379 --- VISUAL CONTEXT --- **SIDEBAR**: Untitled Description: A vertical menu panel displaying categories of programming blocks and example blocks. Categories include 'Display' (العرض), 'Events' (أحداث), 'Control' (تحكم), 'Sensing' (الاستشعار), 'Operations' (العمليات), 'Variables' (المتغيرات), 'New Programming Elements' (عناصر برمجية جديدة), and 'Comments' (التعليقات). It also shows example blocks like 'Create Element' (إنشاء عنصر) with 'Petal' labeled 5, and a 'Comment' (تعليق) block labeled 4. Context: This sidebar provides a categorized list of available programming blocks for visual programming. **DIAGRAM**: Untitled Description: A sequence of orange and pink programming blocks. The sequence starts with an orange 'When started' (عندما بدأت) block. This is followed by an orange 'Repeat 12' (تكرار 12) block. Inside this repeat block, there is a pink 'Define Petal' (تعريف Petal) block. Below 'Define Petal', there are three pink blocks: 'Set pen color to red' (اضبط القلم على اللون أحمر), 'Set pen width to very thin' (اضبط القلم على العرض نحيف للغاية), and 'Pen down' (نقل القلم أسفل). Following these, there is an orange 'Repeat 3' (تكرار 3) block. Inside this inner repeat, there are two pink blocks: 'Move forward 180 mm' (تحرك إلى الأمام عدد 180 mm) and 'Turn right for 30 degrees' (انعطف يمين لمدة 30 درجة). After this inner repeat, there is a pink 'Turn right for 90 degrees' (انعطف يمين لمدة 90 درجة) block. Another orange 'Repeat 3' (تكرار 3) block follows. Inside this second inner repeat, there are again two pink blocks: 'Move forward 180 mm' (تحرك إلى الأمام عدد 180 mm) and 'Turn right for 30 degrees' (انعطف يمين لمدة 30 درجة). Data: This program defines a 'Petal' shape by repeating a drawing sequence 12 times. Each repetition involves setting pen properties, moving forward 180mm, turning 30 degrees, then turning 90 degrees, and repeating another move/turn sequence. Key Values: Repeat 12, 180 mm, 30 degrees, 90 degrees, Repeat 3 Context: This example demonstrates how to use nested loops and movement/pen control blocks to draw a complex geometric shape, likely a petal or flower-like pattern. **DIAGRAM**: Untitled Description: A sequence of blue programming blocks related to a drive system. The sequence includes: 'Move forward' (تحرك إلى الأمام), 'Move forward 200 mm' (تحرك إلى الأمام عدد 200 mm), 'Turn right' (انعطف يمين), 'Turn right for 90 degrees' (انعطف يمين لمدة 90 درجة), 'Turn to face 90 degrees' (انعطف لمواجهة 90 درجة), 'Turn to rotate 90 degrees' (انعطف للدوران 90 درجة), 'Stop driving' (أوقف القيادة), 'Set drive speed to 50 %' (اضبط سرعة القيادة إلى 50 %), and 'Set turn speed to 50 %' (اضبط سرعة الانعطاف إلى 50 %). Data: This program controls a drive system, including moving forward by a specific distance, turning by specific angles, stopping, and setting drive and turn speeds. Key Values: 200 mm, 90 degrees, 50 % Context: This example illustrates basic commands for controlling a robotic drive system, including linear movement, rotational movement, stopping, and speed adjustments. **DIAGRAM**: Untitled Description: A sequence of orange and pink programming blocks. The sequence starts with an orange 'When started' (عندما بدأت) block. This is followed by an orange 'Repeat 12' (تكرار 12) block. Inside this repeat block, there is a pink 'Define Petal' (تعريف Petal) block. Below 'Define Petal', there is a pink 'Turn right for 120 degrees' (انعطف يمين لمدة 120 درجة) block. Data: This program defines a 'Petal' shape by repeating a turning sequence 12 times. Each repetition involves defining a petal and turning right by 120 degrees. Key Values: Repeat 12, 120 degrees Context: This example shows a simpler variation of the petal design, focusing on rotational movement within a loop to create a pattern.