Pelajari cara membina halaman pelajar yang meningkatkan pengalaman pembelajaran.

Antara muka pelajar adalah pangkalan utama kursus anda. Reka bentuk yang bersih dan mesra pengguna memastikan pelajar fokus dan bermotivasi, mengubah pelawat biasa menjadi pelajar yang komited.

Tema dan tetapan tersuai membolehkan anda menyesuaikan rupa dan rasa halaman pelajar anda, mencipta reka bentuk yang kemas dan menarik hanya dengan beberapa klik. Panduan ini akan menunjukkan cara mengkonfigurasi halaman ini dengan cekap, mengubahnya menjadi hab pusat yang mencerminkan gaya kursus anda sambil memastikan pengalaman pembelajaran yang lancar.

Apakah Halaman Pelajar?
Dalam platform Mavibot, halaman pelajar adalah papan pemuka peribadi yang bertindak sebagai ruang kerja utama untuk kursus anda. Ia menggabungkan setiap alat yang diperlukan oleh pelajar, membolehkan mereka:

  • Mengakses semua kandungan dan bahan kursus,
  • Memantau kemajuan mereka melalui modul dan pelajaran,
  • Menyelesaikan pelajaran dan menghantar tugasan,
  • Berinteraksi dengan pengajar atau fasilitator.

Persekitaran bersepadu ini direka untuk memperkemas perjalanan pembelajaran, memastikan pelajar fokus, teratur, dan bermotivasi.

Mengapa halaman pelajar penting?

Halaman pelajar menyusun dan memperkemas proses pembelajaran. Ia membolehkan pelajar:

  • Mencari bahan yang diperlukan dengan cepat dan menyambung semula pelajaran dari titik yang tepat di mana mereka berhenti.
  • Memantau kemajuan mereka dengan mudah, melihat tugasan yang telah selesai dan yang masih belum selesai.
  • Menerima maklum balas pengajar, memudahkan perjalanan pembelajaran yang lebih peribadi dan berkesan.

Di mana untuk menyediakan halaman pelajar

Pembina kursus tersedia dengan pelan langganan "Perniagaan".

Untuk memulakan, pergi ke bahagian "Kursus" di MaviBot.

Seterusnya, pilih kursus yang anda ingin sediakan halaman pelajarnya, dan pergi ke tetapannya.

Anda kemudian akan dibawa ke halaman tetapan utama kursus, di mana anda perlu membuka tab "Halaman Pelajar".

Sekarang, untuk mula menyesuaikan halaman pelajar, cari ikon gear untuk membuka menu tetapan.

Apabila anda mengklik ikon gear, menu akan dibuka dengan tetapan untuk tema lalai (tersuai), tema anda sendiri (boleh diedit), serta tetapan tambahan dan pilihan untuk menambah butang tersuai.

Tema utama

Tema utama halaman pelajar terdiri daripada tema pra-pasang siap yang membolehkan anda menyesuaikan halaman hanya dengan beberapa klik.

Langkah 1: Pilih Skema Warna untuk Tema utama

Anda boleh memilih daripada 7 tema terang dan 2 tema gelap.

Apabila tema tersuai digunakan, warna semua elemen halaman utama dikemas kini, termasuk:

  • Latar belakang (imej kulit, latar belakang halaman, bar kemajuan, blok pelajaran)
  • Butang
  • Isian bar kemajuan
  • Sempadan, garis luar, dsb.

Langkah 2: Pilih Tahap Jejari Sempadan

a) Jejari sifar – semua sudut dan elemen halaman akan kelihatan segi empat sama.

b) Jejari sederhana – sudut dan elemen akan kelihatan bulat atau berbentuk bujur.

c) Jejari maksimum – semua sudut dan elemen halaman akan mempunyai tepi yang bulat sepenuhnya.

Cemerlang!

Sekarang anda tahu cara menyediakan tema utama halaman pelajar anda dengan cepat.

Jika anda ingin menambah butang tambahan, memuat naik imej kulit tersuai, atau menggunakan skema warna unik anda sendiri pada halaman, kami mengesyorkan untuk meneruskan ke bahagian seterusnya artikel ini.

Tema tersuai

Tetapan dalam tab "Tema tersuai" membolehkan anda menggunakan skema warna yang unik dan pelbagai pada elemen halaman pelajar.

Sila ambil perhatian

Tema utama dan Tema tersuai boleh digunakan bersama.

