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

More Related Content

Developing cross platform desktop application with Ruby