Scribd Logo
Upload

Welcome to Scribd!

  • Word

    Uploaded by

    s41t0_02
    19 views8 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    19 views8 pages

    Word

    Uploaded by

    s41t0_02

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 8

    7.

    1. HALAMAN AKTUAL
     home.html, tampilan awal situs, berisi informasi mengenai perusahaan notown. Jasa
    yang ditawarkan (order lagu), terdapat beberapa link diseblah kiri halaman yang akan
    mengarahkan user ke halaman yang di inginkan. Link tersebut yaitu :

     Registrasi, halaman yang disediakan bagi pengunjung bila ingin mendaftarkan dirinya
    (registrasi user).
     Login, bila user telah melakukan registrasi user menggunakan halaman ini jika ingin login,
    proses login harus dilakukan bila user berniat untuk memesan record.
     Search, halaman ini digunakan oleh user untuk melakukan pencarian record yang diinginkan
    berdasarkan judul lagu dan nama penyanyi . terdapat juga halaman untuk melakukan
    pemesanan, akan disediakan sebuah tabel yang memuat daftar dari pesanan yang telah di
    lakukan. User tidak akan dapat melakukan pemesanan record bila tidak melakukan proses
    login dan tentunya telah berhasil di verifikasi oleh server.

     Chart, sebuah akan memperlihatkan status dari pesanan dan terdapat sebuah tomhol hapus
    untuk menghapus item yang tidak jadi dipesan, juga terdapat sebuah tombol untuk kembali
    kehalaman search (jika ingin melakukan pemesanan berikutnya), jika user yakin ingin
    melakukan pemesanan dapat menekan tombol FIX untuk melakukan pemesanan.

     Logout jika user ingin keluar dari halaman ini.


    2. KODE

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>

    <body>
    <table width="100%" border="1" height="500 px" align=top>
    <tr>
    <td valign="top"><table width="100%" border="1" height="480 px">
    <tr>
    <td colspan="2" align="center"><h1><strong>NOTOWN
    WEBSITE</strong></h1></td>
    </tr>
    <tr>
    <td width="23%"><a href="home.html"><p>HOME</p></a>
    <p><a href="login.html"></a>
    <a href="login.html">LOGIN</a>

    </p>
    <p><a href="search.html">SEARCH</a></p>

    <p><a href="logout.html">LOGOUT</a></p>

    <p><a href="about.html">ABOUT</a></p></td>

    <td width="77%" align="center"><h3>SELAMAT DATANG DI WEBSITE


    NOTOWN</h3></td>

    </tr>

    <tr>

    <td colspan="2"
    align="center"><strong>----------------------------------------------------------------------------------
    ---------------------------</strong></td>

    </tr>

    </table></td>

    </tr>

    </table>
     Login

    <table width="28%" border="1" align="center">


    <tr>
    <td colspan="3" align="center">LOGIN</td>
    </tr>
    <tr>
    <td width="33%">NAMA</td>
    <td width="5%">:</td>
    <td width="62%"><label>
    <input type="text" name="txtname" />
    </label></td>
    </tr>
    <tr>
    <td>PASSWORD</td>
    <td>:</td>
    <td><input type="text" name="txtpassword" /></td>
    </tr>
    <tr>
    <td colspan="3" align="center"><label>
    <input type="submit" name="button" id="button" value="Submit" />
    </label></td>
    </tr>
    </table>
     SEARCH

    <table width="44%" border="1" align="center">


    <tr>
    <td colspan="3" align="center">SEARCH</td>
    </tr>
    <tr>
    <td width="47%">NAMA PENYANYI</td>
    <td width="3%">:</td>
    <td width="50%"><label>
    <input type="text" name="txtname" />
    </label></td>
    </tr>
    <tr>
    <td>JUDUL LAGU</td>
    <td>:</td>
    <td><input type="text" name="txtpassword" /></td>
    </tr>
    <tr>
    <td colspan="3" align="center"><label>
    <input type="submit" name="button" id="button" value="Submit" />
     Chart

    <table width="44%" border="1" align="center">


    <tr>
    <td colspan="3" align="center">SEARCH</td>
    </tr>
    <tr>
    <td width="47%">NAMA PENYANYI</td>
    <td width="3%">:</td>
    <td width="50%"><label>
    <input type="text" name="txtname" />
    </label></td>
    </tr>
    <tr>
    <td>JUDUL LAGU</td>
    <td>:</td>
    <td><input type="text" name="txtpassword" /></td>
    </tr>
    <tr>
    <td colspan="3" align="center"><label>
    <input type="submit" name="button" id="button" value="Submit" />
    3. Mengambil cookie

    <body>
    <table width="100%" border="1">
    <tr>
    <td><form action="validatelogin.jsp" method="get"><table width="28%"
    border="1" align="center">
    <tr>
    <td colspan="3" align="center">LOGIN</td>
    </tr>
    <tr>
    <td width="33%">NAMA</td>
    <td width="5%">:</td>
    <td width="62%"><label>
    <input type="text" name="txtname" />
    </label></td>
    </tr>
    <tr>
    <td>PASSWORD</td>
    <td>:</td>
    <td><input type="text" name="txtpassword" /></td>
    </tr>
    <tr>
    <td colspan="3" align="center"><label>
    <input type="submit" name="button" id="button" value="Submit" />
    </label></td>
    </tr>
    </table>
    </form></td>
    </tr>
    </table>
    <%
    String username = request.getParameter("nama").trim();
    String password = request.getParameter("password").trim();

    Cookie identitas = new Cookie(wa.getUserName(),wa.getPassword() );


    response.addCookie(identitas);
    %>
    </body>
    4. Verifikasi karakter dengan java script

    <script type=”text/javascript”>
    function valid(kata){
    var flag=0;
    var a;
    for(a=0;a<kata.length;a++){
    if(isNaN(kata[a])==true){
    flag++;
    }
    }
    return flag;
    }

    function validasi(form){
    if(form.txtNama.value==”"){
    alert(”Nama harap di isi”);
    }else if(!(valid(form.txtPassword.value)<form.txtPassword.value.length &&
    valid(form.txtPassword.value)!=0)){
    alert(”Password harus berupa huruf”);
    }
    </head>

    <body>
    <table width="100%" border="1">
    <tr>
    <td><form action="validatelogin.jsp" method="get"><table width="28%"
    border="1" align="center">
    <tr>
    <td colspan="3" align="center">LOGIN</td>
    </tr>
    <tr>
    <td width="33%">NAMA</td>
    <td width="5%">:</td>
    <td width="62%"><label>
    <input type="text" name="txtname" />
    </label></td>
    </tr>
    <tr>
    <td>PASSWORD</td>
    <td>:</td>
    <td><input type="text" name="txtpassword" /></td>
    </tr>
    <tr>
    <td colspan="3" align="center"><label>
    5 ?????

    You might also like