Desember 2014 ~ anrzero

Natural Photograph

Camera with lighting effect || anrzero.blogspot.com

Natural Photograph

Lighting effect || anrzero.blogspot.com

Algorithm of Computing

Mekanisme kerja perangkat komputer || anrzero.blogspot.com

BIG DATA

Sistem yang menggunakan NoSQL dalam memproses atau mengolah data yang berukuran sangat besar, misalnya dalam skala petabyte || anrzero.blogspot.com

Selasa, 23 Desember 2014

Modul 9

18.06

Unknown

Modul 9

Percobaan 1 (File XML)

1. Buka aplikasi Notepad++

2. Ketikkan script berikut

3. Simpan file dengan nama data.xml

4. Buka file menggunakan browser

Percobaan 2 (XML dan CSS)

1. Buka aplikasi Notepad++
2. Ketikkan script berikut

3. Simpan file dengan nama data.css (letakkan satu folder dengan file data.xml)

4. Buka kembali file data.xml menggunakan Notepad++

5. Sisipkan script berikut pada baris kedua di atas tag <Mahasiswa>:

6. Kemudian simpan file tersebut

7. Buka file data.xml menggunakan browser

Percobaan 3 (XML dan CSS bag.2)

1. Buka aplikasi Notepad++

2. Ketikkan script berikut

3. Simpan file dengan nama data2.css (letakkan satu folder dengan file data.xml)

4. Buka kembali file data.xml menggunakan Notepad++

5. Sisipkan script berikut pada baris kedua di atas tag <Mahasiswa>:

6. Kemudian simpan file tersebut

7. Buka file data.xml menggunakan browser

Percobaan 4 (XML dan HTML)

1. Buka aplikasi Notepad++

2. Ketikkan script berikut

3. Simpan file dengan nama data.html (letakkan satu folder dengan file data.xml)

4. Buka file data.html menggunakan browser

Percobaan 5 (XML dan HTML bag.2)

1. Buka aplikasi Notepad++

2. Ketikkan script berikut

3. Simpan file dengan nama data2.html (letakkan satu folder dengan file data.xml)

4. Buka file data2.html menggunakan browser

Percobaan 6 (XML dan PHP)

1. Buka aplikasi Notepad++

2. Ketikkan script berikut

3. Simpan file dengan nama xmlphp.php (letakkan satu folder dengan file data.xml)

4. Buka file xmlphp.php menggunakan browser
(localhost/nama folder anda/xmlphp.php)

E. Tugas

Script

tabel.css

Modul 8

18.04

Unknown

Modul 8

PERCOBAAN 1

1. Buka aplikas Notepad++, kemudian kita ketikkan script berikut :

      3.      Menyimpan file dengan nama variable.asp
      4.      Membuka file menggunakan browse
       5.       Hasilnya :

PERCOBAAN 2 (Array)

1. Membuka aplikasi notepad

2. Mengetikkan script berikut di dalam notepad:

3. Menyimpan file dengan nama array.asp

4. Membuka file menggunakan browser

5. Hasilnya :

PERCOBAAN 3 (LOOP)

1. Membuka aplikasi notepad

2. Mengetikkan script berikut di dalam notepad:

3. Menyimpan file dengan nama loop.asp

4. Membuka file menggunakan browser

5. Hasilnya :

PERCOBAAN 4 (Fungsi tanggal dan waktu)

1. Membuka aplikasi notepad
2. Mengetikkan script berikut di dalam notepad :

3. Menyimpan file dengan nama date.asp
4. Membuka file menggunakan browser

5. Hasilnya:

Percobaan 5 (Form)
1. Membuka aplikasi notepad
2. Mengetikkan script berikut di dalam notepad:

<html>
         <body>
         <form action="form.asp" method="get">
          Nama kamu : <input type="text" name="fname" size="20"/>
          Pilih Mobil favorit kamu :
         <input type="radio" name="cars"
         <%if cars="BMW" then response.write("checked")%> value="BMW">BMW
         </input>
         <br />
         <input type="radio" name="cars"
         <%if cars="Kijang" then response.write("checked")%> value="Kijang">Kijang
         </input>
         <br />
         <input type="radio" name="cars"
         <%if cars="Timor" then response.write("checked")%> value="Timor">Timor
         </input>
         <input type="submit" value="Submit" />
         </form>
