Minggu, 02 Desember 2012

Membuat Aplikasi Ruby on Rails Pertamamu - Halo Indonesia

Pada tutorial ini, kami akan memperlihatkan cara membuat aplikasi sederhana dengan Ruby on Rails.
Sebelum melanjutkan pastikan Anda memilik koneksi internet dan komputer Anda sudah terinstall:

  • Ruby 2.2.x
  • RubyGem
  • Rails 4.x
  • Bundler
Jika Anda belum memiliki Ruby on Rails pada komputer Anda, silakan cek link berikut ini:


Ok, sekarang silakan ikuti langkah berikut ini:
  • Buka Terminal untuk pengguna Linux & OS X / Window Prompt untuk pengguna Windows
  • Arahkan cursor ke tempat yang ingin anda jadikan tempat penyimpanan Aplikasi Rails Anda atau bisa langsung saja ke langkah berikutnya.
  • Jalankan command seperti pada gambar di bawah ini

    Perintah tersebut akan membuat aplikasi Ruby on Rails dengan nama "Hello App".
    Kemudian Tekan enter dan akan muncul informasi seperti berikut:



    2 gambar diatas memperlihatkan pembuatan struktur aplikasi Ruby on Rails dan melakukan 
    installasi Gem secara online. Karena itu pastikan komputer Anda terkoneksi dengan Internet.

  • Langkah Berikutnya adalah masuk ke directory aplikasi rails anda dan menjalankan perintah menjalankan server seperti berikut:


    Perintah di atas akan menjalankan aplikasi Ruby on Rails anda pada port 3000.
    Silakan buka browser dan ketikan : http://localhost:3000

    Anda akan melihat tampilan seperti berikut ini:

    
  •  Kemudian Bukalah Aplikasi Ruby on Rails Anda dengan Text Editor kesayangan Anda.
          Jika Anda masih bingung Text Editor yang dapat Anda pakai, silakan buka link berikut ini:


  • Buatlah file conotroller baru dengan nama home_controller.rb dan simpan pada folder app/controllers, seperti pada gambar di bawah ini:


    Edit isi file home_controller seperti ini:

    
  • Buat Folder dengan nama home pada app/views seperti gambar di bawah ini:

  • Buat file view dengan nama index.html.erb pada app/views/home dan edit isinya seperti gambar berikut:

  • Berikutnya hapus file index.html di folder public.
  • Kemudian atur routes "root" aplikasi anda ke home_controller yang anda buat dengan cara edit file routes.rb di folder config seperti berikut:

  • Buka kembali browser Anda dan refresh http://localhost:3000, anda akan melihat tampilan seperti berikut:

  • Selanjutnya kita akan menampilkan waktu dengan memanggil variable yang diisi di contoller kemudian di tampilkan di view. Edit home_controller.rb seperti ini:


  • Edit file view app/views/index.html.erb seperti berikut ini:



  • Buka Kembali Browser Anda dan Refresh, Anda akan melihat tampilan seperti berikut:


Happy Coding !!
Diposting oleh

42 komentar:

  1. Mas Rama4 Mei 2015 pukul 14.00

    Min, klo tanpa koneksi internet bisa ndak ya???

    BalasHapus
    Balasan
    1. Anonim4 Mei 2015 pukul 21.10

      Bisa tapi ribet sekali mas, harus download dan copy "gem" secara manual.
      Saran kami kalau koneksi internet terbatas, minimal usahakan cari koneksi waktu running "bundle install" saja.
      Kalau sudah bundle install bisa kerja offline.

      Hapus
  2. Unknown10 Mei 2015 pukul 13.51

    akhirnya lancar juga, tutorial bekerja dengan baik, makasih

    BalasHapus
  3. Harga Honda Beat21 Agustus 2015 pukul 17.49

    Mantab tutorialnya gan, terima kasih

    BalasHapus
  4. Unknown31 Agustus 2015 pukul 20.33

    Akhirnya.....
    Setelah berhari-hari.... akhirnya jadi juga....

    BalasHapus
  5. Unknown13 November 2015 pukul 16.05

    Thanks tutorialnya ya..
    tapi tanggal dan jam saya gak jalan,, kenapa ya?
    Hanya muncul "Helllo Indonesia , waktu sekarang adalah : "

    BalasHapus
    Balasan
    1. Anonim15 November 2015 pukul 08.21

      Hallo,

      Bisa di copy-past code home_controller.rb dan index.html.erb nya disini ?

      Hapus
  6. Unknown27 Desember 2015 pukul 10.00

    sorry mas oot dari post di atas
    saya ingin tanya untuk ruby dsini
    saya uda berhasil buat untuk localhost:3000 nya, tapi saat saya membuat direktori ..view/users dan membuka localhost:3000/users mala error gini ya ?

    Routing Error
    No route matches [GET] "/Users"

    Rails.root: D:/RailsInstaller/toy_app

    BalasHapus
    Balasan
    1. Anonim29 Desember 2015 pukul 13.58

      sudah setup di file config/routes.rb ?

      untuk lebih jelas mungkin bisa dibaca di sini :

      http://guides.rubyonrails.org/routing.html

      by: rendi (gtalk:rendi.nusa@c-aio.com)

      Hapus
  7. robby18 Februari 2016 pukul 00.01

    gan mau Tanya klo ini kenapa ya
    identical test/mailers/.keep
    exist test/models
    identical test/models/.keep
    exist test/helpers
    identical test/helpers/.keep
    exist test/integration
    identical test/integration/.keep
    identical test/test_helper.rb
    exist tmp/cache
    exist tmp/cache/assets
    exist vendor/assets/javascripts
    identical vendor/assets/javascripts/.keep
    exist vendor/assets/stylesheets
    identical vendor/assets/stylesheets/.keep
    run bundle install
    Checksum of /versions does not match the checksum provided by server! Something
    is wrong.
    abis nulis rails new hello_app

    BalasHapus
    Balasan
    1. Anonim18 Februari 2016 pukul 07.11

      Halo Robby,

      Masalah itu kemungkinan karena Robby generate aplikasi rails pada folder yang sebelumnya sudah ada aplikasi rails nya.

      Coba pindah folder / lokasi baru kemudian ulangi pembuatan aplikasi rails nya.

      Silakan hubungi kami lagi jika masih ada masalah.


      Thanks,

      Hapus
    2. robby20 Februari 2016 pukul 16.17

      masih tetap sama gan ane coba piundahin ke D juga ada solusi yang lain gan ?
      terima kasih sebelumya ane newbi banget

      Hapus
    3. Anonim20 Februari 2016 pukul 18.45

      Cobain gini Gan, buat folder baru di D, namanya "rails_app", pastikan isinya kosong kemudian jalankan lagi di command prompt:
      rails new hello_app

      kalo masih ada error, coba screenshot terus kirim kesini..

      Thanks,

      Hapus
    4. Anonim22 Februari 2016 pukul 13.19

      Mas Robby,

      Sekarang itu errornya karena masalah koneksi ke rubygems server dengan https.

      Solusinya, silakan coba buka file Gemfile di dalam folder aplikasi yang baru dibuat, terus ganti

      source 'https://rubygems.org'

      menjadi

      source 'http://rubygems.org'

      kemudian jalankan lagi

      bundle install

      Silakan mencoba,

      Hapus
  8. robby21 Februari 2016 pukul 17.16

    Masih Tetap sama dengan eror yang sama hihih

    BalasHapus
  9. Anonim26 April 2016 pukul 14.28

    banyak sekali yg harus diset ulang konfigurasinya, sama pake win 7, cari info sana sini baru dapet solving problemnya satu per satu.... sampe lupa tadi apa aja yg udah diubah.. hahaha. akhirnya HELLO WORLD running juga... hehehe

    makasih bang basic tutorialnya...

    BalasHapus
    Balasan
    1. Anonim2 Mei 2016 pukul 09.32

      Bisa disharing disini gimana problem solving nya ?
      Thanks juga ya

      Hapus
  10. Unknown3 Juni 2016 pukul 05.37

    Min mau tanya, saya udah coba tutorialnya tapi pas saya running di web browser muncul erro serperti ini min :

    Showing C:/Belajar Ruby/Hello World/hello_app/app/views/layouts/application.html.erb where line #5 raised:

    TypeError: Object doesn't support this property or method
    Rails.root: C:/Belajar Ruby/Hello World/hello_app

    Mohon pencerahannya dong min. Terima kasih

    BalasHapus
  11. Dayu Surya Fernandi16 Juni 2016 pukul 18.13

    permisi, saya gabisa yg step ini "Berikutnya hapus file index.html di folder public." karena saya cek di folder public ga ada file index.html,ini knp ya? jadi kalo buka localhost:3000 selalu ke tampilan default,trims.

    BalasHapus
  12. Dayu Surya Fernandi16 Juni 2016 pukul 20.09

    Sudah bisa gan,saya coba create di data D.
    trims

    BalasHapus
  13. Unknown19 Juli 2016 pukul 21.39

    kalo error gini 'active_record/connection_adapters/sqlite3_adapter'. gimana yah? tolong bantuannya

    BalasHapus
  14. Unknown19 Juli 2016 pukul 21.40

    kalo error gini gimana yah? 'active_record/connection_adapters/sqlite3_adapter'.

    BalasHapus
    Balasan
    1. Anonim20 Juli 2016 pukul 09.42

      di Gemfile coba tambahin:

      gem "sqlite3"

      kemudian jalankan:

      bundle install

      Hapus
  15. Unknown25 Juli 2016 pukul 11.22

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  16. Unknown5 Oktober 2016 pukul 11.04

    Mantap.

    BalasHapus
  17. Unknown8 November 2016 pukul 18.33

    Om saya kok masalah terus ya dipembuatan server rails nya.. error mulu

    BalasHapus
    Balasan
    1. Anonim9 November 2016 pukul 08.27

      Bisa di copy - paste / screenshot errornya Mas ?

      Hapus
  18. Jack Adriano18 Maret 2017 pukul 23.55

    ka admin,saya uda instal ruby nyatapi yang saya kurang paham cara membuat filenya....? minta petunjuknya bang...

    BalasHapus
    Balasan
    1. Anonim20 Maret 2017 pukul 09.16

      Silakan ikuti langkah di atas Mas

      Hapus
  19. Unknown5 Juni 2017 pukul 13.48

    mas, folder home_appnya itu ada dimana ya mas?

    BalasHapus
    Balasan
    1. Anonim5 Juni 2017 pukul 14.05

      Lokasi folder aplikasinya ada di path yang mas bikin di command prompt waktu jalankan command "rails new"

      Hapus
  20. Muhammad Iqbal2 September 2017 pukul 13.14

    pas menjalankan rails s koq eror ya mas?
    c:/RailsInstaller/Ruby2.3.0/lib/ruby/gems/2.3.0/gems/bundler-1.13.7/lib/bundler/runtime.rb:94:in `rescue in block (2 levels) in require': There was an error while trying to load the gem 'uglifier'. (Bundler::GemRequireError)
    Gem Load Error is: Could not find a JavaScript runtime. See https://github.com/rails/execjs for a list of available runtimes.
    terima kasih

    BalasHapus
    Balasan
    1. Anonim4 September 2017 pukul 13.42

      Coba install nodejs Mas, bisa ikuti langkahnya disini:

      http://blog.teamtreehouse.com/install-node-js-npm-windows

      Hapus
  21. Unknown4 September 2017 pukul 15.22

    Sorry, kenapa di http://localhost:3000 nggak muncul yang seperti di tutorial. munculnya cuma yang " yay you are on rails " ._.

    BalasHapus
    Balasan
    1. Anonim4 September 2017 pukul 20.35

      routes.rb nya sudah di edit Mba ?

      Hapus
  22. Daffa4 September 2017 pukul 17.31

    mas kalo mau folder hello_app nya disimpen di E:\ gimana yah ?

    BalasHapus
  23. Unknown29 September 2017 pukul 11.04

    gan cara memperbaiki ini gimana
    uninitialized constant ApplicationContorller

    Rails.root: C:/Users/user/hello_app

    Application Trace | Framework Trace | Full Trace
    app/controllers/home_controller.rb:1:in `'
    Routes

    Routes match in priority from top to bottom

    BalasHapus
  24. Unknown29 September 2017 pukul 11.05

    gan cara memperbaiki error ini gimana
    'uninitialized constant ApplicationContorller

    Rails.root: C:/Users/user/hello_app

    Application Trace | Framework Trace | Full Trace
    app/controllers/home_controller.rb:1:in `'
    Routes

    Routes match in priority from top to bottom'

    BalasHapus
    Balasan
    1. Anonim29 September 2017 pukul 13.52

      Itu ada typo di home_controller.

      Coba cari ApplicationContorller, itu harusnya
      ApplicationController

      Hapus
  25. Anonim24 Oktober 2019 pukul 16.34

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus

Langganan: Posting Komentar (Atom)