Laporan Praktikum Pemograman Web 1 Modul 8

LAPORAN PRAKTIKUM

Pemograman WEB 1

Modul8

“PHP Dasar”

Nama         : Radea Nurlaila

NIM           : 2015091083

Prodi          : SI 2015 C

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN

2017

                 Jl. Cut NyakDien, No.36A CijohoKuninganTelp/Faks : 0232-974824

1. PERTANYAAN DAN TUGAS

    Buatlah Script untuk Perhitungan Gaji Dosen

Jawaban :

1. Aktifkan XAMPP Control Panel, Aktifkan Apache

2. Ketikkan Script di Notepad ++ sebagai berikut lalu simpan dengan nama Tugas.php

3. Ketikkan localhost/namafolder/nama file di Browser anda untuk melihat hasilnya

<title> Hitung Gaji </title>
<h3> Perhitungan Gaji</h3>
<form method="get" action"Tugas.php">
    Nama    &ensp; : <input type="text" name="nama"></br></br>
    Jabatan&ensp;: <select name="jabatan" id="select">
<option value="Dosen Tetap"> Dosen Tetap </option>
<option value="Dosen Tidak Tetap"> Dosen Tidak Tetap </option>
<option value="Asisten Dosen"> Asisten Dosen </option>
</select></br></br>
    &emsp;&emsp;&emsp; <input type="submit" name="hitung" value="Hitung">
</form>

<?php
    if(!isset($_GET['hitung'])) {
        echo "</br>Masukan Nama dan Pilihan Jabatan";
    } else if(empty($_GET['nama'])) {
        echo "</br>Nama Tidak Boleh Kosong!";
    } else if (isset($_GET['nama'])){
        $nama=$_GET['nama'];
        echo "</br>Nama&ensp; : ".$nama;
        $jabatan=$_GET['jabatan'];
        echo "</br> Jabatan : ".$jabatan;
        if($_GET['jabatan'] == "Dosen Tetap") {
            printf('</br>Gapok&ensp;: Rp. 1.500.000');
        } else if($_GET['jabatan'] == "Dosen Tidak Tetap") {
            printf('</br>Gapok&ensp;: Rp. 1.000.000');
        } else {
            printf('</br>Gapok&ensp;: Rp. 800.000');
        }
    }
?>

Maka Hasilnya adalah :

 

2. POSTTEST

 1.

Buat script untuk menghitung total pembayaran dengan ketentuan:

2. Ketikkan Script Berikut :

<title> Penjualan </title>
<table align="center" border="1">
<form method="get" action"PT.php">
<tr>
<td colspan="2" align="center">DATA PENJUALAN</td>
</tr>
<tr>
<td> Kode Produk</td>
<td><select name="kode" id="select">
<option value=""> -Pilih Salah Satu- </option>
<option value="B01"> B01 </option>
<option value="B02"> B02 </option>
<option value="B03"> B03 </option>
</select></td>
</tr>
<tr>
<td> Jumlah Beli</td>
<td><input type="text" name="jml"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="hitung" value="HITUNG">&emsp;<input type="reset" value="BATAL"></td>
</tr>
<tr>
<td> Nama Produk</td>
<td><?php
     if (isset($_GET['kode'])) {
         if($_GET['kode'] == "B01") {
             $nama = "Motherboard";
         } else if($_GET['kode'] == "B02") {
             $nama = "Keyboard";
         } else if($_GET['kode'] == "B03") {
             $nama = "Mouse";
         } else {
             echo "";
         }
             echo "<input type=text name=nama value=$nama>";
         }
?></td>
</tr>
<tr>
<td> Harga</td>
<td><?php
    if (isset($_GET['kode'])) {
        if($_GET['kode'] == "B01") {
            $harga = 350000;
        } else if($_GET['kode'] == "B02") {
            $harga = 25000;
        } else if($_GET['kode'] == "B03") {
            $harga = 35000;
        } else {
            echo "";
        }
            echo "<input type=text name=nama value=$harga>";
        }
?></td>
</tr>
<tr>
<td> Total Bayar &emsp;&emsp;</td>
<td><?php
    if (!isset($_GET['kode'])) {
        echo "";
    } else if (isset($_GET['kode'])) {
        $jml = $_GET['jml'];
        $total = $harga * $jml;
        echo "<input type=text name=total value=$total>";
    }
?></td>
</tr>
</form></table> 

Maka Hasilnya adalah :

 

 

Read More

Laporan Praktikum Pemograman Web 1 Modul 6

 

LAPORAN PRAKTIKUM

Pemograman WEB 1

Modul 6

 

“JAVASCRIPT (Perulangan dan Array)”

 

Nama         : Radea Nurlaila

NIM           : 2015091083

Prodi          : SI 2015 C

 

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN

2017

 

                 Jl. Cut NyakDien, No.36A CijohoKuninganTelp/Faks : 0232-974824

 

 

 

 

 

  TUGAS

 

