Tutorial Meng-install Ruby, Ruby on Rails dan Membuat Aplikasi Sederhana Menggunakan Framework Ruby on Rails Pada Windows.

Oleh : Resky Bagja Sunjaya - 1175015 Universitas Kristen Maranatha Bandung Twitter @reskybagja Intermezzo
Ruby adalah salah satu bahasa pemrograman berorientasi objek, salah satu istilah yang terkenal adalah everything is object. Semua kode dapat diberi property ataupun action. Ruby on Rails atau lebih dikenal dengan sebutan RoR/Rails merupakan salah satu framework untuk membuat aplikasi berbasis web menggunakan bahasa pemrograman ruby. Selanjutnya akan dibahas tutorial mengenai instalasi Ruby, Ruby on Rails pada sistem operasi Windows.

1. Instalasi Ruby pada Sistem Operasi Windows

Untuk meng-install Ruby pada windows, sebelumnya Anda harus mempunyai installer Ruby yang dapat diunduh gratis pada situs http://rubyinstaller.org/downloads/. Saat ini versi terakhir Ruby adalah versi 1.9.3, tetapi pada situs tersebut juga disediakan versi 1.9.2 dan versi 1.8.7. Perbedaan versi 1.8.7 dan versi 1.9.x adalah Ruby versi 1.8.7 hanya support untuk Ruby on Rails versi 2.x sedangkan versi 1.9.x ke atas sudah support Ruby on Rails untuk versi 3.x (versi terakhir Ruby on Rails adalah 3.2)

RESKY BAGJA S. - 1175015

Page 1

Setelah berhasil mengunduh installer Ruby, selanjutnya Anda hanya perlu menjalankan installer tersebut seperti Anda meng-install suatu aplikasi pada umumnya (pada contoh ini penulis menggunakan sistem operasi windows7, dan sudah dicoba pada windows XP) atau dapat melihat pada gambar-gambar berikut:

Setelah proses instalasi selesai, Anda harus membuka aplikasi command prompt untuk mengecek apakah ruby sudah ter-install dengan benar. Pada command prompt ketik ruby -v untuk melihat versi Ruby yang ter-install pada komputer jika terdapat informasi mengenai versi Ruby yang sudah ter-install, maka Anda telah meng-install Ruby dengan benar.

RESKY BAGJA S. - 1175015

Page 2

Untuk mencoba meng-compile code Ruby pada komputer, Anda dapat membuat syntax sederhana, seperti contoh berikut:

1. Buka aplikasi notepad pada windows, dan ketikkan

puts(Hello World From Ruby)

lalu simpan file tersebut dengan nama hello.rb (menggunakan extensi .rb). 2. Setelah itu, buka kembali aplikasi command prompt, atur path dimana file ruby tadi disimpan lalu ketikkan ruby hello.rb.

Secara umum untuk menjalankan/meng-compile file Ruby pada command prompt menggunakan format ruby namafile.rb.

Untuk mempelajari lebih lanjut dasar-dasar pemrograman Ruby, Anda dapat mencari referensi pada situs http://www.ruby-lang.org/en/documentation/ atau situs lainnya. Selain itu, terdapat juga e-book yang didapat setelah meng-install Ruby yang dapat anda pelajari. E-book tersebut terdapat pada folder doc pada path dimana Anda meng-install Ruby.

Selamat.. :D sampai tahap ini Anda sudah berhasil meng-install Ruby. Pada sub bab selanjutnya penulis akan membuat tutorial meng-install Ruby on Rails.

2. Instalasi Ruby Development Kit (DevKit) pada Sistem Operasi Windows

Sebelum meng-install Rails, Anda harus meng-install development kit (DevKit) dari Ruby yang dapat diunduh pada situs https://github.com/downloads/oneclick/rubyinstaller/DevKit-tdm-32-4.5.220111229-1559-sfx.exe. DevKit sendiri adalah suatu toolkit untuk mempermudah dalam membuat

RESKY BAGJA S. - 1175015

Page 3

dan menggunakan extensi native C/C++ seperti RDiscount dan RedCLoth pada Ruby di Windows (Disunting dari halaman Wiki DevKit).

