Archive for October 2016

Cara mempersiapkan area kerja untuk membuat aplikasi berbasis web.

October 12, 2016 Add Comment

Cara mempersiapkan area kerja untuk membuat aplikasi berbasis web.

Langkah langkah untuk membuat area kerja web.
Buka Xamp terlebih dahulu lalu di star apche & my sqlnya.
Kemudian ke local file c yang ada di hardisk anda dan pilih folder xamp.
Lalu buka lagi folder htdoch.....
Setelah membuka htdock buat folder dengan nama kalian masing  masing.
Setelah membuat folder sekarang kita coba buka notpate dan ketik sesuai selera kalian seperti contoh.

Lalu save as dan beri nama index.html/indexphp tapi saya mengunakan index.html dan save di folder kalian buat sesuai nama anda tadi.
Setelah anda save pastikan indexnya seperti ini....tidak berbentuk txt.
Setelah itu buka browser kalian dan isikan locahost dan nama folder yang kalian buat tadi seperti contoh.

Lalu enter pastikan akan muncul seperti ini yang anda di tulis di notpate tadi.
Setelah jadi mari kita coba membuka web punya temen kita dengan cara mengunakan ip adders  4, pertama buka open network dan syaring center dan klik akan muncul seperti ini.


Kemudian klik local area conenting dan klik lagi detail akan muncul seperti ini...

Lalu ketik ip adres 4 kmu ke komputer teman kalian deperti contoh.

Dan kemudian enter jika sudah ada tulisan seperti ada di pc kmu artinya kamu membuat sudah berhasil membuka web di pisi temanmu seperi contoh di bawah.

Ok kalo sudah semua berarti sudah jalan apa yang kita buat semoga bermanfaat tutorial dari saya tunngu tutorial dari saya lagi ya........


Untuk Link Tugasnya ada disini pak...Download _PDF

Tutorial Membuat biodata siswa

October 12, 2016 Add Comment

Tutorial Membuat biodata siswa

Untuk Htmlnya di sini :
<html>
 <head>
  <title>Input Biodata</title>
  <style type='text/css' >

  #button1 {
  padding-left:20px;
  text-align:left;
  }
  #button2 {
  padding-right:20px;
  text-align:right;
  }

  #kepala {
  font-Lucida Calligraphy:algerian,snap itc;
  font-size:25px;
  height:50px;
  }
  #kaki {
  height:30px;
  }
  #tabel1 {
  background-color:blue;
  width:410;
  padding:10px;
  box-shadow:white 0px 0px 4px 1px;
  border-radius:20px 20px 20px 20px;
  }
  #tabel2 {
  background-color:orange;
  padding:10px;
  box-shadow:white 0px 0px 4px 1px;
  border-radius:20px 0px 20px 0px;
  }
  #tabel1_isi {
  background-color:black;
  color:white;
  width:400; height:200;
  padding:5px;
  }
  </style>
  <body bgcolor='cornflowerblue'>
   <br/>
    <form action='index.jsp' method='get'>
   <table width="475" height="338" border='0' align='center' id='tabel1' >
    <tr id='kepala'>
     <th colspan='2' id='kepala'>BIODATA SISWA SMK HK</th>
    </tr>
    <tr>
     <td colspan='2'>
        <table align='center' id='tabel1_isi' border='0'>
            <tr>
            <td id='kolom1'>NIS :</td>
            <td><input type='text' name='nis' size='10' required></td>
            </tr>
            <tr>
            <td id='kolom1'>Nama :</td>
            <td><input type='text' name='nama' size='hobi0' required></td>
            </tr>
            <tr>
            <td id='kolom1'>Alamat :</td>
            <td><input type='text' name='alamat' size='hobi0' required></td>
            </tr>
            <tr>
            <td id='kolom1'>No. Telp :</td>
            <td><input type='text' name='no_telp' size='hobi0' required></td>
            </tr>
            <tr>
            <td id='kolom1'>Hobi :</td>
            <td><input type='text' name='hobi' size='hobi0' required></td>
            </tr>
        </table>
     </td>
    </tr>
    <tr id='kaki'>
     <td width="152" id='button1'>
     <input type='submit' value='proses'/>
     </td>
     <td width="313" id='buttonhobi'>
     <input type='reset' value='clear'/>
     </td>
    </tr>
    </div>
   </table>
 
   <% out.println(nama); %>
   <br/>
 
   <table id='tabel2' align='center'>
   <tr bgcolor='black' style='color:white'>
     <th width='30'>No</th>
     <th width='50'>Nis</th>
     <th width='150'>Nama</th>
     <th width='200'>Alamat</th>
     <th width='120'>No. Telp</th>
     <th width='100'>Hobi</th>
    </tr>
    <tr>
     <td>1</td>
     <td><% out.println(nis); %></td>
     <td>&nbsp;</td>
     <td><% out.println(alamat); %></td>
     <td><% out.println(no_telp); %></td>
     <td><% out.println(hobi); %>
      <%
    String nis = request.getParameter("nis");
    String nama = request.getParameter("nama");
    String alamat = request.getParameter("alamat");
    String no_telp = request.getParameter("no_telp");
    String hobi = request.getParameter("hobi");
    %></td>
    </form>
  </body>
</html>

Semoga bermanfaat......


Subscribe to: Posts (Atom)

Kategori

Kategori