تشغيل التطبيق باستخدام محاكي الأندرويد وMIT AI2 Companion - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

1. تشغيل التطبيق باستخدام محاكي الأندرويد

يجب تشغيل تطبيق المحاكي للحاسب المكتبي قبل بدء الاتصال بموقع مخترع التطبيقات على الويب.

لتشغيل التطبيق: < 1 اضغط على Connect (اتصال). < 2 اختر Emulator (المحاكي). < 3 اضغط على الزر لعرض الرسالة.

شكل 3.15: اختبار التطبيق باستخدام محاكي الأندرويد

2. تشغيل التطبيق باستخدام MIT AI2 Companion

لاتصال التطبيق بـ MIT AI2 Companion: < 1 اضغط على Connect (اتصال)، 2 ثم اضغط على AI Companion من القائمة العلوية. < 3 سيظهر صندوق حوار برمز QR (الاستجابة السريعة) على شاشة حاسبك. < 4 شغل تطبيق MIT AI2 Companion من هاتفك المحمول، ثم اضغط على زر Scan QR code (مسح رمز الاستجابة السريعة) الموجود في Companion. < 5 وقم بمسح الرمز في نافذة App Inventor (مخترع التطبيقات) وسيتم عرض التطبيق الذي تقوم بإنشائه على جهازك. < 6 اضغط على الزر لعرض الرسالة.

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

وزارة التعليم 131 Ministry of Education 2025 - 1447

--- SECTION: 1. تشغيل التطبيق باستخدام محاكي الأندرويد --- 1. تشغيل التطبيق باستخدام محاكي الأندرويد يجب تشغيل تطبيق المحاكي للحاسب المكتبي قبل بدء الاتصال بموقع مخترع التطبيقات على الويب. لتشغيل التطبيق: < 1 اضغط على Connect (اتصال). < 2 اختر Emulator (المحاكي). < 3 اضغط على الزر لعرض الرسالة. --- SECTION: شكل 3.15 --- شكل 3.15: اختبار التطبيق باستخدام محاكي الأندرويد --- SECTION: 2. تشغيل التطبيق باستخدام MIT AI2 Companion --- 2. تشغيل التطبيق باستخدام MIT AI2 Companion لاتصال التطبيق بـ MIT AI2 Companion: < 1 اضغط على Connect (اتصال)، 2 ثم اضغط على AI Companion من القائمة العلوية. < 3 سيظهر صندوق حوار برمز QR (الاستجابة السريعة) على شاشة حاسبك. < 4 شغل تطبيق MIT AI2 Companion من هاتفك المحمول، ثم اضغط على زر Scan QR code (مسح رمز الاستجابة السريعة) الموجود في Companion. < 5 وقم بمسح الرمز في نافذة App Inventor (مخترع التطبيقات) وسيتم عرض التطبيق الذي تقوم بإنشائه على جهازك. < 6 اضغط على الزر لعرض الرسالة. قبل مسح رمز الاستجابة السريعة، يجب أن يكون الجهازان متصلين بالشبكة اللاسلكية نفسها. وزارة التعليم 131 Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: Untitled Description: A composite image illustrating the process of running an application using an Android emulator within MIT App Inventor. The diagram shows three main parts: 1. The MIT App Inventor web interface, displaying a project named 'Visit_SA_App'. A dropdown menu from 'Connect' is open, with the 'Emulator' option highlighted and marked with a blue circle containing the number '2'. A red circle with '1' points to the 'Connect' menu itself. 2. Two smartphone screens, side-by-side, depicting the 'Visit Saudi Arabia' app. The left screen shows the app's initial state with text 'Visit Saudi Arabia' and 'Welcome to Saudi Arabia'. The right screen shows the same app, but with a yellow rectangular button labeled 'Visit Saudi Arabia' highlighted by a yellow box and a blue circle containing the number '3'. A yellow curved arrow connects the button on the right phone screen to the previous phone screen, indicating an action or transition. Context: This diagram visually guides the user through the steps of testing an App Inventor application using an Android emulator, as described in section 1. **DIAGRAM**: Untitled Description: A composite image illustrating the process of connecting an App Inventor application to a mobile device using the AI2 Companion app. The diagram shows two main parts: 1. The MIT App Inventor web interface, displaying a project named 'Visit_SA_App'. A dropdown menu from 'Connect' is open, with the 'AI Companion' option highlighted and marked with a blue circle containing the number '2'. A red circle with '1' points to the 'Connect' menu itself. 2. A separate pop-up window or section showing a QR code. This QR code is central to the connection process, to be scanned by the AI2 Companion app on a physical mobile device. Context: This diagram visually guides the user through the steps of testing an App Inventor application by connecting to a physical mobile device using the AI2 Companion app and a QR code, as described in section 2.