كورس تطوير تطبيقات الاندرويد بدون برمجة Android Apps Development

‫األول‬ ‫الدرس‬
‫نظم‬ ‫ابرز‬ ‫من‬ ‫واصبح‬ ‫الماضية‬ ‫القليلة‬ ‫السنين‬ ‫في‬ ‫السطح‬ ‫الى‬ ‫اللوحية‬ ‫واألجهزة‬ ‫الذكية‬ ‫للهواتف‬ ‫االندرويد‬ ‫تشغيل‬ ‫نظام‬ ‫برز‬
‫كثيرة‬ ‫ألسباب‬ ‫مستمر‬ ‫بشكل‬ ‫والمتطورة‬ ‫الواعدة‬ ‫التشغيل‬( ‫المصدر‬ ‫مفتوح‬ ‫انه‬ ‫منها‬open source‫المصدرية‬ ‫شفرته‬ ‫ان‬ ‫أي‬ )
‫يمكن‬ ‫مفتوحة‬‫قراءتها‬‫المواصفات‬ ‫من‬ ‫الكثير‬ ‫وغيرها‬ ‫بسهولة‬ ‫لها‬ ‫التطبيقات‬ ‫من‬ ‫الكثير‬ ‫تطوير‬ ‫يمكن‬ ‫وكذلك‬ ‫عليها‬ ‫والتعديل‬
،‫برمجة‬ ،‫(تصميم‬ ‫تطوير‬ ‫هو‬ ‫هنا‬ ‫فهدفنا‬ ‫مكانها‬ ‫ليس‬ ‫وهذا‬ ‫االندرويد‬ ‫حول‬ ‫المكتوبة‬ ‫واألجنبية‬ ‫العربية‬ ‫الكتب‬ ‫بها‬ ‫تزدحم‬ ‫التي‬
‫ترك‬ ،‫تعديل‬:‫يلي‬ ‫وكما‬ ‫األصعب‬ ‫الى‬ ‫االسهل‬ ‫من‬ ‫بالتدريج‬ ‫وسنبدأ‬ )..... ،‫يب‬
1-‫والصور‬ ‫واالخبار‬ ‫والمجالت‬ ‫والكتب‬ ‫بالمواقع‬ ‫الخاصة‬ ‫البسيطة‬ ‫التطبيقات‬ ‫لتصميم‬ ‫جاهزة‬ ‫انترنت‬ ‫مواقع‬ ‫استخدام‬
‫بر‬ ‫الى‬ ‫تحتاج‬ ‫ال‬ ‫التي‬ ‫المباشرة‬ ‫التطبيقات‬ ‫من‬ ‫وغيرها‬ ‫المكتب‬ ‫سطح‬ ‫وخلفيات‬ ‫الصوتيات‬ ‫ونشر‬ ‫االمتحانات‬ ‫وعمل‬‫م‬‫جة‬
( ‫وهي‬ ‫المجال‬ ‫هذا‬ ‫في‬ ‫مواقع‬ ‫ثالث‬ ‫اهم‬ ‫يبرز‬ ‫وهنا‬ ‫معقدة‬http://www.appsgeyser.com/en/‫و‬ )
(http://www.appmakr.com/( ‫والموقع‬ )http://ibuildapp.com/‫أخرى‬ ‫مواقع‬ ‫الى‬ ‫بعدها‬ ‫نتطرق‬ ‫وربما‬ )
.‫والتفاعل‬ ‫الحاجة‬ ‫وحسب‬
2-‫استخدام‬‫الخاص‬ ‫الموقع‬‫االندرويد‬ ‫بنظام‬( ‫جامعة‬ ‫قبل‬ ‫من‬ ‫النظام‬ ‫تطوير‬ ‫مشروع‬ ‫ضمن‬MIT‫لغة‬ ‫يستخدم‬ ‫والذي‬ )
:‫التالي‬ ‫الرابط‬ ‫وعلى‬ ‫االندرويد‬ ‫برمجيات‬ ‫لتطوير‬ ‫صورية‬ ‫برمجة‬http://appinventor.mit.edu/explore/‫ويقدم‬
‫الحاجة‬ ‫حسب‬ ‫الذكي‬ ‫الجهاز‬ ‫او‬ ‫الحاسوب‬ ‫الى‬ ‫ذلك‬ ‫بعد‬ ‫وتنزيلها‬ ‫الين‬ ‫اون‬ ‫االندرويد‬ ‫تطبيقات‬ ‫تطوير‬ ‫إمكانية‬ ‫الموقع‬ ‫هذا‬
‫الختبار‬.‫استخدامها‬ ‫او‬ ‫عملها‬
3-‫البرمجة‬‫محاكية‬ ‫بيئة‬ ‫أي‬ ‫في‬( ‫ال‬ ‫تطبيق‬ ‫مثل‬ ‫الذكية‬ ‫للهواتف‬eclipse‫التي‬ ‫األخيرة‬ ‫المرحلة‬ ‫ستكون‬ ‫وهذه‬ ‫غيره‬ ‫او‬ )
ً‫ا‬‫مناسب‬ ‫وقتها‬ ‫في‬ ‫شرحها‬ ‫يكون‬ ‫ان‬ ‫وأتمنى‬ ‫معنا‬ ‫اليها‬ ‫سيصلون‬ ‫من‬ ‫هم‬ ‫الحاسوب‬ ‫مختصي‬ ‫او‬ ‫فقط‬ ‫المبرمجين‬ ‫ان‬ ‫اعتقد‬
.‫والتخصصات‬ ‫المستويات‬ ‫لكل‬

‫األول‬ ‫تطبيقنا‬ ‫تصميم‬ ‫تعالى‬ ‫هللا‬ ‫بركة‬ ‫على‬ ‫نبدأ‬ ‫واالن‬( ‫موقع‬ ‫في‬http://www.appsgeyser.com/en/‫فتحه‬ ‫عند‬ ‫والذي‬ )
:‫التالية‬ ‫النافذة‬ ‫تظهر‬
( ‫على‬ ‫ننقر‬ ‫العمل‬ ‫لبدء‬ ‫واالن‬create now:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

‫انتر‬ ‫متصفح‬ ‫على‬ ‫سيعمل‬ ‫وهل‬ ‫تصميمه‬ ‫نريد‬ ‫الذي‬ ‫التطبيق‬ ‫نوع‬ ‫هنا‬ ‫من‬ ‫نختار‬‫وجود‬ ‫مع‬ ‫اخر‬ ‫مكان‬ ‫أي‬ ‫او‬ ‫نقال‬ ‫او‬ ‫تلفاز‬ ‫او‬ ‫نت‬
( ‫نختار‬ ‫لذا‬ ‫انترنت‬ ‫لموقع‬ ‫تطبيق‬ ‫تصميم‬ ‫كيفية‬ ‫عن‬ ‫مثالنا‬ ‫وسيكون‬ ‫األخرى‬ ‫االختيارات‬ ‫من‬ ‫الكثير‬website‫النافذة‬ ‫لتظهر‬ )
:‫التالية‬

‫بدا‬ ‫ننقر‬ ‫الذكي‬ ‫الجهاز‬ ‫في‬ ‫الموقع‬ ‫مظهر‬ ‫ولرؤية‬ ‫له‬ ‫تطبيق‬ ‫عمل‬ ‫المراد‬ ‫الموقع‬ ‫عنوان‬ ‫بإدخال‬ ‫هنا‬ ‫نقوم‬‫على‬ ‫الجهاز‬ ‫صورة‬ ‫خل‬
( ‫عبار‬click here to see the preview:‫يلي‬ ‫كما‬ ‫لتظهر‬ )

( ‫على‬ ‫ننقر‬ ‫ثم‬next:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫على‬ ‫ننقر‬ ‫ثم‬ ‫واضح‬ ‫هو‬ ‫كما‬ ‫التطبيق‬ ‫اسم‬ ‫هنا‬ ‫نكتب‬next:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫على‬ ‫ننقر‬ ‫ثم‬ ‫أعاله‬ ‫الصورة‬ ‫في‬ ‫الموضحة‬ ‫بالشروط‬ ‫الموقع‬ ‫وصف‬ ‫نضيف‬next:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

‫نقوم‬ ‫هنا‬‫باختيار‬( ‫صورة‬ ‫نختار‬ ‫او‬ ‫الموضحة‬ ‫التلقائية‬ ‫الصورة‬ ‫نفس‬ ‫لتكون‬ ‫التطبيق‬ ‫ايقونة‬512X512‫الحاسوب‬ ‫من‬ ‫بكسل‬ )
( ‫على‬ ‫بالنقر‬custom icon( ‫على‬ ‫ننقر‬ ‫ثم‬ )next:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫التطبيق‬ ‫انشاء‬ ‫على‬ ‫ننقر‬ ‫االن‬create APP‫لتظهر‬ ):‫التالية‬ ‫النافذة‬

‫المطلوبة‬ ‫البيانات‬ ‫بملء‬ ‫نقوم‬( ‫على‬ ‫وننقر‬sign up:‫ادناه‬ ‫النافذة‬ ‫لتظهر‬ )

‫الدخول‬ ‫تسجيل‬ ‫او‬ ‫بوك‬ ‫الفيس‬ ‫زر‬ ‫على‬ ‫بالنقر‬ ‫بوك‬ ‫الفيس‬ ‫حساب‬ ‫باستخدام‬ ‫الدخول‬ ‫تسجيل‬ ‫نستطيع‬ ‫هنا‬‫ال‬ ‫بالبيانات‬‫تي‬
‫المرور‬ ‫وكلمة‬ ‫االلكتروني‬ ‫بالبريد‬ ‫الدخول‬ ‫وبعد‬ ً‫ا‬‫تو‬ ‫استخدمناها‬:‫ادناه‬ ‫النافذة‬ ‫تظهر‬

‫وحسب‬ ‫بلي‬ ‫السوق‬ ‫او‬ ‫بلي‬ ‫الكوكل‬ ‫الى‬ ‫نشره‬ ‫ثم‬ ‫أدائه‬ ‫واختبار‬ ‫بتنزيله‬ ‫تقوم‬ ‫ان‬ ‫عليك‬ ‫فيبقى‬ ‫التطبيق‬ ‫انشاء‬ ‫اكتمل‬ ‫قد‬ ‫يكون‬ ‫هنا‬
‫التسميات‬ ‫اختالف‬( ‫االحصائيات‬ ‫تبويب‬ ‫من‬ ‫التطبيق‬ ‫لهذا‬ ‫واالستخدامات‬ ‫التنزيالت‬ ‫عدد‬ ‫مشاهدة‬ ً‫ا‬‫ايض‬ ‫ويمكن‬Statistics)
‫والكثير‬ً‫ا‬‫فشيئ‬ ً‫ا‬‫شيئ‬ ‫جديدة‬ ‫تطبيقات‬ ‫مع‬ ‫المقبلة‬ ‫الدروس‬ ‫في‬ ‫هللا‬ ‫شاء‬ ‫ان‬ ‫سنشرحها‬ ‫التي‬ ‫األخرى‬ ‫اإلمكانيات‬ ‫من‬ ‫الكثير‬.

‫الثاني‬ ‫الدرس‬
‫كيفية‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫تعلمنا‬ ‫ان‬ ‫وبعد‬ ‫الكتروني‬ ‫نصي‬ ‫مستند‬ ‫أي‬ ‫او‬ ‫مجلة‬ ‫او‬ ‫بكتاب‬ ‫خاص‬ ‫تطبيق‬ ‫انشاء‬ ‫سنتناول‬ ‫اليوم‬
( ‫موقع‬ ‫في‬ ‫التسجيل‬http://www.appsgeyser.com/en/‫وانشاء‬ )‫تطبيقات‬ ‫مخزن‬ ‫في‬ ‫ونشره‬ ‫وتنزيله‬ ‫األول‬ ‫التطبيق‬
( ‫الرابط‬ ‫على‬ ‫الكوكل‬www.play.google.com‫النصية‬ ‫للمستندات‬ ‫البسيطة‬ ‫التطبيقات‬ ‫من‬ ‫الثاني‬ ‫النوع‬ ‫الى‬ ‫اليوم‬ ‫نأتي‬ )
(documents)‫مر‬ ‫وكلمة‬ ‫مستخدم‬ ‫(باسم‬ ‫الدخول‬ ‫وتسجيل‬ ‫الموقع‬ ‫فتح‬ ‫وبعد‬:‫التالية‬ ‫النافذة‬ ‫تظهر‬ )‫ور‬
( ‫ايقونة‬ ‫على‬ ‫االن‬ ‫ننقر‬document:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫رفع‬ ‫عمل‬ ‫أولها‬ ‫أمور‬ ‫عدة‬ ‫منا‬ ‫يطلب‬ ‫هنا‬upload‫له‬ ‫تطبيق‬ ‫تصميم‬ ‫المراد‬ ‫للملف‬ )‫وبامتدادات‬( ‫وهي‬ ‫خاصة‬PDF, DOC.
DOCX, PPT, PPTX‫ونقوم‬ )‫باستيراده‬‫ال‬ ‫يتجاوز‬ ‫ال‬ ‫الملف‬ ‫حجم‬ ‫يكون‬ ‫ان‬ ‫يشترط‬ ‫وهنا‬ ‫خزنة‬ ‫مكان‬ ‫في‬ ‫الحاسوب‬ ‫من‬
(5MB‫فنقوم‬ )‫باستيراده‬:‫يلي‬ ‫وكما‬ ‫البقية‬ ‫المتطلبات‬ ‫ملء‬ ‫نكمل‬ ‫وبعدها‬

‫قمنا‬ ‫هنا‬‫بإ‬‫عطاء‬( ‫ال‬ ‫حقل‬ ‫في‬ ‫للتطبيق‬ ‫اسم‬App name( ‫حقل‬ ‫في‬ ‫للتطبيق‬ ‫ووصف‬ )App description‫بتغيير‬ ‫وقمنا‬ )
‫األساسية‬ ‫التطبيق‬ ‫ايقونة‬( ‫زر‬ ‫على‬ ‫بالنقر‬upload‫التصنيف‬ ‫واخترنا‬ ‫الحاسوب‬ ‫في‬ ‫المخزونة‬ ‫المناسبة‬ ‫الصور‬ ‫احد‬ ‫الختيار‬ )
(category( ‫تعليمي‬ ‫تصنيف‬ ‫اخترنا‬ ‫فقد‬ ‫كتاب‬ ‫وألنه‬ ‫للتطبيق‬ ‫المناسب‬ )Education‫على‬ ‫ننقر‬ ً‫ا‬‫واخير‬ )(create app‫لتظهر‬ )
:‫التالية‬ ‫النافذة‬

‫اكتمل‬ ‫قد‬ ‫التطبيق‬ ‫ان‬ ‫تعني‬ ‫النافذة‬ ‫هذه‬( ‫زر‬ ‫على‬ ‫النقر‬ ‫من‬ ‫تنزيله‬ ‫ويمكن‬download‫ال‬ ‫في‬ ‫نشره‬ ‫يمكن‬ ‫وكذلك‬ )(google
play( ‫األول‬ ‫الزر‬ ‫على‬ ‫بالنقر‬ )publish):‫التالية‬ ‫النافذة‬ ‫تظهر‬ ‫عليه‬ ‫النقر‬ ‫عند‬ ‫والذي‬

( ‫زر‬ ‫تفعيل‬ ‫ليتم‬ ‫االخر‬ ‫تلو‬ ً‫ا‬‫واحد‬ ‫كلها‬ ‫المربعات‬ ‫بداخل‬ ‫بالنقر‬ ‫فنقوم‬continue‫الت‬ ‫النافذة‬ ‫لتظهر‬ ‫عليه‬ ‫فننقر‬ ):‫الية‬

‫منا‬ ‫يطلب‬ ‫هنا‬‫تهيئ‬( ‫على‬ ‫ننقر‬ ‫ثم‬ ‫تؤثر‬ ‫ال‬ ‫فهي‬ ‫تركها‬ ‫او‬ ‫الحاسوب‬ ‫من‬ ‫تحميلها‬ ‫فيتم‬ ‫للتطبيق‬ ‫صور‬ ‫وأربع‬ ‫ايقونة‬ ‫ة‬I have….)
:‫التالية‬ ‫النافذة‬ ‫لتظهر‬

( ‫على‬ ‫ننقر‬ ‫ثم‬ ‫ذلك‬ ‫فيتم‬ ‫األخرى‬ ‫اللغات‬ ‫الى‬ ‫وترجمته‬ ‫الوصف‬ ‫إضافة‬ ‫يطلب‬ ‫هنا‬I have translated description‫لتظهر‬ )
‫الناف‬:‫التالية‬ ‫ذة‬

( ‫تنزيل‬ ‫إمكانية‬ ‫يعطيك‬ ‫هنا‬Download APK here( ‫على‬ ‫بالنقر‬ ‫فتكتفي‬ ً‫ا‬‫مسبق‬ ‫بتنزيله‬ ‫قمت‬ ‫قد‬ ‫كنت‬ ‫واذا‬ ‫التطبيق‬ )I have
.apk:‫ادناه‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫رابط‬ ‫على‬ ‫بالنقر‬ ‫ذلك‬ ‫ويمكن‬ ‫الكوكل‬ ‫تطبيقات‬ ‫مطور‬ ‫حساب‬ ‫تسجيل‬ ‫منك‬ ‫يطلب‬ ‫هنا‬Google play developer ….‫لتظهر‬ )
‫ا‬:‫التالية‬ ‫لنافذة‬

‫والبالغة‬ ‫التسجيل‬ ‫رسوم‬ ‫دفع‬ ‫وتتضمن‬ ‫خطوات‬ ‫بعدة‬ ‫التسجيل‬ ‫عملية‬ ‫تمر‬ ‫هنا‬22‫تطبيقات‬ ‫مطور‬ ‫يكون‬ ‫ان‬ ‫يريد‬ ‫لمن‬ ‫دوالر‬
.‫كوكل‬( ‫على‬ ‫وننقر‬ ‫السابقة‬ ‫القبل‬ ‫نافذتنا‬ ‫الى‬ ‫نرجع‬ ‫التسجيل‬ ‫اكمال‬ ‫بعد‬I have an account:‫ادناه‬ ‫النافذة‬ ‫لتظهر‬ )

‫الذهاب‬ ‫بوجوب‬ ‫يخبرك‬ ‫هنا‬( ‫على‬ ‫تنقر‬ ‫ثم‬ ‫أعاله‬ ‫الفيديو‬ ‫في‬ ‫كما‬ ‫التطبيق‬ ‫ونشر‬ ‫بلي‬ ‫الكوكل‬ ‫في‬ ‫حسابك‬ ‫الى‬I have published
my app:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

‫ال‬ ‫في‬ ً‫ا‬‫متاح‬ ‫ليكون‬ ‫ساعات‬ ‫عدة‬ ‫سيستغرق‬ ‫وانه‬ ‫بنجاح‬ ‫نشره‬ ‫تم‬ ‫تطبيقك‬ ‫ان‬ ‫يخبرك‬ ‫هنا‬google play store.

‫الثالث‬ ‫الدرس‬
( ‫موقع‬ ‫في‬ ‫زلنا‬ ‫ما‬www.appsgeyser.com‫اليه‬ ‫تختلف‬ ‫وال‬ ‫فيه‬ ‫جديد‬ ‫فال‬ ‫الموقع‬ ‫هذا‬ ‫مع‬ ‫األخير‬ ‫هو‬ ‫الدرس‬ ‫هذا‬ ‫وسيكون‬ )
‫انني‬ ‫اال‬ ‫الطريقة‬ ‫بنفس‬ ‫فكلها‬ ‫بأستخدامه‬ ‫البسيطة‬ ‫التطبيقات‬ ‫تصميم‬‫ب‬ ‫مسابقات‬ ‫لعبة‬ ‫تصميم‬ ‫كيفية‬ ‫اليوم‬ ‫اشرح‬ ‫ان‬ ‫ارتأيت‬‫سيطة‬
( ‫او‬Quiz‫االمتحانات‬ ‫في‬ ‫تفيد‬ ‫قد‬ ‫اندرويد‬ ‫تطبيق‬ ‫شكل‬ ‫على‬ ‫األجوبة‬ ‫متعددة‬ ‫أسئلة‬ ‫مجموعة‬ ‫تصمم‬ ‫بأن‬ ‫الموقع‬ ‫يسميها‬ ‫كما‬ )
‫م‬ ‫إمكانيات‬ ‫اختبار‬ ‫يريد‬ ‫شخص‬ ‫أي‬ ‫تفيد‬ ‫وقد‬ ‫التقنية‬ ‫والمعاهد‬ ‫والكليات‬ ‫االعداديات‬ ‫في‬ ‫للمدرسين‬ ‫اليومية‬‫األش‬ ‫من‬ ‫جموعة‬‫خاص‬
:‫ذلك‬ ‫عمل‬ ‫كيفية‬ ‫نرى‬ ‫معنا‬ ‫فتعالوا‬ ‫معين‬ ‫مجال‬ ‫في‬ ‫االخرين‬:‫التالية‬ ‫النافذة‬ ‫لنا‬ ‫تظهر‬ ‫أعاله‬ ‫العنوان‬ ‫على‬ ‫الموقع‬ ‫الى‬ ‫الدخول‬ ‫بعد‬
( ‫ايقونة‬ ‫على‬ ‫ننقر‬ ‫االن‬quiz:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

‫قائمة‬ ‫النافذة‬ ‫من‬ ‫اليسرى‬ ‫الجهة‬ ‫في‬ ‫توجد‬ ‫هنا‬ ‫واضح‬ ‫هو‬ ‫كما‬‫باألماكن‬( ‫السؤال‬ ‫فيها‬ ‫تضع‬ ‫التي‬Question‫واالجوبة‬ )
(Answers( ‫األجوبة‬ ‫يمين‬ ‫الى‬ ‫الخيارات‬ ‫من‬ ‫الصحيح‬ ‫الجواب‬ ‫تحديد‬ ‫إمكانية‬ ‫وجود‬ ‫مع‬ )correct answer is‫اكمال‬ ‫وعند‬ )
( ‫جديد‬ ‫سؤال‬ ‫إضافة‬ ‫على‬ ‫ننقر‬ ‫الصحيح‬ ‫الجواب‬ ‫وتحديد‬ ‫واجوبته‬ ‫السؤال‬ ‫ادخال‬add a question‫مشابهة‬ ‫قائمة‬ ‫لتظهر‬ )
‫وهكذا‬ ‫جديد‬ ‫لسؤال‬ ‫بالمثل‬ ‫فنقوم‬ ‫لألولى‬‫ننتقل‬ ‫منها‬ ‫لكل‬ ‫الصحيحة‬ ‫الخيارات‬ ‫وتحديد‬ ‫واجوبتها‬ ‫األسئلة‬ ‫اعداد‬ ‫من‬ ‫ننتهي‬ ‫ان‬ ‫وبعد‬
( ‫األسئلة‬ ‫عدد‬ ‫تحديد‬ ‫الى‬Questions per one game( ‫التطبيق‬ ‫او‬ ‫للعبة‬ ‫اسم‬ ‫ونضيف‬ )App name‫لمحتوياته‬ ‫ووصف‬ )
(Description( ‫ايقونة‬ ‫ونختار‬ )Icon‫مناسب‬ )‫للتطبيق‬ ‫خلفية‬ ‫وصورة‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫فعلنا‬ ‫كما‬ ‫للتطبيق‬ ‫ة‬
(Background( ‫الظهور‬ ‫اتجاه‬ ‫أي‬ ‫الذكي‬ ‫الهاتف‬ ‫شاشة‬ ‫في‬ ‫التطبيق‬ ‫ظهور‬ ‫وكيفية‬ )Screen orientation‫عمودي‬ ‫او‬ ‫افقي‬ )
:‫االنتهاء‬ ‫بعد‬ ‫يلي‬ ‫كما‬ ‫النافذة‬ ‫وستبدو‬ ‫تلقائي‬ ‫او‬

:‫االعدادات‬ ‫بقية‬ ‫وهذه‬

‫تصنيف‬ ً‫ا‬‫ايض‬ ‫نختار‬( ‫حقل‬ ‫من‬ ‫التطبيق‬category( ‫على‬ ‫ننقر‬ ً‫ا‬‫واخير‬ )create App:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫للتنزيل‬ ‫جاه‬ ‫وهو‬ ‫اكتمل‬ ‫قد‬ ‫التطبيق‬ ‫ان‬ ‫الموقع‬ ‫يخبرنا‬ ‫هنا‬download)( ‫والنشر‬publish‫وفي‬ ً‫ا‬‫مسبق‬ ‫ذلك‬ ‫شرحنا‬ ‫وكما‬ )
:‫الدرس‬ ‫لهذا‬ ‫التجريبي‬ ‫التطبيق‬ ‫تنزيل‬ ‫رابط‬ ‫ادناه‬http://www.appsgeyser.com/1234810
‫األخرى‬ ‫المواقع‬ ‫الى‬ ‫القادمة‬ ‫الدروس‬ ‫في‬ ‫لننتقل‬ ‫الموقع‬ ‫هذا‬ ‫مع‬ ‫األخير‬ ‫درسنا‬ ‫هذا‬ ‫وسيكون‬ ‫لكم‬ ً‫ا‬‫مفيد‬ ‫الدرس‬ ‫يكون‬ ‫ان‬ ‫أتمنى‬
.‫معنا‬ ‫فأبقوا‬ ‫الدورة‬ ‫هذه‬ ‫من‬ ‫األول‬ ‫الدرس‬ ‫في‬ ‫حددناها‬ ‫التي‬

‫الرابع‬ ‫الدرس‬
( ‫موقع‬ ‫مع‬ ‫التعامل‬ ‫شرحنا‬ ‫ان‬ ‫بعد‬http://www.appsgeyser.com/en/‫تطوير‬ ‫كيفية‬ ‫وعرفنا‬ ‫السابقة‬ ‫الثالثة‬ ‫الدروس‬ ‫في‬ )
‫سلسلة‬ ‫في‬ ‫الثاني‬ ‫الموقع‬ ‫الى‬ ‫اليوم‬ ‫نأتي‬ ‫واجوبة‬ ‫أسئلة‬ ‫ومسابقة‬ ‫وكتاب‬ ‫لموقع‬ ‫تطبيق‬‫أفضل‬‫ا‬ ‫تطبيقات‬ ‫تطوير‬ ‫مواقع‬‫الندرويد‬
( ‫موقع‬ ‫وهو‬ ‫وتعقيد‬ ‫برمجة‬ ‫وبدون‬ ً‫ا‬‫مجان‬mhttp://www.appmakr.co/:‫التالية‬ ‫النافذة‬ ‫تظهر‬ ‫فتحه‬ ‫عند‬ ‫والذي‬ )
‫التطبيق‬ ‫اسم‬ ‫كتابة‬ ‫شريط‬ ‫الصفحة‬ ‫منتصف‬ ‫في‬ ‫تتربع‬ ‫حيث‬ ‫السابق‬ ‫الموقع‬ ‫واجهة‬ ‫عن‬ ً‫ا‬‫كثير‬ ‫تختلف‬ ‫ال‬ ‫الواجهة‬ ‫ان‬ ‫ونالحظ‬
( ‫زر‬ ‫وبجانبه‬ ‫تطويره‬ ‫المراد‬create‫هناك‬ ‫ان‬ ‫اليه‬ ‫اإلشارة‬ ‫يجب‬ ‫ما‬ ‫ولكن‬ ‫التطوير‬ ‫عملية‬ ‫تبدأ‬ ‫عليه‬ ‫بالنقر‬ ‫والذي‬ )‫ايقونات‬ ‫ثالث‬
( ‫تشغيلها‬ ‫ونظام‬ ‫ابل‬ ‫شركة‬ ‫رمز‬ ‫الى‬ ‫احدها‬ ‫تشير‬ ‫الشريط‬ ‫هذا‬ ‫فوق‬IOS‫تطبيقات‬ ‫لتطوير‬ ‫والثالثة‬ ‫االندرويد‬ ‫الى‬ ‫واألخرى‬ )
( ‫ال‬ ‫بيئة‬ ‫في‬ ‫تعمل‬HTMLً‫ا‬‫قطع‬ ‫فنقوم‬ ‫عليه‬ ‫العمل‬ ‫نريد‬ ‫الذي‬ ‫التشغيل‬ ‫لنظام‬ ‫االختيار‬ ‫لحظة‬ ‫وهنا‬ )‫باختيار‬‫ألنه‬ ‫االندرويد‬
‫ب‬ ‫ونالحظ‬ ‫دراستنا‬ ‫موضوع‬‫او‬ ‫للصور‬ ‫تطبيق‬ ‫تطوير‬ ‫نريد‬ ‫هل‬ ‫وهي‬ ‫الواجهة‬ ‫في‬ ‫المتاحة‬ ‫الخيارات‬ ‫قية‬‫الفيديوهات‬‫المح‬ ‫او‬‫ادثة‬
( ‫على‬ ‫وننقر‬ )‫األول‬ ‫تطبيقي‬ ‫كتبت‬ ‫(انا‬ ‫المطلوب‬ ‫التطبيق‬ ‫اسم‬ ‫بكتابة‬ ‫نقوم‬ ‫واالن‬ ‫الكثير‬ ‫وغيرها‬ ‫والرسائل‬create‫لتظهر‬ )

‫(يا‬ ‫حساب‬ ‫بأي‬ ‫الدخول‬ ‫تسجيل‬ ‫كيفية‬ ‫نحدد‬ ‫هنا‬‫ما‬ ‫فنختار‬ ‫السفلي‬ ‫الشريط‬ ‫من‬ ‫اللغة‬ ‫تحديد‬ ‫وكذلك‬ )‫كوكل‬ ‫او‬ ‫بوك‬ ‫فيس‬ ‫تويتر‬ ‫هو‬
‫على‬ ‫النقر‬ ‫وبمجرد‬ ‫اللغات‬ ‫من‬ ‫يناسبنا‬‫زر‬ ‫على‬ ‫ننقر‬ ‫وبعدها‬ ‫نريد‬ ‫ما‬ ‫الى‬ ‫الصفحة‬ ‫لغة‬ ‫تتحول‬ ‫المطلوبة‬ ‫اللغة‬‫أي‬‫الحس‬ ‫من‬‫ابات‬
‫تويتر‬ ‫(وليكن‬)‫هذه‬ ‫حالتنا‬ ‫في‬( ‫التويتر‬ ‫مرور‬ ‫وكلمة‬ ‫المستخدم‬ ‫اسم‬ ‫بطلب‬ ‫فيقوم‬‫تظهر‬ ‫ثم‬ )‫باستخدامه‬ ‫تسجل‬ ‫اخر‬ ‫حساب‬ ‫أي‬ ‫او‬

‫واألخير‬ ‫األول‬ ‫واسمك‬ ‫للتطبيق‬ ‫اسم‬ ‫إعطاء‬ ‫من‬ ‫المطلوب‬ ‫معرفة‬ ‫نستطيع‬ ‫فبسهولة‬ ً‫ا‬‫حالي‬ ‫الموقع‬ ‫لغة‬ ‫هي‬ ‫العربية‬ ‫اللغة‬ ‫ألن‬ ‫االن‬
‫إشارة‬ ‫تظهر‬ ‫(حيث‬ ‫قبولها‬ ‫ليتم‬ ‫اإلنكليزية‬ ‫باللغة‬ ‫جميعها‬ ‫تكون‬ ‫ان‬ ‫ويجب‬ ‫االلكتروني‬ ‫والبريد‬ok‫حقل‬ ‫كل‬ ‫أسفل‬)‫مقبول‬‫واضافة‬
‫(الخطوة‬ ‫زر‬ ‫على‬ ‫ننقر‬ ‫نريد‬ ‫ما‬ ‫ملء‬ ‫وبعد‬ ‫وغيرها‬ ‫وتويتر‬ ‫ويوتيوب‬ ‫بوك‬ ‫فيس‬ ‫من‬ ‫االلكترونية‬ ‫وحساباتك‬ ‫موقعك‬ ‫عناوين‬
:‫التالية‬ ‫الواجهة‬ ‫لتظهر‬ )‫التالية‬

( ‫البلوك‬ ‫في‬ ‫صفحتنا‬ ‫الى‬ ‫روابط‬ ‫له‬ ‫اضفنا‬ ‫ان‬ ‫بعد‬ ‫تطبيقنا‬ ‫واجهة‬ ‫الوسط‬ ‫في‬ ‫يظهر‬ ‫االن‬blog‫والموقع‬ ‫واليوتيوب‬ ‫والتويتر‬ )
‫يكون‬ ‫حيث‬ ‫التطبيق‬ ‫تطوير‬ ‫من‬ ‫الثانية‬ ‫المرحلة‬ ‫االن‬ ‫وتبدأ‬ ‫االلكتروني‬‫بإمكاننا‬‫التطبيق‬ ‫الى‬ ‫إضافات‬ ‫من‬ ‫نريد‬ ‫ما‬ ‫وافالت‬ ‫سحب‬
‫بأدراج‬ ‫وسأقوم‬ ‫اليسار‬ ‫الى‬ ‫الخيارات‬ ‫قائمة‬ ‫من‬‫وخارطة‬ ‫كريم‬ ‫قرأن‬‫وتقويم‬‫الطقس‬ ‫وحالة‬:‫يلي‬ ‫كما‬ ‫يكون‬ ‫كيف‬ ‫الشكل‬ ‫لنرى‬

‫ونق‬‫اعداد‬ ‫بضبط‬ ‫وم‬‫ا‬‫السفلى‬ ‫اليسرى‬ ‫الزاوية‬ ‫في‬ ‫الشريط‬ ‫من‬ ‫الخلفية‬ ‫ونختار‬ ‫السفلى‬ ‫اليمنى‬ ‫الزاوية‬ ‫في‬ ‫المربع‬ ‫من‬ ‫إضافة‬ ‫كل‬ ‫ت‬
:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )‫(التالي‬ ‫على‬ ‫ننقر‬ ‫واالن‬ ‫وهكذا‬

‫مواصفا‬ ‫وبقية‬ ‫به‬ ‫الخاص‬ ‫والوصف‬ ‫وايقونته‬ ‫المشروع‬ ‫عنوان‬ ‫اختيار‬ ‫نستطيع‬ ‫واضح‬ ‫هو‬ ‫كما‬ ‫النافذة‬ ‫هذه‬ ‫من‬‫ف‬ ‫رأينا‬ ‫كما‬ ‫ته‬‫ي‬
‫(اكتب‬ ‫على‬ ‫وننقر‬ ‫النافذة‬ ‫وسط‬ ‫في‬ ‫التوضيحي‬ ‫الفيديو‬ ‫بإيقاف‬ ‫نقوم‬ ‫حيث‬ ‫كمثال‬ ‫للمشروع‬ ‫وصف‬ ‫إضافة‬ ‫وسنأخذ‬ ‫األول‬ ‫الموقع‬
:‫ادناه‬ ‫في‬ ‫كما‬ ‫المشروع‬ ‫وصف‬ ‫فيه‬ ‫نكتب‬ ‫حقل‬ ‫ليظهر‬ ‫عليها‬ ‫فننقر‬ )‫الوصف‬ ‫(تعديل‬ ‫زر‬ ‫تحتوي‬ ‫نافذة‬ ‫لتظهر‬ )ً‫ا‬‫وصف‬

‫الخيارات‬ ‫وضبط‬ ‫اختيار‬ ‫اكمال‬ ‫وبعد‬‫على‬ ‫النقر‬ ‫ننسى‬ ‫(وال‬save:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )‫(التالي‬ ‫على‬ ‫ننقر‬ )‫تعديل‬ ‫كل‬ ‫بعد‬

( ‫على‬ ‫ننقر‬ ‫االن‬ready next step:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫على‬ ‫ننقر‬ ً‫ا‬‫ايض‬ready! Next step:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

‫المو‬ ‫شروط‬ ‫على‬ ‫الموافقة‬ ‫منا‬ ‫يطلب‬ ‫حيث‬ ‫النشر‬ ‫مرحلة‬ ‫الى‬ ‫وصلنا‬ً‫ا‬‫واخير‬ ‫اليمين‬ ‫الى‬ ‫المربع‬ ‫في‬ ‫الصح‬ ‫عالمة‬ ‫على‬ ‫بالنقر‬ ‫قع‬
( ‫على‬ ‫ننقر‬publish my app now:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

‫باكتمال‬ ‫يخبرنا‬ ‫هنا‬‫األحمر‬ ‫المستطيل‬ ‫في‬ ‫السهم‬ ‫عليه‬ ‫المؤشر‬ ‫الرابط‬ ‫خالل‬ ‫من‬ ‫اليه‬ ‫الوصول‬ ‫وإمكانية‬ ‫التطبيق‬ ‫نشر‬‫و‬‫االن‬
‫الى‬ ‫ننزل‬ ‫تطبيقنا‬ ‫لرؤية‬‫أسفل‬:‫التالية‬ ‫الخيارات‬ ‫تظهر‬ ‫حيث‬ ‫النافذة‬

( ‫على‬ ‫ننقر‬see your app in the market:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫زر‬ ‫على‬ ‫النقر‬ ‫بمجرد‬ ‫واالن‬Android Native( ‫التطبيق‬ ‫تنزيل‬ ‫سيتم‬ ).apk‫الشخصي‬ ‫الحاسوب‬ ‫او‬ ‫الذكي‬ ‫جهازك‬ ‫الى‬ )
‫بسهوله‬ ‫عليه‬ ‫والتعديل‬ ‫بعدها‬ ‫أدائه‬ ‫اختبار‬ ‫وتستطيع‬‫اتض‬ ‫فقد‬ ‫بأنفسنا‬ ‫تطبيقاتنا‬ ‫نطور‬ ‫بنا‬ ‫فهيا‬ ‫السابقة‬ ‫الخطوات‬ ‫نفس‬ ‫بأتباع‬‫ح‬
.ً‫ا‬‫جد‬ ً‫ا‬‫جد‬ ‫يسير‬ ‫سهل‬ ‫االمر‬ ‫ان‬
‫كنت‬ ‫وان‬ ‫األصعب‬ ‫الى‬ ‫االسهل‬ ‫من‬ ‫هللا‬ ‫شاء‬ ‫ان‬ ‫معها‬ ‫سنتدرج‬ ‫والتي‬ ‫االندرويد‬ ‫تطبيقات‬ ‫لتطوير‬ ‫أخرى‬ ‫مواقع‬ ‫شرح‬ ‫في‬ ‫انتظرونا‬
‫التحد‬ ‫وروح‬ ‫والعزيمة‬ ‫اإلصرار‬ ‫مع‬ ‫صعب‬ ‫بوجود‬ ‫أؤمن‬ ‫ال‬.‫ي‬
‫األخطاء‬ ‫الكتشاف‬ ‫أدائه‬ ‫واختبار‬ ‫بتنزيله‬ ‫تقوموا‬ ‫ان‬ ‫فأتمنى‬ ‫الدرس‬ ‫هذا‬ ‫في‬ ‫اليوم‬ ‫سوية‬ ‫طورناه‬ ‫الذي‬ ‫التطبيق‬ ‫رابط‬ ‫ادناه‬ ‫في‬
:‫المستقبل‬ ‫في‬ ‫تصحيحها‬ ‫ومحاولة‬ ‫فيه‬http://apps.appmakr.com/myfirstapp2096

‫الخامس‬ ‫الدرس‬
‫تطبيقاتنا‬ ‫تطوير‬ ‫الى‬ ‫اليوم‬ ‫وصلنا‬‫باستخدام‬( ‫الموقع‬http://ibuildapp.com/:‫التالية‬ ‫الواجهة‬ ‫تظهر‬ ‫فتحه‬ ‫عند‬ ‫والذي‬ )
( ‫زر‬ ‫على‬ ‫ننقر‬start free:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

‫هنا‬ ‫من‬‫ولذا‬ ‫النافذة‬ ‫من‬ ‫االيسر‬ ‫الجانب‬ ‫الى‬ ‫الخيارات‬ ‫من‬ ‫الكثير‬ ‫وجود‬ ‫ونالحظ‬ ‫تصميمه‬ ‫المراد‬ ‫لتطبيقنا‬ ‫المناسب‬ ‫التصميم‬ ‫نختار‬
( ‫سأختار‬ ‫لي‬ ‫بالنسبة‬ ‫وانا‬ ‫يناسبنا‬ ‫ما‬ ‫نختار‬education:‫ادناه‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫وليكن‬ ‫منها‬ ‫تصميم‬ ‫أي‬ ‫نختار‬tutorials:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ ‫عليه‬ ‫فننقر‬ )

( ‫على‬ ‫فننقر‬ ‫اخترناه‬ ‫الذي‬ ‫العام‬ ‫بالتصميم‬ ‫الخاصة‬ ‫األخرى‬ ‫الصفحات‬ ‫لتصاميم‬ ‫عرض‬ ‫عن‬ ‫عبارة‬ ‫هي‬ ‫النافذة‬ ‫هذه‬go‫لتظهر‬ )
‫في‬ ‫كما‬ ‫الدخول‬ ‫تسجيل‬ ‫نافذة‬:‫ادناه‬

‫او‬ ‫جديد‬ ‫كمستخدم‬ ‫الدخول‬ ‫نسجل‬‫باستخدام‬:‫التالية‬ ‫النافذة‬ ‫ستظهر‬ ‫بعدها‬ ‫ذلك‬ ‫في‬ ‫الحرية‬ ‫ولكم‬ ‫بوك‬ ‫الفيس‬ ‫حساب‬

‫نقو‬ ‫االن‬‫بتخصيص‬ ‫وسأقوم‬ ‫التطبيق‬ ‫هذا‬ ‫بتصميم‬ ‫قمنا‬ ‫اجله‬ ‫من‬ ‫الذي‬ ‫الهدف‬ ‫يخدم‬ ‫وبما‬ ‫نشاء‬ ‫كما‬ ‫التطبيق‬ ‫اعدادات‬ ‫بضبط‬ ‫م‬
:‫معي‬ ‫فتابعوا‬ ‫هذه‬ ‫مدونتي‬ ‫صفحات‬ ‫ليناسب‬ ‫التطبيق‬‫على‬ ‫ننقر‬( ‫تبويب‬ ‫ضمن‬ ‫االيسر‬ ‫الجانب‬ ‫في‬ ‫السهم‬ ‫زر‬logo image)
( ‫بقصها‬ ‫ونقوم‬ ‫الحاسوب‬ ‫من‬ ‫للتطبيق‬ ‫غالف‬ ‫صورة‬ ‫ونختار‬crop):‫التالية‬ ‫الصورة‬ ‫في‬ ‫كما‬
( ‫على‬ ‫ننقر‬ ‫ثم‬apply( ‫على‬ ‫ننقر‬ ‫واالن‬ .)select background‫على‬ ‫ننقر‬ ‫واالن‬ ‫للتطبيق‬ ‫مناسبة‬ ‫خلفية‬ ‫صورة‬ ‫ونختار‬ )
( ‫تبويب‬manage contents:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )

( ‫زر‬ ‫من‬ ‫جديدة‬ ‫صفحات‬ ‫إضافة‬ ‫نستطيع‬ ‫هنا‬add category‫بمحتويات‬ ‫التحكم‬ ‫يمكن‬ ‫وكذلك‬ )‫منها‬ ‫أي‬ ‫على‬ ‫بالنقر‬ ‫الصفحات‬
( ‫التاريخ‬ ‫صفحة‬ ‫ولتكن‬history‫أخرى‬ ‫صفحات‬ ‫إضافة‬ ‫او‬ ‫وإزالة‬ ‫والمحتوى‬ ‫االسم‬ ‫تغيير‬ ‫خيارات‬ ‫تظهر‬ ‫عليها‬ ‫بالنقر‬ ‫حيث‬ )
:‫ادناه‬ ‫في‬ ‫كما‬

‫خاصة‬ ‫ايقونة‬ ‫واضافة‬ ‫ومحتوياتها‬ ‫عنوانها‬ ‫وتغيير‬ ‫واحدة‬ ‫صفحة‬ ‫الى‬ ‫المحتوى‬ ‫وتحويل‬ ‫المتعددة‬ ‫الصفحات‬ ‫بحذف‬ ‫قمنا‬ ‫هنا‬
‫ب‬( ‫على‬ ‫ننقر‬ ً‫ا‬‫واخير‬ ‫الصفحات‬ ‫لبقية‬ ‫بالنسبة‬ ‫وهكذا‬ ‫رغبتنا‬ ‫حسب‬ ‫صفحة‬ ‫كل‬publish:‫التالية‬ ‫النافذة‬ ‫لتظهر‬ )
‫هذا‬ ‫مشاركة‬ ‫قابلية‬ ‫يمنحنا‬ ‫كما‬ ً‫ا‬‫حالي‬ ‫تنزيله‬ ‫او‬ ً‫ال‬‫مستقب‬ ‫التطبيق‬ ‫هذا‬ ‫الى‬ ‫الوصول‬ ‫نستطيع‬ ‫خالله‬ ‫من‬ ‫الذي‬ ‫العنوان‬ ‫يعطينا‬ ‫هنا‬
‫الت‬ ‫مواقع‬ ‫من‬ ‫وغيره‬ ‫بوك‬ ‫الفيس‬ ‫في‬ ‫التطبيق‬‫االكتفاء‬ ‫وتستطيع‬ ‫االجتماعي‬ ‫واصل‬‫باختيار‬(not now, thanks you.)

( ‫التحكم‬ ‫لوحة‬ ‫الى‬ ‫الذهاب‬ ‫يمكننا‬ ‫واالن‬dashboard‫او‬ ‫التطبيقات‬ ‫سوق‬ ‫الى‬ ‫نشره‬ ‫او‬ ‫التطبيق‬ ‫أداء‬ ‫واختبار‬ ‫بحسابنا‬ ‫الخاصة‬ )
‫المتشابهة‬ ‫المواقع‬ ‫بقية‬ ‫في‬ ‫شرحه‬ ‫سبق‬ ‫وكما‬ ‫المتاحة‬ ‫الخيارات‬ ‫من‬ ‫شيء‬ ‫أي‬ ‫عمل‬ ‫او‬ ‫تعديله‬‫وكما‬ ‫خصائص‬ ‫من‬ ‫توفره‬ ‫فيما‬
:‫ادناه‬ ‫الصورة‬ ‫في‬
‫ألجهزة‬ ‫والبدائية‬ ‫البسيطة‬ ‫التطبيقات‬ ‫لتطوير‬ ً‫ا‬‫مخصص‬ ‫كان‬ ‫والذي‬ ‫الدورة‬ ‫هذه‬ ‫من‬ ‫األول‬ ‫الجزء‬ ‫نهاية‬ ‫الى‬ ‫وصلنا‬ ‫احبتي‬ ‫هنا‬ ‫الى‬
‫التطبيق‬ ‫تطوير‬ ‫في‬ ‫المعتادة‬ ‫األمور‬ ‫وال‬ ‫اكواد‬ ‫وال‬ ‫برمجة‬ ‫وبدون‬ ‫الجاهزة‬ ‫المواقع‬ ‫على‬ ‫معتمدين‬ ‫االندرويد‬‫الى‬ ‫نصل‬ ‫واالن‬ ‫ات‬
‫االندرويد‬ ‫تطبيقات‬ ‫لتطوير‬ ً‫ا‬‫مخصص‬ ً‫ا‬‫سابق‬ ‫ذكرنا‬ ‫كما‬ ‫سيكون‬ ‫والذي‬ )‫القادمة‬ ‫المحاضرات‬ ‫(في‬ ‫هللا‬ ‫شاء‬ ‫ان‬ ‫الثاني‬ ‫الجزء‬ ‫بداية‬
( ‫بمعهد‬ ‫الخاصة‬ ‫التطوير‬ ‫منصة‬ ‫باستخدام‬MIT:‫التالي‬ ‫الرابط‬ ‫وعلى‬ )
http://appinventor.mit.edu/explore/

‫السادس‬ ‫الدرس‬
‫االندرويد‬ ‫ألجهزة‬ ‫واحترافية‬ ‫بسيطة‬ ‫تطبيقات‬ ‫وتصميم‬ ‫انشاء‬ ‫عن‬ ‫تحدثنا‬ ‫ان‬ ‫بعد‬‫باستخدام‬‫اليو‬ ‫نأتي‬ ‫جاهزة‬ ‫انترنت‬ ‫مواقع‬‫الى‬ ‫م‬
‫وذلك‬ ً‫ا‬‫وتخصص‬ ‫احترافية‬ ‫اكثر‬ ‫تعتبر‬ ‫والتي‬ ‫وعدناكم‬ ‫كما‬ ‫الثانية‬ ‫الخطوة‬‫باستخدام‬( ‫ال‬ ‫برنامج‬ ‫او‬ ‫موقع‬App Inventor‫الذي‬ )
( ‫جامعة‬ ‫وتطويره‬ ‫ادارته‬ ‫على‬ ‫تعمل‬MIT‫مستوى‬ ‫على‬ )‫السابقة‬ ‫السنوات‬ ‫احصائيات‬ ‫حسب‬ ‫اثنين‬ ‫(او‬ ‫واحد‬ ‫رقم‬ ‫الجامعة‬ ‫وهي‬ )
‫بمجرد‬ ‫االندرويد‬ ‫بنظام‬ ‫تعمل‬ ‫التي‬ ‫لألجهزة‬ ‫تطبيقات‬ ‫تصميم‬ ‫خاللها‬ ‫من‬ ‫تستطيع‬ ‫بسيطة‬ ‫رسومية‬ ‫واجهة‬ ‫عن‬ ‫عبارة‬ ‫وهو‬ ‫العالم‬
‫الك‬ ‫في‬ ‫لحساب‬ ‫امتالكك‬( ‫وكل‬gmail‫عند‬ ‫اللعب‬ ‫كمكعبات‬ ‫وتركيبها‬ ً‫ا‬‫مسبق‬ ‫موجودة‬ ‫جاهزة‬ ‫أدوات‬ ‫استخدام‬ ‫خالل‬ ‫من‬ ‫وذلك‬ )
‫بعمر‬ ‫لألطفال‬ ‫حتى‬ ‫واالبداع‬ ‫المتعة‬ ‫من‬ ً‫ا‬‫عالم‬ ‫البرمجة‬ ‫تجعل‬ ‫ومبسطة‬ ‫سهلة‬ ‫بطريقة‬ ‫األطفال‬9‫تعلم‬ ‫يمكنهم‬ ‫حيث‬ ‫سنوات‬
‫التصميم‬‫باستخدام‬‫طو‬ ‫التي‬ ‫األخرى‬ ‫المشابهة‬ ‫والتطبيقات‬ ‫التطبيق‬ ‫هذا‬( ‫جامعة‬ ‫نفس‬ ‫رتها‬MIT‫والمسمى‬ )
(scratch.mit.edu)( ‫ال‬ ‫تطبيق‬ ‫هو‬ ‫هنا‬ ‫يهمنا‬ ‫وما‬ ‫الكثير‬ ‫وغيره‬App Inventor‫عنه‬ ‫وكتبت‬ ‫الكتب‬ ‫حوله‬ ‫الفت‬ ‫والذي‬ )
.‫سابقة‬ ‫برمجية‬ ‫خبرة‬ ‫وبدون‬ ‫احترافية‬ ‫تطبيقات‬ ‫لتطوير‬ ‫العالم‬ ‫حول‬ ‫الماليين‬ ‫ويستخدمه‬ ‫البحوث‬
( ‫ال‬ ‫هو‬ ‫ما‬ ‫واالن‬App Inventor‫)؟‬
‫هو‬‫عام‬ ‫غوغل‬ ‫فيه‬ ‫بدأت‬ ‫اإلنترنت‬ ‫شبكة‬ ‫على‬ ‫برنامج‬2212‫عام‬ ‫أوقفته‬ ‫ثم‬2211‫ذلك‬ ‫بعد‬ ‫ليتبناه‬ ،‫المصدر‬ ‫مفتوح‬ ‫جعله‬ ‫بعد‬
‫معهد‬MIT‫يتيح‬ .‫األمريكي‬‫تطبيقات‬ ‫تصميم‬ ‫المشروع‬ ‫هذا‬‫اندرويد‬‫يتطلبه‬ ‫ما‬ ‫فكل‬ ،‫رسومية‬ ‫واجهة‬ ‫باستخدام‬‫و‬ ‫سحب‬ ‫هو‬‫إفالت‬
‫البرمجة‬ ‫لغة‬ ‫فكرة‬ ‫يشابه‬ ،‫بعضها‬ ‫مع‬ ‫وتركيبها‬ ‫قطع‬Scratch‫معهد‬ ‫أطلقها‬ ‫التي‬MIT‫سابقا‬ ‫ذاته‬.
‫أي‬ ‫إلى‬ ‫الحاجة‬ ‫دون‬ ،‫البعض‬ ‫بعضها‬ ‫مع‬ ‫األشكال‬ ‫تركيب‬ ‫بواسطة‬ ‫بالكامل‬ ‫مبرمج‬ ‫تطبيق‬ ‫خاللها‬ ‫من‬ ‫نرى‬ ‫للبرنامج‬ ‫صورة‬ ‫هنا‬
‫لغة‬‫برمجة‬:

‫تنصيب‬ ‫كيفية‬App inventor‫؟‬
‫قبل‬‫حزمة‬ ‫تنصيب‬ ‫يتم‬ ‫أن‬ ‫يجب‬ ،‫البدء‬Java Development Kitً‫ا‬‫اختصار‬ ‫أو‬JDK‫موقع‬ ‫من‬Oracle website‫ويجب‬
‫لجهازك‬ ‫المناسبة‬ ‫النسخة‬ ‫اختيار‬32‫أو‬46‫على‬ ‫للعمل‬ ‫طريقتين‬ ‫لدينا‬ ‫واالن‬ ‫بت‬App inventor:
‫األولى‬ ‫الطريقة‬:
‫الرابط‬ ‫من‬ ‫الموقع‬ ‫على‬ ‫مباشرة‬ ‫والعمل‬ ‫المشروع‬ ‫موقع‬ ‫إلى‬ ‫الذهاب‬(ai2.appinventor.mit.edu‫حساب‬ ‫ذلك‬ ‫ويتطلب‬ )
Gmail‫والدول‬ ‫سوريا‬ ‫في‬ ‫غوغل‬ ‫قبل‬ ‫من‬ ‫محجوب‬ ‫المشروع‬ ‫موقع‬ ‫أن‬ ‫المالحظة‬ ‫وتجدر‬ ،‫باإلنترنت‬ ً‫ا‬‫دائم‬ ً‫ال‬‫اتصا‬ ‫يتطلب‬ ‫كما‬ ،
‫على‬ ‫العمل‬ ‫في‬ ‫الثاني‬ ‫الطريقة‬ ‫استخدام‬ ‫الدول‬ ‫تلك‬ ‫في‬ ‫القاطنين‬ ‫على‬ ‫لذلك‬ ،‫المثيلة‬App inventor.
‫الثاني‬ ‫الطريقة‬‫ة‬:
‫وتنصيب‬ ‫تحميل‬App inventor‫الخطوات‬ ‫تنفيذ‬ ‫ويجب‬ ،‫االنترنت‬ ‫الى‬ ‫الحاجة‬ ‫بدون‬ ‫عليها‬ ‫والعمل‬‫التالية‬:
1-‫التالي‬ ‫الملف‬ ‫تحميل‬(App inventor2 Offline)‫عنه‬ ‫الضغط‬ ‫وفك‬‫حجمه‬ ‫ان‬ ‫حيث‬172‫ميغا‬‫رابط‬ ‫ويوجد‬ ‫بايت‬
( ‫الرسمي‬ ‫التطبيق‬ ‫موقع‬ ‫في‬ ‫تحميله‬appinventor.mit.edu.)
2-‫إكمال‬ ‫قبل‬‫الـ‬ ‫بيئة‬ ‫إعداد‬ ‫يجب‬ ،‫التنصيب‬ ‫خطوات‬ ‫باقي‬Java‫الخطوات‬ ‫عبر‬ ‫وذلك‬ ،‫مناسب‬ ‫بشكل‬‫التالية‬:
•‫واختيار‬ ‫األيمن‬ ‫الفأرة‬ ‫بزر‬ ‫فارغة‬ ‫منطقة‬ ‫على‬ ‫والضغط‬ ‫الكومبيوتر‬ ‫جهاز‬ ‫إلى‬ ‫الذهاب‬( ‫خصائص‬properties)
•‫المتقدمة‬ ‫النظام‬ ‫خصائص‬ ‫اختيار‬(advanced system settings)
•‫تبويب‬ ‫اختيار‬‫متقدم‬(Advanced)‫متغيرات‬ ‫على‬ ‫الضغط‬ ‫ثم‬ ،( ‫البيئة‬environment variables)
•‫جديد‬ ‫زر‬ ‫على‬ ‫الضغط‬(new)‫الزر‬‫ثم‬ ‫األعلى‬‫بدقة‬ ‫التالية‬ ‫المعلومات‬ ‫إضافة‬:
‫اسم‬:‫المتغير‬JAVA_HOME
‫قيمة‬:‫المتغير‬‫إصدار‬ ‫من‬ ‫التأكد‬ ‫يجب‬JDK‫لدي‬ ‫الذي‬ ‫اإلصدار‬ ‫المثال‬ ‫سبيل‬ ‫على‬ ،1.7.2:‫المتغير‬ ‫قيمة‬ ‫فتكون‬
jdk1.7.0_05JavaFilesProgramC:
3-‫التالية‬ ‫الملفات‬ ‫بفتح‬ ‫نقوم‬ ،‫ملفات‬ ‫عدة‬ ‫نرى‬ ‫الملف‬ ‫فتح‬ ‫وبعد‬ ،‫السابق‬ ‫الملف‬ ‫ضغط‬ ‫فك‬ ‫بعد‬‫بالترتيب‬:
startAIServer.cmd‫ثم‬startBuildServer.cmd
6-‫في‬ ‫التالي‬ ‫العنوان‬ ‫ووضع‬ ‫االنترنت‬ ‫متصفح‬ ‫الى‬ ‫الذهاب‬‫المتصفح‬‫في‬ ‫حتى‬:‫باإلنترنت‬ ‫االرتباط‬ ‫عدم‬ ‫حالة‬
http://localhost:8888
2-‫الكتروني‬ ‫بريد‬ ‫ندخل‬ ‫اآلن‬(google mail address)‫واجهة‬ ‫سنشاهد‬ ‫عندها‬ ،‫الدخول‬ ‫بتسجيل‬ ‫ونقوم‬ ‫عليه‬ ‫للعمل‬
‫التصميم‬ ‫ونبدأ‬ ‫الجديد‬ ‫لمشروعنا‬ ‫اسم‬ ‫باختيار‬ ‫نقوم‬ ،‫الرئيسية‬ ‫المشروع‬.
‫االن‬:‫العمل‬ ‫بدء‬
( ‫االنترنت‬ ‫موقع‬ ‫في‬ ‫مباشرة‬ ‫االولى‬ ‫للطريقة‬ ‫شرحنا‬ ‫سيكون‬ai2.appinventor.mit.edu‫نقوم‬ ‫فتحه‬ ‫بمجرد‬ ‫والذي‬ )‫بالنقر‬
( ‫انشاء‬ ‫على‬create:‫التالية‬ ‫النافذة‬ ‫في‬ ‫كما‬ )

‫االن‬‫حسا‬ ‫الى‬ ‫الدخول‬ ‫تسجيل‬ ‫منا‬ ‫سيطلب‬‫ب‬‫الناف‬ ‫في‬ ‫وكما‬ ‫الكوكل‬‫ذ‬:‫التالية‬ ‫ة‬

:‫مالحظة‬‫عدم‬ ‫حالة‬ ‫في‬.‫هنا‬ ‫البدء‬ ‫قبل‬ ‫تفعيله‬ ‫من‬ ‫والتأكد‬ ‫حساب‬ ‫انشاء‬ ‫يفضل‬ ‫كوكل‬ ‫لحساب‬ ‫امتالكك‬
( ‫على‬ ‫فننقر‬ ‫ادناه‬ ‫الرسالة‬ ‫تظهر‬ ‫بعدها‬continue:)

( ‫جديد‬ ‫مشروع‬ ‫على‬ ‫بالنقر‬ ‫الحقيقي‬ ‫العمل‬ ‫نبدأ‬ ‫واالن‬new Project:‫ادناه‬ ‫النافذة‬ ‫في‬ ‫وكما‬ )

‫وهنا‬ ‫المشروع‬ ‫اسم‬ ‫اختيار‬ ‫تطلب‬ ‫نافذة‬ ‫لنا‬ ‫تظهر‬ ‫واالن‬( ‫ال‬ ‫استخدام‬ ‫يمكن‬underscore‫الفارغة‬ ‫المسافة‬ ‫يمكن‬ ‫ال‬ ‫ولكن‬ )
(space:‫ادناه‬ ‫في‬ ‫وكما‬ ‫المشروع‬ ‫اسم‬ ‫في‬ )
( ‫على‬ ‫ننقر‬ok( ‫التصميم‬ ‫واجهة‬ ‫لنا‬ ‫لتظهر‬ ‫االسم‬ ‫ادخال‬ ‫بعد‬ )designer‫المستخدم‬ ‫سيراها‬ ‫التي‬ ‫البرنامج‬ ‫واجهة‬ ‫نضع‬ ‫حيث‬ )
‫الجا‬ ‫في‬ ‫وتتوفر‬ )‫(البرنامج‬ ‫التطبيق‬ ‫تصميم‬ ‫اكمال‬ ‫بعد‬‫نافذة‬ ‫في‬ ‫وافالتها‬ ‫سحبها‬ ‫تستطيع‬ ‫التي‬ ‫األدوات‬ ‫من‬ ‫مجموعة‬ ‫االيسر‬ ‫نب‬
( ‫ازرار‬ ‫ادراج‬ ‫يمكن‬ ‫حيث‬ ‫األيمن‬ ‫الجانب‬ ‫في‬ ‫الخصائص‬ ‫قائمة‬ ‫من‬ ‫منها‬ ‫كل‬ ‫اعدادات‬ ‫وضبط‬ ‫التطبيق‬buttons‫ونصوص‬ )
(text( ‫ال‬ ‫تطبيقات‬ ‫او‬ ‫متحسسات‬ ‫او‬ ‫كالم‬ ‫الى‬ ‫النصوص‬ ‫تحويل‬ ‫مثل‬ ‫أخرى‬ ‫ووظائف‬ ‫وصور‬ )GPS‫الن‬ ‫في‬ ‫وكما‬ ):‫ادناه‬ ‫افذة‬
( ‫زر‬ ‫اضافة‬add button):‫شاشة‬ ‫الى‬ ‫االيقونة‬ ‫ونسحب‬ ‫النقر‬ ‫في‬ ‫ونستمر‬ ‫اليسار‬ ‫من‬ ‫الزر‬ ‫اسم‬ ‫او‬ ‫ايقونة‬ ‫على‬ ‫ننقر‬
(‫ال‬viewer:‫ادناه‬ ‫النافذة‬ ‫في‬ ‫وكما‬ ‫هناك‬ ‫نفلتها‬ ‫ثم‬ )

( ‫على‬ ‫والنقر‬ ‫اليمين‬ ‫الى‬ ‫القائمة‬ ‫الى‬ ‫بالذهاب‬ ‫نقوم‬ ‫الزر‬ ‫داخل‬ ‫المكتوب‬ ‫النص‬ ‫لتغيير‬ ‫واالن‬text)‫الزر‬ ‫ألسم‬ ‫بداخلها‬ ‫والكتابة‬
( ‫وليكن‬ ‫نريده‬ ‫الذي‬talk to me:‫ادناه‬ ‫النافذة‬ ‫في‬ ‫كما‬ )

( ‫المتعددة‬ ‫الوسائط‬ ‫تبويب‬ ‫الى‬ ‫بالذهاب‬ ‫نقوم‬ ‫كالم‬ ‫الى‬ ‫النصوص‬ ‫يحول‬ ‫التطبيق‬ ‫هذا‬ ‫لنجعل‬ ‫واالن‬media‫خاصية‬ ‫ونختار‬ )
( ‫كالم‬ ‫الى‬ ‫النصوص‬ ‫تحويل‬text to speech‫ناف‬ ‫الى‬ ‫الزر‬ ‫طريقة‬ ‫بنفس‬ ‫ونسحبه‬ )( ‫العرض‬ ‫ذة‬viewer‫يدخل‬ ‫لن‬ ‫انه‬ ‫ونرى‬ )
( ‫مرئية‬ ‫غير‬ ‫أداة‬ ‫ألنه‬ ‫اسفلها‬ ‫سيتموضع‬ ‫وانما‬ ‫العرض‬ ‫نافذة‬ ‫الى‬non-visible component‫خاصية‬ ‫وانما‬ ‫للمستخدم‬ )
:‫التالية‬ ‫النافذة‬ ‫في‬ ‫وكما‬ ‫األدوات‬ ‫بقية‬ ‫تستخدمها‬
‫ان‬ ‫بعد‬ ‫واالن‬‫أكملنا‬( ‫التصميم‬ ‫واجهة‬ ‫من‬ ‫ننتقل‬ ‫عليها‬ ‫العمل‬ ‫نريد‬ ‫التي‬ ‫االدوات‬ ‫اضافة‬designer‫البلوكات‬ ‫واجهة‬ ‫الى‬ )
(blocks‫قمنا‬ ‫التي‬ ‫العناصر‬ ‫اعدادات‬ ‫بضبط‬ ‫بداخلها‬ ‫سنقوم‬ ‫التي‬ )‫بإضافتها‬:‫التالية‬ ‫النافذة‬ ‫في‬ ‫واضح‬ ‫هو‬ ‫وكما‬ ً‫ا‬‫مسبق‬

( ‫البلوكات‬ ‫محرر‬the blocks editor‫بلوكات‬ ‫على‬ ‫يحتوي‬ ‫انه‬ ‫حيث‬ ‫فيه‬ ‫تطبيقنا‬ ‫سلوك‬ ‫ببرمجة‬ ‫سنقوم‬ ‫الذي‬ ‫المكان‬ ‫وهو‬ )
‫لكل‬ ‫متعددة‬ ‫خصاص‬‫األدوات‬( ‫السابق‬ ‫التبويب‬ ‫في‬ ‫اضافتها‬ ‫باإلمكان‬ ‫كان‬ ‫التي‬Designer)‫وإلظهار‬‫أي‬ ‫خصائص‬‫البد‬ ‫عنصر‬
( ‫ال‬ ‫نافذة‬ ‫الى‬ ً‫ا‬‫مسبق‬ ‫اضافته‬ ‫من‬viewer‫ادناه‬ ‫في‬ ‫واضح‬ ‫هو‬ ‫وكما‬ ‫هنا‬ ‫ادواته‬ ‫لتظهر‬ ):
‫للمستخدم‬ ً‫ا‬‫مرئي‬ ً‫ا‬‫واحد‬ ً‫ا‬‫عنصر‬ ‫نمتلك‬ ‫اننا‬ ‫وبما‬ ‫العناصر‬ ‫الى‬ ‫احداث‬ ‫اضافة‬ ‫وهي‬ ‫للتطبيق‬ ‫التطوير‬ ‫مسار‬ ‫من‬ ‫االهم‬ ‫المرحلة‬ ‫واالن‬
‫منها‬ ‫فنختار‬ ‫مكعبات‬ ‫شكل‬ ‫على‬ ‫خيارات‬ ‫عدة‬ ‫لتظهر‬ ‫النافذة‬ ‫من‬ ‫االيمن‬ ‫الجانب‬ ‫من‬ ‫الزر‬ ‫ايقونة‬ ‫على‬ ‫بالنقر‬ ‫فنقوم‬ ‫الزر‬ ‫وهو‬

(when button1 click do‫ونسحبه‬ ‫عليه‬ ‫بالنقر‬ ‫ونستمر‬ )( ‫العمل‬ ‫مساحة‬ ‫حيث‬ ‫االيمن‬ ‫الجانب‬ ‫الى‬working area‫وكما‬ )
:‫الخطوات‬ ‫توضح‬ ‫التي‬ ‫التالية‬ ‫النافذة‬ ‫في‬
( ‫ايقونة‬ ‫على‬ ‫النقر‬ ‫هي‬ ‫المقبلة‬ ‫الخطوة‬text to speech( ‫فنختار‬ ‫خيارات‬ ‫عدة‬ ‫تظهر‬ ‫حيث‬ ‫األيمن‬ ‫الجانب‬ ‫من‬ )call
texttospeech1.speak‫الى‬ ‫ونسحبها‬ )‫في‬ ‫وكما‬ ‫الزر‬ ‫بلوك‬ ‫داخل‬ ‫للتموضع‬ ‫مناسب‬ ‫بشكل‬ ‫تكون‬ ‫انها‬ ‫ونالحظ‬ ‫العمل‬ ‫مساحة‬
:‫ادناه‬ ‫النافذة‬

:‫يلي‬ ‫كما‬ ‫النتيجة‬ ‫قراءة‬ ‫نستطيع‬ ‫سابقة‬ ‫برمجية‬ ‫خبرة‬ ‫بدون‬ ‫حتى‬ ‫واالن‬
‫الزر‬ ‫على‬ ‫النقر‬ ‫يتم‬ ‫عندما‬1:‫التالي‬ ‫بفعل‬ ‫قم‬
:‫التالية‬ ‫الرسالة‬ ‫لتقول‬ ‫كالم‬ ‫الى‬ ‫النص‬ ‫تحويل‬ ‫دالة‬ ‫استدعي‬
‫الرسالة‬.............
‫الزر‬ ‫على‬ ‫النقر‬ ‫يتم‬ ‫حين‬ ‫بها‬ ‫النطق‬ ‫يجب‬ ‫التي‬ ‫الرسالة‬ ‫تنقصنا‬ ‫اننا‬ ‫أي‬1‫بها؟‬ ‫نأتي‬ ‫اين‬ ‫فمن‬
( ‫باسم‬ ‫ايقونة‬ ‫نجد‬ ‫األيمن‬ ‫الجانب‬ ‫الى‬ ‫المكان‬ ‫نفس‬ ‫من‬ :‫ببساطة‬text‫خيار‬ ‫اول‬ ‫على‬ ‫فننقر‬ ‫خيارات‬ ‫عدة‬ ‫لتظهر‬ ‫عليها‬ ‫فننقر‬ )
‫(البلوكات‬ ‫المكعبات‬ ‫من‬ ‫الفارغ‬ ‫المكان‬ ‫الى‬ ‫ونسحبه‬:‫التالية‬ ‫الصورة‬ ‫في‬ ‫وكما‬ ‫أعاله‬ )

‫يتم‬ ‫حين‬ )‫له‬ ‫مستخدم‬ ‫ألي‬ ‫(او‬ ‫لنا‬ ‫يقوله‬ ‫ان‬ ‫التطبيق‬ ‫من‬ ‫نريد‬ ً‫ا‬‫نص‬ ‫نضيف‬ ‫ان‬ ‫نحتاج‬ ‫مكانها‬ ‫في‬ ‫الرسالة‬ ‫جلست‬ ‫ان‬ ‫بعد‬ ‫واالن‬
‫الزر‬ ‫على‬ ‫النقر‬1:‫ادناه‬ ‫في‬ ‫وكما‬ ‫نريد‬ ‫ما‬ ‫وكتابة‬ ‫الرسالة‬ ‫بداخل‬ ‫بالنقر‬ ‫ونقوم‬
‫بأنش‬ ‫قمت‬ ‫فقد‬ ‫(مبروك‬ ‫بكتابة‬ ‫قمنا‬ ‫هنا‬)‫لك‬ ‫تطبيق‬ ‫اول‬ ‫اء‬‫لك‬ ‫تطبيق‬ ‫اول‬ ‫بتصميم‬ ‫للتو‬ ‫قمت‬ ‫فقد‬ ‫حقيقي‬ ‫امر‬ ‫وهذا‬‫ب‬‫استخدام‬‫ال‬
(app inventor( ‫ال‬ ‫في‬ ‫نشره‬ ‫او‬ ‫نقالنا‬ ‫في‬ ‫وتنزيله‬ ‫تطبيقنا‬ ‫اختبار‬ ‫كيفية‬ ‫هللا‬ ‫شاء‬ ‫ان‬ ‫القادمة‬ ‫الدروس‬ ‫في‬ ‫وسنتعلم‬ )app
store‫أنواع‬ ‫مختلف‬ ‫مع‬ ‫العمل‬ ‫تعلم‬ ‫الى‬ ‫إضافة‬ ‫األماكن‬ ‫من‬ ‫غيرها‬ ‫او‬ ).‫تندموا‬ ‫وان‬ ‫معنا‬ ‫فأبقوا‬ ‫التطبيقات‬
:‫التالي‬ ‫الفيديو‬ ‫مشاهدة‬ ‫يمكن‬ ‫الدرس‬ ‫هذا‬ ‫عن‬ ‫المعلومات‬ ‫من‬ ‫لمزيد‬
whttps://www.youtube.com/watch?v=Vdo8UdkgDD8&list=UUGJVKvMbiNP5ou2yz0FdVW

‫السابع‬ ‫الدرس‬
( ‫وبرنامج‬ ‫موقع‬ ‫مع‬ ‫التعامل‬ ‫اساسيات‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫شرحنا‬app inventor( ‫جامعة‬ ‫من‬ )MIT‫نشرح‬ ‫ان‬ ‫ووعدناكم‬ )
ً‫ال‬‫مستقب‬ ‫بتطويره‬ ‫سنقوم‬ ‫تطبيق‬ ‫أي‬ ‫اختبار‬ ‫كيفية‬ ‫وكذلك‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫طورناه‬ ‫الذي‬ ‫تطبيقنا‬ ‫أداء‬ ‫اختبار‬ ‫كيفية‬‫و‬‫اليكم‬
:‫ذلك‬ ‫خطوات‬
‫الشخصي‬ ‫الهاتف‬ ‫الى‬ ‫الموقع‬ ‫او‬ ‫البرنامج‬ ‫ربط‬ ‫كيفية‬‫الختبار‬:‫األداء‬
‫من‬‫أسهل‬( ‫ببرنامج‬ ‫النقال‬ ‫الهاتف‬ ‫ربط‬ ‫الية‬ ‫هي‬ ‫هنا‬ ‫تطبيقها‬ ‫يمكن‬ ‫التي‬ ‫األمور‬App inventor‫تستطيع‬ ‫بحيث‬ ‫بموقعه‬ ‫او‬ )
‫التص‬ ‫اثناء‬ ‫أدائها‬ ‫وتختبر‬ ‫مباشرة‬ ‫الهاتف‬ ‫في‬ ‫تطورها‬ ‫التي‬ ‫تطبيقاتك‬ ‫رؤية‬‫يعمل‬ ‫ذكي‬ ‫لهاتف‬ ‫امتالكك‬ ‫حالة‬ ‫وفي‬ ‫والتطوير‬ ‫ميم‬
:‫التالية‬ ‫الخطوات‬ ‫فأتبع‬ ‫االندرويد‬ ‫بنظام‬
:‫التالية‬ ‫النافذة‬ ‫في‬ ‫الزر‬ ‫على‬ ‫بالنقر‬ ‫نقوم‬
( ‫تطبيق‬ ‫على‬ ‫للحصول‬ ‫واالن‬AI2 companion‫ونبحث‬ )‫االندرويد‬ ‫(متجر‬ ‫االندرويد‬ ‫تطبيقات‬ ‫سوق‬ ‫الى‬ ‫نذهب‬ ‫النقال‬ ‫للهاتف‬ )
( ‫عن‬MIT AI2 companion):‫للتالي‬ ‫مشابهة‬ ‫نتائج‬ ‫لنا‬ ‫لتظهر‬

كورس تطوير تطبيقات الاندرويد بدون برمجة Android Apps Development

:‫التالي‬ ‫الرابط‬ ‫من‬ ‫للتطبيق‬ ‫مباشرة‬ ‫التنزيل‬ ‫يمكن‬ ‫كما‬
panion3&hl=enhttps://play.google.com/store/apps/details?id=edu.mit.appinventor.aicom
:‫يلي‬ ‫وكما‬ ‫أخرى‬ ‫بطريقة‬ ‫البرنامج‬ ‫تنزيل‬ ‫فيمكن‬ ‫أعاله‬ ‫الرابط‬ ‫الى‬ ‫الوصول‬ ‫على‬ ‫القدرة‬ ‫عدم‬ ‫او‬ ‫خطأ‬ ‫أي‬ ‫حصل‬ ‫ان‬ ‫واالن‬
( ‫االعدادات‬ ‫تبويب‬ ‫الى‬ ‫والذهاب‬ ‫الذكي‬ ‫الهاتف‬ ‫بفتح‬ ‫نقوم‬settings( ‫األمان‬ ‫نختار‬ ‫ثم‬ )security‫المصادر‬ ‫زر‬ ‫الى‬ ‫ننزل‬ ‫ثم‬ )
( ‫المعروفة‬ ‫غير‬unknown sources‫بعملية‬ ‫نقوم‬ ‫ثم‬ ‫جهازك‬ ‫في‬ ‫بالتنصيب‬ ‫بلي‬ ‫السوق‬ ‫غير‬ ‫من‬ ‫للتطبيقات‬ ‫يسمح‬ ‫والذي‬ )
(scan( ‫لل‬ )QR code‫ادناه‬ )‫الهاتف‬ ‫من‬( ‫على‬ ‫بالنقر‬ ‫نقوم‬ ‫او‬need help finding …‫اسم‬ ‫بعدها‬ ‫ونكتب‬ )‫البرنامج‬
(MIT AI2 companion‫تنزيل‬ ‫تستطيع‬ ‫هناك‬ ‫ومن‬ ‫الحاسوب‬ ‫في‬ ‫المتصفح‬ ‫في‬ ‫البحث‬ ‫صفحة‬ ‫في‬ )‫الى‬ ‫نقله‬ ‫ثم‬ ‫البرنامج‬
:‫ادناه‬ ‫في‬ ‫وكما‬ ‫بعد‬ ‫فيما‬ ‫الذكي‬ ‫الهاتف‬
)‫التطبيقات‬ ‫لتطوير‬ ‫نستخدمه‬ ‫(الذي‬ ‫الشخصي‬ ‫والحاسوب‬ ‫الذكي‬ ‫الهاتف‬ ‫ان‬ ‫نتأكد‬ ‫ان‬ ‫يجب‬ ‫التطبيق‬ ‫تشغيل‬ ‫في‬ ‫للبدء‬ ‫واالن‬
( ‫ال‬ ‫ايقونة‬ ‫على‬ ‫بالنقر‬ ‫نقوم‬ ‫وعندها‬ ‫الالسلكية‬ ‫الشبكة‬ ‫بنفس‬ ‫مرتبطين‬AI2 companion‫الهاتف‬ ‫في‬ )‫قمنا‬ ‫ان‬ ‫بعد‬ ‫النقال‬
( ‫عنوان‬ ‫وجود‬ ‫من‬ ‫ونتأكد‬ ‫بتنصيبه‬IP:‫ادناه‬ ‫النافذة‬ ‫في‬ ‫وكما‬ ‫فتحه‬ ‫عند‬ ‫التطبيق‬ ‫في‬ )

‫وإذا‬‫بالحاسوب‬ ‫وصله‬ ‫اعدادات‬ ‫واضبط‬ ‫الذكي‬ ‫الهاتف‬ ‫اعدادات‬ ‫الى‬ ‫فأذهب‬ ‫الالسلكية‬ ‫الشبكة‬ ‫عبر‬ ‫الجهازين‬ ‫ربط‬ ‫تستطع‬ ‫لم‬
( ‫ال‬ ‫منفذ‬ ‫عبر‬USB.)‫بنافذ‬ ‫البرنامج‬ ‫ربط‬ ‫لنستطيع‬ ‫واالن‬( ‫بعمل‬ ‫نقوم‬ ‫الحاسوب‬ ‫في‬ ‫المتصفح‬ ‫او‬ ‫البرنامج‬ ‫في‬ ‫التطوير‬ ‫ة‬scan
QR code‫البرنامج‬ ‫بداخل‬ ‫النص‬ ‫مربع‬ ‫في‬ )‫التطوير‬ ‫حاسوب‬ ‫في‬ ‫البرنامج‬ ‫او‬ ‫المتصفح‬ ‫في‬ ‫يظهر‬ ‫(الذي‬ ‫الكود‬ ‫كتابة‬ ‫او‬ )
(AI2 companion( ‫على‬ ‫ننقر‬ ‫ثم‬ )connect with code:‫ادناه‬ ‫في‬ ‫وكما‬ )

‫(في‬ ‫الواجهتين‬ ‫ان‬ ‫سنرى‬ ‫االن‬‫تحديث‬ ‫كل‬ ‫عند‬ ‫الذكي‬ ‫الهاتف‬ ‫شاشة‬ ‫تحديث‬ ‫وسيتم‬ ‫توحدتا‬ ‫قد‬ )‫الذكي‬ ‫الهاتف‬ ‫وفي‬ ‫الحاسوب‬
:‫ادناه‬ ‫في‬ ‫وكما‬ ‫الحاسوب‬ ‫في‬ ‫التطوير‬ ‫واجهة‬ ‫في‬

‫التطوير‬ ‫عملية‬ ‫من‬ ‫الثانية‬ ‫الخطوة‬ ‫اتممنا‬ ‫قد‬ ‫نكون‬ ‫وهكذا‬‫باستخدام‬( ‫ال‬MIT App Inventor‫للتعامل‬ ‫الدروس‬ ‫بقية‬ ‫وسنكمل‬ )
‫النظام‬ ‫هذا‬ ‫مكونات‬ ‫مع‬.‫تعالى‬ ‫هللا‬ ‫شاء‬ ‫ان‬ ‫القادمة‬ ‫الدروس‬ ‫في‬‫األول‬ ‫الدرس‬ ‫في‬ ‫ذكرنا‬ ‫وكما‬ ً‫ا‬‫واخير‬‫من‬ ‫مزيد‬ ‫عن‬ ‫يبحث‬ ‫ولمن‬
:‫ادناه‬ ‫في‬ ‫الخطوات‬ ‫هذه‬ ‫يشرح‬ ‫الذي‬ ‫الفيديو‬ ‫رابط‬ ‫اليكم‬ ‫التوضيح‬
https://www.youtube.com/watch?v=Vdo8UdkgDD8&list=UUGJVKvMbiNP5ou2yz0FdVWw

‫الثامن‬ ‫الدرس‬
( ‫لدروس‬ ً‫ال‬‫استكما‬App Inventor‫اليو‬ ‫نأتي‬ )‫بإصدار‬ ‫يقوم‬ ‫تفاعلي‬ ‫تطبيق‬ ‫تطوير‬ ‫الى‬ ‫م‬‫قام‬ ‫ان‬ ‫معين‬ ‫بنص‬ ‫رسالة‬ ‫صوت‬
( ‫بهز‬ ‫المستخدم‬shake:‫معنا‬ ‫فتابعوا‬ ‫الجهاز‬ )
( ‫الموقع‬ ‫او‬ ‫البرنامج‬ ‫الى‬ ‫بالدخول‬ ‫نقوم‬ai2.appinventor.mit.edu)( ‫على‬ ‫بالنقر‬ ‫ونقوم‬create:‫ادناه‬ ‫في‬ ‫وكما‬ )
( ‫ال‬ ‫بتطبيق‬ ‫الخاص‬ ‫الموقع‬ ‫او‬ ‫البرنامج‬ ‫يقوم‬app inventor( ‫تطبيق‬ ‫وهو‬ ‫عليه‬ ‫بالعمل‬ ‫قمنا‬ ‫تطبيق‬ ‫اخر‬ ‫بفتح‬ )talk to me)
:‫التالية‬ ‫الصورة‬ ‫في‬ ‫وكما‬ ‫السابقة‬ ‫الدروس‬ ‫في‬ ‫عليه‬ ‫عملنا‬ ‫الذي‬
( ‫التصميم‬ ‫تبويب‬ ‫في‬ ‫كنا‬ ‫ان‬ ‫واالن‬designer‫فن‬ )( ‫زر‬ ‫على‬ ‫بالنقر‬ ‫نقوم‬ ‫واال‬ ‫العمل‬ ‫بدأ‬designer:‫ادناه‬ ‫في‬ ‫وكما‬ )

( ‫المتحسسات‬ ‫أدوات‬ ‫مجر‬ ‫في‬sensor drawer( ‫وافالت‬ ‫بسحب‬ ‫نقوم‬ )Accelerometersensor‫وكما‬ ‫البرنامج‬ ‫نافذة‬ ‫الى‬ )
:‫ادناه‬ ‫النافذة‬ ‫في‬
‫الى‬ ‫سينزل‬ ‫انه‬ ‫فنالحظ‬‫أسفل‬( ‫مرئية‬ ‫الغير‬ ‫األدوات‬ ‫مع‬ ‫النافذة‬non-visible components‫البلوكات‬ ‫تبويب‬ ‫الى‬ ‫نذهب‬ ‫واالن‬ )
(blocks( ‫تبويب‬ ‫على‬ ‫بالنقر‬ )blocks:‫ادناه‬ ‫النافذة‬ ‫في‬ ‫وكما‬ )

( ‫ال‬ ‫زر‬ ‫على‬ ‫بالنقر‬ ‫نقوم‬ ‫البلوكات‬ ‫تبويب‬ ‫في‬ ‫واالن‬accelerometersensor‫مبين‬ ‫ما‬ ‫فنختار‬ ‫به‬ ‫الخاصة‬ ‫الخيارات‬ ‫فتظهر‬ )
‫اال‬ ‫الجانب‬ ‫في‬ ‫ونفلته‬ ‫فنسحبه‬ ‫التالية‬ ‫النافذة‬ ‫في‬:‫يمن‬
‫يفعل؟‬ ‫ان‬ ‫التطبيق‬ ‫هذا‬ ‫من‬ ‫نريد‬ ‫ماذا‬ ‫االن‬
( ‫الحركة‬ ‫متحسس‬ ‫من‬ ‫نريد‬ ‫اننا‬ ‫قررنا‬ ‫قد‬ ‫كنا‬AccelerometerSensor‫تحسس‬ ‫ان‬ ‫معينة‬ ‫رسالة‬ ‫ينطق‬ ‫الجهاز‬ ‫يجعل‬ ‫ان‬ )
( ‫كالم‬ ‫الى‬ ‫النصوص‬ ‫تجويل‬ ‫أداة‬ ‫على‬ ‫بالنقر‬ ‫نقوم‬ ‫لذا‬ ‫حركة‬TextToSpeech1‫واختيار‬ )‫أحد‬‫التي‬ ‫نفسها‬ ‫وهي‬ ‫ادواتها‬
( ‫نص‬ ‫بداخلها‬ ‫ونضع‬ ‫المتحسس‬ ‫بداخل‬ ‫وتركيبها‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫اخترناها‬Text‫لتكون‬ ً‫ا‬‫ايض‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫كما‬ )
:‫يلي‬ ‫كما‬ ‫النتيجة‬

‫الحظ‬‫إنك‬‫ثم‬ ‫يمين‬ ‫نقرة‬ ‫عليها‬ ‫بالنقر‬ ‫االستخدام‬ ‫سابقة‬ ‫أدوات‬ ‫أي‬ ‫من‬ ‫او‬ ‫السابق‬ ‫الدرس‬ ‫من‬ ‫البلوكات‬ ‫ولصق‬ ‫نسخ‬ ‫تستطيع‬
‫اخت‬( ‫يار‬duplicate‫كما‬ ‫وليكن‬ ‫الجديد‬ ‫النص‬ ‫وكتابة‬ ‫القديم‬ ‫النص‬ ‫ومسح‬ ‫النص‬ ‫بداخل‬ ‫بالنقر‬ ‫النص‬ ‫بداخل‬ ‫العبارة‬ ‫نغير‬ ‫واالن‬ )
:‫ادناه‬ ‫في‬
‫بهزه‬ ‫نقوم‬ ‫حيث‬ ‫الذكي‬ ‫الهاتف‬ ‫في‬ ‫مباشرة‬ ‫التطبيق‬ ‫اختبار‬ ‫فنستطيع‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫بالجهاز‬ ‫تطبيقنا‬ ‫ربطنا‬ ‫قد‬ ‫كنا‬ ‫لما‬ ‫واالن‬
‫تقو‬ ‫رسالة‬ ‫منه‬ ‫فنسمع‬( ‫ل‬stop shaking me‫التطبيق‬ ‫إتمام‬ ‫في‬ ‫نجحنا‬ ‫قد‬ ‫فنكون‬ )‫هزي‬ ‫(أوقف‬ ‫أي‬ ):‫ادناه‬ ‫في‬ ‫وكما‬

ً‫ا‬‫مسبق‬ ً‫ا‬‫محفوظ‬ ً‫ا‬‫نص‬ ‫وليس‬ )‫المستخدم‬ ‫يريده‬ ‫(او‬ ‫نريده‬ ‫الذي‬ ‫النص‬ ‫لنا‬ ‫يقول‬ ‫الهاتف‬ ‫فنجعل‬ ً‫ال‬‫قلي‬ ‫التطبيق‬ ‫بتطوير‬ ‫لنقم‬ ‫واالن‬
( ‫التصميم‬ ‫تبويب‬ ‫الى‬ ‫فنرجع‬designer:‫ادناه‬ ‫في‬ ‫وكما‬ )
‫نقوم‬ ‫االن‬‫بإضافة‬:‫ادناه‬ ‫في‬ ‫وكما‬ ‫البرنامج‬ ‫واجهة‬ ‫الى‬ ‫نص‬

:‫ادناه‬ ‫في‬ ‫وكما‬ ‫البلوكات‬ ‫تبويب‬ ‫الى‬ ‫نرجع‬ ‫االن‬
( ‫النص‬ ‫على‬ ‫بالنقر‬ ‫نقوم‬ ‫البلوكات‬ ‫تبويب‬ ‫في‬ ‫االن‬TextBox1( ‫ادواته‬ ‫من‬ ‫ونختار‬ )TextBox1.Text‫الصورة‬ ‫في‬ ‫وكما‬ )
:‫التالية‬

‫قم‬ ‫واالن‬‫بإزالة‬:‫التالية‬ ‫الصورة‬ ‫في‬ ‫وكما‬ ‫بدله‬ ‫الحالي‬ ‫النص‬ ‫وادراج‬ ‫السابق‬ ‫النص‬
( ‫الزر‬ ‫مع‬ ‫نعمل‬ ‫االن‬ ‫اننا‬ ‫الحظ‬Button:‫أعاله‬ ‫العبارة‬ ‫ومعنى‬ ‫المتحسس‬ ‫وليس‬ )
‫الزر‬ ‫على‬ ‫النقر‬ ‫يتم‬ ‫عندما‬1:‫التالي‬ ‫بعمل‬ ‫فقم‬
:‫التالية‬ ‫الرسالة‬ ‫بقراءة‬ ‫ليقوم‬ ‫كالم‬ ‫الى‬ ‫النص‬ ‫تحويل‬ ‫أداة‬ ‫استدعي‬
‫ا‬ ‫النص‬ ‫هي‬ ‫الرسالة‬( ‫النص‬ ‫صندوق‬ ‫في‬ ‫بكتابته‬ ‫المستخدم‬ ‫يقوم‬ ‫لذي‬TextBox1).
‫واالن‬‫الختبار‬‫قد‬ ‫تكون‬ ‫وبذلك‬ ‫كتبته‬ ‫الذي‬ ‫النص‬ ‫لتسمع‬ ‫الزر‬ ‫على‬ ‫انقر‬ ‫ثم‬ ‫النص‬ ‫صندوق‬ ‫في‬ ‫رسالة‬ ‫بكتابة‬ ‫نقوم‬ ‫التطبيق‬ ‫أداء‬
:‫التالية‬ ‫الصورة‬ ‫في‬ ‫وكما‬ ‫الثالث‬ ‫التطبيق‬ ‫انجاز‬ ‫في‬ ‫نجحت‬

‫ما‬ ‫ان‬ ‫اليه‬ ‫اإلشارة‬ ‫تجدر‬ ‫مما‬ :‫مالحظة‬‫امثلة‬ ‫مجرد‬ ‫هو‬ ‫ذكره‬ ‫تم‬‫لألدوات‬‫ومتحسس‬ ‫كالم‬ ‫الى‬ ‫النصوص‬ ‫ومحول‬ ‫والزر‬ ‫(النص‬
‫والخطأ‬ ‫التجربة‬ ‫أساس‬ ‫على‬ ‫قائمة‬ ‫البرمجة‬ ‫ألن‬ ‫أخرى‬ ‫أمور‬ ‫بتجربة‬ ‫الدورة‬ ‫لهذه‬ ‫الدارس‬ ‫الشخص‬ ‫يقوم‬ ‫ان‬ ‫يمكن‬ ‫ولذا‬ )‫الحركة‬
‫ا‬ ‫لتعلم‬ ‫وسيلة‬ ‫افضا‬ ‫والتكرار‬ ‫فالتجربة‬ ‫فقط‬ ‫تعرفه‬ ‫بما‬ ‫االلتزام‬ ‫يمكن‬ ‫وال‬ ‫للتعلم‬.‫جديدة‬ ‫وتطبيقات‬ ‫برامج‬ ‫وابداع‬ ‫لبرمجة‬

‫التاسع‬ ‫الدرس‬
( ‫ال‬ ‫مع‬ ‫التعامل‬ ‫اساسيات‬ ‫شرحنا‬ ‫ان‬ ‫بعد‬App inventor‫عملك‬ ‫واختبار‬ ‫محاكاة‬ ‫كيفية‬ ‫الى‬ ‫وتطرقنا‬ ‫الماضية‬ ‫الدروس‬ ‫في‬ )
( ‫برنامج‬ ‫بتنزيل‬ ‫العمل‬ ‫اثناء‬ ‫وتصميمك‬AI2 companion‫نأتي‬ ‫االندرويد‬ ‫تشغيل‬ ‫نظام‬ ‫على‬ ‫الحاوي‬ ‫النقال‬ ‫الهاتف‬ ‫في‬ )‫اليوم‬
‫محاكاة‬ ‫عمل‬ ‫إمكانية‬ ‫ابين‬ ‫ان‬ ‫اود‬ ‫اليوم‬ ‫لهذا‬ ‫مثالنا‬ ‫شرح‬ ‫قبل‬ ‫ولكن‬ ‫الجهاز‬ ‫شاشة‬ ‫في‬ ‫متحركة‬ ‫كرة‬ ‫تطبيق‬ ‫لتطوير‬ ‫اخر‬ ‫مثال‬ ‫الى‬
( ‫المحاكي‬ ‫باستخدام‬ ‫وذلك‬ ‫ذكي‬ ‫اندرويد‬ ‫جهاز‬ ‫الى‬ ‫الحاجة‬ ‫بدون‬ ‫حتى‬ ‫الحاسوب‬ ‫في‬ ‫لتطبيقاتكم‬ ‫واختبار‬aistarter‫يمكن‬ ‫والذي‬ )
:‫التالي‬ ‫الرابط‬ ‫من‬ ‫تنزيله‬http://appinv.us/aisetup_windows
‫واختبار‬ ‫المحاكاة‬ ‫الى‬ ‫نصل‬ ‫وعندما‬ ‫الموقع‬ ‫او‬ ‫البرنامج‬ ‫في‬ ‫التطوير‬ ‫على‬ ‫العمل‬ ‫ثم‬ ‫وتشغيله‬ ‫بتنصيبه‬ ‫نقوم‬ ‫تنزيله‬ ‫بعد‬ ‫واالن‬
‫الى‬ ‫نذهب‬ ‫العمل‬(connect( ‫ثم‬ )emulator:‫ادناه‬ ‫في‬ ‫وكما‬ )
‫بتطويره‬ ‫نقوم‬ ‫الذي‬ ‫تطبيقنا‬ ‫واجهة‬ ‫فيها‬ ‫وتظهر‬ ‫الكومبيوتر‬ ‫مكتب‬ ‫سطح‬ ‫في‬ ‫الذكي‬ ‫الهاتف‬ ‫لواجهة‬ ‫مشابهة‬ ‫نافذة‬ ‫ستظهر‬ ‫واالن‬
( ‫كتطبيق‬ ‫بخزنه‬ ‫بعدها‬ ‫لنقوم‬ ‫عمله‬ ‫صحة‬ ‫واختبار‬ ‫التطبيق‬ ‫أداء‬ ‫اختبار‬ ‫الحاسوب‬ ‫شاشة‬ ‫خالل‬ ‫من‬ ‫ونستطيع‬ ‫االن‬.apk‫جاهز‬ )
‫الى‬ ‫الذهاب‬ ‫خالل‬ ‫من‬ ‫الهاتف‬ ‫في‬ ‫للتنزيل‬( ‫تبويب‬build:‫ادناه‬ ‫في‬ ‫وكما‬ )
( ‫ال‬ ‫لتطبيق‬ )‫الويب‬ ‫موقع‬ ‫(او‬ ‫البرنامج‬ ‫واجهة‬ ‫بفتح‬ ‫ونقوم‬ ‫اليوم‬ ‫لهذا‬ ‫درسنا‬ ‫نبدأ‬ ‫االن‬app inventor‫المعتادة‬ ‫الواجهة‬ ‫لتظهر‬ )
( ‫جديد‬ ‫مشروع‬ ‫فنبدأ‬new project:‫ادناه‬ ‫في‬ ‫كما‬ )

:‫ادناه‬ ‫في‬ ‫وكما‬ ‫للمشروع‬ ‫اسم‬ ‫نعطي‬
‫قائمة‬ ‫الى‬ ‫نذهب‬ ‫واالن‬( ‫تبويب‬ ‫الى‬ ً‫ا‬‫وتحديد‬ ‫اليسار‬ ‫جهة‬ ‫في‬ ‫األدوات‬drawing and animations‫اللوحة‬ ‫على‬ ‫بالنقر‬ ‫ونقوم‬ )
( ‫الزيتية‬canvas:‫ادناه‬ ‫في‬ ‫وكما‬ ‫التطوير‬ ‫واجهة‬ ‫في‬ ‫ونفلتها‬ ‫ونسحبها‬ )

( ‫الزيتية‬ ‫اللوحة‬ ‫استخدام‬ ‫عند‬ :‫مالحظة‬canvas( ‫التمرير‬ ‫قابلية‬ ‫تعطيل‬ ‫يجب‬ )scrollable)‫بإزالة‬‫الصح‬ ‫عالمة‬‫أمامها‬ ‫من‬
:‫تطويره‬ ‫المراد‬ ‫للتطبيق‬ ‫الهاتف‬ ‫شاشة‬ ‫مواصفات‬ ‫تبين‬ ‫التي‬ ‫التالية‬ ‫الصورة‬ ‫في‬ ‫وكما‬
( ‫االرتفاع‬ ‫مواصفات‬ ‫الى‬ ‫بالذهاب‬ ‫وذلك‬ ‫كلها‬ ‫الشاشة‬ ‫لتغطي‬ ‫الزيتية‬ ‫اللوحة‬ ‫حجم‬ ‫بتغيير‬ ‫نقوم‬ ‫االن‬height( ‫والعرض‬ )width)
‫خيار‬ ‫على‬ ‫وضبطها‬(fill parent:‫التالية‬ ‫الصورة‬ ‫في‬ ‫وكما‬ )

‫نقوم‬ ‫واالن‬‫بإضافة‬( ‫كرة‬ball( ‫تبويب‬ ‫في‬ ً‫ا‬‫ايض‬ ‫نجدها‬ ‫والتي‬ ‫واالفالت‬ ‫بالسحب‬ ‫الزيتية‬ ‫اللوحة‬ ‫الى‬ )Animation and
drawings:‫ادناه‬ ‫في‬ ‫وكما‬ ‫قطرها‬ ‫نصف‬ ‫نغير‬ ‫ثم‬ )
( ‫البلوكات‬ ‫تبويب‬ ‫الى‬ ‫نذهب‬ ‫االن‬blocks:‫ادناه‬ ‫في‬ ‫وكما‬ )

‫خياراتها‬ ‫لتظهر‬ ‫الكرة‬ ‫ايقونة‬ ‫على‬ ‫بالنقر‬ ‫نقوم‬ ‫االن‬:‫ادناه‬ ‫في‬ ‫وكما‬ ‫العمل‬ ‫واجهة‬ ‫الى‬ ‫اليمين‬ ‫الى‬ ‫ونسحبه‬ ‫الرابع‬ ‫الخيار‬ ‫فنختار‬
( ‫حالة‬ ‫اخترنا‬ ‫هنا‬flung‫على‬ ‫الكرة‬ ‫تتحرك‬ ‫ان‬ ‫نريد‬ ‫ألننا‬ ‫المستخدم‬ ‫قبل‬ ‫من‬ ‫رميها‬ ‫او‬ ‫قذفها‬ ‫او‬ ‫الكرة‬ ‫دحرجة‬ ‫تعني‬ ‫والتي‬ )
:‫ادناه‬ ‫في‬ ‫وكما‬ ‫لها‬ ‫المستخدم‬ ‫لتحريك‬ ‫استجابة‬ ‫الشاشة‬
‫ال‬ ‫اتجاه‬ ‫نحدد‬ ‫ان‬ ‫يبقى‬‫الى‬ ‫وننزل‬ ‫أخرى‬ ‫مرة‬ ‫الكرة‬ ‫ايقونة‬ ‫على‬ ‫ننقر‬ ‫ذلك‬ ‫ولتحديد‬ ‫والسرعة‬ ‫والعمودية‬ ‫االفقية‬ ‫ومحاوره‬ ‫حركة‬
:‫ادناه‬ ‫في‬ ‫مؤشر‬ ‫كما‬ ‫لنختار‬ ‫األسفل‬

( ‫تحديد‬ ‫خيار‬ ‫وهو‬set( ‫السرعة‬ )speed( ‫واالتجاه‬ ‫للكرة‬ )heading‫الرئيسي‬ ‫الزر‬ ‫بداخل‬ ‫المواصفات‬ ‫هذه‬ ‫بتركيب‬ ‫ونقوم‬ )
‫بالسحب‬ ‫بالحركة‬ ‫الخاص‬:‫ادناه‬ ‫في‬ ‫وكما‬ ً‫ا‬‫سابق‬ ‫تعلمنا‬ ‫كما‬ ‫واالفالت‬
( ‫منها‬ ‫نختار‬ ‫خيارات‬ ‫عدة‬ ‫لتظهر‬ ‫بالماوس‬ ‫عليه‬ ‫ننقر‬ ‫ان‬ ‫بدون‬ ‫األعلى‬ ‫في‬ ‫السرعة‬ ‫زر‬ ‫على‬ ‫نؤشر‬ ‫واالن‬get speed‫ونلصقه‬ )
( ‫نهاية‬ ‫في‬set ball1 speed to:‫ادناه‬ ‫في‬ ‫وكما‬ )

( ‫االتجاه‬ ‫زر‬ ‫يخص‬ ‫فيما‬ ‫العملية‬ ‫نفس‬ ‫نكرر‬heading‫نضع‬ ‫حيث‬ )‫منها‬ ‫نختار‬ ‫خيارات‬ ‫لتظهر‬ ‫نقر‬ ‫بدون‬ ‫عليه‬ ‫الماوس‬ ‫مؤشر‬
(get heading( ‫نهاية‬ ‫في‬ ‫ونلصقه‬ ‫نسحبه‬ ‫ثم‬ )set ball1 heading to:‫ادناه‬ ‫في‬ ‫وكما‬ )
‫او‬ ‫الهاتف‬ ‫في‬ ‫بشرحها‬ ‫قمنا‬ ‫التي‬ ‫المحاكيات‬ ‫أنواع‬ ‫بأحد‬ ‫اختباره‬ ‫تستطيع‬ ‫حيث‬ ‫صحيح‬ ‫بشكل‬ ‫التطبيق‬ ‫يعمل‬ ‫ان‬ ‫يفترض‬ ‫واالن‬
‫ال‬ ‫محاكي‬ ‫او‬ ‫الحاسوب‬‫التالية‬ ‫المشكلة‬ ‫وستالحظون‬ ‫تجربته‬ ‫ثم‬ ‫النقال‬ ‫الهاتف‬ ‫في‬ ‫وتنصيبه‬ ‫كامل‬ ‫كتطبيق‬ ‫تنزيله‬ ‫حتى‬ ‫او‬ ‫هاتف‬
:‫التطبيق‬ ‫في‬
‫يفترض‬ ‫وهنا‬ ‫الحالة‬ ‫هذه‬ ‫مع‬ ‫ليتعامل‬ ‫االتجاه‬ ‫ببرمجة‬ ‫نقم‬ ‫لن‬ ‫ألننا‬ ‫بعدها‬ ‫تتحرك‬ ‫وال‬ ‫تتوقف‬ ‫الشاشة‬ ‫حافة‬ ‫الى‬ ‫الكرة‬ ‫تصل‬ ‫حين‬
‫الشكل‬ ‫في‬ ‫وكما‬ ‫اخر‬ ‫حدث‬ ‫ببرمجة‬ ‫نقوم‬ ‫ان‬: ‫التالي‬

( ‫بال‬ ‫الخاص‬ ‫الثاني‬ ‫الحدث‬ ‫بخصوص‬ ‫واما‬ ‫صحيح‬ ‫بشكل‬ ‫ليعمل‬ ‫للتطبيق‬ ‫النهائي‬ ‫الشكل‬ ‫يكون‬ ‫ان‬ ‫يجب‬ ‫هكذا‬when
ball1.edgereached‫وانا‬ ‫صحيح‬ ‫بشكل‬ ‫التطبيق‬ ‫واكمال‬ ‫عمله‬ ‫في‬ ‫ينجح‬ ‫من‬ ‫كل‬ ‫يبلغنا‬ ‫ان‬ ‫وأتمنى‬ ‫عليكم‬ ‫برمجته‬ ‫فسأترك‬ )
‫اثن‬ ‫تواجهكم‬ ‫مشكلة‬ ‫او‬ ‫استفسار‬ ‫او‬ ‫سؤال‬ ‫ألي‬ ‫حاضر‬‫مشاهدة‬ ‫يمكنكم‬ ‫المثال‬ ‫هذا‬ ‫بخصوص‬ ‫المزيد‬ ‫على‬ ‫ولألطالع‬ ‫العمل‬ ‫اء‬
:‫التالي‬ ‫الرابط‬ ‫على‬ ‫اإلنكليزية‬ ‫باللغة‬ ‫األصلي‬ ‫الدرس‬
st=PLGJQenY714f3JvCF37lJO54Iyk4Ohttps://www.youtube.com/watch?v=w0yxJSlC00w&li
LtQ-_
‫العاشر‬ ‫الدرس‬
‫تطوير‬ ‫كيفية‬ ‫شرحنا‬ ‫ان‬ ‫بعد‬‫تطبيقات‬ ‫ثالثة‬‫بسيطة‬‫باستخدام‬( ‫ال‬ ‫برنامج‬app inventor( ‫جامعة‬ ‫من‬ )MIT)‫نأتي‬‫الى‬ ‫اليوم‬
‫تطبيق‬ ‫تطوير‬‫أكثر‬‫فائدة‬‫وأصعب‬‫رسم‬ ‫لوحة‬ ‫الى‬ ‫االندرويد‬ ‫بنظام‬ ‫العامل‬ ‫الذكي‬ ‫الهاتف‬ ‫شاشة‬ ‫تحويل‬ ‫كيفية‬ ‫وهو‬ ‫بقليل‬‫ب‬‫األصابع‬
:‫معنا‬ ‫فتابعوا‬:‫يلي‬ ‫وكما‬ ‫جديد‬ ‫تطبيق‬ ‫بفتح‬ ‫ونقوم‬ ‫السابقة‬ ‫الدروس‬ ‫في‬ ‫تعلمنا‬ ‫كما‬ ‫ببرنامجنا‬ ‫الخاص‬ ‫الموقع‬ ‫بفتح‬ ‫نقوم‬
:‫ادناه‬ ‫في‬ ‫وكما‬ ‫التطبيق‬ ‫بتسمية‬ ‫نقوم‬
‫نقوم‬ ‫االن‬‫بإ‬‫لغاء‬( ‫للشاشة‬ ‫السحب‬ ‫قابلية‬ ‫خاصية‬scroll ability:‫ادناه‬ ‫في‬ ‫وكما‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫فعلنا‬ ‫وكما‬ )

‫نقوم‬ ‫االن‬‫باستيراد‬(canvas:‫ادناه‬ ‫في‬ ‫وكما‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫كما‬ )
:‫ادناه‬ ‫في‬ ‫وكما‬ ‫كلها‬ ‫الشاشة‬ ‫ليغطي‬ ‫المستوي‬ ‫وعرض‬ ‫ارتفاع‬ ‫نغير‬

( ‫التصميم‬ ‫تبويب‬ ‫من‬ ‫انتهينا‬ ‫هنا‬ ‫الى‬designer:‫ادناه‬ ‫في‬ ‫وكما‬ ‫البلوكات‬ ‫تبويب‬ ‫الى‬ ‫ننتقل‬ ‫واالن‬ )
( ‫على‬ ‫ننقر‬ ‫واالن‬canvas‫خيارات‬ ‫لتظهر‬ )( ‫األول‬ ‫الخيار‬ ‫فنختار‬ ‫المتعددة‬ ‫ه‬when canvas dragged:‫ادناه‬ ‫في‬ ‫وكما‬ )
( ‫ال‬ ‫على‬ ‫ننقر‬ ‫االن‬canvas( ‫ونختار‬ ‫أخرى‬ ‫مرة‬ )when canvas draw line ….:‫ادناه‬ ‫في‬ ‫وكما‬ )

‫األول‬ ‫البلوك‬ ‫بداخل‬ ‫الثاني‬ ‫البلوك‬ ‫بوضع‬ ‫نقوم‬ ‫االن‬:‫ادناه‬ ‫في‬ ‫كما‬ ‫القيم‬ ‫بضبط‬ ‫ونبدأ‬
X1=prev x
Y1=prev y
X2=current x
Y2= current y
ً‫ال‬‫(مث‬ ‫أعاله‬ ‫الخيارات‬ ‫من‬ ‫أي‬ ‫على‬ ‫الماوس‬ ‫بوضع‬ ‫نقوم‬ ‫السابق‬ ‫الدرس‬ ‫في‬ ‫تعلمنا‬ ‫وكما‬prevx‫لتظهر‬ ‫عليه‬ ‫النقر‬ ‫دون‬ ))
( ‫عبارات‬get prevx‫و‬set prevx:‫ادناه‬ ‫في‬ ‫وكما‬ ‫الصحيح‬ ‫مكانه‬ ‫في‬ ‫ووضعه‬ ‫المطلوب‬ ‫بسحب‬ ‫فنقوم‬ ‫وهكذا‬ )

‫النتيجة‬ ‫تكون‬ ‫ان‬ ‫يفترض‬ ً‫ا‬‫اخير‬:‫ادناه‬ ‫في‬ ‫كما‬
.‫علمنا‬ ‫اكتمل‬ ‫واالن‬
‫نقوم‬ ‫الحل‬ ‫فكرة‬ ‫لتوضيح‬‫بقراءته‬:‫التالي‬ ‫بالشكل‬
‫سحبه‬ ‫يتم‬ ‫المستوي‬ ‫السطح‬ ‫عندما‬
:‫يلي‬ ‫بما‬ ‫قم‬
:‫يلي‬ ‫كما‬ ‫الخط‬ ‫احداثيات‬ ‫تكون‬ ‫بحيث‬ ‫المستوي‬ ‫في‬ ‫خط‬ ‫رسم‬ ‫استدعي‬
‫(س‬1‫،ص‬1‫ص‬ ‫وال‬ ‫س‬ ‫لل‬ ‫السابقة‬ ‫القيم‬ ‫هي‬ )
‫(س‬2‫،ص‬2‫ص‬ ‫وال‬ ‫س‬ ‫لل‬ ‫الحالية‬ ‫القيم‬ ‫هي‬ )
‫أي‬( ‫الشاشة‬ ‫على‬ ‫اصبعنا‬ ‫حركنا‬ ‫كلما‬ ‫انه‬canvas( ‫القديم‬ ‫اصبعنا‬ ‫موقع‬ ‫بين‬ ‫خط‬ ‫برسم‬ ‫التطبيق‬ ‫هذا‬ ‫سيقوم‬ )prevX, prevY)
( ‫الحالي‬ ‫وموقعنا‬currentX, currentY:‫التالية‬ ‫النتائج‬ ‫نرى‬ ‫البرنامج‬ ‫اختبار‬ ‫عند‬ ‫واالن‬ )

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

كورس تطوير تطبيقات الاندرويد بدون برمجة Android Apps Development

More Related Content

Similar to كورس تطوير تطبيقات الاندرويد بدون برمجة Android Apps Development (20)

More from Mustafa Sadiq (18)

كورس تطوير تطبيقات الاندرويد بدون برمجة Android Apps Development