<%
          dim fname
          fname=request.querystring("fname")
         dim cars
         cars=request.form("cars")
         if fname<>"" then
         response.write("Hallo " & fname & "!<br />")
         response.write("Bagaimana kabar kamu?")
         end if
         if cars<>"" then
         response.write("<p>
Mobil favorit kamu adalah : " & cars & "</p>
")
         end if
          %>
         </body>
         </html>

3. Menyimpan file dengan nama form.asp

4. Membuka file menggunakan browser

5. Hasilnya:

PERCOBAAN 6 (Cookies)

1. Membuka aplikasi notepad
2. Mengetikkan script berikut di dalam notepad :

3. Menyimpan file dengan nama cookies.asp

4. Membuka file menggunakan browser

5 5 . Hasinya:

Tugas

1. Membuat sebuah progam penjumlahan menggunakan bahasa ASP menggunakan fungsi variable. 2. Ketikkan script berikut :

3. Hasilnya :

Modul 7

17.57

Unknown

Modul 7

Percobaan 1 (Javascript)

Langkah – langkahnya :

1.      Buka Aplikasi Notepad
2.      Ketikan script berikut :

3.   Simpan file dengan nama percobaan1.html
4.      Buka file dengan menggunakan browser

Percobaan 2 (MouseOver)

Langkah – langkahnya

1. Letakkan 2 buah file image berektensi .jpg dan beri nama kedua filetersebut masing–masing dengan nama gambar1.jpg dan gambar2.jpg

2. Buka Aplikasi Notepad

3. Ketikan script berikut ini :

4.      Simpan file dengan nama mouseover.html
5.      Buka file dengan menggunakan browser
6.      Arahkan pointer mouse ke gambar, amati yang terjadi gambar akan berubah dari gambar 1 ke gambar2.
7.   Hasilnya sebagai berikut :

Percobaan 3 (Character Counter)

Langkah – langkahnya :

1. Buka Aplikasi Notepad

2.      Ketikan script berikut ini :

3.      Simpan file dengan nama counter.html
4.      Buka file dengan menggunakan browser :
5. Hasilnya Sebagai berikut :

Perconaan 4 (Kalkulator Sederhana)

Langkah – langkahnya :

1. Buka Aplikasi Notepad

2. Ketikan script berikut ini :

<html>
<head>
<title>Kalkulator</title>
<script language='javascript'>
function tambah ()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
tambah=parseInt(nilaia)+parseInt(nilaib);
document.myform.hasil.value=tambah;
}
function kurang()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
kurang=nilaia-nilaib;
document.myform.hasil.value=kurang;
}
function kali()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
kali=nilaia*nilaib;
document.myform.hasil.value=kali;
}
function bagi()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
bagi=nilaia/nilaib;
document.myform.hasil.value=bagi;
}
</script>
</head>
<body>
<form name='myform'>
<h3>
Kalkulator Sederhana</h3>
</br>
Nilai A = <input type='text' name='a' size='5'></br>
Nilai B = <input type='text' name='b' size='5'></br></br>
<input type='button' name='aksi' value='+'
onclick='tambah()'>
<input type='button' name='aksi' value='-'
onclick='kurang()'>
<input type='button' name='aksi' value='*'
onclick='kali()'>
<input type='button' name='aksi' value='/'
onclick='bagi()'>
</br></br>
<b>Hasil = </br><input type='text' name='hasil' size='5'></br>
</form>
</body>
</html>

   3.      Simpan file dengan nama kalkulator.html
   4.      Buka file dengan menggunakan browser
   5.      Masukkan nilai A dan B, kemudian klik salah satu tanda operasi (+, -, *, /), amati hasilnya
   6.      Hasilnya sebagai berikut :

TUGAS
1. Buatlah aplikasi pengambilan keputusan sederhana menggunakan javascript yang menghitung nilai dengan ketentuan :

Jika Nilai 0 - 20 = E

Jika Nilai 21 - 40 = D

Jika Nilai 41 - 60 = C

Jika Nilai 61 - 80 = B

Jika Nilai 81 - 100 = A

Tuliskan scriptnya dan lampirkan hasil tampilan di browser.

Scriptnya sebagai berikut :

