kampoeng jawa

Sabtu, 10 Januari 2015

Laporan Modul 9

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 data.html
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil
PERCOBAAN 1 Baju.css
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil
PERCOBAAN 2 dataXdata.xml ( file XML )
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil
PERCOBAAN 3 Data1.xml
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil
PERCOBAAN 4 Data.html
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil
PERCOBAAN 5 Data.xml
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil
PERCOBAAN 6 Data2.css
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil
PERCOBAAN 7 Tugas.php
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil
PERCOBAAN 8 Tugas.css
1. Kita buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Hasil

Laporan Modul 8

MODUL 8

“ASP (Active Server Pages)”

A. TUJUAN
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 HTLM 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 masih menggunakan intruksi-intruksi yang ada pada script lain yaitu VBScript dan Jscript. VBScript dan Jscript merupakan bahasa script stpenggunar yang digunakan ASP. Karena itu tidak heran jika kemudian ASP menjadi script pemrogramman yang populer dan laku di pasaran.

C. ALAT DAN BAHAN
1. Satu Unit PC ( Personal Computer )
2. Sistem Operasi Windows XP
3. Notepad
4. Web Browser IIS
D. Percobaan
Percobaan1 Variabel
1. Scrip

2. Hasil
Percobaan2 Array
1. Scrip

2. Hasil
Percobaan3 Cookies
1. Scrip

2. Hasil
Percobaan4 Date
1. Scrip

2. Hasil
Percobaan5 Form
1. Scrip

2. Hasil
Percobaan6 Loop
1. Script
2. Hasil Tugas
1. Script

2. Hasil

Laporan Modul 7

MODUL 7

JAVASCRIPT

A. Tujuan
Mengetahui dan memahami bahasa javascript dalam pemrograman web.

B. Landasan Teori
Javascript adalah bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahasa script pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah disisi user, yang artinya di sisi browser bukan di sisi server web.
Javascript bergantung kepada browser yang memanggil halaman web yang berisi script – script dari javascript dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya. Lain halnya dengan “java” yang memerlukan kompilator khusus untuk menterjemahkan di sisi user atau kline.

C. Alat dan Bahan
1. Computer
2. System operasi windows
3. Notepad
4. Web browser
5. Dual file image berekstensi .jpg
6. Lembar kerja percobaan
7. Modul praktikum
D. Percobaan
1. Percobaan 1
1. Script

2. Hasil

2. Percobaan 2
1. Script

2. Hasil

3. Percobaan 3
1. Script
sisa
2. Hasil

4. Percobaan 4
1. Script

<html>
<head>
<title>KALKULATOR</TITLE>
<script languange='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;
}
function reset()
{
 document.getElementById("myform").reset();
}
</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()'>
<input type='button' name='aksi' value='reset' onclick='reset()'>
</br></br>
<b>HASIL = </b><input type='text' name='hasil' size='5'></br>
</form>
</body>
</html>

2. Hasil

E. Tugas
Latihan 1
1. Script

2. Hasil

lalu klik

Latihan 2
1. Script

2. Hasil

Laporan Modul 6

Modul 6

Menggabungkan WEB PHP & CSS

A. TUJUAN
Mengimplementasikan web PHP dengan gabungan CSS untuk memperindah tampilan website
B. LANDASAN TEORI
Landasan teori modul 4 (PHP) dan modul5 (Css) sebagai teori dasar pembelajaran php dan css.

C. ALAT DAN BAHAN
Alat dan bahan yang digunakan untuk praktikum adalah :
1. PC (Personal Computer)
2. Sistem Operasi Windows
3. Browser (Mozila Firefox/Chrome)
4. Notepad
5. Server local XAMPP
6. Modul Praktikum Pemrograman Web

D. LANGKAH-LANGKAH PRAKTIKUM
Sebelum melakukan percobaan, ikuti langkah-langkah berikut:
1. Install software xampp
2. Buat folder di C:\htdocs\mahasiswa
3. Buat database dengan nama mahasiswa, table dengan nama mhs seperti modul 4 kemarin, atau bisa menggunakan data dari modul 4 kemarin.
E.Percobaan 1. Script

<html>
<head>
<title> Data Mahasiswa</title>
</head>
<body>

<?php
// Koneksi ke database
$koneksi=mysql_connect ('localhost', 'root' ,''); //host,
$db=mysql_select_db ('mahasiswa') ;// Nama database
?>

<table width="600" cellpadding="3" celspacing="3"
align="center" border="1">
<tr>
<th colspan="2"> Input Data Mahasiswa </th></tr>
<form action="form.php" method="post"
entype="multipart/form-data">
<tr>
<td width="500">NIM </td>
<td width="600"><input type ="text" name="txtnim"
size="45"></td>
<tr>
<td width="500">Nama </td>
<td width="600"><input type ="text" name="txtnama"
size="45"></td>
<tr>
<td width="500">Jenis_Kelamin </td>
<td width="600"><input name ="radiokelamin" type="radio"value="laki-laki"/>
laki-laki
<input name ="radiokelamin" type="radio"value="perempuan"/>
perempuan</td>
</tr>
<tr>
<td width="500">Alamat </td>
<td width="600">
<textarea name ="txtalamat" row="5" cols="45"

<br />
Jurusan<br />
<input name="txtjurusan" size="45" type="text" /><br />
<input id="sudmit" name="simpan" type="submit" value="simpan" />
<input id="sudmit" type="reset" value="Batal" />
<br />
Nim tidak boleh Kosong, diisi dulu ";
}elseif($nama==''){
echo " Nama tidak boleh Kosong, diisi dulu ";
}elseif($jeniskelamin==''){
echo " jeniskelamin tidak boleh Kosong, diisi dulu ";
}elseif($alamat==''){
echo " alamat tidak boleh Kosong, diisi dulu ";
}elseif($jurusan==''){
echo " jurusan tidak boleh Kosong, diisi dulu ";
}else{
mysql_query($input);
echo' Data berhasil dimasukkan';

}
}
?>

<br />
<hr />
<h2 align="center">
 Data Mahasiswa</h2>
NO<br />
Nim<br />
Nama<br />
Jenis_Kelamin<br />
Alamat<br />
jurusan<br />
";

$no=+1;
while ($baris = mysql_fetch_row($sql)){
$nim    =$baris[0];
$Nama    =$baris[1];
$Jenis_Kelamin  =$baris[2];
$Alamat    =$baris[3];
$Jurusan   =$baris[4];

echo"
 $no<br />
$NIM<br />
$Nama<br />
$Jenis_Kelamin<br />
$Alamat<br />
$Jurusan<br />
";
 
 $no++;
 }
 echo "";
 ?>

2. Hasil

F.Tugas
1. Scrip

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

2. Hasil

kampoeng jawa

Pages

Berbagi waktu

Popular Posts

Blogroll

About

Mengenai Saya

Sabtu, 10 Januari 2015

Laporan Modul 9

Laporan Modul 8

Laporan Modul 7

Laporan Modul 6

Blogger templates

Blogger news

Blog Archive