Öğrenme deneyimini geliştiren bir öğrenci sayfasının nasıl oluşturulacağını öğrenin.
Öğrenci arayüzü, kursunuzun ana üssüdür. Temiz ve kullanıcı dostu bir tasarım, öğrencilerin odaklanmasını ve motive olmasını sağlayarak sıradan ziyaretçileri kararlı öğrencilere dönüştürür.
Özel temalar ve ayarlar, öğrenci sayfanızın görünümünü ve hissini size göre uyarlamanıza olanak tanıyarak, birkaç tıklamayla cilalı ve ilgi çekici bir tasarım oluşturur. Bu kılavuz, bu sayfayı verimli bir şekilde nasıl yapılandıracağınızı, kursunuzun stilini yansıtırken kesintisiz bir öğrenme deneyimi sağlayan merkezi bir merkeze dönüştürmeyi gösterecektir.
Öğrenci Sayfası Nedir?
Mavibot platformunda öğrenci sayfası, kursunuz için birincil çalışma alanı olarak işlev gören kişiselleştirilmiş bir panodur. Bir öğrencinin ihtiyaç duyduğu her aracı bir araya getirerek şunları yapmasını sağlar:
- Tüm kurs içeriğine ve materyallerine erişmek,
- Modüller ve dersler boyunca ilerlemelerini izlemek,
- Dersleri tamamlamak ve ödevleri teslim etmek,
- Eğitmenler veya kolaylaştırıcılarla etkileşim kurmak.
Bu entegre ortam, öğrenme yolculuğunu kolaylaştırmak, öğrencilerin odaklanmış, organize ve motive olmalarını sağlamak için tasarlanmıştır.
Öğrenci sayfası neden önemlidir?
Öğrenci sayfası, öğrenme sürecini yapılandırır ve kolaylaştırır. Öğrencilerin şunları yapmasını sağlar:
- Gerekli materyalleri hızlıca bulmak ve kaldıkları yerden çalışmalarına devam etmek.
- Hangi görevlerin tamamlandığını ve hangilerinin beklemede olduğunu görerek ilerlemelerini kolayca izlemek.
- Eğitmen geri bildirimi alarak daha kişiselleştirilmiş ve etkili bir öğrenme yolculuğu sağlamak.
Öğrenci sayfası nerede kurulur
Kurs oluşturucu, “Business” abonelik planı ile kullanılabilir.
Başlamak için MaviBot'ta “Kurslar” bölümüne gidin.
Ardından, öğrenci sayfasını kurmak istediğiniz kursu seçin ve ayarlarına gidin.
Ardından, “Öğrenci Sayfası” sekmesini açmanız gereken ana kurs ayarları sayfasına yönlendirileceksiniz.
Şimdi, öğrenci sayfasını özelleştirmeye başlamak için ayarlar menüsünü açmak üzere dişli çark simgesini bulun.
Dişli çark simgesine tıkladığınızda, varsayılan (özel) tema, kendi (düzenlenebilir) temanız için ayarların yanı sıra ek ayarlar ve özel düğmeler ekleme seçeneğini içeren bir menü açılacaktır.
Ana tema
Öğrenci sayfasının ana teması, sayfayı birkaç tıklamayla özelleştirmenize olanak tanıyan önceden yüklenmiş, hazır temalardan oluşur.
Adım 1: Ana tema için bir Renk Şeması Seçin
7 açık tema ve 2 koyu tema arasından seçim yapabilirsiniz.
Özel bir tema uygulandığında, aşağıdakiler dahil tüm ana sayfa öğelerinin renkleri güncellenir:
- Arka planlar (kapak resimleri, sayfa arka planı, ilerleme çubuğu, ders blokları)
- Düğmeler
- İlerleme çubuğu dolgusu
- Kenarlıklar, ana hatlar vb.
Adım 2: Kenar Yuvarlaklık Seviyesini Seçin
a) Sıfır yarıçap – tüm köşeler ve sayfa öğeleri kare görünecektir.
b) Orta yarıçap – köşeler ve öğeler yuvarlatılmış veya oval şekilli görünecektir.
c) Maksimum yarıçap – tüm köşeler ve sayfa öğeleri tamamen yuvarlatılmış kenarlara sahip olacaktır.
Harika!
Artık öğrenci sayfanızın ana temasını nasıl hızlıca kuracağınızı biliyorsunuz.
Ek düğmeler eklemek, özel bir kapak resmi yüklemek veya sayfaya kendi benzersiz renk şemanızı uygulamak isterseniz, bu makalenin sonraki bölümlerine geçmenizi öneririz.
Özel tema
“Özel tema” sekmesindeki ayarlar, öğrenci sayfasının öğelerine kendi benzersiz ve çeşitli renk şemalarınızı uygulamanıza olanak tanır.
Lütfen dikkat
Ana tema ve Özel tema birlikte kullanılabilir.
Örneğin, Özel Tema sekmesindeki ayarları yalnızca birkaç öğeye renk uygulamak için kullanabilir, sayfanın geri kalanını seçilen Ana Temaya göre stillendirilmiş halde bırakabilirsiniz.
Arka plan rengi
Bu ayar, tek tek öğeler hariç tüm sayfanın arka plan rengini değiştirir.
Renk paletini açmak ve istediğiniz rengi seçmek için kareye tıklayın.
Her öğe için geniş bir renk paletine ek olarak, şeffaflık ölçeğini kullanarak renk yoğunluğunu da ayarlayabilirsiniz.
Arka plan kaplama rengi
Sayfadaki temel görsel kapsayıcılara tek tip bir renk uygulamak için arka plan kaplama ayarlarını kullanın:
a) İlerleme çubuğu;
b) Tek tek ders blokları;
c) Kurs kapak resmi alanı.
Vurgu rengi
Vurgu rengi ayarları, öğrenci sayfasındaki ana vurgulanan öğelerin renk şemasını değiştirmenize olanak tanır; bunlar şunları içerir:
a) ders gezinme düğmeleri;
b) ilerleme çubuğu dolgusu;
c) kenarlıklar, ders numarası arka planları ve benzer öğeler.
Sayfa arka plan metin rengi
Bu ayar, sayfa arka planında görüntülenen metin için çekici bir renk şeması seçmenize olanak tanır.
Kaplama metin rengi
Bu ayar, öğrenci sayfasında arka plan kaplamalarının üzerinde görünen ana öğelerin metin rengini değiştirmenize olanak tanır.
Vurgu metin rengi
Bu ayarı, bilgi kutuları ve etkileşimli düğmeler dahil olmak üzere vurgu renkli bir arka plan üzerinde bulunan herhangi bir öğenin metin (yazı tipi) rengini tanımlamak için kullanın.
Ek ayarlar
Öğrenci sayfasının ek ayarlarında, sayfa kapağı olarak kullanmak üzere bir resim yükleyebilirsiniz.
Lütfen dikkat
Cihazınızdan öğrenci sayfası kapağı olarak yüklenen resim 15 MB boyutunu aşmamalıdır.
Adım 1: Resim yükleme
Doğrudan bilgisayarınızdan bir resim yükleyebilirsiniz.
Veya dosya depolama alanınızdan bir bağlantı aracılığıyla resim yükleyebilirsiniz.
Dosya depolama alanından bir bağlantı aracılığıyla resim yüklemenin avantajı, kapak olarak herhangi bir boyuttaki resmi kullanabilmenizdir.
Dosya depolama alanının nasıl kullanılacağına ilişkin daha fazla ayrıntı için "Dosya depolama" makalesine bakın.
Adım 2: Kapak yüksekliği
Resmi yükledikten sonra, öğrenci sayfasında uygun kapak yüksekliğini ayarlayın.
Adım 3: Resim konumu
Resmi ortaya, sola, sağa veya alta hizalamak için önceden ayarlanmış konumlandırma seçeneklerini kullanabilir veya özel ayarları seçebilirsiniz.
Daire kontrolünü hareket ettirerek resmi tam istediğiniz gibi konumlandırabilirsiniz.
Adım 4: Resim boyutu
Resim boyutu alanı, contain / cover değerlerinin yanı sıra piksel (px) cinsinden sayısal değerleri ve yüzdeleri (%) kabul eder.
1) contain/cover değerleri
2) sayısal değerler
Adım 5: Resim tekrarı
Resim Y ekseni boyunca, yani dikey olarak; X ekseni boyunca, yani yatay olarak tekrarlanabilir veya hiç tekrarlanmayabilir.
Adım 6: Onay kutuları
Öğrencilerin kişisel sayfalarındaki deneyimini iyileştirmek için aşağıdakilerin görüntülenmesini etkinleştirebilirsiniz:
- ilerleme çubuğu,
- tamamlanan derslerin sayısı ve
- onaylanan ödevlerin sayısı.
Bu öğeleri sayfada kullanmak istemiyorsanız, onay kutularını devre dışı bırakabilirsiniz.
Düğmeler
Öğrenci sayfası, ilerleme çubuğunun altına özel harekete geçirici mesaj düğmeleri ekleme özelliği içerir. Bu düğmeleri harici web sitelerine, belgelere veya diğer önemli sayfalara bağlayabilirsiniz.
Bir düğme eklemek için öğrenci sayfası ayarlarında ilgili sekmeyi açın.
Ardından "Düğme Ekle"ye tıklayın.
Ardından, düğme yapılandırması için bir modal pencere açılacak ve bir düğme metni gireceksiniz.
Şimdi, bu düğme için hedef bağlantıyı (URL) belirtin.
Düğmenin renkleri otomatik olarak ana tema paletini devralacaktır. Ancak, hem arka planı hem de metni için özel bir renk ayarlayarak bunu geçersiz kılabilirsiniz.
Ardından, "Kaydet"e tıklayın.
Düğme artık kaydedildi ve etkin. Öğrenci sayfasında ilerleme çubuğunun altında görüntülendiğini göreceksiniz.
Birden çok düğme ekleyebilirsiniz – bunu yapmak için ayarlar menüsüne gidin ve mevcut olanın altındaki "Düğme Ekle"ye tıklayın.
Bannerlar
Temel kaynakları tanıtmak için öğrenci sayfasına tıklanabilir bannerlar ekleyebilirsiniz. Bu bannerlar, bir mesajlaşma botu, bir topluluk grubu, önemli bir belge veya harici bir web sitesi gibi belirttiğiniz herhangi bir URL'ye bağlanabilir.
Kuruluma geçelim.
Adım 1: Banner ayarlarına erişin
Kurs sayfası ayarlarında, "Bannerlar" bölümünü bulun ve genişletin.
Bunu yapmak için, ayarlar açılır menüsündeki bölüme tıklayın:
Adım 2: Bir resim yükleyin.
Yüklemeden sonra resim ayarlar alanında görünecektir.
Adım 3: Resim ayarlarına gidin.
Bunu yapmak için, yüklenen resmin sol üst köşesindeki dişli çark simgesine tıklayın; bir ayarlar modal penceresi açılacaktır:
Adım 4: Hedef bağlantıyı ayarlayın
Öğrencilerin banner'a tıkladıklarında yönlendirilecekleri tam URL'yi girin. Bu bir web sayfası, bir mesajlaşma botu veya başka herhangi bir çevrimiçi kaynak olabilir.
Adım 5: Banner'ın boyutlarını yapılandırın
Genişlik ve yükseklik için değerler girerek banner'ın görüntüleme boyutunu ayarlayın.
Önemli: Bu alanlara yalnızca sayısal değerler girin (ör.
300).pxveya%gibi birimler eklemeyin.
Adım 6: Yapılandırmanızı kaydedin
Tüm banner ayarlarını uygulamak için **"Kaydet"**e tıklayın.
Kurulum tamamlandı!
Tıklanabilir banner'ınız artık etkin. Öğrenci sayfasının sağ tarafında, ilerleme çubuğunun altında görünecektir (banner özelliği etkinse).
Birden çok banner nasıl eklenir
Tek bir sayfaya birden çok banner ekleyebilirsiniz. Bunu yapmak için ayarlardan bir resim yükleyin ve yukarıda açıklandığı gibi yapılandırın.
Zaten yüklenmiş bir resmin altındaki "Resim Ekle"ye tıklarsanız, yeni banner öğrencinin sayfasında daha önce eklenen banner'ın altında görünecektir.
- Eklenen banner'ın altındaki resim yükleme seçeneğini seçin (alttaki büyük yükleme düğmesi):
- Resim, daha önce eklenen banner'ın altına yüklendi.
- Öğrencinin sayfasında banner, daha önce eklenenin ardından bir sonraki satırda görünecektir.
Zaten yüklenmiş bir resmin sağındaki "+" düğmesine tıklarsanız, yeni banner öğrencinin sayfasında daha önce eklenen banner ile aynı satırda görünecektir.
- Sayfa ayarlarında yüklenen resmin sağındaki "+" düğmesine tıklayın.
Yeni yüklenen resim sağa yerleştirilecektir.
- Öğrencinin sayfasında banner, daha önce yüklenenle aynı satırda görüntülenecektir.
Aynı anda hem aynı satıra hem de sonraki satırlara banner ekleyebilirsiniz.
Her şey hazır!
Artık öğrenci sayfasını tamamen nasıl yapılandıracağınızı biliyorsunuz!
Sayfa önizlemesi
Öğrenci sayfasını yapılandırdıktan sonra ilerlemenizi kaydetmeyi unutmayın.
Ayarları kaydettikten sonra "Önizleme" düğmesine tıklayın.
Ardından, "Öğrenci Sayfasına Git"i seçin.
Öğrenci sayfası önizlemesine yönlendirileceksiniz.
Düzenleme modundayken, önizleme paneli nihai düzeni görsel olarak incelemenize olanak tanır. İlerleme çubuğu, bannerlar, düğmeler ve ders blokları gibi tüm öğelerin yapılandırmalarınıza göre nasıl konumlandırıldığını ve stillendirildiğini görebilirsiniz.
Lütfen dikkat
Önizleme yalnızca görsel gösterim içindir. Öğrenci sayfası önizlemesindeki öğeler tıklanabilir değildir ve herhangi bir gerçek gezinme veya işlevi tetiklemez.