<html>
<head>
<title>Kalkulator</title>
<script language='javascript'>
function tambah ()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
tambah=parseInt(nilaia)+parseInt(nilaib);
document.myform.hasil.value=tambah;
}
function kurang()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
kurang=nilaia-nilaib;
document.myform.hasil.value=kurang;
}
function kali()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
kali=nilaia*nilaib;
document.myform.hasil.value=kali;
}
function bagi()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
bagi=nilaia/nilaib;
document.myform.hasil.value=bagi;
}
</script>
</head>
<body>
<form name='myform'>
<h3>
Kalkulator Sederhana</h3>
</br>
Nilai A = <input type='text' name='a' size='5'></br>
Nilai B = <input type='text' name='b' size='5'></br></br>
<input type='button' name='aksi' value='+'
onclick='tambah()'>
<input type='button' name='aksi' value='-'
onclick='kurang()'>
<input type='button' name='aksi' value='*'
onclick='kali()'>
<input type='button' name='aksi' value='/'
onclick='bagi()'>
</br></br>
<b>Hasil = </br><input type='text' name='hasil' size='5'></br>
</form>
</body>
</html>
<textarea>

</div>
</div>

Hasilnya sebagai berikut :

Modul 6

17.54

Unknown

Modul 6

Percobaan 1

1. Modifikasi script percobaan 1 modul 4 dengan menambahkan css dibagian bawah tag body.
Seperti berikut :

<html>
<head>
    <title>Data Mahasiswa</title>
    <body>
<?php
//koneksi ke database
$koneksi=mysql_connect('localhost','root',''); //host, user, password
$db=mysql_select_db('mahasiswa'); //nama database
?>

if (isset($_POST['txtnim'])){
    $nim = $_POST['txtnim'];
    $nama = $_POST['txtnama'];
    $jenisKelamin = $_POST['radiokelamin'];
    $alamat = $_POST['txtalamat'];
    $jurusan = $_POST['txtjurusan'];

//query input
    $input="insert into mhs (Nim, Nama, Jenis_Kelamin, Alamat, Jurusan) 
values ('$nim','$nama','$jenisKelamin','$alamat','$jurusan')";

//kondisi inputan
    if ($nim=='') {
        echo "</br> NIM tidak boleh kosong, diisi dulu";
    }elseif ($nama=='') {
        echo "</br> Nama tidak boleh kosong, diisi dulu";
    }elseif ($jenisKelamin=='') {
        echo "</br> Jenis Kelamin tidak boleh kosong, diisi dulu";
    }elseif ($alamat=='') {
        echo "</br> Alamat tidak boleh kosong, diisi dulu";
    }elseif ($jurusan=='') {
        echo "</br> Jurusan tidak boleh kosong, diisi dulu";
    }else{

mysql_query($input);
        echo "</br>Data Berhasil Dimasukkan";
    }
}

?>
<hr>
<h2 align="center">
Data Mahasiswa</h2>
<?php
//buat warna tabel
$warna1 = "#FFFFFF";
$warna2 = "#CCFFFF";
$warna = $warna1;

//menampilkan data
$sql = mysql_query("select * from mhs order by Nim");
if (!$sql)
    die("Query Salah");

echo "<table cellpadding=4 border=1 align=center>
<tr>
    <th>No</th>
    <th>Nim</th>
    <th>Nama</th>
    <th>Jenis Kelamin</th>
    <th>Alamat</th>
    <th>Jurusan</th>
    <th>Pilihan</th>
</tr>
";

$no=+1;

while ($baris = mysql_fetch_row($sql)) {
    $nim = $baris[0];
    $nama = $baris[1];
    $jenisKelamin = $baris[2];
    $alamat = $baris[3];
    $jurusan = $baris[4];

if ($warna == $warna1) {
    $warna = $warna2;
}else{
    $warna = $warna1;
}

echo "
<tr bgcolor=$warna>
        <td align=center>$no</td>
        <td align='center'>$nim</td>
        <td align=center>$nama</td>
        <td align=center>$jenisKelamin</td>
        <td align=center>$alamat</td>
        <td align=center>$jurusan</td>
        <td align=center><a 
href=?'edit.php'=$nim>Ubah</a> |
        <a 
href=?proses=bltubh&&kdubah=$nim>Hapus</a></td>
    </tr>
";
$no++;
}
echo "</table>
";
?>
    </body>
    </html>

2. Simpan file dengan nama form.php pada folder L200120095.
3. Buka file menggunakan browser dengan mengetikkan alamat http://localhost/nama folder/form.php

Tugas

Memodifikasi hasil tugas modul 4 dengan menambahkan script css yang berbeda dari modul 1 percobaan 6
Ketikkan script sebagai berikut

<html>
<head>
<title>Data Mahasiswa</title>
</head>
<body>
<?php
 $koneksi=mysql_connect('localhost','root','12345');
 $db=mysql_select_db('mahasiswa');
 ?>

Hasilnya sebagai berikut :