Anasayfa » Kodlama » MIT Scratch Language ile Kod Yazmayı Çocuklara Öğretme

    MIT Scratch Language ile Kod Yazmayı Çocuklara Öğretme

    çocuklar farklı öğren Yetişkinlerden daha fazla, bu yüzden eğer onlara kodlamayı öğretmek istiyorsak, bir yaklaşım kullanmamız gerekiyor. onların ihtiyaçlarına uygun. Yetişkinlerin kodlama kursları genellikle veri tipleri, değişkenler ve fonksiyonlar gibi yapı taşlarını açıklamakla başlar, ancak bu öğretim yöntemi çoğu çocukla iyi uyuşmuyor.

    Görsel blok dilleri yardımı ile kodlamayı öğrenenler sunarak bu konuda bir çözüm sunmak görsel yapı taşları. Blok dilleri (bazen kabarcık dilleri de denir) sözdizimi yerine mantığa odaklanın, ve kodlamayı öğretmek yaratıcı projelerle.

    Scratch, Code.org ve Tynker gibi blok dilleri öğreten bir kaç harika uygulama internette mevcut (Scratch ve Code.org ücretsiz ve Tynker uygun bir fiyata geliyor).

    Onlarla ilgili en iyi şeylerden biri, çocuklarınızın onlarla başlamasına yardımcı olmak için mutlaka bir programcı olmanıza gerek kalmamasıdır. Bu yazıda, tarafından geliştirilen görsel bir blok dili olan Scratch'a bir göz atacağız. Google ve MİT Medya Laboratuvarı.

    Başlamak

    Çizik İhtiyaç duyduğunuz, eğitim amaçlı hazırlanmış bir programlama dilidir. blokları birbirine yaslamak animasyonlar, oyunlar ve etkileşimli hikayeler gibi farklı projeler oluşturmak için.

    Scratch, öncelikle çocuklar ve gençler için yaratılmıştır. 8 ila 16 yaş arası, Ancak bazı durumlarda küçük çocuklar ve yetişkin öğrenciler için de işe yarayabilir..

    Çizilmeye 40'tan fazla dilde ulaşılabilir, son sürümü Çizik 2 Windows, Mac ve Linux makinelerde daha yeni web tarayıcılarında çalışır. Sistem gereksinimlerinizle ilgili sorunlarınız varsa, önceki sürümü olan Scratch 1.4'ü de kullanabilirsiniz..

    Scratch kullanabilirsiniz 3 farklı şekilde:

    1. Çevrimiçi hesap oluşturun, ve çevrimiçi editörü kullanın. Bunu seçerseniz, projelerinizi çevrimiçi olarak kaydedebilir ve Scratch topluluğu ile paylaşabilirsiniz..
    2. Çevrimiçi editörü kullanın anonim. Bunu seçerseniz, projelerinizi yalnızca bilgisayarınıza kaydedebilirsiniz..
    3. Çiziksiz Çevrimdışı Düzenleyiciyi indirin ve yerel olarak çalış.

    Başlamak, Oluştur menüsünü tıklayın üst menü çubuğunda, Scratch editörü ekranınızda belirecektir..

    Tasarım oluşturmak

    İlk önce tasarım öğelerini ekle programımıza. Gerçek hayattaki programlamanın iş akışı temelde aynıdır, önce ihtiyacımız olan tasarım öğelerini yarat, arka planlar, düğmeler ve gezinme gibi (bu bölüm genellikle tasarımcı tarafından yapılır), sonra onlara işlevler eklemek kod ile (bu bölüm bir programcı tarafından yapılır).

    Sprite ve arka plan

    Scratch, iki farklı tasarım öğesi sunar: arka planında ve Spritelar.

    Dönem “zemin” arka plan ve terim “peri” karakterleri temsil eder (varsayılan karakter, yukarıdaki ekran görüntüsünde görebileceğiniz kedidir). İlgili ayarları sol alt köşede, sahnenin altında.

    Dört yolu vardır yeni bir fon veya Sprite ekle Aşamaya, önceden tanımlanmış bir kütüphaneden birini seçebilir, birini boyayabilir, bilgisayarınızdan yükleyebilir veya web kameranızla fotoğraf çekebilirsiniz..

    Şimdi en hızlı çözümü kullanalım ve Zemin Kütüphanesi.

    Ayrıca, listeden bir veya daha fazla Sprite seçelim. Sprite Kütüphanesi yanındaki küçük sprite ikonuna tıklayarak “Yeni sprite” ekranın sol alt köşesindeki etiket.

    İsterseniz, hem fonu hem de Sprite'ları kullanışlı bir araç yardımıyla düzenleyebilirsiniz. resim editörü Bu, sahneye yeni bir tasarım öğesi ekledikten sonra otomatik olarak belirir..

    Aşağıda, ekranımı ekledikten hemen sonra ekranımı görebilirsiniz. “Gece Şehri” sahnemdeki fon - İsteseydim fondaki görüntülerini resim editörünün çizim araçlarıyla değiştirebilirdim.

    Bu yazıda bir yaratacağım basit animasyon Bir gece şehirde hayalet tarafından korkmuş bir kız hakkında (Biliyorum…). Zaten gece şehir fonu var ve şimdi iki Sprite'a ihtiyacım var: bir kız ve bir hayalet.

    Varsayılan kediye ihtiyacım yok, bu yüzden onu sağ tıklayıp çıkartıyorum. Kızı ve hayaleti Sprite kütüphanesinden ekledim. Hayalet kızdan daha büyük olduğundan ve birbirlerinin yanında tuhaf göründükleri için, resim editörünü kullanarak hayaleti yeniden boyutlandırırım..

    Şimdi ihtiyacım olan tüm tasarım öğelerine sahibim. Aşağıda sahnemin şu an nasıl göründüğünü görebilirsiniz. Bir sonraki bölümde, biz işlev ekle iki Sprite'a (kız ve hayalet) Scratch bloklarını kullanarak.

    İşlev ekle

    Kazı kazan altında bulunabilir “Senaryo” sekmesi. Her bloğun arkasında bir temel kod pasajı.

    Bloklar 10 kategoriye ayrılmıştır (Hareket, Görünüş, Ses, Kalem, Veri, Olaylar, Kontrol, Algılama, Operatörler, Daha fazla blok), her biri farklı renk, bu şekilde blok grupları kolayca ayırt edilebilir.

    Her Sprite'a işlevsellik katacağız (özellikle onları canlandıracağız), yani her Sprite kendi senaryosuna sahip olacak (Çizikli blok dizisi).

    Ayrıca, zemine ayrı bir komut dosyası ekleyebileceğimizi unutmayın; örneğin, renklerini günden geceye değiştirebiliriz, ancak sadelik uğruna bu örnekte zemini değiştirmeyiz.

    İnsan tarafından okunabilir bir algoritma oluşturun

    İçin yararlı olabilir kağıt üzerinde planlamak Sprite'ların ne yapacak. İşte kız hayalet örnek programımızın algoritması.

    Kızın algoritması:

    1. Kullanıcı başlar senaryo.
    2. Kız düşünüyor Ne kadar korktuğu hakkında.
    3. Kız kadar beklemek hayalet ona saldırır.
    4. Kız çığlıklar.
    5. Kız kaçar.

    Hayalet algoritması:

    1. Kullanıcı başlar senaryo.
    2. Hayalet süre beklemek kız düşünüyor.
    3. Hayalet yaklaşımlar kız.

    Kızın algoritmasının kızın bakış açısından yazıldığını ve hayaletin algoritmasının hayaletin bakış açısından yazıldığını görebilirsiniz. Bir karakter hareket ederken, diğer karakter beklemek gerekiyor, ihtiyacımız olduğu gibi iki karakterin hareketlerini senkronize et.

    Hayaletin senaryosu

    Sadece 3 adımda olduğu gibi, hayaletin senaryosuyla başlayalım. Sol alt köşedeki Hayalet'i tıkladığınızda başlayabilirsiniz blokları sürükleyerek Script alanına. Öncelikle programı başlatmak için kullanıcının yapması gerekir. Bunu ekleyerek kolayca yapabiliriz. “yeşil bayrak tıklandığında” engellemek “Olaylar” kategori.

    Sonra, kız düşünürken hayalet 2 saniye bekler. Biz bu eylemi programlıyoruz “2 saniye bekle” içinde bulunabilir blok “Kontrol” kategori.

    Sonunda, hayaletin ... ... başarabileceğimiz kıza yaklaşması gerekiyor. “Abby’e git” engellemek “Hareket” kategori. “Abby” kız ismi, Scratch otomatik olarak diğer Sprite'ların adlarını bu bloğun açılır menüsüne ekler..

    İşte hayaletin senaryosu böyle gözüküyor. Şimdilik, Scratch'ın çalıştığını kesinlikle anladınız. LEGO'ya benzer şekilde, gerek bloklara katıl birlikte.

    Kızın senaryosu

    Kızın senaryosu biraz daha karmaşık. Sol alt köşedeki kız Sprite’i tıkladığınızda, kız davranışıyla ilgili blokları eklemeye başlayabilirsiniz..

    Kızın senaryosu da şununla başlar: “yeşil bayrak tıklandığında” blok. Şimdi size kızın senaryosunun neye benzeyeceğini göstereyim, böylece açıklamayı daha kolay takip edebilirsiniz..

    Yeşil bayrak tıklandıktan sonra, kız 2 saniye düşünüyor (program bu süre boyunca bir düşünce balonu gösterecek), bu hayalet köşede beklerken aynı 2 saniyedir - hayaletin köşesinde bekleyen blok ile programlanmış senaryo.

    Öyleyse kızın hayalet ona dokunana kadar beklemesi gerekiyor. Bu bir tarafından yapılır oluşan bekleme bloğu. Bu bloğun içerdiği yukarıdaki ekran görüntüsünde görebilirsiniz. elmas şeklinde iç blok ayrı ayrı katılmanız gerekir. Bu bekleme bloğuna sadece elmas şeklindeki blokları ekleyebilirsiniz..

    Unutma, Scratch LEGO'ya benzer, şekillere dikkat et blokların yanı sıra. Bu özellik, yanlış kodlama mantığını önlemek için orada olmaması gereken blokları eklemenizi önler.

    Şimdiye kadar hayalet kıza dokundu ve hayaletin senaryosu sona erdi. Şimdi onunla çığlık attırmamız gerek. “sesi Oynat” Ses bloğu (Dahili Ses Kitaplığından kadın çığlık sesi ekledim) ve sonunda onu kullanarak hayaletten uzaklaşmasını sağladım. “200 basamak taşı” Hareket bloğu.

    Final projesine Scratch sayfasından bakabilirsiniz. Yapı taşlarına göz atmak istiyorsanız, sağ üst köşedeki İçeriden gör düğmesine tıklayın..

    Sonraki adımlar

    bizim “Şehirdeki hayalet” örnek çok basit bir proje. Çocuklarınız güvenle doğrusal hikayeler ve animasyonlar oluşturabildiğinde, daha karmaşık kodlama yapıları, gibi şart- bloklar (koşullu ifadeler) ve tekrar et bloklar (döngüler), her ikisinde de bulunabilir “Kontrol” kategori.

    Eğer istersen Doğrusal bir animasyon için daha karmaşık bir örnek (hala şartlı ifadeler ve döngüler olmadan), basit bir diyalog içeren diğer demo'ma bakabilir ve her birinin kendi senaryosuna sahip 3 Sprite (iki arkadaş ve bir doğumgünü pastası) kullanabilirsiniz..

    Ayrıca çocuklarınıza yazdırarak ilham verebilirsiniz. Kazı Kazan onlara göre ellerinde tut programlama sırasında. Kazı Kazan harika proje fikirleri onlar üzerinde. Ayrıca başkalarından öğrenmeye değer mevcut projeleri araştırmak, veya tartışma forumlarına katılmak.

    Scratch'ı daha iyi anlamak istiyorsanız, bir ücretsiz Coursera kursu Scratch programına yeni başlayanları çok erişilebilir, hatta eğlenceli bir şekilde tanıtan Edinburgh Üniversitesi tarafından.

    Ayrıca kaldıraçtan yararlanabilirsiniz. Çizik Wiki, Harvard Üniversitesi Yaratıcı Bilgi İşlem Dairesi bazı harika kaynaklar Scratch öğrenenler için.