Form

Read More......

Java Applet

Fungsi Java Applet

  • memberikan fungsi dinamis kepada halaman web yang statis.
  • memungkinkan suatu web berinteraksi dengan user-nya, ada hubungan balik antara web dengan user seperti website game, website e-commerce yang dapat feedback reaksi user, atau website yang menampilkan grafik.
  • Bisa berjalan didalam konteks program lain.
  • Dirancang untuk menambah fungsionalitas dan interaktivitas pada website dimana bahasa standar HTML tidak lagi mencukupi.
Perbedaan Applet dengan Application
  • Application berjalan menggunakan Java Interpreter atau command line prompt. Sedangkan Applet berjalan pada Browser atau pada halaman WEB menggunakan HTML.
  • Java Applet adalah sebuah class yang dapat diaktifkan pada Web Browser seperti Netscape Communicator atau Internet explorer. Java Applet di-enkapsulasi sebagai bagian dari HTML.
  • Java Applet mempunyai siklus hidup sedangkan Java Application tidak mempunyai siklus hidup.
 Security Applet
  • Tidak bisa read atau write file pada file sistem user.
  • Tidak bisa menjalankan program pada sistem user.
  • Tidak bisa loading program yang tersimpan disistem user. Misal : executable program atau shared libraries.
  • Tidak bisa mencari informasi tentang sistem user yang bersifat private. Misal : informasi tentang current user, nama direktori, sistem software dll.
Skema Gambar Java Applet

Kalkulator Sederhana Menggunakan Java Applet

import java.awt.*;
import java.awt.event.*;
import java.applet.*;
 
/* 
<applet code="Cal" width=300 height=300>
</applet>
*/
 
public class Cal extends Applet
implements ActionListener
{
	String msg=" ";
	int v1,v2,result;
	TextField t1;
	Button b[]=new Button[10];
	Button add,sub,mul,div,clear,mod,EQ;
	char OP;
	public void init()
	{
		Color k=new Color(120,89,90);
		setBackground(k);
		t1=new TextField(10);
		GridLayout gl=new GridLayout(4,5);
		setLayout(gl);
		for(int i=0;i<10;i++)
		{
			b[i]=new Button(""+i);
		}
		add=new Button("add");
		sub=new Button("sub");
		mul=new Button("mul");
		div=new Button("div");
		mod=new Button("mod");
		clear=new Button("clear");
		EQ=new Button("EQ");
		t1.addActionListener(this);
		add(t1);
		for(int i=0;i<10;i++)
		{
			add(b[i]);
		}
		add(add);
		add(sub);
		add(mul);
		add(div);
		add(mod);
		add(clear);
		add(EQ);
		for(int i=0;i<10;i++)
		{
			b[i].addActionListener(this);
		}
		add.addActionListener(this);
		sub.addActionListener(this);
		mul.addActionListener(this);
		div.addActionListener(this);
		mod.addActionListener(this);
		clear.addActionListener(this);
		EQ.addActionListener(this);
	}
 
	public void actionPerformed(ActionEvent ae)
	{
		String str=ae.getActionCommand();
		char ch=str.charAt(0);
		if ( Character.isDigit(ch))
		t1.setText(t1.getText()+str);
		else
		if(str.equals("add"))
		{
			v1=Integer.parseInt(t1.getText());
			OP='+';
			t1.setText("");
		}
		else if(str.equals("sub"))
		{
			v1=Integer.parseInt(t1.getText());
			OP='-';
			t1.setText("");
		}
		else if(str.equals("mul"))
		{
			v1=Integer.parseInt(t1.getText());
			OP='*';
			t1.setText("");
		}
		else if(str.equals("div"))
		{
			v1=Integer.parseInt(t1.getText());
			OP='/';
			t1.setText("");
		}
		else if(str.equals("mod"))
		{
			v1=Integer.parseInt(t1.getText());
			OP='%';
			t1.setText("");
		}
		if(str.equals("EQ"))
		{
			v2=Integer.parseInt(t1.getText());
			if(OP=='+')
				result=v1+v2;
			else if(OP=='-')
				result=v1-v2;
			else if(OP=='*')
				result=v1*v2;
			else if(OP=='/')
				result=v1/v2;
			else if(OP=='%')
				result=v1%v2;
			t1.setText(""+result);
		}	
		if(str.equals("clear"))
		{
			t1.setText("");
		}
	}
}
 
Output













sumber :
http://192.9.162.55/developer/onlineTraining/JavaIntro/contents.html
http://lecturer.eepis-its.edu/~riyanto/applet1.pdf

Read More......

CGI : Form menggunakan Perl

terdapat dua cara dalam membuat form dengan menggunakan PEerl. yaitu dengan menggunakan metode GET dan metode POST.

METODE GET :
file testget.html

<html>
<body>
<form method="get" action="cgi-bin/input.cgi">
nama : <input type="text" name="nama"><br>
alamat : <input type="text" name="alamat"><br>
<input type="submit" name="kirim" value="kirim">
<input type="reset" value="reset"> </form>
</body>
</html>

Ketikkan script dibawah ini untuk inputannya, simpan dengan nama input.cgi

#!usr/bin/perl
 print "Content-type=text/html\n\n";
print <<EOF;
<html>
<head>
<title>Parsing isi variabel QUERY_STRING</title>
</head>
 <body>
EOF @nilai = split(/&/,$env{'QUERY_STRING'});
foreach $i (@nilai) {
($varname, $mydata) = split(/=/,$i); print "$varname = $mydata<br>\n";
}
print "</body> </html>\n";

METODE POST
file testpost.html :
<html>
<body> 
<form method="post" action="cgi-bin/form.cgi"> 
nama : <input type="text" name="nama"><br> 
alamat : <input type="text" name="alamat"><br> 
<input type="submit" name="kirim" value="kirim"> 
<input type="reset" value="reset"> </form> 
</body> 
</html>

file form.cgi :
#!/usr/bin/perl
print &quot;Content-type:text/html\n\n&quot;;
read(STDIN, $data, $ENV{'CONTENT_LENGTH'});
@pasangan = split(/&amp;/, $data);
foreach $a (@pasangan) {
($nama, $nilai) = split(/=/, $a);
$nilai =~ tr/+/ /;
$nilai =~ s/%([a-fA-F0-9][a-fA-F0-9])/pack(&quot;C&quot;, hex($1))/eg;
$FORM{$nama} = $nilai;
}


sumber :
http://yusuf.staff.gunadarma.ac.id/Downloads/files/19085/dasar-cgi-perl.pdf

Read More......

Javascript

Apa itu Javascript?
JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan khusus untuk di browser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.
Kegunaan JavaScript?
Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain. 

Kelebihan dan kekurangan Javascript?
Kelebihan :
  1. Ukuran file kecil Script dari javascript memiliki ukuran yang kecil sehingga ketika web yang memiliki javascript ditampilkan di browser maka akses tampilannya akan lebih cepat dibandingkan ketika browser membuka suatu web yang memiliki script java. Hal ini juga sangat berkepentingan dengan daya kerja server. Semakin kecil space suatu web yang disimpan dalam suatu server maka daya kerja server ketika di browsing oleh user di internet akan tidak terlalu berat, selain itu sifat javascript client side yang tidak perlu lagi di olah oleh server ketika browser memanggil web dari sebuah server.
  2. Mudah untuk dipelajari Javascript merupakan bahasa semi pemograman yang merupakan gabungan antara bahasa pemograman java dengan bahasa kode HTML sehingga disebut bahasa hybrid. Walaupun javascript merupakan turunan dari java namun javascript tidak memiliki aturan yang serumit java.
  3. Terbuka Javascript tidak terikat oleh hardware maupun software tertentu bahkan system operasi seperti windows maupun unix. Karena ia bersifat terbuka, maka ia dapat dibuat maupun di baca di semua jenis komputer. 

Kekurangan:
  1. Script tidak terenkripsi Karena javascript bersifat client side, maka script yang kita buat di text editor dan telah dijadikan web di server, ketika user merequest web dari server tersebut maka sintak javascript akan langsung ditampilkan di browser. User bisa melihat dan menirunya dari sourcenya.
  2. Kemampuan terbatas Walaupun javascript mampu membuat bentuk web menjadi interaktif dan dinamis, namun javascript tidak mampu membuat program aplikasi sendiri seperti java.
  3. Keterbatasan Objek Javascript tidak mampu membuat kelaskelas yang bisa menampung objekobjek tambahan seperti java karena javascript teleh memiliki objek yang builtin pada sturktur bahasanya.
