Rafli Setiadi: Desember 2014

Senin, 22 Desember 2014

LAPORAN PRAKTIKUM MODUL 9

NAMA : Rafli Setiadi
NIM : L200120106
KELAS : F

LAPORAN PRAKTIKUM MODUL 9

XML(eXtensible Markup Language)

A. TUJUAN
Kita dapat memahami bahasa XML sebagai bahasa pengolah data dalam web server.

B. LANDASAN TEORI

XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.

XML didesain untuk mampu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data (jamak dari datum) yang jika diolah bisa memberikan informasi.

XML menyediakan suatu cara terstandarisasi namun bisa dimodifikasi untuk menggambarkan isi dari dokumen. Dengan sendirinya, XML dapat digunakan untuk menggambarkan sembarang view database, tetapi dengan suatu cara yang standar.

C. ALAT DAN BAHAN

1. PC / Komputer

2. Notepad ++

3. Browser Google Chrome / Mozila firefox

4. Internet

5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

PERCOBAAN 1

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

2. Kita simpan dengan nama data.xml

3. Kemudian kita buka dengan web browser.

4. Hasil percobaan sebagai berikut :

PERCOBAAN 2 ( XML dan CSS )
1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

2. Kita buka kembali file data.xml menggunakan notepad++ dan kita tambahkan script pada baris ke dua diatas tag <Mahasiswa> :

3. Kita simpan file tersebut.
4. Kita buka file data.xml tersebut dengan web browser.
5. Hasil percobaan sebagai berikut :

PERCOBAAN 3 ( XML dan CSS bag.2 )
1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

3. Kita simpan dengan data2.css.
4. Kita buka kembali data.xml dan kita tambahkan script baris kedua di atas tag <Mahasiswa> dan ganti script sebagai berikut dan disimpan dan buka file tersebut :

5. Hasil percobaan sebagai berikut :

PERCOBAAN 4 ( XML dan HTML )

1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

2. Kita simpan dengan nama data.html
3. Kita buka file dengan web browser.
4. Hasil percobaan sebagai berikut :

PERCOBAAN 5 ( XML dan HTML bag.2 )
1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

2. Kita simpan dengan nama data2.html
3. Kita buka file dengan web browser.
4. Hasil percobaan sebagai berikut :

PERCOBAAN 6 ( XML dan PHP )
1. Kita buka aplikasi notepad++, kemudian kita ketikkan script berikut :

2. Kita simpan dengan nama xmlphp.php
3. Kita buka file dengan web browser.
4. Hasil percobaan sebagai berikut :

E. Tugas
Tulislah Scriptnya seperti berikut :

