صفحة 168 - كتاب التقنية الرقمية - الصف 12 - الفصل 1 - المملكة العربية السعودية

الكتاب: كتاب التقنية الرقمية - الصف 12 - الفصل 1 | المادة: التقنية الرقمية | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

📚 معلومات الصفحة

الكتاب: كتاب التقنية الرقمية - الصف 12 - الفصل 1 | المادة: التقنية الرقمية | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

نوع: محتوى تعليمي

الآن، ستضيف صورة تُمثل المساعد الصوتي.

نوع: محتوى تعليمي

لإضافة مكون أسفل مكون HorizontalArrangement (الترتيب الأفقي) آخر:

نوع: محتوى تعليمي

من فئة Layout (تخطيط)، أضف مكون HorizontalArrangement (الترتيب الأفقي) وأفلته في Viewer (العارض) بعد مكون Button (زر).

نوع: محتوى تعليمي

اضبط خاصية AlignHorizontal (محاذاة أفقية) على 3 : Center (التوسيط: 3).

نوع: محتوى تعليمي

اضبط خاصية Width (العرض) على Fill parent (تعبئة المساحة).

نوع: محتوى تعليمي

في حقل Image (صورة) حمّل ملف صورة من جهاز الحاسب الخاص بك وحدده.

نوع: محتوى تعليمي

من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، أسفل مكون HorizontalArrangement2 (الترتيب الأفقي2). في حقل Text (النص) احذف النص واتركه فارغًا.

نوع: محتوى تعليمي

(لإضافة صورة من جهاز الحاسب، وفي حقل Text (النص) احذف النص واتركه فارغًا، واضبط الارتفاع والعرض. سيكون هذا الزر بمثابة ميكروفون للمستخدم عند الضغط عليه.)

نوع: محتوى تعليمي

من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، أسفل مكون Text (النص) اكتب "?How can I help".

نوع: محتوى تعليمي

من فئة User Interface (واجهة المستخدم)، اسحب وأفلت مكون WebViewer (عارض الويب).

نوع: محتوى تعليمي

من فئة الوسائط، أضف مكوني TextToSpeech (تحويل النص إلى كلام) و SpeechRecogniser (مُعرّف الكلام).

نوع: METADATA

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

نوع: METADATA

168

🔍 عناصر مرئية

A screenshot of a properties panel for 'HorizontalArrangement1'. It shows the 'Appearance' section expanded with properties like AlignHorizontal, AlignVertical, BackgroundColor, and Height. AlignHorizontal is set to 'Center : 3'.

A screenshot of the properties panel for an 'Image' component. It shows a dropdown for 'Image' with 'None...' selected. Below it, a dialog box for 'Upload File...' with 'Cancel' and 'OK' buttons, indicating the process of uploading an image file.

A screenshot of a palette of User Interface components. It shows 'Layout' and 'User Interface' categories. Under 'User Interface', components like 'Label', 'TextBox', 'Button', and 'HorizontalArranger' are visible. A 'HorizontalArranger' component is highlighted, indicating it is being selected or dragged.

A screenshot of a property field labeled 'Width' with 'Fill parent...' selected in a dropdown, indicating that the component's width will expand to fill its parent container.

📄 النص الكامل للصفحة

الآن، ستضيف صورة تُمثل المساعد الصوتي. لإضافة مكون أسفل مكون HorizontalArrangement (الترتيب الأفقي) آخر: من فئة Layout (تخطيط)، أضف مكون HorizontalArrangement (الترتيب الأفقي) وأفلته في Viewer (العارض) بعد مكون Button (زر). اضبط خاصية AlignHorizontal (محاذاة أفقية) على 3 : Center (التوسيط: 3). اضبط خاصية Width (العرض) على Fill parent (تعبئة المساحة). في حقل Image (صورة) حمّل ملف صورة من جهاز الحاسب الخاص بك وحدده. من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، أسفل مكون HorizontalArrangement2 (الترتيب الأفقي2). في حقل Text (النص) احذف النص واتركه فارغًا. (لإضافة صورة من جهاز الحاسب، وفي حقل Text (النص) احذف النص واتركه فارغًا، واضبط الارتفاع والعرض. سيكون هذا الزر بمثابة ميكروفون للمستخدم عند الضغط عليه.) من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، أسفل مكون Text (النص) اكتب "?How can I help". من فئة User Interface (واجهة المستخدم)، اسحب وأفلت مكون WebViewer (عارض الويب). من فئة الوسائط، أضف مكوني TextToSpeech (تحويل النص إلى كلام) و SpeechRecogniser (مُعرّف الكلام). وزارة التعليم Ministry of Education 2025 - 1447 168 --- VISUAL CONTEXT --- **DIAGRAM**: Untitled Description: A screenshot of a properties panel for 'HorizontalArrangement1'. It shows the 'Appearance' section expanded with properties like AlignHorizontal, AlignVertical, BackgroundColor, and Height. AlignHorizontal is set to 'Center : 3'. Key Values: AlignHorizontal: Center : 3, AlignVertical: Center : 2, BackgroundColor: #FFA5C2FD, Height: Automatic Context: Illustrates how to adjust the horizontal alignment property of a UI component. **DIAGRAM**: Untitled Description: A screenshot of the properties panel for an 'Image' component. It shows a dropdown for 'Image' with 'None...' selected. Below it, a dialog box for 'Upload File...' with 'Cancel' and 'OK' buttons, indicating the process of uploading an image file. Context: Illustrates the process of uploading an image for an 'Image' component. **DIAGRAM**: Untitled Description: A screenshot of a palette of User Interface components. It shows 'Layout' and 'User Interface' categories. Under 'User Interface', components like 'Label', 'TextBox', 'Button', and 'HorizontalArranger' are visible. A 'HorizontalArranger' component is highlighted, indicating it is being selected or dragged. Context: Illustrates the selection of a 'HorizontalArrangement' component from the UI palette. **DIAGRAM**: Untitled Description: A screenshot of a property field labeled 'Width' with 'Fill parent...' selected in a dropdown, indicating that the component's width will expand to fill its parent container. Key Values: Width: Fill parent... Context: Illustrates how to set the width property of a UI component to 'Fill parent'.

✅ حلول أسئلة الكتاب الرسمية

عدد الأسئلة: 8

سؤال مربع-1: من فئة Layout (تخطيط)، أضف مكون HorizontalArrangement (الترتيب الأفقي) وأفلته في Viewer (العارض) بعد مكون Button (زر).

الإجابة: تخطيط

خطوات الحل:

  1. **الشرح:** هذا السؤال يتعلق ببناء واجهة المستخدم في بيئة برمجة مرئية. الفكرة هي فهم كيفية ترتيب المكونات في منطقة التصميم (Viewer). يطلب منك السؤال إضافة مكون يسمى HorizontalArrangement، وهو حاوية تستخدم لترتيب المكونات داخلها أفقيًا (بجانب بعضها). يجب سحب هذا المكون وإفلاته في منطقة التصميم، ولكن بترتيب محدد: بعد مكون Button موجود بالفعل. هذا يعني أن الترتيب الأفقي سيظهر أسفل الزر أو في موقعه النسبي المطلوب في التسلسل. إذن الإجابة هي: **تخطيط**

سؤال مربع-2: اضبط خاصية AlignHorizontal (محاذاة أفقية) على 3 : Center (التوسيط: 3).

الإجابة: توسيط

خطوات الحل:

  1. **الشرح:** هنا نتعامل مع خاصية في مكون HorizontalArrangement تسمى AlignHorizontal، والتي تحدد كيفية محاذاة المحتويات داخله أفقيًا. القيم الشائعة لهذه الخاصية هي أرقام تمثل مواضع مختلفة، مثل: - 1: Left (يسار) - 2: Right (يمين) - 3: Center (وسط) السؤال يطلب ضبط القيمة على 3، مما يعني أننا نريد محاذاة المحتويات إلى الوسط أفقيًا. إذن الإجابة هي: **توسيط**

سؤال مربع-3: اضبط خاصية Width (العرض) على Fill parent (تعبئة المساحة).

الإجابة: تعبئة المساحة

خطوات الحل:

  1. **الشرح:** خاصية Width (العرض) في المكونات تحدد عرض المكون. هناك خيارات متعددة، منها: - قيمة رقمية محددة (مثل 100 بكسل) - Automatic (تلقائي) يتناسب مع المحتوى - Fill parent (تعبئة المساحة) اختيار "Fill parent" يعني أن المكون سيمتد ليملأ العرض الكامل للحاوية الأم (الوالد) التي يوجد فيها. هذا مفيد لجعل المكون يستغل المساحة المتاحة بالكامل. إذن الإجابة هي: **تعبئة المساحة**

سؤال مربع-4: في حقل Image (صورة) حمّل ملف صورة من جهاز الحاسب الخاص بك وحدده.

الإجابة: صورة

