- تعرف على البرمجة القائمة على الأحداث
- فهم الأنواع المختلفة من الكتل في منصة MIT App Inventor
هذه هي أنشطة هذا الدرس:
الفعاليات
تعتمد تطبيقات الأجهزة المحمولة على البرمجة القائمة على الأحداث.
البرمجة المدفوعة بالأحداث تعتمد على الأحداث، بدلاً من تشغيل التعليمات البرمجية من الأعلى إلى الأسفل. بعض البرامج تقوم بتنفيذ جميع الأكواد البرمجية دفعة واحدة، لكن تطبيقات الأجهزة المحمولة تعمل بناءً على كيفية تفاعل المستخدم معها.
تعمل تطبيقات الجوال على أساس الأحداثوهي الأشياء التي تحدث لتشغيل الشيفرة البرمجية. مثال على ذلك - ينقر المستخدم على زر. الحدث هو عندما ينقر المستخدم. ويؤدي الحدث إلى تشغيل التعليمات البرمجية التي تسمى معالج الحدث.
التوقف والمناقشة
هل يمكنك التفكير في بعض الطرق التي تتفاعل بها مع هاتفك وما يفعله هاتفك؟ إليك بعضها للبدء:
- عند النقر على أيقونة أحد التطبيقات، يتم فتح التطبيق.
- عند النقر على "إرسال" لرسالة نصية، ترسل الرسالة وتصدر صوتاً.
- عندما تحاول تسجيل الدخول إلى تطبيق ما، يطلب منك التطبيق كلمة مرور.
لنبدأ بإلقاء نظرة على الأجزاء المختلفة لمنصة App Inventor.
يحتوي App Inventor على نافذتين تستخدمهما لإنشاء تطبيقك. النقر على زر المصمم (أعلى يمين الشاشة) ينقلك إلى نافذة المصممحيث تصمم واجهة المستخدم. واجهة المستخدم واجهة المستخدم هي كل شيء في تطبيقك يمكن للمستخدم التفاعل معه. يمكن أن تكون هذه الأشياء أزرارًا، وأشرطة تنقل، ومربعات نصية، وصورًا، وما إلى ذلك.
نافذة مصمم مخترع التطبيقات
لوحة الألوان
تختار مكونات من اللوحة لإضافتها إلى العارض، والتي تقع في منتصف النافذة. هناك العديد من أدراج المكونات لاستكشافها واستخدامها.
العارض
يمكنك سحب المكونات الخاصة بك إلى العارض. تُضاف المكونات من الأعلى إلى الأسفل، على اليسار. عليك استخدام مكونات التخطيط والمحاذاة للحصول على مزيد من التحكم في مكان ظهور مكوناتك بالضبط.
قائمة المكونات
تمنحك هذه القائمة قائمة تراتبية للعناصر الموجودة على شاشتك. يمكنك تحديدها بالنقر عليها في العارض أو في هذه القائمة.
لوحة الخصائص
تسمح لك لوحة الخصائص بتعيين الخصائص لكل مكون، مثل حجم الخط، والمحاذاة، واللون، وما إلى ذلك.
المكونات غير المرئية
لن تظهر المكونات غير المرئية على الشاشة ولكنها تظل جزءًا من التطبيق. تظهر أسفل الشاشة عند سحبها وإسقاطها.
عندما يستخدم شخص ما تطبيقك، فإنه سيتفاعل مع واجهة المستخدم الخاصة بك، من خلال النقر على الأزرار وإدخال النص وما إلى ذلك. الأمر متروك لك لتحديد ما يجب أن يفعله تطبيقك وبرمجته للقيام بهذه الأشياء.
محرر الكتل
النقر على "الكتل" ينقلك النقر على "الكتل" إلى محرر الكتل حيث تقوم بكل ترميزاتك. تسحب الكتل من اللوحة على اليسار إلى مساحة العمل في وسط الشاشة.
على اليسار، ستجد الكتل التي يمكنك سحبها إلى مساحة العمل. وهي موجودة في فئات/أدراج مثل التحكم والمنطق.
العارض
هذه هي مساحة عملك حيث تسحب كل مكوِّناتك. يمكنك تحريكها في جميع الأنحاء، وسحبها إلى بعضها البعض. يمكنك أيضًا حذف أي قوالب لا تحتاج إليها.
كتل المكونات
لكل مكون في تطبيقك مجموعة من الكتل الخاصة به. ستنقر على على المكون لعرض الكتل التي يمكنك سحبها بعد ذلك إلى مساحة العمل.
القائمون على الفعاليات
تكون كتل معالج الأحداث في App Inventor بلون ذهبي وتكون على شكل كتلة مفتوحة، بحيث يمكنك التقاط الكتل داخلها. تعمل هذه الكتل فقط عند وقوع ذلك الحدث.
عند النقر على الزر
لقد استخدمت هذا بالفعل. عندما ينقر المستخدم على زر معين، قد ترغب في أن يقوم التطبيق بفعل شيء ما، مثل فتح شاشة أخرى، أو إرسال رسالة.
عند تغيير اتجاه الشاشة
إذا قام المستخدم بتحويل هاتفه من الوضع الرأسي (العمودي) إلى الأفقي (الأفقي)، فقد ترغب في القيام بشيء ما، مثل تغيير تخطيط الشاشة، أو حجم المكونات.
عند تغيير موضع شريط التمرير
يتيح شريط التمرير للمستخدم سحبه لاختيار قيمة ما على طوله. قد يؤدي ذلك إلى إحداث تغيير في مكون آخر. على سبيل المثال، قد تزيد من حجم القلم في تطبيق رسم باستخدام شريط التمرير.
الوظائف
الدوال هي كتل من الشيفرات البرمجية التي تقوم بشيء ما. يمكن تشغيلها عدة مرات داخل التطبيق. في مخترع التطبيقات، تكون كتل الدوال ملونة باللون الأرجواني. تشير بعض اللغات إلى الدوال على أنها أساليب أو إجراءات. في الواقع، يشير مخترع التطبيقات عمومًا إلى هذه الدوال على أنها الإجراءات. إنها تقوم بشيء ما، لذا يمكنك اعتبارها كتل إجراءات.
TextToSpeech.Speak
يمكن لمكوّن TextToSpeech أن يقول أو ينطق أي نص تريده أن ينطقه.
Camera.TakePicture
يستطيع مكوّن الكاميرا التقاط صورة بالهاتف.
تشغيل الصوت
يستطيع مكوّن الصوت تشغيل صوت.
مُحدِّدات ومحصِّلات
تتعلق الكتل الخضراء بالمكونات وخصائصها.
يُطلق على الكتل ذات اللون الأخضر الفاتح التي يمكن أن تنجذب إلى كتلة أخرى اسم مُحصِّلاتلأنّك تحصل على قيمة الخاصيّة.
أدوات التثبيت بلون أخضر داكن، ويمكنك التقاطها بفتحة مفتوحة في نهايتها. يسمح لك ذلك بتعيين قيمة الخاصية.
نص الزر1
يتم الحصول على نص الزر1 وتخزينه في المتغير تحية عامة.
نص الزر1
يتم تعيين نص الزر1 على عبارة "أحب البرمجة. ستظهر عبارة "أحب البرمجة" على الزر.
نص التسمية1
يتم تعيين نص التسمية 1 إلى مصدر الصوت 1. هذا يعني أنه سيتم عرض اسم ملف الصوت في التسمية 1.
مصدر الصوت1
يتم الحصول على مصدر الصوت 1 (اسم ملف الصوت) وتخزينه في خاصية نص التسمية 1، حيث أن تعيين نص التسمية يعرض بشكل أساسي القيمة الموجودة في التسمية، وبالتالي سيظهر اسم ملف الصوت في التسمية 1.
نص التسمية 1
يحصل TextToSpeech على محتويات نص Label1 وينطقه. أيًا كان النص المعروض في Label1 سيتم نطقه.
نصيحة الموجه
أفضل الممارسات: ذكّر الطلاب أن هذا يشبه تمامًا ما يشبه البرمجة الحقيقية. إن المفردات الغريبة (الدوال، والحاصلات، والمحددات) التي نستخدمها هي بالضبط ما يستخدمه المبرمجون.
أسئلة إرشادية لطرحها على الطلاب هل يمكنك التفكير في بعض الوظائف اليومية التي تقوم بها؟ (على سبيل المثال: خبز كعكة، تنظيف أسنانك بالفرشاة - أي شيء له خطوات قابلة للتكرار). الوظائف تشبه إلى حد كبير الخوارزميات!
يتم توفير نصائح الموجهين من خلال الدعم المقدم من AmeriCorps.
كتل البيانات
عند استخدامك لمكعبات الضبط، يمكنك استخدام بعض المكعبات المضمنة الأخرى التي تمثل البيانات، أو المعلومات التي يمكن استخدامها في تطبيقك. فيما يلي بعض الأمثلة على كتل البيانات التي يمكن استخدامها.
الأرقام
يمكن استخدام قيم الأرقام كبيانات في التطبيق. يمكن العثور على هذه المكوِّنات في درج الرياضيات في لوحة المكوِّنات.
نص أو سلاسل
يمكن استخدام النص، الذي يُطلق عليه أحيانًا السلاسل، كبيانات. وهي عبارة عن حروف وكلمات وجمل يمكن استخدامها في التطبيق. توجد الكتل في درج النص في لوحة الكتل.
منطقية
يحتوي نوع البيانات هذا على قيمتين ممكنتين فقط - صواب أو خطأ. يمكن لهذه الكتل تعيين أو اختبار "حالة" شيء ما وسيتم استخدامها في الشروط، والتي ستتعلم المزيد عنها.
النشاط: البرنامج التعليمي للوحة الصوت
اتبع الفيديو التعليمي أدناه
واتبع تعليمات ديف في الفيديو أدناه.
لاحظ أن الفيديو يبدأ عند 1:11 لتخطي تعليمات التحميل. لا حاجة لهذه التعليمات إذا قمت بتحميل مشروع البداية باستخدام الرابط أعلاه.
التحدّي
في النشاط الذي استخدمته:
- كتل معالج الأحداث
- الكتل الوظيفية
دعنا نجرب استخدام بعض كتل التعيين والحصول على كتل الإضافة إلى تطبيق Soundboard الخاص بك.
عندما ينقر المستخدم على أي صورة لتشغيل الكلام المرتبط بها، قم بتغيير الخلفية للشاشة.
يمكنك تغييره إلى لون معين، ولكن بعد ذلك لا يمكنك تغييره بسهولة إلى لون البداية، الأسود، لذا بدلًا من ذلك، قم بتغيير خلفية الشاشة إلى لون عشوائي.
تلميح: تحقق من درج الألوان وابحث عن إنشاء كتلةلونية . ثم ابحث في درج الرياضيات عن مكوِّن عدد صحيح عشوائي. تتكون الألوان من 3 أرقام، RGB للأحمر، والأخضر، والأزرق، والتي تتراوح من 0-255.
الانعكاس
والآن بعد أن تعلمت المزيد عن الكتل البرمجية المختلفة، فكّر في حل تطبيقك:
مراجعة المصطلحات الرئيسية
- واجهة المستخدم - كل شيء في تطبيقك يستطيع المستخدم التفاعل معه
- المصمم - نافذة يمكنك من خلالها إضافة مكونات إلى تطبيقك وتصميم شكلها
- محرر الكتل - حيث تقوم بترميز الكتل لتطبيقك
- حدث - شيء ما يحدث لتشغيل التعليمات البرمجية
- معالج الأحداث- كتل التعليمات البرمجية التي تخبر تطبيقك بما يجب فعله عند وقوع حدث ما
- البرمجة المدفوعة بالأحداث - البرمجة المبنية على الأحداث، بدلاً من تشغيل التعليمات البرمجية بأكملها من الأعلى إلى الأسفل
- وظائف - كتلة من التعليمات البرمجية التي تعمل، ويمكن تشغيلها عدة مرات
الموارد الإضافية
تحقق من المزيد من دروس ديف وولبر للمبتدئين في تطبيقات المخترع على appinventor.org
