أعلان الهيدر

الأربعاء، 29 يونيو 2016

الرئيسية أساسيات تصميم تطبيقات أندرويد ببرنامج App Inventor

أساسيات تصميم تطبيقات أندرويد ببرنامج App Inventor

بسم الله الرحمن الرحيم 

بسم الله والصلاة والسلام على اشرف خلق الله 
سيدنا محمد صلى الله عليه وسلم 

من أسهل طرق إنشاء تطبيق أندرويد للمبتدئين هو إستخدام برنامج أو منصة app inventor الذى يعتمد على سحب وإفلات الأدوات وقطع تحتوى على أكواد برمجية فيمكن من خلاله تصميم أى فكرة تطبيق فى دقائق دون سابق خبرة بالبرمجة . 




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

كيفية التعامل مع App Inventor 

1 - الإشتراك بموقع البرنامج App Inventor أو تنصيب البرنامج 
يمكن العمل مباشرة على موقع البرنامج أون لاين من خلال متصفح الإنترنت سواء كان متصفح جوجل كروم أو متصفح فايرفوكس أون لاين وذلك يتطلب التسجيل بحساب Gmail على هذا الرابط 

أو
تنصيب البرنامج والعمل عليه دون الحاجة إلى الإتصال بالإنترنت ويتم ذلك من خلال تحميل البرنامج من الموقع الرسمى حسب نظام التشغيل الخاص بحاسوبك سواء كان ويندوز ، لينوكس ، ماك 
 قبل تسطيب البرنامج لابد من التأكد أن جهازك مجهز ببيئة java و يمكن التأكد من ذلك من خلال Oracle Site وإن لم يكن مجهز بهذه البيئة يمكن التعرف على أى إصدار مناسب لنظام التشغيل الخاص بك وتثبيته 

2 - بدء إنشاء مشروع جديد 

وذلك بفتح قائمة " project " ثم إختيار " start new project " 
بعد ذلك قم بإختيار إسم مناسب للتطبيق باللغة الإنجليزية ثم إضغط Ok

3 - شرح واجهة التصميم Designer

تتكون من قائمة بها الأدوات التى تستخدم فى تصميم التطبيق مثل الأزرار والقوائم وأدوات الرسم والتصوير والمشاركة بالمواقع الإجتماعية والبلوتوث .... وغيرها من الأدوات التى تستخدم عن طريق السحب والإفلات على الشاشة ويمكن تغيير خصائص كل أداة من خلال " properties " 

4 - شرح واجهة البرمجة Blocks

من مميزات هذا البرنامج أنه لا يحتاج إلى كتابة أكواد برمجية إنما يعتمد على تركيب قطع أو أجزاء " Blocks " مثل البازل لإعطاء أوامر البرمجة لكل جزء من التطبيق 
ولمعرفة وظيفة كل جزء من هذه الأكواد البرمجية فموقع البرنامج موفر شرح كامل لكل جزء وكيفية التعامل معه من خلال App Inventor Language block

5 - كيفية معاينة التطبيق 

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

الطريقة الأولى : المعاينة على جهاز الأندرويد مباشرة إذا كان لديك جهاز يعمل بنظام الأندرويد وإنترنت wifi 

قم بتثبيت تطبيق MIT AI2 Companion لهاتف الأندرويد 
لابد أن يكون هناك إتصال بالإنترنت لكل من الهاتف والكمبيوتر 
إفتح قائمة connect بالبرنامج وإختر Al companion 
ثم عن طريق كاميرا الهاتف قم بعمل Scan QR Code ثم Connect with Code حتى يعمل التطبيق على الهاتف

الطريقة الثانية : وهى مناسبة لمستخدمى برنامج App Inventor بدون إنترنت wifi ولكن يمكن معاينة التطبيق على هاتف الأندرويد من خلال usb 
إفتح قائمة Connect بالبرنامج ثم إختر usb 

الطريقة الثالثة : إذا لم يكن لديك جهاز أندرويد وكنت تريد معاينة التطبيق على جهاز الكمبيوتر فيمكن ذلك عن طريق Emulator وهو عبارة عن هاتف إفتراضى يعمل بنظام الأندرويد على جهاز الكمبيوتر 
إفتح قائمة Connect بالبرنامج ثم إختر Emulator

6 - حفظ العمل وتحميله 

بعد أن أتممت عمل التطبيق لا يبقى سوى حفظه وتحميله ليكون جاهز للإستخدام ويكون كالآتى : 


 حفظ التطبيق project >> save project
تحميل التطبيق  build >>App -- save.apk to my computer

7 - الدروس المتاحة على موقع البرنامج 

يوفر موقع البرنامج على هذا الرابط tutorials for app inventor العديد من الدروس لأمثلة التطبيقات المشروحة بالفيديو أو بالصور التى تناسب المبتدئين والمحترفين وهى أفضل وسيلة للتعرف أكثر على أدوات البرنامج 
يمكن أيضا مع كل درس تحميل التطبيق وتجربته على الهاتف كما أن الموقع يوفر قالب لكل تطبيق يمكن تحميله على جهازك وإستيراده إلى البرنامج والتعديل عليه . 

8 - إستيراد القوالب الجاهزة 

الإستعانة بالقوالب الجاهزة تتيح لك تعرف أكثر على التعامل مع الأدوات ويكون إستيراد القوالب للبرنامج كالآتى : 


فى النهاية هذا ليس كل شىء عن هذا البرنامج الرائع الذى يمكنكم إكتشافه من خلال التعامل معه أو معرفة المزيد من خلال موقعه 

هناك تعليق واحد:

  1. آب إينفنتور
    دليل برمجة التطبيقات الذكية للمبتدئين
    http://www.appinventor4arab.com

    ردحذف

يتم التشغيل بواسطة Blogger.