Page 9 - inovasyon 8

Yapabilirsin...

Her zaman olduğu gibi programa giriş yaparak işe başlıyoruz ve “www.
appinventor.mit.edu” sitesine, Gmail hesabımızı kullanarak giriş yapıyoruz.
Ardından “Start new project” butonu ile yeni bir proje oluşturuyoruz.

Not: Bu adımları daha ayrıntılı görmek için önceki sayılarımızı
inceleyebilirsiniz.
Projemizi oluşturduktan sonra tasarım ekranı ile karşılaşıyoruz. Bu ekranda,
programımız içinde kullanacağımız bileşenleri ekleyeceğiz. Bu programda
temel amacımız, bir uzay aracı kalkış animasyonu oluşturmak olacaktır.
Programımız açıldığında, uzay aracı ekranda belirecek ve tıklama hareketi
ile uçuşa geçerek yükselecektir.
Haydi kodlayalım!

Tasarıma arka plan resmini değiştirerek ve uzay aracı için kullanacağımız
resmi ekleyerek başlıyoruz. Bu örnekte kullandığımız arka plan ve uzay
aracı resimlerine, sağ tarafta bulunan QR kod ile ulaşabilir ya da istersen
kendi resimlerini internetten kolayca indirebilirsin. “Media” bölümünün
altında bulunan “Upload File” butona tıklıyoruz. Açılan pencereden
“Dosya Seç” diyerek resim dosyamızı seçiyoruz (Resim-1). Bir sonraki
adımda bu resimleri uygulamamıza nasıl ekleyeceğimizi de açıklayacağız.

Resim-1

Kullanacağımız bileşenleri ekleyerek tasarım işlemimize devam ediyoruz.
“Drawing and Animation” menüsünde bulunan “Canvas” bileşenini
ekliyoruz. Ekleme işleminden sonra sağ tarafta bulunan “Properties”

MART 2019 / İNOVASYON KÜLTÜRÜ • 9
MART 2019 / İNOVASYON KÜLTÜRÜ • 9