Phantom-Wahyoe

Senin, 24 November 2014

Laporan PWL Modl 7

JAVASCRIPT

A. TUJUAN

Mengetahui dan memahami bahasa Javascript dalam pemrograman web.

B. LANDASAN TEORI

JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client. Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi dimaksudkan untuk lebih digunakan oleh non-programmer. JavaScript tidak didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum. JavaScript seringkali disertakan dalam file HTML atau link dari file HTML dan dijalankan secara lokal oleh web browser. Ini berarti bahwa server bebas untuk mengerjakan sesuatu yang lain daripada pemrosesan instruksi untuk setiap klien. Hal ini telah membuat JavaScript pilihan yang lebih populer daripada bahasa yang memerlukan server untuk melakukan pengolahan.

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. Buku Praktikum

D. LANGKAH-LANGKAH
Percobaan 1 (Javascript)
1. Ketik Script dibawah ini

2. Simpan dengan nama percobaan1.html
3. hasil

Percobaan 2 (MouseOver)
1. Ketik Script dibawah ini

2. masukkan 2 gambar dalam satu folder dengan scriptnya
3.Simpan dengan nama MouseOver.html
4. hasil

ketika kursor ditaruh digambar maka akan berganti gambar seperti dibawah ini

Percobaan 3(Charakter Counter)
1. Ketik Script dibawah ini

2. Simpan dengan nama Counter.html
3. hasil

Percobaan 4(Kakulator Sederhana)
1. Ketik Script dibawah ini

<!DOCTYPE HTML>
<head>
<title>kalkulator</title>
<body>
<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. Simpan dengan nama kakulator.html
3. hasil

TUGAS
1. Ketik Script dibawah ini

2. Simpan dengan nama tugas.html
3. hasil

readmore...

Minggu, 23 November 2014

Physics Engine

Physic Engine (Mesin Fisik) adalah perangkat lunak yang didesain untuk menampilkan atau melakukan simulasi berbagai jenis fenomena objek fisik di alam. Simulasi yang dilakukan dapat memprediksi bermacam-macam kejadian dalam kondisi yang berbeda serta memperkirakan apa yang akan terjadi dalam kehidupan nyata. Engine ini secara rutin menangani perilaku objek-objek misalnya, benda keras, partikel, gelombang, cloth, serta deteksi benturan (collision) dan dinamik. Prinsip kerjanya, physic engine akan melakukan spesifikasi force (gaya) terhadap objek berdasarkan input user dalam setiap loop. Sehingga, output yang ditimbulkan adalah hasil komputasi dari physic engine.

Secara proses misalnya, physic engine melakukan collision detection kemudian output dari module tersebut diberikan pada komponen kedua, simulation system. Simulation system (sistem integrator) ini digunakan untuk melakukan perhitungan berdasarkan rumus fisika dan hasilnya akan melakukan update property dari objek yang disimulasikan.

Ada bermacam-macam jenis phisic engine yaitu,

PhysX of AGEIA (NVIDIA)
HAVOC engine dari HAVOC
ODE (Open Dynamics Engine), dll.

Yang mana, engine fisik ini tidak hanya berguna untuk penelitian (research), tapi juga untuk berbagai macam aplikasi seperti game (permainan) yang memasukkan unsur gravitasi, akselerasi, pergeseran, dll.

Pada Microsoft Robotic Deveoper Studio terdapat physic engine yang dapat diimplementasikan pada Microsoft XNA maupun framework-framework yang lain. Physic engine tersebut berupa dynamic link library dengan nama PhysicEngine.dll
selain itu ada juga physics engine yang lain, yaitu BEPUphysics. BEPUphysics adalah sebuah 3D physics engine yang didesain secara spesifik untuk XNA Framework, dapat menghandle secara efektif simulasi dan interaksi simulasi dari rigid body dan dapat digunakan dalam dalam berbagai tahap pengembangan game.
Beberapa fitur yang ditawarkan BEPUphysics :

Support internal multithreading untuk jumlah thread yang bervariasi.
Deteksi benturan untuk rigid body yang cepat & robust.
Mensupport berbagai jenis obyek primitif, baik dinamik maupun kinematik, seperti : Convex hull, box, capsule, cone, cylinder, sphere, triangle, Minkowski Sum, & Wrapped Objects.
Mensupport berbagai macam constraint, termasuk joint limit, velocity motor, & servomechanisms.
System rule collision untuk mendefinisikan interaksi kompleks baik antar entitas maupun antar sekumpulan entitas.

Selain itu, dll BEPUphysics tersedia dalam versi untuk Windows dan XBOX360.

Sumber

http://kirmann.wordpress.com/2010/08/26/apa-itu-physic-engine/

https://kuliahvrits.wordpress.com/2010/06/15/physic-engine-review/

readmore...

Senin, 10 November 2014

Laporan PWL Modul 6

MENGGABUNGKAN WEB PHP DAN CSS

TUJUAN

Mengimplementasikan web PHP dengan gabungan CSS untuk memperindah tampilan website

LANDASAN TEORI

CSS merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

PHP (HyperText Preprocessor) merupakan bahasa pemrograman server side programming yang berfungsi untuk membuat website bersifat dinamis. Halaman website dinamis memberikan kesempatan kepada user untuk dapat berinteraksi dengan memberikan kesempatan kepada user untuk dapat berinteraksi dengan halaman web tersebut

