Yasya Indra Blog

 

Pada postingan kali ini kita akan belajar sesuatu yang sangat fundemental dalam pemograman,yaitu data structure. Postingan ini berdasarkan pembelajaran yang saya lalui pada sebuah website yang pasti semua programmer tahu. Website tersebut bernama FreeCodeCamp

Lalu saya berfikir, sebaiknya saya share juga solusi yang saya pecahkan ini ke blog pribadi saya ini

Studi Kasus

Setelah kita memahami apa itu data structure dan beberapa contohnya yaitu object. Maka kita juga harus mengimplementasiannya pada sebuah studi kasus

Studi kasus yang saya coba tertulis seperti ini. Kalian sendiri bisa klik soal dibawah lewat link ini

Bagi kamu yang kesulitan memahami karena keterbatasan bahasa inggris, saya akan menjabarkan soal diatas. Kuran lebih seperti berikut

• Terkadang kita ingin mengecek apakah sebuah object memiliki property tertentu. Maka dari itu kita memerlukan sebuah function bernama hasOwnProperty() yang akan mengembalikan nilai boolean true atau false
• Coba. Kamu ubah functuoin checkObj untuk menguji apakah sebuah object memiliki propertu tertentu dari dua parameter, jika ternyata object tersebut tidak memiliki property yang diinginkan maka kita function kita harus mengembalikan "Not Found"

Kode Kita

Lihat starting code. Kita diberikan sebuah function. Apa maksudnya?

• checkObj. Merupakan nama function
• obj. Merupakan parameter yang menerima argument object (kita sudah menuliskannya diatas)
• checkProp, merupakan parameter yang menerima string, yaitu nama properti yang ingin kita cari

Jawaban

Langkah Langkah

Periksa apakah object yang diterima memiliki prop yang diharapkan.

 

Ketika seorang front end ingin menampilkan data response dari API backend, maka ia harus mengujinya juga pada aplikasi Postman

Apa Itu Postman?

Postman adalah platform untuk membangun dan menguji API. Alih alih kita membiarkan aplikasi terhubung dengan API, bukankah lebih baik kita mengujinya dulu sebelum aplikasi kita (biasanya web) mengembalikan error?

Lalu bagaimana cara menggunakannya?

Biasanya saat kita ingin menguji sebuah API, backend developer akan memberikan kita sebuah documentation yang bisa kita jalankan dalam Postman

Langkah Langkah

Install Postman.

Kalian bisa menginstallnya disini

Kalian akan menerima sebuah link documentation dan kalian bisa mengclick Run in Postman pada ujung halaman

Setelah itu secara otomatis kalian akan membuka tampilan Postman yang sudah tersimpan beberapa request sesuai dengan jenisnya. POST, GET, PUT dan DELETE

 

Pada postingan kali ini saya akan memberi tahu kalian langkah langkah untuk mendeploy REST API ke Heroku

Apa Itu Heroku?

Heroku adalah situs semacam hosting dimana kita akan meletakan script backend sehingga script itu bisa berjalan secara online dan dapat diakses oleh siapa saja

Baca Juga: Mulai Aplikasi NodeJSmu Dari Sini

Langkah Langkah

Baca Juga: Apa Itu ORM? Kenapa Ia Sangat Bermanfaat Untuk Memasukkan Data Ke Dalam MongoDB?

Kesimpulan

 

Ketika kita login dari sebuah website, kita tidak semata mata menyerahkan username atau password kepada database atau website yang kita masukkin. Namun semua proses tersebut harus diamankan melalui sebuah enkripsi. 

Salah satu tool yang memungkinkan kita sebagai programmer bisa memberika enkripsi yang aman ketika user memasukkan account-nya adalah JWT

Apa Itu JWT?

JWT (JSON Web Token) adalah sebuah tool yang berfungsi untuk memberikan token token, kode kode enkripsi unik ketika data dimasukkan atau dibutuhkan.

Kode kode ini unik dan hanya diketahui oleh tool yang dimiliki JSON yang biasa disebut decryptor

Proses authentication oleh user sangatlah penting diamankan agar website aman dari segala serangan hacker

Kalian bisa membaca cara kerja  JWT  secara lengkap disini

Baca Juga: Cara Kerja JWT. Semua Programmer Harus Tahu!

Cara Kerja JWT Pada NodeJS

Setelah kita faham bagaimana JWT token bekerja maka kita harus menerapkannya pada aplikasi yang kita bangun. Terkadang setiap programmer memiliki bahasa pemogramannya masing masing sehingga dari segi syntax penggunaan JWT relatif berbeda

Namun tenang saja, kalian bisa membaca tutorial lengkap dan dokumentasinya pada situs resmi JWT sedangkan pada postingan kali ini saya akan membahas penggunaan JWT token lewat bahasa pemograman NodeJS

