📄 النص الكامل للصفحة
برمجة الزر التفاعلي Programming the Interactive Button
بعد أن أضفت الزر، ستضيف الآن بعض اللبنات البرمجية التي ستجعل الزر يعرض الجملة Welcome to Saudi Arabia (مرحباً بكم في المملكة العربية السعودية) عند الضغط عليه. عليك أولاً تغيير العرض من Designer (المصمم) إلى Blocks (اللبنات البرمجية).
--- SECTION: صفحة اللبنات البرمجية في مختبر التطبيقات The App Inventor Blocks Page ---
صفحة اللبنات البرمجية في مختبر التطبيقات The App Inventor Blocks Page
هذه هي صفحة اللبنات لواجهة مختبر التطبيقات حيث سيتم عرض جميع المكونات التي أضفتها من صفحة المصمم هنا، ويمكن برمجتها باستخدام لغة برمجة مرئية قائمة على اللبنات البرمجية. هناك أنواع عديدة من اللبنات التي يمكن استخدامها، بما فيها لبنات برمجة لمنطق البرنامج (Program Logic)، ومعالجة الحدث (Event Handling)، ومعالجة المتغير (Variable Manipulation) وتغيير المكون (Component Alteration).
يمكنك تخزين اللبنات البرمجية في الحقيبة (Backpack) ثم سحبها وإفلاتها من هناك لتتمكن من الوصول إليها لاحقًا بسرعة.
وزارة التعليم Ministry of Education 2025 - 1447
126
--- VISUAL CONTEXT ---
**DIAGRAM**: شكل 3.10: واجهة اللبنات البرمجية في مختبر التطبيقات
Description: A screenshot of the MIT App Inventor Blocks editor interface, illustrating various programming blocks and user interface elements. The interface is divided into several sections: a left-hand palette for blocks, a main workspace for assembling blocks, and controls for managing the workspace.
X-axis: N/A
Y-axis: N/A
Data: The diagram shows the visual programming environment. On the left, a 'Blocks' palette lists categories like 'Built-in' (Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures) and component-specific blocks (Screen1, Any component), along with a 'Media' section for 'Upload File'. The top bar includes project management, connection, build options, and user account information. Tabs for 'Designer' and 'Blocks' are visible. The main central area, labeled 'منطقة البرمجة' (Programming Area), displays several example programming blocks, such as 'when Screen1 BackPressed do', 'when Screen1 Initialize do', 'call Screen1 AskForPermission', and 'set Screen1 AboutScreen to'. On the right side, there are controls for 'توسيط اللبنات البرمجية للكود' (Center blocks), 'التكبير' (Zoom In), 'التصغير' (Zoom Out), and a trash can icon for deleting blocks, labeled 'يمكن حذف اللبنات الإنشائية عن طريق سحبها وإفلاتها في السلة'.
Key Values: Blocks palette categories: Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, Screen1, Any component, Example blocks: when Screen1 BackPressed, when Screen1 Initialize, call Screen1 AskForPermission, Interface labels: Blocks, Designer, Media, Upload File, Projects, Connect, Build, Export, Guide, Report an issue, English, ghuied@gmail.com, Arabic labels: فئات اللبنات البرمجية, عرض اللبنات البرمجية القابلة للبرمجة, التبديل بين وضع المصمم ووضع اللبنات البرمجية, مكونات واجهة المستخدم الخاصة بـ Screen1 (شاشة 1), منطقة البرمجة, توسيط اللبنات البرمجية للكود, التكبير, التصغير, يمكن حذف اللبنات الإنشائية عن طريق سحبها وإفلاتها في السلة.
Context: This diagram illustrates the visual programming interface of App Inventor, specifically the 'Blocks' editor, which is used to define the behavior and logic of mobile applications. It shows how different types of programming blocks are organized and assembled to create code, and how users can interact with the workspace.
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 5 بطاقة لهذه الصفحة
ما هي صفحة اللبنات البرمجية (Blocks Page) في مختبر التطبيقات (App Inventor)؟
الإجابة: هي الصفحة في واجهة مختبر التطبيقات حيث يتم عرض جميع المكونات المضافة من صفحة المصمم، ويمكن برمجتها باستخدام لغة برمجة مرئية قائمة على اللبنات البرمجية.
الشرح: تعتبر صفحة اللبنات البرمجية هي البيئة التي يتم فيها بناء منطق التطبيق باستخدام لبنات برمجية مرئية، بعد الانتهاء من تصميم واجهة المستخدم في صفحة المصمم.
تلميح: فكر في المكان الذي يتم فيه تحويل التصميم إلى منطق تشغيلي للبرنامج.
التصنيف: تعريف | المستوى: سهل
ما هي أنواع اللبنات البرمجية المتوفرة في صفحة اللبنات بمختبر التطبيقات؟
الإجابة: أنواع عديدة من اللبنات تشمل: لبنات برمجة لمنطق البرنامج (Program Logic)، ومعالجة الحدث (Event Handling)، ومعالجة المتغير (Variable Manipulation) وتغيير المكون (Component Alteration).
الشرح: هذا التصنيف يساعد المبرمج على تنظيم عمله، حيث كل نوع من اللبنات مخصص لوظيفة محددة في بناء التطبيق.
تلميح: تذكر أن اللبنات تنقسم حسب الوظيفة التي تؤديها في البرنامج.
التصنيف: مفهوم جوهري | المستوى: متوسط
ما هي وظيفة الحقيبة (Backpack) في واجهة اللبنات البرمجية؟
الإجابة: وظيفة الحقيبة هي تخزين اللبنات البرمجية ثم سحبها وإفلاتها منها لتتمكن من الوصول إليها لاحقًا بسرعة.
الشرح: تسهل الحقيبة عملية إعادة استخدام الكود البرمجي وتنظيم العمل، مما يوفر وقت المبرمج.
تلميح: فكر في أداة تساعد على إعادة استخدام الأجزاء البرمجية.
التصنيف: تعريف | المستوى: سهل
ما هي الخطوة الأولى لبرمجة زر تفاعلي لعرض جملة ترحيبية في App Inventor؟
الإجابة: الخطوة الأولى هي تغيير العرض من Designer (المصمم) إلى Blocks (اللبنات البرمجية).
الشرح: يجب الانتقال إلى بيئة البرمجة (Blocks) لبدء كتابة الكود الذي يحدد سلوك الزر عند الضغط عليه.
تلميح: تذكر أن البرمجة تبدأ بعد الانتهاء من تصميم واجهة المستخدم.
التصنيف: صيغة/خطوات | المستوى: سهل
ما هو الهدف من برمجة الزر التفاعلي كما ورد في النص؟
الإجابة: الهدف هو جعل الزر يعرض الجملة 'Welcome to Saudi Arabia (مرحباً بكم في المملكة العربية السعودية)' عند الضغط عليه.
الشرح: هذا مثال تطبيقي على كيفية ربط حدث (الضغط على الزر) بإجراء محدد (عرض رسالة ترحيبية).
تلميح: فكر في النتيجة المرجوة من تفاعل المستخدم مع الزر.
التصنيف: مفهوم جوهري | المستوى: سهل