Writing ruby scripts and wished you had an easy way to add some user interface to your scripts ? look no further. Qt is an awesome, stable and widely used GUI framework that works on multiple programming languages and multiple platforms. This keynote shows how to easily add Qt GUI to your ruby scripts.

1. Introducing QtRuby
Ynon Perek
http://qtcollege.co.il
Friday, August 3, 12

2. Friday, August 3, 12

3. Friday, August 3, 12

4. sudo apt-get install lynx
Friday, August 3, 12

5. Friday, August 3, 12

6. Agenda
• GUI Programming
• Qt Framework
• QtRuby In Action
Friday, August 3, 12

7. About Me
• Ynon Perek
• ynonperek@yahoo.com
• http://qtcollege.co.il
Friday, August 3, 12

8. Desktop UI
Friday, August 3, 12

9. GUI Frameworks
Friday, August 3, 12

10. Choose Qt
• Easy To Start
Friday, August 3, 12

11. Choose Qt
• Easy To Start
• Mature and widely used
Friday, August 3, 12

12. Famous Qt Apps
Friday, August 3, 12

13. Famous Qt Apps
Friday, August 3, 12

14. Choose Qt
• Easy To Start
• Mature and widely used
• True Cross Platform
Friday, August 3, 12

15. Choose Qt
Friday, August 3, 12

16. Choose Qt
• Easy To Start
• Mature and widely used
• True Cross Platform
• Cross Language
Friday, August 3, 12

17. Choose Qt
• C++
• Java
• Ruby
• Perl
• Python
• And More...
Friday, August 3, 12

18. Q&A
Friday, August 3, 12

19. Hello Qt
require 'Qt'
app = Qt::Application.new( ARGV )
w = Qt::Label.new( "Hello World" )
w.set_alignment( Qt::AlignHCenter | Qt::AlignVCenter )
w.show
app.exec
Friday, August 3, 12

20. Qt Terminology
• a Widget is a visible
component
• Label, Button,
Table, List, ...
Friday, August 3, 12

21. Qt Terminology
Widget
Friday, August 3, 12

22. Qt Widgets
Friday, August 3, 12

23. Qt Widgets
http://doc.qt.nokia.com/4.7-snapshot/gallery.html
Friday, August 3, 12

24. Qt Layouts
• A top level widget
may contain other
widgets
• Child widgets are
arranged in a
layout
Friday, August 3, 12

25. DEMO: UI Designer
Friday, August 3, 12

26. Qt Terminology
• Signal specifies a
semantic event
Friday, August 3, 12

27. Qt Terminology
• Signals are
connected to slots
which are the
handling code
Friday, August 3, 12

28. Designer Takeaways
• Drag & Drop to create UI
• Save as .ui file
• Run:
rbuic4 file.ui -x -o file_ui.rb
• Use resulting .rb file but don’t modify it
Friday, August 3, 12

29. Qt Actions
require 'Qt'
require './demo1_ui.rb'
a = Qt::Application.new(ARGV)
u = Ui_Form.new
w = Qt::Widget.new
u.setupUi(w)
w.show
u.btn1.connect( SIGNAL :clicked ) {
u.list1.add_item( "Qt FTW" )
}
a.exec
Friday, August 3, 12

30. Qt Stock Dialogs
• Qt::MessageBox.about
• Qt::FileDialog.get_open_file_name
• Qt::FileDialog.get_save_file_name
Friday, August 3, 12

31. Qt Stock Dialogs
require 'Qt'
require './demo1_ui.rb'
a = Qt::Application.new(ARGV)
u = Ui_Form.new
w = Qt::Widget.new
u.setupUi(w)
w.show
u.btn1.connect( SIGNAL :clicked ) {
filename = Qt::FileDialog.get_open_file_name;
u.list1.add_item( filename )
}
a.exec
Friday, August 3, 12

32. Q&A
Friday, August 3, 12

33. QtRuby
• Easy UI for your programs
• Solid Foundations
Friday, August 3, 12

34. What Next
• Qt Developers Meetup
• August 7, 19:00
• http://meetup.com/QtEverywhere/
Tel-Aviv-Yafo-IL/740512/
Friday, August 3, 12

35. Resources
• Ruby Qt/KDE Guide
http://techbase.kde.org/Development/
Languages/Ruby
• Qt Tutorial Videos
http://qt-project.org/videos
Friday, August 3, 12

36. About Me
• Ynon Perek
• ynonperek@yahoo.com
• http://qtcollege.co.il
Friday, August 3, 12