Kali ini kita akan memanfaatkan JWT token untuk mengamankan login oleh user 

Langkah Langkah

Pertama, install JWT

Ingat!, perhatikan versi JWT yang kalian instal, saya menggunakan JWT versi 8.5.1. Hal ini harus dilakukan supaya meminimalisir error yang terjadi. Terkadang versi satu dengan yang lainnya memiliki perbedaan yang jauh mulai dari segi struktur atau syntax yang barang kali sudah deprecated

Baca Juga: Hindari Error Ketika Ngoding Dengan Mencoba Cara Cara Berikut

Lakukan hal tersebut dengan memasukkan perintah berikut di command prompt kalian

npm i jsonwebtoken@8.5.1

Kedua,  buat env variable menggunakan dotenv dan file config. Dengan cara membuat file ,env dan config/index.js

.env

SECRET=SECRET

• kalian bisa mengisi SECRET= dengan apapun. Misal, SECRET=RAHASIA_BANGET, dsb

sedangkan file /config/index.js berisi kode berikut

const dotenv = require("dotenv");

const path = require("path");

dotenv.config();

module.exports = {

  jwtKey: process.env.SECRET,

};

Ketiga, berikan token menggunakan jwt.sign() yang berisi data apa saja yang ingin dimanfaatkan. 

Dalam case ini kita akan mengamankan data username, email, name, id, phoneNumber, avatar

Keempat, buat middleware untuk memberikan token dan mengverifikasi token ketika ada token yang diterima

Beberapa hal yang harus difahami dari codingan diatas

• Ketika request diterima, kita harus menghilangkan "Bearer " karena secara default ini dikirimkan melalui browser/Postman kita. Setelah itu kita verifikasi dengan jwt.verify dimana token yang diberikan harus sama persis dengan decryptor yang kita berikan di dalam file env

Setelah itu kita letakkan sebagai middleware di dalam file router.js

Setelah itu kita masukkan url tersebut di dalam Postman

Kesimpulan

 

Sebuah aplikasi pada umumnya mempunya empat fungsi. Create (menciptakan), Read (membaca), Update (mengubah), Delete (menghapus). Untuk melakukan itu kita membutuhkan function masing masing yang terganting dari bahasa pemograman yang kita gunakan

Kalo kamu menggunakan javascript maka melakukan keempat fungsi diatas bisa sangat sederhana. 

Membangun aplikasi dengan javascript pasti kita akan membutuhkan NodeJS, Mongoose, dan sebagai penyimpanan data, MongoDB. Biasanya kita menyebutnya stack stack teknologi ini dengan sebutan MERN atau MongoDB, Express, React dan NodeJS. Untuk beberapa kasus kita membutuhkan React, kadang juga enggak

Lalu gimana caranya ni? Apakah semudah menggunakan SQL

Pribadi, menggunakan javascript dalam melakukan CRUD sangatlah lebih sederhana dibandingkan dengan MySQL query. Menurut saya, javascript memiliki kode script yang to the point dan tidak membutuhkan banyak syntax sehingga lebih mudah dihafal

Pasti sudah penasaran kan gimana caranya?

Baca Juga: Tutorial Lengkap Buat RESTFul API CRUD Dengan MongoDB dan NodeJS

1. Create, save()

.Model() merupakan schema database yang sudah kita buat, biasanya akan berbentuk seperti ini

Lalu kita membuat file file controller yang mengaahkan route dan memberikan fungsinya. Di dalam controller tersebut ia akan menerima promise. Sehingga kode kode ini dibungkus dalam sebuah try and catch

Namun untuk menjalank kode ini pastikan. Kamu sudah menerima data dari request body dan menyimpannya ke dalam parameter Category dalam bentuk object

2. Read. find()

Ketika kita ingin memunculkan data kepada sebuah halaman, maka kita memerlukan function find(). Ia tidak memerlukan parameter apapun. Namun ia harus disimpan dalam sebuah variabel lalu nanti kita munculkan value dari beberapa keynya. Seperti kode yang ada dibawah ini

Adapun nantinya view akan menerima data data ini dan memunculkannya ke dalam file HTML kita

Diatas kita melihat bahwa data category yang sudah disimpan di looping sehinga setiap data dalam object tersebut bisa kita munculkan id dan nama kategorinya

3. Update, .findOneAndUpdate()

Function diatas menerima dua parameter, yang pertama adalah id. Id menunjukan identitas data yang ingin diubah karena setiap data mempunyai id yang berbeda beda. Yang kedua, nama field yang ingin diubah. Misalnya nama, maka parameter kedua harus berisi object yang terdapat nama field di dalamnya. Sedangkan field yang ingin diubah itu bisa diterima lewat req bodynya. Kalian bisa perintah perintah MongoDB sebelumnya dengan menerapkan cara diatas

