root@ditto:/home/ditto# gem list

*** LOCAL GEMS ***

actionmailer (1.3.3)
actionpack (1.13.3)
actionwebservice (1.2.3)
activerecord (1.15.3)
activesupport (1.4.2)
archive-tar-external (1.2.1)
archive-tar-minitar (0.5.1)
cgi_multipart_eof_fix (2.5.0)
daemons (1.0.9)
fastthread (1.0.1)
gem_plugin (0.2.3)
hoe (1.5.0)
mini_magick (1.2.3)
mongrel (1.1.3)
rails (1.2.3)
rake (0.8.1)
rmagick (2.2.2)
rubyforge (0.4.4)
root@ditto:/home/ditto#

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Hari ini aku udah 3 hari pakai kubuntu. Setelah install ruby beserta paket2 pendukungnya, aku baru sadar kalau masih menggunakan rubygems versi 0.9.4. Akhirnya aku coba upgrade dengan “gem update –system“, hasilnya keluar error di konsole pas aku jalankan “gem” errornya kayak gini “/usr/bin/gem:23: uninitialized constant Gem::GemRunner (NameError)“. Nah setelah tanya-tanya ma om google, akhirnya ketemu deh jawabannya. Ringkasnya, buka “/usr/bin/gem” kemudian tambahkan “require ‘rubygems/gem_runner’” setelah script “require ‘rubygems’“. Setelah itu, jalankan “gem -v” maka akan muncul versi rubygem yang terbaru yang menandakan rubygem telah berhasil diupgrade. B-)

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

[root@ditto berita]# ./script/generate controller berita index view

exists app/controllers/
exists app/helpers/
exists app/views/berita
exists test/functional/
overwrite app/controllers/berita_controller.rb? [Ynaqd] n
skip app/controllers/berita_controller.rb
identical test/functional/berita_controller_test.rb
identical app/helpers/berita_helper.rb
identical app/views/berita/index.rhtml
create app/views/berita/view.rhtml
[root@ditto berita]#

Command generate diatas diperlukan untuk create file view.rhtml dan penambahan method pada berita_controller.rb yang perubahannya bisa kita lihat seperti di bawah :

class BeritaController < ApplicationController

def index
redirect_to :action => “new”
end

def new
end

def view
condition = “judul LIKE ‘%#{params[:query]}%’”
@total = Berita.count(:conditions => condition)
@pages, @record = paginate(:beritas, :conditions => condition, :per_page => 10)
end

def proses_insert
if request.post?
@masuk=Berita.new(params[:masuk])
if @masuk.save
flash[:notice] = “udah masuk”
redirect_to :action => “new”
else
flash[:notice] = “nggak masuk”
render :action => ‘new’
end
end
end

end

Berikut beberapa penjelasan dari script di atas :

• condition = “judul LIKE ‘%#{params[:query]}%’”
  condition adalah sebuah variabel yang menunjukkan kondisi yang dijalankan ketika query select berjalan (jika di mysql kita mengenalnya sebagai => where judul like ‘%params[:query]%’)
• @total = Berita.count(:conditions => condition)
  @total adalah jumlah row dari hasil query
• @pages, @record = paginate(:beritas, :conditions => condition, :per_page => 10)
  @record berfungsi untuk menghitung jumlah row hasil query dengan batas maksimal 10 record, sedangkan @pages diperoleh dari jumlah seluruh record setelah dibagi dengan 10 dan kemudian di tambah 1

Kemudian pada file app/views/berita/view.rhtml yang dibentuk dari hasil generate controller berita pada tahap sebelumnya, kita bisa menambahkan script berikut :

<%= stylesheet_link_tag ’scaffold’ %>
<%= javascript_include_tag :defaults %>
<div id=”table”>
<h1>Berita#view</h1>
<form name=”sform” action=”" style=”display:inline;”>
Search Judul:
<%= text_field_tag(”query”, params['query'], :size => 15 ) %>
</form>
<h2><font color=”red”><%= flash[:notice] %></font></h2>

<% if @total == 0 %>
<p>No items found…</p>
<% else %>
<p>Number of items found : <b><%= @total %></b></p>
<% end %>

<p>
<% if @pages.page_count > 1 %>
Page :
<%= pagination_links_remote @pages, ‘berita’ %>
<%= image_tag(”/images/spinner.gif”,
:align => “absmiddle”,
:border => 0,
:id => “spinner”,
:style =>”display: none;” ) %>
<%= observe_field ‘query’, :frequency => 2,
:update => ‘table’,
:before => “Element.show(’spinner’)”,
:success => “Element.hide(’spinner’)”,
:url => {:action => :view},
:with => ‘query’ %>
<% end %>
</p>

<%= link_to “Masukkan Baru”, :action => :new %>
<table border=”0″ width=”900″>
<tr bgcolor=”#999999″>
<td width=”10″><b>No.</b></td>
<td><b>Judul</b></td>
<td><b>Isi</b></td>
</tr>
<% if @total == 0 %>
<tr>
<td colspan=”2″>no data found!</td>
</tr>
<% else %>
<% b = 1 + ((@pages.current_page.to_i – 1) * @pages.items_per_page.to_i) %>
<% @record.each do |t| %>
<tr>
<td><%= b %></td>
<td><%= t.judul %></td>
<td><%= t.isi %></td>
</tr>
<% b += 1 %>
<% end %>
<% end %>
</table>
</div>

Lalu pada file app/helpers/berita_helper.rb kita masukkan script berikut :

module BeritaHelper
def pagination_links_remote(paginator, action)
page_options = {:window_size => 2}
pagination_links_each(paginator, page_options) do |n|
options = {
:url => {:action => action, :params => params.merge({:page => n})},
:update => ‘table’,
:before => “Element.show(’spinner’)”,
:success => “Element.hide(’spinner’)”
}
html_options = {:href => url_for(:action => action, :params => params.merge({:page => n}))}
link_to_remote(n.to_s, options, html_options)
end
end
end

Setelah itu, jalankan server dengan menggunakan command ./script/server pada dokumen root project ini. Arahkan browser ke http://localhost:3000/berita/new lalu isikan data minimal 10 record, kemudian kita lihat hasilnya pada http://localhost:3000/berita/view. Semua yang telah kita lakukan telah berhasil ketika pada http://localhost:3000/berita/view tampil kurang lebih seperti gambar di bawah :

Keterangan Gambar :

A : Bagian ini adalah form yang digunakan untuk melakukan live-search judul menggunakan ajax. Pada saat form ini diisi bagian dari judul yang dicari, akan terjadi proses berikut pada file view.rhtml :

<%= observe_field ‘query’, :frequency => 2,
:update => ‘table’,
:before => “Element.show(’spinner’)”,
:success => “Element.hide(’spinner’)”,
:url => {:action => :view},
:with => ‘query’ %>
<% end %>

B : Angka 14 pada bagian ini adalah jumlah record yang telah diseleksi dan diperoleh dari controller berita yang variabelnya telah didefinisikan pada proses :

@total = Berita.count(:conditions => condition)

C : Bagian ini adalah link paging, sedangkan gambar di sebelah link2 () tersebut adalah file image bernama spiner.gif yang terletak pada path public/image/spiner.gif. Gambar tersebut akan tampil ketika webserver melakukan suatu query dan akan hilang dengan sendirinya ketika query berakhir. Sedangkan script yang ambil bagian pada hal ini adalah :

<%= image_tag(”/images/spinner.gif”,
:align => “absmiddle”,
:border => 0,
:id => “spinner”,
:style =>”display: none;” ) %>

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Pertama kali yang dijelasin adalah beberapa perbedaan php-fusebox dengan ruby-rails, agak lupa2 inget juga sih ) . Seingatku sih kata beliau, klo pake fusebox kita bisa buat program sesuai prosedur kita sendiri sedangkan pada rails malah sebaliknya, kita yang harus mengikuti prosedur2 yang ada di rails. Ada contoh kasus misalnya jika di php kita mau nampilkan suatu variabel dimana variabel tersebut belum didefinisikan, tidak akan muncul error. Hal sebaliknya akan terjadi jika kita menggunakan rails. Berikutnya di rails sensitifitasnya sangat tinggi, kita juga harus paham kapan kita menggunakan karakter “@” dengan benar.

Sekarang jalankan service mysql bawaan dari lampp.

[ditto@otid ~]$ su
Password:
[root@otid ditto]# /opt/lampp/lampp start
Starting XAMPP for Linux 1.6.4…
XAMPP: Starting Apache with SSL (and PHP5)…
XAMPP: Starting MySQL…
XAMPP: Starting ProFTPD…
XAMPP for Linux started.

