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

📚 عرض الكود (Code Viewer)

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

عارض الكود (Code Viewer): نافذة في بيئة VEXcode VR تسمح برؤية اللبنات البرمجية والنص البرمجي المكافئ لها بلغة بايثون في نفس الوقت.

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

```markmap

الوحدة الخامسة: برمجة الروبوت

الأدوات

VEXcode VR

#### واجهة بيئة VEXcode VR

##### فئات اللبنات البرمجية

###### المتغيرات (Variables)

####### مراقبة قيم المتغير

######## الغرض

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

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

####### مراقبة متغير العداد (Counter)

######## الغرض

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

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

####### وحدة تحكم العرض (Print Console)

######## الغرض

######## مثال من الصفحة

######## زر المسح (CLEAR)

###### التكرارات (Loops)

####### أنواع التكرارات

####### تكرار (repeat) مرات

######## الغرض

######## مثال: العمليات الحسابية في تكرارات

####### تكرار حتى (repeat until)

######## الغرض

######## كيفية الاستخدام مع العداد (Counter)

######## مثال 5: العد

######## مثال 6: رسم مربع

######### الهدف

######### المتغيرات المستخدمة

######### منطق البرنامج

######## التمييز بناءً على العداد (Counter)

######### الغرض

######### كيفية التنفيذ

######### مثال 7: رسم شكل ثماني

##### عرض الكود (Code Viewer)

###### الغرض

• رؤية المقطع البرمجي للمشروع بلغة بايثون.
• فهم طريقة ترجمة كل لبنة إلى نص برمجي.

###### مكونات النافذة

• المقطع البرمجي الافتراضي الخاص ببايثون.
• الدالة الرئيسية للمقطع البرمجي.
• المتغير الافتراضي الذي تم تعيينه على 0.
• الصف البرمجي لتشغيل روبوت الواقع الافتراضي.

###### قواعد مهمة

• يجب الإعلان عن المتغير داخل الدالة باستخدام `global`.

```

نقاط مهمة

• يساعد عارض الكود على فهم العلاقة بين البرمجة باللبنات والبرمجة النصية.
• يظهر الكود في عارض الكود ترجمة تلقائية للبنات إلى لغة بايثون.
• من المهم معرفة أن المتغيرات يجب تعريفها داخل الدالة باستخدام الأمر `global` ليتم التعرف عليها.

عرض الكود

عند إنشاء مشروع يتكون من لبنات، يمكنك رؤية المقطع للمشروع بلغة بايثون في نافذة عارض كود (Code Viewer). يسمح لك عارض الكود برؤية اللبنات والنصوص البرمجية في نفس الوقت، وبهذه الطريقة يساعدك على فهم طريقة ترجمة كل لبنة إلى مقطع برمجي نصي في بايثون.

فتح نافذة عارض كود (Code Viewer)

المتغير الافتراضي الذي تم تعيينه على 0.

المقطع البرمجي الافتراضي الخاص ببايثون.

يجب الإعلان عن المتغير داخل الدالة.

إخفاء نافذة عارض كود (Code Viewer)

الصف البرمجي يوضح تشغيل روبوت الواقع الافتراضي في الملعب.

الدالة الرئيسية للمقطع البرمجي. Ministry of Education 2025 - 1447

357

عرض الكود عند إنشاء مشروع يتكون من لبنات، يمكنك رؤية المقطع للمشروع بلغة بايثون في نافذة عارض كود (Code Viewer). يسمح لك عارض الكود برؤية اللبنات والنصوص البرمجية في نفس الوقت، وبهذه الطريقة يساعدك على فهم طريقة ترجمة كل لبنة إلى مقطع برمجي نصي في بايثون. فتح نافذة عارض كود (Code Viewer) المتغير الافتراضي الذي تم تعيينه على 0. المقطع البرمجي الافتراضي الخاص ببايثون. يجب الإعلان عن المتغير داخل الدالة. إخفاء نافذة عارض كود (Code Viewer) الصف البرمجي يوضح تشغيل روبوت الواقع الافتراضي في الملعب. الدالة الرئيسية للمقطع البرمجي. Ministry of Education 2025 - 1447 357 --- VISUAL CONTEXT --- **DIAGRAM**: VEXcode VR Project Description: A screenshot of the VEXcode VR programming environment. The interface is divided into two main sections. The left section shows a block-based programming area with various categories accessible via tabs: 'ملف' (File), 'دروس توضيحية' (Tutorials), 'تعلم' (Learn), 'إعادة التحميل' (Reload), 'VEXcode Project', 'تشغيل' (Run), 'إيقاف' (Stop), 'مشاركة' (Share), 'الملاحظات' (Notes), 'المساعدة' (Help). The block categories visible on the left sidebar are 'نظام الدفع' (Drivetrain), 'المظهر' (Looks), 'أحداث' (Events), 'تحكم' (Control), 'استشعار' (Sensing), 'العمليات' (Operators), 'المتغيرات' (Variables). Specific blocks visible in the workspace include: 'تحرك إلى الأمام' (Drive Forward), 'تحرك إلى الأمام 200 مم' (Drive Forward 200 mm), 'انعطف يمين' (Turn Right), 'انعطف يمين 90 درجة' (Turn Right 90 degrees), 'انعطف لليسار 90 درجة' (Turn Left 90 degrees), 'انعطف للدوران 90 درجة' (Turn for Rotation 90 degrees). A yellow block labeled 'ضع بيانات' (Set Data) is also visible. The right section is a 'عارض كود' (Code Viewer) displaying the Python equivalent of the blocks. The Python code snippet shows: `1 myVariable = 0`, `2`, `3 def when_started1():`, `4 global myVariable`, `5 pass`, `6`, `7 vr_thread(when_started1)`. The overall visual demonstrates the dual view of block-based and text-based programming. Context: Illustrates the VEXcode VR environment, showing how block-based code translates to Python text code, and the various UI elements for programming and control. **DIAGRAM**: عارض كود Description: A zoomed-in view of the 'عارض كود' (Code Viewer) interface, specifically showing the Python code. The code is: `1 myVariable = 0`, `2`, `3 def when_started1():`, `4 global myVariable`, `5 pass`, `6`, `7 vr_thread(when_started1)`. This visual is accompanied by several callout boxes with arrows pointing to specific parts of this code, providing explanations. The interface includes navigation arrows and help icons. Context: Provides a detailed view of the Python code generated from block programming, with explanations for key elements of the code structure and variable handling.