تطبيق متعدد الصفحات Multi-Page Application - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

تطبيق متعدد الصفحات Multi-Page Application لا يمكن للمستخدم التفاعل مع النموذج الأولي في بنسل بروجكت، ولذلك يجب عرض شاشات التطبيق المتعددة جنباً إلى جنب بنفس الترتيب الذي تظهر به أثناء استخدام التطبيق الفعلي. --- SECTION: إنشاء تطبيق متعدد الصفحات --- إنشاء تطبيق متعدد الصفحات يتكون التطبيق متعدد الصفحات (Multi-Page Application -MPA) من عدة صفحات تحتوي على معلومات ثابتة مثل: صور، ونصوص وغيرها، وعلى روابط لنصوص، وأزرار، وصور وغيرها، وذلك بالإضافة إلى الصفحات الأخرى في التطبيق. --- SECTION: شكل 2.27: تطبيق متعدد الصفحات --- شكل 2.27: تطبيق متعدد الصفحات --- SECTION: لإنشاء الشاشة الثانية للتطبيق: --- لإنشاء الشاشة الثانية للتطبيق: من قسم Mobile - Android ICS (الهاتف المحمول - أندرويد ICS)، اسحب وأفلت شكل Phone (هاتف) على يمين شكل الهاتف الأول. 1 اسحب شكل Status Bar (شريط الإشعارات) وأفلته في الجزء العلوي من شاشة الهاتف كما يبدو في الهاتف الحقيقي. 2 أسفل شريط الحالة، أضف شكل Screen Header (ترويسة الشاشة)، 3 ثم اضغط ضغطاً مزدوجاً واكتب العنوان Discover Saudi Arabia (اكتشف المملكة العربية السعودية). 4 غير حجم النص من شريط Font Editor (محرر الخطوط) إلى 11. 5 --- SECTION: شكل 2.28: إنشاء شاشة ثانية --- شكل 2.28: إنشاء شاشة ثانية وزارة التعليم Ministry of Education 103 2025 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: تطبيق متعدد الصفحات Description: A conceptual diagram illustrating a multi-page application. It shows a main application structure at the top, composed of three colored sections (green, orange, purple, blue). Arrows point downwards from the orange, purple, and blue sections to three separate, smaller application screens, each mirroring a section of the main application. This represents how different parts of a multi-page application can lead to distinct, individual screens. Context: Illustrates the modular structure of a multi-page application, where different components or sections of a main application lead to distinct, individual screens. **FIGURE**: إنشاء شاشة ثانية Description: A screenshot of the 'Pencil' design tool interface, showing a workspace with two mobile phone screen mockups. The left mockup displays a screen with the Saudi Arabian flag and a 'Discover' button. The right mockup is a blank screen. The left panel of the tool shows a 'Search for shapes' bar and a list of UI elements, including 'Mobile - Android ICS' selected. Several numbered annotations (1, 2, 3, 4, 5) point to specific areas or elements within the screenshot, corresponding to the instructions provided in the text. Key Values: 1, 2, 3, 4, 5 Context: Provides a visual guide for creating a second screen in a mobile application using the Pencil design tool, demonstrating the steps outlined in the accompanying text.