Tutorial Menggunakan API Indodax untuk melihat Harga - page 5.

Hendramuliadi

full member

Activity: 308

Merit: 100

informasi yang sangat bermanfaat, mengingat peran indodax yang sangat besar bagi pengembangan Bitcoin di indonesia, saya pikir sangat penting kita memahami indodax secara lebih dalam, saya sering menggunakan indodax biasanya di saat melakukan withdraw atau tukar rupiah, sedangkan untuk hal hal lain saya jarang gunakan.

Mondinic

full member

Activity: 434

Merit: 102

wah informasinya mengagumkan gan ini cukup mudah untuk di pahami, jadi ini sistemnya sama persis seperti yang ada di indodax namun dengan tampilan yang berbeda, menurut saya ini akan mempermudah para tradder dalam pekerjaannya, bagus gan thnks,

Cengghengmania21

jr. member

Activity: 406

Merit: 1

Quote from: fahbil on May 01, 2018, 07:59:51 PM

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

Pairs	Harga	Beli	jual	Tertinggi 24h	Terendah 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.

Mantap nih gan, sebagai member Indodax ini yang saya cari. Sudah lama saya ini memperlajari tetang API market seperti ini, terima kasih atas penjelasannya dan sangat bermanfaat. Mungkin ada tutorial lagi yang market exchange lain, anda bisa share pada saya.

Keriting16

newbie

Activity: 44

Merit: 0

Quote from: ipinkang on May 02, 2018, 04:19:02 AM

Quote from: Yasuo12 on May 02, 2018, 02:24:50 AM

Quote from: ipinkang on May 02, 2018, 01:30:55 AM

https://i.imgur.com/0yUP6MX.jpg
Done sudah ane coba gan terima kasih ilmu nya.

apakah harga itu update setiap menit atau harga satu hari saja ?

keterangan dari TS :
"untuk melihat result atau hasilnya saja tambahkan embedded/result/ pada url-nya menjadi seperti http://jsfiddle.net/h596hgfh/embedded/result/ bookmark halaman ini dan reload/refresh untuk melihat data terbaru."
silahkan dicoba

terima kasih untuk tambahan masukannya.

MALRODJA

newbie

Activity: 27

Merit: 0

Quote from: fahbil on May 01, 2018, 07:59:51 PM

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 "+"

https://s31.postimg.cc/ykhbe74nf/add-jquery.jpg

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

Code:

Update data dalam: 0 Detik

Pairs	Harga	Beli	jual	Tertinggi 24h	Terendah 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;
}

https://s31.postimg.cc/lvn0uglnf/css-table.jpg

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

https://s31.postimg.cc/t04u3el63/hasil.jpg

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.

Tutorial nya bagus gan, bagus Kali bagi kami sebagai pemula. Terimakasih atas ilmunya gan

Pupizanetti

newbie

Activity: 52

Merit: 0

Boleh dicoba praktek neh... Thanks gan sharing tutorialnya...

Yanti_123x

newbie

Activity: 39

Merit: 0

Terimakasih atas info nya gan, dengan menggunakan API, kita sebagai pengguna indodax dapat dengan mudah melihat harga suatu koin dalam melakukan trading.

Businessprm

newbie

Activity: 126

Merit: 0

Situs-situs seperti ini adanya harus memiliki akun dan bisa nya langsung mau transaksi untuk perkembangan dengan harga bitcoin atau mata uang digital lainnya, tergantung pilihan masing-masing

caffu chino

member

Activity: 532

Merit: 10

Bisa dilihat langsung di website nya dan kebanyakan dari website begini dengan melihat perkembangan harga di pasaran, biasanya harus punya akun dulu baru login seperti biasa

MALRODJA

newbie

Activity: 27

Merit: 0

Quote from: fahbil on May 01, 2018, 07:59:51 PM

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 "+"

https://s31.postimg.cc/ykhbe74nf/add-jquery.jpg

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

Code:

Update data dalam: 0 Detik

Pairs	Harga	Beli	jual	Tertinggi 24h	Terendah 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;
}

https://s31.postimg.cc/lvn0uglnf/css-table.jpg

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

https://s31.postimg.cc/t04u3el63/hasil.jpg

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.

Terimakasih atas ide dan ilmunya gan, sangat berguna walaupun kami baru sebagai pemula.

irfandi hasan

newbie

Activity: 74

Merit: 0

informasinya sangat bermanfaat, dengan adanya informasi seperti ini akan membantu saya dalam memantau harga pasar dan selalu dapat melihat frekuensi harganya.

Raja shalman

jr. member

Activity: 103

Merit: 1

Seperti nya bisa ditiru ini gan, terimah kasih agan sudah berbagi ilmu seperti ini nanti ane akan praktekin ilmu semoga bermanfaat untuk semua nya.

fahbil

member

Activity: 126

Merit: 51

Quote from: wawanlindu on May 06, 2018, 08:43:24 AM

Sepertinya agan sudah terbiasa bekerja menggunakan html, yang saya ingin tanyakan disini. Apakah bisa kode html tersebut dicustom, agar hanya melihat koin BTC-IDR dan ETH-IDR saja? atau mungkin koin-koin yang kita inginkan pada indodax? Terimakasih.

lumayan gan sedikit tau. tinggal ubah kode javascriptnya dari

Code:

for (var key in data.tickers) {
    row = `

menjadi

Code:

for (var key in data.tickers) {
    if(!['btc_idr', 'eth_idr'].includes(key)) continue;
    row = `

untuk menambahkan pair lain ubah lagi yg diatas menjadi seperti

Code:

['btc_idr', 'eth_idr', 'ada_idr', 'nxt_idr']

wawanlindu

member

Activity: 490

Merit: 28

Sepertinya agan sudah terbiasa bekerja menggunakan html, yang saya ingin tanyakan disini. Apakah bisa kode html tersebut dicustom, agar hanya melihat koin BTC-IDR dan ETH-IDR saja? atau mungkin koin-koin yang kita inginkan pada indodax? Terimakasih.

Ardenoss

full member

Activity: 518

Merit: 100

Tutorial yang sangat bermamfaat bagi saya pribadi dan untuk kita semua selaku pengguna indodax untuk melihat harga suatu koin dengan menggunakan API ini merupakan suatu cara agar kita lebih mudah dalam melakukan trading dan jangan lupa refresh karena harga yang bisa berubah dengan cepat.

Silver80

full member

Activity: 714

Merit: 104

postingan anda sangat bermamfaat bagi pata traders yang beraktifitas di trading, saya pribadi selama ini lebih membaca chart secara alami dengan menghunakan zoom, dan penjelasan agan sangat membantu, terutama dengan menggunakan API, patut di coba untuk kemajuan beraktifitas di trading.

Abirumaisha

member

Activity: 280

Merit: 12

Quote from: armanda90 on May 02, 2018, 09:34:30 AM

Keren gan,thread-thread seperti ini yang diperlukan member lokal kita.Karena bisa mempermudah untuk memantau harga disaat trading ataupun diluar kegiatan trading,izin untuk mencobanya dulu gan

dan saya jadi pengen belajar lebih dalam lagi tentang program setelah melihat thread yang agan buat ini.

Iya bener sekali gan,kita masih kekurangan ilmu tentang trading,dengan ada nya thread seperti ini jelas sekali sangat membantu kita disini pasti nya saya akan menggunakan cara seperti ini agar mudah saat ber trading

adjiadjo

legendary

Activity: 1218

Merit: 1038

Quote from: Kuingsudaqila on May 04, 2018, 09:58:05 PM

Quote from: fahbil on May 01, 2018, 07:59:51 PM

~~~

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

Quote from: Kuingsudaqila on May 04, 2018, 11:53:27 PM

Quote from: Lance212 on May 04, 2018, 11:26:55 PM

~~~

thread ini cuma bahas cara menampilkan harga di indodax aja
jadi ya bukan artikel yang bisa menambah ilmu banyak, tapi tip cukup bagus jadi bisa lihat harga di indodax tanpa harus login

Sebelum nya silahkan silahkan dimengerti dulu fungsi API secara umum, dan juga cek dulu API documentation nya,
Memang OP cuma memberikan contoh dasar penggunaan API tapi sebenernya masih banyak fungsi API dalam mengumpulkan data.

Kuingsudaqila

sr. member

Activity: 438

Merit: 250

Quote from: Lance212 on May 04, 2018, 11:26:55 PM

terimakasih banyak infonya gan, sangat-sangat memberi manfaat bagi semua, ane masih new bie, tapi di diskusi ini banyak ilmu yang saya dapatkan. sekali lagi terimakasih banyak gak, semoga agan dan semia yang membaca artikel ini seksus dan bertambah wawasannya. Cheesy

thread ini cuma bahas cara menampilkan harga di indodax aja
jadi ya bukan artikel yang bisa menambah ilmu banyak, tapi tip cukup bagus jadi bisa lihat harga di indodax tanpa harus login

Lance212

newbie

Activity: 224

Merit: 0

terimakasih banyak infonya gan, sangat-sangat memberi manfaat bagi semua, ane masih new bie, tapi di diskusi ini banyak ilmu yang saya dapatkan. sekali lagi terimakasih banyak gak, semoga agan dan semia yang membaca artikel ini seksus dan bertambah wawasannya. Cheesy

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