<html>
<body>
<style type="text/css">
table{
background:skyblue;
border-style:dotted;
}
.td{
font-weight:bold
}
</style>

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("ID");
document.write("
<tr><td>");
document.write("<b>NIM</b>");
document.write("</td><td>");
document.write("<b>Nama</b>");
document.write("</td><td>");
document.write("<b>Kota</b>");
document.write("</td></tr>
");
for (i=0;i<x.length;i++)
{
document.write("
<tr><td>");

document.write(x[i].getElementsByTagName("NIM")[0].childNodes[0].nodeValue);
document.write("</td><td>");

document.write(x[i].getElementsByTagName("Nama")[0].childNodes[0].nodeValue);
document.write("</td><td>");

document.write(x[i].getElementsByTagName("Kota")[0].childNodes[0].nodeValue);
document.write("</td><td>");
}
document.write("</table>
");

</script>
</body>
</html>

Hasilnya sebagai berikut :

Tugas 8 Pemrograman Web Lanjut

NAMA : rafli setiadi
NIM : L200120106
KELAS : E

LAPORAN PRAKTIKUM MODUL 8

ACTIVE SERVER PAGES

A. TUJUAN

Kita dapat memahami dan mengetahui dasar – dasar pemrograman web server menggunakan bahasa ASP ( Active Server Pages ).

B. LANDASAN TEORI

Active Server Pages atau ASP merupakan suatu script yang bersifat server-side yang ditambahkan pada HTML untuk membuat sebuah web menjadi lebih menarik, dinamis dan efektif. Dengan ASP kita dapat mengolah data konsumen yang diambil dengan sebuah form, membuat aplikasi-aplikasi tertentu dalam sebuah web, dan database dalam sebuah web.

Microsoft merupakan perusahaan software yang menciptakan teknologi ASP ini. ASP bukanlah sebuah bahasa pemrograman karena ia masih menggunakan instruksi-instruksi yang ada pada script lain yaitu VBScript dan Jscript. VBScript dan Jscript merupakan bahasa script stpenggunar yang digunakan ASP. Karena itu tak heran jika kemudian ASP menjadi script pemrograman yang popular dan laku di pasaran. Karena bersifat server-side untuk memberikan kemudahan plus bagi para pemrograman web agar dapat dijalankan pada sebuah PC biasa berbasis windows, maka PC tersebut harus disimulasikan menjadi web server dengan menambahkan fasilitas Personal Web Server (PWS), yaitu sebuah server mini yang dapat menguji script ASP pada komputer pribadi tanpa memerlukan koneksi ke internet. ASP berjalan didalam lingkungan IIS atau Internet Information Server . keatas yang dijalankan dengan OS Windows NT dan PWS atau Personal Web Server, yang dijalankan dengan OS Windows NT Workstation dan Windows 9x. untuk Windows Professional, Server, Advanced Server dan Data Center, semuanya menggunakan IIS 5.O. akses ke database merupakan fasilitas ASP yang paling sering digunakan. ASP mendukung akses ke database manapun selama database tersebut mendukung OLEDB atau ODBC.

C. ALAT DAN BAHAN

1. PC / Komputer

2. Notepad ++

3. Browser Google Chrome / Mozila firefox

4. Internet

5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

PERCOBAAN 1

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

2. Menyimpan file dengan nama variable.asp

3. Membuka file dengan menggunakan browser

4. Hasil

PERCOBAAN 2

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

2. Menyimpan file dengan nama array.asp

3. Membuka file dengan menggunakan browser

4. Hasil

PERCOBAAN 3

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

2. Menyimpan file dengan nama loop.asp

3. Membuka file dengan menggunakan browser

4. Hasil

PERCOBAAN 4

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

2. Menyimpan file dengan nama date.asp

3. Membuka file dengan menggunakan browser

4. Hasil

PERCOBAAN 5

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

2. Menyimpan file dengan nama form.asp

3. Membuka file dengan menggunakan browser

4. Hasil

PERCOBAAN 6

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

2. Menyimpan file dengan nama cookies.asp

3. Membuka file dengan menggunakan browser

4. Hasil

E. Tugas

1. Membuat sebuah progam penjumlahan menggunakan bahasa ASP menggunakan fungsi variable.
2. Script

3. Hasil

Senin, 01 Desember 2014

Modul 7 Pemrograman Web Lanjut

NAMA : Rafli Setiadi
NIM : L200120106
KELAS : E

LAPORAN PRAKTIKUM MODUL 7
JAVA SCRIPT

A. TUJUAN

Kita dapat mengimplementasikan web php dengan gabungan CSS untuk memperindah tampilan website.

B. LANDASAN TEORI

Javascript adalah bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahaa script pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah – perintah di user, yang artinya di sisi browser bukan di sisi server web.

JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.

JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX.[6] JavaScript adalah bahasa yang digunakan untuk AJAX

C. ALAT DAN BAHAN

1. PC / Komputer

2. Notepad ++

3. Browser Google Chrome / Mozila firefox

4. Internet

5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

PERCOBAAN 1

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

2. Menyimpan file dengan nama percobaan1.html

3. Membuka file dengan menggunakan browser

4. Hasil

PERCOBAAN 2

1. Meletakkan 2 buah file image berekstensi .jpg dan memberi nama kedua file tersebut masing-masing dengan nama gambar1.jpg dan gambar2.jpg

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

3. Menyimpan file dengan nama mouseover.html

4. Membuka file dengan menggunakan browser

5. Hasil

PERCOBAAN 3

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

<html>
 <head>
  <title>Counter</title>
  <script>
   function CountMax()
   {
    var wert,max;
    max = 100
    wert = max-(document.form1.question.value.length);
    if(wert < 0){
     alert("Maaf, batas maksimum pengisian adalah " + max + " karakter!");
     document.form1.question.value =
      document.form1.question.value.substring(0,max);
     wert = max-(document.form1.question.value.length);
     document.form1.rv_counter.value = wert;
    }
    else{
     document.form1.rv_counter.value = max-
      (document.form1.question.value.length);
    }
   }
  </script>
 </head>
 <body>
  <form name="form1" method="post" action="">
   <textarea name="question" cols="60" rows="3"
    id="question" OnFocus="CountMax();"
    OnClick="CountMax();" OnChange="CountMax();"
    OnKeyDown="CountMax();" OnKeyUp="CountMax();"
    wrap="virtual">
   </textarea.ini>
   <font face="Arial, Helvetica, Sans-Serif, Bookman Old Style, Comic Sans MS"
    size="2">sisa
    <input name="rv_counter" type="text" size="3" maxlength="3" value="100"readonly>
  </form>
</body>
</html>

2. Menyimpan file dengan nama counter.html

3. Membuka file dengan menggunakan browser

PERCOBAAN 4

1. Buka aplikas Notepad++, kemudian kita ketikkan script 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 = </b><input type="text" name="hasil" size="5"></br>
  </form>
</body>
</html>

2. Menyimpan file dengan nama kallkulator.html

3. Membuka file dengan menggunakan browser

E. Tugas

1. Membuat aplikasi peengambil 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

2. Script

3. Hasil

modul 6

NAMA : rafli setiadi
NIM : L200120106

LAPORAN PRAKTIKUM MODUL 6

MENGGABUNGKAN WEB PHP & CSS

A. TUJUAN
Kita dapat mengimplementasikan web php dengan gabungan CSS untuk memperindah tampilan website.

B. LANDASAN TEORI

Landasan teori modul 4 ( PHP ) dan modul 5 ( CSS ) sebagai teori dasar pembelajaran php dan css.

C. ALAT DAN BAHAN

1. PC / Komputer

2. Notepad ++

3. Browser Google Chrome / Mozila firefox

4. Internet

5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

PERCOBAAN 1
1. Memodifikasi script percobaan 1 modul 4 dengan menambahkan script CSS dibagian bawah tag body.
2. Script

<!DOCTYPE HTML>
<head>
<title>Data Mahasiswa</title>
</head><body>
<link rel="stylesheet" href="style.css">
<?php 
//koneksi ke database
$koneksi=mysql_connect ('localhost','root','');
$db=mysql_select_db('mahasiswa');
?>

th{
 background-color: #2B95EC;
 color: #ffffff;
}
tr:hover{
background-olor: #00ccff;
}
</style>

<table width="600" cellpadding="3" cellspasing="3" align="center" border="1">
<tr>
<th colspan="2">Input Data Mahasiswa</th></tr>
<form action="form.php" method="POST" enctype"multipart/form-data">
<tr>
<td width="500">NIM</td>
<td width="600"><input type="number" name="txtnim" required="required" size="25" ></td>
</tr>
<tr>
<td width="500"> nama</td>
<td width="600"><input type="text" name="txtnama" required="required" size="45"></td>
</tr>
<tr>
<td width="600"><input type="radio" name="radiokelamin" value="Laki-laki" required="required">Laki-laki
<input type="radio" name="radiokelamin" value="Perempuan" required="required">Perempuan</td>
</tr>
<tr>
<td width="500"> Alamat</td>
<td width="600"><textarea name="txtalamat" rows="5" required="required" cols="45"></textarea.ini></td>
</tr>
<tr>
<td width="500"> jurusan</td>
<td width="600"><input type="text" name="txtjurusan" required="required" size="45"></td>
</tr>
<tr>
<td width="500"></td>
<td width="600"><input id="submit" type="submit" name="submit" value="simpan">
<input id="submit" type="reset" value="Batal"></td>
</tr>
</form>
</table>
<?php

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

$input="insert into mhs (nim, nama, jenis_kelamin, alamat, jurusan) values ('$nama', '$nim', '$jeniskelamin','$alamat','$jurusan')";

if($nim==''){
echo "<br>";

}else{

mysql_query($input);
echo'<br>Data berhasil dimasukan';
}
}
?>
<hr>
<h2 align="center">
 Data mahasiswa</h2>
<?php
$warna1 = "#FFFFFF";
$warna2 = "#CCFFFF";
$warna  = $warna1;

$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>
   <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='hapus.php?nim=$nim'>Hapus</a> |<a href='update.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> ubah</a></td></tr>
";
   
$no++;
}
echo"</table>
";
?>

</body>
</html>

3. Menyimpan file dengan nama form.php pada folder yang sudah dibuat sebelumnya
4. Membuka file dengan menggunakan browser
5. Hasil

E. TUGAS 1
1. Memodifikasi hasil tugas modul 4 dengan menambahkan script css yang berbeda dari modul 1 percobaan 6
2. Script

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

3. Hasil

TUGAS 2
1. Membuat script baru untuk memodifikasi tabel input data percobaan 1 modul 6
2. Script

3. Hasil