Sistem Login Pendaftaran
Asalamualaikum wr. wb
Oke.
Di sini saya akan sedikit membantu para mahasiswa Jurusan yang berbau program mungkin ini terlalu sulit bagi orang awam karena kita di sini bermain dengan kode,simbol yang di kolaborasikan menjadi suatu inputan yang menghasilkan suatu codingan yang
dapat menghubungkan sutu dengan yang lain.
Pertama untuk belajar membuat program kita harus memiliki Laptop atau komputer karna ini adalah modal awal kita untuk melakukan hal tersebut.
dan yang ke-2 kita harus mempunyai Aplikasi Netbean atau java kalian bisa mendownload atau menginstal nya di sini https://netbeans.org/downloads/
Dan untuk program awal nya di sini saya akan membuat tentang JSP keliatan nya mudah tapi saya akan menjabarkan cara membuat program ini dari awal sampai selesai.
Dalam kasus Program ini saya akan membuat Sitem Login pendaftaran dalam sistem langsung menggunakan data base dan juga saya akan membantu untuk menampilkan STYLE dengan menambahkan CSS nya ke dalam codingan ini agar dapat menampilkan hasil nya di New Tab.
Tahap pertama
Open Source atau Aplikasi Netbean kalian di laptop atau komputer kalian.
Ketika sudah masuk ke dala halaman project saya akan membantu untuk memasukan codingan awal , dan kalian disini tinggal copas saja ke dalam project kalian karna saya sudah membuat nya se-simple mungkin agar kalian mudah untuk memahami nya :
Coding Awal :
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Form Pendaftaran</title>
</head>
<body bgcolor="yellow"
<body>
<center>
<h1>Selamat Datang</h1>
<h2>FORM PENDAFTARAN</h2>
<table border="0" width="400" bgcolor="cyan">
<form action="tugasjsp1.jsp" method="POST">
<caption><h2 Data Diri Anda </h2></caption>
<tr>
<td>Nama</td><td></td><td><input type="text" name="nama"></td>
</tr>
<tr>
<td>TTL</td><td></td><td><input type="text" name="ttl"></td>
<tr>
<td>Nim</td><td></td><td><input type="text" name="nim"></td>
</tr>
<tr>
<td>Jenis Kelamin</td><td></td><td><input type="radio" name="jk" value="Pria">Pria
<input type="radio" name="jk" value="Wanita">Wanita
</td>
</tr>
<tr>
<td>Alamat</td><td></td><td><textarea name="alamat"></textarea></td>
</tr>
</tr>
<tr>
<td>E-mail</td><td></td><td><input type="text" name="email"></td>
</tr>
<tr>
<td colspan="3" align="center"><input type="submit" value="Proses"><input type="reset" value="Cancel"></td>
</tr>
</form>
</table>
</body>
</html>
Hasil :
Jika sudah di copas anda boleh test dulu dengan alt-f6 atau langsung menggunakan TOOL di atas pilih RUN (Run Project) jika sudah berhasil tampil di halaman Web, berarti saya akan memberikan coding selanjut nya yaitu menggunakan (string) disni fungsi itu untuk memanggil codingan yang di awal tadi untuk menampilkan di halaman web berikut nya dengan hasil yang telah isi tadi di dalam login pendaftaran.
Oke.. saya akan memberikan contoh nya tinggal kalian copas saja tapi jangan di gabung ke dalam coding yang tadi tapi buat klik kanan pada (Web Page) lalu pilih NEW - JSP.
Coding Selanjutnya :
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tampil Data</title>
</head>
<body bgcolor="yellow"
<body>
<center>
<h1>Hasil Data</h1>
</body>
<%
String nama = request.getParameter("nama");
String ttl = request.getParameter("ttl");
String nim = request.getParameter("nim");
String jk = request.getParameter("jk");
String alamat = request.getParameter("alamat");
String email = request.getParameter("email");
%>
<table border="1" width="400" bgcolor='cyan'>
<form action='tugasjsp1.jsp' method='POST'>
<caption<h2>Form input data siswa</h2>
</caption>
<tr>
<td>Nama</td>
<td>:</td>
<td><%=nama %></td>
</tr>
<tr>
<td>TTL</td>
<td>:</td>
<td><%=ttl %></td>
</tr>
<tr>
<td>Nim</td>
<td>:</td>
<td><%=nim %></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><%=jk %></td>
</tr>
<tr>
<td>Alamat</td>
<td><%=alamat%></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><%=email%></td>
</tr>
</body>
</html>
</body>
</html>
Hasil :
Jika sudah jalan seperti ini maka project anda sukses dan kalian ingin tampilan lebih bagus lagi kalian bisa menambahkan dengan cara kalian sendiri ini hanya bentuk simple, Semoga dari program saya yang sederhana ini dapat membantu kalian dalam menjalankan Kuliah.
Tunggu ya project saya yang selanjut nya tetap pantengin aja Blog saya saya akan update setiap program yang baru dan lebih unik lagi.
Disini kita sama-sama belajar jika saya ada kekurangan mohon di maklumkan ,
Atas perhatian nya saya ucapkan Terima Kasih.
Wasalamualaikum wr.wb
Tidak ada komentar:
Posting Komentar