تطبيق معا - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

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

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

الدرس: تطبيق معا

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

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

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

نوع المحتوى: درس تعليمي

📝 ملخص الصفحة

📚 تطبيق معا (تمارين)

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

لا تحتوي هذه الصفحة على تعريفات جديدة للمفاهيم.

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

```markmap

الوحدة الثالثة: التصميم الرسومي

أدوات التصميم الرسومي

برامج التصميم الرسومي المجانية

#### إنكسكيب (Inkscape)

##### واجهة برنامج إنكسكيب

  • شريط القوائم (Menu bar)
  • شريط الأدوات الرئيسي (Tool control bar)
  • شريط الأوامر (Command bar)
  • صندوق الأدوات (Tool Box)
  • منطقة التصميم (Canvas / Design area)
  • لوحة الألوان (Color Palette)
  • خصائص النوافذ (Windows properties)
  • شريط الحالة (Status bar)
  • شريط الأدوات المساعد (Snap bar)

##### إنشاء مستند جديد

  • إعداد حجم الشعار المطلوب
  • فتح نافذة "خصائص المستند" (Document Properties)
  • تغيير وحدة العرض إلى سنتيمتر (cm)
  • تحديد الأبعاد يدوياً (العرض والارتفاع)
  • إغلاق نافذة الخصائص

##### إدراج صورة

  • فتح قائمة "ملف" (File) واختيار "استيراد" (Import)
  • اختيار ملف الصورة المتجهة ثم الضغط على "فتح" (Open)
  • الضغط على "موافق" (OK) في نافذة الإعدادات
  • ظهور الصورة في لوحة الرسم
  • تغيير حجم الصورة بالضغط عليها وتحريك حافتيها

##### إدراج نص

  • استخدام أداة النص (Text Tool) من صندوق الأدوات
  • النقر على لوحة الرسم وكتابة النص
  • تنسيق النص باستخدام شريط أدوات Font (النص والخط)
  • اختيار نوع الخط ونمطه من علامة تبويب Font
  • تحديد حجم الخط من Font size
  • تغيير لون النص من قائمة Object → Fill and Stroke → Color Wheel

##### تعديل العناصر

  • استخدام أداة التحديد (Select Tool)
  • تحريك العناصر ووضعها في المكان المطلوب

##### تصدير الشعار كصورة

  • السبب: للحصول على شعار شفاف يمكن استخدامه على أي خلفية
  • الامتداد: .png
  • الخطوات:

- من قائمة File (ملف) اختر Export (تصدير)

- من قائمة Export options (خيارات التصدير) اختر الامتداد ".png"

- ثم ملف الصورة

- اضغط على Export (تصدير)

  • فتح الصورة: يمكن فتح صورة الشعار باستخدام برنامج Photos (الصور)

##### تصدير الشعار بتنسيقات مختلفة

  • نافذة Export (تصدير): تتيح تحديد إعدادات التصدير.
  • صيغ التصدير المتاحة:

- Inkscape SVG (*.svg)

- Portable Network Graphic (*.png)

- Plain SVG (*.svg)

- JPEG (*.jpg)

- Portable Document Format (*.pdf)

- TIFF (*.tiff)

- WebP (*.webp)

  • إعدادات التصدير:

- تحديد منطقة التصدير (Top, Left, Bottom, Right).

- تحديد أبعاد الصورة الناتجة (Height, Width) بوحدة البكسل (px).

- تحديد دقة الصورة (DPI).

- خيار "Export Selected only" (تصدير العناصر المحددة فقط).

  • فائدة التصدير بتنسيق SVG: يمكن تعديل الشعار مرة أخرى في إنكسكيب.

#### جينيالي (Genially)

#### جيمب (GIMP)

#### جرافيت ديزاينر (Gravit Designer)

#### فوتوسكيب (Photoscape)

#### فكتور (Vectr)

الرسومات النقطية

الرسومات المتجهة

مثال عام

أهمية وجود الشعار في الإعلان

تعريف الشعار

أهمية الشعار

  • يؤثر على الإعلان عن المنتجات
  • يؤثر على كيفية تلقي العملاء للعلامة التجارية
  • خطوة أولى لإنشاء شعار ناجح
  • حلقة وصل بين الشركة والعملاء
  • يدعم رمزية الشركة للمستهلك بصريًا

أنواع الشعارات

#### الشعار النصي (Wordmark Logo)

  • يحتوي على النص فقط
  • الأفضل للشركات ذات الأسماء الفريدة والمثيرة

#### شعار الحروف (Lettermark Logo)

  • يعتمد على فن صياغة الحروف
  • يتشكل من الحروف الأولى من اسم العلامة التجارية
  • مناسب للمؤسسات ذات الأسماء الطويلة أو الصعبة النطق

#### الشعار التصويري (Image Logo)

  • يتكون من صورة متجهة
  • جيد للشركات التي تستهدف العائلات أو الأطفال
  • لون الصورة ونمطها مهمان للغاية

#### الشعار المدمج (Combination Logo)

  • يجمع بين النص والصور
  • سهل التذكر
  • أكثر تعقيدًا ويتطلب تصميمًا محترفًا
  • مناسب للأعمال التجارية الجديدة

تطبيق معا (تمارين)

#### تدريب 1

  • أمثلة من الحياة اليومية للوسائط المطبوعة، ووسائل الإعلام عبر الإنترنت، ووسائط الهواتف الذكية.

#### تدريب 2

  • البحث عن موقع إلكتروني كمثال لواجهة المستخدم وآخر كمثال لتجربة المستخدم.

#### تدريب 3

  • برامج أخرى يمكن استخدامها لإنشاء شعار (غير إنكسكيب) مع التعليل.

```

نقاط مهمة

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

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

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

تطبيق معا

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

تطبيق معا

تدريب 1

نوع: QUESTION_HOMEWORK

اذكر أمثلة من الحياة اليومية فيما يتعلق بالوسائط المطبوعة، ووسائل الإعلام عبر الإنترنت ووسائط الهواتف الذكية.

تدريب 2

نوع: QUESTION_HOMEWORK

ابحث في الإنترنت عن موقع إلكتروني كمثال لواجهة المستخدم وآخر كمثال لتجربة المستخدم.

تدريب 3

نوع: QUESTION_HOMEWORK

لقد أنشأت خلال الدرس شعارًا باستخدام برنامج إنكسكيب. ما البرامج الأخرى التي يمكنك استخدامها لإنشاء هذا الشعار؟ علل إجابتك.

نوع: NON_EDUCATIONAL

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

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

--- SECTION: تطبيق معا --- تطبيق معا --- SECTION: تدريب 1 --- اذكر أمثلة من الحياة اليومية فيما يتعلق بالوسائط المطبوعة، ووسائل الإعلام عبر الإنترنت ووسائط الهواتف الذكية. --- SECTION: تدريب 2 --- ابحث في الإنترنت عن موقع إلكتروني كمثال لواجهة المستخدم وآخر كمثال لتجربة المستخدم. --- SECTION: تدريب 3 --- لقد أنشأت خلال الدرس شعارًا باستخدام برنامج إنكسكيب. ما البرامج الأخرى التي يمكنك استخدامها لإنشاء هذا الشعار؟ علل إجابتك. وزارة التعليم Ministry of Education 2025 - 1447

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

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

سؤال تدريب 1: اذكر أمثلة من الحياة اليومية فيما يتعلق بالوسائط المطبوعة، ووسائل الإعلام عبر الإنترنت ووسائط الهواتف الذكية.

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

خطوات الحل:

  1. **الشرح:** لنفهم هذا السؤال، فهو يطلب منا ذكر أمثلة عملية نراها أو نستخدمها في حياتنا اليومية، مرتبطة بثلاث فئات من الوسائط. الفكرة هنا هي أن نتذكر الوسائط التقليدية المطبوعة التي نتعامل معها بشكل مادي، مثل الصحيفة التي نقرأها صباحاً أو المجلة في عيادة الطبيب. ثم ننتقل إلى الوسائط الرقمية التي نصل إليها عبر متصفح الإنترنت على الحاسوب، مثل مواقع الأخبار التي نزورها أو منشورات المدونات. وأخيراً، الوسائط المصممة خصيصاً للاستخدام على الهواتف المحمولة الذكية التي نحملها معنا، مثل التطبيقات التي نفتحها أو الرسائل التي نتبادلها. إذن الإجابة هي: **الوسائط المطبوعة: الصحف، المجلات، الكتب، الملصقات، المنشورات الإعلانية. وسائل الإعلام عبر الإنترنت: مواقع الأخبار، المدونات، الإعلانات الإلكترونية، منصات التواصل الاجتماعي. وسائط الهواتف الذكية: تطبيقات الجوال، الرسائل النصية SMS، إشعارات التطبيقات، رسائل واتساب.**

سؤال تدريب 2: ابحث في الإنترنت عن موقع إلكتروني كمثال لواجهة المستخدم وآخر كمثال لتجربة المستخدم.

الإجابة: س2: واجهة المستخدم (UI): موقع (Apple (apple.com — يتميز بتصميم واجهة واضح وألوان وأيقونات جذابة. س2: تجربة المستخدم (UX): موقع (Amazon (amazon.com — يسهل البحث عن المنتجات وإتمام الشراء والدفع.

خطوات الحل:

  1. **الشرح:** الفكرة في هذا السؤال هي التمييز بين مفهومين مهمين في تصميم المواقع: واجهة المستخدم (UI) وتجربة المستخدم (UX). واجهة المستخدم (UI) تشير إلى الشكل والمظهر البصري للموقع؛ كيف تبدو الأزرار والألوان والخطوط والصور. لذلك، نبحث عن موقع يتميز بتصميم جميل وواضح وجذاب للعين. أما تجربة المستخدم (UX) فتشير إلى شعور المستخدم وسهولة استخدامه للموقع؛ كيف يجد ما يبحث عنه، وكم عدد الخطوات لإتمام مهمة ما، وهل العملية سلسة أم معقدة. لذلك، نبحث عن موقع يسهل على الزائر إنجاز مهامه بسرعة وفعالية. إذن الإجابة هي: **واجهة المستخدم (UI): موقع Apple (apple.com) كمثال للتصميم البصري الجذاب والواضح. تجربة المستخدم (UX): موقع Amazon (amazon.com) كمثال لسهولة البحث والشراء.**

سؤال تدريب 3: لقد أنشأت خلال الدرس شعارًا باستخدام برنامج إنكسكيب. ما البرامج الأخرى التي يمكنك استخدامها لإنشاء هذا الشعار؟ علل إجابتك.

الإجابة: س3: يمكن استخدام برامج مثل: Adobe Illustrator، CorelDRAW، Affinity Designer س3: التعليل: لأنها برامج تصميم (خصوصاً المتجهة Vector) توفر أدوات الرسم بالأشكال والمسارات والنصوص. س3: وتمكن من حفظ الشعار بصيغ مناسبة مثل SVG / PDF / PNG مع إمكانية تكبيره دون فقدان الجودة.

خطوات الحل:

  1. **الخطوة 1 (المفهوم):** نتذكر أن برنامج إنكسكيب (Inkscape) هو برنامج مجاني لتصميم الرسوميات المتجهة (Vector Graphics). هذا النوع من التصميم يعتمد على الخطوط والنقاط والمنحنيات الرياضية، مما يسمح بتكبير الصورة أو تصغيرها دون فقدان الجودة.
  2. **الخطوة 2 (التطبيق):** وبتطبيق هذا على السؤال، فإن الشعار المصمم يحتاج إلى برامج أخرى تتعامل مع نفس نوعية الرسوميات (المتجهة) وتوفر أدوات مشابهة للرسم والتعديل. ليست أي برنامج لتحرير الصور مناسباً، بل البرامج المتخصصة في التصميم المتجه.
  3. **الخطوة 3 (النتيجة):** لذلك، يمكن استخدام برامج مثل **Adobe Illustrator أو CorelDRAW أو Affinity Designer** لأنها برامج تصميم متجهة توفر أدوات متقدمة للرسم بالأشكال والمسارات والنصوص، وتمكن من حفظ الملف بصيغ مناسبة للشعارات مثل SVG أو PDF مع الحفاظ على الجودة عند التكبير.

🎴 بطاقات تعليمية للمراجعة

عدد البطاقات: 3 بطاقة لهذه الصفحة

أي مما يلي يُعد مثالاً على 'وسائط الهواتف الذكية'؟

  • أ) الصحف والمجلات الورقية
  • ب) مواقع الأخبار والمدونات الإلكترونية
  • ج) تطبيقات الجوال وإشعارات التطبيقات
  • د) الملصقات والمنشورات الإعلانية المطبوعة

