Pages:
Author

Topic: Tutorial Menggunakan API Indodax untuk melihat Harga - page 6. (Read 1599 times)

newbie
Activity: 30
Merit: 0
salam kenal gan ,trimakasih ya ilmunya bermanfaat banget bagi para pemula dan yang belum tahu . Grin
newbie
Activity: 84
Merit: 0
wah bagus nich..bisa buat bot telegram info. cocok juga nich buat css di web kampungkoin.online
sr. member
Activity: 438
Merit: 250
Pada kali ini saya akan membahas dasar cara menggunakan API Indodax, penggunaannya untuk melihat harga dan info lainnya tanpa harus login. Yang diperlukan adalah pengetahuan tentang Javascript (JS), HTML dan CSS, baik mari kita mulai;

* hasilnya nanti seperti https://jsfiddle.net/d6dbv0f7/embedded/result/
* update 1: penambahan auto refresh data tiap 30 detik

1. Informasi tentang API indodax bisa di baca melalui https://indodax.com/downloads/BITCOINCOID-API-DOCUMENTATION.pdf API-nya dibagi dalam 2 tipe, yang pertama adalah Public (ticker, trade, depth) yang memberikan informasi terkini untuk bermacam mata uang crypto. Dan yang kedua adalah Private yang digunakan untuk mengakses akun kita seperti cek saldo, trading dll. Untuk tutorial kali ini yg akan di bahas adalah API Publik.

2. buka online code editor https://jsfiddle.net/ atau bisa juga menggunakan aplikasi yg sudah ada di PC. di dalam editor jsfiddle terdapat 4 kolom yakni; HTML, Javascript, CSS editor dan result untuk melihat hasil dari pemograman kita.

3. untuk mempermudah Pemrosesan javascript kita tambahkan jQuery framework, caranya di sebelah kiri klik "Resources URL cdnjs" dan ketik jQuery, tunggu sebentar dan klik  jQuery 3.3.1 kemudian klik lagi ikon "+"



4. di kolom HTML tambahkan kode berikut untuk membuat tabel informasi koin

Code:

Update data dalam: 0 Detik



 
   
   
   
   
   
   
 
PairsHargaBelijualTertinggi 24hTerendah 24h


5. di kolom Javascript tambahkan kode berikut untuk mengambil data dari API indodax dan menampilkannya di dalam tabel html. secara default data akan di ambil setiap 30 detik jika waktu tersebut tidak sesuai silahkan edit "reloadData"

Code:
var reloadData = 30; // dalam detik

var timer;

function updateDataAPI() {

  $.ajax({
    url: 'https://indodax.com/api/summaries',
    success: function(data) {
      var row;

      $('#coins').html('PairsHarga Beli jual Tertinggi 24hTerendah 24h')
      for (var key in data.tickers) {
        row = `
              ` + key.toUpperCase() + `
              ` + formatNumber(data.tickers[key].last) + `
              ` + formatNumber(data.tickers[key].buy) + `
              ` + formatNumber(data.tickers[key].sell) + `
              ` + formatNumber(data.tickers[key].high) + `
              ` + formatNumber(data.tickers[key].low) + `
            `
        $('#coins tr:last').after(row);
      }

      clearTimeout(timer)
      $('#timer').html(reloadData)
      setTimeout(updateDataAPI, reloadData * 1000)
      updateTimer()
    },
    error: function(err) {
      alert("Tidak bisa mengambil data API")
    }
  })
}

function formatNumber(n) {
  if (n.indexOf('.') > -1)
    return parseFloat(n).toFixed(8);
  else
    return parseInt(n).toLocaleString("id-ID")
}

function updateTimer() {
  a = parseInt($('#timer').html())
  $('#timer').html(a - 1)
  if (a > 0)
    timer = setTimeout(updateTimer, 1000)
}
updateDataAPI()

5. di kolom CSS tambahkan kode berikut untuk mempercantik tampilan tabel

Code:
table {
  border-collapse: collapse;
  width: 100%;
}

table td,
table th {
  border: 1px solid #ddd;
  padding: 8px;
}

table tr:nth-child(even) {
  background-color: #f2f2f2;
}

