{"id":180,"date":"2020-04-01T02:54:24","date_gmt":"2020-04-01T02:54:24","guid":{"rendered":"https:\/\/sentraldigitalindonesia.co.id\/blog\/?p=180"},"modified":"2020-04-01T02:54:29","modified_gmt":"2020-04-01T02:54:29","slug":"ruby-on-rails","status":"publish","type":"post","link":"https:\/\/sentraldigitalindonesia.co.id\/blog\/2020\/04\/01\/ruby-on-rails\/","title":{"rendered":"Ruby on Rails"},"content":{"rendered":"\n<p>\n\nRuby adalah bahasa pemrograman berorientasi object yang dibuat oleh Yukihiro Matsumoto (Matz) pada tahun 2000. Ruby dapat digunakan di berbagai sistem operasi Linux, MacOs, dan Windows, dikembangkan secara open source. Setiap orang boleh menggunakan Ruby secara gratis, dan juga bebas untuk menduplikat, mendistribusikan bahkan melakukan perubahan \/ modify !<br>Rails merupakan web framework yang dibuat dengan bahasa pemrograman Ruby, dikembangkan pertama kali oleh David Heinemeier Hansson pada tahun 2003. &nbsp;Rails juga open source tapi dengan lisensi MIT.<br>Rails menggunakan konsep MVC, singkatan dari Model View Controller, sehingga memudahkan programmer dalam melakukan manajemen codes.<br>Selengkapnya tentang Ruby on Rails bisa kalian akses&nbsp;<a href=\"http:\/\/www.ruby-lang.org\/id\" target=\"_blank\" rel=\"noreferrer noopener\">disini<\/a><br>Sekarang mari kita mulai mencoba bahasa pemograman Ruby on Rails. Sebelum itu kalian harus terlebih dahulu mendownload engine Ruby on Rails&nbsp;<a href=\"https:\/\/www.ruby-lang.org\/id\/downloads\/\" target=\"_blank\" rel=\"noreferrer noopener\">disini<\/a>&nbsp;dan pilih berdasarkan sistem operasi komputer yang sesuai dengan yang kalian gunakan.<br>Saya anggap kalian sudah mendownload dan sudah paham ya. (ingat tutorial coding ini dikhususkan kalian yang sudah paham seluk beluk pemogramman bagi yang belum silahkan pahami dulu ya, supaya tidak bingung nantinya)<br><strong>1.<\/strong>&nbsp;Buka terminal kalian, lalu ketikan :<br><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><a>1<\/a>$ rails new MySite<\/pre>\n\n\n\n<p>Tekan Enter<br><strong>2.<\/strong>&nbsp;Kemudian ketik lagi perintah berikut :<br><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><a>1<\/a>$ bundle install<\/pre>\n\n\n\n<p>Tekan Enter, maka akan keluar tulisan seperti gambar di bawah ini :<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/1.bp.blogspot.com\/-GxgnUGnEbOo\/VrxhlUyifDI\/AAAAAAAAAMA\/0lD4EUMi_aA\/s1600\/1.PNG\"><img decoding=\"async\" src=\"https:\/\/1.bp.blogspot.com\/-GxgnUGnEbOo\/VrxhlUyifDI\/AAAAAAAAAMA\/0lD4EUMi_aA\/s320\/1.PNG\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p><strong>3.<\/strong>&nbsp;Terakhir ketikan perintah berikut :<br><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><a>1<\/a>$ rails server<\/pre>\n\n\n\n<p>Tekan Enter, jika berhasil maka akan keluar tampilan seperti berikut ini :<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/1.bp.blogspot.com\/-hHD3Y84t7kM\/Vrxh7I87_EI\/AAAAAAAAAME\/VY0BdhJfQYM\/s1600\/2.PNG\"><img decoding=\"async\" src=\"https:\/\/1.bp.blogspot.com\/-hHD3Y84t7kM\/Vrxh7I87_EI\/AAAAAAAAAME\/VY0BdhJfQYM\/s320\/2.PNG\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p>Diatas adalah tampilan yang menyatakan bahwa Ruby on Rails sudah terinstal pada laptop kalian atau sudah tertanam di server kalian. Kalian bisa mencobanya dengan mengakses url&nbsp;<a href=\"http:\/\/localhost:8000\/\">http:\/\/localhost:8000<\/a>&nbsp;pada browser , lalu tekan enter. Maka akan keluar tampilan seperti berikut &nbsp;:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/4.bp.blogspot.com\/-IrAqxFx3HoQ\/VrxiVh9hilI\/AAAAAAAAAMM\/TeNK82duMNY\/s1600\/3.PNG\"><img decoding=\"async\" src=\"https:\/\/4.bp.blogspot.com\/-IrAqxFx3HoQ\/VrxiVh9hilI\/AAAAAAAAAMM\/TeNK82duMNY\/s320\/3.PNG\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p>Dalam 3 perintah di atas kalian sudah membuat Ruby on Rails bekerja dengan baik dengan menampilkan halaman default. Perintah diatas menciptakan aplikasi baru bernama MySite dan menghasilkan sejumlah file dan folder yang akan kita gunakan untuk membangun aplikasi.&nbsp;<br>Mengapa kalian bisa mengakses&nbsp;<a href=\"http:\/\/localhost:8000\/\">http:\/\/localhost:8000<\/a>&nbsp;pada browser ?<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Ketika kalian mengakses&nbsp;<a href=\"http:\/\/localhost:8000\/\">http:\/\/localhost:8000<\/a>, permintaan tersebut di akui oleh router Rails pada folder config\/routes.rb dan mengirimkan permintaan ke controller.<\/li><li>Controller menerima permintaan tersebut dan memprosesnya.<\/li><li>Controller melewati permintaan ke tampilan browser.<\/li><li>Browser merender halaman sebagai HTML<\/li><li>Controller mengirimkan HTML kembali ke browser dan hasilnya yang anda bisa liat pada browser anda masing-masing.<\/li><\/ol>\n\n\n\n<p>Cara kerja diatas disebut siklus permintaan \/ tanggapan. Cara ini adalah cara yang berguna untuk melihat bagaimana file aplikasi Ruby on Rails dan folder memiliki kecocokan.<br>Sekarang kita akan coba membuat file controller pada bahasa pemograman Rubi on Rails.<br><strong>1.&nbsp;<\/strong>Buka terminal kalian, lalu ketikan perintah tersebut :<br><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><a>1<\/a>rails generate controller Pages<\/pre>\n\n\n\n<p>Tekan Enter<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/1.bp.blogspot.com\/-IZGnDExnHOo\/Vrxxou5-2MI\/AAAAAAAAAMg\/2G82AKT7nGI\/s1600\/4.PNG\"><img decoding=\"async\" src=\"https:\/\/1.bp.blogspot.com\/-IZGnDExnHOo\/Vrxxou5-2MI\/AAAAAAAAAMg\/2G82AKT7nGI\/s320\/4.PNG\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p><strong>2.&nbsp;<\/strong>Setelah selesai, silahkan buka file app\/controller\/halaman_controller.rb dan tambahkan script tersebut pada Class PagesController.<br><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><a>1<\/a><a>2<\/a><a>3<\/a><a>4<\/a>class PagesController &lt; ApplicationController\ndef home\nend\nend&nbsp;<\/pre>\n\n\n\n<p>Hasilnya seperti gambar dibawah ini :<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/2.bp.blogspot.com\/-T9AVzU6JQFk\/VrxyIcpvGtI\/AAAAAAAAAMk\/DdP-1tWVDSc\/s1600\/5.PNG\"><img decoding=\"async\" src=\"https:\/\/2.bp.blogspot.com\/-T9AVzU6JQFk\/VrxyIcpvGtI\/AAAAAAAAAMk\/DdP-1tWVDSc\/s320\/5.PNG\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p>Kita telah berhasil membuat Controller pada Rubi on Rails. Sekarang kita akan memasukan file HTML yang nanti hasilnya dapat kita lihat pada browser.<br><strong>1.&nbsp;<\/strong>Buka file config\/routes.rb dan simpan sintak dibawah ini :<br><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><a>1<\/a><a>2<\/a>get 'welcome' =&gt; 'pages#home'\n<\/pre>\n\n\n\n<p>Sebagai Contohnya anda bisa lihat pada gambar dibawah ini :<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/1.bp.blogspot.com\/-PuwLy606qaE\/VrxzQxWQwxI\/AAAAAAAAAM0\/uV5qp83pOiI\/s1600\/6.PNG\"><img decoding=\"async\" src=\"https:\/\/1.bp.blogspot.com\/-PuwLy606qaE\/VrxzQxWQwxI\/AAAAAAAAAM0\/uV5qp83pOiI\/s320\/6.PNG\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p><strong>2.\u00a0<\/strong>Sekarang buka file app\/views\/halaman\/home.html.erb dan ketikan HTML yang anda inginkan, sebagai contoh saya akan memasukan sintak tersebut :<br><a>123456<\/a>&lt;div class=&#8221;main&#8221;> &lt;div class=&#8221;container&#8221;> &lt;h1>Hello My Website is <a href=\"http:\/\/www.fortinus.blogspot.com\/\">www.jen<\/a>delakonsultasi.com&lt;\/h1> &lt;p>I make Rails Apps&lt;\/p> &lt;\/div> &lt;\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ruby adalah bahasa pemrograman berorientasi object yang dibuat oleh Yukihiro Matsumoto (Matz) pada tahun 2000. Ruby dapat digunakan di berbagai sistem operasi Linux, MacOs, dan Windows, dikembangkan secara open source. &hellip; <\/p>\n","protected":false},"author":1,"featured_media":181,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[55],"class_list":["post-180","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi","tag-ruby-on-rails"],"_links":{"self":[{"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/posts\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":6,"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/posts\/180\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/posts\/180\/revisions\/187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/media\/181"}],"wp:attachment":[{"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/media?parent=180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/categories?post=180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sentraldigitalindonesia.co.id\/blog\/wp-json\/wp\/v2\/tags?post=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}