الإجابة الصحيحة: c

الإجابة: تطبيقات الجوال وإشعارات التطبيقات

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

تلميح: فكر في الوسائط التي تصل إليك مباشرة على هاتفك المحمول وتتفاعل معها.

التصنيف: مفهوم جوهري | المستوى: سهل

ما السمة الأساسية التي يجب أن تتوفر في البرنامج البديل لبرنامج إنكسكيب لتصميم شعار؟

  • أ) أن يكون برنامجاً مجانياً ومفتوح المصدر
  • ب) أن يكون برنامجاً لتصميم الرسوميات المتجهة (Vector Graphics)
  • ج) أن يكون برنامجاً لتحرير الصور النقطية (مثل الصور الفوتوغرافية)
  • د) أن يكون برنامجاً بسيطاً للرسم الحر

الإجابة الصحيحة: b

الإجابة: أن يكون برنامجاً لتصميم الرسوميات المتجهة (Vector Graphics)

الشرح: 1. برنامج إنكسكيب (Inkscape) هو برنامج لتصميم الرسوميات المتجهة. 2. الرسوميات المتجهة تعتمد على معادلات رياضية (نقاط وخطوط) وليست على وحدات البكسل. 3. هذه السمة تسمح بتكبير أو تصغير التصميم (مثل الشعار) إلى أي حجم دون فقدان الدقة أو وضوح الحواف.

تلميح: فكر في نوعية الرسوميات التي تسمح بتكبير الشعار دون فقدان الجودة.

التصنيف: مفهوم جوهري | المستوى: متوسط

أي من البرامج التالية يمكن استخدامه كبديل لبرنامج إنكسكيب لتصميم شعار، بناءً على نوعية العمل التي يؤديها؟

  • أ) Adobe Photoshop (برنامج تحرير صور نقطية)
  • ب) Microsoft Word (معالج نصوص)
  • ج) Adobe Illustrator
  • د) Windows Media Player (مشغل وسائط)

الإجابة الصحيحة: c

الإجابة: Adobe Illustrator

الشرح: 1. برنامج إنكسكيب هو برنامج لتصميم الرسوميات المتجهة. 2. للعثور على بديل، يجب البحث عن برامج أخرى تتعامل مع نفس النوع من الرسوميات (المتجهة). 3. Adobe Illustrator هو أحد أشهر البرامج الاحترافية في هذا المجال، حيث يوفر أدوات متقدمة للرسم بالمسارات والأشكال والنصوص، ويحفظ الملفات بصيغ مناسبة للشعارات مثل SVG وPDF.

تلميح: ابحث عن برنامج احترافي مشهور في نفس مجال تصميم الشعارات والرسوم.

التصنيف: تفكير ناقد | المستوى: متوسط