Her Öğrenci İçin Bireysel Ödevler
Bugünlerde AI görüntü üretimiyle ilgili tüm hype ile, e-Öğrenimde dinamik senaryolar oluşturmak için kullandığım bir tekniği paylaşacağımı düşündüm. Ne Yapay Zekaya ne de makine öğrenimine dayanır, daha çok prosedürel oluşturma kavramına dayanır.
“Bilgi işlemde, prosedürel üretim, tipik olarak bilgisayar tarafından oluşturulan rastgelelik ve işlem gücü ile birleştirilmiş insan tarafından oluşturulan varlıklar ve algoritmaların bir kombinasyonu yoluyla, manuel olarak değil, algoritmik olarak veri oluşturma yöntemidir.” [1]
Bu kulağa karmaşık gelebilir, ancak yalnızca birkaç satır kodla, öğrencilerinize manuel olarak oluşturmak zorunda kalmadan bireysel ödevler sağlayabileceğinizi göreceksiniz.
Dinamik senaryolar, uygulama veya oluşturma gibi üst düzey bilişsel süreçler için özellikle yararlıdır. Dil sınıfınız için komutlar yazmayı, grafik tasarım öğrencileri için tasarım komutları veya bir web mağazasına ürün yükleme eğitimi için rastgele oluşturulmuş öğeler yazmayı düşünün.
Aşağıdaki örnek, yalnızca birkaç satır kodla kendi dinamik senaryolarınızı ne kadar kolay oluşturabileceğinizi gösterir. Aşağıdaki kod, örneğin bir Moodle metin etiketi etkinliği içinde kullanılabilir, ancak bunu özel HTML, CSS ve JavaScript girmenize izin veren herhangi bir platformda kullanabilmelisiniz.
HTML Bölümü: Yapı ve Statik İçerik
Senaryonun yapısının kurulduğu HTML kısmıyla başlayalım. Buraya girilen metin tüm senaryolarda görünecektir.
Arkadaşlarınız ve evleniyor! Hevesli bir grafik tasarımcı olduğunuzu bildikleri için sizden davetiyelerini sizin için tasarlamanızı istediler:
- Tören tarihinde saatinde .
- Alım, saatinde gerçekleştirilecektir.
- Arkadaşlarınız, baskın rengin olduğu zarif bir davetiye istiyor.
- LCV’ler adresine gönderilmelidir.
İşaretleme oldukça basittir: Bir giriş paragrafının ardından bir gereksinim listesi gelir. -etiketlerini ilgili kimlikleriyle birlikte gözlemleyin: bunlar, aşağıdaki JavaScript bölümünde sağlanan verilerle rastgele doldurulacak yer tutuculardır.
HTML’ye aşina değilseniz endişelenmeyin—bu yalnızca tarayıcıya içeriğinizi nasıl yorumlayacağını söyleyen bir biçimlendirme dilidir. etiketler gibi <p> paragraf için, <açıklık> tek bir kelime veya bir kelime grubu için ve <ul> sırasız (madde işaretli) liste için içeriğin etrafına sarın. Her etiketi kullanarak “kapattığınızdan” emin olun. </p>, </açıklık>, </ul>vb. HTML’nin ilk adımlarında yapacağınız hızlı bir arama, sizi hemen çalışmaya hazır hale getirecektir.
JavaScript Bölümü: Sihrin Olduğu Yer
Dinamik senaryolar oluşturmak için senaryonun rastgele oluşturulduğu çok sayıda kaynak malzemeye ihtiyaç vardır. Aşağıdaki kodda isimlerin, yerlerin, renklerin, ayların vb. listelerini veriyoruz ve ardından her senaryo için bir tane seçiyoruz. Son bir adımda, HTML bölümünde daha önce kurduğumuz yer tutucular bu veriler kullanılarak doldurulur.
Koddaki yorumlar size her satırda neler olduğu hakkında bir fikir verir:
Senaryolardan biri böyle görünebilir. Sayfa her yüklendiğinde oluşturuldukları için, öğrencilerinizin her birine özel bir senaryo sunulur.
Bu basit örnek, ihtiyaçlarınıza ve hayal gücünüze göre genişletilebilir: rastgele görüntüler, kaynak materyaller, kahramanlar vb., size özel dinamik senaryolarınız için sayısız olasılık sunar. Kullanım durumlarınızı bizimle paylaşın!
Referans:
[1] prosedürel nesil
Kaynak : https://elearningindustry.com/dynamic-scenarios-in-elearning