table tr:hover {
  background-color: #ddd;
}

table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}



6. jika anda masih bingung menyimpan kode-kode diatas silahkan lihat gambar berikut



7. Selesai, di pojok kiri atas klik "Run" untuk mencoba hasilnya atau "Save" untuk menyimpannya secara online dan anda akan mendapat kode unik url seperti
Code:
https://jsfiddle.net/d6dbv0f7/

untuk melihat result atau hasilnya saja tambahkan "embedded/result/" pada url-nya menjadi seperti https://jsfiddle.net/d6dbv0f7/embedded/result/ bookmark halaman tersebut dan reload/refresh untuk melihat data terbaru.

silahkan jika ada pertanyaan atau ingin menambahkan dan semoga bermanfaat.



klau cuma lihat harga tanpa login sih mudah dan ga perlu repot seperti itu
tinggal instal aplikasi indodax di android selesai tanpa login sudah bisa lihat update harga
full member
Activity: 294
Merit: 100
Colletrix - Bridging the Physical and Virtual Worl
terimakasih gan atas informasinya, saya mendapatkan ilmu baru soalnya saya memang belum mnegerti bagaimana menggunakan API Indodax
member
Activity: 406
Merit: 12
postingan agan sangat bermamfaat,terutama bagi para trader pemula seperti saya, ternyata ada banyak metoda dan tehknic dalam membaca pergerakan chatroom termasuk melalui API, saya rasa cara tersebut diatas patut dicoba, karena selama ini saya hanya sering mengandalkan feling dan melakukan update informasi pergerakan harga saja.
sr. member
Activity: 504
Merit: 250
terima kasih infonya gan... sangat bermanfaat untuk pemantauan harga coin. terutama trading.
member
Activity: 126
Merit: 51
coba tampilin di home pake aplikasi Meta Widget
ada tutoralnya gak gan ? dan kira kira berat gak ke hpnya, biasanya hp kalo jalanin js terasa berat banget. maklum gan spek hp jadul
install terus masukin URL yg akan di tampilin di widget, berat tidaknya harus dicoba

kalau menurut saya melalui langkah ini agak sedikit susah ya gan untuk para member yang masih belum fasih di dunia HTML,
atau masi buta di dunia koding.
kenapa sedikit susah? ya tentu saja.. bagi yang sudah punya akun akan merasa lebih nyaman jika membukanya dengan login ke Indodax,
karna terlihat lebih sederhana dalam pengaplikasiannya.
itu sih kalau menurut saya, tapi kalau dilihat segi inovatifnya.. trik ini lumayan inovatif.
inovatif karna para holder atau trader yang belum punya akun di indodax sudah bisa memantau harga lewat API ini tanpa membuat akun terlebih dahulu.  Smiley

iya gan susah ini untuk yg mau belajar tentang API, tapi bisa lebih praktis jika cuma untuk melihat harga bandingkan dengan harus login, masukan kode 2FA, kemudian klik lagi link market  Wink

Thanks , Tutorial yang berguna.

BTW, ada tutorial meng-implementasi API call ke excel ga ya? Buat Pembukuan nih
terutama untuk deposit , withdrawal , trade history dan open order
soalnya kalo export CSV langsung dari indodax dilimit per-bulan data yang bisa di ambil.
untuk json ke excel bisa pake https://github.com/VBA-tools/VBA-JSON

Nice share om, siap-siap saya pelajari dulu nih cara penggunaan API nya. Saran aja om, selanjutnya buat lagi post Tutorial penggunaan API ethplorer. Soalnya saya belum ngerti caranya  Grin
untuk ethplorer sama aja dan referensinya https://github.com/EverexIO/Ethplorer/wiki/Ethplorer-API

Ini aplikasikannya dimana ya gan? Kosa kata nya banyak yang saya gk ngerti  Huh

Klo di smartphone kan bukannya tinggal download bitcoinchecker aja gan? Lebih lengkap, hampir semua coin dan exchange ada disitu, bisa pasang alarm ketika harga naik sekian %, dll
tidak ada aplikasi cuma halaman web. tidak seperti bitcoinchecker dengan API ini agan bisa membuat aplikasi untuk Trading, Withradwal, cek saldo, bot, indikator dll
hero member
Activity: 1666
Merit: 701
Ini aplikasikannya dimana ya gan? Kosa kata nya banyak yang saya gk ngerti  Huh

