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

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

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

الدرس: إدراج صورة في النموذج الأولي

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

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

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

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

الفصل: 2

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

📝 ملخص الصفحة

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

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

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

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

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

--- SECTION: لإدراج صورة: --- < اضغط بزر الفأرة الأيمن على شكل Bitmap Image (صورة نقطية)، ثم اختر Action (إجراء)، ثم Load Embedded Image (تحميل الصورة المضمنة). 1 < اختر ملف الصورة. 2 < اضغط على Open (فتح) لتحميل الصورة من جهازك. 3 < اسحب الصورة وأفلتها في منتصف مخطط الصورة لملاءمة شاشة الهاتف. 4 --- SECTION: شكل 2.24 --- شكل 2.24: إدراج صورة في النموذج الأولي وزارة التعليم Ministry of Education 101 2025 - 1447 --- VISUAL CONTEXT --- **FIGURE**: شكل 2.24: إدراج صورة في النموذج الأولي Description: A composite figure illustrating the step-by-step process of inserting an image into a smartphone prototype using the 'Pencil' software. The figure comprises three main screenshots: 1. **Top-Middle Screenshot (Software Interface - Step 1):** This screenshot displays the 'Untitled document - Pencil' application. The top bar shows 'PENCIL' (icon), 'File', 'Edit', 'View', 'Insert', 'Tools', 'Help'. The left sidebar contains 'Common Shapes' with various icons and labels including 'ABC', 'Rectangle', 'Circle', 'Triangle', 'Image', 'Text', 'Line', 'Arrow', 'Freehand', 'Polygon', 'Star', 'Cloud', 'Callout', 'Speech Bubble', 'Flowchart', 'Database', 'Document', 'Decision', 'Process', 'Terminator', 'Start/End', 'Input/Output', 'Display', 'Manual Input', 'Manual Operation', 'Preparation', 'Delay', 'Stored Data', 'Sequential Data', 'Direct Data', 'Internal Storage', 'Card', 'Paper Tape', 'Magnetic Disk', 'Magnetic Drum', 'Magnetic Tape', 'On-page Reference', 'Off-page Reference', 'Connector', 'Or', 'Summing Junction', 'Merge', 'Extract', 'Sort', 'Collate', 'Data', 'Predefined Process', 'Loop Limit', 'Parallel Mode', 'Group', 'Comment'. The main canvas features a smartphone outline. A right-click context menu is open over an image placeholder within the phone, showing options: 'No Image', 'Under Drag Bitmap Image', 'Arrangement', 'With Shadow', 'Action' (highlighted), 'To Original Size', 'Convert Ratio by Width', 'Convert Ratio by Height', 'Load Linked Image...', 'Load Embedded Image...' (highlighted and labeled with '1'), 'Convert to embedded', 'Edit with External Editor...', 'Cut', 'Copy', 'Paste', 'Select All', 'Export selection as PNG...', 'Resize Canvas', 'Sizing Policy...'. The phone screen shows '12:00' time, battery, and Wi-Fi icons. 2. **Bottom-Left Screenshot (File Explorer - Steps 2 & 3):** This screenshot shows a 'Select Image' dialog window. The title bar reads 'Select Image'. The navigation path is 'OneDrive - Personal > Pictures'. The left sidebar lists 'Organize', 'New folder', 'Attachments', 'Desktop', 'Documents', 'Music', 'Pictures', 'This PC', '3D Objects', 'Documents', 'Downloads', 'Music', 'Pictures'. The main file view shows 'KSA_flag.jpg' selected (labeled with '2'). At the bottom, 'File name: KSA_flag.jpg' is displayed, and 'All Files' is selected in the 'Files of type' dropdown. The 'Open' button is highlighted (labeled with '3'), alongside a 'Cancel' button. 3. **Bottom-Right Screenshot (Software Interface - Step 4):** This screenshot shows the 'Untitled document - Pencil' application again, similar to the first, but now the 'KSA_flag.jpg' image is successfully inserted and displayed within the smartphone outline (labeled with '4'). The phone screen also shows '12:00' time, battery, and Wi-Fi icons. Key Values: Pencil software, Smartphone prototype, Context menu, Load Embedded Image, Select Image dialog, KSA_flag.jpg, Open button, Image insertion, Untitled document, Common Shapes, Action, 12:00, OneDrive - Personal, Ministry of Education Context: This figure visually guides the user through the process of importing and placing an image within a digital design or prototype, demonstrating practical steps in a graphical user interface.

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

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

ما هي الخطوات الأساسية لإدراج صورة في نموذج أولي باستخدام برنامج Pencil؟

الإجابة: 1. النقر بزر الفأرة الأيمن على شكل صورة نقطية واختيار Action ثم Load Embedded Image. 2. اختيار ملف الصورة. 3. الضغط على Open لتحميل الصورة. 4. سحب الصورة وإفلاتها في منتصف مخطط الصورة لملاءمة شاشة الهاتف.

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

تلميح: ركز على التسلسل المنطقي للعمليات المذكورة في القسم الأول من الصفحة.

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

ما هو الإجراء المطلوب لبدء عملية إدراج صورة مضمنة في برنامج Pencil؟

الإجابة: النقر بزر الفأرة الأيمن على شكل صورة نقطية (Bitmap Image)، ثم اختيار Action (إجراء)، ثم اختيار Load Embedded Image (تحميل الصورة المضمنة).

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

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

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

بعد اختيار ملف الصورة، ما الإجراء التالي لإكمال عملية التحميل؟

الإجابة: الضغط على زر Open (فتح) لتحميل الصورة من جهاز الكمبيوتر إلى النموذج الأولي.

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

تلميح: فكر في الإجراء النهائي المعتاد في أي حوار لاختيار الملفات في أنظمة التشغيل.

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

كيف يتم وضع الصورة المحملة في المكان المناسب داخل النموذج الأولي للهاتف؟

الإجابة: عن طريق سحب الصورة وإفلاتها في منتصف مخطط الصورة (شاشة الهاتف) لملاءمتها.

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

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

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