Cara Membuat Website dengan PHP dari Awal | Part 1

RESTOPROGRAM.com – Selamat datang sobat semua, Selamat berkunjung di blog saya. Selamat menunaikan ibadah puasa bagi yang menjalankan. Semoga lancar sampai akhir. Kali ini saya akan posting tutorial tata Cara Membuat Website dengan PHP dari Awal. Dimana dimulai dari halaman depan website hingga admin. Dalam tutorial ini akan dibagi menjadi 2 Part yang membahas website public untuk part pertama dan website admin untuk part kedua. Langsung saja kita ke bagian atau part pertama.

Cara Membuat Website dengan PHP dari Awal Part 1

Untuk Part 1 ini, cenderung penjelasan pada bagian luar website atau juga bisa disebut website public. Disini saya menggunakan contoh website sederhana yang biasa digunakan yaitu website personal dan diasumsikan sobat semua sudah paham mengenai HTML. Dalam membuat sebuah Web, kita perlu memperhatikan bagian-bagian dari web tersebut. web terdiri dari beberapa bagian sebagai berikut :

1. Header
2. Menu
3. Konten
4. Sidebar (Left Bar & Right Bar)
5. Footer

Dari bagian-bagian di atas terdapat bagian yang bersifat statis dan dinamis. Dimana yang dimaksud statis adalah bagian pada website yang tetap atau tidak berubah – ubah, sedangkan yang dimaksud dinamis adalah bagian pada website yang sering berubah – ubah. Dengan kedua perbedaan itu, maka dapat ditentukan mana bagian yang tetap dan sering berubah – ubah. Dapat disimpulkan bahwa bagian yang sering berubah-berubah perlu adanya pemisahan khusus, untuk memudahkan proses perubahannya nanti.



  • Contoh :

Dalam contoh ini kita mengambil tiga bagian dari web yang paling sering berubah-ubah, yaitu menu, konten dan sidebar. Sebelumnya kita harus mempersiapkan template terlebih dahulu, setelah template siap maka kita mulai melakukan proses pemisahan.

  • Langkah-langkah :

1. Aktifkan Aphace dan MySQL pada XAMPP dengan meng-klik Start pada tiap-tiap bagian, sampai muncul tulisan Running pada kedua bagian tersebut,

Capture

2. Setelah itu copy template yang sudah anda siapakan
3. System(C)>>xampp>>htdocs>>(template yang anda siapkan),
4. Buka index.html pada template yang anda siapkan tadi pada notepad/notepad++,
5. Selanjutnya buat file baru pada notepad/notepad++ dan copy seluruh coding yang ada pada index.html ke file baru tersebut dan beri nama index.php,
6. Tentukan bagian-bagian yang membutuhkan proses pemisahan, dalam contoh ini kita melakukan proses pemisahan pada menu, konten dan sidebar,
7. Setelah itu buat file baru, cut coding pada menu ke file baru dan beri nama menu.php dan kemudian beri perintah php untuk memanggil menu, dan begitu juga selanjutnya dengan konten beri nama konten.php dan untuk sidebar beri nama sidebar.php,

Menu: Tahap 1, cut coding menu pada index.php seperti contoh dibawah,

menu1

Tahap 2, buat file baru lalu paste dan save, beri nama menu.php

menu4

Tahap 3, pada index.php di bagian menu yang dicut tuliskan coding seperti contoh yang diblok dbawah ini, berfungsi untuk memanggil coding yang sudah dipisahkan tadi,

menu3

Dan berikutnya untuk konten dan sidebar sama seperti cara yang di atas. Setelah itu, jalankan web tersebut pada mozilla atau semacamnya, lalu ketik pada browse “localhost/(nama file web)” dan jika proses yang diatas benar maka tidak akan terjadi perubahan pada tampilan web.

b.  Membuat Database
Dalam sebuah Web perlu  adanya database. Dengan database data dapat tersimpan secara sistematik di dalam komputer. Di Web ini kita membutuhkan database dengan 3 tabel, yaitu ;

1. Tabel menu sebagai berikut,

kode_menu (char(10)) judul_menu (varchar(100))

dengan primary key kode_menu.

2. Tabel konten sebagai berikut,

