Published in HIMIT PENS Medium - Nov 12, 2019

Written by : Zahiroh Marwah -_-

Apa itu MeteorJs ?

Meteor merupakan salah satu framework JavaScript yang saat ini sedang populer. Meskipun versi stabilnya baru dirilis 28 Oktober lalu) namun Meteor telah banyak meyita perhatian para web developer diseluruh dunia. Meteor pertama kali dikembangkan diakhir tahun 2011 dengan nama Skybreak dan kemudian pada bulan Januari 2012 diganti menjadi Meteor. Meteor ditulis dalam bahasa JavaScript dengan memanfaatkan kode Nodejs dengan lisensi MIT artinya Meteor merupakan aplikasi yang open source. Meteor digunakan untuk membuat aplikasi web yang bersifat real-time. Berbeda dengan beberapa framework JavaScript yang lain, Meteor merupakan framework yang lengkap mulai dari sisi server sampai ke sisi klien dan semuanya menggunakan satu bahasa yaitu JavaScript. Oleh karena itu jika pembaca sudah mengenal bahasa pemrograman JavaScript, membuat aplikasi dengan Meteor akan terasa sangat mudah.

Apa itu MongoDB ?

MongoDB yang merupakan salah satu database NoSQL paling populer. •MongoDB adalah salah satu jenis database NoSQL yang berbasis dokumen dengan fomat JSON.

• Pada database SQL, data disimpan dalam bentuk tabel. Sedangkan pada MongoDB data disimpan dalam bentuk dokumen dengan format JSON

Yuk, Membuat Aplikasi CRUD Sederhana dengan MeteorJs dan MonggoDb :)

1. Install MeteorJs

• Download dan Install meteor di www.meteor.com/
• Setelah berhasil menginstallnya, lalu memanggil meteor dalam command prompt “cmd” di laptop/computer
• Buatlah folder di dalamnya dengan menggunakan perintah
• “meteor create <nama_folder>”
• Buat aplikasi pada folder CRUD2.
• Maka perintahnya adalah: meteor create crud2
• Aplikasi dijalankan dengan masuk kefolder CRUD2.
• Dan berikutnya aplikasi akan dapat dijalankan dengan menggunakan http://localhost:3000

2. Install MongoDb

• Kalian bisa menginstalnya di https://robomongo.org/download
• Setelah itu, kalian bisa membuka aplikasinya. Lalu, buat koneksi baru dengan memasukkan alamat koneksinya yakni 127.0.0.1:3001
• Dimana alamat itu bisa di lihat dengan perintah meteor –U di dalam folder crud2

3. Berikut adalah struktur directory di dalam folder CRUD2 :

4. Download Template MeteorJs :

• Kita dapat mendownload template meteorjs pada www.atmospherejs.com
• Misal kita gunakan template iron:router.
• Perintahnya:

          “meteor add <nama_template>”.

           meteor add iron:router.

• Template ini berfungsi untuk mendesain aplikasi.

5. Mempercantik Aplikasi dengan Boostrap :

• Boostrap yang digunakan adalah boostrap-3.
• Untuk itu tambahkan perintah “meteor add mrt:boostrap-3”.
• Lalu jangan lupa juga mendownload list pada meteor dengan menggunakan perintah “meteor list”

6. Contoh Aplikasi yang sudah jadi oleh saya sendiri :) :

• Untuk membuat aplikasi anda sendiri, pelajari aplikasi yang sudah jadi.
• Dengan mendownload CRUD2.zip yang ada di intip.in/Zahiroh_crud2. Aplikasi itu merupakan salah satu contoh saja yang saya pelajari berdasarkan Youtube dan media lainnya. Jadi, anda bisa mengembangkannya lagi.
• Copy-kan pada folder crud yang anda punya.
• Anda akan melihat perubahan tampilan pada browser

Contoh Update Data :

Contoh Delete Data :

Berikut Database di MongoDB :

Easy, right ?

Selamat mencoba yaaa :)