Jumat, 04 Mei 2018

MEMBUAT SEBUAH TAMPILAN WEB FORM FIELDSET YANG SEDERHANA UNTUK PARA PEMULA

Laporan
Hasil Praktikum Pemrogaman Terstruktur
STRUKTUR DATA
Mata Kuliah Praktikum Pemrogaman Terstruktur
Dosen Pengampu Imanaji Hari Sayekti, S.Pd., M.Pd
Disusun Oleh :
Setiyo Aji Anjasmoro
PROGRAM STUDI MANAJEMEN INFORMATIKA
AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER
2018
  MEMBUAT SEBUAH TAMPILAN WEB FORM FIELDSET  YANG SEDERHANA UNTUK PARA PEMULA
Karena ini lanjutan yang kemarin , kita langsung saja buka projek kita, lalu membuat jsp jika belum membuat , dan juga buat class java nya .

new jsp












new java class













lalu kita ketikan di HalloJava kita seperti di bawah ini :
@Controller
public class HalloJava {
    @RequestMapping(value = "/aji")
    public ModelAndView aji(){
        ModelAndView mav = new ModelAndView();
        mav.setViewName("aji");
        return mav;















kemudian ketikan juga di jsp seperti di bawah ini :
<body>
        <body bgcolor=#808080>
            <fieldset>
                <legend><h3>Tentang Anda</h3></legend>



<table>
 <tr>
      <td width="95" height="32">Username</td>
      <td width="304"><label>:
          <input name="username" type="text" id="username" />
      </label></td>
    </tr>
    <tr>
      <td height="26">Password</td>
      <td><label>:
          <input name="password" type="password" id="password" />
      </label></td>
    </tr>
    <tr>
      <td width="95" height="32">Alamat</td>
      <td width="304"><label>:
          <input name="Alamat" type="text" id="Alamat" />
      </label></td>
    </tr>
      <tr><td><label for="desc">pesan dan kesan</label>
                            <td><textarea rows="5" cols="30" id="desc">tuliskan pesan anda disini</textarea><br />
                            </td>
                        </tr>
  
</table>
           
        


<form>
 <fieldset>
     <legend><h3>Hobi Saya</h3></legend>
  <input type="radio" name="gender" value="sepak bola" checked> sepak bola<br>
  <input type="radio" name="gender" value="mancing"> mancing<br>
  <input type="radio" name="gender" value="medengarkan musik"> mendengarkan musik 
</form>
</fieldset>
            <p>
           ----Di RumahPunya ?----
<form>
<input type="checkbox" name="vehicle" value="Mobil"> Mobil<br>
<input type="checkbox" name="vehicle" value="Motor"> Motor<br>
<input type="checkbox" name="vehicle" value="Sepeda">Sepeda<br>
</form></p>
<p>
<form>PilihJurusanmu : <select name="jurusan">
<option value="informatika">Informatika</option>
<option value="matematika">Matematika</option>
<option value="Kimia"> Kimia</option>
<option value="Biologi">Biologi</option>
<option value="fisika">Fisika</option>
</select>
</form></p>

<p>
<font face="Courier New, Courier, mono">
        ----Tambahkan File FotoAnda --- </font><br>
<form>
<input type="file" name="pic" accept="image/*"
</form></p>


<input type="submit" value="submit">

<h3><center> Sekian Dan Terima Kasih</center></h3>

    </body> 
 
 













 kemudian kalau sudah lalu kita deploy, lalu run.......
hasilnya seperti di bawah ini













selesaiii.....................

Kamis, 03 Mei 2018

"CARA MERUBAH FILE .DOCK MENJADI FILE .HTML"



1.Pertama kita buka dulu file word kita yang akan kita ubah ke .html














2.Setelah itu lalu kita save as, kemudian kita simpan dengan nama.html
   lalu kita pilih type web page.lalu ok














3.kemudian kita bukak file ter yang sudah kita ubah menjadi .html 
klik kanan pada file >>Open With >>Pilih Browser >>ok


























4.Nah seperti itu hasil yaa

  Semoga bermanfaat sedikit berbagi ilmu.................

Rabu, 25 April 2018

MEMBUAT SEBUAH TAMPILAN WEB FORM FIELDSET YANG SEDERHANA

Laporan
Hasil Praktikum Pemrogaman Terstruktur
STRUKTUR DATA
Mata Kuliah Praktikum Pemrogaman Terstruktur
Dosen Pengampu Imanaji Hari Sayekti, S.Pd., M.Pd
 


Disusun Oleh :
Setiyo Aji Anjasmoro



PROGRAM STUDI MANAJEMEN INFORMATIKA
AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER
2018


MEMBUAT SEBUAH TAMPILAN WEB FORM FIELDSET  YANG SEDERHANA 


Pertama, buka file project kita. 












Kemudia buat file Jsp baru di WEB-INF 












Kalau sudah kemudian ketik / tulis kode sebagai berikut :

 <body bgcolor=#808080>
ini untuk memberikan warna begroud kita yang di inginkan

<table>
<tr>
<td width=50>Nama : <input type=text name=Nama ></td>
</tr>
<tr>
<td width=50>Alamat:<input type=text name=alamat></td>
</tr>
<tr>
<td width=50>Pesan Dan Kesan: </td>

</tr>
</table>
lalu ketik juga kode seperti di atas, ini untuk membuat bagian seperti gambar di bawah ini









<form>
    <h2> hoby saya ? </h2>
  <input type="radio" name="gender" value="sepak bola" checked> sepak bola<br>
  <input type="radio" name="gender" value="mancing"> mancing<br>
  <input type="radio" name="gender" value="medengarkan musik"> mendengarkan musik 
</form>
Kemudian ketikan lagi kode seperti di atas untuk membuat seperti gambar di bawah ini






lalu untuk membuat submit
<input type="submit" value="submit">







Lalu untuk membuat pemanggilnya di javaclass sesuai nama Jsp yang tadi kita buat. Berikut kodenya:
@Controller
public class kelasbaru {
    @RequestMapping(value = "/aji")
    public ModelAndView aji(){
        ModelAndView mav = new ModelAndView();
        mav.setViewName("aji");
        return mav;
    }

 








 kalau sudah selesai semua lalu kita deploy
tunggu proses deploy selesai sampai build successfull
kalau sudah selesai proses deploy, lalu tinggal kita run

nah seperti itu hasil akhir nya .


Sekian Terima kasih...........................

Kamis, 19 April 2018

Praktikum Struktur Data ke3


Laporan
Hasil Praktikum Pemrogaman Terstruktur
STRUKTUR DATA
Mata Kuliah Praktikum Pemrogaman Terstruktur
Dosen Pengampu Imanaji Hari Sayekti, S.Pd., M.Pd




Disusun Oleh :
Setiyo Aji Anjasmoro



PROGRAM STUDI MANAJEMEN INFORMATIKA
AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER
2018

 


Soal 1
 Buatlah sebuah operasi yang menghasilkan nilai seperti pada gambar berikut dengan hasil perhitungan operator aritematika
Hasil Penjumlahan : 15
Hasil Pengurangan : 5
Hasil Perkalian : 50
Hasil Pembagian : 5
Sisa Hasil Pembagian : 5
Hasil Operasi Pergeseran Bit Kekiri : 10240

Soal 2
Buatlah sebuah operasi sehingga dapat menampilkan tampilan seperti berikut:
nilai x = 5
Nilai y lebih dari x
Angka yang keluar adalah 5

Soal 3
Buat sebuah proses operasi operator sehingga mengasilkan tampilan seperti berikut pada web
Contoh operator pada prefix (awalan)
--------------------------------------
Nilai x baru : 1
Nilai y = ++x : 0
Contoh operator pada suffix (akhiran)
--------------------------------------



Saat ini saya akan memberikan tutorial membuat / menampilkan Operator dalam Java menggunakan Net Beans 8.2 ke dalam tampilan web application sesuai soal diatas :
DISINI SAYA HANYA MENGGUNAKAN SATU FILE JSP SAJA.













2.      Kedua, buka file .Jsp













3.     Ketiga, buatlah sebuah tampilan web di file Jsp menggunakan format html seperti dibawah ini mulai dari Title Page sampai dengan Pemanggil
Disini saya membuat pemanggilnya yaitu judul, no, dan message1 sampai message8 (BISA DIGANTI SESUAI KEINGINAN / SUPAYA MUDAH DIINGAT)
Kode <br> adalah untuk membuat baris baru dibawahnya
masukkan kode dibawah ini diantara tag <body> dan </body>
kodenya adalah sebagai berikut

 <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>My Hello Page</title>
        <style>
            body{background-color : tan;}
        </style>
    </head>
    <body>
        ${message1}<br>
        ${message2}<br>
        ${message3}<br>
        ${message4}<br>
        ${message5}<br>
 














4.  Jika proses diatas telah selesai, selanjutnya kita buka file Java Class













5.      Kemudian, kita buat variabel untuk Operasi angka di dalam Java
Format angka disini yang dipakai adalah int (integer) dan String (kata/kalimat)
Variabel Integer:
Variabel x dan y, dan variabel operasi penjumlahan, pengurangan, perkalian, pembagian, sisa pembagian, operasi AND, operasi OR, dan operasi pergeseran bit ke kiri.
contoh :
 

int x = 10;
        int y = 5;
        int tambah,kurang, bagi, kali, sisapembagian,bitkiri, AND, OR = 0;
            tambah = x + y ;
            kurang = x - y ;
            kali = x * y ;
            bagi = kali / x ;
            sisapembagian = tambah % x ;
            AND = x & kurang ;
            OR = x | AND ;
            bitkiri = 5120 << 1 ;
        String myMessage = "OPERASI HITUNG ARITMATIKA";
        String penjumlahan = "Hasil Penjumlahan     : ";
        String pengurangan = "Hasil Pengurangan     : ";
        String perkalian = "Hasil Perkalian         : ";
        String pembagian = "Hasil Pembagian         : ";
        String sisahasilpembagian = "Sisa Hasil Pembagian : ";
        String kiri = "Hasil Operasi Pergeseran Bit Kekiri : ";
        String and = "Hasil Operasi AND : ";
        String or = "Hasil Operasi OR : ";












6.   Selanjutnya kita buat pemanggil object yang akan ditampilkan
Objek yang akan ditampilkan harus sesuai dengan tampilan yang sudah kita buat pada file JSP
Formatnya adalah ( “objek pemanggil”, (variabel))
Atau (“objek pemanggil”, (variabel) + (variabel proses))
Objek pemanggilnya : Hello, message1, message2, message3, message4, message5, message6, message7, message8













7.    Setelah  selesai  membuat variabel  dan membuat objek pemanggilnya , selanjutnya kita deploy project kita caranya dengan (CTRL+S) atau dengan klik kanan pada project kemudian deploy





 







8.     Setelah selesai deploy, kemudian kita run atau open in browser













9. Jika berhasil maka tampilannya akan seperti dibawah ini :













TUGAS Nomor 2
1. Sama seperti tugas nomor 1, disini kita hanya merubah isi dari Java Class, mulai dari
membuat variabel baru, dan membuat objek pemanggil baru
Ketikan kode berikut pada Java Class anda :
@RequestMapping(value = "/tugas2")
    public ModelAndView tugas2(){
        int x = 5;
        int y = 10 , angkakeluar = 0;
        boolean bl = true;
        String pertama = "nilai x = ";
        String kedua = "Nilai y lebih dari x ";
        String ketiga = "Angka yang keluar adalah ";
        ModelAndView mav = new ModelAndView();
        mav.setViewName("hello");
        if ((x ==5)&& (x < y))
        mav.addObject("message1", pertama + x );
        if ((x == y) || (y > 1))

 












2. Kemudian kita deploy dan run
 Jika berhasil maka tampilannya akan seperti dibawah ini :

 











TUGAS Nomor 3
1.       Sama seperti tugas Nomor 1, dan Nomor 2  disini kita hanya merubah isi dari Java Class, mulai dari membuat variabel baru, dan membuat objek pemanggil baru
@RequestMapping(value = "/tugas3")
    public ModelAndView tugas3(){
        int x = 0;
        int y = 0;
        y = ++x;
        String a = "Contoh operator pada prefix (awalan) ";
        String b = "--------------------------------------";
        String c = "Nilai x baru : ";
        String d = "Nilai y = ++x : ";
        x = 0;
        y = 0;
        y = x++;
        String e = " Contoh operator pada suffix (akhiran)";
        String f = "--------------------------------------";
        String g = "Nilai x baru : ";
        String h = "Nilai y = x++ :";
        ModelAndView mav = new ModelAndView();
        mav.setViewName("hello");
        mav.addObject("message1", a);
        mav.addObject("message2", b);
        mav.addObject("message3", c + x);




    2. Kemudian kita deploy dan run
















Sekian terima kasih................................

MENGGUNAKAN FRAMEWORK JSF