Thunkable

Girilen Bir Yılı Görüntüleyen Mobil Uygulamayı Thunkable Platformunda Yapma

Thunkable platformunda kullanıcının girdiği bir yılı görüntüleyen basit bir mobil uygulama oluşturmak için aşağıdaki adımları takip edebiliriz.

1. Yeni Bir Proje Oluşturma

Thunkable sitesine giriş yapın. Siteye üye olmak istemiyorsanız aktif bir gmail hesabıyla giriş yapabilirsiniz.

Siteye giriş yaptıktan sonra sağ üst tarafta yer alan Create New Project butonuna basalım.

Ekrana gelen diyalog penceresinde Project Name kutusuna projenin adını yazalım. Proje ismi yazılırken Türkçe karakter kullanmayalım ve boşluk gibi özel karakterler kullanmayalım. Ben proje ismi olarak YilGoruntule ifadesini kullandım. Data sonra yapılan projenin hangi kategori grubuna girdiğini belirleyelim. Ben Education olarak belirledim. Mahremiyet kuralını belirleyelim. Public kalabilir. Use the Drag and Drop Builder seçeneğinin mutlaka işaretli olmasına dikkat edelim. Create diyerek projeyi oluşturalım.

2. Kullanıcı Arayüzünü Tasarla

Design ekranında (Tasarım ekranı) aşağıdaki bileşenleri Screen1 ekranına ekleyelim.

Kullanıcının yılı girmesi için Text Input (Metin Girişi) kutusunu ekleyelim. İçinde kullanıcıyı bilgilendirmek amacıyla kullanılan mesajı sağ tarafta yer alan Hint metin kutusuna yazalım. Ben Bir yıl giriniz... yazdım.

Kullanıcının girdiği değer üzerinde işlem yapabilmesi için sahneye Button(Düğme) ekleyelim. Butonun başlığını sağ tarafta yer alan metin kutusuna girelim. Ben Göster dedim. 

Girilen yılı ekranda göstermek için sahneye Label (Etiket) ekleyelim. Bu etikenin içinde varsayılan olarak Label yazmaktadır. Bu bilgiyi sağ taraftaki metin kutusundan silelim.

3. Kod Bloğunu Oluştur

Blocks bölümüne geçelim ve aşağıdaki işlemleri yapalım.

Screen1 ekranında yer alan nesneler sol tarafta listelenmektedir. Button1 seçildiğinde bu nesne için kullanılabilecek blok yapıları sağ tarafında ekrana gelir. Burada butona tıklanınca (Button Clicked) olayını sahneye taşıyalım.

Kullanıcıdan gelecek bilginin saklandığı nesne olan Text_Input1 nesnesini seçelim. Ekrana gelen blok yapılarından get Text_Input1 value şeklini sahneye taşıyalım.

Girilen bu değerin gösterilmesi için Label1 etiketini seçelim. Ekraran gelen blok yapılarından set Label1 text şeklini seçip sahneye taşıyalım.

Kod bloğu şu şekilde olacaktır:

When Button Clicked:
    Set Label Text to (Text Input's Value)

4. Test Et ve Yayınla

Uygulamayı sağ tarafta yer alan Web Preview ile test edelim. Test işlemini gerçekleştirmek için klavyeden P tuşuna basabilirsiniz. Peki bu uygulamayı canlı olarak cep telefonundan nasıl test edebiliriz. Şimdi onu yapalım.

1. Thunkable Live uygulamasını cep telefonuna indirmekle işe başlayalım. Telefonunuz Android ise Google Play Store, iOS ise App Store uygulama mağazasına girerek uygulamayı telefonunuza indirip kurun.

2. Telefonumuzdan Thunkable Live uygulamasını çalıştıralım. Uygulamaya giriş yapalım. Bilgisayarda hangi kullanıcıyla giriş yaptıysanız cep telefonunuzda da aynı kullanıcıyla giriş yapmalıyız. Daha sonra sağ üst menüden Live Test on Device diyerek uygulamayı çalıştırabiliriz.

3. Uygulama telefonunuzda açılacaktır. Burada Text Input'a bir yıl girip Göster butonuna tıklayarak sonucu görebilirsiniz.Takıldığınız yerler olursa Yorumlar kısmından sorularınızı sorabilirsiniz.


İlgili Makaleler
Thunkable Nedir? Platformun Temel Özellikleri Nelerdir? Nasıl Kullanılır?
Girilen Bir Okul Adını Görüntüleyen Mobil Uygulamayı Thunkable Platformunda Yapma
Girilen Bitki Adını Gösteren Mobil Uygulamayı Thunkable Platformunda Yapma
Girilen Bir Yılı Görüntüleyen Mobil Uygulamayı Thunkable Platformunda Yapma
Girilen Bir Günü Görüntüleyen Mobil Uygulamayı Thunkable Platformunda Yapma
Girilen Bir Ayı Görüntüleyen Mobil Uygulamayı Thunkable Platformunda Yapma
Girilen Bir Mevsimi Görüntüleyen Mobil Uygulamayı Thunkable Platformunda Yapma

Yorum Ekle
   
Kötü İyi