1. Buat Program Javascript sebagai berikut :

Script  :

 

 

    <html>
<head>
<meta charset="UTF-8">
<title>Tutorial Belajar JavaScript</title>

<script>
function tampilkan(){

  var nama_kota=document.getElementById("form1").select1.value;
  var p_kontainer=document.getElementById("container");

  if (nama_kota=="Televisi 21")
    {
        p_kontainer.innerHTML="Nama barang : Televisi <br> harga : Rp.1.500.000 <br> Discount 10% : Rp.150000";
    }
  else if (nama_kota=="Kulkas")
    {
        p_kontainer.innerHTML="Nama barang : Kulkas <br> harga : Rp.1.850.000 <br> Discount 8% : Rp.148000";
    }
  else if (nama_kota=="Mesin Cuci")
    {
        p_kontainer.innerHTML="Nama barang : Mesin Cuci <br> harga : Rp.2.150.000 <br> Discount 15% Rp.322500";
    }
}
</script>
</head>
<body>
 <ol type="1">
 <li>Televisi 21"</li>
 <li>Kulkas</li>
 <li>Mesin Cuci</li><br></br>
<form id="form1" name="form1" onsubmit="return false">
  <label for="select1">Ketik nomor barang: </label>
  <select id="select1" name="select1">
    <option value="Televisi 21">1</option>
    <option value="Kulkas">2</option>
    <option value="Mesin Cuci">3</option>
  <input type="submit" value="Proses" onclick="tampilkan()">
</form>
<p id="container"></p>
 <table border="1">
            <tr>
            <td>No.</td>
            <td align="center">Nama Barang</td>
            <td align="center">Harga</td>
            <td align="center">Discount</td>
            </tr>
            <tr>
            <td>1.</td>
            <td align="center">Televisi</td>
            <td align="center">1.500.000</td>
            <td align="center">10%</td>
            </tr>
            <tr>
            <td>2.</td>
            <td align="center">Kulkas</td>
            <td align="center">1.850.000</td>
            <td align="center">8%</td>
            </tr>
            <tr>
            <td>3.</td>
            <td align="center">Mesin Cuci</td>
            <td align="center">2.150.000</td>
            <td align="center">15%</td>
            </tr>
 </table>
</body>
</html>

 

 

Maka Hasilnya adalah :

 

 

POST TEST

 

1. Buatkan script untuk menghitung pembayaran SPP :

Script :

 

       <title>Tulisan</title>
<head></head>
<script language="JavaScript">
<!--
function jum()
{
var a=document.data.nama.value;
var b=document.data.nim.value;
var x=900000;
var c=parseInt (document.data.sks.value);
document.data.hasil.value=x;
document.data.hasil1.value=c*40000;
document.data.hasil2.value=c*40000+x;
}
//-->
</script>
</head>
<body>
<center>PERHITUNGAN SPP</center>
<form name="data">
<table border="2" align="center">

<tr>
<td>NAMA</td><td><input type="text" name="nama" size="50"></td>
</tr>

<tr>
<td>NIM</td><td><input type="text" name="nim" size="50"></td>
</tr>

<tr>
<td>Jumlah SKS Yang Di Ambil</td><td><input type="text" name="sks" size="50"></td>
</tr>

<tr>
<td colspan="2" align="center"><input type="button" value="HITUNG" onClick="jum()"></td>
</tr>

<tr>
<td>SPP Tetap</td><td><input type="text" name="hasil" size="50"></td>
</tr>

<tr>
<td>Jumlah SKS (Rp)</td><td><input type="text" name="hasil1" size="50"></td>
</tr>

<tr>
<td>Total Pembayaran</td><td><input type="text" name="hasil2" size="50"></td>
</tr>

</table>
</form> 

 

Maka Hasilnya adalah :

 

                                                

 

 

Read More

Laporan Praktikum Pemograman Web 1 Modul 5

LAPORAN PRAKTIKUM

Pemograman WEB 1

Modul 5

 

“JAVASCRIPT”

Nama         : Radea Nurlaila

NIM           : 2015091083

Prodi          : SI 2015 C

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN

2017

 

                 Jl. Cut NyakDien, No.36A CijohoKuninganTelp/Faks : 0232-974824

 

 

 

 

 

 

   TUGAS

 

 1.  Buatlah program javascript untuk perhitungan sebagai berikut :

 

   Script :  

       

     <html>
<head><title>Praktikum 5.6.1</title></head>
    <script language="JavaScript">
        function jum(){
            var a = parseInt (document.data.bil_1.value);
            var b = parseInt (document.data.bil_2.value);
            document.data.hasilkali.value = a * b;
            document.data.hasilkurang.value = a - b;
            document.data.hasilbagi.value = a / b;
        }
    </script>
