MIT School Muslimah : Belajar Membuat Aplikasi Kalkulator

Hallo gaes kali ini saya akan membagikan pengalaman saya belajar membuat aplikasi kalkulator, tapi aplikasi yang buat hanya menggunakan operasi tambah dan kurang, untuk lebih lanjut yuk simak langkahnya ..

  1. Membuka Xc-ode ( udah pada tau kan caranya jadi nggak perlu dijelasin lagi ya hahaha )
  2. Klik pada menu storyboard, dan buat control view seperti gambar dibawah.
    Untuk layar hasil menggunakan “Label”, dan untuk tombol lainnya gunakan “Button”
    Screen Shot 2016-03-31 at 8.57.47 PM
  3. Mulai mengcoding, untuk bisa melihat view controller dan layar coding, klik Assistan Editor pada kanan atas layar yang bergambar dua lingkaran
    Screen Shot 2016-03-31 at 8.58.18 PM
  4. Drag label ke script coding dengan pencet tombol “control” dan arahkan kursor ke script, kemudian beri nama
    Screen Shot 2016-03-31 at 8.58.47 PM
  5. Membuat variable
    var lemari = untuk menyimpan angka dalam array
    var operasi = untuk menyimpan tombol operasi ( tambah dan kurang)
    var ulangi = untuk memutuskan kapan angka akan ditaruh di layar / ditaruh di sebelah angka yang sebelumnya sudah di pencet misal pencet angka 24.#Layer.tex = “0” adalah tampilan pertama saat kalkulator di jalankan
    Screen Shot 2016-03-31 at 10.48.23 PM
  6. Men-drag button pada layar script, beri nama button ganti status pada conection menjadi Action dan ganti status Type menjadi UIButton.Jika sudah drag angka 2 sampai 0 masukkan dalam Function / func yang sama (func angka 1 yang di drag tadi.)
    ( drag jangan dilepas sampai menemukan kotak berwarna biru dalan ulisan script)Screen Shot 2016-03-31 at 10.41.01 PM
  7. Buat Let / konstan

    let angkapadatombol = sender.titleLabel?.text

     print (“angka pada tombol \(angkapadatombol!)”)

      if layar.text == “0” || ulangi == true{      

    // ketika layar teks  menunjukkan angka 0, || ulangi == true adalah menampilkan angka yang akan dipencet (angka 0 akan digantikan dengan angka yang di pencet)

      layar.text = \(angkapadatombol)!”
    // layer memunculkan angka yang di pencet

       ulangi = false 

        }else{

        layar.text = \(layar.text!)\(angkapadatombol!)”
    // angka akan muncul di sebelah angka sebelumnya, jadi angka sebelumnya tidak digantikan dengan angka yang baru

       }
       }

    Screen Shot 2016-03-31 at 10.55.04 PM

  8. Buat function / func tombol yang terdiri dari tombol operasi tambah dan kurang caranya seperti langkah ke 6. Drag tombol tambah ke script, beri nama. kemudian drag tombol kurang dan masukkan pada func tambah.
    Screen Shot 2016-03-31 at 11.23.33 PM
    #append adalah untuk menambah value

    lemari.append(Int(layar.text!)!)    // menambah value dalam lemari
    operasi.append((sender.titleLabel?.text!)!)    // menambah value dalam tombol operasi

  9. Membuat func sama dengan, caranya seperti membuat func tombol operasi maupun layer.
    Screen Shot 2016-03-31 at 11.30.19 PM
    kemudian buat perintah untuk menyimpan hasil jumlah

    var tmp = 0   // var untuk menyimpan hasil jumlah

    for var i = 0; i < lemari.count; i++ {    // i adalah variable baru yang digunakan untuk membuat loop (mengulang angka yang akan dijumlahkan.  i akan terus berputar sampai memproses value dalam lemari)

     if  i == 0 {  // saat memproses angka yang pertama

     tmp = lemari [i] 

      } else { //me-loop angka 1,2, dan seterusnya

      if operasi [i-1] == “+” // jika perulangan masih sampai angka kedua maka tmp adalah angka pertama

     tmp = tmp + lemari[i]

     } else { // ini –

     tmp = tmp – lemari[i]

     }

     }

     }

     layar.text = String(tmp) // menampilkan hasil dilayar

     ulangi = true

     lemari =  []

      operasi = []

       }

    10. Membuat func AC / menghapus angkaScreen Shot 2016-03-31 at 10.20.32 PM

      layar.text = “0” // angka pada layar akan terhapus dan kembali ke angka 0

Nah ini aplikasi yang sudah saya buat, semoga bermanfaat bagi para pembaca
selamat mencoba, dan jangan bosan untuk belajar!!
terimakasih

 

Astri Novia Putri
Madani IT School

Loading Facebook Comments ...