The Best College Academy of Our Small City

Soal Ujian Tengah Semester Pemrograman Web II

Ketentuan mengerjakan Soal UTS:


  1. Soal No. 1 Berlaku bagi mahasiswa AMIK Harapan Bangsa Surakarta untuk kelas pagi Sekarpace (4a pagi) dan kelas malam Sekarpace (4c malam).
  2. Soal No. 2 berlaku bagi mahasiswa AMIK Harapan Bangsa Surakarta untuk kelas pagi Sekarpace (4b pagi) dan kelas malam Pabelan (4a malam).
  3. Soal ini dikerjakan berkelompok, satu kelompok terdiri dari maksimal 2 orang.
  4. Setiap kelompok memilih salah satu studi kasus. Tidak boleh ada kelompok yang memilih studi kasus yang sama.
  5. Hasil pekerjaan ini dipresentasikan saat UTS berlangsung, yang dipresentasikan adalah langkah-langkah pembuatan program dan program yang sudah jadi. Presentasi menggunakan Power Point.
  6. Point yang dinilai adalah tampilan program, listing program dan presentasi.
  7. Untuk contoh program dapat dilihat disini.
  8. Apabila ada pertanyaan silahkan meninggalkan komentar pada kolom komentar di bawah artikel ini.

Soal No 1
Buatlah sebuah program menggunakan bahasa pemrograman PHP untuk menyelesaikan studi kasus di bawah ini:


  1. Menghitung volume prisma segitiga.
  2. Menghitung volume prisma segilima.
  3. Menghitung volume tabung.
  4. Menghitung volume limas segitiga.
  5. Menghitung volume limas segiempat.
  6. Menghitung volume limas segilima.
  7. Menghitung volume bola.
  8. Menghitung volume kecurut.
  9. Menghitung luas permukaan prisma.
  10. Menghitung luas selimut tabung.
  11. Menghitung luas permukaan limas.
  12. Menghitung luas permukaan bola.
  13. Menghitung luas permukaan kerucut.

Soal No 2
Buatlah sebuah program menggunakan bahasa pemrograman PHP untuk menyelesaikan studi kasus di bawah ini:
  1. Menghitung luas kerucut.
  2. Menghitung luas belah ketupat.
  3. Menghitung luas trapesium.
  4. Menghitung luas permukaan tabung.
  5. Menghitung luas perukaan balok.
  6. Menghitung keliling jajar genjang.
  7. Menghitung keliling lingkaran.
  8. Menghitung keliling balok.
  9. Menghitung sisi miring segitiga siku-siku.
  10. Menghitung kecepatan (gerak lurus beraturan).
  11. Menghitung kecepatan akhir (gerak lurus berubah beraturan).
  12. Menghitung kecepatan di permukaan tanah (gerak jatuh bebas).
  13. Menghitung lama benda jatuh di tanah (gerak jatuh bebas).
Halaman : 1 2 3 4 5 6 7 8

Membuat File Simpan Data

Agar data pegawai yang dimasukan melalui form entry data pegawai bisa masuk ke dalam basis data maka diperlukan sebuah perintah SQL untuk memberikan instruksi simpan data pegawai. Selain intruksi simpan data pegawai ada hal lain yang harus diperhatikan, yaitu masalah ke-valid-an data. data yang disimpan dalam basis data harus lengkap dan tidak boleh kosong. Data yang disimpan di dalam basis data juga tidak boleh ada yang kembar. Buatlah file PHP baru kemudian hapus semua kode html, ganti dengan kode php di bawah ini.

<?php

//menghilangkan notice error karena 
//versi PHP yang berbeda
error_reporting("E_ALL ^ E_NOTICE");

//memanggil koneksi
include "db.php";
//Mengambil data dari formulir pengisian
//dengan menggunakan $_POST
$nip = $_POST[txtnip];
$nama = $_POST[txtnama];
$alamat = $_POST[txtalamat];
$tempatlahir = $_POST[txttempatlahir];
$tanggallahir = $_POST[txttanggallahir];
$jabatan = $_POST[txtjabatan];
$bagian = $_POST[txtbagian];
//validasi semua isian
if(empty($nip) || empty($nama) || empty($alamat) || empty($tempatlahir)
 || empty($tanggallahir) || empty($jabatan) || empty($bagian)) 
{
echo "<p><center><b><font size='2' color='blue' face='verdana'>
Semua data harus diisi lengkap</font></b></center></p>
<p align='center'><a href='entry.php'>Kembali</a></p>";
exit;
}
//mendefinisikan perintah SQL untuk validasi data
$sql="select * from tbpegawai where nip = '$nip'";
//mengeksekusi perintah SQL
$hasil=mysql_query($sql) or die(mysql_error());
if(mysql_num_rows($hasil) > 0)
{
echo "<p><center><b><font size='2' color='blue' face='verdana'>
Nomor Induk Pegawai sudah ada di database!</font></b></center></p>
<p align='center'><a href='entry.php'>Kembali</a></p>";
exit;
}
//mendefinisikan perintah SQL untuk
//penyimpanan data
$sql = "INSERT INTO tbpegawai (nip, nama, alamat, tempat_lahir, 
tanggal_lahir, jabatan, bagian) VALUES ('$nip','$nama','$alamat',
'$tempatlahir','$tanggallahir','$jabatan','$bagian')";
//mengeksekusi perintah SQL agar data tersimpan ke database
$hasil = mysql_query($sql) or die(mysql_error());
//menampilkan pesan bahwa penyimpanan data berhasil
echo "<p><center><b><font size='2' color='blue' face='verdana'>
Penyimpanan data berhasil!</font></b></center></p>
<p align='center'><a href='entry.php'>Kembali</a></p>";
?>

