Netacode

Dalam tutorial kali ini akan saya berikan contoh koneksi PHP ke database My SQL dari tugas yang pernah saya kerjakan di perkuliahan mata kuliah "Pemrograman Web 1". Rincian tugasnya kurang lebih seperti ini :

- membuat koneksi PHP ke database My SQL
- nama database = mahasiswa.sql
- nama tabel = profil_mahasiswa
- isi data tabel = NIM, Nama, Email, Jenis Kelamin, Tempat Lahir, Tanggal Lahir, Alamat, Telp/HP.
- membuat form input profil mahasiswa

Untuk melakukan koneksi database dari PHP ke My SQL tersebut, ada beberapa hal yang perlu kita siapkan terlebih dahulu. Berikut adalah hal yang perlu kita persiapkan dan file-file yang akan kita buat :

Perisiapan :
- Aplikasi XAMPP, jika PC anda belum terinstall aplikasi tersebut. Silahkan download dulu disini.

File yang akan kita buat :
- database mahasiswa.sql
- mahasiswa.php, untuk menampilkan tabel database serta form input data profil mahasiswa di browser.
- koneksi.php, untuk melakukan koneksi php ke database yang telah di buat.
- simpan.php, untuk menyimpan data yang di input pada form profil mahasiswa.


Setting XAMPP Control Panel
Buka aplikasi XAMPP Control Panel, klik start untuk mengaktifkan Apache dan MySQL. Jika sudah berwarna hijau artinya sudah aktif.

Apache dan MySQL sudah aktif

Membuat Database MySQL
Buka browser kemudian ketikkan localhost di addressbar, kemudian pilih phpMyAdmin.
Buat database dengan nama mahasiswa dan tabel profil_mahasiswa dengan struktur tabel sebagai berikut.



Membuat File mahasiswa.php 
Buat File mahasiswa.php untuk Dihubungkan ke Database MySQL, kemudian simpan file Mahasiswa.php pada folder "C:\xampp\htdocs".

Membuat File koneksi.php 
Buat File koneksi.php untuk melakukan koneksi php ke database yang telah di buat, kemudian simpan file koneksi.php pada folder "C:\xampp\htdocs".



Membuat File simpan.php 
Buat File simpan.php untuk menyimpan data yang di input pada form profil mahasiswa, kemudian simpan file simpan.php pada folder "C:\xampp\htdocs".

Nah, jika semuanya sudah selasai di buat. Sekarang tinggal melakukan test koneksi php ke MySQL.
Buka browser, ketikkan di address bar localhot/mahasiswa.php 
Jika berhasil, maka tampilannya sebagai berikut :

Array

Array adalah kumpulan data yang terstruktur dengan nama variable yang sama dan tipe data yang  sama tetapi mempunyai indeks/alamat yang berbeda-beda. Pada setiap variable dapat berisi data  yang sama atau berbeda tetapi tipe data harus sama. Urutan indeks array dimulai dari hitungan 0,1,2 dan seterusnya. Tipe data variable array pada umumnya adalah char , string, int , float , dan double.

Deklarasi :

Contoh :

Int nilai[5]; artinya variable array dengan nama nilai bertipe integer dan banyaknya data ada 6 karena indeks dimulai dari 0 hingga 5.

Variabel nilai dapat di gambarkan sebagai berikut :


Menurut dimensinya, Array dapat dibedakan menjadi :

1. Array satu dimensi
Setiap elemen array dapat diakses melalui index.
Index array secara default dimulai dari 0.

Deklarasi array :
Tipe_array nama_array[ukuran];

2. Array dua dimensi
Array dua dimensi merupakan array yang terdiri dari m buah baris dan n buah kolom, bentuknya dapat berupa matriks atau tabel.

Deklarasi array :
Tipe_array nama_array[baris][kolom];

3. Array multidimensi
Array multidimensi merupakan array yang mempunyai ukuran lebih dari dua. Bentuk pendeklarasian array multidimensi sama saja dengan deklarasi array dimensi satu maupun dimensi dua.

Deklarasi array :
Tipe_array nama_array[ukuran 1][ukuran 2] . . . [ukuran N];


Contoh codingan menggunakan ARRAY
1. Array satu dimensi
Menjumlahkan nilai dari tiap index umur dan hasilnya saya simpan kedalam variabel hasil untuk ditampilkan di akhir program.

Code :


Hasilnya :



2. Array dua dimensi

Code :



Hasilnya :



STRUCT

Struct atau Struktur adalah kumpulan data yang memiliki tipe data yang berbeda. Secara pendeklarasian, struct sangat berbeda dengan array yang hanya memiliki satu buah tipe data untuk setiap kumpulannya. Struct digunakan apabila data yang ingin dikelompokkan memiliki tipe data yang berbeda. Pendeklarasian struct sebagai berikut :

