APP INVENTOR Emre ANLAR.

... konulu sunumlar: "APP INVENTOR Emre ANLAR."— Sunum transkripti:

1 APP INVENTOR Emre ANLAR

2 App Inventor Nedir ? App Inventor uygulaması sayesinde hiç programlama bilginiz olmasa da Android uygulamaları geliştirebilirsiniz. Programlamayı az bilenler veya hiç bilmeyenler için Android uygulamaları geliştirmek amacıyla kullanabilecekleri, kolay bir görsel uygulamadır. App Inventor’da ilk başta uygulamayı görsel olarak tasarlayacağız ve sonra kodların yerine blokları kullanarak uygulamamızı oluşturacağız.

3 Başlamadan Önce Yapılması Gerekenler
Uygulamaları geliştirmek için Google hesabı kullanıyoruz.  appinventor.mit.edu adresine kayıt olmanız gerekli .  appinventor.mit.edu adresinden programımızı indiriyoruz.  Emulaton programını kurmak. App Inventor’da çalışmak için web tarayıcısı ve internet bağlantısı gereklidir.

4 http://appinventor.mit.edu/explore/ adresine giriş yaptığımızda

5

6 Sağ üst köşede ki Create apps
Sağ üst köşede ki Create apps! Butonuna tıkladığımızda bizden Google hesabımızla bağlanmamızı isteyecektir.

7

8 Giriş yaptığımızda karşılaştığımız ekranda Sol üstte ki Start new Project seçeneğine tıkladığımızda; Bizden bir proje ismi girmemi isteyecektir. Proje ismini yazdıktan sonra OK tuşuna basarak devam ediyoruz;

9

10 Projemizi oluşturmuş olduk
Projemizi oluşturmuş olduk. Sol tarafta yer alan menüleri incelemiz gerekirse user interface;

11

12 Buton, CheckBox, Label vb. elemanlarla tasarımlar yapabiliriz
Buton, CheckBox, Label vb. elemanlarla tasarımlar yapabiliriz. Bu Elemanların özelliklerini değiştirmek için Örneğin bir butonu ekranımıza sürükledik ve değişiklikler yapmak istiyoruz. Renklendirme üzerindeki yazıyı değiştirme gibi ;

13

14 Sağ tarafta bulunan ve eleman seçildiğinde ortaya çıkan properties seçeniği ile düzenlemeler yapabiliriz. Sağ üst Köşedeki Designer görünümü kullanıyoruz şuan . Eğer Blocks görünümüne geçecek olursak

15 Oluşturduğumuz Butona tıklandığında ne yapmak istersin sorusunun şıklı cevaplarını görebilirsin .

16 İlk Uygulamamız butona tıklanınca bir yazının renginin değiştirilmesi olsun . Gelin adım adım yapalım. Designer görünümündeyken ekranımıza bir buton ekliyelim ve birde label. Labelimizin text kısmına arzu ettiğimiz bir şeyi yazalım örneğin İlk uygulamam.

17

18 Daha Sonra Blocks görünümüne geçelim ve etkileşimlerimizi belirliyelim.

19 Mantık olarak butona tıklandığındada labelin yazı rengini değiştir yazmamız gerekiyor . App inventor ile bu kodları yazmaktan kurtularak şekillerle işlemimizi daha kolay hale getirebiliyoruz.

20

21 Basit olarak (basitleştirilmiş ingilizce) buton1 e tıklandığında label1 in yazı rengini değiştir demiş olduk . Hazırladığımız uygulamayı çalıştırmak için Yukarıdaki Connect butonundan

22

23 Emulaton programını kurarak bilgisayarımızda bir telefon oluşturarak bilgisayarımızdan açabiliriz ya da USB seçeneği ile telefonumuzu bilgisayara bağlayıp telefonumuzdan çalıştırabiliriz.

24

25 Yapmış olduğumuz uygulamanın son çıktısı bu şekilde olacaktır.