<body>
   
    <form name="data">
        <pre>
            <table width="20%" align="center" border="1">
            <tr><td colspan="2" align="center">OPERASI HITUNG</td></tr>
            <tr><td>Angka Pertama</td><td><input type="text" name="bil_1"></td></tr>
            <tr><td>Angka Kedua</td><td><input type="text" name="bil_2"></td></tr>
            <tr><td colspan="2" align="center"><input type="button" value="Hitung" onclick="jum()"></td></tr>
            <tr><td>Hasil Perkalian</td><td><input type="text" name="hasilkali"></td></tr>
            <tr><td>Hasil Pengurangan</td><td><input type="text" name="hasilkurang"></td></tr>
            <tr><td>Hasil Pembagian</td><td><input type="text" name="hasilbagi"></td></tr>
            </table>
        </pre>
    </form>   
</body>
</html>

   Maka Hasilnya adalah :

 

     

 POST TEST

1. Buatlah javascript dengan tampilan :

Script :

  <h1>Program JavaScript Simpan Data</h1>
<script language="JavaScript">
    var nim = prompt("Masukan NIM :");
    var nama = prompt("Masukan Nama :");
    var alamat = prompt("Masukan alamat :");
    var jawaban = window.confirm("Apakah Data Akan Disimpan?");
   
    document.write("Status Penyimpanan Data = " + jawaban);
    document.write("<br>NIM Anda = " + nim);
    document.write("<br>Nama Anda = " + nama);
    document.write("<br>Alamat Anda = " + alamat);
</script>

Maka Hasilnya adalah :

Read More

Laporan Praktikum Pemograman Web 1 Modul 4

   

LAPORAN PRAKTIKUM

Pemograman WEB 1

Modul 4

“CSS, Class dan Id CSS”

Nama         : Radea Nurlaila

NIM           : 2015091083

Prodi          : SI 2015 C

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN

2017

                 Jl. Cut NyakDien, No.36A CijohoKuninganTelp/Faks : 0232-974824

     

     

Tugas

1.   Buatlah  design web dengan menggunakan  CSS

Jawab : 

Script CSS :

      * {margin:0; padding:0;}

body {
 background-color:#fff;
 font-family:Arial, Helvetica, sans-serif;
 color:#000;}

nav {
 margin:auto;
 text-align: center;
 width: 100%;}

nav ul ul {
 display: none;}

nav ul li:hover > ul{
display: block;
width: 150px;}

nav ul {
 background: #53bd84;
 padding: 0 20px;
 list-style: none;
 position: relative;
 display: inline-table;
 width: 100%;}

nav ul:after {
 content: "";
 clear:both;
 display: block;}

nav ul li{
 float:left;}

nav ul li:hover{
 background:#666;}

nav ul li:hover a{
 color:#fff;}

nav ul li a{
 display: block;
 padding: 25px;
 color: #fff;
 text-decoration: none;}

nav ul ul{
 background: #53bd84;
 border-radius: 0px;
 padding: 0;
 position: absolute;
 top:100%;}

nav ul ul li{
 float:none;
 border-top: 1px soild #53bd84;
 border-bottom: 1px solid #53bd84;
 position: relative;}

nav ul ul li a{
 padding: 15px 40px;
 color: #fff;}

nav ul ul li a:hover{
 background-color: #666;}

nav ul ul ul{
 position: absolute;
 left: 100%;
 top: 0;}

Scipt HTML untuk pemanggilannya :

    <link rel="stylesheet" type="text/css" href="CSS.css">
<nav>
    <ul>
        <li><a href="Tugas.html">Home</a></li>
        <li><a href="Tugas.html">News</a></li>
        <li><a href="Tugas.html">Contacs</a></li>
        <li><a href="Tugas.html">About</a></li>
    </ul>
</nav> 

Maka Hasilnya adalah :

          

POST TEST

Buatlah Design Website Gallery Transparan dengan CSS

1. Siapkan dahulu 3 Buah File Gambar

2. Script Programnya adalah :

        <h1> Image Transparency</h1>
<style>
div.img{
            margin:5px;
            padding:5px;
            border:1px solid #0000ff;
            height:auto;
            widht:auto;
            float:left;
            text-align:center;

}
div.img img {
            display:inline;
            margin:5px;
            border:1px solid #ffffff;

}
div.img  a:hover img{
            border: 1px solid #0000ff;
 opacity:0.5;
}
div.desc{
            text-align:center;
            font-weight:normal;
            width:120px;
            margin:5px;
}
</style>

<div class="img">
<a target="_blank" href="modul4.1.html"><img src="we.jpg" alt="1" width="110" height="90"></a>
</div>

<div class="img">
<a target="_blank" href="modul4.2.html"><img src="1.jpg" alt="we" width="110" height="90"></a>
</div>

<div class="img">
<a target="_blank" href="modul4.3.html"><img src="2.jpg" alt="1" width="110" height="90"></a>
</div>
<br>
<br>
<br>
<br>
<br> <br> <br>
<p> Note : Arahkan Mouse ke gambar </p>

Maka Hasilnya adalah :

    

Read More