• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jaranguda

Belajar Mengajar

  • Home
  • Sponsor/Jasa
  • Tentang

Cara Menampilkan Kurs di CodeIgniter 3

Last Updated on 24 July 2019 By tommy Leave a Comment

Menampilkan kurs bank di situs CodeIgniter yang kita buat, jadi lebih gampang karena tinggal manggil API dari situs pihak ketiga, langsung data yang kita butuhkan muncul. Disini kita akan mencoba mengolah data dari https://kurs.web.id/, dokumentasi APInya bisa dilihat di https://kurs.web.id/api.

Untuk mengolah API ini, kita buat satu controller baru dengan nama Kurs.php, salin code php dibawah ini

<?php
 
class Kurs extends CI_Controller {
 
    public function index() {
       $urlAPI = 'https://kurs.web.id/api/v1/bca';
       $ambilKurs = file_get_contents($urlAPI);
       print_r($ambilKurs);
    }
}

buka http://localhost/Kurs/index, tampilannya yang muncul

{"error":"false","bank":"BCA","matauang":"USD","jual":"14009","beli":"13989","timestamp":"2019-07-24 14:51:48"}

Data tersebut diberikan sebagai JSON, untuk mengolahnya kita menggunakan json_decode, sehingga codenya menjadi

<?php
 
class Kurs extends CI_Controller {
 
    public function index() {
 
       $urlAPI = 'https://kurs.web.id/api/v1/bca';
       $ambilKurs = file_get_contents($urlAPI);
       print_r($ambilKurs);
       $kurs = json_decode($ambilKurs);
       echo "<pre>";
       echo $kurs->bank . "<br>";
       echo $kurs->matauang . "<br>";
       echo $kurs->jual . "<br>";
       echo $kurs->beli . "<br>";
    }
}

dengan merubah data dari API menjadi object dengan json_decode, kita bebas memilih data yang akan kita gunakan. Sebagai contoh untuk mengambil kurs beli tinggal memanggil $kurs->beli.

Agar tampilannya lebih bagus, sesuai dengan kaidah MVC, maka kita akan melempar tampilannya ke view. Ubah controller kurs.php diatas menjadi

<?php
 
class Kurs extends CI_Controller {
 
    public function index() {
       $urlAPI = 'https://kurs.web.id/api/v1/bca';
       $ambilKurs = file_get_contents($urlAPI);
       $dataKurs = json_decode($ambilKurs);
       $kurs['bank'] = $dataKurs->bank;
       $kurs['matauang'] = $dataKurs->matauang;
       $kurs['jual'] = $dataKurs->jual;
       $kurs['beli'] = $dataKurs->beli;
 
       $this->load->view('kurs', $kurs);
    }
}

Buat view baru untuk data kurs tersebut di applications/views/ dengan nama kurs.php

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <title>CodeIgniter 3 Kurs - Jaranguda.com</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <style type="text/css">
      body {
        padding-top: 5rem;
      }
      .starter-template {
        padding: 3rem 1.5rem;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
 
  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
        <div class="dropdown-menu" aria-labelledby="dropdown01">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
      <button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>
 
<main role="main" class="container">
  <table class="table">
    <tr>
      <th>Bank</th>
      <th>Mata Uang</th>
      <th>Kurs Jual</th>
      <th>Kurs Beli</th>
    </tr>
    <tr>
      <td><?php echo $bank; ?></td>
      <td><?php echo $matauang; ?></td>
      <td><?php echo $jual; ?></td>
      <td><?php echo $beli; ?></td>
    </tr>
  </table>
 
 
</main><!-- /.container -->
</html>

Buka http://localhost/Kurs/index, tampilannya seperti gambar dibawah ini
tampilan kurs codeigniter

Tulisan menarik lainnya

  • Membuat Drop Down/Combobox di CodeIgniter

    Membuat Combobox atau Drop Down box di CodeIgniter sungguh mudah, fleksibel dan cepat. Pertama kita…

  • Instalasi Framework PHP Codeigniter di Fedora

    Artikel berikut ini akan ada dalam beberapa seri (belum tau pastinya berapa seri :P), sebagai…

  • Menampilkan Tanggal di Gambas

    Tutorial kali ini sangat singkat, dan tidak ada coding-coding :P. Menampilkan tanggal (hari, bulan dan…

  • Membuat Pagination di CodeIgniter 3

    Pertama kita akan membuat data dummy/data contoh untuk mempermudah pembelajaran ini. Dari CLI MySQL atau…

Filed Under: PHP

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Pencarian

Tanya Jawab tentang DevOps SRE CPE, gabung di https://t.me/devopsindonesia

Terbaru

  • Cara Buat atau Update UID User Docker Image
  • Solusi helm Upgrade Failed
  • macOS package is untrusted
  • Cara Mengganti Port Screen Sharing macOS
  • Cara Menonaktifkan Pager di macOS

Komentar

  • Iqu on Review ISP Fiber Optik Balifiber
  • Sarah on Kemana Menghilangnya Saldo BCA 50 ribu
  • Rizcky on Kemana Menghilangnya Saldo BCA 50 ribu
  • Mubashar sadiq on Password Superadmin Huawei HG8245A
  • Beritalogi on Cara Redirect Domain di Cloudflare

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1.3m views
  • Password Terbaru ZTE F609 Indihome 786k views
  • Password Superadmin Huawei HG8245A 330.5k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 275.4k views
  • Cara Setting Wireless ZTE F609 Indihome 260.4k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 172.2k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 162k views
  • Akses UseeTV Indihome via Wireless ZTE F609 157.5k views
  • Cara Reset Password ZTE F609 Indihome 148.5k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 115.5k views

Kategori

  • Delphi
  • dll
  • Gambas
  • Internet
  • Java
  • Lazarus
  • Linux
  • PHP
  • Review
  • Teknologi

Sponsor

kadal.id
carakami.com
kuotabisa.com
Untuk jadi sponsor, hubungi kita lewat halaman sponsor
© 2021. Jaranguda
  • Linux
  • PHP
  • Internet
  • Teknologi
  • Delphi
  • Gambas
  • Java