الأحد، 11 فبراير 2018

التطبيق الأول في آب إينفنتور (Hallow World)

التطبيق الأول في آب إينفنتور (Hallow World)

الهدف من التطبيق:

- البدء في استخدام موقع AppInventor2.
- استخدام الأدوات وتخصيصها في شاشة المصمم Designer.
- التعامل مع الكتل Blocks.

الأدوات المستخدمة:

1- الأداة: Label
  - الفئة: User Interface
  - الوظيفة: تستخدم بصفة عامة لإظهار نصوص على الشاشة.

2- الأداة: Button1
  - الفئة: User Interface
  - الوظيفة: تنفيذ حدث عند الضغط عليه، يستخدم في التطبيق لإظهار عبارة Hallow World في أداة العنوان label1.

الخطوات:

كما بالفيديو التالي:

بلوكات التطبيق:



معاينة التطبيق:

يمكن معاينة التطبيق بعدة طرق:
المعاينة على جهاز الأندرويد:
- نثبت تطبيق  (MIT AI2 Companion) من متجر جوجل بلاي (Google Play) على جهاز الأندرويد، ولابد أن يكون هناك اتصال بالإنترنت لكل من الكمبيوتر والهاتف من خلال نفس الشبكة.
- نفتح قائمة (Connect) على منصة (App Inventor) ونختر أمر   (Al companion).
- نوجه كاميرا الهاتف إلى الكود الذي سيظهر على الشاشة، ونضغط زر  (Scan QR code)  ليتم تشغيل التطبيق على الهاتف.


- ننقر على الزر لتظهر عبارة (Hallow World) في عنصر العنوان.


المعاينة عن طريق توصيل جهاز الحاسب بجهاز الأندرويد:
- نوصل جهاز أندرويد بجهاز الحاسب عن طريق كابل (USB).
- نختر أمر (USB) من قائمة (Connect) ليتم تشغيل البرنامج على الجهاز.
المعاينة بنسخ التطبيق إلى جهاز أندرويد:
- نفتح قائمة (Build)، ثم نختر أمر (Save .apk to my computer) ليتم تنزيل ملف التطبيق بصيغة (Apk) على جهاز الحاسب.
- ننسخ الملف من الكمبيوتر إلى الجهاز عن طريق البريد الإلكتروني أو اتصال بلوتوث، ثم نقوم بتشغيل التطبيق.
المعاينة باستخدام المحاكي (Emulator):
المحاكي عبارة عن واجهة للهاتف الذكي يتم تجريب التطبيق عليها من خلال جهاز الحاسب، ويتم استخدام طريقة المحاكي (Emulator) عندما يتعذر الحصول على هاتف ذكي لتجريب التطبيق.
يجب في البداية تثبيت برنامج المحاكي على جهاز الحاسب، ويتم ذلك للمرة الأولى فقط، ويتم ذلك من خلال الموقع:
http://appinventor.mit.edu/explore/ai2/setup-emulator.html
- نقوم بعد ذلك بتشغيل البرنامج.
- نختر أمر (Emulator) من قائمة (Connect) وانتظر حتى تتم تجهيز واجهة المحاكي ليظهر التطبيق عليها.
- ننقر زر (Click Me) ليتم تطبيق حدث الضغط على الزر ويتغير النص في أداة العنوان ويظهر بها النص (Hallow World).

رابط التطبيق بالمعرض:



ليست هناك تعليقات:

إرسال تعليق