Real-Time Money Converter with API
Nama : Reihan Nanda Ramadhan
NRP : 05111840000132
Kelas : PBKK A
Halo! Pada post sebelumnya, aku sudah mengajarkan cara membuat Console App dan Windows Form di VS 2019. Sekarang, aku ingin meng-upgrade aplikasi Windows Form yang merupakan sebuah aplikasi money converter. Sebelumnya aku harus memasukkan nilai mata uang masing-masing di dalam programnya sehingga jumlah nilai tukarnya akan begitu-begitu saja walau sudah berganti waktu. Tentu saja itu tidak akan efektif karena nilai mata uang di dunia akan terus berubah setiap saat. Maka dari itu, sekarang aku ingin membuat money converter nya real time. Real time yang aku maksud disini adalah nilai mata uangnya akan berubah sesuai dengan nilai aslinya di pasar. Bagaimana cara membuatnya? Tentu saja, kita membutuhkan API atau Application Programming Interface. Dengan bantuan API, kita bisa membuat money converter kita bekerja seperti yang ada di internet.
Bagi kalian yang belum membaca tutorial sebelumnya, aku sarankan untuk membacanya karena tutorial kali ini berhubungan erat dengan tutorial itu! Tidak perlu repot bolak - balik blog, kalian bisa klik link di bawah untuk jalan pintasnya!
Okay, mari kita mulai tutorial kali ini!
1. Jika kalian sudah membuat project nya, kalian bisa meniru template form Money Converter pada tutorial sebelumnya. Persis banget, hanya saja pada form kali ini aku menambahkan DateTimePicker untuk mengganti tanggal agar Money Converter ini dinamis atau Real Time.
Gambar 1.1 DateTimePicker
Gambar 1.2 Form dari Real-Time Money Converter
2. Setelah selesai membuat form nya, kalian sambungkan form kalian ini dengan sebuah API Money Converter. Kalian membutuhkan API Key agar form kalian bisa berjalan secara Real-Time. Kali ini, aku akan menggunakan API yang gratis dan kalian bisa mengaksesnya di API yang bernama currencyconvertapi. Setelah kalian sampai di halamannya, kalian bisa melihat tombol Get Your Free API Key.
Gambar 1.3 Cara untuk mendapatkan API Key
Kalian klik saja itu, selanjutnya web akan meminta kalian untuk memverifikasi diri kalian menggunakan E-mail.
Gambar 1.4 Tampilan permintaan verifikasi E-mail untuk mendapaet API key
Setelah kalian menyantumkan email dan menyelesaikan captcha, kalian tinggal klik Get Your Free API Key. Lalu, kalian cek email yang masuk dan voila! Kalian mendapatkan API key untuk aplikasi Money Converter kalian! Jangan lupa untuk memverifikasi email kalian agar API key nya dapat bekerja.
Gambar 1.5 Bentuk email untuk verifikasi API key
3. Setelah mendapatkan API key, kalian harus membuat 2 file .cs tambahan untuk membuat API ini berfungsi secara maksimal di form kalian. File pertama untuk mengirimkan request ke server API dan file kedua untuk mengisi combo box kita dengan list currency/mata uang yang ada di API ini. Tunggu dulu, cara membuat file .cs nya bagaimana? Pertama, kalian klik kanan pada project kalian.
Gambar 1.6 Project yang sedang dirancang
Setelah itu, nanti akan muncul menu. Lalu, klik Add > New Empty File..
Gambar 1.7 Membuat file .cs terbaru
Lalu, muncullah menu dan kalian tinggal mengetikkan nama file .cs kalian sesuai kebutuhkan kalian. Setelah selesai menentukan namanya, klik Add File dan file akan ditambahkan di dalam project kalian.
Gambar 1.8 Tampilan Add New File
4. Setelah 2 file .cs tambahannya terbuat, kalian tambahkan code untuk API Requester dan Currency List. Untuk source code, silahkan cek di bagian terbawah dari post ini.
5. Setelah selesai setting semuanya, kita akan merancang aplikasinya dan menyambungkan file .cs yang sudah dibuat tadi ke dalam form. Source code akan ada di bawah post ini juga seperti nomor 4.
6. Jika sudah semua, maka build dan jalankan aplikasinya!
Untuk Source code apiRequester.cs, currencyList.cs, dan form1.cs bisa dilihat di bawah ini.
Comments
Post a Comment