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

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

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

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

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

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

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

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

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

وتشغل المملكة العربية السعودية المرتبة الثانية عالميًا بين دول مجموعة العشرين ضمن تقرير التنافسية الرقمية لعام 2021 الصادر من المركز الأوروبي للتنافسية الرقمية.

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

أ. واجهة المستخدم User Interface

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

هي الوسيلة أو العنصر المادي الذي يتفاعل معه المستخدم لتحقيق هدف يريد الوصول إليه؛ حيث تهتم واجهة المستخدم بالتصميم المرئي، وهو مكان تحدث فيه التفاعلات بين البشر والآلات لإكمال مهمة أو تحقيق هدف معين.

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

مثل: • محرك بحث للوصول إلى معلومات. • موقع للتسوق الإلكتروني لغرض شراء المنتجات. • تنزيل تطبيق معين.

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

تتكون واجهات المستخدم من أجهزة الإدخال (الأجهزة التي تتحكم في الجهاز من قبل الطرف البشري مثل: لوحة المفاتيح أو الفأرة أو عصا التحكم)، وأجهزة الإخراج (الأجهزة التي توفر معلومات للمستخدمين مثل: الشاشات أو مكبرات الصوت أو الطابعات). تعمل أجهزة الإدخال مع أجهزة الإخراج حتى يتمكن المستخدمون من التحكم الكامل في الجهاز.

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

أنواع واجهات المستخدم:

1

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

1. واجهة سطر الأوامر: هي واجهة تسمح للمستخدم أن ينفذ الأوامر عن طريق طباعة الأوامر باستخدام لوحة المفاتيح، وتخرج النتيجة على شكل نص مطبوع على الشاشة.

2

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

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

نوع: METADATA

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

نوع: METADATA

181

🔍 عناصر مرئية

الشكل رقم (6-1): واجهة سطر الأوامر

An image displaying a code snippet, likely representing a command-line interface. The code shows HTML-like tags such as `<tr>`, `<td valign="top" width="100" he`, `<td height="20" class="style_1`, and `<td height="80" valign="top">`. The text "border="0" cellspac" is also visible. This figure illustrates a command-line interface.

الشكل رقم (6-2): واجهة مستخدم رسومية

An image showing three smartphone screens side-by-side. The leftmost screen displays a lock screen with 'Tuesday, 10 September' and '02:49'. The middle screen shows a home screen with app icons arranged in a grid, a weather widget showing '22°', and the time '02:49'. The rightmost screen shows another home screen with different app icons, including music, maps, and a camera. This figure illustrates a graphical user interface.

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

وتشغل المملكة العربية السعودية المرتبة الثانية عالميًا بين دول مجموعة العشرين ضمن تقرير التنافسية الرقمية لعام 2021 الصادر من المركز الأوروبي للتنافسية الرقمية. أ. واجهة المستخدم User Interface هي الوسيلة أو العنصر المادي الذي يتفاعل معه المستخدم لتحقيق هدف يريد الوصول إليه؛ حيث تهتم واجهة المستخدم بالتصميم المرئي، وهو مكان تحدث فيه التفاعلات بين البشر والآلات لإكمال مهمة أو تحقيق هدف معين. مثل: • محرك بحث للوصول إلى معلومات. • موقع للتسوق الإلكتروني لغرض شراء المنتجات. • تنزيل تطبيق معين. تتكون واجهات المستخدم من أجهزة الإدخال (الأجهزة التي تتحكم في الجهاز من قبل الطرف البشري مثل: لوحة المفاتيح أو الفأرة أو عصا التحكم)، وأجهزة الإخراج (الأجهزة التي توفر معلومات للمستخدمين مثل: الشاشات أو مكبرات الصوت أو الطابعات). تعمل أجهزة الإدخال مع أجهزة الإخراج حتى يتمكن المستخدمون من التحكم الكامل في الجهاز. أنواع واجهات المستخدم: --- SECTION: 1 --- 1. واجهة سطر الأوامر: هي واجهة تسمح للمستخدم أن ينفذ الأوامر عن طريق طباعة الأوامر باستخدام لوحة المفاتيح، وتخرج النتيجة على شكل نص مطبوع على الشاشة. --- SECTION: 2 --- 2. واجهات المستخدم الرسومية: هي عبارة عن عرض رسومي أو بياني، في نافذة واحدة أو عدة نوافذ، يتكون من عدة مكونات أو أزرار للاختيار من التطبيقات والمهام المتنوعة. وزارة التعليم Ministry of Education 2025 - 1447 181 --- VISUAL CONTEXT --- **FIGURE**: الشكل رقم (6-1): واجهة سطر الأوامر Description: An image displaying a code snippet, likely representing a command-line interface. The code shows HTML-like tags such as `<tr>`, `<td valign="top" width="100" he`, `<td height="20" class="style_1`, and `<td height="80" valign="top">`. The text "border="0" cellspac" is also visible. This figure illustrates a command-line interface. Context: Illustrates the concept of a Command Line Interface (CLI) as described in section 7. **FIGURE**: الشكل رقم (6-2): واجهة مستخدم رسومية Description: An image showing three smartphone screens side-by-side. The leftmost screen displays a lock screen with 'Tuesday, 10 September' and '02:49'. The middle screen shows a home screen with app icons arranged in a grid, a weather widget showing '22°', and the time '02:49'. The rightmost screen shows another home screen with different app icons, including music, maps, and a camera. This figure illustrates a graphical user interface. Context: Illustrates the concept of a Graphical User Interface (GUI) as described in section 8.