إنشاء النموذج الأولي باستخدام برنامج بنسل بروجكت - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

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

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

الدرس: إنشاء النموذج الأولي باستخدام برنامج بنسل بروجكت

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

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

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

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

مستوى الصعوبة: متوسط

📝 ملخص الصفحة

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

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

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

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

إنشاء النموذج الأولي باستخدام برنامج بنسل بروجكت Creating the Prototype With the Pencil Project Software يوفر برنامج بنسل بروجكت واجهة مستخدم رسومية (GUI) مفتوحة المصدر للنماذج الأولية لجميع الأنظمة الأساسية. استخدمت في الدرس السابق برنامج بنسل بروجكت لإنشاء المخطط الانسيابي، وستُنشئ في هذا الدرس نموذجًا أوليًا متوسط الدقة للتطبيق على الهاتف المحمول. --- SECTION: لإنشاء نموذج أولي جديد: --- لإنشاء نموذج أولي جديد: < افتح Pencil Project (بنسل بروجكت)، ثم اضغط على Create a New Document (إنشاء مستند جديد). 1 < من لوحة Shapes (الأشكال)، اضغط على Android ICS (الهاتف المحمول - أندرويد ICS) لإضافة شكل. 2 < اسحب شكل Phone (هاتف) وأفلته في لوحة التصميم. 3 < اسحب شكل Status Bar (شريط الإشعارات) وأفلته في الجزء العلوي من شاشة الهاتف بالشكل الذي يبدو عليه في شاشة الهاتف الحقيقي. 4 < من لوحة Shapes (الأشكال)، اضغط على قسم Common Shapes (الأشكال الشائعة) لإضافة الشكل. 5 < اسحب وأفلت Bitmap Image (صورة نقطية) إلى لوحة التصميم لتحميل صورة. 6 وزارة التعليم Ministry of Education 99 2025 - 1447 --- VISUAL CONTEXT --- **FIGURE**: Pencil Project Software Interface Description: A screenshot of the Pencil Project software interface, showing various UI elements and tools for prototype design. The top bar includes the application name 'Pencil' and standard window controls. The left panel is dedicated to 'Shapes', categorized into 'Common Shapes', 'Basic Web Elements', 'Desktop - GTK Widgets', 'Desktop - Sketchy GUI', and 'Desktop - Windows XP', with various shape primitives like 'Plain Text', 'Rich Text', 'Rectangle', 'Gradient Rectangle', and 'Oval'. The main canvas area displays 'Open a Document...' and 'Create a New Document' buttons, with a blue numbered circle '1' highlighting the 'Create a New Document' button. The right panel is labeled 'Properties' and contains text 'Select objects in the canvas to edit properties.'. Table Structure: Headers: N/A Key Values: Pencil, PENCIL, Sha..., My..., Clip..., Search for shapes, Common Shapes, Collection of general shapes, Basic Web Elements, Desktop - GTK Widgets, Desktop - Sketchy GUI, Desktop - Windows XP, Plain Text, Rich Text, Rectangle, Rectang..., Gradient Rectangle, Oval, Open a Document..., Create a New Document, Properties, Select objects in the canvas to edit properties. Context: This visual element serves as a practical illustration for the step-by-step instructions provided in the text, demonstrating the user interface of the Pencil Project software and guiding the user through the process of creating a new prototype document.

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

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

ما هو برنامج Pencil Project (بنسل بروجكت)؟

الإجابة: برنامج يوفر واجهة مستخدم رسومية (GUI) مفتوحة المصدر للنماذج الأولية لجميع الأنظمة الأساسية.

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

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

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

ما هي الخطوة الأولى لإنشاء نموذج أولي جديد في برنامج Pencil Project؟

الإجابة: فتح برنامج Pencil Project، ثم الضغط على Create a New Document (إنشاء مستند جديد).

الشرح: هذه هي الخطوة التأسيسية لبدء أي مشروع تصميم جديد داخل البرنامج.

تلميح: تذكر أن أي عمل في برنامج يبدأ عادةً بإنشاء ملف أو مستند جديد.

التصنيف: صيغة/خطوات | المستوى: سهل

ما هي الخطوة الثانية المذكورة لإضافة شكل هاتف محمول إلى لوحة التصميم؟

الإجابة: من لوحة Shapes (الأشكال)، الضغط على Android ICS (الهاتف المحمول - أندرويد ICS) لإضافة شكل، ثم سحب شكل Phone (هاتف) وإفلاته في لوحة التصميم.

الشرح: تتضمن هذه الخطوة تحديد المكتبة المناسبة (Android ICS) ثم اختيار وسحب العنصر المطلوب (شكل الهاتف).

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

التصنيف: صيغة/خطوات | المستوى: متوسط

كيف تضيف شريط الإشعارات (Status Bar) إلى نموذج الهاتف المحمول في Pencil Project؟

الإجابة: بسحب شكل Status Bar (شريط الإشعارات) وإفلاته في الجزء العلوي من شاشة الهاتف بالشكل الذي يبدو عليه في شاشة الهاتف الحقيقي.

الشرح: يجب وضع شريط الإشعارات في موقعه الطبيعي في أعلى الشاشة لمحاكاة الواقع وزيادة واقعية النموذج الأولي.

تلميح: فكر في مكان ظهور شريط الإشعارات في الهواتف الذكية الحقيقية.

التصنيف: صيغة/خطوات | المستوى: سهل

ما هي الخطوة المتبعة لإضافة صورة إلى النموذج الأولي في Pencil Project؟

الإجابة: من لوحة Shapes (الأشكال)، الضغط على قسم Common Shapes (الأشكال الشائعة)، ثم سحب وإفلات عنصر Bitmap Image (صورة نقطية) إلى لوحة التصميم لتحميل الصورة.

الشرح: يسمح عنصر Bitmap Image للمصمم باستيراد واستخدام الصور في النموذج الأولي لتحسين الواقعية.

تلميح: ابحث عن نوع العنصر المخصص لعرض الصور الثابتة داخل قائمة الأشكال العامة.

التصنيف: صيغة/خطوات | المستوى: متوسط

ما هو نوع النموذج الأولي الذي سيتم إنشاؤه في هذا الدرس باستخدام Pencil Project؟

الإجابة: نموذج أولي متوسط الدقة (medium-fidelity prototype) لتطبيق على الهاتف المحمول.

الشرح: النماذج متوسطة الدقة تكون أكثر تفصيلاً من النماذج الأولية منخفضة الدقة (wireframes) وأقل تفصيلاً من النماذج عالية الدقة التي تشبه المنتج النهائي.

تلميح: راجع الهدف من النشاط المذكور في بداية النص.

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