MIT School Muslimah : Jawaban “App Keren” Adi

Yuhuu ^_^
Kali ini saya akan menjawab postingan kemarin tentang aplikasinya Adi, masih ingat kan (harus ingat!! hehe), kalau belum saya ingatkan lagi. Sebuah aplikasi sederhana yang benama “App Keren” dari Adi yang berisi satu label dan satu button yang dimana label itu berisi tulisan “App Keren” dan button berisi tuisan “Push Me”. Dan ketika button ditekan maka “App Keren” berubah menjadi “Memang Paling Keren “.
Nah bagaimana caranya ? akan dibahas dibawah ini.

  1. Masukkan / drag elemen Label pada layar. Label berada di Library Pane, berikut gambarnyaScreen Shot 2016-05-10 at 5.24.35 AM      Screen Shot 2016-05-10 at 5.24.35 AM
  2. Edit Label dengan “App Keren”dan Button dengan “Push Me” pada Attributes Inspector (gambar pensil yang berwarna biru)
    Screen Shot 2016-05-10 at 5.32.38 AM
  3.  Select label, lalu tekan control dan seret / drag ke area file brain dibawah UIViewController, begitu pula dengan button. Disini saya beri nama Label dengan “Label” .Screen Shot 2016-05-10 at 5.34.05 AM
  4. Dan memberi nama Button dengan Button, tapi ada yang harus diganti saat memberi nama, yaitu pada type Connection diganti dengan Action dan Type diganti dengan UIButton dibawah
    Screen Shot 2016-05-10 at 5.36.02 AM
  5. Hasil mendrag label dan button adalah berikut:
    @IBOutlet
    weak var label: UILabel!  // variabel bernama label pada label
    @IBAction func button(sender: UIButton) // function bernama button pada button.
    Screen Shot 2016-05-10 at 5.46.36 AM

    Mulai menulis kode   

    if label.text == “App Keren” {
         label.text = “Memang Paling Keren”
    }else{
         label.text = “App Keren”

    }        

    *penjelasan
    jika (if) label.text sama dengan kata “App Keren”, makan print label.text adalah “Memang Paling Keren” (ini adalah proses bergantinya kata, jika push me di tekan maka yang muncul pada layar adalah kata Memang Paling Keren).
    Mungkin kamu bertanya kenapa variable label tersebut ditambah “.text” saat medeclare di func??
    karena kita akan memunculkannya kelayar, jika tidak ditambah dengan “.text” maka tidak akan bisa muncul, dan akan terjadi error pada file brain yang ditandai dengan tanda seru berwarna merah.

    Nah lalu bagaimana cara mengembalikannya menjadi kata App Keren lagi ? / saat button di tekan kata akan berganti menjadi App Keren dan Memang Paling Keren secara berulang ulang (secara manual) kita akan membutuhkan perintah Else. Dalam else kita akan menulis kode label.text = “App Keren”  dimana perintah lain (elselabel.text akan diisi dengan App Keren lagi supaya ketika kata Memang Paling Keren telah muncul, dan ketika Push Me di tekan lagi maka akan kembali pada kata pertama yaitu App Keren

  6. Mari kita uji pada simulator dengan menekan tombol Run seperti pada gambar dibawah ini atau tekan tombol Command + R
    Screen Shot 2016-03-24 at 10.38.43 PM
  7.  Taraaaa, ini hasilnya
    Screen Shot 2016-05-10 at 5.47.40 AM    Screen Shot 2016-05-10 at 5.48.08 AM

Nah terjawab sudah, bagaimana? mudah kan teman, ini bisa kalian praktekin sendiri
Terus cari info info tentang dunia programmer pelajari dengan sungguh sungguh Insyaallah pasti jadi professional programmer, Amin.

Terimakasih

Astri Novia Putri
Madani It School Muslimah

 

 

Loading Facebook Comments ...