Membuat Website Sederhana dengan PHP Part 1

Selamat datang di RESTOPROGRAM penyedia sajian tutorial pemrograman terkini. Postingan kali ini ane sajikan hidangan baru yaitu Soto PHP dengan cita rasa Cara Membuat Website Sederhana dengan PHP. Dimana akan dibagi menjadi 2 Part. Langsung saja ane ke bagian pertama, yaitu pembuatan Web Part 1.

Untuk Part 1 ini, cenderung penjelasan pada bagian luar website. Dan diasumsikan agan – agan udah 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. Dengan kedua perbedaan itu, maka dapat ditentukan mana bagian yang tetap dan sering berubah-ubah. Dan dapat disimpulkan bahwa bagian yang sering berubah-berubah perlu adanya pemisahan khusus, untuk memudahkan proses perubahan dari bagian tersebut.

  • Contoh :

Dalam contoh ini kita mengambil dua 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).

Makasih udah nikamatin hidangan Soto PHP ane dengan cita rasa Membuat Website Sederhana dengan PHP Part 1. Jangan sungkan – sungkan mampir lagi ke RESTOPROGRAM. Masih banyak hidangan – hidangan yang akan memanjakan agan – agan semua.

Pada beberapa postingan spesial kali ini agan akan dapetin sourcode project gratis per-sub postingan ane. Caranya tinggal komentar di postingan yang agan ingin dapetin sourcodenya dan WA ke nomer ane 082247505610 untuk konfirmasi, hehehe. Gampang sekali kan gan.

Jangan lupa share hidangan ane di media sosial yang ada di bawah ini !!!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *