LAPORAN PRAKTIKUM
PEMOGRAMAN WEB
MODUL 3
Nama : Alfi Nur Rohmat
NIM : L200120074
Kelas : D
JURUSAN
TEKNIK INFORMATIKA
FAKULTAS
KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS
MUHAMMADIYAH SURAKARTA
2014
LANGKAH-LANGKAH PRAKTIKUM
Menginstall
web server AppServ
Langkah-langkah praktikum:
1.
Menginstal
software server web lokal AppServ ke komputer.
2.
Secara
default file-file instalasi terletak di direktori C:\AppServ\www.
3.
Membuat
folder baru dalam direktori www, memberi nama folder tersebut dengan
NIM, yaitu L200120048.
4.
Folder
tersebut yang akan digunakan untuk menyimpan file-file percobaan.
Percobaan
1 (Variable)
Langkah-langkah praktikum:
1. Membuka aplikasi Sublime
2. Mengetikkan script berikut dalam Sublime.
<html>
<head>
<title>variable</title>
</head>
<body>
<h1>Buku Tamu</h1>
<form method='post' action='variable.php'>
<p>Nama : <input type='text' name='nama'
size='20'></p>
<p>Email : <input type='text' name='email'
size='30'></p>
<p>Komentar : <textarea name='komentar'
cols='30' rows='3'></textarea></p>
<p><input type='submit' value='Kirim'
name='submit'></p>
</form>
<?php
if($submit){
echo"</br>Nama : $nama";
echo"</br>Email :$email";
echo"</br>Komentar : $komentar";
}
?>
</body>
</html>
3. Menyimpan file dengan nama variable.php.
4. Membuka
file yang sudah disimpan menggunakan browser dengan mengetikkan alamat http://localhost/L200120074/variable.php
pada kolom
alamat.
5. Mengisi
data yang diperlukan dan menekan tombol “Kirim”, kemudian mengamati yang
terjadi.
6. Menggambar hasilnya pada lembar
kerja percobaan.
Hasilnya,
data-data yang diisikan pada kolom yang tersedia, akan ditampilkan kembali
setelah mendapat aksi dengan menekan tombol “Kirim” yang berperan sebagai
submit untuk menentukan aksi apa yang akan dilakukan berikutnya.
Percobaan
2 (Struktur Kendali)
Langkah-langkah praktikum:
1. Membuka aplikasi Sublime.
2. Mengetikkan script beriku di
dalam Sublime.
<html>
<head><title>variabel</title></head>
<body>
<h1>Nilai</h1>
<form method='post' action='kendali.php'>
<p>Masukkan Nilai Angka (0-100) : <input
type='text' name='nilai' size='3'></p>
<p><input type='submit' value='Proses'
name='submit'></p>
</form>
<?
if($submit){
if($nilai==''){
$huruf='"Nilai kosong/belum diisi"';
}else if($nilai<=20){
$huruf='E';
}else if($nilai<=40){
$huruf='D';
}else if($nilai<=60){
$huruf='C';
}else if($nilai<=80){
$huruf='B';
}else if($nilai<=100){
$huruf='A';
}else{
$huruf='"Nilai yang dimasukkan salah!"';
}
echo"Nilai angka adalah
$nilai</br>";
echo"Maka nilai huruf adalah $huruf";
}
?>
</body>
</html>
3. Menyimpan file dengan nama kendali.php.'
4. Membuka
file yang sudah disimpan menggunakan browser dengan mengetikkan alamat http://localhost/L200120074/kendali.php
pada kolom
alamat.
5. Mengisi
data yang diperlukan dan menekan tombol “Proses”, kemudian mengamati yang
terjadi.
6. Menggambar hasilnya pada lembar
kerja percobaan.
Dengan
memasukkan angka 70 pada kolom, kemudian mengklik tombol “Proses” yang
berfungsi sebagai submit akan muncul aksi yang membandingkan angka 70 tadi akan
masuk nilai yang mana sesuai rumus/ aturan yang telah ditentukan.
Percobaan
3 (Upload File)
Langkah-langkah praktikum:
1. Membuka aplikasi Sublime.
2. Mengetikkan script beriku di
dalam Sublime.
<html>
<head><title>Upload
File</title></head>
<body>
<?
if($submit){
copy($file, 'C:\\AppServ\\www\\L200120074\\'.$file_name);
echo"<h3>File Berhasil Diupload</h3>
<br><br>
<img border='0'
src='./$file_name'><br><br>
<b>Informasi File : $file_name<br>
Nama File : $file_name<br>
Ukuran File : $file_size byte<br>
Tipe File : $file_type<br>";
}else{
?>
<form method='post' enctype='multipart/form-data'
action='upload.php'>
Upload File : <input type='file' name='file'
size='20'><br>
<input type='submit' name='submit'
value='UPLOAD'>
</form>
<?
}
?>
</body>
</html>
3. Menyimpan file dengan nama upload.php.
4. Membuka
file yang sudah disimpan menggunakan browser dengan mengetikkan alamat http://localhost/L200120074/upload.php
pada kolom
alamat.
5.
Mencari
sebuah gambar (atau file lain) untuk diupload dengan menekan tombol “Browse”. Kemudian menekan tombol “Upload” dan mengamati yang terjadi.
6. Menggambar hasilnya pada lembar
kerja percobaan.
Dengan
menekan tombol “Choose File”, maka saya bisa memilih gambar atau file yang akan
diupload, setelah itu mengklik tombol “Upload”, aksi yang terjadi adalah
munculnya gambar yang saya upload tadi pada browser beserta meta datanya.
Percobaan
4 (Fungsi Tanggal dan Waktu)
Langkah-langkah praktikum:
1. Membuka aplikasi Sublime.
2. Mengetikkan script beriku di
dalam Sublime.
<html>
<head><title>Fungsi Tanggal dan Waktu</title></head>
<body>
<?
$jam=date("H:i:s A");
$waktu=date("d-m-Y");
$hari=date("l");
$tanggal=date("d");
$bulan=date("F");
$tahun=date("Y");
echo "Sekarang jam $jam<br>";
echo "Sekarang tanggal $waktu<br>";
echo "Lebih detailnya hari $hari Tanggal $tanggal
Bulan $bulan tahun $tahun";
?>
</body>
</html>
3. Menyimpan file dengan nama tanggal.php.
4.. Membuka
file yang sudah disimpan menggunakan browser dengan mengetikkan alamat http://localhost/L200120074/tanggal.php
pada kolom
alamat.
5. Mengamati hasilnya.
6. Menggambar hasilnya pada lembar
kerja percobaan.Hasilnya
muncul data-data tentang waktu saat ini sesuai syntax yang saya ketikkan pada
percobaan.
TUGAS
1. Tuliskan
script PHP untuk membuat program penjumlahan menggunakan fungsi variabel
seperti gambar di bawah. Kemudian print screen hasilnya di browser dan
lampirkan dalam laporan.
<head>
<title>Jumlah</title>
</head>
<body>
<form method='POST' action='jumlah.php'>
Nilai A adalah <input type='text' name='a'
size='5'><br>
Nilai B adalah <input type='text' name='b'
size='5'><br>
<input type='submit' value='Jumlahkan'
name='jumlah'>
</form>
<br>
<br>
<br>
<?
if($jumlah){
if($a==''&&$b==''){
$c=' " Nilai yang dimasukn invalid!"';
} else {
$c=$a+$b;
}
echo "Nilai A adalah $a<br>";
echo "Nilai A adalah $a<br>";
echo "Maka Nilai A ditambah Nilai B adalah
$c<br>";
}
?>
</body>
Hasilnya pada web browser:
Setelah
mengisikan angka pada kedua kolom dan mengklik tombol “Jumlahkan”, kemudian akan muncul aksi penjumlahan. Dan hasilnya muncul seperti gambar di bawah:
Tidak ada komentar:
Posting Komentar