Sebagai contoh, anda boleh menggunakan tetapan dalam tab Tema Tersuai untuk menggunakan warna pada beberapa elemen sahaja, sementara elemen lain pada halaman kekal mengikut gaya Tema Utama yang dipilih.

Warna latar belakang

Tetapan ini menukar warna latar belakang keseluruhan halaman, tidak termasuk elemen individu.

Klik pada segi empat sama untuk membuka palet warna dan pilih warna yang dikehendaki.

Selain palet warna yang luas untuk setiap elemen, anda juga boleh melaraskan keamatan warna menggunakan skala ketelusan.

Warna tindanan latar belakang

Gunakan tetapan tindanan latar belakang untuk menggunakan warna seragam pada bekas visual teras pada halaman:

a) Bar kemajuan;

b) Blok pelajaran individu;

c) Kawasan imej kulit kursus.

Warna aksen

Tetapan warna aksen membolehkan anda menukar skema warna elemen utama yang diserlahkan pada halaman pelajar, termasuk:

a) butang navigasi pelajaran;

b) isian bar kemajuan;

c) sempadan, latar belakang nombor pelajaran, dan elemen serupa.

Warna teks latar belakang halaman

Tetapan ini membolehkan anda memilih skema warna yang menarik untuk teks yang dipaparkan pada latar belakang halaman.

Warna teks tindanan

Tetapan ini membolehkan anda menukar warna teks untuk elemen utama pada halaman pelajar yang muncul di atas tindanan latar belakang.

Warna teks aksen

Gunakan tetapan ini untuk menentukan warna teks (fon) untuk mana-mana elemen yang terletak pada latar belakang berwarna aksen, termasuk kotak panggilan dan butang interaktif.

Tetapan tambahan

Dalam tetapan tambahan halaman pelajar, anda boleh memuat naik imej untuk digunakan sebagai kulit halaman.

Sila ambil perhatian

Imej yang dimuat naik sebagai kulit halaman pelajar dari peranti anda mestilah tidak melebihi 15 MB.

Langkah 1: Memuat naik imej

Anda boleh memuat naik imej terus dari komputer anda.

Atau muat naik imej melalui pautan dari storan fail anda.

Kelebihan memuat naik imej melalui pautan dari storan fail ialah anda boleh menggunakan imej dari sebarang saiz sebagai kulit.

Untuk butiran lanjut tentang cara menggunakan storan fail, rujuk artikel "Storan fail".

Langkah 2: Ketinggian kulit

Selepas memuat naik imej, tetapkan ketinggian kulit yang sesuai pada halaman pelajar.

Langkah 3: Kedudukan imej

Anda boleh menggunakan pilihan kedudukan pratetap untuk menjajarkan imej ke tengah, kiri, kanan, atau bawah, atau pilih tetapan tersuai.

Dengan menggerakkan kawalan bulatan, anda boleh meletakkan imej tepat seperti yang anda suka.

Langkah 4: Saiz imej

Medan saiz imej menerima nilai contain / cover, serta nilai berangka dalam piksel (px) dan peratusan (%).

1) nilai contain/cover

2) nilai berangka

Langkah 5: Pengulangan imej

Imej boleh diulang sepanjang paksi-Y, iaitu secara menegak; sepanjang paksi-X, iaitu secara mendatar atau tanpa pengulangan.

Langkah 6: Kotak semak

Untuk meningkatkan pengalaman pelajar di halaman peribadi mereka, anda boleh mendayakan paparan:

  • bar kemajuan,
  • bilangan pelajaran yang telah selesai, dan
  • bilangan kerja rumah yang diluluskan.

Jika anda tidak mahu menggunakan elemen ini pada halaman, anda boleh menyahaktifkan kotak semak.

Butang

Halaman pelajar merangkumi ciri untuk menambah butang seruan tindak tersuai di bawah bar kemajuan. Anda boleh memautkan butang ini ke laman web luaran, dokumen, atau halaman penting lain.

Untuk menambah butang, buka tab yang sepadan dalam tetapan halaman pelajar.

Kemudian klik pada "Tambah Butang".

Tetingkap modal kemudian akan dibuka untuk konfigurasi butang dan masukkan teks butang.

Sekarang, nyatakan pautan destinasi (URL) untuk butang ini.

Warna butang akan mewarisi palet tema utama secara automatik. Walau bagaimanapun, anda boleh mengatasi ini dengan menetapkan warna tersuai untuk latar belakang dan teksnya.

Kemudian, klik "Simpan".

Butang kini disimpan dan aktif. Anda akan melihatnya dipaparkan di bawah bar kemajuan pada halaman pelajar.

Anda boleh menambah pelbagai butang – untuk berbuat demikian, pergi ke menu tetapan dan klik "Tambah Butang" di bawah butang yang sedia ada.

Sepanduk

Untuk mempromosikan sumber utama, anda boleh menambah sepanduk boleh klik pada halaman pelajar. Sepanduk ini boleh dipautkan ke mana-mana URL yang anda tentukan, seperti bot messenger, kumpulan komuniti, dokumen penting, atau laman web luaran.

Mari kita teruskan dengan persediaan.

Langkah 1: Akses tetapan sepanduk

Dalam tetapan halaman kursus, cari dan kembangkan bahagian "Sepanduk".

Untuk berbuat demikian, klik pada bahagian dalam menu lungsur tetapan:

Langkah 2: Muat naik imej.

Selepas memuat naik, imej akan muncul dalam medan tetapan.

Langkah 3: Pergi ke tetapan imej.

Untuk berbuat demikian, klik ikon gear di sudut kiri atas imej yang dimuat naik, dan tetingkap modal tetapan akan dibuka:

Langkah 4: Tetapkan pautan destinasi
Masukkan URL penuh di mana pelajar akan diarahkan semula apabila mengklik sepanduk. Ini boleh menjadi laman web, bot messenger, atau mana-mana sumber dalam talian lain.

Langkah 5: Konfigurasikan dimensi sepanduk
Tetapkan saiz paparan sepanduk dengan memasukkan nilai untuk lebar dan tinggi.

Penting: Masukkan hanya nilai berangka dalam medan ini (contohnya, 300). Jangan sertakan unit seperti px atau %.

Langkah 6: Simpan konfigurasi anda
Klik "Simpan" untuk menggunakan semua tetapan sepanduk.

Persediaan selesai!
Sepanduk boleh klik anda kini aktif. Ia akan muncul di sebelah kanan halaman pelajar, di bawah bar kemajuan (dengan syarat ciri sepanduk diaktifkan).

Cara menambah pelbagai sepanduk

Anda boleh menambah beberapa sepanduk pada satu halaman. Untuk berbuat demikian, muat naik imej dalam tetapan dan konfigurasikannya seperti yang diterangkan di atas.

Jika anda klik "Tambah Imej" di bawah imej yang telah dimuat naik, sepanduk baru akan muncul di bawah sepanduk yang ditambah sebelumnya pada halaman pelajar.

  1. Pilih pilihan muat naik imej di bawah sepanduk yang ditambah (butang muat naik besar di bahagian bawah):

  1. Imej telah dimuat naik di bawah sepanduk yang ditambah sebelumnya.

  1. Pada halaman pelajar, sepanduk akan muncul pada baris seterusnya selepas yang ditambah sebelumnya.

Jika anda klik butang "+" di sebelah kanan imej yang telah dimuat naik, sepanduk baru akan muncul pada baris yang sama dengan sepanduk yang ditambah sebelumnya pada halaman pelajar.

  1. Klik butang "+" di sebelah kanan imej yang dimuat naik dalam tetapan halaman.

Imej yang baru dimuat naik akan diletakkan di sebelah kanan.

  1. Pada halaman pelajar, sepanduk akan dipaparkan pada baris yang sama dengan yang dimuat naik sebelumnya.

Anda boleh menambah sepanduk pada baris yang sama dan pada baris seterusnya pada masa yang sama.

Semua selesai!
Sekarang anda tahu cara mengkonfigurasi halaman pelajar sepenuhnya!

Pratonton halaman

Selepas mengkonfigurasi halaman pelajar, jangan lupa untuk menyimpan kemajuan anda.

Selepas menyimpan tetapan, klik butang "Pratonton".

Seterusnya, pilih "Pergi ke Halaman Pelajar".

Anda akan dibawa ke pratonton halaman pelajar.

Semasa dalam mod edit, panel pratonton membolehkan anda memeriksa secara visual susun atur akhir. Anda boleh melihat bagaimana semua elemen—seperti bar kemajuan, sepanduk, butang, dan blok pelajaran—diletakkan dan digayakan mengikut konfigurasi anda.

Sila ambil perhatian

Pratonton adalah untuk demonstrasi visual sahaja. Elemen pada pratonton halaman pelajar tidak boleh diklik dan tidak mencetuskan sebarang navigasi atau fungsi sebenar.