XAMPP adalah perangkat lunak bebas (free) yang mendukung banyak system operasi, merupakan kompilasi dari beberapa program. Berfungsi sebagai server yang berdiri sendiri (localhost), yang terdiri dari program Apache HTTP server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat system operasi apapun), Apache, MySQL, PHP, dan Perl.

ALAT DAN BAHAN

PC (Personal Computer)
Sistem Operasi Windows
Browser (Mozila Firefox/Chrome)
Notepad
Server local XAMPP
Modul Praktikum Pemrograman Web

LANGKAH-LANGKAH PRAKTIKUM

PERCOBAAN

Modifikasi script percobaan 1 modul 4 dengan menambah css dibagian bawah tag body. berikut script lengkap

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

<?php
//koneksi ke database
$konekssi=mysql_connect('localhost','root','');
//host, user, pass
$db=mysql_select_db('mahasiswa');//nama database
?>

<table width="600" cellpadding="3" align="center" border="0">
<tr>
<th colspan="2">Input Data MMahasiswa</th></tr>
<form action="form.php" method="post" 
enctype="multipart/form-data">
<tr>
<td width="500">NIM</td>
<td width="600"><input type="text" name="txtnim" 
size="25"></td>
</tr>
<tr>
<td width="500"> nama</td>
<td width="600"><input type="text" name="txtnama" 
size="45"></td>
</tr>
<tr>
<td width="500">Jenis Kelamin</td>
<td width="600"><input type="radio" name="radiokelamin" 
value="Laki-laki">Laki-laki
<input type="radio" name="radiokelamin" 
value="Perempuan">Perempuan</td>
</tr>
<tr>
<td width="500"> Alamat</td>
<td width="600"><textareaini name="txtalamat" rows="5" 
cols="45"></textareaini></td>
</tr>
<tr>
<td width="500"> jurusan</td>
<td width="600"><input type="text" name="txtjurusan" 
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'])){
$nim   = $_POST['txtnama'];
$nama   = $_POST['txtnim'];
$jeniskelamin = $_POST['radiokelamin'];
$alamat   = $_POST['txtalamat'];
$jurusan  = $_POST['txtjurusan'];

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

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 dimasukan';
}
}
?>
<hr>
<h2 align="center">
 Data mahasiswa</h2>
<?php

//buat warna tebal
 $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>";
  
$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=?proses=bltdet&&kddetail=$nim>Ubah</a> | <a 
href=?proses=bltubh&&kdubah=$nim>Hapus</a></td>
<tr>";

//<td align=center><a 
href='hapus.php?nim=$nim'>Hapus</a> |<a href='#'> 
ubah</a></td></tr>
";
   
$no++;
}
echo"</table>
";
?>

</body>
</html>

Simpan dengan nama form.php
hasilnya

TUGAS

Modifikasi hasil tugas modul 4 dengan menambahkan script css yang berbeda dari percobaan 1 modul 6
Simpan dengan nama form.php

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

<?php
//koneksi ke database
$konekssi=mysql_connect('localhost','root','');
//host, user, pass
$db=mysql_select_db('mahasiswa');//nama database
?>

<table width="600" cellpadding="3" align="center" border="1px">
<tr>
<th colspan="2">Input Data MMahasiswa</th></tr>
<form action="form.php" method="post" 
enctype="multipart/form-data">
<tr>
<td width="500">NIM</td>
<td width="600"><input type="text" name="txtnim" 
size="25"></td>
</tr>
<tr>
<td width="500"> nama</td>
<td width="600"><input type="text" name="txtnama" 
size="45"></td>
</tr>
<tr>
<td width="500">Jenis Kelamin</td>
<td width="600"><input type="radio" name="radiokelamin" 
value="Laki-laki">Laki-laki
<input type="radio" name="radiokelamin" 
value="Perempuan">Perempuan</td>
</tr>
<tr>
<td width="500"> Alamat</td>
<td width="600"><textareaini name="txtalamat" rows="5" 
cols="45"></textareaini></td>
</tr>
<tr>
<td width="500"> jurusan</td>
<td width="600"><input type="text" name="txtjurusan" 
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'])){
$nim   = $_POST['txtnama'];
$nama   = $_POST['txtnim'];
$jeniskelamin = $_POST['radiokelamin'];
$alamat   = $_POST['txtalamat'];
$jurusan  = $_POST['txtjurusan'];

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

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

//buat warna tebal
 $warna1= "#FFFFFF";
 $warna2= "#CCFFFF";
 $warna = $warna1;

//<td align=center><a 
href='hapus.php?nim=$nim'>Hapus</a> |<a href='#'> 
ubah</a></td></tr>
";
   
$no++;
}
echo"</table>
";
?>

</body>
</html>

hasilnya

download tamplate css di link berikut http://www.templatemo.com/page/1 silahkan modifikasi tamplate tersebut dan gabungkan dengan form input dan hasil view percobaan 1 modul 6

readmore...

Phantom-Wahyoe

Social Icons

Menu

Blog Archive

Senin, 24 November 2014

Laporan PWL Modl 7

Minggu, 23 November 2014

Physics Engine

Senin, 10 November 2014

Laporan PWL Modul 6

About Me