Kamis, 05 Januari 2012 ,

Kalkulator Servlet (Cara Kedua)



Pada kesempatan kali ini saya akan membahas menggenai tutorial pembuatan kalkulator dengan menggunakan Servlet di NetBeans, tutorial ini dibagi menjadi 2 bagian yaitu 1) Tutorial Pembuatan Kalkulator Servlet, 2) Tutorial Menjalankan Servlet Kalkulator, berikut Tutorialnya:


A) Tutorial Pembuatan Kalkulator Servlet
1. Klik menu file, pilih New Project, kemudian pilih Java Web => Web Application => Klik Next
2. Tuliskan nama project (misalkan ServletKalkulator => klik Next



3. Pilih server Apache Tomcat 6.0.26, Java EE5, Context path biarkan default => Klik Finish

4. Kemudian buat file servlet Kalkulator.java (nama file terserah anda) dengan cara, klik kanan project => New => Servlet (jika tidak ada pilih other => web => servlet => klik Next) isikan class name (misal Kalkulator) dan package (misal Seervlet) => klik Next, biarkan semua default (tetapi jika ingin mengganti URL Patternnya silakan saja) => klik Finish




5. Kemudian ubah title Kalkulator.java pada tag <title> (<title> servlet Kalkulator </title>), lalu tuliskan syntax html berikut di dalam syntax try {….} pada class processRequest: 

out.println("<html>");
out.println("<head>");
out.println("<title>Servlet Kalkulator</title>"); 
out.println("</head>");

out.println("<body bgcolor='green'>");
out.println("<h1 align='center'>Servlet Kalkulator</h1>");
out.println("<h3 align='center'>Arif Nur Rahman 1090910000021 SE5D</h3>");
out.println("<h3 align='center'>UAS Prak. Web Programming<br></h3>");

out.println("<form method='POST' action='proses'>"+
"<table align='center' cellspacing='2' cellpadding='2' width='425' border='0' bgcolor='lightblue'>"+
"<tr>"+
          "<td><b>Bilangan Aritmatika</b><br><br></td>"+
     "</tr>"+
     "<tr>"+
          "<td>Bil. Aritmatik 1 : </td>"+
          "<td><input type='text'' name='bil1' value='0'></td>"+
     "</tr>"+
     "<tr>"+
           "<td>Bil. Aritmatik 2 : </td>"+
           "<td><input type='text'' name='bil2' value='0'></td>"+
     "</tr>"+
     "<tr>"+
           "<td><br></td>"+
     "</tr>"+
     "<tr>"+
           "<td><b>Bilangan Scientific</b><br><br></td>"+
     "</tr>"+
     "<tr>"+
           "<td>Bil. Scientific : </td>"+
           "<td><input type='text'' name='bilS' value='0'></td>"+
     "</tr>"+
     "<tr>"+
           "<td><br><b>Proses Hitung Aritmatika</b><br><br></td>"+
     "</tr>"+
"<tr align='center'>"+
"<td><input type='submit' name='tambah' value='+'>"+
     "<input type='submit' name='kurang' value='-'></td>"+
     "<td><input type='submit' name='kali' value='*'>"+
     "<input type='submit' name='bagi' value='/'></td>"+
"</tr>"+
"<tr align='center'>"+
     "<td><input type='submit' name='mod' value='Mod (%)'></td>"+
     "<td><input type='submit' name='pangkat' value='Bil.1^Bil.2'></td>"+
"</tr>"+
"<tr>"+
     "<td><br><b>Proses Hitung Scientific</b><br><br><td>"+
"</tr>"+
"<tr align='center'>"+
     "<td><input type='submit' name='sin' value='sin'>"+
     "<input type='submit' name='cos' value='cos'></td>"+
     "<td><input type='submit' name='tan' value='tan'>"+
     "<input type='submit' name='akar' value='akar'></td>"+
"</tr>"+
"<tr align='center'>"+
     "<td><input type='submit' name='asin' value='asin'>"+
     "<input type='submit' name='acos' value='acos'></td>"+
     "<td><input type='submit' name='atan' value='atan'></td>"+
"</tr>"+
"<tr align='center'>"+
     "<td><input type='submit' name='log' value='log'></td>"+
     "<td><input type='submit' name='exp' value='exp'></td>"+
"</tr>"+
"<tr>"+
     "<td><br><b>Hasil Perhitungan</b><br><br></td>"+
"</tr>"+
"<tr>"+
     "<td>Hasil : </td>"+
     "<td><input type='text' name='bilS' value='0'></td>"+
"</tr>"+
"</table>"+
"</form>");
out.println("</body>");
out.println("</html>");
 



6. Kemudian buat file servlet proses.java (nama file terserah anda) dengan cara, klik kanan pada project => New => Servlet (jika tidak ada pilih other => web => servlet => klik Next) isikan class name (misal proses) dan package (misal Servlet) => klik Next, biarkan semua default (tetapi jika ingin mengganti URL Patternnya silakan saja) => klik finish



7. Kemudian ubah title Kalkulator.java pada tag <title> (<title> servlet Kalkulator </title>), lalu tuliskan syntax html berikut di bawah syntax PrintWriter out = response.getWriter(); pada class processRequest :
 String bil1 = request.getParameter("bil1");
    String bil2 = request.getParameter("bil2"); 
    String bilS = request.getParameter("bilS");


8. Lalu tuliskan syntax html berikut di dalam syntax try {…} pada class processRequest :



double b1 = Double.parseDouble(bil1);
double b2 = Double.parseDouble(bil2);
double bs = Double.parseDouble(bilS);
double result = 0;

/**Melakukan Perhitungan**/
if(request.getParameter("tambah") != null) {
result = b1 + b2;
}
else if(request.getParameter("kurang") != null) {
result = b1 - b2;
}
else if(request.getParameter("kali") != null) {
result = b1 * b2;
}
else if(request.getParameter("bagi")!= null) {
            result = b1 / b2;
        }
        else if(request.getParameter("mod") != null) {
            result = b1 % b2;
        }
        else if(request.getParameter("pangkat") != null) {
            result = Math.pow(b1, b2);
        }
        else if(request.getParameter("sin") != null) {
            result = Math.sin(bs);
        }
        else if(request.getParameter("cos") != null) {
            result = Math.cos(bs);
        }
        else if(request.getParameter("tan") != null) {
            result = Math.tan(bs);
        }
        else if(request.getParameter("akar") != null) {
            result = Math.sqrt(bs);
        }
        else if(request.getParameter("asin") != null) {
            result = Math.asin(bs);
        }
        else if(request.getParameter("acos") != null) {
            result = Math.acos(bs);
        }
        else if(request.getParameter("atan") != null) {
            result = Math.atan(bs);
        }
        else if(request.getParameter("log") != null) {
            result = Math.log(bs);
        }
        else if(request.getParameter("exp") != null) {
            result = Math.exp(bs);
        }
out.println("<html>");
out.println("<head>");
out.println("<title>Servlet Kalkulator</title>"); 
out.println("</head>");

out.println("<body bgcolor='green'>");
out.println("<h1 align='center'>Servlet Kalkulator</h1>");
out.println("<h3 align='center'>Arif Nur Rahman 1090910000021 SE5D</h3>");
out.println("<h3 align='center'>UAS Prak. Web Programming<br></h3>");

out.println("<form method='POST' action='proses'>"+
"<table align='center' cellspacing='2' cellpadding='2' width='425' border='0' bgcolor='lightblue'>"+
"<tr>"+
          "<td><b>Bilangan Aritmatika</b><br><br></td>"+
     "</tr>"+
     "<tr>"+
          "<td>Bil. Aritmatik 1 : </td>"+
          "<td><input type='text'' name='bil1' value='0'></td>"+
     "</tr>"+
     "<tr>"+
           "<td>Bil. Aritmatik 2 : </td>"+
           "<td><input type='text'' name='bil2' value='0'></td>"+
     "</tr>"+
     "<tr>"+
           "<td><br></td>"+
     "</tr>"+
     "<tr>"+
           "<td><b>Bilangan Scientific</b><br><br></td>"+
     "</tr>"+
     "<tr>"+
           "<td>Bil. Scientific : </td>"+
           "<td><input type='text'' name='bilS' value='0'></td>"+
     "</tr>"+
     "<tr>"+
           "<td><br><b>Proses Hitung Aritmatika</b><br><br></td>"+
     "</tr>"+
"<tr align='center'>"+
"<td><input type='submit' name='tambah' value='+'>"+
     "<input type='submit' name='kurang' value='-'></td>"+
     "<td><input type='submit' name='kali' value='*'>"+
     "<input type='submit' name='bagi' value='/'></td>"+
"</tr>"+
"<tr align='center'>"+
     "<td><input type='submit' name='mod' value='Mod (%)'></td>"+
     "<td><input type='submit' name='pangkat' value='Bil.1^Bil.2'></td>"+
"</tr>"+
"<tr>"+
     "<td><br><b>Proses Hitung Scientific</b><br><br><td>"+
"</tr>"+
"<tr align='center'>"+
     "<td><input type='submit' name='sin' value='sin'>"+
     "<input type='submit' name='cos' value='cos'></td>"+
     "<td><input type='submit' name='tan' value='tan'>"+
     "<input type='submit' name='akar' value='akar'></td>"+
"</tr>"+
"<tr align='center'>"+
     "<td><input type='submit' name='asin' value='asin'>"+
     "<input type='submit' name='acos' value='acos'></td>"+
     "<td><input type='submit' name='atan' value='atan'></td>"+
"</tr>"+
"<tr align='center'>"+
     "<td><input type='submit' name='log' value='log'></td>"+
     "<td><input type='submit' name='exp' value='exp'></td>"+
"</tr>"+
"<tr>"+
     "<td><br><b>Hasil Perhitungan</b><br><br></td>"+
"</tr>"+
"<tr>"+
     "<td>Hasil : </td>"+
     "<td><input type='text' name='bilS' value='"+result"'></td>"+
"</tr>"+
"</table>"+
"</form>");
out.println("</body>");








9. Selesai


B) Tutorial Menjalankan Kalkulator Servlet
Pada bagian ini akan dijelaskan bagaimana menjalankan file calculator.jsp dan MainServlet.java yang telah kita buat sebelumnya, berikut tutorialnya:


1. Untuk menjalankan servletnya kita harus merubah web.xml dengan cara: Buka web.xml (berada pada folder Web Pages => WEB INF, klik 2x) kemudian ubah Welcome files (yang defaultnya index.jsp) menjadi URL Pattern dari file servlet kita (Kalkulator)





2. Kemudian klik pada project => build, setelah itu klik kanan lagi pada project => run



3. Hasil Kalkulator Servletnya

Anda juga bisa mendowload Tutorial Lengkap Pembuatan Kalkulator dengan Servlet pada link-link berikut:
Semoga Bermanfaat !!!

Diposting oleh Arf Nr'hman di 05.09

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
 
;