Tutorial Database MySQL dengan PHP (Bagian 2)

Kali ini saya mau menjelaskan bagaimana caranya melakukan select data dari database lalu menampilkan hasilnya menjadi table menggunakan PHP. Sebelum menjalankan tutorial ini, ada baiknya anda melakukan tutorial bagian 1 (https://www.gilangcp.com/2017/02/09/tutorial-mysql-dengan-php-bagian-1/). Hal ini perlu dilakukan karena disitu dijelaskan cara membuat database dan mengisi data contoh yang akan digunakan di tutorial ini.

Selamat mencoba!

1. Buka kembali file tutorial.php yang anda buat di tutorial sebelumnya

2. Ketik baris kode dibawah setelah  “?>” pada line 25.

<?php 
//Persiapkan query yang ingin dilakukan
$sql = "SELECT Nama FROM table_test";

//Lakukan request ke server MySQL Tampung hasilnya di variabel $result
$result = $conn->query($sql);
?>

Baris code ini di gunakan untuk melakukan query ke database.

SELECT Nama FROM table_test

adalah perintah SQL yang dijalankan. Kamu bisa ubah ini menjadi query yang kamu mau.

3. Saatnya untuk menampilkan data menjadi tabel! ketik baris dibawah ini setelah “?>” yang terakhir:

<table>

  <!-- Digunakan untuk menampilkan judul kolom-->
  <!-- tr digunakan untuk merepresentasikan 1 baris-->
  <!-- td digunakan untuk merepresentasikan kolom-->
  <tr>
    <td>Nama</td> <!-- Kita hanya memiliki 1 kolom yang ingin ditampilkan -->
  </tr>

  <!-- Iterasi tiap baris data yang di ambil dari database menjadi baris di database-->
  <?php while($row = $result->fetch_assoc()):?>

    <tr> 
      <!-- tanda <?= digunakan untuk print variable php-->
      <!-- Kita mau print kolom "Nama" dari database-->
      <td><?=$row["Nama"]?></td> 
    </tr>
  <?php endwhile;?>
</table>

 

4. Tutup koneksi MySQL

<?php $conn->close()?>

5. Test hasilnya dengan mengetik http://localhost/tutorial.php

Apabila keluar hasil seperti diatas, maka selamat! anda telah berhasil melakukan query select di PHP dengan database MySQL! apabila belum, coba cek kode lengkapnya disini:
https://gist.github.com/gilangcp/032c275c7b6cd59233396b25bc1ca604

Link bacaan lanjutan:

http://www.tutorialrepublic.com/php-tutorial/php-mysql-select-query.php
http://codular.com/php-mysqli
https://www.binpress.com/tutorial/using-php-with-mysql-the-right-way/17
http://www.phptuts.nl/view/26/

Nantikan tutorial ketiga, mengenai Insert data ke dalam database!

 

 

 

Tutorial Database MySQL dengan PHP (Bagian 1)

PHP adalah salah satu bahasa pemrograman web yang paling umum di internet. Hampir semua hosting mendukung PHP. Tetapi, bagaimana cara mengintegrasikannya dengan MySQL, Sebuah server database yang sama populernya dengan PHP? Seri tutorial ini akan membantu anda melakukan hal tersebut.

Tutorial ini akan dibagi menjadi 3 bagian. Bagian pertama (tutorial ini) berisi bagaimana caranya membuat database sederhana menggunakan phpMyAdmin, lalu membuat objek PHP yang merepresentasikan koneksi Mysql. Bagian Kedua akan berfokus pada view data yang ada di MySQL menggunakan PHP, sedangkan bagian ketiga akan membahas bagaimana caranya melakukan edit dan delete data.

Selamat menikmati tutorialnya!

Membuat Database menggunakan phpMyAdmin :

1.Klik New pada phpMyAdmin, Saya contohkan dengan membuat database dengan nama ‘Test”, isi name dengan “Test”, lalu klik tombol create.

2. Buat table pada database tersebut dengan nama test_table dan 2 kolom:

3. Berikan nama “Id” Pada baris pertama, klik CheckBox A_I (Auto Increment), berikan nama “Nama” pada baris kedua, Ubah type menjadi varchar, ubah length menjadi 255.

4. Tambahkan data baru dengan cara klik table tersebut lalu klik tab SQL, dan masukan perintah SQL dibawah lalu klik tombol Go:

INSERT INTO `table_test`(`Nama`) VALUES ("Mega Kusuma");
INSERT INTO `table_test`(`Nama`) VALUES ("Putu Sri");
INSERT INTO `table_test`(`Nama`) VALUES ("Sinta Mawar");
INSERT INTO `table_test`(`Nama`) VALUES ("Eko Utari");
INSERT INTO `table_test`(`Nama`) VALUES ("Batario Nirmala");
INSERT INTO `table_test`(`Nama`) VALUES ("Melati Cahyo");
INSERT INTO `table_test`(`Nama`) VALUES ("Tirta Cahya");

Selamat! anda telah berhasil membuat database sederhana dengan phpMyAdmin!

 

Koneksikan MySQL tersebut dengan PHP:

1.  Buat file php baru pada folder htdocs anda, saya menggunakan nama tutorial.php

2. Ketik baris berikut pada file yang baru anda buat

<?php

// gunakan localhost apabila MySQL terletak di komputer yang sama
$namaserver = "localhost"; 
$username = "username"; //ini adalah username MySQL anda
$password = "password"; //ini adalah password MySQL anda

//ini adalah nama database yang anda buat pada step sebelumbya.
//Dalam hal ini maka nama databasenya adalah Test
$namadatabase = "test";

// Memulai Koneksi
$conn = new mysqli($namaserver, $username, $password);

// Cek apakah koneksi ke mysql berhasil
if ($conn->connect_error) {
 die("Koneksi gagal: " . $conn->connect_error);
} 

//Cek apakah bisa terkoneksi dengan database
$selected = mysqli_select_db($conn,$namadatabase) 
 or die("Database tidak ditemukan");

echo "Koneksi sukses";
?>

3. Buka tutorial.php pada browser. Pada komputer saya, http://127.0.0.1/tutorial.php. Apabila terprint tulisan “Koneksi sukses”, maka selamat, anda sudah berhasil mengkoneksikan MySql dengan aplikasi PHP anda!

Berikut adalah bahan bacaan lebih lanjut mengenai topik ini:

https://www.siteground.com/tutorials/php-mysql/database_connection.htm
http://webcheatsheet.com/php/connect_mysql_database.php
https://www.tutorialspoint.com/mysql/mysql-connection.htm
http://www.w3schools.com/php/php_mysql_connect.asp
https://coolestguidesontheplanet.com/how-to-connect-to-a-mysql-database-with-php/

Bagian 2 akan membahas bagaimana melakukan query data menggunakan koneksi yang dibahas pada tutorial ini. Nantikan!

Update: baca bagian ke-2 disini : https://www.gilangcp.com/2017/02/17/tutorial-database-mysql-select/

Instalasi bahasa pemrograman scala, Windows 10

Scala adalah sebuah bahasa pemrograman yang menganut paham pemrograman fungsional. Bahasa ini berjalan pada Java Virtual Machine, sehingga bisa dengan mudah menggunakan library – library yang tersedia pada bahasa pemrograman Java. Artikel ini berisi tutorial bagaimana melakukan instalasi dan menjalankan program scala pada windows 10.

Bahasa pemrograman ini umumnya digunakan untuk menganalisa Big Data, Cluster Computing, dan tugas-tugas lainnya yang berhubungan dengan Concurrency dan Distributed Computing.

Tutorial ini akan menjelaskan bagaimana caranya menginstall Bahasa pemrograman Scala pada komputer dengan sistem operasi Windows 10.

Selamat mencoba!

1. Pastikan anda terkoneksi dengan internet.
2.Buka Command Prompt dari start menu, dengan mengetik cmd, lalu klik kanan dan  run as administrator

capture

3. ketik cmd lalu tekan tombol enter

capture

4. Install Chocolatey, Chocolatey adalah manajer aplikasi untuk windows. Copy dan paste baris kode dibawah ke command prompt, lalu klik enter

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

capture

5. Pastikan Choco sudah terinstall dengan benar dengan cara mengetik

choco --version

Pada Command Prompt. Apabila sudah seperti screenshot dibawah, maka anda sudah berhasil menginstall Choco.

capture

6. Install Scala dengan mengetik:

choco install scala

7. Anda akan ditanyakan beberapa kali apakah ingin melanjutkan menginstall. Ketik y dan tekan tombol enter.

capture

8. Test Apakah scala sudah terinstall dengan benar dengan mengetik scala, lalu menekan tombol enter. Apabila terjadi kesalahan “not recognized as an internal or external command”, coba tutup command prompt lalu buka kembali.

capture

10. Apabila sudah seperti screenshot diatas, Maka selamat! anda sudah berhasil melakukan instalasi Scala pada komputer anda.

Selanjutnya anda bisa membaca dokumentasi dan tutorial lain mengenai topik ini menggunakan link dibawah:

https://www.scala-lang.org/documentation/
https://www.tutorialspoint.com/scala/
https://twitter.github.io/scala_school/

Selamat mencoba!

Server MQTT, Instalasi dan contoh penggunaan untuk IOT

MQTT

Lanjutan dari artikel sebelumnya, tulisan ini berisi cara instalasi dan contoh sederhana penggunaan server MQTT.

Sebelum melanjutkan, anda sudah harus memiliki server dengan sistem operasi linux. Apabila anda belum punya, anda bisa coba dengan virtualbox. Sistem operasi yang saya gunakan adalah Ubuntu 16.04 yang bisa di unduh disini: http://www.ubuntu.com/download

Berikut tutorialnya:
1. Tambahkan PPA Mosquitto

sudo apt-add-repository ppa:mosquitto-dev/mosquitto-ppa
sudo apt-get update

2. Install Mosquitto

Sudo apt install mosquitto

Untuk mengetes, saya akan menggunakan Node.JS sebagai client MQTT.

1. Install Node.JS

sudo apt install nodejs
sudo apt install npm

2. Install requirement MQTT clientside untuk node.JS

npm install mqtt --save

3. Buat file baru dengan mengetik

touch testmqtt.js
nano testmqtt.js

4. Masukan baris code dibawah

var mqtt    = require('mqtt');
var client  = mqtt.connect('mqtt://localhost');

client.on('connect', function () {
  client.subscribe('contohtopik');
  client.publish('contohtopik', 'Halo dunia');
});

client.on('message', function (topic, message) {
  console.log(message.toString());
  client.end();
});

5. Quit nano dengan ctrl+o, lalu ctrl+x

6. Jalankan client dengan mengetik

nodejs testmqtt.js
Output program
Output program

Output dari program client diatas seharusnya seperti ini:

Apabila muncul seperti baris diatas, maka selamat ! anda telah berhasil menginstall mosquitto, server MQTT !

Selanjutnya mari kita membedah sedikit client yang saya berikan.

var client  = mqtt.connect('mqtt://localhost');

Digunakan untuk mengkoneksikan client, dalam hal ini program node.js ke server MQTT. apabila server MQTT dan client dalam komputer yang berbeda, silahkan ubah localhost menjadi IP dimana server MQTT berada.

client.on('connect', function () {
  client.subscribe('contohtopik');
  client.publish('contohtopik', 'Halo dunia');
});

akan otomatis dijalankan, ketika client berhasil terkoneksi ke server MQTT, dalam hal ini melakukan dua hal, yang pertama:

  client.subscribe('contohtopik');

Fungsi ini memberitahu server MQTT , bahwa program ini ingin menerima semua pesan dalam topik ‘contohtopik’

  client.publish('contohtopik', 'Halo dunia');

Fungsi ini memberitahu server MQTT bahwa program ini akan mengirimkan pesan ‘Halo dunia’ ke seluruh pengguna server MQTT yang melakukan subscribe ke topik ‘contohtopik’

client.on('message', function (topic, message) {
  console.log(message.toString());
  client.end();
});

Baris ini digunakan untuk melakukan sesuatu terhadap pesan-pesan yang diterima oleh client ini setelah di subscribe. message adalah pesannya, sementara topic adalah topik asal pesan tersebut. Pada program ini, yang dilakukan adalah mengeprint pesan ke console.

Alur lengkap program adalah:
1. program mengkoneksikan diri ke server MQTT
2. program akan subscribe ke topik ‘contohtopik’
3. program mengirimkan ‘Halo dunia’ ke topik ‘contohtopik’
4. server MQTT meneruskan pesan ‘Halo dunia’ ke seluruh subscriber topik.
5. program menerima pesan baru
6. program memprint pesan yang diterima
7. Halo dunia dimunculkan ke console.

Yang perlu di note adalah, client MQTT ini tidak terbatas hanya di Node.JS saja. Anda bisa menggunakan bahasa pemrograman apapun seperti PHP, C , C++ , Java di platform apapun misalnya web, desktop, mobile dan embedded  seperti arduino dan ESP 8266.   Hanya saja, library client yang digunakan berbeda dan memiliki cara pemrograman yang  berbeda juga, walaupun konsep dasar publish-subscribenya tetap sama.

Berikut adalah beberapa library dalam berbagai bahasa pemrogramman, dan biasanya sudah ada tutorial penggunaanya di link tersebut.

PHP : http://www.hivemq.com/blog/mqtt-client-library-encyclopedia-mosquitto-php
C# : https://github.com/ppatierno/m2mqtt
Java : https://github.com/fusesource/mqtt-client
C/C++: https://eclipse.org/paho/
Ruby : https://github.com/njh/ruby-mqtt
Python: https://pypi.python.org/pypi/paho-mqtt/1.1

Selamat mencoba 🙂

Cara Membeli Game di Steam Dengan Rekening CIMB Niaga Tanpa Credit Card

Rekening tabungan CIMB Niaga memiliki fitur menarik yang di sebut dengan virtual credit card. Menariknya, VCC ini bisa digunakan pada situs-situs yang biasanya menolak VCC seperti Apple app store, Google playstore, Paypal dan Steam.

Yang dibutuhkan:
1. Rekening Bank CIMB Niaga
2. Sudah terdaftar dengan Internet Banking CIMB Niaga (https://www.cimbclicks.co.id/ib-cimbniaga/Login.html)

Tutorial:
1. Daftar CIMB Niaga Octopay di sini. Octopay menggunakan platform facebook, Anda tidak perlu khawatir di redirect ke facebook.

Screen Shot 2015-11-26 at 4.35.36 PM

2. Pilih Transactions, lalu klik purchase and reloadScreen Shot 2015-11-17 at 1.28.14 PM

3. Pilih virtual credit card, lalu isi dengan limit credit card yang anda inginkan. perlu di catat setiap pembuatan VCC dikenakan biaya 10.000 rupiah dan VCC hanya berlaku satu hari. perlu di catat uang di rekening anda hanya akan di potong sesuai dengan transaksi anda, bukan sebanyak limit.dfdwefwqfe

4. Setelah klik submit dan mengisi confirmation code, anda akan mendapatkan nomor credit card dan 3 digit CVC2 yang dikirimkan ke handphone anda.qwefqwefqwef

5. silahkan pilih barang di steam yang ingin di beli, lalu pilih my cart pada pojok kanan atas. klik purchase for myself.Screen Shot 2015-11-26 at 1.55.08 PM

6. Pilih tipe pembayaran MasterCard, lalu masukan data VCC ke dalam kolom yang tersedia FWEFQWFEWF

7. Selanjutnya akan muncul halaman konfirmasi pembelian. klik check box agree lalu klik tombol purchase   Screen Shot 2015-11-26 at 1.57.27 PM

8. Selamat, anda telah berhasil membeli game di Steam menggunakan virtual credit card octopay bank CIMB niaga!

Tutorial Menjalankan Aplikasi ASP.NET MVC 5 pada Ubuntu Linux 14.04

ASP.NET adalah sebuah framework untuk membuat aplikasi pemrograman web sisi server. Salah satu alasan menggunakan ASP.NET adalah C#. Code C# terstruktur dengan baik sehingga mudah untuk dipahami dan dimaintenance. C# juga menyediakan beragam code hint, error hint sebelum code dijalankan.  C# dijalankan menggunakan sistem JIT, sehingga mungkin dapat berjalan lebih cepat dibanding bahasa-bahasa interpreted seperti PHP.

Sayangnya, sampai beberapa tahun yang lalu ASP.NET hanya dapat berjalan pada platform windows, hingga akhirnya ada beberapa proyek opensource seperti dotGNU dan mono. Karena ada beberapa yang masih merupakan paten Microsoft , proyek-proyek ini sulit berjalan secara maksimal dan cenderung terbatas kompabilitasnya, bahkan proyek dotGNU sampai berhenti pada tahun 2012.

Namun pada tahun 2014,  Microsoft membuat platform .NET menjadi opensource. Hal ini membuat developer mono bisa menggunakan komponen-komponen dari microsoft (sumber), menyebabkan mono berkembang dengan pesat dan bisa menjalankan framework kompleks seperti ASP.NET MVC 5.

Pada tutorial ini, akan dijelaskan bagaimana cara melakukan setup Ubuntu 14.04 LTS hingga dapat menjalankan aplikasi ASP.NET MVC 5. Selamat belajar!

Yang perlu dipersiapkan:
  1. Komputer dengan sistem operasi Ubuntu 14.04 LTS
  2. Proyek default ASP.NET MVC 5 yang telah di publish atau bisa download contoh yang saya buat disini
  3. Koneksi Internet
Tutorial:
  1. Pastikan sistem operasi anda sudah terupdate dengan menjalankan perintah berikut:
    sudo apt-get update && sudo apt-get dist-upgrade
  2. Instalasi paket apache2 dengan menjalankan perintah:
    sudo apt-get install apache2
  3. Masukan mono kedalam list paket sistem, hal ini perlu dilakukan agar versi mono yang akan di install selalu yang terbaru. pastikan anda menjalankan code di bawah baris demi baris.
    sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF
    
    sudo echo "deb http://download.mono-project.com/repo/debian wheezy main" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list
    
    sudo echo "deb http://download.mono-project.com/repo/debian wheezy-apache24-compat main" | sudo tee -a /etc/apt/sources.list.d/mono-xamarin.list
    
    sudo echo "deb http://download.mono-project.com/repo/debian alpha main" | sudo tee /etc/apt/sources.list.d/mono-xamarin-alpha.list
    
    sudo apt-get update && sudo apt-get dist-upgrade
  4. Install paket mono-complete
    sudo apt-get install mono-complete
    
  5. Install paket libapache2-mod-mono
    sudo apt-get install libapache2-mod-mono
    sudo a2enmod mod_mono_auto
  6. Set apache2, agar folder pada apache2 menggunakan mono. prosedur ini harus di ulang untuk setiap aplikasi baru
    sudo nano /etc/apache2/sites-available/testasp.conf
  7. Copy-paste baris berikut ke console, sesuaikan path dan nama apabila diperlukan. klik ctrl+o , enter lalu ctrl+x untuk menyimpan file.
      Alias /testasp "/var/www/html/testasp"
      MonoServerPath inventory "/usr/bin/mod-mono-server4"
      MonoDebug inventory true
      MonoSetEnv inventory MONO_IOMAP=all
      MonoApplications inventory "/testasp:/var/www/html/testasp"
      <Location "/testasp">
        Allow from all
        Order allow,deny
        MonoSetServerAlias inventory
        SetHandler mono
        SetOutputFilter DEFLATE
        SetEnvIfNoCase Request_URI "\.(?:gif|jpe?g|png)$" no-gzip dont-vary
      </Location>
      <IfModule mod_deflate.c>
        AddOutputFilterByType DEFLATE text/html text/plain text/xml text/javascript
      </IfModule>
    

    apache2site

  8. Buat folder baru di /var/www/html/testasp , sesuaikan permission folder apabila di perlukan. File-file asp.net akan di simpan di sini.
    sudo mkdir /var/www/html/testasp
  9. Enable konfigurasi site yang dibuat
    sudo a2ensite testasp
    sudo service apache2 restart
  10. Upload atau copy file ASP.NET MVC yang ingin dijalankan atau gunakan contoh proyek yang saya berikan ke dalam folder /var/www/html/testasp
    ftp
  11. Test situs di browser,  url adalah http://127.0.0.1/testasp.  sesuaikan url dengan IP mesin anda.
    jalan

Apabila hasil seperti langkah 11, maka selamat, anda telah berhasil menjalankan ASP.NET MVC 5 pada sistem operasi linux. Apabila belum, silahkan comment dan saya akan coba menjawab pertanyaan sebisa saya.

Dengan langkah-langkah diatas, bahkan saya telah berhasil mempublish situs yang cukup kompleks dengan database mysql.

Dibawah ini adalah link-link yang bisa membantu anda belajar lebih jauh lagi.

  1. http://www.mono-project.com/docs/getting-started/install/linux/
  2. https://help.ubuntu.com/community/ModMono
  3. http://www.asp.net/mvc/overview/getting-started/introduction/getting-started
  4. http://www.w3schools.com/aspnet/mvc_intro.asp

Semoga tutorial yang saya berikan bermanfaat.