شرح مفصل لعمل تطبيق MIT app Inventor

كيفية عمل تطبيق على الموبيل بدون برمجة للمبتدئين

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


ما هي الفكرة الرئيسية لعمل أي تطبيق؟

وضع مجموعة من الأوامر التي نرتبها ترتيب منطقي حتى نحقق هدف معين أو نحل مشكلة معينة. 


في مثال الآلة كي نجمع رقمين (الهدف المطلوب)

هناك بعض الأوامر والخطوات التي اتبعناها

١. اخذ الرقم الأول من textbox1

٢. أخذ الرقم الثاني من textbox2

٣. جمع الرقمين سويا

٤. اظهار النتيجة على label معين


دائما يوجد أكتر من طريقة لعمل التطبيق

ملحوظة هامة: لا يوجد حل واحد لحل أي مشكلة .. ربما نتخذ طرق مختلفة، لكن هناك دائما حل أسرع، وأسهل، يوفر عليك الوقت والمجهود. 


مثلا: في تطبيق الآلة الحاسبة.

حينما أردنا أن نقوم بعمل آلة شاملة مسؤولة عن عمليات الجمع والطرح والضرب والقسمة، كان هناك أكثر من حل


الحل الأول لعمل تطبيق الآلة الحاسبة

 إستخدام زرار أو button مسؤول عن الجمع، وآخر عن الطرح، وغيره مسؤول عن الضرب، وزر رابع مسؤول عن عملية القسمة، هذا الحل سهل لكنه غير عملي ويحتاج منك ادوات اكتر ولن يكون شكل التطبيق مناسب.


الحل التاني لعمل تطبيق الآلة الحاسبة

استخدام اداء واحدة تتيح لك عدة اختيارات، وبعد الاختيار تقارن العملية التي تم اختياراها 

إذا كانت + تقوم بجمع الرقمين

إذا كانت - تقوم بطرح الرقمين 

إذا كانت × تقوم بضرب الرقمين

إذا كانت ÷ تقوم بقسمة الرقمين


لذا تذكر دائما لا يوجد حل واحد .. أنت تحاول وتفكر لتحل المشكلة بأبسط طريقة، ولكي نقوم بتنفيذ هذه الأوامر نحتاج بعض الأدوات التي تساعدنا لإتمام هذه المهمة.


الأدوات التي تم دراستها في الفيديو الأول

  1. Button
  2. Check box
  3. Lable
  4. Text Box
  5. Password Text Box
  6. Spinner
  7. List Picker
  8. List View


كل أداة منهم لها

  • الأحداث Event
  • الMethod (لم يتم الحديث عنها بعد)
  • الخصائص Properties


أولا: ما هو الevent؟

تعني حدث إذا وقع يتم تنفيذ مجموعة الأوامر

مثلا في هذه الصورة:

الevent يقول: حينما يتم الضغط على الزر سيقوم البرنامج بتنفيذ هذه الأوامر. 



الخصائص Properties

وهي موجودة في واجهة الdesigner ويمكن التحكم بها من واجهة الblocks 


وهي متشابهة في أغلب الأدوات 

مثل:

  • لون الخلفية background color
  • صورة الخلفية background image
  • حجم الخط font size
  • لون الخط font color
  • الطول والعرض width and height
  • الكلام الذي سيظهر على الأداة text
  • الظهور والإختفاء visible


يتميز مجموعة الأدوات Spinner و List Picker وList View

بوجود خاصية elements from string والتي من خلالها ندخل العناصر التي نريدها أن تظهر على هيئة قائمة.

تذكر مثال الآلة: 


ملحوظة هامة: أي خاصية يمكن أن تقوم بتعديلها من الblocks عن طريق set 

مثل:

هنا سيتم تغيير لون الخلفية إلى اللون الأحمر. 


أما get فتتيح لك الحصول على أي معلومة موجودة في الأداة.  

مثلما كنا نأخذ الأرقام المكتوبة من على textbox


والآن أخبرني، هل الأمر واضح وبسيط بانسبة لك؟

    


تعليقات

المشاركات الشائعة من هذه المدونة

تعلم التسويق مع مبادرة تثقيف 2 | التاسكات

كورسات يوديمي بكوبون مجاني