تطبيق Blockly هو تطبيق ويب يحتوي على محرِّر Blockly (مساحة عمل). يقدّم هذا المستند أمثلة على أغراض استخدام تطبيقات Blockly ويتناول ميزات واجهة المستخدم النموذجية.
احرص على قراءة مسرد المفردات visually وخطوات استخدام التطبيق الأساسية قبل المتابعة مع قراءة هذا المستند، إذا لم يسبق لك ذلك.
ما هي وظيفة تطبيقات Blockly؟
تساعد تطبيقات Blockly المستخدمين في كتابة برامج في مجالات متنوعة، بدءًا من ألعاب الفيديو إلى الروبوتات وتحليل البيانات. يكتب المستخدمون برامجهم باستخدام الكتل التي يستخدمها التطبيق لإنشاء رمز نصي، مثل JavaScript أو Python. بعد ذلك، يشغّل التطبيق الرمز الذي تم إنشاؤه مباشرةً أو ينزّله المستخدم ويشغّله على منصة أخرى، مثل روبوت أو جهاز تحكّم في ألعاب الفيديو باليد.
في ما يلي بعض الأمثلة على أنواع البرامج التي يكتبها المستخدمون باستخدام تطبيقات Blockly:
حلول الألغاز أو الصور المتحركة أو الموسيقى: يحلّ الرمز الذي يتم إنشاؤه أحد الألغاز (مثل المتاهة) أو يعرض صورة متحركة أو يشغّل موسيقى. على سبيل المثال، يمكنك الاطّلاع على Music Lab من Code.org.
ألعاب الفيديو: يشغِّل الرمز الذي تم إنشاؤه لعبة فيديو. على سبيل المثال، يمكنك إنشاء أول مستويَين من لعبة "Whack the Mole" في MakeCode Arcade وتنزيل اللعبة على وحدة تحكّم أو تشغيلها في المحاكي.
الروبوتات: يوجّه الرمز الذي تم إنشاؤه روبوتًا. على سبيل المثال، يمكنك برمجة روبوت باستخدام Ozoblockly وتنزيله على روبوت حقيقي أو تشغيله في المحاكي.
الرسم: يرسم الرمز الذي تم إنشاؤه رسمًا ثنائي الأبعاد أو ثلاثي الأبعاد. على سبيل المثال، يمكنك الاطّلاع على BlocksCAD.
تحليل البيانات: تعمل التعليمات البرمجية التي يتم إنشاؤها على تحليل البيانات وإنشاء رسم بياني. للحصول على مثال، يمكنك الاطّلاع على هذا العرض التوضيحي لنظام Dialogic الأساسي.
الرمز البرمجي الخاص بالتطبيق: ينفّذ الرمز البرمجي الذي تم إنشاؤه مهمة محدّدة لتطبيق معيّن. على سبيل المثال، أدوات المطوّرين في Blockly هي أداة لتصميم كتل Blockly جديدة. وتنشئ هذه الأداة رمزًا لتعريف البلوك، والذي ينقله المستخدمون ويلصقونه في تطبيقهم المكوّن من كتل.
واجهات المستخدم
من الطرق الجيدة لفهم المكوّنات النموذجية لتطبيقات Blockly هي الاطّلاع على واجهات المستخدم الخاصة بها.
مكونات واجهة المستخدم الأساسية
تتشارك جميع تطبيقات Blockly تقريبًا بعض المكوّنات الأساسية: محرِّر Blockly
(مساحة العمل) ولوحة الإخراج وزر Run. على سبيل المثال، إليك واجهة مستخدِم المتاهة في ألعاب Blockly.
تحذف بعض تطبيقات Blockly الزر Run وتُحدِّث بدلاً من ذلك لوحة المخرجات
في كل مرة يُجري فيها المستخدم تغييرًا. على سبيل المثال، يحتوي تطبيق
Graph
في نماذج Blockly على لوحتَي إخراج (لوحة للرسم البياني
ولوحة للمعادلة) يتم تعديلهما عند إجراء أي تغيير.
لا تحتوي بعض التطبيقات على لوحة إخراج. ويُعدّ هذا الإجراء الأكثر شيوعًا في تطبيقات الأجهزة، مثل تلك المخصّصة لبرمجة الروبوتات. على الرغم من أنّ بعض هذه التطبيقات تتضمّن محاكيًا للأجهزة، إلا أنّ العديد منها يسمح للمستخدمين فقط بتنزيل وتشغيل الرمز الذي تم إنشاؤه مباشرةً على الجهاز المستهدَف.
مكونات إضافية لواجهة المستخدم
تحتوي معظم التطبيقات على مكوّنات إضافية لواجهة المستخدم. وتلبي بعض هذه الوظائف احتياجات عامة، مثل حفظ عمل المستخدم، في حين تلبي وظائف أخرى احتياجات خاصة بالتطبيق، مثل تصميم واجهة مستخدم رسومية. وإليك بعض الأمثلة:
Scratch هو تطبيق لإنشاء صور متحركة وألعاب فيديو، ويحتوي على محرّرَي الرسومات والصوت، ولوحات لإنشاء رسوم متحركة جديدة وخلفيات، وقوائم الملفات والتعديل والإعدادات:
MakeCode Arcade هو تطبيق لإنشاء ألعاب فيديو، ويحتوي على عناصر تحكّم في الإخراج ومحرّري الرموز البرمجية والرسومات وقائمة الإعدادات وزرّي التنزيل والحفظ. تحاكي لوحة الإخراج ذراع تحكّم في الألعاب المحمول.
MIT App Inventor هو تطبيق ل إنشاء تطبيقات للهواتف، ويحتوي على شاشات منفصلة لمصمّم واجهة المستخدم وأحد أدوات تحرير Blockly، بالإضافة إلى قوائم الملفات والاتصال والإنشاء والإعدادات. بدلاً من لوحة الإخراج، يختبر المستخدمون الرمز الذي تم إنشاؤه على هواتفهم.
تعتمد المكوّنات الإضافية التي يجب تضمينها على أهداف تطبيقك وقدرات المستخدمين. تشمل بعض المكونات الشائعة ما يلي:
الإدارة:
- إدارة الملفات (جديد، فتح، حفظ، حفظ باسم، حذف)
- إدارة الحساب (إنشاء الحساب وتسجيل الدخول وتسجيل الخروج)
- الإعدادات (اللغة وإعدادات واجهة المستخدم)
البرمجة:
- أوامر التعديل (التراجع، الإعادة، النسخ، القطع، اللصق، التكرار)
- مصمّم واجهة المستخدم
- برامج تعديل الرسومات والصوت
- أداة تعديل الرموز البرمجية أو عرض الرموز البرمجية للقراءة فقط
الاختبار
- إعدادات الإخراج (التشغيل/الإيقاف وسرعة التشغيل ومستوى الصوت ولقطة الشاشة وغيرها)
- برنامج تصحيح الأخطاء (نقاط الإيقاف والتشغيل والخطوة وتسليط الضوء على الرمز البرمجي)
- ضبط مَعلمات الاختبار
أجهزة
- الاتصال (USB أو بلوتوث أو رمز الاستجابة السريعة)
- الإعداد (اختيار طراز، اختيار الملحقات، تحديد أسماء المكوّنات)
- التحكّم (التحكّم يدويًا في الروبوت وتسجيل موضع الروبوت)
- تنزيل الرمز
مساعدة
- الوثائق
- الأدلة التعليمية التفاعلية
- المساعدة الحسّاسة للسياق
ما هي الخطوة التالية؟
إذا كنت لا تزال تفكر في تطبيقك، تابِع القراءة للاطّلاع على ملاحظات متعلقة بالتصميم.
إذا أردت التعرّف على كيفية إنشاء تطبيق بسيط، جرِّب بدء استخدام Blockly codelab.
وعندما تكون مستعدًا لكتابة طلبك، اتّبِع الخطوات التالية: