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

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

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

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

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

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

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

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

الفصل: 2

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

📝 ملخص الصفحة

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

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

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

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

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

--- SECTION: تعليمات --- ضع شكل الهاتف على يسار لوحة التصميم لترك مساحة للأشكال الأخرى. --- SECTION: شكل 2.23 --- شكل 2.23: إنشاء نموذج أولي جديد باستخدام بنسل --- SECTION: معلومات الناشر --- وزارة التعليم Ministry of Education 2025 - 1447 --- SECTION: رقم الصفحة --- 100 --- VISUAL CONTEXT --- **SCREENSHOT**: واجهة برنامج Pencil - لإنشاء نموذج أولي للهاتف Description: A screenshot of the Pencil software interface. The window title is 'Untitled document - Pencil'. The top menu bar shows 'File', 'Share', 'My...', 'Clip...'. The left sidebar has a 'Search for shapes' input field and categories. The 'Mobile - Android' category is selected, showing 'Version of the Android OS' and a list of Android UI elements including 'Android Phone', 'Android Tablet', 'Android Button', 'Android Checkbox', 'Android Radio Button', 'Android Switch', 'Android Slider', 'Android Progress Bar', 'Android Text Input', 'Android Text Area', 'Android Spinner', 'Android Date Picker', 'Android Time Picker', 'Android Rating Bar', 'Android Search Bar', 'Android Tab Bar', 'Android Bottom Navigation', 'Android Top App Bar', 'Android Card', 'Android Dialog', 'Android Snackbar', 'Android Toast', 'Android Chip', 'Android Badge', 'Android Floating Action Button', 'Android Bottom Sheet', 'Android Navigation Drawer', 'Android Stepper', 'Android Expansion Panel', 'Android Data Table', 'Android List', 'Android Grid List', 'Android Image List', 'Android Menu', 'Android Tooltip', 'Android Bottom App Bar', 'Android Top App Bar with Search', 'Android Top App Bar with Tabs', 'Android Top App Bar with Search and Tabs', 'Android Top App Bar with Action Buttons', 'Android Top App Bar with Action Buttons and Tabs', 'Android Top App Bar with Search and Action Buttons', 'Android Top App Bar with Search, Action Buttons and Tabs'. Another category 'ABC' is visible. A mobile phone mockup is placed on the main design canvas. Its status bar shows '12:00' (time), Wi-Fi, signal, and battery icons. Callout '2' points to the scrollbar of the UI elements panel. Callout '3' points to the 'Mobile - Android' category. Callout '4' points to the top right corner of the mobile phone mockup status bar. Key Values: Pencil software, Mobile - Android UI elements, Android Phone mockup, 12:00 time display, UI element categories: Mobile - Android, ABC Context: Illustrates the initial steps of creating a mobile UI prototype using Pencil software, specifically placing a phone shape on the canvas and showing available Android UI components. **SCREENSHOT**: واجهة برنامج Pencil - مع عناصر الأشكال الشائعة Description: A second screenshot of the Pencil software interface. The window title is 'Untitled document - Pencil'. The left sidebar has a 'Search for shapes' input field. The 'Common Shapes' category is selected, showing a list of shapes including 'Rectangle', 'Rounded Rectangle', 'Ellipse', 'Line', 'Arrow', 'Triangle', 'Diamond', 'Star', 'Polygon', 'Cloud', 'Callout', 'Cylinder', 'Cube', 'Trapezoid', 'Parallelogram', 'Pentagon', 'Hexagon', 'Octagon', 'Decagon', 'Dodecagon', 'Cross', 'Plus', 'Minus', 'Multiply', 'Divide', 'Equal', 'Not Equal', 'Greater Than', 'Less Than', 'Greater Than or Equal To', 'Less Than or Equal To', 'Not', 'And', 'Or', 'Xor', 'Nand', 'Nor', 'Xnor', 'Left Brace', 'Right Brace', 'Left Bracket', 'Right Bracket', 'Left Parenthesis', 'Right Parenthesis', 'Left Angle Bracket', 'Right Angle Bracket', 'Left Double Angle Bracket', 'Right Double Angle Bracket', 'Left Square Bracket', 'Right Square Bracket', 'Left Curly Brace', 'Right Curly Brace', 'Left Round Bracket', 'Right Round Bracket', 'Left Chevron', 'Right Chevron', 'Left Double Chevron', 'Right Double Chevron', 'Left Triple Chevron'. Another category 'ABC' is visible. A mobile phone mockup is on the design canvas, displaying 'No Image' on its screen. Its status bar shows '12:00' (time), Wi-Fi, signal, and battery icons. Callout '5' points to the 'Common Shapes' category. Callout '6' points to the scrollbar of the UI elements panel. Key Values: Pencil software, Common Shapes UI elements, Android Phone mockup with 'No Image' placeholder, 12:00 time display, UI element categories: Common Shapes, ABC Context: Shows the continuation of the prototyping process, possibly after adding a placeholder or further UI elements. The sidebar is scrolled to show more available common shapes.