Membuat Aplikasi Desktop Dengan Ruby
Sebuah Organisme yang tidak suka ngopi.
1 Juni 2018

halo teman , sudah lama saya tidak nulis lagi. biasanya ruby indentik dengan web kan, padahal ruby sendiri merupakan bahasa pemprograman general-purpose seperti halnya python atau java. jadi maksud saya kali ini membahas tentang gimana sih buat aplikasi desktop pakai ruby. hah....? emang bisa. ok kita coba.

seperti halnya bahasa pemprograman java, ada namanya library yang menangani GUI. kita sebut namanya swing. nah di ruby ada juga beberapa library siap pakai seperti swing. pas sekali, pada tulisan kali ini kita membahas tentang sebuah library yang menangani GUI pada ruby bernama "shoes!" dan kita juga membuat program sederhana untuk prakteknya.

ok, apa sih itu shoes..?? shoes adalah library untuk ruby yang mana visinya membuat GUI pada ruby tanpa ribet dan simple. tersedia berbagai dukungan mac,windows, dan linux. anda bisa mengunjungi situsnya.

http://shoesrb.com/tutorials/

Membuat Kalkulator

Pertama download dulu ya aplikasi shoesnya

http://shoesrb.com/downloads/

habis diinstall, selanjutnya kita buat aplikasi kalkulator

buka text editor kesayangan temen-temen.

copy script dibawah ini, dan save beri nama app.rb kita buat nama aplikasinya dan ukuran windowsnya ya.

Shoes.app(title: "Kalkulator Ruby", width: 400, height: 480) do
//terserah diisi apa
end

selanjutnya kita isi variablenya,

Shoes.app(title: "Kalkulator Ruby", width: 400, height: 480) do
  number_field = nil
  @number = 0
  @state = 'unset'
  @op = nil
  @previous = 0
end

ok, kita buat alokasi tempat tombolnya.

 Shoes.app(title: "Kalkulator Ruby", width: 400, height: 480) do
  number_field = nil
  @number = 0
  @state = 'unset'
  @op = nil
  @previous = 0
  flow width: 400, height: 480 do

    flow width: 0.75, height: 0.2 do
      background rgb(255, 140, 0)
      number_field = para @number, margin: 10
    end

  end
end

kita buat tombol hapus,

Shoes.app(title: "Kalkulator Ruby", width: 400, height: 480) do
  number_field = nil
  @number = 0
  @state = 'unset'
  @op = nil
  @previous = 0
  flow width: 400, height: 480 do

    flow width: 0.75, height: 0.2 do
      background rgb(255, 140, 0)
      number_field = para @number, margin: 10
    end

          flow width: 0.75, height: 0.2 do
      background rgb(255, 140, 0)
      number_field = para @number, margin: 10
    end

  end
end

terakhir kita buat isian untuk tombolnya dengan looping.

Shoes.app(title: "Kalkulator Ruby", width: 400, height: 480) do
  number_field = nil
  @number = 0
  @state = 'unset'
  @op = nil
  @previous = 0
  flow width: 400, height: 480 do

    flow width: 0.75, height: 0.2 do
      background rgb(255, 140, 0)
      number_field = para @number, margin: 10
    end

          flow width: 0.75, height: 0.2 do
      background rgb(255, 140, 0)
      number_field = para @number, margin: 10
    end

        flow width: 1.0, height: 0.8 do
      background rgb(139, 206, 236)
      %w(7 8 9 + 4 5 6 - 1 2 3 / 0 . = *).each do |btn|
        button btn, width: 100, height: 100 do
          case btn
            when /[0-9]/ 
              @number = @number.to_i * 10 + btn.to_i
            when '='
              @number = @previous.send(@op, @number)
            else
              @previous, @number = @number, nil
              @op = btn
          end
          number_field.replace(@number)
        end
      end
    end

  end
end

dan setelah kita buat, kita jalankan dengan membuka terminal/cmd trus kita ketik perintah

$ shoes app.rb

yay kita berhasil menjalankan aplikasi desktop dengan ruby

berikutnya kita akan membuat jadi aplikasi standalone berformat .exe untuk windows. teman" juga bisa compile jadi aplikasi osx maupun linux

ketik perintah,

$ shoes -p

muncul tampilan seperti di atas.

Browse script yang kita buat. yaitu app.rb lalu pilih "select architecture" untuk membuat script kita jadi aplikasi berformat .exe.

kita pilih windows, dan selanjutnya akan proses downloading.

tunggu sampai selesai.

kalau sudah selesai. tutup dan buka kembali.

ketik perintah lagi,

$ shoes -p

pilih "select architecture", pilih windows. jadi deh aplikasi kita berformat .exe

lalu cari app.exe nya di folder tempat script kita buat. trus coba deh

note: untuk lebih detail, misal ganti icon dan lainnya teman-teman bisa centang "i want advanced install options" dan mengisi opsi" sesuai kebutuhan

terima kasih. selamat mencoba.

semoga bermanfaat.

referensi

https://www.sitepoint.com/create-a-twitter-gui-client-with-shoes/

Blog ini telah dibaca sebanyak 697 kali
ruby shoes desktop easy simple

Sekilas Tentang Penulis

Febrian Dwi Putra
Sebuah Organisme yang tidak suka ngopi.

KOMENTAR

blog comments powered by Disqus