Biasanya kita menerima data yang ingin diubah ini dari sebuah form. Lalu ia akan ditangkap dari request bodynya

4. Delete, .deleteOne()

Penggunaan delete sama persis dengan find() yaitu kita membuuthkan function yang menerima parameter yang berbentuk object. Namun bedanya kali ini kita hanya membutuhkan idnya saja. Adapun cara menggunakannya kalian bisa menerapakan penggunaan function diatas

Kesimpulan

Penggunaan query dalam MongoDB lebih sederhana dibandingkan MySQL, karena MongoDB mempunyai struktur database yang berupa object sehingga mudah untuk memodifikasinya. Sedangkan untuk MySQL memiliki struktur database yang schematic dan kaku sehingga terdapat beberapa aturan khusus untuk melakukan pengubahan data

Tahu enggak, kalo kalian bisa banget baca artikel diatas dengan cepat dan ringkas. Kalian follow dulu Yasya Indra di Instagram dan dapetin informasi seputar web programming dan mobile app dengan mudah, semudah menggeser jempol kalian itu. Buruan follow!

 

Apa Itu Source Code?

Sebuah Studi Kasus

Baca Juga: Baca Ini Biar Ngoding Kamu Lancar Jaya dan Anti Error!

Langkah Langkah

Pertama buka repository Githubnya

Kedua. Klik 568 Commits. Dan telusuri commits pertamanya

Ketiga. Perhatikan apa saja yang berubah, bertambah, dan terhapus dari kode yang ada.

Baca Juga: Sourcecode RESTFul API Create Read Update Delete Dengan NodeJS dan MongoDB

Kesimpulan

View this post on Instagram

A post shared by Yasya Indra (@yasyaindra)

 

Albert Einstein pernah bilang,

"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."

"Logic will get you from A to B.  Imagination will take you everywhere."

Dan beberapa waktu lalu saya pernah menjumpai seseorang di Twitter mentuitkan opini bahwa ia benci membaca fiksi karena menurutnya itu hanya membuang buang waktu. Ia lebih suka membaca buku yang berat berat dan cenderung membahas ranah fakta dan empiris. Seperti Madilog (yang sampai saat ini saya belum selesai membacanya berkali kali, mungkin saya akan membahasnya pada episode podcast mendatang)

Namun apakah menikmati fiksi setidak berguna itu? Apakah kita tak perlu membaca manga dengan cerita lucu? Menonton film tembak tembakkan yang penuh keseruan dan menegangkan

Fiksi bisa membawa kita pergi dari kenyataan dan memang itulah salah satu fungsinya

Tak hanya itu terkadang fiksi adalah sebuah media dimana ia mengungkap realita yang terbungkam atau terlalu tabu dibicarakan

Salah satu contohnya adalah Mas Eka Kurniawan yang menulis buku Cinta Itu Luka untuk mengkritik budaya patriarki pada era penjajahan yang barang kali juga masih meresonasi kejadian saat ini

Lalu George Orwell 1984 yang menggambarkan dunia distopia dimana society diawasi 24 jam dan segala apa yang mereka lihat

Tak hanya itu pada sisi bisnis. Fiksi bisa menjadi sebuah trademark, merk dagang, franschise yang abadi karena penggemarnya yang fanatik akan selalu ada tak lekang di makan jaman. Ambil contohnya saja, Star Wars, Marvel, DC, Harry Potter, Mickey Mouse, you name it!

Fiksi dibangun berdasarkan imajinasi

Imaginasi berasal dari kata image yang berarti gambar. Berarti Imajinasi adalah sebuah gambar secara subjektif dari seseoang dari apa yang ia lihat, rasakan, dan dengar

Berimajinasi adalah sebuah keahlian yang harus dilatih berkali kali dengan banyak cara. Menonton, membaca, menulis, atau menggambar

Banyak yang mengatakan menonton film adalah kegiatan yang tidak produktif, buang buang waktu, dan tidak bermanfaat

Begitu pula dengan membaca komik

Opini tidak sepenuhnya salah. Namun juga tidak sepenuhnya benar

Kenapa tidak sepenuhnya benar? Karena ketika menikmati fiksi kita juga harus melatih analisa. Kenapa saya tertawa setiap mendengar jokes adegan ini? Kenapa saya takut kenapa nonton film yang katanya film horror di dunia ini? Kenapa saya bisa menilai film ini bagus seperti yang dikatakan orang orang pada reviewnya di ImDB atau Letterboxd

Namun seumpama kita nonton, baca, atau mendengar hanya sekedar seru, hanya sekedar hype, maka itulah yang namanya membuang buang waktu. Apalagi kalo sebenarnya kita sama sekali tidak menikmatinya

