Jobsheet
|
May 22
2013
|
Cara
Membuat Web Dinamis Dengan Php dan MySQL
Anggie
Triamsih
XMM1
BAB I Pendahuluan.
1.1 Alat yang digunakan
1. Computer/laptop
2. Software Adobe Dreamweaver
3. Xampp/aplikasi AppServe.
1.2 Merancang
struktur database
1. Pastikan dalam computer/laptop anda sudah
terinstal aplikasi Xampp atau AppServe. Lalu kita buka Google Chrome/ Mozila
Firefox, lalu ketikkan: http://localhost/phpmyadmin/, maka akan
muncul gambar seperti berikut ini:
2. Selanjutnya merancang
struktur tabel-tabel yang akan digunakan pada phpmyadmin. Secara sederhana, struktur table dapat dibuat
dengan spesefikasi sebagai berikut.
Beri
nama pada database yang akan dibuat, saya akan menamaknnya Koran lalu columnya
saya akan isi 6
Lalu
klik ‘Go’.
3. Jika sudah kita klik tombol ‘Go’ maka hasilnya seperti di bawah
ini:
4. Setelah itu isi kolom-kolom yang terdapat pada
tampilan di bawah ini, jika sudah maka klik tombol save.
5. Jika sudah disave maka hasilnya seperti pada gambar
dibawah ini:
Selanjutnya
kita akan membuat koneksi database pada dreamweafer.
1.3 Membuat file koneksi pada database.
1.1 Pertama
kita membuat folder di Xampp-htdoc,lalu membuat folder baru dan filenya
bisa langsung dari Adobe Dreamweaver,caranya yaitu Buka software adobe
dreamweaver, lalu pilih site
Jika sudah, lalu klik save klik kanan pilih new file, buat file tersebut sebanyak
6. Yang masing-masing di beri nama menjadi koneksi.php
tampilanberita.php tamilantabel.php deletecontent.php forminputcontent.php dan
proses_simpan_content.php
1.2 Setelah itu double click pada koneksi.php lalu
ketikan script berikut ini
Jika sudah diketik codingannya maka
simpan file tersebut.
1.3 Lalu kita akan membuat tampilan berita dengan
cara double click pada file tampilanberita.php
yang tadi telah dibuat. Kemudian ketikkan codingan yang terdapat pada
gambar di bawah ini:
Jika codingannya sudah seperti itu dan
tidak terjadi kesalahan maka selanjutnya save file tersebut.
1.4 Selanjutnya kita akan membuat koneksi delete
content, pertama kita double click pada file deletecontent.php yang pertama kali telah kita buat, selanjutnya
tuliskan kode pemograman seperti pada gambar dibawah ini:
Selanjutnya kita akan membuta tampil
tebel, langkah pertama adalah dengan double click pada tampiltebel.php kemudian tuliskan kode pemograman seperti dibawah
ini:
Gambar diatas adalah lanjutan dari kode
pemograman sebelumnya.
Gambar dibawah ini adalah gambar yang
terdapat pada menu design.
1.5 Lankah berikutnya kita akan membuat form input
content, pertama kita double click pada file fileinputcontent.php yang sebelumnya telah dibuat, yang hasilnya kurang
lebih akan menjadi seperti gambar dibawah ini:
untuk membuat seperti pada gambar diatas maka ketikkan codingan seperti dibawah ini:
lanjutan
dari kodingan form input content berita.
Jika sudah buat kodingan seperti diatas maka save file tersebut.
Langkah selanjutnya kita akan membuat proses
simpan content, pertama double click pada file prose_simpan_content.php yang pertama telah di buat, jika sudah maka
ketikkan kode pemograman seperti dibawah ini:
<body>
<form name="frm_data"
method="post" enctype="multipart/form-data"
action="proses_simpan_content.php">
<table width="100%"
border="0">
<tr>
<th colspan="2">Form Input Berita</th>
</tr>
<tr>
<td width="15%">Judul</td>
<td width="3%">:</td>
<td width="82%"><label for="judul"></label>
<input type="text" name="judul"
id="judul" /></td>
</tr>
<tr>
<td>Content</td>
<td>:</td>
<td><label for="content"></label>
<textarea name="content" cols="50"
rows="5" id="content"></textarea></td>
</tr>
<tr>
<td>Gambar</td>
<td>:</td>
<td><label for="upload_picture"></label>
<input type="file" name="upload_picture"
id="upload_picture" /></td>
</tr>
<tr>
<td>User</td>
<td>:</td>
<td><label for="user"></label>
<input type="text" name="user"
id="user" /></td>
</tr>
<tr>
<td>Tanggal</td>
<td>:</td>
<label for="tanggal"></label>
<input name="tanggal"
type="hidden"id="tanggal" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="simpan"
id="simpan" value="Simpan" /></td>
</tr>
</table>
</form>
</body>
</html>
1.6 Proses
selanjutnya adalah kita akan membuat
proses simpan content, pertama double click pada file proses_simpan_content.php kemudian ketikkan kodingan yang ada
dibawah ini:
BAB III
1.7 Langkah
selanjutnya kita akan membaca/melihat dari hasil kodingan yang tadi telah kita
buat, pertama ketikkan localhosr/berita atau
ketikkan sesuai dengan nama folder yang telah anda buat.
pertama kita akan test pada tampilanberita.php jika kodingan sudah benar maka hasilnya akan menjadi seperti dibawah ini:
pertama kita akan test pada tampilanberita.php jika kodingan sudah benar maka hasilnya akan menjadi seperti dibawah ini:
Jika sudah maka klik tampilberita.php maka hasilnya seperti gambar di bawah ini:
1.8 Selanjutnya
kita akan test file tampiltabel dan
delete table pada browser, maka hasilnya akan menjadi seperti dibawah ini
dan jika kita klk delete maka data yang kita delete akan terhapus begitupun
yang terjadi pada databasejika kita delete
maka menjadi seperti ini
1.9.Selanjutnya
kita akan test form input content dan proses simpan content yang telah kita
buat, jika kodingan yang anda buat tidak mengalami kesalahan maka hasilnya
kurang lebih seperti pada gambar dibawah ini, isikan semua data yang ingin anda
buat lalu klik pada tombol simpan:
Jika
sudah klik simpan dan jika semua kodingan yang anda ketikkan benar, maka
hasilnya
akan menjadi seperti pada gambar dibawah ini:
akan menjadi seperti pada gambar dibawah ini:
selesai