Langkah-langkah instalasinya adalah: 1. Buat suatu folder, misalnya folder DevKit pada Drive C. Anda bebas memberi nama folder tersebut, namun perlu diperhatikan untuk meng-install DevKit ini Anda harus meng-install Ruby pada sub bab 1 dengan nama folder pada path tanpa menggunakan karakter spasi, contoh: Ruby192. 2. Jalankan aplikasi DevKit yang telah Anda unduh, lalu pilih path untuk meng-extract DevKit tersebut, setelah itu pilih button extract.

3. Setelah proses extract selesai, jalankan aplikasi command prompt lalu arahkan path pada command prompt sesuai dengan path dimana Anda meng-extract Ruby DevKit ini. Contoh penulis meng-extract DevKit pada drive C dengan nama folder DevKit.

Lalu jalankan/ketikkan perintah berikut pada command prompt (dilakukan secara berurutan): 1. ruby dk.rb init 2. ruby dk.rb review 3. ruby dk.rb install Setelah ketiga kode tersebut selesai Anda jalankan/ketikkan maka proses instalasi telah selesai. Selanjutnya adalah meng-install Ruby on Rails. RESKY BAGJA S. - 1175015 Page 4

3. Instalasi Ruby on Rails pada Sistem Operasi Windows.

Pada sub bab ini akan dijelaskan bagaimana meng-install Ruby on Rails pada windows. Ruby on Rails atau lebih dikenal dengan sebutan RoR/Rails merupakan salah satu framework untuk membuat aplikasi berbasis web menggunakan bahasa pemrograman ruby. Untuk meng-install Ruby on Rails Anda harus mempunyai koneksi internet, karena pada proses instalasi ini Ruby mengambil langsung gem/library beserta dependency dari repository. Untuk prosesnya Anda harus membuka aplikasi command prompt dan ketikkan perintah berikut:

gem install rails --include-dependencies

Perintah tersebut digunakan untuk meng-install Rails beserta dependency yang dibutuhkan dari repository. Berikut adalah gambar pada saat instalasi rails.

RESKY BAGJA S. - 1175015

Page 5

Setelah proses instalasi rails selesai, jalankan command prompt lalu ketikkan rails -v (tanpa tanda kutip) untuk melihat versi ruby on rails pada komputer kita. Contoh pada komputer penulis terdapat ruby on rails versi 3.2.8.

Selamat sampai pada tahap ini Anda telah berhasil meng-install Ruby + Ruby on Rails, selanjutnya mungkin Anda dapat meng-install DBMS seperti MySQL (http://www.mysql.com/) ataupun PostgreSQL (http://www.postgresql.org/).

4. Dimana Saya Bisa Mendapatkan Referensi Seputar Ruby on Rails?

Pada sub bab ini penulis akan memberikan informasi mengenai website yang dapat dijadikan referensi untuk mempelajari Ruby on Rails. 1. http://edgeguides.rubyonrails.org/ (Kumpulan tutorial pengenalan Ruby on Rails) 2. http://api.rubyonrails.org/ (Rails API) 3. http://ruby.railstutorial.org/ruby-on-rails-tutorial-book (E-book on site) 4. http://railscasts.com/ (Tutorial dalam bentuk video) 5. http://stackoverflow.com (Jika terdapat kesulitan bisa bertanya disini atau bahkan menemukan pertanyaan yang telah dijawab) Sekedar tambahan bagi Anda pengguna Ruby pada sistem operasi Windows dapat menggunakan text editor seperti notepad++, Rubymine, Komodo IDE, Ruby in Steel, RadRails a.k.a Aptana (http://www.aptana.com/products/radrails) yang ini open source sehingga gratisss.. :D .

5. Membuat Aplikasi Sederhana Menggunakan Ruby on Rails

Pada sub bab ini penulis akan mencoba memberikan tutorial dalam membuat aplikasi web sederhana menggunakan Ruby on Rails dan database MySQ . Oh iya ,untuk mengikuti tutorial ini Anda diwajibkan mempunyai koneksi internet, karena dibutuhkan pada saat membuat aplikasi untuk mengambil library dari repository ruby. Langkah-langkahnya adalah sebagai berikut: 1. Pertama-tama buatlah suatu folder yang nantinya akan digunakan sebagai repository untuk aplikasi-aplikasi ruby on rails yang Anda buat. Contoh misalnya penulis membuat folder Ruby Apps pada Drive C.

RESKY BAGJA S. - 1175015

Page 6

2. Jalankan command prompt lalu atur path pada command prompt sesuai dengan folder yang telah Anda buat sebagai repository aplikasi Ruby on Rails.

3. Lalu ketikkan perintah berikut:

rails new example_app -d mysql

Perintah tersebut digunakan untuk membuat aplikasi rails dengan nama example_app dan menggunakan database mysql.

4. Ubah path pada command prompt menjadi direktori dari nama aplikasi rails yang dibuat. Atau dapat menggunakan perintah cd example_app RESKY BAGJA S. - 1175015 Page 7

5. Ketikkan perintah rake db:create Perintah tersebut digunakan untuk membuat database pada mysql untuk aplikasi yang dibuat ini.

6. Ketikkan perintah

rails server

Perintah tersebut digunakan untuk menjalankan server webrick yang digunakan untuk menjalankan aplikasi ruby on rails pada windows.

RESKY BAGJA S. - 1175015

Page 8

7. Lalu jalankan aplikasi browser dan masukkan alamat http://localhost:3000 untuk melihat aplikasi rails yang dibuat. Dan untuk pertama kali tampilannya akan seperti gambar berikut:

Selain itu, gambar diatas menandakan bahwa Anda telah berhasil meng-install Ruby on Rails dengan benar. ;)

8. Pada langkah ini penulis mencoba memberikan contoh untuk menambahkan operasi CRUD pada aplikasi yang dibuat menggunakan fasilitas scaffolding yang disediakan Ruby on Rails. Kembali lagi pada command prompt lalu tekan CTRL+C pada keyboard untuk menghentikan server webrick. Jika terdapat dialog text ketikkan saja Y (tanpa tanda kutip) lalu tekan ENTER. Lalu pada command prompt ketikkan perintah berikut:

1. rails generate scaffold student name:string address:text phone:string 2. rake db:migrate

Perintah No. 1 digunakan untuk membuat model, controller beserta method CRUD, dan view yang dibutuhkan. Perintah No.2 digunakan untuk membuat tabel students pada database. Atau untuk lebih rinci perintah tersebut menghasilkan tabel seperti pada gambar berikut:

RESKY BAGJA S. - 1175015

Page 9

9. Pada langkah ini penulis mencoba memberikan contoh untuk mengganti halaman/tampilan root dari aplikasi yang dibuat. Sebelumnya halaman root dari aplikasi yang dibuat adalah tampilan Welcome Abroad dan akan diganti menjadi halaman index dari controller students yang sebelumnya telah dibuat pada langkah ke 8. Untuk melakukannya ikuti langkah-langkah berikut:

1. Buka folder dari aplikasi yang dibuat ini (folder example_app) yang terdapat pada repository dimana Anda menyimpan aplikasi ruby on rails, lalu buka folder public dan hapus file index.html. 2. Kembali ke root folder example_app, lalu buka folder config dan buka file route.rb pada editor. Ubah file route.rb pada baris ke-53 menjadi seperti gambar berikut:

Setelah semua langkah di atas dikerjakan kembali ke command prompt. 10. Pada command prompt ketikkan kembali perintah rails server Untuk menjalankan kembali aplikasi, dan buka kembali browser dan masuk ke alamat http://localhost:3000 , dan tampilannya sudah berubah seperti gambar berikut:

Gambar setelah melakukan proses tambah data pada link New Student

RESKY BAGJA S. - 1175015

Page 10

Demikianlah tutorial sederhana untuk meng-install Ruby dan Ruby on Rails pada Windows, beserta contoh singkat membuat aplikasi menggunakan Ruby on Rails. Untuk selanjutnya Anda dapat mempelajari lebih lanjut mengenai dasar-dasar Ruby on Rails pada situs website yang telah penulis informasikan pada sub bab 4. Mohon maaf jika terdapat banyak kekurangan pada tutorial ini.

Regards,

Resky Bagja S.

RESKY BAGJA S. - 1175015

Page 11