خطوات الحل:

  1. **الشرح:** هذا السؤال يتعلق بمكون Image (صورة)، الذي يسمح بعرض صور في التطبيق. يحتوي هذا المكون على خاصية تسمى Image، حيث يمكن تحديد ملف الصورة المراد عرضه. الخطوات المطلوبة هي: 1. النقر على خاصية Image في لوحة الخصائص. 2. اختيار خيار لتحميل صورة من جهاز الحاسب (مثل "Upload File..."). 3. تحديد ملف الصورة المطلوب من المجلدات في الحاسب. هذا يسمح بإضافة صورة مخصصة إلى التطبيق. إذن الإجابة هي: **صورة**

سؤال مربع-5: من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، أسفل مكون HorizontalArrangement2 (الترتيب الأفقي2). في حقل Text (النص) احذف النص واتركه فارغًا.

الإجابة: واجهة المستخدم

خطوات الحل:

  1. **الشرح:** هنا نضيف مكون Label (تسمية) من فئة User Interface (واجهة المستخدم). Label يستخدم لعرض نص ثابت في التطبيق. السؤال يحدد موقعه: أسفل مكون يسمى HorizontalArrangement2 (وهو ترتيب أفقي ثانٍ). بعد إضافة Label، نذهب إلى خاصية Text (النص) ونحذف النص الافتراضي الموجود (مثل "Text for Label1") ونترك الحقل فارغًا. هذا يعني أن التسمية لن تعرض أي نص في البداية، ويمكن تعبئته لاحقًا برمجيًا إذا لزم الأمر. إذن الإجابة هي: **واجهة المستخدم**

سؤال مربع-6: من فئة User Interface (واجهة المستخدم)، أضف مكون Button (زر). اضغط على خاصية Image (صورة) لإضافة صورة من جهاز الحاسب، وفي حقل Text (النص) احذف النص واتركه فارغًا، واضبط الارتفاع والعرض. سيكون هذا الزر بمثابة ميكروفون للمستخدم عند الضغط عليه.

الإجابة: واجهة المستخدم

خطوات الحل:

  1. **الشرح:** نضيف مكون Button (زر) من فئة User Interface. هذا الزر سيكون خاصًا لأنه: 1. يحتوي على صورة: نضغط على خاصية Image ونختار تحميل صورة من الحاسب (مثل أيقونة ميكروفون). 2. لا يحتوي على نص: نذهب إلى خاصية Text ونحذف النص الافتراضي ونتركه فارغًا. 3. نضبط الارتفاع والعرض (Height و Width) بالقيم المناسبة (مثل 50 بكسل لكل منهما) لجعل الزر بحجم مناسب. الزر مصمم ليعمل كميكروفون، حيث عند الضغط عليه، يمكن أن ينشط وظيفة التعرف على الكلام. إذن الإجابة هي: **واجهة المستخدم**

سؤال مربع-7: من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، أسفل مكون Text (النص) اكتب "?How can I help".

الإجابة: واجهة المستخدم

خطوات الحل:

  1. **الشرح:** نضيف مكون Label آخر من فئة User Interface. هذا Label سيستخدم لعرض نص ثابت للمستخدم. السؤال يحدد النص المطلوب كتابته في خاصية Text، وهو "?How can I help" (كيف يمكنني المساعدة؟). بعد إضافة Label، نذهب إلى خاصية Text وندخل هذا النص مباشرة. هذا سيظهر السؤال للمستخدم في واجهة التطبيق، ربما كرسالة ترحيب أو استفسار. إذن الإجابة هي: **واجهة المستخدم**

سؤال مربع-8: من فئة الوسائط، أضف مكوني TextToSpeech (تحويل النص إلى كلام) و SpeechRecogniser (مُعرّف الكلام).

الإجابة: الوسائط

خطوات الحل:

  1. **الشرح:** هنا نتعامل مع فئة Media (الوسائط)، التي تحتوي على مكونات للتعامل مع الصوت والكلام. المكونان المطلوبان هما: 1. TextToSpeech: يحول النص المكتوب إلى كلام مسموع (مثل قراءة نص بصوت). 2. SpeechRecogniser: يتعرف على الكلام المنطوق ويحوله إلى نص مكتوب. نضيف هذين المكونين من فئة الوسائط إلى التطبيق. هما غير مرئيين في واجهة المستخدم (مكونات غير مرئية)، ولكنهما ضروريان لإضافة وظائف التحدث والاستماع. إذن الإجابة هي: **الوسائط**