Pemrogaman Dasar
Jumat, 18 Mei 2018
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 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;
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>
<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>
<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;
}
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 : ";
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
2. Kemudian kita deploy dan run
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................................
Langganan:
Postingan (Atom)
-
Laporan Hasil Praktikum Pemrogaman Terstruktur STRUKTUR DATA Mata Kuliah Praktikum Pemrogaman Terstruktur Dosen Pengampu Imanaji Ha...