Tak hanya itu seumpama kegiatan ini dikombinasikan dengan tujuan produktif lainnya seperti melatih bahasa inggris, maka double double deh manfaat yang didapat

Sayangnya saya tidak akan memasukkan hal itu pada concern postingan ini. Mungkin bisa saya bahas di postingan lainnya di journal saya yang membahas apapun secara bebas

Namun ngomong ngomong tujuan produktif yang dipadukan kegiatan yang menyenangkan seperti menikmati film atau cerita fiksi. Maka ada salah satu kegiatan produktif yang bisa kita kombinasikan

Yaitu ngoding

Bagi kamu seorang developer, programmer, engineer yang setiap harus ngoding dan bikin sebuah aplikasi di web atau android. Maka ngoding adalah menjadi kegiatan sehari hari

Apa Itu Ngoding?

Ngoding itu sebuah kegiatan kita merangkau baris baris kode yang nanti akan diproses oleh komputer sehingga menghasilkan sebuah program yang bermanfaat untuk kebutuhan kita

Ngoding membutuhkan banyak sekali pemahaman teknikal nan kompleks. Mempelajarinya satu dua bulan, satu dua tahun tidaklah cukup. Dibutuhkan kesemangatan, ketekunan, dan konsistensi

Belum lagi berbagai pemahaman konsep seperti struktur data, algoritma, dan logika. Itu juga belum ditambah dengan berbagai sifat bahasa pemograman yang variatif dan berbeda antar satu dengan lain

Kini kita sudah mengetahui bahwa ngoding merupakan kegiatan  yang dipenuhi dengan logika yang beraturan dan tak mungkin bagi kita untuk berfikir semau kita sendiri

Namun gimana jadinya kalo seumpama kita menyederhanakan kegiatan ngoding yang sungguh memeningkan kepala ini? Bayangkan kita bisa ngoding semudah bercerita kepada orang lain. Ngoding semudah menuliskan isi kepala kita, dan ngoding semudah mengungkapkan review jelek pada barang yang kita beli di tokopedia

Semisal kita ngoding dengan bahasa Python untuk project machine learning semua itu bisa kita sederhanakan seperti menulis sebuah cerita dan

Apapun bahasa pemograman. Mau ngoding php, javascript, atau java

Kali ini saya akan membeberkan rahasianya hanya dengan memberikanmu sebuah contoh. Namun contoh ini sangat bermanfaat jika kamu bisa menerapkan ke segala beragam ilmu yang kamu pelajari di masa mendatang

Apapun bahasa pemogramannya, apapun frameworknya, apapun toolnya, dan apapun platform dimana kode itu dijalankan

Namun mempelajari semuanya bukanlah sesuatu yang saya sarankan. Pembahasan hal itu akan saya lakukan pada postingan yang lain. Judulnya, Mengapa Belajar Semua Bahasa Pemograman Tidak Akan Menjadikanmu Jago Pemograman

Baik kita ambil dari sebuah kode berikut

Apa yang kita ketahui dari potongan kode diatas?

• Sebuah Function bernama sumTheNumbers
• Menerima dua parameter
• Mengemablikan console.log

 

Apa Itu LMS?

Apa Itu CMS? 

Apa Itu Moodle?

Pengertian Localhost

Langkah Langkah

Pertama, nyalakan Laragon dengan cara klik Start All. Lalu tentukan dimana folder root yang kalian inginkan

Kedua tentu kita harus download Moodle for windows. File yang kita download akan memiliki format zip

Baca Juga: Sering Error Waktu Ngoding? Cobain Tips Ini Dijamin Ngodingmu Lancar Jaya! 

Ketiga. Masuk kedalam Browser dan lihat apakah Laragon berhasil menjalankan CMS kita

Pastikan lokasi file Moodle kita sudah berada di tempat yang kita inginkan

mysql -u root

CREATE DATABASE nama_database DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

GRANT SELECT,INSERT,UPDATE,DELETE,CREATE,CREATE TEMPORARY TABLES,DROP,INDEX,ALTER ON nama_database * TO 'root'@'localhost' IDENTIFIED BY ''

Lalu masukkan form dibawah ini sesuai dengan gambar. Untuk port MySQL usahakan jangan sampai salah ya
Klik Continue

Proses penginstallan modul dalam CMS kita ini ternyata bisa dilihat satu persatu, dan ini membutuhkan waktu lumayan lama sekitar 5 menitan. Jika semuanya sudah terinstall dan terlihat seperti gambar berikut. Maka klik Continue
Isi form berikut sesuai dengan keinginan kalian. Pastikan kalian ingat username dan passwordnya. Karena ini akan menjadi root user

Kesimpulan