Navigation
TAG: Blockly

“Çocuklar için Kodlama” Kitabımdan Bir Bölüm

Blockly “Code Editor”

Blockly ana sayfasından “Samples” linkine tıklarsanız “Blockly” ile yapılmış uygulamaların olduğu ayrı bir sayfaya ulaşırsınız.  Burada sonlara doğru “Code Editor” isminde bir link var, bu linki tıklarsanız “Code Editor” uygulamasına erişirsiniz. Veya tam linki aşağıdadır:
https://blockly-demo.appspot.com/static/demos/code/index.html
Editörün alanları şöyle:

02

Gördüğünüz gibi bloklar değişik kategoriler altında toplanmış,  bu kategoriler sayesinde kullanmak istediğimiz bloğa kolayca ulaşabiliyoruz. Bloğumuzu bulduktan sonra kullanmak için, sürükle bırakla blok alanına eklemeliyiz.  Şimdi “Merhaba Blockly” mesajı veren basit bir uygulama yapalım

 

blockly

Bu uygulamada mesaj yazdırmak için “Metin” kategorisi altındaki bloklara ihtiyacımız var. Bunlardan bir tanesi mesajı yazdıran “‘i yaz” bloğu diğeri de mesajı barındıracak olan ve çift tırnak içeren blok.
Çift tırnak içine yazdığımız mesajı, “yaz” bloğuna, blok alanında ekliyoruz. Programın çalıştırılması için sağ üstteki kırmızı butona tıklıyoruz.  Sonuç olarak mesajımızı gösteren bir pencere açılıyor.

Blockly Çalışmalarımızı Paylaşmak

Blockly’deki çalışmalarımızı internet üzerinden bir web uygulaması olarak yapıyoruz. Bu bize pek çok avantaj sunar. Bir kere dilediğimiz yerden çalışabilme imkanı sunuyor. İnternete bağlı herhangi bir bilgisayar veya Akıllı telefon-Tablet ile çalışma yapabiliriz. Sadece Web adresini yazmak yeterli, hiç bir plugin, uygulama vs. yüklemeye gerek yok. Diğer bir avantajı; yaptığınız uygulamaları sadece bir Web adresiyle paylaşabilmeniz. Örneğin yaptığımız mesaj uygulamasını bir Web adresi vasıtasıyla paylaşabilirim, bunun için sağ üst köşedeki link butonuna tıklamalısınız:
https://blockly-demo.appspot.com/static/demos/code/index.html?lang=tr#tgvaub

 

blockly paylaşım

Açılan bir pencerede uygulamanızı paylaşabileceğiniz bir link veriliyor. Bu link sayesinde uygulamanıza herkes erişir ve kullanabilir.

Daha fazla sonuç yok.