ai-Not 2: App Inventor ile ilk uygulamamız.

Yayınlandı: 06 Kasım 2012 / App Inventor ile Uygulama Geliştirme
Etiketler:, , , ,

ai-Not1’de anlatılanları eksiksiz olarak yaptıysanız eğer http://beta.appinventor.mit.edu adresine girerek ilk uygulamamızı geliştirmeye başlayabiliriz.

1- Karşımıza gelen ekranda My Projects sekmesinden “New” butonuna tıklıyoruz.

2- Açılan pencereye proje ismini yazıyoruz  (burada dikkat edilmesi gereken: Türkçe karakter kullanmıyoruz ve boşluk bırakmıyoruz.)

Büyütmek için tıklayın.

3- İlk projemizde bir butona tıkladığımızda küçük bir ses dosyasını çaldıracağız.Bunun için proje penceremizin sol tarafında bulunan araçlarımızdan “Basic” sekmesi altındaki “Button”‘u mouse ile seçiyoruz ve sürükleyerek ortadaki cihaz ekranına bırakıyoruz. Ekranda butonumuzu görüyor olmamız lazım.

Büyütmek için tıklayın.

4- Daha sonra butonumuza bir resim yüklüyoruz. Bunun için butonumuza tıklıyoruz ve ekranımızın en sağındaki “Properties” kısmından “image” kutusuna tıklayarak “add” diyoruz. Yüklemek istediğimiz resmi seçiyoruz.

5- Sıra geldi  ses eklemeye. Bunun için ekranımızın sol tarafındaki “Palette” kısmından “media ” sekmesini açıyoruz ve “sound” aracını ekranımıza sürükleyip bırakıyoruz. Hoparlör simgesi ekranımızın altında oluşacak. Daha sonra ses simgesine tıklayarak “Palette” kısmından yüklemek istediğimizi sesi seçiyoruz. Buraya kısa bir ses (effect) yüklememiz gerekir. Eğer daha uzun şarkı vs çalmak istiyor isek “sound” yerine “player” seçmemiz gerekirdi.  Ben windows efektlerinden birisini yükledim.

6-Ekranımızı oluşturduğumuza göre sıra geldi programlama aşamasına. Bunun için ekranın sağ üst tarafında bulunan “Open the Blocks Editor” butonuna tıklıyoruz. Biraz beklediğimizde ve gelen pencerelere pnay verdiğimizde blocks editor açılıyor.

7- Blocks Esitörde solda bulunan kısımdan My Blocks sekmesine tıklıyoruz. Burada az önce oluştrduğumuz elemanlar bulunuyor.(Buton1 ve Sound1- İstersek bunlara “butonum”, “sesim” gibi isimlerde verebilirdik)

8-İlk olarak Buton1’i seçerek istediğimiz olayı belirliyoruz. (Click olduğunda ses çaldıracağımız için Click olayını seçiyoruz) Belirlediğimiz olayı ekrana sürüklüyoruz.

9-Daha sonra “Sound1″‘i seçip  “play” olayını sürükleyip button1. click olayının içerisine yerleştiriyoruz. Gördüğünüz gibi yap-boz şeklinde. Artık buton1’e tıklandığında sound1 çalacak. Daha sonra blocks editorden projemizi saveliyoruz. Blocks editorü kapatabiliriz.

Büyütmek için tıklayın.

10- Tasarım ekranımıza geri dönüyoruz ve burada sağ üstte bulunan “Package for Phone” butonuna tıklıyoruz. Biraz bekledikten sonra APK dosyamız hazır. İndirip telefonumuza veya tabletimize yükleyebiliriz.

Büyütmek için tıklayın.

Önemli Not: Blocks editör’de sağ üst köşeden “New emulator” deyip bir android telefon emülatörü çalıştırabiliyoruz. Daha sonra “Connect to Device” butonuna basarak emülatöre bağlanıp uygulamamızın çalışmasını izleyebiliriz.

Siz biraz kurcalamaya başlayın app inventorü.
Bir sonraki dersimizde görüşmek üzere.

yorum
  1. Murat dedi ki:

    Merhaba hocam. ilk yorumu yazdığımdan beri bende uğraşmaktayım. App İnv. örnek videosundan yola çıkarak bu anlattıklarınızı bire bir uyguladım. Fakat şöyle bir sorunum var. Web sitesi üzerinden ekran,buton,ses kliplerini ekledikten sonra block diaramı’nı aç diyorum. sonra karşıma bir java uygulaması geliyor indiriyormuş gibi(aç,kaydet,iptal seçenekleri). Aç dedikten bir süre sonra App Invertor üzerinden blog kısmı açılıyor. My Blocks’a tıkladığım da web sitesi üzerindeki hiç bir eleman gözükmüyor.Sorun ne olabilir acaba?

  2. istemihan dedi ki:

    bu yazı çok işime yaradı teşşekkür ederim. zaten kodlama bilgim olduğu için kaptım işi hemen. fakat tablete uygulamamı yüklediğimde çok küçük geldi nasıl çözebilirim bu sorunu .

  3. istemihan dedi ki:

    ama daha zormuş eclipse. sizin tavsiyeniz nedir eclipse ilemi başlayayım

  4. abdullah dedi ki:

    konuyla alakası yok ama bi sorum olacaktı screen’ler arası nasıl geçiş yapabilirim detaylı anlatırsanız sevinirim şimdiden çok teşekkürler.

  5. kudret dedi ki:

    merhaba ilk olarak derdimi şu şekilde anlatayım 🙂 android tabanlı akıllı ev yani androidle led kontrol bunun için devresi için ardunio aldım ve ardunio kodlarım hazır bu projeyi tek aldığım için hocam bana mıt app invertorü tavsiye etti. azz cok bilgim var ama kullanışı hakııkında pek bilgim oldugu söylenemez leed kontrolü için izlenilecek adımlar hakkında bilgi verirseniz sevinirim teşekkürlerrr…

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s