Supaya lebih cepet paham, langsung praktek aja. Sebenarnya semalam dijelaskan memakai rails versi 1.2.3, tapi di sini aku akan jelaskan pake rails versi terbaru sekarang versi 2.0.2. Pertama pastikan semua program yang diperlukan sudah terinstall. Kemudian masuk ke direktori yang telah dipilih.

[root@otid ~]# cd /opt/lampp/htdocs/
[root@otid htdocs]# rails –d=mysql coba
create
create app/controllers
create app/helpers
create app/models
create app/views/layouts
create config/environments
create config/initializers
create db
create doc
create lib
create lib/tasks
create log
create public/images
create public/javascripts
create public/stylesheets
create script/performance
create script/process
create test/fixtures
create test/functional
create test/integration
create test/mocks/development
create test/mocks/test
create test/unit
create vendor
create vendor/plugins
create tmp/sessions
create tmp/sockets
create tmp/cache
create tmp/pids
create Rakefile
create README
create app/controllers/application.rb
create app/helpers/application_helper.rb
create test/test_helper.rb
create config/database.yml
create config/routes.rb
create public/.htaccess
create config/initializers/inflections.rb
create config/initializers/mime_types.rb
create config/boot.rb
create config/environment.rb
create config/environments/production.rb
create config/environments/development.rb
create config/environments/test.rb
create script/about
create script/console
create script/destroy
create script/generate
create script/performance/benchmarker
create script/performance/profiler
create script/performance/request
create script/process/reaper
create script/process/spawner
create script/process/inspector
create script/runner
create script/server
create script/plugin
create public/dispatch.rb
create public/dispatch.cgi
create public/dispatch.fcgi
create public/404.html
create public/422.html
create public/500.html
create public/index.html
create public/favicon.ico
create public/robots.txt
create public/images/rails.png
create public/javascripts/prototype.js
create public/javascripts/effects.js
create public/javascripts/dragdrop.js
create public/javascripts/controls.js
create public/javascripts/application.js
create doc/README_FOR_APP
create log/server.log
create log/production.log
create log/development.log
create log/test.log
[root@otid htdocs]# cd coba/
[root@otid coba]#

Nah, dengan begini aplikasi rails yang kita perlukan telah di generate secara otomatis. Fungsi dari perintah “rails –d=mysql coba” adalah untuk membuat rails dengan project bernama coba menggunakan database mysql. Perlu diingat bahwa saat ini aku memakai rails versi 2.0.2, jika kita menggunakan versi 1.2.3 command yang perlu kita jalankan adalah “rails coba” maka secara otomatis rails akan memilih database mysql secara default, sedangkan di versi 2.0.2 database defaultnya adalah sqlite3.

Kemudian kita buka editor untuk edit file : config/database.yml

development:
adapter: mysql
encoding: utf8
database: coba_development
username: root
password:
socket: /opt/lampp/var/mysql/mysql.sock

Di file ini terdapat konfigurasi konektor ke database, kita bisa mengubahnya sesuai dengan kebutuhan. Kemudian kita buat database dengan menggunakan command :

[root@otid coba]# rake db:create
(in /opt/lampp/htdocs/coba)
[root@otid coba]#

Secara otomatis database telah terbuat. Nama database secara default akan di load dari file database.yml (dalam kasus ini adalah database: coba_development). Kemudian jalankan server untuk rails, pada kesempatan kali ini aku pake WEBrick sebagai server untuk rails-nya.

[root@otid coba]# script/server
=> Booting WEBrick…
=> Rails application started on http://0.0.0.0:3000
=> Ctrl-C to shutdown server; call with –help for options
[2008-01-26 06:56:15] INFO WEBrick 1.3.1
[2008-01-26 06:56:15] INFO ruby 1.8.6 (2007-09-24) [i386-linux]
[2008-01-26 06:56:15] INFO WEBrick::HTTPServer#start: pid=4065 port=3000

Sekarang buka browser dan arahkan menuju http://localhost:3000/. Jika sudah tampil seperti gambar berikut, maka semua settingan kita sudah benar. Jika masih tampil pesan eror lain, periksa apakah semua paket2 pendukung ruby dan rails telah terinstall dengan benar. Periksa juga konfigurasi database.yml, pastikan semua sudah benar.

Kemudian tentu saja kita memerlukan tabel, untuk membuat tabel kita bisa menggunakan command berikut :

[root@otid coba]# script/generate model berita
exists app/models/
exists test/unit/
exists test/fixtures/
create app/models/berita.rb
create test/unit/berita_test.rb
create test/fixtures/beritas.yml
create db/migrate
create db/migrate/001_create_beritas.rb
[root@otid coba]#

Setelah command tersebut berjalan lancar, maka akan ter-create suatu konfigurasi table pada file : db/migrate/001_create_beritas.rb. Kita akan membuat struktur tabel beritas pada file tersebut dan ubahlah isinya menjadi seperti berikut :

class CreateBeritas < ActiveRecord::Migration
def self.up
create_table :beritas do |t|
t.string :title, :image_url
t.text :description
t.timestamps
end
end

def self.down
drop_table :beritas
end
end

Kemudian jalankan command untuk membuat tabelnya di database.

[root@otid coba]# rake db:migrate
(in /opt/lampp/htdocs/coba)
== 1 CreateBeritas: migrating =================================================
– create_table(:beritas)
-> 0.0027s
== 1 CreateBeritas: migrated (0.0029s) ========================================

[root@otid coba]#

Dengan berjalannya command tersebut, telah terbuat tabel beritas pada database coba_development. Perlu diingat pada saat kita menjalankan command “script/generate model berita”, terjadi proses untukmembuat struktur tabel dan nama tabel yang dibuat adalah bentuk plural (jamak) dari command yang kita jalankan dan hasilnya tabel yang terbentuk adalah tabel beritas. Misalnya kita menjalankan command “script/generate model person”, maka secara otomatis rails akan mengambil “people” sebagai nama tabel. Kemudian kita bisa lihat keberadaan tabel beritas pada database.

Satu kehebatan dari rails mucul lagi di sini, secara otomatis akan terbentuk satu field dengan nama id sebagai primary key. Berikutnya kita masukkan beberapa data secara manual menggunakan query mysql.

mysql> insert into beritas (title,description) values (’judul01′,’isi berita satu’),(’judul02′,’isi berita dua’);
Query OK, 2 rows affected (0.02 sec)
Records: 2 Duplicates: 0 Warnings: 0

mysql>

Pastikan kedua data masuk dengan query :

mysql> select * from beritas;

Kemudian kita akan membuat controller beserta view-nya.

[root@otid coba]# script/generate controller kabar index
exists app/controllers/
exists app/helpers/
create app/views/kabar
create app/views/kabar/index.html.erb
exists test/functional/
create app/controllers/kabar_controller.rb
create test/functional/kabar_controller_test.rb
create app/helpers/kabar_helper.rb
[root@otid coba]#

Kita bisa mengedit file app/controllers/kabar_controller.rb, untuk menyimpan query seleksi data pada database. Setelah kita ubah hasilnya akan seperti berikut :

class KabarController < ApplicationController

def index
@record=Berita.find(:all)
end
end

Script “Berita” diperoleh dari bentuk singular dari nama tabel, juga bisa diperoleh ketika kita menjalankan command “script/generate model berita”. Script tersebut selalu diawali dengan huruf besar (Berita). Untuk diperhatikan jika kita melakukan generate model dengan menggunakan “_” misalnya “script/generate model berita_saja”, maka untuk query kita dapat menuliskan “BeritaSaja” untuk seleksi tabel.

Kemudian kita akan menampilkan data dari table beritas di file : app/views/kabar/index.html.erb

<h1>Kabar#index</h1>
<p>Find me in app/views/kabar/index.html.erb</p>

<% @record.each do |t| %>
<p>
Title: <%= t.title %><br />
Content: <%= t.title %><br />
</p>
<% end %>

Dan kita sudah bisa melihat hasilnya di http://localhost:3000/kabar, sbb :

Setelah itu, kita bisa memasang header dan footernya di : app/views/layout/layout.rhtml dengan membuat secara manual file layout.rhtml tersebut. Kemudian isi dengan script berikut :

Header
<p>
<%= yield %>
</p>
Footer

Ubah juga file app/controllers/kabar_controller.rb menjadi :

class KabarController < ApplicationController
layout ‘index’
def index
@record=Berita.find(:all)
end
end

Sekarang lihat http://localhost:3000/kabar dan telah tercipta template untuk posisi header dan footer.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.