- تعرف على البرمجة القائمة على الأحداث
- فهم الأنواع المختلفة من الكتل في منصة Thunkable
هذه هي أنشطة هذا الدرس:
الفعاليات
تعتمد تطبيقات الأجهزة المحمولة على البرمجة القائمة على الأحداث.
البرمجة المدفوعة بالأحداث تعتمد على الأحداث، بدلاً من تشغيل التعليمات البرمجية من الأعلى إلى الأسفل. بعض البرامج تقوم بتنفيذ جميع الأكواد البرمجية دفعة واحدة، لكن تطبيقات الأجهزة المحمولة تعمل بناءً على كيفية تفاعل المستخدم معها.
تعمل تطبيقات الجوال على أساس الأحداثوهي الأشياء التي تحدث لتشغيل الشيفرة البرمجية. مثال على ذلك - ينقر المستخدم على زر. الحدث هو عندما ينقر المستخدم. وتسمى الشيفرة التي يتم تشغيلها عند وقوع هذا الحدث ب معالج الحدث.
التوقف والمناقشة
هل يمكنك التفكير في بعض الطرق التي تتفاعل بها مع هاتفك وما يفعله هاتفك؟ إليك بعضها للبدء:
- عند النقر على أيقونة أحد التطبيقات، يتم فتح التطبيق.
- عند النقر على "إرسال" لرسالة نصية، ترسل الرسالة وتصدر صوتاً.
- عندما تحاول تسجيل الدخول إلى تطبيق ما، يطلب منك التطبيق كلمة مرور.
لنبدأ بإلقاء نظرة على الأجزاء المختلفة لمنصة Thunkable.
يحتوي Thunkable على نافذتين تستخدمهما لإنشاء تطبيقك. النقر على تصميم في شريط القائمة العلوي (أعلى يسار الشاشة) ينقلك إلى المصممحيث تصمم واجهة المستخدم. واجهة المستخدم واجهة المستخدم هي كل شيء في تطبيقك يمكن للمستخدم التفاعل معه. يمكن أن تكون هذه الأشياء أزرارًا، وأشرطة تنقل، ومربعات نصية، وصورًا، وما إلى ذلك.
نافذة المصمم الثونكابل
قائمة المكونات
تظهر جميع المكونات التي أضفتها إلى تطبيقك هنا، مرتبة هرميًا حسب الشاشة.
مساحة العمل
يمكنك سحب مكوناتك إلى الهاتف في مساحة العمل المركزية هذه. يمكنك التحكم في مكان وضع المكونات بالإضافة إلى حجمها.
إضافة مكونات
يمكنك سحب المكونات المرئية من هذه اللوحة إلى مساحة العمل.
لوحة الخصائص
تسمح لك لوحة الخصائص بتعيين خصائص كل مكون. الخصائص هي خصائص مختلفة يمكنك تعيينها لكل مكون، مثل عرضه، وارتفاعه، ولونه. حدد مكونًا في النموذج ومن ثم يمكنك تغيير أي من خصائصه في لوحة الخصائص.
عندما يستخدم شخص ما تطبيقك، فإنه سيتفاعل مع واجهة المستخدم الخاصة بك، من خلال النقر على الأزرار وإدخال النص وما إلى ذلك. الأمر متروك لك لتحديد ما يجب أن يفعله تطبيقك وبرمجته للقيام بهذه الأشياء.
محرر الكتل
النقر على "الكتل" ينقلك النقر على "الكتل" إلى محرر الكتل حيث تقوم بكل ترميزاتك. تسحب الكتل من اللوحة على اليسار إلى مساحة العمل في وسط الشاشة.
على اليسار، ستجد لوحة الكتل. في الأعلى توجد مكونات واجهة المستخدم. يحتوي كل مكون في تطبيقك على مجموعة الكتل الخاصة به. ستنقر على المكون لتظهر لك الكتل التي يمكنك سحبها إلى مساحة العمل.
مساحة عمل الترميز
هذه هي مساحة عملك حيث تسحب كل مكوِّناتك. يمكنك تحريكها في جميع الأنحاء، وسحبها إلى بعضها البعض. يمكنك أيضًا حذف أي قوالب لا تحتاج إليها.
الكتل الأساسية
الكتل الأساسية هي كتل ترميز قياسية لاستخدامها في تطبيقك. يتم تصنيفها وفقًا لنوعها وترميزها بالألوان.
ميزات التطبيق
هذه ميزات غير مرئية يمكنك إضافتها إلى تطبيقك. يمكنك النقر على إحداها لإضافتها، ثم تعيين الخصائص وسحب الكتل البرمجية لتلك الخاصية.
القائمون على الفعاليات
تكون كتل معالجات الأحداث في Thunkable بلون ذهبي وتكون على شكل كتلة مفتوحة، بحيث يمكنك التقاط الكتل داخلها. تعمل هذه الكتل فقط عند وقوع ذلك الحدث.
عند النقر على الزر
لقد استخدمت هذا بالفعل. عندما ينقر المستخدم على زر معين، قد ترغب في أن يقوم التطبيق بفعل شيء ما، مثل فتح شاشة أخرى، أو إرسال رسالة.
عندما يتم النقر على عنصر ListViewer
يشبه ListViewer القائمة المنسدلة، لذا يحدث هذا الحدث عندما يختار المستخدم عنصرًا في القائمة. يجب أن يفعل التطبيق شيئًا ما بالعنصر الذي تم النقر عليه.
عند فتح شاشة
يُستخدم هذا الحدث عندما تريد القيام بشيء ما عند بدء تشغيل التطبيق لأول مرة أو عند تبديل التطبيق إلى شاشة أخرى. يمكنك تعيين المتغيرات، أو تحديث المعلومات من السحابة.
الوظائف
الدوال هي كتل من الشيفرات البرمجية التي تقوم بشيء ما. يمكن تشغيلها عدة مرات داخل التطبيق. في Thunkable، كتل الدوال ملونة باللون الأرجواني. تشير بعض اللغات إلى الدوال على أنها أساليب أو إجراءات. إنها تقوم بشيء ما، لذا يمكنك اعتبارها كتل إجراءات.
قل
تتيح هذه الوظيفة للتطبيق قول أو نطق أي نص تريده أن ينطقه.
بدء المؤقِّت وتشغيل الصوت
يمكن لمكون المؤقِّت بدء العد. ويمكن للتطبيق تشغيل صوت.
مُحدِّدات ومحصِّلات
تتعلق الكتل الخضراء بخصائص المكون.
يُطلق على الكتل الخضراء الفاتحة اسم مُحصِّلاتلأنّك تحصل على قيمة الخاصيّة.
نص الزر1
يتم الحصول على النص وحفظه في المتغير numberChoice.
وقت المؤقِّت1 بالثواني
يتم الحصول على قيمة ثواني المؤقِّت وتخزينها في نص Lablel1 بحيث يتم عرض القيمة في التسمية.
أدوات التثبيت بلون أخضر داكن، ويمكنك التقاطها بفتحة مفتوحة في نهايتها. يسمح لك ذلك بتعيين قيمة الخاصية.
نص الزر1
تم تعيين نص الزر1 على عبارة "انقر فوقي!"
التسمية 1.Text
تم تعيين نص التسمية1 إلى وقت المؤقت1 بالثواني.
الفاصل الزمني للمؤقت1's IntervalMilliseconds
تم ضبط الفاصل الزمني للفاصل الزمني للمؤقِّت1 (عدد مرات إيقاف تشغيله) على 3000، أو 3 ثوانٍ.
نصيحة الموجه
أفضل الممارسات: ذكّر الطلاب أن هذا يشبه تمامًا ما يشبه البرمجة الحقيقية. إن المفردات الغريبة (الدوال، والحاصلات، والمحددات) التي نستخدمها هي بالضبط ما يستخدمه المبرمجون.
أسئلة إرشادية لطرحها على الطلاب هل يمكنك التفكير في بعض الوظائف اليومية التي تقوم بها؟ (على سبيل المثال: خبز كعكة، تنظيف أسنانك بالفرشاة - أي شيء له خطوات قابلة للتكرار). الوظائف تشبه إلى حد كبير الخوارزميات!
يتم توفير نصائح الموجهين من خلال الدعم المقدم من AmeriCorps.
كتل البيانات
عند استخدامك لمكعبات الضبط، يمكنك استخدام بعض المكعبات المضمنة الأخرى التي تمثل البيانات، أو المعلومات التي يمكن استخدامها في تطبيقك. فيما يلي بعض الأمثلة على كتل البيانات التي يمكن استخدامها.
الأرقام
يمكن استخدام قيم الأرقام كبيانات في التطبيق. يمكن العثور على هذه الكتل في درج الرياضيات في القسم الأساسي من لوحة الكتل.
نص أو سلاسل
يمكن استخدام النص، الذي يُطلق عليه أحيانًا السلاسل، كبيانات. وهي عبارة عن حروف وكلمات وجمل يمكن استخدامها في التطبيق. توجد الكتل في درج النص في القسم الأساسي من لوحة الكتل.
منطقية
يحتوي نوع البيانات هذا على قيمتين ممكنتين فقط - صواب أو خطأ. يمكن لهذه الكتل تعيين أو اختبار "حالة" شيء ما وسيتم استخدامها في الشروط، والتي ستتعلم المزيد عنها.
النشاط: البرنامج التعليمي للوحة الصوت
اتبع الفيديو التعليمي أدناه
ثم اتبع فيديو ديف أدناه لاستخدام معالجات الأحداث والوظائف لتشغيل الخطابات في تطبيقك.
التحدّي
في النشاط الذي استخدمته:
- كتل معالج الأحداث
- الكتل الوظيفية
دعنا نجرب استخدام بعض كتل التعيين والحصول على كتل الإضافة إلى تطبيق Soundboard الخاص بك.
عندما ينقر المستخدم على أي صورة لتشغيل الكلام المرتبط بها، قم بتغيير الخلفية للشاشة.
يمكنك تغييره إلى لون معين، ولكن بعد ذلك لا يمكنك تغييره بسهولة إلى لون البداية، الأسود، لذا بدلًا من ذلك، قم بتغيير خلفية الشاشة إلى لون عشوائي.
تلميح: تحقق من درج الألوان لمعرفة كيفية الحصول على لون عشوائي.
الانعكاس
والآن بعد أن تعلمت المزيد عن الكتل البرمجية المختلفة، فكّر في حل تطبيقك:
مراجعة المصطلحات الرئيسية
- واجهة المستخدم - كل شيء في تطبيقك يستطيع المستخدم التفاعل معه
- المصمم - نافذة يمكنك من خلالها إضافة مكونات إلى تطبيقك وتصميم شكلها
- محرر الكتل - حيث تقوم بترميز الكتل لتطبيقك
- حدث - شيء ما يحدث لتشغيل التعليمات البرمجية
- معالج الأحداث- كتل التعليمات البرمجية التي تخبر تطبيقك بما يجب فعله عند وقوع حدث ما
- البرمجة المدفوعة بالأحداث - البرمجة المبنية على الأحداث، بدلاً من تشغيل التعليمات البرمجية بأكملها من الأعلى إلى الأسفل
- وظائف - كتلة من التعليمات البرمجية التي تعمل، ويمكن تشغيلها عدة مرات
الموارد الإضافية
اطلع على المزيد من دروس ديف وولبر التعليمية من Thunkable على draganddropdropcode.com
الطالبة السفيرة ميناكشي ناير سفيرة الطلاب مجاناً دورة Thunkable المجانية على Udemy هي مورد رائع آخر!