struct data_mahasiswa{
   int nim;
   char nama[100];
   char fakultas[100];
};

data_mahasiswa mahasiswa1, mahasiswa2;


Deklarasi di atas merupakan suatu tipe data yang bernama data_mahasiswa di mana setiap data yang akan dideklarasikan menggunakan tipe data yang ada pada struct data_mahasiswa akan mempunyai field nim, nama, dan fakultas. Untuk dapat menggunakan tipe data tersebut sebuah variabel harus dideklarasikan lagi menggunakan nama struct nya. Bentuk umum pendeklarasian variabel struct nya adalah sebagai berikut :

data_mahasiswa mahasiswa1, mahasiswa2; 

Deklarasi dua variabel di atas mendeskripsikan dua variabel bernama Mahasiswa1 dan Mahasiswa2, setiap variabel tersebut mempunyai field sesuai dengan apa yang ada pada struct data_mahasiswa.
Selain deklarasi variabel ada hal yang harus diperhatikan yaitu cara untuk mengisi dan memanggil nilai yang ada di dalam sebuah struct, yaitu sebagai berikut :

//Untuk mengisi nilai struct
cin>>mahasiswa1.nim;

//Untuk memanggil nilai struct
cout<<mahasiswa1.nim<<endl;


Contoh codingan menggunakan Struct
Membuat program struct untuk buku dengan deklarasi manual, dengan menyimpan judul buku, tahun terbit dan harga buku.



Hasilnya :


Penjelasan :
Setiap kali user menginputkan data berupa judul buku, tahun terbit, dan harga, maka data-data tersebut akan tersimpan dengan perintah (cin>>book.judul;dst) pada struct buku.
Kemudian dipanggil kembali dengan perintah (cout<<"\nJudul buku \t: "<<book.judul;).


NOTE :
- Software yang di gunakan adalah : Dev C++
- Jika anda belum punya software nya, silahkan download di sini :

1. Download 32 Bit : Klik Disini
2. Download 64 Bit : Klik Disini


Sekian artikel yang dapat saya bagikan, semoga bermanfaat buat pembaca dan menambah pengetahuan. Barakallah :D

Unsur utama tabel HTML

Tabel terdiri dari 4 unsur utama:

1. Baris
2. Kolom
3. Sel
4. Garis

Lalu, bagaimana cara membuat tabel di HTML?

Kita bisa membuatnya dengan beberapa tag yang sudah disediakan di HTML.


Tag untuk Membuat Tabel di HTML

Ada beberapa tag yang harus di ingat untuk membuat tabel di HTML:

1. Tag <table> untuk membungkus tabelnya
2. Tag <thead> untuk membungkus bagian kepala tabel
3. Tag <tbody> untuk membungkus bagian body dari tabel
4. Tag <tr> (tabel row) untuk membuat baris
5. Tag <td> (table data) untuk membuat sel
6. Tag <th> (table head) untuk membuat judul pada header

Hasilnya:



Kok tidak ada garisnya?

Iya, karena kita tidak menambahkan atribut border pada tabelnya.

Agar Tabelnya memiliki garis, silahkan tambahkan atribut border="1" di dalam tag <table>.

Sehingga akan menjadi seperti ini:



Nilai "1" pada atribut border adalah ukuran garisnya. Semakin besar ukurannya, maka akan semakin besar pula ukuran garisnya.

Nilai "1" adalah ukuran garis yang palng kecil.

Hasilnya akan sepert ini:



Mengatur Jarak Sel dengan Cellpadding

Atribut cellpadding adalah atribut untuk mengatur jarak teks dengan garis di dalam sel.

Atribut ini dapat kita berikan kepada tag <table>.

Contoh:



Nilai "10" pada atribut cellpadding adalah ukuran jarak antara teks sel dengan garis.

Maka hasilnya:



Menambahkan Warna pada Sel dan Baris

Untuk menambahkan warna pada sel dan baris, kita bisa menambahkan atribut bgcolor di dalam tag <td> (untuk sel) atau <tr> (untuk baris).

Contoh:



Nilai atribut bgcolor bisa kita isi dengan kode warna dalam heksadesimal atau nama warna dalam bahasa inggris.

Maka hasilnya akan seperti ini:



Menggabungkan Sel Tabel

Atribut yang digunakan untuk menggabungkan sel tabel adalah rowspan dan colspan:

• rowspan untuk menggbungkan baris;
• colspan untuk mebggabungkan kolom.

Atribut ini bisa kita berikan kepada tag <td> atau <th>.


Mari kita lihat contohnya:



Hasilnya:


Di salam sel <td> dan <th>, kita bisa menyisipkan elemen HTML yang lain, seperti gambar, link, video, list, dsb.

Contoh:



Hasilnya: