Öğrenci sayfası
Öğrenme deneyimini geliştiren bir öğrenci sayfasını nasıl oluşturacağınızı öğrenin.
Öğrenci arayüzü, kursunuzun ana merkezidir. Temiz ve kullanıcı dostu bir tasarım, öğrencilerin odaklı ve motive kalmasını sağlar; sıradan ziyaretçileri kararlı öğrenenlere dönüştürür.
Özel temalar ve ayarlar, öğrenci sayfanızın görünümünü ve hissini kişiselleştirmenize olanak tanır; böylece yalnızca birkaç tıklamayla şık ve etkileyici bir tasarım oluşturabilirsiniz. Bu rehber, bu sayfayı verimli bir şekilde nasıl yapılandıracağınızı göstererek onu kursunuzun stilini yansıtan ve sorunsuz bir öğrenme deneyimi sağlayan merkezi bir hub’a dönüştürecek.
Öğrenci Sayfası nedir? Salebot platformunda öğrenci sayfası, kursunuz için birincil çalışma alanı görevi gören kişiselleştirilmiş bir paneldir. Bir öğrencinin ihtiyaç duyduğu tüm araçları tek yerde toplar ve onların şunları yapmasını sağlar:
Tüm kurs içeriğine ve materyallerine erişmek,
Modüller ve dersler boyunca ilerlemelerini takip etmek,
Dersleri tamamlamak ve ödevleri göndermek,
Eğitmenler veya kolaylaştırıcılarla etkileşim kurmak.
Bu entegre ortam, öğrenme yolculuğunu kolaylaştırmak için tasarlanmıştır; öğrencilerin odaklı, düzenli ve motive kalmasını sağlar.
Öğ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.
İlerlemlerini kolayca takip etmek; hangi görevlerin tamamlandığını ve hangilerinin hâlâ beklemede olduğunu görmek.
Eğitmen geri bildirimi almak; daha kişiselleştirilmiş ve etkili bir öğrenme yolculuğunu kolaylaştırmak.
Öğrenci sayfası nerede kurulur
Kurs oluşturucu, “Businnes” abonelik planıyla kullanılabilir.
Başlamak için MaviBot’taki “Kurslar” bölümüne gidin.
Sonra, öğrenci sayfasını kurmak istediğiniz kursu seçin ve onun ayarlarına gidin.
Ardından ana kurs ayarları sayfasına yönlendirileceksiniz; burada “Öğrenci Sayfası” sekmesini de doldurmanız gerekir.
Şimdi öğrenci sayfasını özelleştirmeye başlamak için, ayarlar menüsünü açmak üzere dişli simgesini bulun.
Dişli simgesine tıkladığınızda, varsayılan (özel) tema, kendi (düzenlenebilir) temanıza ilişkin ayarların yanı sıra ek ayarlar ve özel düğmeler ekleme seçeneğini içeren bir menü açılır.
Ana tema
Öğrenci sayfasının ana teması, sayfayı yalnızca birkaç tıklamayla özelleştirmenizi sağlayan önceden yüklenmiş, hazır temalardan oluşur.
1. Adım: İçin bir renk şeması seçin Ana tema
7 açık tema ve 2 koyu tema arasından seçim yapabilirsiniz.
Özel bir tema uygulandığında, aşağıdakiler dahil olmak üzere tüm ana sayfa öğelerinin renkleri güncellenir:
Arka planlar (kapak görselleri, sayfa arka planı, ilerleme çubuğu, ders blokları)
Düğmeler
İlerleme çubuğu dolgu rengi
Kenarlıklar, çerçeveler vb.
2. Adım: Kenar yuvarlaklığı seviyesini seçin
a) Sıfır yuvarlaklık – tüm köşeler ve sayfa öğeleri kare görünecektir.
b) Orta yuvarlaklık – köşeler ve öğeler yuvarlak veya oval şeklinde görünecektir.
c) Maksimum yuvarlaklık – 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 görseli yüklemek veya sayfaya kendinize özgü bir renk şeması uygulamak istiyorsanız, bu makalenin sonraki bölümlerine devam etmenizi ö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 edin
Ana tema ve Özel tema birlikte kullanılabilir.
Örneğin, Özel Tema sekmesindeki ayarları kullanarak yalnızca birkaç öğeye renk uygulayabilir, sayfanın geri kalanını ise seçilen Ana Tema stilinde bırakabilirsiniz.
Arka plan rengi
Bu ayar, tek tek öğeler hariç olmak üzere 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 paletinin yanı sıra, saydamlık ölçeğini kullanarak renk yoğunluğunu da ayarlayabilirsiniz.
Arka plan kaplama rengi
Arka plan kaplama ayarlarını kullanarak sayfadaki temel görsel kapsayıcılara birleşik bir renk uygulayın:
a) İlerleme çubuğu;
b) Tekil ders blokları;,
c) Kurs kapak görseli alanı.
Vurgu rengi
Vurgu rengi ayarları, aşağıdakiler dahil olmak üzere öğrenci sayfasındaki ana vurgulu öğelerin renk şemasını değiştirmenizi sağlar:
a) ders gezinme düğmeleri;
b) ilerleme çubuğu dolgu rengi;
c) kenarlıklar, ders numarası arka planları ve benzeri öğeler.
Sayfa arka plan metin rengi
Bu ayar, sayfa arka planında görüntülenen metin için hoş bir renk şeması seçmenizi sağlar.
Kaplama metin rengi
Bu ayar, arka plan kaplamalarının üzerinde görünen öğrenci sayfasındaki ana öğeler için metin rengini değiştirmenizi sağlar.
Vurgu metin rengi
Bu ayarı, çağrı kutuları ve etkileşimli düğmeler de dahil olmak üzere vurgu renkli bir arka plan üzerinde yer alan 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 görsel yükleyebilirsiniz.
Lütfen dikkat edin
Cihazınızdan öğrenci sayfası kapağı olarak yüklenen görselin boyutu 15 MB’ı aşmamalıdır.
1. Adım: Bir görsel yükleme
Bir görseli doğrudan bilgisayarınızdan yükleyebilirsiniz.
Veya dosya depolamanızdaki bir bağlantı aracılığıyla görsel yükleyin.
Dosya depolamadan bir bağlantı aracılığıyla görsel yüklemenin avantajı, kapak olarak herhangi bir boyutta görsel kullanabilmenizdir.
Dosya depolamanın nasıl kullanılacağı hakkında daha fazla bilgi için “Dosya depolama".
2. Adım: Kapak yüksekliği
Görseli yükledikten sonra, öğrenci sayfasında uygun kapak yüksekliğini ayarlayın.
3. Adım: Görsel konumu
Kullanabilirsiniz önceden ayarlanmış konumlandırma seçenekleri görseli c’ ye hizalamak içinmerkez, sol, sağ veya alt, ya da özel ayarlar seçin.
Daire kontrolünü hareket ettirerek görseli tam istediğiniz gibi konumlandırabilirsiniz.
4. Adım: Görsel boyutu
Düğmenin görsel boyutu alanı c değerlerini kabul ederontain / cover, ayrıca piksel cinsinden sayısal değerleri (px) ve yüzdeleri (%).
1) contain/cover değerleri
2) sayısal değerler
5. Adım: Görsel tekrarı
Görsel şu yönde tekrar edilebilir: Y ekseni, yani dikey olarak; boyunca X ekseni, yani yatay olarak veya tekrarsız.
6. Adım: Onay kutuları
Öğrencinin kişisel sayfa deneyimini iyileştirmek için aşağıdakilerin gösterimini etkinleştirebilirsiniz:
ilerleme çubuğu,
tamamlanan ders sayısı ve
onaylanan ödev sayısı.
Bu öğeleri sayfada kullanmak istemiyorsanız, onay kutularını devre dışı bırakabilirsiniz.
Düğmeler
Öğrenci sayfası, ilerleme çubuğunun altında özel çağrı-to-action 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, ilgili sekmeyi öğrenci sayfası ayarları.
Sonra "Düğme Ekle".
öğesine tıklayın. Ardından düğme yapılandırması için bir modal pencere açılır ve bir düğme metni girilir.
Şimdi, bu düğme için hedef bağlantıyı (URL) belirtin.
Düğmenin renkleri ana tema paletini otomatik olarak devralacaktır. Ancak, hem arka planı hem de metni için özel bir renk belirleyerek bunu geçersiz kılabilirsiniz.
Sonra, "Kaydet"e tıklayın.
Düğme artık kaydedildi ve etkinleştirildi. Bunu öğrenci sayfasında ilerleme çubuğunun altında görüntülenmiş olarak göreceksiniz.
Birden fazla 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.
Afişler
Önemli kaynakları tanıtmak için, öğrenci sayfasına tıklanabilir afişler ekleyebilirsiniz. Bu afişler, bir mesajlaşma botu, topluluk grubu, önemli bir belge veya harici bir web sitesi gibi belirttiğiniz herhangi bir URL’ye bağlantı verebilir.
Kuruluma geçelim.
1. Adım: Afiş ayarlarına erişin
Kurs sayfası ayarlarında, bulun ve genişletin "Afişler" bölümünde görünecektir.
Bunu yapmak için, ayarlar açılır menüsündeki bölüme tıklayın.:
2. Adım: Bir görsel yükleyin.
Yükledikten sonra, görsel ayarlar alanında görünecektir.
3. Adım: Görsel ayarlarına gidin.
Bunu yapmak için, yüklenen görselin sol üst köşesindeki dişli simgesine tıklayın; bir ayar modal penceresi açılacaktır:
4. Adım: Hedef bağlantıyı ayarlayın Öğrencilerin afişe 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.
5. Adım: Afişin boyutlarını yapılandırın Genişlik ve yükseklik için değerler girerek afişin görüntü boyutunu ayarlayın.
Önemli: Bu alanlara yalnızca sayısal değerler girin (örneğin,
300). Şu tür birimleri dahil etmeyin:pxveya%.
6. Adım: Yapılandırmanızı kaydedin Tıklayın "Kaydet" tüm afiş ayarlarını uygulamak için.
Kurulum tamamlandı! Tıklanabilir afişiniz artık etkin. Afiş özelliği etkinleştirilmişse, öğrenci sayfasının sağ tarafında, ilerleme çubuğunun altında görünecektir.
Birden fazla afiş nasıl eklenir
Tek bir sayfaya birkaç afiş ekleyebilirsiniz. Bunu yapmak için ayarlarda bir görsel yükleyin ve yukarıda açıklandığı gibi yapılandırın.
Zaten yüklenmiş bir görselin altındaki "Görsel Ekle"ye tıklarsanız, yeni afiş öğrencinin sayfasında daha önce eklenen afişin altında görünür.
Eklenen afişin altındaki görsel yükleme seçeneğini seçin (alttaki büyük yükleme düğmesi):
Görsel, daha önce eklenen afişin altına yüklendi.
Öğrencinin sayfasında, afiş daha önce eklenmiş olanın sonraki satırında görünecektir.
Zaten yüklenmiş bir görselin sağındaki "+" düğmesine tıklarsanız, yeni afiş öğrencinin sayfasında daha önce eklenen afişle aynı satırda görünecektir.
Sayfa ayarlarında yüklenen görselin sağındaki "+" düğmesine tıklayın.
Yeni yüklenen görsel sağ tarafa yerleştirilecektir.
Öğrencinin sayfasında, afiş daha önce yüklenmiş olanla aynı satırda gösterilecektir.
Afişleri aynı satıra da sonraki satırlara da aynı anda 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.
Sonra, "Öğrenci Sayfasına Git"i seçin.
Öğrenci sayfası önizlemesine yönlendirileceksiniz.
Düzenleme modundayken, önizleme paneli son düzeni görsel olarak incelemenizi sağlar. İlerleme çubuğu, afişler, düğmeler ve ders blokları gibi tüm öğelerin yapılandırmalarınıza göre nasıl konumlandığını ve stilize edildiğini görebilirsiniz.
Last updated