Ana içeriğe atla

LMS’in H5P eklentisi ile nasıl etkileşimli ders materyali hazırlayabilirim? (Başlangıç Seviyesi)

Bu kılavuzda bir videoyu etkileşimli hale getirmeniz için takip etmeniz gereken adımlar sunulmaktadır. Ek olarak bir videoya etiket, metin, tablo, görsel ve bağlantı ekleme gibi sınırlı etkileşim özellikleri anlatılmaktadır.

H5P’nin soru ekleme özelliklerinin, ölçme-değerlendirmeden ziyade, öğrenen-içerik etkileşimini arttırmak ve bireysel öğrenene uygun öğretim materyalleri hazırlamak amacıyla kullanılması önerilmektedir.

  1. “Turn editing on” butonuna tıklayın.
    h5p_video1
     
  2. H5P etkinliği oluşturmak istediğiniz haftanın altındaki “Add an activity or resource” alanına tıklayın.
    h5p_video2
     
  3. “Interactive Content” seçeneğini seçin.
    h5p_video3
     
  4. Açılan yeni pencerede, ilk olarak “description” alanına etkileşimli videonuz için bir tanım / yönerge
    yazabilirsiniz. “Display description on course page” seçeneğine tıklayarak “description” alanına yazdığınız metnin ders sayfasında görünmesini sağlayabilirsiniz.
    h5p_video4
     
  5. Aynı ekranda aşağı doğru inildiğinde, H5P editörü görünecektir. H5P editöründeki “Interactive Video” alanının yanında yer alan “Details” butonuna tıklayın.
    h5p_video5
     
  6. “Use” butonuna tıklayın.
    h5p_video6
     
  7. “Title” alanına etkileşimli videonuz için bir başlık yazın. Ardından video eklemek için “Add a video” alanının altında yer alan “+” simgesine tıklayın.
    h5p_video7
     
  8. Etkileşim eklemek istediğiniz videonun linkini “Paste Youtube link or other video source URL” alanına yapıştırın. Ardından “Insert” butonuna tıklayın.
    h5p_video8

  9. İlerlemek için “Step 2 Add interactions” veya “Next Step Add interactions” butonuna tıklayın.
    h5p_video9

  10. Video, aşağıdaki şekilde sayfaya eklenecektir. Ek olarak videonuza ekleyebilmeniz için çeşitli etkileşim seçeneklerinin bulunduğu bir üst menü açılacaktır.
    h5p_video10

  11. Üst menüde bulunan seçenekleri tanıyalım:
    h5p_video_etiket

    Etiket (Label) ekler.

    h5p_video_metin Metin (Text) ekler.
    h5p_video_tablo Tablo (Table) ekler.
    h5p_video_bağlantı Bağlantı (Link) ekler.
    h5p_video_resim Resim (Image) ekler.
    h5p_video_statements Özet ifadeler (Statements) ekler.
    h5p_video_tekbirdogru Tek bir doğru cevabı olan çoktan seçmeli soru (Single Choice Set) ekler.
    h5p_video_birdenfdogru Birden fazla doğru cevabı olan çoktan seçmeli soru (Multiple Choice) ekler.
    h5p_video_d-y Doğru/Yanlış sorusu (True/False)  ekler.
    h5p_video_fillblank Boşluk doldurma sorusu (Fill in the Blanks) ekler.
    h5p_video_d-d Sürükle-bırak sorusu (Drag and Drop) ekler.
    h5p_video_markword Kelimeleri işaretleme sorusu (Mark the Words) ekler.
    h5p_video_dragtext Metin sürükle-bırak sorusu (Drag Text) ekler.
    h5p_video_crossroads Bağlantı noktası sorusu (Crossroads) ekler.
    h5p_video_hotspot Hotspot etkinliği (Navigation Hotspot) ekler.

Etiket eklemek için “Label” butonuna tıkladığınızda aşağıdaki seçeneklerin bulunduğu bir ekran açılacaktır. Videoya etkileşimsiz bir metin eklemenizi sağlar.

  1. Öncelikle görünüm seçeneklerini tanıyalım.
    a. Display time: Etiketin hangi zaman aralığında ekranda görünmesini istiyorsanız buraya o zaman aralığı girilir.
    b. Pause video: Etiket ekranda göründüğünde, videonun durmasını sağlar.
    c. Label: Etikette yazmasını istediğiniz metin girilir.
    d. İlgili düzenlemeleri tamamladıktan sonra “Done” butonuna tıklayın.

    h5p_video_ee1
     

  2. Düzenleme seçeneklerini tamamlayalım.
    a. Etiket, videoya aşağıdaki şekilde eklenecektir. Bu etikete tıkladığınızda bir menü açılmaktadır. Etiketin üzerine tıklayarak sürükle-bırak yöntemi ile video içerisinde istediğiniz yere taşıyabilirsiniz.
    h5p_video_ee2

    b. Düzenleme seçenekleri aşağıda belirtilmiştir.

    h5p_video_ee3

    Etiketin, ekran içerisindeki konumunu ve boyutunu ayarlamanızı sağlar

    h5p_video_ee4

    Etiket üzerinde düzenleme yapmanızı sağlar.

    h5p_video_ee5

    Etiketi, kopyalamanızı sağlar. Kopyalama işlemi için bu simgeye tıklayıp ardından sağ üst köşede bulunan h5p_video_ee6 simgesine tıklayın.

    h5p_video_ee7

    Etiketi, sayfadaki diğer bileşenler arasında öne getirmenizi sağlar.

    h5p_video_ee8

    Etiketi, sayfadaki diğer bileşenler arasında arkaya getirmenizi sağlar.

    h5p_video_ee9

    Etiketi, silmenizi sağlar.

Metin eklemek için “Text” butonuna tıkladığınızda aşağıdaki seçeneklerin bulunduğu bir ekran açılacaktır. 

  1. Öncelikle görünüm seçeneklerini tanıyalım.
    a. Display time: Metnin hangi zaman aralığında ekranda görünmesini istiyorsanız buraya belirlenen zaman aralığı girilir.
    b. Pause video: Metin ekranda göründüğünde, videonun durmasını sağlar.
    c. Display as: Metnin ekranda, poster ya da buton şeklinde görünmesini sağlar.
    d. Label: Etikette yazmasını istediğiniz metin girilir. Etkileşim ikonunun yanında görünen metindir. Bu metne tıklandığında
    “Text” alanına yazdığınız metin görülür.
    e. Text: İlgili metin girilir.
    f. İlgili düzenlemeleri tamamladıktan sonra “Done” butonuna tıklayın.h5p_video_me1

Tablo eklemek için “Table” butonuna tıkladığınızda aşağıdaki seçeneklerin bulunduğu bir ekran açılacaktır. 

  1. Öncelikle görünüm seçeneklerini tanıyalım.
    a. Display time: Tablonun hangi zaman aralığında ekranda görünmesini istiyorsanız buraya belirlenen zaman aralığı girilir.
    b. Pause video: Tablo ekranda göründüğünde, videonun durmasını sağlar.
    c. Display as: Tablonun ekranda, poster ya da buton şeklinde görünmesini sağlar.
    d. Label: Etikette yazmasını istediğiniz metin girilir. Etkileşim ikonunun yanında görünen metindir. Bu metne tıklandığında
    “Table” alanına eklediğiniz tablo görülür.
    e. Title: Tablo için bir başlık girilir
    h5p_video_te1

  2. Tablo seçeneklerini tanıyalım.
    a. Tablonun üzerine tıklayın ve tabloya verilerinizi ekleyin. Tablo üzerinde daha detaylı düzenleme yapmak istiyorsanız, ekrandaki tablo simgesine tıklayın.
    h5p_video_te2

    b. Tablo özelliklerinin bulunduğu bir ekran açılacaktır. Burada gerekli düzenlemeleri yaptıktan sonra “Ok” butonuna tıklayın.
    h5p_video_te3

  3.  İlgili düzenlemeleri tamamladıktan sonra “Done” butonuna tıklayın.
    h5p_video_te4
     

.​

Bağlantı eklemek için “Link” butonuna tıkladığınızda aşağıdaki seçeneklerin bulunduğu bir ekran açılacaktır. Böylece video içerisindeyken başka bir sayfaya yönlendirme yapabilirsiniz.

  1. Öncelikle görünüm seçeneklerini tanıyalım.
    a. Display time: Linkin hangi zaman aralığında ekranda görünmesini istiyorsanız buraya belirlenen zaman aralığı girilir.
    b. Pause video: Link ekranda göründüğünde, videonun durmasını sağlar.
    c. Title: Link için bir başlık girilir.
    d. URL: İlgili link bu alana yapıştırılır.
    h5p_video_be1
     
  2. “Visuals” seçeneklerini tanıyalım.
    a. Background color: Link kutucuğuna arkaplan rengi eklemenizi sağlar.
    b. Box shadow: Link kutucuğuna gölge efekti vermenizi sağlar.
    h5p_video_be2
     
  3. İlgili düzenlemeleri tamamladıktan sonra “Done” butonuna tıklayın.

Resim eklemek için “Image” butonuna tıkladığınızda aşağıdaki seçeneklerin bulunduğu bir ekran açılacaktır. 

  1. Öncelikle görünüm seçeneklerini tanıyalım.
    a. Display time: Resmin hangi zaman aralığında ekranda görünmesini istiyorsanız buraya belirlenen zaman aralığı girilir.
    b. Pause video: Resim ekranda göründüğünde, videonun durmasını sağlar.
    c. Display as: Resmin ekranda, poster ya da buton şeklinde görünmesini sağlar.
    d. Label: Etikette yazmasını istediğiniz metin girilir. Etkileşim ikonunun yanında görünen metindir. Bu metne tıklandığında
    “Image” alanına eklediğiniz resim görülür.
    e. Image: “Add” butonuna tıklayarak bir resim ekleyin.
    f. Alternative text: Tarayıcının resmi yükleyememesi durumunda, bunun yerine bu alana yazılan metin görünür.
    g. Hover text: Fare imleci ile, görselin üzerinde gelindiğinde bu alana yazılan metin görünür.
    h. İlgili düzenlemeleri tamamladıktan sonra “Done” butonuna tıklayın.

    h5p_video_re1