Simpan dengan nama proses_simpan.php. Buka localhost/pelatihan kemudian klik menu entry, masukan data pegawai kemudian klik simpan. jika ada yang error diperbaiki lagi kode pada proses_simpan.php.


Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat koneksi PHP ke MySQL

Agar program PHP yang dibuat dapat terhubung dengan basis data MySQL maka diperlukan sebuah koneksi. Berikut ini langkah-langkah untuk membuat koneksi:
  1. Buat file baru dengan ekstensi PHP kemudian masuk ke layer code, hapus semua tag html yang ada.
  2. Ketik listing program berikut ini:
    <?php

    //membuka koneksi server dimana basis data berada
    $buatkoneksi = mysql_connect("localhost","root","") or die(mysql_error());

    //mengakses database yang bernama dbsimpeg
    $bukadatabase = mysql_select_db("dbsimpeg") or die(mysql_error());
    ?>
  3. Simpan file tersebut dengan nama db.php

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat Basis Data MySQL

Setelah Anda selesai membuat form entry data pegawai, langkah selanjutnya adalah membuat basis data. Basis data digunakan untuk menampung semua data dalam sistem informasi. Basis data yang digunakan dalam praktikum ini adalah MySQL. Berikut ini langkah-langkah pembuatan basis data MySQL:

  1. Pastikan Apache dan MySQL dalam XAMPP Control Panel sudah aktif.
  2. Buka web browser (Mozilla Firefox / Google Chrome). Masuk ke alamat localhost/phpmyadmin, kemudian klik menu database.
  3. Masukan nama basis data dbsimpeg kemudian klik create / buat.
  4. Buat sebuah tabel dengan nama tbpegawai dengan jumlah kolom adalah tujuh.
  5. Isi nama field, type data dan lebar filed sesuai gambar di bawah ini.
  6. klik save.
    Hasilnya nampak pada gambar di bawah ini.

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat Form Entry Data Pegawai

Setelah Anda menyelesaikan pembuatan form index, langkah selanjutnya adalah membuat form entry data pegawai. Form entry data pegawai digunakan untuk memasukanan data pegawai ke dalam basis data. langkah-langkah membuat form entry data pegawai antara lain sebagai berikut:
  1. Buka file index kemudian save as dengan nama entry.php

  2. Hapus nama perusahaan beserta alamatnya, ganti menjadi "Entry Data Pegawai".
  3. Masukan sebuah form di bawah tulisan entry data pegawai.
  4. Letakkan kursor ditengah-tengah form kemudian masukan sebuah tabel dengan ketentuan segabai berikut:
    Ubahlah align tabel menjadi center.
  5. Masukan teks pada kolom sebelah kiri seperti pada gambar di bawah ini.
  6. Masukan sebuah teks field pada kolom kedua baris pertama.

    Beri nama txtnip, atur lebar text field menjadi 10.
  7. Tambahkan sebuah textfield pada kolom kedua baris ke dua, beri nama txtnama kemudian atur lebar text field menjadi 60.
  8. Tambahkan sebuah teks area pada kolom kedua baris ke tiga,

    beri nama txtalamat kemudian atur lebar character menjadi 50 dan num lines menjadi 3.
  9. Tambahkan sebuah textfield pada kolom kedua baris ke empat, beri nama txttempatlahir kemudian atur lebar text field menjadi 20.
  10. Tambahkan sebuah textfield pada kolom kedua baris ke lima, beri nama txttanggallahir kemudian atur lebar text field menjadi 10
  11. Tambahkan sebuah textfield pada kolom kedua baris ke enam, beri nama txtjabatan kemudian atur lebar text field menjadi 20.
  12. Tambahkan sebuah textfield pada kolom kedua baris ke tujuh, beri nama txtbagian kemudian atur lebar text field menjadi 20.
  13. Tambahkan dua buah button di kolom ke dua baris ke sembilan,

    pada button 1 ubah value menjadi Simpan,
    pada button 2 ubah action menjadi Reset.
    Hasilnya nampak pada gambar di bawah ini.
  14. Block form kemudian isi action dengan proses_simpan.php
  15. Jika sudah selesai simpan file tersebut.

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat file index.php

Setelah Anda selesai membuat file header.php dan file menu.php maka langkah selanjutnya adalah membuat file index.php. File index digunakan sebagai halaman awal dari suatu website. Berikut ini langkah-langkah untuk membuat file index.php:
  1. buat file php baru, kode html tidak perlu dihapus. (Jika Anda lupa cara membuat file php baru silahkan lihat tutorial sebelumnya melalui link ini.)
  2. Tulis judul halaman dengan "Sistem Informasi Kepegawaian".
  3. buat tabel dengan ketentuan sebagai berikut: jumlah kolom = 1, jumlah baris = 4, ukuran tabel = 960 pixcel, border thickness = 0, cell padding = 0, cell spacing = 0, align tabel = center, bg color = putih. Hasilnya nampak pada gambar di bawah ini.
    (Jika Anda lupa cara membuat tabel, lihat tutorial sebelumnya melalui link ini.)
  4. Berikan background pada halaman index, caranya klik menu modify kemudian klik page properties. pilih gambar background dengan klik tombol browse, pilih gambar dengan nama bg lalu klik OK. Setelah itu klik OK lagi.




  5. Hasilnya nampak pada gambar di bawah ini.
  6. letakkan kursor pada baris ke dua pada tabel kemudian beri warna merah, lakukan hal yang sama pada baris ke empat.
  7. Hasilnya nampak pada gambar di bawah ini.
  8. Letakkan kursor pada baris ke tiga pada tabel kemudian klik kanan, pilih table, klik split cell. pilih column, number of columns diisi dengan angka dua, klik OK. setelah baris terbagi menjadi dua, geser garis pembatas ke kiri sampai ukurannya berubah menjadi 240 pixcel



  9. Tulis nama dan alamat perusahaan pada baris ke tiga kolom ke dua kemudian atur tipe huruf, ukuran huruf dan warna huruf sesuai keinginan kalian.


  10. Letakkan kursor pada baris pertama kemudian masuk ke layer split. Ubah simbol &nbsp; tepat dimana kursor berada menjadi <?php include "header.php"; ?>

  11. letakkan kursor pada baris ke tiga kolom pertama kemudian berikan background image dengan cara klik icon folder pada kolom bg image.

    Setelah itu masuk ke layar split. Ubah simbol &nbsp; tepat dimana kursor berada menjadi <?php include "menu.php"; >?
  12. Hasilnya nampak pada gambar di bawah ini.
  13. Simpan file tersebut dengan nama index.php (Jika Anda lupa cara menyimpan file php, lihat tutorialnya melalui link ini)
  14. Buka file index melalui web browser dengan cara masuk ke alamat localhost/pelatihan

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat file menu.php

Setelah anda berhasil membuat file header.php langkah selanjutnya adalah membuat file menu.php yang nantinya akan digunakan untuk mengakses halaman utama, form entry data pegawai, form view pegawai, dan halaman about. Berikut ini langkah-langkah membuat file menu.php:

  1. Buat file php baru dengan cara klik file, klik new, pilih php klik create.


  2. Masuk layer code kemudian hapus semua kode html setelah itu kembali ke layer desain. (Jika anda lupa langkah ini, lihatlah tutorial sebelumnya disini.)
  3. Buat sebuah tabel dengan ketentuan sebagai berikut: jumlah kolom = 1, jumlah baris = 5, ukuran tabel = 240 pixcel, border thickness = 0, cell padding = 0, cell spacing = 0, align tabel = left. Hasilnya nampak pada gambar di bawah ini.
    (Jika anda lupa cara membuat tabel, lihatlah tutorial sebelumnya disini.)
  4. Masukan gambar menu sesuai urutan dibawah ini. 
    (Jika anda lupa cara memasukan gambar, lihatlah tutorial sebelumnya disini.)
  5. Masukan link disetiap gambar, klik gambar home kemudian isi link dengan nama index.php.
    Klik gambar entry pegawai kemudian isi link dengan nama entry.php. Klik gambar view kemudian isi link dengan nama view.php, klik gambar about kemudian isi link dengan nama about.php.
  6. Simpan file tersebut dengan nama menu.php. (Jika anda lupa cara menyimpan file, lihatlah tutorial sebelumnya disini.)

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13