Developing cross platform desktop application with Ruby

Desktop Application with Ruby

Getting started with

I am...

PHP ZEND
KOHANA JSE JEE
Ruby GWT JavaScript
jQuery sinatra
BackboneJS CSS3
HTML5 MySQL Drupal
Anis Uddin Ahmad MongoDB PHPUNIT Groovy
CTO & Co-Founder JRuby Symfony2 SWING
WNeeds Ltd.
sqlite Doctrain solr Phing grails ...

It's a generic purpose language

generic purpose?
●
Web Application
●
Desktop Application
●
Mobile Application (Yes iPhone too!)
●
DSLs
●
Antyhing you can think*

So, Ruby can make Desktop App?

Okay...
But HOW?

Many Ways!

Shoes Ruby-GNOME2 / GTK

WxRuby Ruby-Tk

Ruby Cocoa / MacRuby

QtRuby JRuby + Swing

FxRuby JRuby + SWT

Many Ways!

Shoes Ruby-GNOME2 / GTK

WxRuby Ruby-Tk

Ruby Cocoa / MacRuby

QtRuby JRuby + Swing
FxRuby JRuby + SWT

Shoes

cross-platform toolkit for
writing graphical apps easily
and artfully using Ruby

Starting with Shoes
●
Download (http://shoesrb.com/downloads))
●
Run Shoes

Shoes example
Shoes.app :width => 300, :height => 200 do
button("Click me!") { alert("Good job.") }
end

Shoes example (Clock)
Shoes.app do
  @time = title "0:00"
  every 1 do
    @time.replace(Time.now.strftime("%I:%M %p"))
  end
end

Hackety Hack!

http://hackety.com/

JRuby
The Ruby Programming Language on the JVM

Ruby for desktop application? Yes we can!

The Redcar Editor

http://redcareditor.com/

Why JRuby?
●
High performance

Why JRuby?
●
High performance
●
Real threading

Why JRuby?
●
High performance
●
Real threading
●
Vast array of libraries (gems + JARs)

Why JRuby?
●
High performance
●
Real threading
●
●
Platform Independent

Why JRuby?
●
High performance
●
Real threading
●
●
●
Enterprise Acceptance

Why JRuby?
●
High performance
●
Real threading
●
●
●
Enterprise Acceptance

The best of both worlds!

Get JRuby
●
Download
●
Extract
●
Add bin subdirectory to your $PATH
– (PATH=path/to/jruby/bin:$PATH)
●
Test it: jruby -v

●
Assuming you have jdk 1.7 installed
●
Can be installed with rvm too

Import Java Swing in .rb
include Java

import javax.swing.JFrame
import javax.swing.JComboBox
import javax.swing.JButton
import javax.swing.JPanel
import javax.swing.JLabel
import javax.swing.JTextField

import java.awt.GridLayout

Make a Frame (JFrame)
class NumberConverter < JFrame

def initialize
super('Number Format Converter')

set_size(400,140);
set_visible(true);
set_default_close_operation(JFrame::EXIT_ON_CLOSE);
end

end

num_converter = NumberConverter.new

Let's run it!
$ cd go/to/source/dir
$ jruby number_converter.rb

Place container

main = JPanel.new;

get_content_pane().add("Center", main);

Set Layout

main = JPanel.new;
main.set_layout(GridLayout.new(3,3,2,2))

get_content_pane().add("Center", main)

Add Components

main.add(JLabel.new("Convert From : ", JLabel::RIGHT))
main.add(@cmbFrom = JComboBox.new)
main.add(@input = JTextField.new(15))

Where are they going?

main.add(JLabel.new("Convert From : ", JLabel::RIGHT))
main.add(@cmbFrom = JComboBox.new)

1 2 3

4 5 6

7 8 9

Add the rest of

# Second row
main.add(JLabel.new("Convert To : ", JLabel::RIGHT));
main.add(@cmbTo = JComboBox.new);
main.add(result = JTextField.new(15));

# Third row
main.add(JLabel.new(" ")); # Leave this cell blank
main.add(btn = JButton.new("CONVERT"));

Let's run again!
$ cd go/to/source/dir
$ jruby number_converter.rb

More with components
main.add(result = JTextField.new(15));
result.set_editable(false);

main.add(btn = Jbutton.new("CONVERT"));

# Add options to comboBoxes
num_formats = ["Decimal", "Binary", "HexaDecimal", "Octal"]
num_formats.each{|format| @cmbFrom.add_item format }
num_formats.each{|format| @cmbTo.add_item format }

Set Event Handler
btn.add_action_listener do |evt|
result.set_text(convert.upcase);
end

Set Event Handler cont.
result.set_text(convert.upcase);
end

def convert
# Take the value of @input
# Take formats form @cmbFrom and @cmbTo
# Convert to required format
end

end # end of class NumFormat

Yep! It's Done!!

https://github.com/ajaxray/jruby-swing

Developing cross platform desktop application with Ruby

Java <=> JRuby Transformation
new Car(color, wheels)
Car.new color, wheels

JLabel.LEFT
JLabel::LEFT

Obj.longFuncName();
Obj.long_func_name

String[] options = {"all", "any"};
combo = new JcomboBox(options);

options.each{ |format|
combo.add_item format
}

btn.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent ae) {
doSomething();
}
});

do_something
end

Deployment

Warbler

http://rawr.rubyforge.org/ https://github.com/jruby/warbler

BTW, JRuby is not ONLY for Desktop
●
It's just Ruby*
●
Rails just works

*Here are differences- https://github.com/jruby/jruby/wiki/DifferencesBetweenMriAndJruby

JRuby Frameworks
https://github.com/jruby/jruby/wiki/GUIFrameworks

●
Cheri::Swing
●
Limelight
●
Monkeybars
●
RSwing
●
Rubeus
●
Swiby

JRuby Frameworks
https://github.com/jruby/jruby/wiki/GUIFrameworks

●
Cheri::Swing
●
Limelight
●
Monkeybars
●
RSwing
●
Rubeus
●
Swiby

Frame.new("hello, world") do |frame|
frame.default_close_operation = :exit_on_close
frame.size = [200, 200]
...

Developing cross platform desktop application with Ruby

Recommended

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Developing cross platform desktop application with Ruby (20)

More from Anis Ahmad (8)

Recently uploaded (20)

Developing cross platform desktop application with Ruby