إضافة مكون Label (التسمية) في MIT App Inventor - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

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

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

الدرس: إضافة مكون Label (التسمية)

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

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

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

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

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

📝 ملخص الصفحة

تقدم هذه الصفحة درسًا عمليًا حول كيفية إضافة وتكوين مكون Label (التسمية) في بيئة تطوير MIT App Inventor. يبدأ الدرس بشرح خطوات إضافة المكون من مجموعة User Interface (واجهة المستخدم) وإعادة تسميته إلى Discover_label (اكتشف_التسمية).

يتضمن الدرس تفصيلًا لضبط خصائص مكون Label، حيث يتم تعيين خاصية BackgroundColor (لون الخلفية) إلى Black (أسود)، وخاصية Width (العرض) إلى Fill parent (تعبئة المساحة)، وخاصية Text (النص) إلى Discover Saudi Arabia (اكتشف المملكة العربية السعودية)، وخاصية TextColor (لون النص) إلى White (أبيض).

يتم دعم التعليمات النصية بصورة توضيحية لشاشة MIT App Inventor تُظهر واجهة التطوير مع ألواح Palette وViewer وComponents وProperties، مما يساعد المتعلمين على فهم السياق العملي لتطبيق الخطوات.

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

--- SECTION: لإضافة مكون Label (التسمية) --- لإضافة مكون Label (التسمية) من مجموعة User Interface (واجهة المستخدم)، أضف مكون Label (التسمية) إلى الشاشة، ثم أعد تسميته إلى Discover_label (اكتشف_التسمية). في المكون Discover_label (اكتشف_التسمية)، اضبط خاصية BackgroundColor (لون الخلفية) إلى Black (أسود)، واضبط خاصية Width (العرض) إلى Fill parent (تعبئة المساحة)، واضبط خاصية Text (النص) إلى Discover Saudi Arabia (اكتشف المملكة العربية السعودية)، وأخيرًا اضبط خاصية TextColor (لون النص) إلى White (أبيض). --- SECTION: شكل 3.20: إضافة مكون Label (التسمية) --- شكل 3.20: إضافة مكون Label (التسمية) وزارة التعليم Ministry of Education 2025 - 1447 138 --- VISUAL CONTEXT --- **SCREENSHOT**: MIT App Inventor Interface for Adding a Label Description: A screenshot of the MIT App Inventor integrated development environment (IDE) showing the process of adding and configuring a Label component. The interface is divided into several panels: a left 'Palette' panel for UI components, a central 'Viewer' panel displaying a phone emulator, and a right 'Components' and 'Properties' panel for managing and configuring selected components. Blue numbered circles (1-6) highlight specific areas referenced in the instructions, indicating the sequence of actions. Key Values: MIT APP INVENTOR, Projects, Connect, Build, Settings, Help, My Projects, View Trash, Guide, Report an Issue, English, gkhalid.b@gmail.com, Designer, Blocks, Palette, Search Components, User Interface, Button, CheckBox, DatePicker, Image, Label, ListPicker, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, TextBox, TimePicker, WebViewer, Layout, Media, Drawing and Animation, Maps, Charts, Sensors, Social, Storage, Connectivity, Viewer, Display hidden components in Viewer, Phone size (505,320), 9:48, Discover Saudi Arabia, Components, Cities, a Discover_label, Rename, Delete, Properties, discover_label, BackgroundColor, Black, FontBold, FontItalic, FontSize, 14.0, FontTypeface, default, HTMLFormat, HasMargins, Height, Automatic, Width, Fill parent, Text, Discover Saudi Arabia, TextAlignment, left: 0, TextColor, White, Visible Context: This visual element demonstrates the practical steps of adding a user interface component (Label) and configuring its properties within the MIT App Inventor environment, directly supporting the textual instructions provided on the page.

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

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

ما هي الخطوات المطلوبة لإضافة مكون Label (التسمية) في MIT App Inventor؟

الإجابة: 1. من مجموعة User Interface (واجهة المستخدم)، أضف مكون Label (التسمية) إلى الشاشة. 2. أعد تسميته إلى Discover_label (اكتشف_التسمية). 3. اضبط خاصية BackgroundColor (لون الخلفية) إلى Black (أسود). 4. اضبط خاصية Width (العرض) إلى Fill parent (تعبئة المساحة). 5. اضبط خاصية Text (النص) إلى Discover Saudi Arabia (اكتشف المملكة العربية السعودية). 6. اضبط خاصية TextColor (لون النص) إلى White (أبيض).

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

تلميح: ركز على تسلسل الإجراءات من إضافة المكون إلى ضبط خصائصه المختلفة.

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

ما هي مجموعة المكونات التي يوجد فيها مكون Label (التسمية) في MIT App Inventor؟

الإجابة: مجموعة User Interface (واجهة المستخدم).

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

تلميح: فكر في القسم الذي يحتوي على عناصر التفاعل مع المستخدم النهائي.

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

ما هي الخصائص التي تم ضبطها لمكون Label (التسمية) في المثال؟

الإجابة: BackgroundColor (لون الخلفية)، Width (العرض)، Text (النص)، TextColor (لون النص).

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

تلميح: ابحث عن الكلمات التي تبدأ بـ 'اضبط خاصية' في النص.

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

ما هي القيمة التي تم تعيينها لخاصية Width (العرض) لمكون Label ولماذا؟

الإجابة: Fill parent (تعبئة المساحة). وذلك لجعل عرض التسمية يمتد ليشغل كامل المساحة المتاحة أفقيًا داخل الحاوية الأم.

الشرح: استخدام 'Fill parent' هو ممارسة شائعة في تصميم الواجهات لتحقيق تخطيط متجاوب يستفيد من المساحة المتاحة.

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

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

ما هو الهدف من إعادة تسمية المكون من Label إلى Discover_label؟

الإجابة: لتسهيل التعرف عليه والتمييز بينه وبين المكونات الأخرى عند إدارته في لوحة المكونات (Components) أو عند البرمجة باستخدام الكتل (Blocks).

الشرح: استخدام أسماء وصفيّة للمكونات هو أفضل ممارسة في هندسة البرمجيات، حيث يحسن من قابلية القراءة والصيانة للكود.

تلميح: فكر في فوائد استخدام أسماء ذات معنى في البرمجة.

التصنيف: تفكير ناقد | المستوى: صعب