Object Oriented Programming

Pemrograman Berorientasi Objek – Part 3

Pada pertemuan ketiga kali ini, fokus praktikum nya adalah :

  1. Membuat Class Operasi Hitung
  2. Melakukan Build menjadi library Jar
  3. Buat project web application
  4. Import library ke project web
  5. Buat form input
  6. Buat file target

oke, sudah bisa dimulai??? persiapkan komputer anda, pastikan netbeans sudah dibuka. Dan file OperasiHitung.java hasil praktek pertemuan 2 tersedia.

  1. Membuat Class Operasi Hitung
    • Klik File new project, pilih Java Class Library, beri nama LibraryHitung.

      Class Library New
      Class Library New
    • Buat package, dengan cara klik kanan project, new package, beri nama test
    • Copy file OperasiHitung.java praktek kedua ke project baru ini, di dalam package testmeet3-2
  2. Melakukan Build menjadi library jar
    • setelah berhasil copy  dan paste, saatnya melakukan build meet3-3
    • sampai tahap ini anda sudah punya library jar, biasa lokasi ada di folder dist di dalam project anda.
  3. Buat project web application
    • klik file new project, web application beri nama kalkulatorWeb
  4. Import Library ke Project Web
    • klik kanan folder library
    • klik add jar, masukkan jar file LibraryHitung
  5. Buat Form Input
    • Secara default project web java akan ada file index ( tergantung versi netbeans ada yang index.html ada yang index.jsp ).
    • modifikasi file index tersebut sehingga html codenya seperti berikut
    • <%@page contentType=”text/html” pageEncoding=”UTF-8″%>
      <!DOCTYPE html>
      <html>
      <head>
      <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
      <title>Kalkulator Sederhana</title>
      </head>
      <body>
      <form method =”post” action=”hitung.jsp”>
      <input type=”text” name=”angka1″>
      <input type=”text” name=”angka2″>
      <input type=”submit” value=”Hitung”>
      </form>
      </body></html>meet3-5

    • Yang perlu diperhatikan, form ini menggunakan method post dan action ke hitung.jsp artinya kita perlu membuat file tujuan dari form inputan ini yakni file hitung.jsp
  6. Buat file target
    • klik kanan web pages folder, klik new JSP. beri nama hitungmeet3-6
    • Di file hitung.jsp buat kode sebagai berikut :
    •  
      <%@page contentType=”text/html” pageEncoding=”UTF-8″%>
      <%@page import=”test.OperasiHitung” %>
      <%
      String angka1 = request.getParameter(“angka1”);
      String angka2 = request.getParameter(“angka2”);
      out.println(“anda isi angka 1 = “+angka1);
      out.println(“anda isi angka 2 = “+angka2);
      OperasiHitung hitung = new OperasiHitung();
      out.print(“hasil kali =” +hitung.perkalian(Integer.parseInt(angka1),Integer.parseInt(angka2)));
      %>

 

test running, anda akan dapatkan halaman web dengan 2 inputan text. setelah di tekan hitung akan muncul hasil perhitungan dari libraryHitung.

Selamat, anda telah menerapkan OOP dengan web.

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *