الخميس، 24 يناير 2013

طريقة سهلة لبرمجة الاندرويد من خلال موقع App Inventor


طريقة سهلة لبرمجة الاندرويد من خلال موقع  App Inventor
ما هو App Inventor؟

App Inventor     هو عبارة عن موقع انترنت  يتيح لك تطوير تطبيقات لهواتف أندرويد باستخدام مستعرض ويب إما على الهاتف الحقيقي  أو المحاكي. كما انه يتيح لك حفظ اعمالك و امكانية استكمالها في أي وقت .


يمكنك صناعة تطبيقك من خلال:
1- App Inventor Designer
من خلاله يمكنك اختيار مكونات التطبيق ( مثل الازرار و صناديق النصوص و النشاط .. الخ )
2- App Inventor Blocks Editor
و من خلاله يمكنك تجميع و تركيب الاكواد اللازمة للتطبيق و لكن تتم بطريقة جديدة و شيقة حيث تقوم بتجميع الاكواد بشكل رسومي بطريقة تشبة تركيب البازل puzzle

تجهيز بيئة التطوير علي جهاز الكمبيوتر:
قبل البدء في استخدام App Inventor لابد من اعداد جهاز الكمبيوتر و يتم علي ثلاث خطوات

1- الخطوة الأولى إعداد الجافا Java
اذا لم تكن متأكد من تثبيت الجافا علي جهازك قم بالدخول علي الزر التالي


و قم بفتح البرنامج اذا ظهرت لك شاشة برنامج Notpad و امكنك الكتابوة داخله فهذا يعني ان الجافا لديك تعمل بشكل سليم
اذا لم تظهر لك نافذة Notpad فهذا يعني انك بحاجة إلي تثبيت الجافا من خلال هذا الرابط

ملحوظة : احيانا تظهر رسالة تحذير عند الضغط علي زر اختبار الجافا اختر منها allow  أو keep كما بالصورة

2- الخطوة الثانية تثبيت حزمة التطوير :
يمكنك تحميل و تثبيت البرامج اللازمة طبقا لنوع نظام تشغيل الكمبيوتر لديك من هتا :

و قم بتثبيتها كما بالصور :






3- الخطوة الثالثة : بدء العمل علي App Inventor
قبل البدء تأكد من ان لديك
- اتصال بالانترنت
- حساب Gmail

لبدء الـ App Inventor
قم بالدخول علي الرابط التالي

اضغط علي زر new كما بالصورة

اكتب اسم للتطبيق
و اضغط Ok
ستظهر لك الشاشة التالية

من خلال صندوق الادوات يمكنك سحب أي مكون ووضعة داخل التطبيق المراد تصميمة
و لكتابة الاكواد ( مع العلم ان هذه الطريقة لا تحتاجة دراية بلغة برمجة الجافا ) يجب ان ندخل علي Block editor

4- الخطوة الرابعة تشغيل الـ Block Editor
اضغط كما بالصورة

(قد يتطلب المستعرص السماح للتطبيق بالتشغيل اضغط Keep , Run ,Save طبقا لنوع المستعرض لديك)

من خلاله يمكنك سحب الاحداث الخاصة باي مكون ( مثل سحب الحدث Click) و سحب ايضا الاجراء المناسب المطلوب تنفيذة

اعداد المحاكي :
من خلال Block Editor  اضغط علي New emulator
ستظهر لك الشاشة اضغط Ok
سيبدا المحاكي في التحميل



بعد اعدد المحاكي يمكنك تشغل تطبيقاتك علي المحاكي من نافذة Block Editor كما بالصورة

تم 
الدرس القادم : انشاء تطبيق بسيط بأستخدام App Inventor


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

  1. السلام عليكم ورحمة الله وبركاته
    جزاك الله خيرا على هذا الشرح
    لي طلب عند اريد معرفة طريقة وضع اكواد القنوات لمشاهدتها على التطبيق بارك الله فيك

    ردحذف
  2. New emulator
    أين اجد هذا الزر ؟!

    ردحذف
  3. لا اجد هذا الزر New emulator

    ردحذف
  4. السلام عليكم
    درس جميل وتشكر عليه
    ارجو مساعدتي في الاتي
    اود عمل تطبيق يقوم فيه المستخدم باختيار فئة مكان يريد الذهاب اليه في المدينة من قائمة تظهر في الشاشة الرئيسية مثل :
    مطاعم -فنادق ...
    ثم اختيار فندق مثلا من قائمة فنادق
    عندها تظهر معلومات مختلفة عن هذا المكان
    مثل : موقعه - هواتفه - الخدمات التي يقدمها
    اريد الطريقة التي يمكن ان يتم بها تخزين هذه المعلومات في
    tiny db
    عند بداية تشغيل البرنامج

    ردحذف
  5. دا يعتبر قائن على لغة الجافا؟

    ردحذف
  6. ماالبرامج المستخدمه للبرمجه

    ردحذف