الثلاثاء، 28 مارس 2017

الثلاثاء، 28 مارس 2017

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

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

إقرأ أيضًا: 

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

1. الإشتراك بموقع برنامج App inventor أو تنصيب البرنامج

يمكن العمل مباشرة على موقع البرنامج أون لاين من خلال متصفح الإنترنت (Chrome or Firefox) أون لاين وذلك يتطلب التسجيل بحساب 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.استيراد القوالب الجاهزة

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

فى النهاية: هذا ليس كل شئ عن هذا البرنامج الرائع ولكن يمكنكم إكتشافه من خلال تعاملكم معه أو معرفة المزيد من خلال موقعه appinventor
تنبيه:- المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
جميع الحقوق محفوظة لــ One Pro 2019 ©