📄 النص الكامل للصفحة
إنشاء النموذج الأولي باستخدام برنامج بنسل بروجكت
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) وأقل تفصيلاً من النماذج عالية الدقة التي تشبه المنتج النهائي.
تلميح: راجع الهدف من النشاط المذكور في بداية النص.
التصنيف: مفهوم جوهري | المستوى: متوسط