05/12/13

Praktikum PHP 5 - Modularisasi PHP (Desain Sederhana Halaman Utama Web)

Assalamu’alaikum, sobat.. 

Sebelumnya kita sudah membuat PraktikumPHP4 tentang bagaimana cara membuat form inputan biodata menggunakan Dreamweaver.

Pada postingan saya kali ini, saya akan membahas bagaimana cara mendesain Halaman Utama Web dengan menerapkan teknik Modularisasi PHP.
Sebelumnya, berikut penjelasan singkat tentang Modularisasi :
o   Modularisasi dalam pemrograman umum dilakukan dan sangat diperlukan
untuk mempermudah debugging dan pengembangan program.
o   Modularisasi berarti melakukan pembuatan program berdasarkan modul-modul .
o   Setiap modul dikembangkan untuk tujuan atau fungsi khusus. Modul dibuat
secara general (umum). Modul dapat berupa fungsi atau prosedur.

Langsung saja, berikut langkah-langkahnya :

1. Buka aplikasi Dreamweaver. Buat folder baru pada site PraktikumPHP21 dengan nama Praktikum5. 





2. Buat file php bernama header.php dan ketikkan script di bawah ini :

<center>
<br />
==++==++==++==++==++==++==++==++==++==
<br />
<strong><font face="Comic Sans MS, cursive">Selamat Datang VIP !!!</font></strong>
<br />
==++==++==++==++==++==++==++==++==++==<br />
<?php
$kalimat="Disini adalah dunia Big Bang!!";
function tulistebal($text){
          echo "<b>$text</b>";
}
?>
<br />
</center>





3. Live program tersebut dan lihat hasilnya seperti pada gambar.




4. Buat file baru bernama footer.php. 




5. Ketikkan script seperti di bawah ini :

<center>
<br />
===================================
<br />
<b>
<font face="cooper black" color="#0000FF">
Copyright VIP 2013
</font></b>
<br />
=================================== 





6. Live program tersebut.




7. Buat file baru bernama php5.php.




8. Ketikkan script :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tes</title>
</head>
<body>
<table width='700' height='200' border='1' bgcolor="#FFFF00">
<tr>
<td rowspan='10' width='400'><center><img src='1.jpg' width='300' height='250' /></center></td>
<td colspan='3' align='center' bgcolor="#00FF00"><?php
require("header.php"); ?></td>
</tr>
<tr>
<td>
<?php
tulistebal("<center>Semua Tentang BIG BANG Ada Di sini </center>");
echo "<br><br>";
echo "<center><font color=blue><b>$kalimat</b></font></center>";
?>
</td>
</tr>
<tr>
<td colspan='3' align='center' width='400' bgcolor="#00FF00"><?php require("footer.php"); ?></td>
</tr>

</table>

</body>
</html>

Setelah itu live program tersebut. 





9. Anda juga dapat melihat hasil tersebut melalu browser anda masing-masing seperti gambar di bawah ini :






Sekian postingan saya hari ini. 

Semoga bermanfaat ^,^

Tidak ada komentar:

Posting Komentar