تعلم كيفية بناء صفحة طالب تعزز تجربة التعلم.
واجهة الطالب هي القاعدة الرئيسية لدورتك التدريبية. التصميم النظيف وسهل الاستخدام يحافظ على تركيز الطلاب وتحفيزهم، مما يحول الزوار العاديين إلى متعلمين ملتزمين.
تتيح لك السمات والإعدادات المخصصة تخصيص مظهر وشعور صفحة الطالب، مما يخلق تصميمًا أنيقًا وجذابًا ببضع نقرات فقط. سيوضح لك هذا الدليل كيفية تكوين هذه الصفحة بكفاءة، وتحويلها إلى مركز رئيسي يعكس أسلوب دورتك التدريبية مع ضمان تجربة تعلم سلسة.
ما هي صفحة الطالب؟
داخل منصة Mavibot، صفحة الطالب هي لوحة تحكم مخصصة تعمل كمساحة العمل الأساسية لدورتك التدريبية. إنها تجمع كل أداة يحتاجها المتعلم، مما يمكنهم من:
- الوصول إلى جميع محتوى الدورة والمواد،
- مراقبة تقدمهم من خلال الوحدات والدروس،
- إكمال الدروس وتقديم الواجبات،
- التفاعل مع المدربين أو الميسرين.
هذه البيئة المتكاملة مصممة لتبسيط رحلة التعلم، والحفاظ على تركيز الطلاب وتنظيمهم وتحفيزهم.
لماذا تعتبر صفحة الطالب مهمة؟
صفحة الطالب تنظم وتبسط عملية التعلم. إنها تمكن الطلاب من:
- تحديد موقع المواد الضرورية بسرعة واستئناف دراستهم من النقطة التي توقفوا عندها بالضبط.
- مراقبة تقدمهم بسهولة، ورؤية المهام المكتملة وأيها لا يزال معلقًا.
- تلقي ملاحظات المدرب، مما يسهل رحلة تعلم أكثر تخصيصًا وفعالية.
أين يتم إعداد صفحة الطالب
منشئ الدورة متاح مع خطة الاشتراك "Business".
للبدء، انتقل إلى قسم "الدورات" في MaviBot.
بعد ذلك، حدد الدورة التي تريد إعداد صفحة الطالب لها، وانتقل إلى إعداداتها.
سيتم نقلك بعد ذلك إلى صفحة الإعدادات الرئيسية للدورة، حيث تحتاج إلى فتح علامة التبويب "صفحة الطالب".
الآن، لبدء تخصيص صفحة الطالب، حدد موقع أيقونة الترس لفتح قائمة الإعدادات.
عند النقر على أيقونة الترس، ستفتح قائمة تحتوي على إعدادات السمة الافتراضية (المخصصة)، والسمة الخاصة بك (القابلة للتعديل)، بالإضافة إلى إعدادات إضافية وخيار إضافة أزرار مخصصة.
السمة الرئيسية
تتكون السمة الرئيسية لصفحة الطالب من سمات مثبتة مسبقًا وجاهزة تسمح لك بتخصيص الصفحة في بضع نقرات فقط.
الخطوة 1: اختر نظام ألوان لـ السمة الرئيسية
يمكنك الاختيار من بين 7 سمات فاتحة وسمتين داكنتين.
عند تطبيق سمة مخصصة، يتم تحديث ألوان جميع عناصر الصفحة الرئيسية، بما في ذلك:
- الخلفيات (صور الغلاف، خلفية الصفحة، شريط التقدم، كتل الدروس)
- الأزرار
- تعبئة شريط التقدم
- الحدود، المخططات التفصيلية، إلخ.
الخطوة 2: اختر مستوى نصف قطر الحدود
أ) نصف قطر صفري – ستظهر جميع الزوايا وعناصر الصفحة مربعة.
ب) نصف قطر متوسط – ستظهر الزوايا والعناصر مستديرة أو بيضاوية الشكل.
ج) نصف قطر أقصى – ستكون جميع الزوايا وعناصر الصفحة ذات حواف مستديرة بالكامل.
ممتاز!
الآن أنت تعرف كيفية إعداد السمة الرئيسية لصفحة الطالب بسرعة.
إذا كنت ترغب في إضافة أزرار إضافية، أو تحميل صورة غلاف مخصصة، أو تطبيق نظام ألوان فريد خاص بك على الصفحة، نوصي بالاستمرار إلى الأقسام التالية من هذه المقالة.
السمة المخصصة
تتيح لك الإعدادات في علامة التبويب "السمة المخصصة" تطبيق أنظمة ألوان فريدة ومتنوعة خاصة بك على عناصر صفحة الطالب.
يرجى الملاحظة
يمكن استخدام السمة الرئيسية والسمة المخصصة معًا.
على سبيل المثال، يمكنك استخدام الإعدادات في علامة التبويب "السمة المخصصة" لتطبيق ألوان على عدد قليل من العناصر فقط، مع الحفاظ على باقي الصفحة مصممة وفقًا للسمة الرئيسية المحددة.
لون الخلفية
يغير هذا الإعداد لون خلفية الصفحة بأكملها، باستثناء العناصر الفردية.
انقر على المربع لفتح لوحة الألوان واختيار اللون المطلوب.
بالإضافة إلى لوحة الألوان الواسعة لكل عنصر، يمكنك أيضًا ضبط كثافة اللون باستخدام مقياس الشفافية.
لون تراكب الخلفية
استخدم إعدادات تراكب الخلفية لتطبيق لون موحد على الحاويات المرئية الأساسية في الصفحة:
أ) شريط التقدم؛
ب) كتل الدروس الفردية؛
ج) منطقة صورة غلاف الدورة.
لون التمييز
تتيح لك إعدادات لون التمييز تغيير نظام ألوان العناصر الرئيسية المميزة في صفحة الطالب، بما في ذلك:
أ) أزرار التنقل في الدروس؛
ب) تعبئة شريط التقدم؛
ج) الحدود، وخلفيات أرقام الدروس، والعناصر المماثلة.
لون نص خلفية الصفحة
يسمح لك هذا الإعداد باختيار نظام ألوان جذاب للنص المعروض على خلفية الصفحة.
لون نص التراكب
يسمح لك هذا الإعداد بتغيير لون النص للعناصر الرئيسية في صفحة الطالب التي تظهر فوق تراكبات الخلفية.
لون نص التمييز
استخدم هذا الإعداد لتحديد لون النص (الخط) لأي عنصر يقع على خلفية بلون التمييز، بما في ذلك مربعات التنبيه والأزرار التفاعلية.
إعدادات إضافية
في الإعدادات الإضافية لصفحة الطالب، يمكنك تحميل صورة لاستخدامها كغلاف للصفحة.
يرجى الملاحظة
يجب ألا يتجاوز حجم الصورة التي تم تحميلها كغلاف لصفحة الطالب من جهازك 15 ميجابايت.
الخطوة 1: تحميل صورة
يمكنك تحميل صورة مباشرة من جهاز الكمبيوتر الخاص بك.
أو تحميل صورة عبر رابط من مخزن الملفات الخاص بك.
ميزة تحميل صورة عبر رابط من مخزن الملفات هي أنه يمكنك استخدام صورة بأي حجم كغلاف.
لمزيد من التفاصيل حول كيفية استخدام مخزن الملفات، راجع المقالة "مخزن الملفات".
الخطوة 2: ارتفاع الغلاف
بعد تحميل الصورة، قم بتعيين ارتفاع الغلاف المناسب في صفحة الطالب.
الخطوة 3: موضع الصورة
يمكنك استخدام خيارات تحديد الموضع المسبقة لمحاذاة الصورة إلى الوسط، اليسار، اليمين، أو الأسفل، أو اختيار إعدادات مخصصة.
من خلال تحريك عنصر التحكم الدائري، يمكنك وضع الصورة بالطريقة التي تريدها تمامًا.
الخطوة 4: حجم الصورة
يقبل حقل حجم الصورة قيم contain / cover، بالإضافة إلى قيم رقمية بالبكسل (px) والنسب المئوية (%).
1) قيم contain/cover
2) القيم الرقمية
الخطوة 5: تكرار الصورة
يمكن تكرار الصورة على طول المحور Y، أي عموديًا؛ على طول المحور X، أي أفقيًا أو بدون تكرار.
الخطوة 6: مربعات الاختيار
لتحسين تجربة الطالب في صفحته الشخصية، يمكنك تمكين عرض:
- شريط التقدم،
- عدد الدروس المكتملة، و
- عدد الواجبات المنزلية المعتمدة.
إذا كنت لا ترغب في استخدام هذه العناصر في الصفحة، يمكنك إلغاء تنشيط مربعات الاختيار.
الأزرار
تتضمن صفحة الطالب ميزة إضافة أزرار مخصصة للدعوة إلى اتخاذ إجراء أسفل شريط التقدم. يمكنك ربط هذه الأزرار بمواقع ويب خارجية أو مستندات أو صفحات مهمة أخرى.
لإضافة زر، افتح علامة التبويب المقابلة في إعدادات صفحة الطالب.
ثم انقر على "إضافة زر".
سيتم فتح نافذة منبثقة لتكوين الزر وإدخال نص الزر.
الآن، حدد رابط الوجهة (URL) لهذا الزر.
ستورث ألوان الزر تلقائيًا لوحة السمة الرئيسية. ومع ذلك، يمكنك تجاوز ذلك عن طريق تعيين لون مخصص لكل من خلفيته ونصه.
ثم انقر على "حفظ".
تم الآن حفظ الزر وتنشيطه. ستراه معروضًا أسفل شريط التقدم في صفحة الطالب.
يمكنك إضافة أزرار متعددة – للقيام بذلك، ما عليك سوى الانتقال إلى قائمة الإعدادات والنقر على "إضافة زر" أسفل الزر الموجود.
اللافتات
للترويج للموارد الرئيسية، يمكنك إضافة لافتات قابلة للنقر إلى صفحة الطالب. يمكن لهذه اللافتات الارتباط بأي URL تحدده، مثل بوت مراسلة، أو مجموعة مجتمع، أو مستند مهم، أو موقع ويب خارجي.
لننتقل إلى الإعداد.
الخطوة 1: الوصول إلى إعدادات اللافتات
في إعدادات صفحة الدورة، حدد موقع ووسّع قسم "اللافتات".
للقيام بذلك، انقر على القسم في القائمة المنسدلة للإعدادات:
الخطوة 2: تحميل صورة.
بعد التحميل، ستظهر الصورة في حقل الإعدادات.
الخطوة 3: انتقل إلى إعدادات الصورة.
للقيام بذلك، انقر على أيقونة الترس في الزاوية العلوية اليسرى من الصورة التي تم تحميلها، وستفتح نافذة إعدادات منبثقة:
الخطوة 4: تعيين رابط الوجهة
أدخل عنوان URL الكامل حيث سيتم إعادة توجيه الطلاب عند النقر على اللافتة. يمكن أن يكون هذا صفحة ويب، أو بوت مراسلة، أو أي مورد آخر عبر الإنترنت.
الخطوة 5: تكوين أبعاد اللافتة
اضبط حجم عرض اللافتة عن طريق إدخال قيم للعرض والارتفاع.
هام: أدخل القيم الرقمية فقط في هذه الحقول (على سبيل المثال،
300). لا تقم بتضمين وحدات مثلpxأو%.
الخطوة 6: حفظ التكوين الخاص بك
انقر على "حفظ" لتطبيق جميع إعدادات اللافتة.
اكتمل الإعداد!
اللافتة القابلة للنقر نشطة الآن. ستظهر على الجانب الأيمن من صفحة الطالب، أسفل شريط التقدم (بشرط تمكين ميزة اللافتة).
كيفية إضافة لافتات متعددة
يمكنك إضافة عدة لافتات إلى صفحة واحدة. للقيام بذلك، قم بتحميل صورة في الإعدادات وقم بتكوينها كما هو موضح أعلاه.
إذا نقرت على "إضافة صورة" أسفل صورة تم تحميلها بالفعل، فستظهر اللافتة الجديدة أسفل اللافتة المضافة مسبقًا في صفحة الطالب.
- حدد خيار تحميل الصورة أسفل اللافتة المضافة (زر التحميل الكبير في الأسفل):
- تم تحميل الصورة أسفل اللافتة المضافة مسبقًا.
- في صفحة الطالب، ستظهر اللافتة في السطر التالي بعد اللافتة المضافة مسبقًا.
إذا نقرت على الزر "+" إلى يمين صورة تم تحميلها بالفعل، فستظهر اللافتة الجديدة في نفس الصف مع اللافتة المضافة مسبقًا في صفحة الطالب.
- انقر على الزر "+" إلى يمين الصورة التي تم تحميلها في إعدادات الصفحة.
سيتم وضع الصورة التي تم تحميلها حديثًا على اليمين.
- في صفحة الطالب، سيتم عرض اللافتة في نفس الصف مع اللافتة التي تم تحميلها مسبقًا.
يمكنك إضافة لافتات في نفس الصف وفي الصفوف اللاحقة في نفس الوقت.
تم كل شيء!
الآن أنت تعرف كيفية تكوين صفحة الطالب بالكامل!
معاينة الصفحة
بعد تكوين صفحة الطالب، لا تنس حفظ تقدمك.
بعد حفظ الإعدادات، انقر على زر "معاينة".
بعد ذلك، حدد "الانتقال إلى صفحة الطالب".
سيتم نقلك إلى معاينة صفحة الطالب.
أثناء وجودك في وضع التحرير، تسمح لك لوحة المعاينة بفحص التخطيط النهائي بصريًا. يمكنك رؤية كيفية وضع جميع العناصر—مثل شريط التقدم واللافتات والأزرار وكتل الدروس—وتصميمها وفقًا لتكويناتك.
يرجى الملاحظة
المعاينة هي لـ العرض البصري فقط. العناصر في معاينة صفحة الطالب غير قابلة للنقر ولا تؤدي إلى أي تنقل أو وظائف فعلية.