Blockly uygulaması, Blockly düzenleyicisi (çalışma alanı) içeren bir web uygulamasıdır. Bu dokümanda, Blockly uygulamalarının kullanım alanlarına dair örnekler verilmektedir ve tipik kullanıcı arayüzü özellikleri ele alınmaktadır.
Henüz yapmadıysanız bu dokümana devam etmeden önce görsel terimler sözlüğünü ve temel başvuru adımlarını okuyun.
Blockly uygulamaları ne işe yarar?
Blockly uygulamaları, kullanıcıların video oyunlarından robotiğe ve veri analizine kadar çeşitli alanlarda program yazmalarına yardımcı olur. Kullanıcılar programlarını blokları kullanarak yazar. Uygulama, JavaScript veya Python gibi metne dayalı kod oluşturmak için bu blokları kullanır. Ardından uygulama, oluşturulan kodu doğrudan çalıştırır veya kullanıcı, kodu robot veya el video oyunu kumandası gibi başka bir platformda indirip çalıştırır.
Kullanıcıların Blockly uygulamalarıyla yazdığı program türlerine bazı örnekler aşağıda verilmiştir:
Bulmaca çözümleri, animasyon veya müzik: Oluşturulan kod bir bulmacayı (labirent gibi) çözer, animasyon gösterir veya müzik çalar. Örnek olarak Code.org'un Music Lab'ine bakın.
Video oyunları: Oluşturulan kod bir video oyunu çalıştırır. Örneğin, MakeCode Arcade'de "Kertenkeleyi Vur" oyununun ilk iki seviyesini oluşturun ve oyunu bir kontrol cihazına indirin veya simülatörde oynayın.
Robotik: Oluşturulan kod bir robotu yönlendirir. Örneğin, Ozoblockly ile bir robot programlayıp gerçek bir robota indirebilir veya simülatörde çalıştırabilirsiniz.
Çizim: Oluşturulan kod, 2D veya 3D çizim yapar. Örneğin, BlocksCAD'e bakın.
Veri analizi: Oluşturulan kod verileri analiz eder ve bir grafik oluşturur. Örneğin, Dialogic Platform'un bu gösterimini inceleyin.
Uygulamaya özgü kod: Oluşturulan kod, belirli bir uygulamaya özgü bir görevi gerçekleştirir. Örneğin, Blockly Geliştirici Araçları yeni Blockly blokları tasarlamak için kullanılan bir araçtır. Kullanıcıların kendi Blockly uygulamalarına kopyalayıp yapıştıracağı blok tanımı kodu oluşturur.
Kullanıcı arayüzleri
Blockly uygulamalarının tipik bileşenlerini anlamanın iyi bir yolu, kullanıcı arayüzlerine bakmaktır.
Temel kullanıcı arayüzü bileşenleri
Hemen hemen tüm Blockly uygulamalarında birkaç temel bileşen bulunur: Blockly düzenleyici (çalışma alanı), çıkış paneli ve Run düğmesi. Örneğin, Blockly Games'deki Labirent oyununun kullanıcı arayüzü aşağıda verilmiştir.
Bazı Blockly uygulamaları Run düğmesini atlar ve bunun yerine kullanıcı her değişiklik yaptığında çıkış panelini günceller. Örneğin, Blockly'deki örneklerdeki Grafik uygulaması, her değişiklikte güncellediği iki çıkış paneline (biri grafik, diğeri denklem için) sahiptir.
Bazı uygulamalarda çıkış paneli yoktur. Bu durum en çok robot programlama gibi donanım uygulamalarında görülür. Bu uygulamalardan bazıları donanım simülasyon aracı içerirken çoğu, kullanıcıların oluşturulan kodu doğrudan hedef cihazda indirip çalıştırmasına olanak tanır.
Ek kullanıcı arayüzü bileşenleri
Çoğu uygulamada ek kullanıcı arayüzü bileşenleri bulunur. Bunlardan bazıları kullanıcının çalışmalarını kaydetme gibi genel ihtiyaçları karşılarken bazıları kullanıcı arayüzü tasarlama gibi uygulamaya özgü ihtiyaçları karşılar. Aşağıda bazı örnekler verilmiştir:
Animasyon ve video oyunu oluşturmaya yönelik bir uygulama olan Scratch'te grafik ve ses düzenleyenler, yeni karakterler ve arka planlar oluşturmak için paneller, dosya, düzenleme ve ayarlar menüleri bulunur:
Video oyunu oluşturmaya yönelik bir uygulama olan MakeCode Arcade'te çıkış kontrolleri, kod ve grafik düzenleyiciler, ayarlar menüsü ve indirme ve kaydetme düğmeleri bulunur. Çıkış paneli, avuç içi oyun kumandasını simüle eder.
Telefon uygulamaları oluşturmaya yönelik bir uygulama olan MIT App Inventor'da kullanıcı arayüzü tasarımcısı ve Blockly düzenleyicinin yanı sıra dosya, bağlantı, derleme ve ayarlar menüleri için ayrı ekranlar bulunur. Kullanıcılar, çıkış paneli yerine oluşturulan kodu telefonlarında test eder.
Eklemeniz gereken ek bileşenler, uygulamanızın hedeflerine ve kullanıcılarınızın yeteneklerine bağlıdır. Yaygın olarak kullanılan bazı bileşenler şunlardır:
Yönetim:
- Dosya yönetimi (yeni, aç, kaydet, farklı kaydet, sil)
- Hesap yönetimi (oluşturma, oturum açma, oturum kapatma)
- Ayarlar (dil, kullanıcı arayüzü yapılandırması)
Programlama:
- Düzenleme komutları (geri al, yeniden yap, kopyala, kes, yapıştır, kopyala)
- GUI tasarımcısı
- Grafik ve ses düzenleyiciler
- Kod düzenleyici veya salt okunur kod görüntüleme
Test
- Çıkış yapılandırması (başlatma/durdurma, oynatma hızı, ses seviyesi, ekran görüntüsü vb.)
- Hata ayıklayıcı (kesme noktaları, çalıştırma, adım, blok vurgulama)
- Test parametrelerini ayarlama
Donanım
- Bağlantı (USB, Bluetooth, QR kodu)
- Yapılandırma (model seçin, aksesuarları seçin, bileşen adlarını atayın)
- Kontrol (robotu manuel olarak kontrol etme, robot konumunu kaydetme)
- Kodu indir
Yardım
- Belgeler
- Etkileşimli eğiticiler
- Bağlama duyarlı yardım
Bundan sonra ne yapmalıyım?
Başvurunuz hakkında hâlâ düşünüyorsanız tasarımla ilgili dikkat edilmesi gereken noktalar hakkındaki makaleyi okumaya devam edin.
Basit bir uygulama oluşturmanın nasıl bir şey olduğunu görmek istiyorsanız Blockly codelab ile başlama başlıklı makaleyi inceleyin.
Başvurunuzu yazmaya hazırsanız: