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 !!

Comments

Post a Comment

Popular posts from this blog

Seri Belajar Ruby on Rails Bagian 9 - Membuat Autentikasi dengan Devise

Image
Setelah pada artikel sebelumya kita telah berhasil membuat validasi, relasi, dan menggunakan scope pada Rails, selanjutnya kita akan membuat fitur autentikasi  dengan menggunakan  Devise. Devise ? Untuk  apa  ? Devise  adalah salah satu gem pada  Rails yang berfungsi untuk menangani masalah autentika dengan mudah. Devise memiliki kelebihan sebagai  berikut. Rack based Lengkap dengan  Model, View, dan Cotroller Megizinkan suatu aplikasi untuk memiliki multiple model untuk melakukan  autentikasi Dibuat secara modularitas, sehingga memudahkan penggunaan gem ini dengan hanya menggunakan fitur/module yang dibutuhkan. Gem ?.  Apa itu gem ?. Pada Rails terdapat file konfigurasi yang digunakan untuk me-list gem mana saja yang diguakan. Gem ini seperti library atau perpustakaan yang biasanya dapat ditemukan di RubyGems.  Cara Menambahkan Gem Devise pada Rails Untuk menginstall devise ini dapat dilakukan dengan membuka Gemfile pada folde...
Read more

Seri Belajar Ruby on Rails Bagian 6 - Membuat Table & Dummy Data

Image
Setelah belajar membuat aplikasi tugas sederhana melalui scaffold, selanjutnya pada pembahasan kali ini adalah table dan dummy data. Untuk pembahasan kali ini gunakan project sebelumnya, karena kita akan melanjutkan aplikasi tersebut menjadi aplikasi yang lebih terpadu. A. Definisi Table di Database Kata database dan table sudah sering kita dengar. Database secara singkat dianalogikan seperti lemari arsip yang berfungsi untuk menyimpan data. Lalu table adalah arsip, dimana dalam arsip tersebut terdapat data-data tertentu.  B. Membuat Table di Rails Framework Rails menyediakan fitur untuk melakukan pembuatan table, penambahan kolom pada table, dsb dengan menggunakan migration. Migration di Rails disimpan dalam folder db/migrate . Untuk membuat file migrasi telah dijelaskan di Seri Belajar Ruby on Rails Bagian 5 - Membuat Aplikasi Rails Pertamamu dengan cara $ rails generate migration CreateCategories Yang akan dihasilkan oleh generator adalah file migration di folder db/migrate...
Read more

Seri Belajar Ruby on Rails Bagian 8 - Membuat Validasi, Relasi dan Scope

Image
Pada artikel sebelumnya , kita telah mempelajari mengenai Active Record dan penggunaan Active Record pada  Rails. Sebagai contoh pada tutorial sebelumnya, kita membuat aplikasi homework management yang berfungsi untuk melakukan manajemen tugas harian sekolah ataupun tugas kuliah. Pada aplikasi tersebut terdapat dua buah model, yaitu category dan homework. Selain itu, pada aplikasi juga terdapat dua buah tabel, yaitu tabel categories dan tabel homeworks. Aplikasi ini sudah bisa melakukan CRUD. Akan tetapi, aplikasi yang dibuat masih sederhana. Misalnya saja, jika user melakukan pengisian data homework baru dan pada salah satu kolom tidak diisi, data tersebut masih bisa masuk ke dalam database . Untuk itulah dibutuhkan validasi. Terakhir kali, tampilan aplikasi yang sudah kita buat adalah sebagai berikut. A. VALIDASI Apa itu Validasi ? Validasi digunakan untuk memastikan hanya data yang valid yang dapat masuk ke database. Contohnya, mungkin saja penting untuk memastikan bahwa us...
Read more