no (int) judul (varchar(100) isi (Text) kategori (varchar(50))

dengan primary key no.

3. Tabel sidebar sebagai berikut,

kode_kategori (int) Judul_kategori (varchar(50))

Dengan primary key kode_kategori.

Adapun langkah-langkah yang kita lakukan dalam membuat database.

  • Langkah-langkah :

1. Sama halnya seperti pokok bahasan di atas, langkah pertama yang kita lakukan adalah mengaktifkan Aphace dan MySQL pada XAMPP,
2. Setelah itu kita membuat database dengan ketentuan pada pembahasan sebelumnya, dalam database tersebut berisi tabel menu, konten dan sidebar. Untuk awalan, kita ketikkan “localhost” pada browse mozilla atau semacamnya, dan buka PhpMyAdmin pada bagian “Tools” XAMPP,

 phpmyadmin

Dan kemudian akan muncul halaman baru seperti contoh di bawah ini,

membuatdatabase
Langkah berikutnya adalah membuat nama database pada Create new database, misal nama databasenya “algoritmablog” lalu klik Create dan akan muncul halaman seperti contoh berikut,

membuattabel

Setelah itu isikan nama tabel pada Create new table on database untuk bagian name yang berarti nama tabel, isikan “menu” dan number of fields yang berarti jumlah kolom yang kita tentukan, diisikan “2”. Dan klik “Go” yang kemudian akan muncul seperti contoh berikut,

pengisian

Pengisian judul kolom, type data, dan yang menjadi primary key dilakukan seperti contoh di atas sesuai pembahasan sebelumnya. Setelah itu klik “Save” dan selanjutnya kita dapat mengisikan data pada tiap kolom yang ada di tabel menu. Dan berikutnya untuk tabel konten dan sidebar sama seperti cara yang di atas dengan pengisian seperti pembahasan sebelumnya.

c.   Membuat Applikasi Menu, Konten dan Sidebar

Dalam membuat aplikasi menu, konten dan sidebar diperlukan database untuk data yang akan ditampilkan dalam aplikasi. Yaitu, dengan cara mengkoneksikannya dengan database sebagai berikut.

Tahapan mengkoneksikan PHP-MySQL

  • Langkah – langkah :

1. Membuka koneksi ke server MySQL.

Contoh Sintaks :

$koneksi = mysql_connect (”localhost”,”username”,”password”);

$koneksi : adalah nama variabel penampung status hasil koneksikepada database.

mysql_connect() : di gunakan untuk melakukan koneksi kepada server database MySQL.

localhost : adalah nama alamat server database MySQL.

username : adalah nama user database.

password : adalah kata sandi untuk username.

2. Memilih database yang akan digunakan di server.

Digunakan untuk melakukan koneksi kepada database yang dalam server yang berhasil dikoneksi dengan perintah mysql_connect().

Contoh Sintaks :

$sql = mysql_select_db(”namadatabase”,$koneksi);

$sql : berisi status koneksi kepada database.

mysql_select_db : untuk melakukan koneksi kepada database dalam server yang berhasil dikoneksi dengan perintah mysql_connect().

$koneksi : merupakan koneksi kepada server database yang berhasil.

nama database : adalah nama database yang akan dikenai proses.

3. Mengambil sebuah query dari sebuah database.

Contoh Sintaks :

$data = mysql_query(”SQL Statement”);

$data : akan berupa record set apabila SQL Statement berupa perintah select.

mysql_query() : digunakan untuk melakukan eksekusi perintah SQL.



4. Mengambil record dari database

Contoh sintaks :

$baris = mysql_fetch_array($hasil);

$baris : adalah array satu record dari record $hasil yang diproses nomor record sesuai dengan nomor urut dari  proses mysql_fetch_array yang sedang dilakukan.

mysql_fetch_array() : untuk melakukan pemrosesan hasil query yang  dilakukan dengan keduanya.

$hasil : adalah record set yang akan diproses.

5. Menampilkan data

Contoh Sintaks :

echo $baris [‘blabla’];

6. Menutup Koneksi

Contoh sintaks :

mysql_close($koneksi);

mysql_close : adalah perintah untuk menutup koneksi ke server database MySQL.

  • Contoh untuk Aplikasi Menu    :


dibuat di file menu.php

menuphp

 

  • Contoh untuk Aplikasi Konten             :


dibuat di file konten.php

kontenphp 

  • Contoh untuk Apilkasi Sidebar :


dibuat di file sidebar.php

sidebarphp

Setelah itu, jalankan web tersebut pada mozilla atau semacamnya, lalu ketik pada browse “localhost/(nama file web)” dan sama seperti pembahasan sebelumnya, jika proses yang diatas benar maka tidak akan terjadi perubahan pada tampilan web.



d.  Cara meng-Linkkan Sidebar ke Konten

Dalam proses sebelumnya pada sidebar masih belum terdapat proses link ke konten, sehingga konten tidak dapat tampil sesuai kategori yang ditentukan pada saat salah satu kategori diklik. Untuk melakukan hal tersebut maka dapat dilakukan hal sebagai berikut.

  • Langkah-langkah :

1. memberikan perintah php pada bagian link kode pada file sidebar.php, dengan contoh sebagai berikut,

link1

2. memberi perintah tambahan pada file konten.php, dengan contoh sebagai berikut,

link2

isset() : digunakan untuk menyatakan variabel sudah diset atau tidak. Jika variabel sudah diset makan variavel akan mengembalikan nilai true, sebaliknya akan bernilai false.

$_GET : digunakan untuk mengumpulkan nilai-nilai dari formulir dengan metode = “get”. Informasi yang dikirim dari formulir dengan  dalam metode GET dapat terlihat oleh siapapun(akan ditampilkan browser anda) dan memiliki batas dalam jumlah informasi yang dikirim (maks. 100 karakter).

Gimana sobat ? Sudah siap untuk ke part berikutnya ? Ditunggu segera update dari tutorial saya. Demikian tutorial atau konten saya tentang Cara Membuat Website dengan PHP dari Awal. Semoga bermanfaat dan terima kasih.