صنع حقائق وأوراق عمل حول التطبيقات التفاعلية

في عالمنا الرقمي ، لا يمكننا إنكار أهمية الهاتف المحمول التطبيقات . إنهم يقدمون حلولًا للمشاكل اليومية ويجعلون حياتنا أسهل. في هذا الدرس ، سنستخدم App Lab لـ إنشاء تطبيقات تفاعلية . التطبيق التفاعلي هو تطبيق يسمح للمستخدمين بالتفاعل 'مع المعلومات السمعية البصرية عبر التحفيز والتصور وحتى الواقع الافتراضي / الواقع المعزز. في الأساس ، يتمتع كل تطبيق بنوع من التفاعل '.

راجع ملف الحقائق أدناه للحصول على مزيد من المعلومات حول إنشاء تطبيقات تفاعلية أو بدلاً من ذلك ، يمكنك تنزيل حزمة ورقة عمل 'إنشاء تطبيقات تفاعلية' المكونة من 28 صفحة لاستخدامها داخل الفصل الدراسي أو البيئة المنزلية.

حقائق ومعلومات أساسية

تصميم واجهة المستخدم

• واجهة المستخدم هي المظهر المرئي لموقع ويب أو برنامج أو تطبيق يتفاعل معه المستخدمون.
• لكي ينجح التطبيق ، يجب على منشئ التطبيق مراعاة ما يحتاجه مستخدم التطبيق. يجب أن تكون واجهة المستخدم جذابة وفعالة. يجب أن تدعم رحلة المستخدم من خلال التطبيق وتخلق تجربة إيجابية للمستخدم.
• يزود App Lab المبدعين بصندوق أدوات تصميم يحتوي على جميع مكونات / عناصر التطبيق.
• يمكن لمنشئ التطبيق تصميم واجهة مستخدم التطبيق بسهولة من خلال الجمع بين المكونات المختلفة.
• لإضافة عنصر إلى التطبيق ، يحتاج المنشئ إلى سحب العنصر وإفلاته على الشاشة. يمكنهم وضع العنصر في أي مكان في الشاشة وتعديل خصائص العنصر المذكور (تغيير الحجم ، وتغيير اللون ، وتحرير النص ، وما إلى ذلك).

عناصر واجهة المستخدم

• زر - يتم عرضها بشكل شائع كأشكال مع تسمية في المنتصف وتسمح للمستخدم بتنفيذ أمر معين
• ملصق - يعرض نصًا يوفر معلومات للمستخدم حول كائن معين
• زر الراديو - عنصر دائري صغير يسمح للمستخدمين بتحديد خيار من قائمة معينة
• صورة - يسمح للمبدعين بعرض صورة لكائن معين على الشاشة
• شاشة - يسمح للمبدعين بإضافة شاشة جديدة إلى التطبيق
• جدول - يسمح للمبدعين بعرض البيانات للمستخدمين وإيصال رسالتهم حول البيانات المذكورة
• تحديد الصورة - يسمح للمستخدمين بتحديد صورة من أجهزة الكمبيوتر الخاصة بهم وتخزينها
• إدخال النص - حيث يمكن للمستخدم إدخال البيانات
• اسقاط - يكشف عن قائمة بالعناصر حيث يمكن للمستخدم تحديد أو اختيار قيمة عند النقر فوق الزر
• خانة اختيار - يسمح للمستخدمين بتحديد عنصر عن طريق تحديد المربع الموجود بجانبه
• اللوحة القماشية - حيث يمكن للمستخدمين رسم وإنشاء الرسومات
• منطقة النص - يمكن أن تحتوي على عدد غير محدود من الأحرف (تُستخدم عادةً لجمع مدخلات المستخدم مثل التعليقات والمراجعات وما إلى ذلك)
• المنزلق - يسمح للمستخدمين بالتحكم في القيمة عن طريق تحريك المقبض
• لا توجد صيغة ثابتة لإنشاء تطبيق جوّال مثالي ، ولكن اتباع مبادئ التصميم الجيدة هذه سيساعد بالتأكيد المبدعين في إنشاء تطبيق ناجح.
• أولاً ، من الجيد السعي لتحقيق بساطتها. تجنب الفوضى. يجب أن تحتوي الشاشة على جميع العناصر الضرورية فقط. يجب أن يكون التصميم المرئي والوظيفي متسقًا في جميع أنحاء التطبيق. استخدم نفس مجموعة الخطوط ونظام الألوان وما شابه. يتوقع المستخدمون أن تتصرف العناصر المتشابهة بنفس الطريقة في جميع أنحاء التطبيق.
• هدف المنشئ هو الحصول على تطبيق عملي بسيط وسهل الفهم. بمعنى آخر ، يجب أن تكون واجهة المستخدم بديهية.
• يجب أن يكون المستخدمون قادرين على التنقل في التطبيق بسهولة دون أي تدريب.
• يجب أن يكون التطبيق أيضًا جذابًا. يجب أن يبتعد المستخدمون عن الشعور بأنهم يريدون العودة.
• يجب أن يكون التطبيق فعالاً. يجب ألا يضطر المستخدمون إلى اتباع الكثير من الخطوات فقط لإنجاز ما يحتاجون إلى القيام به. هل يمكن للمستخدم تحقيق هدفه ببضع نقرات؟
• يجب أن يشعر المستخدم أيضًا بالدعم عندما يستخدم التطبيق. إذا كانوا بحاجة إلى مساعدة أو مشورة ، فهل يمتلك التطبيق طريقة لمساعدتهم؟
• أخيرًا ، يجب أن يكون المستخدمون قادرين على التعافي بسهولة عندما يرتكبون خطأ.

جعل التطبيق تفاعليًا

• يجعل الكود عناصر واجهة المستخدم تفاعلية. يحتاج المصمم إلى رمز لجعل العناصر تتصرف بطريقة معينة وتمكين المستخدمين من التفاعل معها.
• يوضح المثال كيفية ترميز زر بطريقة أنه عندما ينقر المستخدم عليه ، فإنه سينفذ مهمة (تجعل الخلفية خضراء).
• يحتاج المصمم إلى إدخال المعلومات الصحيحة داخل كتلة التشفير ، كما هو موضح أدناه.
• 'تحتاج التطبيقات التفاعلية إلى عناصر واجهة المستخدم ومعالجات الأحداث لعناصر واجهة المستخدم هذه وكل نوع من أنواع تفاعل المستخدم المطلوب'.
• تسمح القائمة المنسدلة الأولى للمصمم بتحديد العنصر الذي يريد ترميزه.
• تسمح القائمة المنسدلة الثانية للمصمم بتحديد نوع الإجراء الذي يريد أن يقوم به المستخدم من أجل تشغيل الحدث المحدد.
• مهما كانت المهمة أو الأمر الذي يحتاج العنصر إلى تنفيذه ، فهو موجود داخل كتلة الحدث. في المثال ، سيؤدي النقر فوق الزر إلى ضبط لون خلفية الشاشة على اللون الأخضر.
• لمعرفة المزيد حول عملية الترميز ، أكمل أوراق العمل أدناه.

ملحوظة:

• يتطلب استخدام أوراق العمل تسجيل الدخول إلى حساب App Lab الخاص بك. قم بزيارة https://code.org/educate/applab.
• حزمة ورقة العمل هذه هي تكملة ل مقدمة عن صنع التطبيق . إذا كنت بحاجة إلى برنامج تعليمي أكثر تعمقًا للمبتدئين في App Lab ، فارجع إلى حزمة ورقة العمل هذه.

عمل أوراق عمل التطبيقات التفاعلية

هذه حزمة رائعة تتضمن كل ما تحتاج لمعرفته حول إنشاء تطبيقات تفاعلية عبر 28 صفحة متعمقة. هؤلاء هم أوراق عمل جاهزة للاستخدام في إنشاء تطبيقات تفاعلية مثالية لتعليم الطلاب أهمية تطبيقات الهاتف المحمول. يقدمون حلولًا للمشاكل اليومية ويجعلون حياتنا أسهل. في هذا الدرس ، سنستخدم App Lab لإنشاء تطبيقات تفاعلية. التطبيق التفاعلي هو تطبيق يسمح للمستخدمين بالتفاعل 'مع المعلومات السمعية البصرية عبر التحفيز والتصور وحتى الواقع الافتراضي / الواقع المعزز. في الأساس ، يتمتع كل تطبيق بنوع من التفاعل '.

قائمة كاملة بأوراق العمل المتضمنة

• صنع حقائق حول التطبيقات التفاعلية
• مبادئ التصميم الجيد
• تصميم جيد لواجهة المستخدم
• عناصر التطبيق التفاعلي
• تطبيقك المفضل
• تطبيق الموسيقى
• تطبيق الآلة الحاسبة
• تطبيق المسح / الاستطلاع
• لعبة Master Clicker
• أين الخطأ؟ لعبة
• ما هي فكرة التطبيق الخاص بك؟

ربط / استشهد بهذه الصفحة

إذا أشرت إلى أي محتوى في هذه الصفحة على موقع الويب الخاص بك ، فيرجى استخدام الكود أدناه للإشارة إلى هذه الصفحة على أنها المصدر الأصلي.

سيظهر الرابط على شكل إنشاء أوراق عمل وحقائق حول التطبيقات التفاعلية: https://kidskonnect.com - KidsKonnect ، 23 نوفمبر 2020

استخدم مع أي منهج

تم تصميم أوراق العمل هذه خصيصًا للاستخدام مع أي منهج دولي. يمكنك استخدام أوراق العمل هذه كما هي ، أو تحريرها باستخدام العروض التقديمية من Google لجعلها أكثر تحديدًا لمستويات قدرة الطالب ومعايير المناهج.

شارك الموضوع مع أصدقائك: