Hari 3 : Membuat model dengan Scaffold Generator

          Ok, kembali lagi ke rails tutorial pada hari sebelumnya kita sudah belajar tentang bagaimana membuat aplikasi hello world di Rails. Pada tutorial hari ini kita bakalan belajar untuk membuat sebuah aplikasi yang akan melakukan show off dari hebatnya Rails salah satunya adalah dengan menggunakan scaffold generators dimana dengan menggunakan scaffold kita bisa menggenerate fungsi secara otomatis. Pada tutorial kali ini aplikasi tutorial yang akan kita buat akan bersisi data user daimana pada setiap user akan memiliki lebih dari satu micropost. tahap yang perlu dilakukan sama seperti tahap pembuatan aplikasi hello world ok langsung saja kita mualai genrate aplikasinya disni nama aplikasinya yang saya pake adalah Hello_scaffold dengan konfigurasi gem file sebagai berikut dan kemudian install bundler without production

konfigurasi gemfile untuk aplikasi Hello_scaffold

setelah itu genertae aplikasi di heroku dan ubah aplikasi supaya menampilkan kata hello world dan lakukan deploy ingat tidak ada kata  "terlalu dini untuk melakukan deploy" jika sudah kita akan memodelkan tabel user sepert ini 

1. id : integer
2. name : string
3. email : string

kemudian kita akan memodelkan tabel data untuk micropost seperti ini 

1. id : integer
2. content : text
3. user_id : integer

ok jika sudah kalian pahami, sekarang saatnya melakukan generate model dengan menggunakan scaffold berikut ini adalah aturan menuliskan commandnya 

rails generate scaffold nama_tabel_atau_model atribut_1:tipedata_1 atribut_2:tipedata_2 atribut_3:tipedata_3 ... atribut_n:tipedata_n

jika sudah paham sekrang yang perlu kalian lakukan adalah melakukan generate model tersebut berikut ini commandnya jika kalian bingung dengan penjelasan diatas.

rails generate scaffold User name:string email:string 

jika command tersebut berhasil akan mengoutputkan seperti ini 

Output generate scaffold

dengan menggunakan scaffold ketika kalian membuat tabel user kalian tidak perlu menuliskan command id yang natinya sebagai primary key karena sudah digenerate secara otomatis oleh scaffold ini, setelah berhasil menggenerate user yang perlu kalian lakukan adalah melakukan migrate database yang tujuannya adalah untuk mengupdate model ke database dengan menggunakan command .

rails db:migrate

sebelum melanjutkan tutorial ini saya akan membahas tentang rake, ketika kita menuliskan commnad db:migrate, command ini sebenarnya menggunakan rake, and then pasti kepikiran apa itu rake berikut ini adalah penjelasan panjanganya.

          Pada sistem Unix, make utility merupakan command penting pada pembuatan executeable program dari source code. Disni Ruby mencoba mengaplikasikan hal tersebut pada rake, rake sebenarnya singkatan dari Ruby make.Sebelum adanya Rails 5, Ruby on rails menggunakan rake secara luas. dua command yang paling sering digunakan yang didalamnya yang menggunakan rake adalah rake db:migrate (digunakan untuk mengupdate database dengan model) dan rake test(untuk melakukan test suite secara otomatis). OK cukup sudah sedikit ceritanya, lanjut ke tutorialnya.

         Jika kalian sudah berhasil membuat model user sekarang saatnya adalah melakukan explorasi dari running commad tersebut, nyalakan rails server terlebih dahulu dan masuk ke local host dengan tambahan /users maka kalian akan menemukan page seperti ini.

Hasil generate scaffold

jika kalian sudah berhasil cobalah untuk menambahakn user baru melalui page tersebut dan hasilnya akan sepreti berikut ini.

Menambahkan user

ketika membuat model menggunakan rails secara otomatis Rails akan menggnerate juga fungsi CRUD(create, read, update, dan delete) untuk model yang kita buat, cobalah untuk melakukan sedikit explore fungsi-fungsi tersebut sendiri.

MVC in Action

        Ok, sebelumnya kita sudah belajar cara untuk membuat model user, sekarang adalah saatnya untuk membahas bagaimana mvc tersebut bekerja, berikut ini adalah diagramnya.

Berikut ini adalah alurnya

1. ketika kita membuka browser dan merequest halaman /user
2. Rails router akan mengarahkan request ke index action yang berada pada class User controller
3. Index action tersebut akan meminta User model untuk mengambil semua data user (User.all)
4. kemudian user model akan melakukan pull semua data user dari database.
5. user model akan mereturn semua list user ke controller.
6. kemudian controller akan mengcapture user dengan menggunakan variabel @user, yang natinya akan di pass ke index view.
7. kemudian view akan meminta Ruby untuk merender page sebagai HTML
8. controller akan melakukan pass HTML kembali ke browser

jika kalian sudah paham sekarang adalah saatnya untuk mengubah main page aplikasi yang kita buat.Yang sebelumnya hanya menapilkan hello world diubah untuk menampilkan page user, cara mengubahnya dalah pada bagian routernya yaitu routes.rb

Mengubah main page untuk menampilkan data user

jika kalian sudah ubah seperti screenshot diatas cobalah untuk membuka localhost:3000 maka akan menampilkan list user yang ada, pertanyaan kalian "kok bisa? kan saya belum membuat apa-apa di controller user".Ok, berikut ini penjelasannya, pada Rails controller akan dibuat secara otomatis ketika kita membuat sebuah model dengan menggunakan scaffold, yang perlu kalian ingat disini adalah UserController , adalah class yang merupakan class turunan(inheritance) dari class ApplicationController jika kalian buka class user_controller.rb maka detail isi class tersebut adalah sebagai berikut

class UsersController < ApplicationController
  .
  .
  .
  def index
    .
    .
    .
  end

  def show
    .
    .
    .
  end

  def new
    .
    .
    .
  end

  def edit
    .
    .
    .
  end

  def create
    .
    .
    .
  end

  def update
    .
    .
    .
  end

  def destroy
    .
    .
    .
  end
end

jika kalian perhatikan class tersebut dengan baik, maka class tersebut bersisi method: index,show, new, edit, create, update dan destroy yang tadi sempat kita lihat di page-page user yang merupakan hasil generate, dan kerennya dengan menggunakan Rails action-action yang ada di page tersebut tidak melakukan render page meskipun sebenarnya bisa. Controller tersebut sebenarnya merepresntasikan implementasi dari Representational State Transfer pada Rails atau yang dikenal dengan nama REST, buat kalian yang belum paham mengenai REST berikut ini adalah penjelasannya.

          REST sperti yang sudah disebutkan sebelumnya merupakan singkatan dari REpresentational State Transfer, dimana REST ini merupakan sebuah arsitektur untuk sistem terdistribusi seperti World Wide Web(WWW) dan aplikasi web, jika membahas mengenai REST secara teori hal tersebut sangat abstrak jadi yang akan dibahas adalah implemntasi REST pada Rails saja. Pada Rails, REST merupakan komponen aplikasi yang dimodelkan sebagai resource yang bisa dilakukan create, read, update, delete yang berkorespondensi dengan CRUD dan empat fundamental HTTP request method:POST, GET, PATCH, dan DELETE. ok demikian saja penjelasan mengenai REST di Rails.Sekarang dalah saatnya membahas sedikit mengenai HTTP request dan controller yang berkaitan dengan HTTP request pada aplikasi kita, berikut ini adalah tabelnya.

HTTP request	URL	action	fungsi
GET	/users	index	Page untuk menampilkan list semua user
GET	/users/1	show	Page untuk menmpilkan user dengan id 1
GET	/users/new	new	Page untuk membuat user baru
POST	/users	create	Membuat user baru
GET	/users/1/edit	edit	Page untuk mengedit user dengan id 1
PATCH	/users/1	update	Mengupdate user dengan id 1
DELETE	/users/1	destroy	Menghapus user dengan id 1

ok demikian saja penjelasan tentang user modelnya jika merasa masih kurang kalian bisa baca ini di resource aslinya di rails tutorial chapter 2.

di bagian berikutnya kita akan membuat model untuk micropost, yang caranya sama saat pembuatan model user, generate model dengan scaffold kemudian lakukan db:migrate.Jika sudah slesai maka cobalah buka file routes.rb, maka akan ada penambahan resource :microposts pada file tersebut sperti ini

Penambahan source secara otomatis pada routes.rb

berikut ini adalah tabel routing rule maps micropost URL untuk melakukan action pada Micropost controller

HTTP request	URL	action	fungsi
GET	/microposts	index	Page untuk menampilkan list semua microposts
GET	/microposts/1	show	Page untuk menmpilkan microposts dengan id 1
GET	/micropost/new	new	Page untuk membuat microposts baru
POST	/microposts	create	Membuat microposts baru
GET	/microposts/1/edit	edit	Page untuk mengedit microposts dengan id 1
PATCH	/microposts/1	update	Mengupdate microposts dengan id 1
DELETE	/microposts/1	destroy	Menghapus microposts dengan id 1

class microposts controller ini juga merupakan class turunan dari ApplicationController, Jika sudah sekarang cobalah tambahakan micropost dengan mengakses localhost:3000/microposts. Tambahakan  daua buah micropost dengan id user yang sudah ada.

Untuk langkah selanjutnya yang akan ditambahakan adalah validasi micropost diaman micropost ini hanya dapat menerima maksimal maksimum 140 karakter saja. Dengan menggunakan Rails, memvalidasi hal tersebut sangatlah mudah dengan menggunakan length validation, untuk melakukan ini class yang perlu kita edit adalah microposts.rb yang berada para direktori model ubahlah clas tersebut menjadi seperti ini.

menambahkan validasi pada micropost

jika kalian sudah menambahkan validasi, yang perlu kalian lakukan sekarng adalah mencoba untuk membuat micropost dengan content lebih dari 140 karakter jika ditolak maka validasi yang kalian buat berhasil.

invalid content 

nah jika validasi sudah jadi, sekarang tinggal menmbahkan asosiasi antara user dengan micropost dimana satu user bisa memiliki lebih dari satu micropost. Dengan menggunakan Active Record pada Rails kita bisa dengan mudah mengasosiasikan kedua model tersebut, dengan berpikir sperti ini "user has many microposts and micropost belongs to user". dengan begitu kita hanya tingga menmbahkan syntax has_many pada  model user dan belongs_to ke model micropost. Jika kalian belum paham maksudnya maka penulisannya seperti ini.

asosiasi model

untuk melihat hasil perubahan asosiasi ini, kita akan menggunakan rails console dan tuliskan command seperti screenshoot, kika benar maka hasilnya akan sperti dibawah ini.

hasil asosiasi

kita bisa melihat saat menuliskan commnad first_user.micropost maka akan mereturn semua data micropost yang terkait dengan first_user tersebut. Ok step selanjutnya adalah melakukan validasi terhadap model yang kita buat supaya model tersebut tidak bisa menerima inputan kosong., oh ya sebelum menuliskannya saya akan memberi tahu aturan menuliskan validasi pada Rails yaitu

validates :nama_atribut, jenis_validasi_1:formula,jenis_validasi_2:formula ...

setiap jenis validasi memiliki formulanya sendiri misal ketika kita menulskan validasi minimum karkter yang ditulis pada kontent adalah 15 maka kita menuliskan length: {minimum:15} jika kita menginginkan validasi supaya content yang diisi tidak boleh kosng maka kita menuliskan presence:true. Balik lagi ke topik utama kita sekarang, yaitu agar setiap atribut dari model yang kita buat tidak boleh menerima inputan kosong adalah dengan menambahkan presence yang kita tulis pada masing-masing model seperti ini.

menambahkan not blank validation pada model

jika sudah lakukan ujicoba dengan memasukan input kosong jika validasi mu benar maka hasilnya untuk user dan micropost seperti ini 

output pada user

output pada micropost

kalian pasti berikir kok itu bagian user kok outputnya bukan Content can't be blank, jawabnya adalah karena pada micropost itu sudah kita asosiasikan dengan user, jadi dia akan mencari dulu user dengan id yang dicari pada kasus ini blank atau "" kan tidak ada, jika kalian input dengan nilai 2 pun outputnya akan sama user must exists. Jika sudah lakukan deploy ke heroku dengagan cara melakukan git add, git commit dan terakhir lakukan push ke branch heroku dan master . 

         Langkah terakhir adalah melakukan migrasi production database supaya database aplikasi yang kita buat bisa bekerja. karena sebelumnya kita menggunakan sql lite untuk melakukan development sedangkan pada environtment production menggunakan PostgreSQL beriku tini adalah commnadnya.

heroku run rails db:migrate

          Jika sudah cobalah untuk membuka aplikasi yang kalian buat pada heroku. sebelum itu saya ingin memberi tahu juga jika controller user dan micropost yang sudah kita buat mereka adalah class dengan parent yang sama yaitu ApllicationController, dan model user dan micropost juga merupakan class dengan parent yang sama yaitu ApplicationRecord. dan yang perlu kalian baca adalah membaca reource aslinya di railstutorial.org chapter 2. 

          Mungkin ada dari kalian bertanya kok ini sering banget pake screenshoot buat kodingan dikit doang sbenarnya tujuan saya biar kalian saat belajar tidak bisa copy paste syntax saja sih dan menurut saya lebih cepet doang wkwk demikian tutorial kali ini jika ada salah penjelasan pada tutorial mengenai Rails silakan balas di kolom komentar.