Apa yang bisa dilakukan Javascript?
JavaScript memungkinkan pemrograman web untuk:
  • Memiliki piranti pembuatan program dalam web
  • Membaca dan menulis elemen HTML ke dalam suatu halaman web. Program JavaScript dapat mengubah isi elemen web yang sedang ditampilkan.
  • Membuat halaman web lebih dinamis, karena kita bisa menyisipkan juga elemen web ke dalam JavaScript, agak kelak ditampilkan dibrowser web. Dengan teknik ini maka pemrogram web dapat membuat animasi dari elemen-elemen web yang ada pada halaman web.
  • Memberikan reaksi kepada suatu kejadian di atas halaman web yang sedang ditampilkan, misalnya ada kejadian tombol kananmouse diklik di atas halaman web, maka dengan JavaScript kita bisa menambahkan suatu program agar dilakukan suatu reaksi atau eksekusi program tertentu apabila ada kejadian penekanan tombol kanan mouse. Pada beberapa halaman web,reaksi ini digunakan agarlink tidak bisa di-copy atau dijalankan dengan membuka halaman baru.
  • Menjadikan halaman web menjadi suatu aplikasi berbasis web yang dapat berjalan di atas browser web. Halaman web tidak menjadi tampilan data dan informasi saja, tetapi juga menjadi aplikasi untuk berinteraksi dengan penggunanya, memroses data di browser,dan menerima dan memvalidasi data sebelum dikirimkan ke server.
  • Memvalidasi data yang akan dikirimkan kepada server di dalambrowser.
  • Mendeteksi browser yang akan digunakan oleh pengguna, sehingga kita bisa menyajikan informasi yang berhubungan dengan browser web yang digunakan oleh pengguna.
  • Membuat cookies, suatu kode yang digunakan menyimpan dan mengambil data atau informasi dari browser pengunjung.
  • Membuat aplikasi client/server, dengan teknik AJAX (Asynchronous JavaScript and XML). Aplikasi yang dihasilkan menjadi aplikasi yang mirip seperti aplikasi desktop biasa, tetapi berjalan di atas atau di dalam browser web
Perbedaan Javascript dengan Java ?
JavaScript:
  •  Diinterpretasikan oleh client. * Kodenya berintegrasi dalam dokument HTML..
  • Tipe variabel data tidak dideklarasikan..
  • Bekerja terbatas pada element HTML..
  • Mampu mengakses objek dan fungsionalitas browser. * Berbasis objek (Object-Based Programming). Tidak terdapat kelas dan pewarisan.
Java:
  • Dikompilasi dan dijalankan oleh client. * Hasilnya berupa Applet yang dipanggil dalam dokument HTML.
  • Tipe variabel data harus dideklarasikan.
  •  Tidak mampu mengakses objek dan fungsionalitas browser. * Berorientasi objek (Object Oriented Programming). Applet berisi kelas objek 
Pengertian Script
Dalam pemrograman komputer, naskah/script adalah sebuah program atau urutan instruksi yang ditafsirkan atau dilakukan dengan program lain daripada oleh komputer prossesor. Berikut penjelasan tentang script :
  • Script adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat di akses.
  • Jenis script sangat menentukan statis, dinamis, atau interaktifnya sebuah situs.
  • Semakin banyak script yang digunakan maka akan terlihat semakin dinamis, dan interaktif serta terlihat lebih bagus.
  • Bahasa dasar yang di pakai setiap situs adalah HTM
  • Contoh script : PHP, ASP, JSP, Java Script, Java Applets, VBScript.
Implementasi Javascript Pada Web Ini 
Pada web ni, bagian pojok kiri atas terdapat sebuah jam. berikut adalah script nya:
<script type="text/javascript">
window.setTimeout("jam()",1000); 
function jam() { 
 var tanggal = new Date(); setTimeout("jam()",1000); document.getElementById("hasil").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds(); 

</script> 

penjelasan/logika:
untuk menampilkan jam dengan menggunakan javascript maka digunakan windows.setTimeout. kemudian dengan menggunakan function jam,  kita buat elemen jam nya. kemudian kita tampilkan jam tersebut dengan format jam:menit:detik

Read More......