Post on 09-Apr-2018
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 1/11
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 2/11
1. membuat tulisan
Shoes.app :height => 300, :width => 300 dopara "What do you",
em(" want "),
strong("to build"),code("today?")end
Shoes.app :title =>"Resizable Sample", :resizable => false,:width => 400, :height => 70 do
@text = para "blue with an underline"@text.stroke = blue
@text.underline = "single"End
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 3/11
Shoes.app dostack :margin => 10 do
@edit = edit_box :width => 1.0 do
@para.text = @edit.textend@para = para " "
endend
1.a Mencoba dengan Alert
alert "Documents Not Match"
name = ask("Please, enter your name")
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 4/11
Coba dengan kode dibawah ini maka akan tampil seperti dibawah ini
Shoes.app :width => 300, :height => 70 do
@a=para " Who Am I ?"
button "Click here" do@a.text = ask("Please, enter your name")
end
end
2.Stack dan Flow
Shoes.app :width => 300, :height => 70 do
flow:width => 300 dostack :width => 100 do
background blackpara "black", :stroke =>white, :margin => 25end
stack :width => 100 do
background yellowpara "yellow", :margin =>25
end
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 5/11
stack :width => 100 do
background redpara "red", :margin =>25
end
endend
Shoes.app :width => 400, :height => 70 do
flow:width => 400 do
stack :width => 100 do
background blackpara "black", :stroke =>white, :margin => 25
end
stack :width => 100 dobackground yellowpara "yellow", :margin =>25
end
stack :width => 100 do
background redpara "red", :stroke =>white, :margin =>25
end
stack :width => 100 do
background maroonpara "maroon", :stroke =>white, :margin =>25end
endend
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 6/11
Shoes.app :title => "Background Hitam ", :width =>300, :height =>
70 dobackground black
end
Cara 1 Mengubah Background
Shoes.app :title => "Background ", :width =>300, :height => 70 do
button "Change a color" dobackground backcolor= ask_color("Pick a background")
endend
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 7/11
Cara 2 mengubah background
backcolor= ask_color("Pick a background")
Shoes.app dobackground backcolor
end
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 8/11
3.InputBox
Shoes.app :width =>300, :height => 70 do
@in = edit_line :width => 250button "What did I type again?" do
alert @in.text
endend
4.Form
Shoes.app :width => 320, :height =>350 do
stack :margin => 40 dostack :margin => 10 do
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 9/11
para "Name"@name = list_box :items => ["yes,please!", "No, No thankyou."]
endstack :margin => 10 do
para "Address"
@address = edit_lineendstack :margin => 10 do
para "Phone"@phone = edit_line
endstack :margin => 10 do
button "View" doalert [@name.text, @address.text, @phone.text]
endend
endend
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 10/11
5.Window
Shoes.app :title => "Fakultas Teknologi Komunikasi dan
Informatika" dopara "First Form "
button "Spawm" dowindow :title => "Field of Department" do
para "Teknik Informatika\n"para "Sistem Informasi\n"
para "Telekomunikasi\n"para "Manajemen Informatika\n"
endend
end
8/7/2019 Tutorial Ruby Bagian 3
http://slidepdf.com/reader/full/tutorial-ruby-bagian-3 11/11
Perhatian:bilamana ada kesulitan dalam mempelajari Ruby, andadapat kontak ke slametnhd@gmail.com
tutorial diatas menggunakan Shoes codename “policeman”.
Shoes dapat berjalan di Windows, Mac OS X atau Linux.