Klo di smartphone kan bukannya tinggal download bitcoinchecker aja gan? Lebih lengkap, hampir semua coin dan exchange ada disitu, bisa pasang alarm ketika harga naik sekian %, dll
newbie
Activity: 126
Merit: 0
Bisa saja gan mengenai hal ini dimana melihat perkembangan pasar, pergerakan mata uang yang ada, mempermudah akses yang ada
newbie
Activity: 38
Merit: 0
Terimakasih atas ilmunya gan,izin untuk mencobanya
Informasi yang berkualitas menurut saya.
Semoga bermanfaat juga buat teman-teman yang lain.
full member
Activity: 700
Merit: 100
terimakasih banyak sudah mau berbagi ilmu lagi dan ini sangat bermanfaat untuk kita. jujur saja, saya memang belum begitu paham dengan bahasa pemograman tapi dengan tutorial ini saya akan mencoba untuk mempelajarinya.
newbie
Activity: 11
Merit: 0
Nice share om, siap-siap saya pelajari dulu nih cara penggunaan API nya. Saran aja om, selanjutnya buat lagi post Tutorial penggunaan API ethplorer. Soalnya saya belum ngerti caranya  Grin
full member
Activity: 466
Merit: 100
sangat berkualitas , trimakasih untuk tutorialnya ya gan saya mintak ijin untuk mencobanya article agan sangat bermanfaat bagi saya , sekali lagi trimakasih banget ya
legendary
Activity: 1218
Merit: 1038
Thanks , Tutorial yang berguna.

BTW, ada tutorial meng-implementasi API call ke excel ga ya? Buat Pembukuan nih
terutama untuk deposit , withdrawal , trade history dan open order
soalnya kalo export CSV langsung dari indodax dilimit per-bulan data yang bisa di ambil.
member
Activity: 410
Merit: 10
kalau menurut saya melalui langkah ini agak sedikit susah ya gan untuk para member yang masih belum fasih di dunia HTML,
atau masi buta di dunia koding.
kenapa sedikit susah? ya tentu saja.. bagi yang sudah punya akun akan merasa lebih nyaman jika membukanya dengan login ke Indodax,
karna terlihat lebih sederhana dalam pengaplikasiannya.
itu sih kalau menurut saya, tapi kalau dilihat segi inovatifnya.. trik ini lumayan inovatif.
inovatif karna para holder atau trader yang belum punya akun di indodax sudah bisa memantau harga lewat API ini tanpa membuat akun terlebih dahulu.  Smiley

member
Activity: 493
Merit: 28
Keren bgt gan tutorialnya, bisa buat auto update porto nih
full member
Activity: 266
Merit: 100
Sangat bermanfaat gan. Terima kasih, ijin mencobanya ya gan

Topik yang sangat menyentuh lagi menarik agan .kita bisa melihat harga bitcoin atau virtual lain nya melauli indodax .oleh karena kita harus melakukan verifikasi dulu untuk bergabung semua itu nanti ada petunjuk serta arahan moderator .
newbie
Activity: 112
Merit: 0
coba tampilin di home pake aplikasi Meta Widget
ada tutoralnya gak gan ? dan kira kira berat gak ke hpnya, biasanya hp kalo jalanin js terasa berat banget. maklum gan spek hp jadul
jr. member
Activity: 238
Merit: 1
Terima kasih atas tutorialnya gan ini sangat bermamfaat bagi saya yang masih kurang mengerti cara menggunakan indodax dengan ada tutorial ini sangat membantu saya untuk menggunakan indodax dan penjelasannya sangat jelas dan mudah di mengerti karena sangat lengkap.
newbie
Activity: 351
Merit: 0
Bener-bener mantap beritanya gan,ini sangat bermanfaat sekali bagi kita semua gan,karena ini sangat membantu sekali bagi kita bersama gan,dengan fitur ini semua jadi praktis gan,dan kita bisa memantau harga bitcoin dengan mudah gan,terima kasih
Pages:
Jump to: