Scribd Logo
Unggah

Selamat datang di Scribd!

  • Modul Membuat Halaman Login

    Diunggah oleh

    Hadrano Elclasico
    55 tayangan11 halaman

    Judul Asli

    2241418 Modul Membuat Halaman Login

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    55 tayangan11 halaman

    Modul Membuat Halaman Login

    Diunggah oleh

    Hadrano Elclasico

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 11

    43 MODUL VII MEMBUAT HALAMAN LOGIN dan PENGGUNAAN SESSION

    A. MAKSUD DAN TUJUAN 1. Maksud Membuat Validasi untuk administrator Melakukan query untuk menghapus dan mengedit data

    2. Tujuan Mahasiswa dapat membuat halaman login untuk administrator sehingga tidak semua user dapat mengakses halaman tersebut. Mahasiswa mengerti penggunaan session Mahasiswa dapat membuat script pemrograman untuk melakukan edit data melalui form dan untuk menghapus data

    B. DASAR TEORI Untuk melakukan edit dan update data dihalaman web, biasanya harus dibuat halaman tersendiri untuk administrator, sehingga tidak semua user bisa masuk ke halaman ini. User hanya bisa mengisi form entry data, tetapi tidak berhak untuk melakukan edit dan update, serta menghapus data.

    SESSION Session digunakan untuk menyimpan variable didalam server. Beberapa fungsi yang berhubungan dengan session antara lain: Fungsi session_start() session_register() Kegunaan Memanggil session Berfungsi untuk menuliskan nama variable serta isinya pada file, sehingga selama browser tidak ditutup, nama variable akan tetap disimpan pada browser Mengakhiri session serta menghapus semua variable session Menghapus semua variable register pada session

    session_destroy session_unset()

    44 C. PRAKTIK

    1. Sebelum membuat script PHP untuk halaman administrator, terlebih dahulu harus membuat sebuah table dengan nama admin dalam database klub untuk menyimpan data login dan password administrator. Jalankan MySql (Ingat bagaimana cara menjalankan MySQL seperti pada modul V). Jika sudah berada dalam direktori mysql, ketikkan perintah use klub; karena tabel admin akan dibuat dalam database klub.

    Setelah mengaktifkan database klub, ketikkan perintah untuk membuat tabel admin dengan field-field berikut : Nama Field User_name* Password
    * = primary key

    Tipe Varchar Varchar

    Panjang 15 20

    Tampilan di command Prompt seperti berikut jika table sukses dibuat :

    2. Setelah itu isikan sebuah record berikut ini : user_name password administrator jangan tanya Gunakan perintah insert untuk memasukkan data seperti berikut :

    45

    3. Sekarang buatlah script berikut yang nantinya sebagai halaman web untuk menampilkan form login bagi administrator. Simpan dengan nama admin.php.
    <html> <head> <title>Halaman Khusus Administrator</title> </head> <body> <h2>Masukkan Username dan Password</h2> <form method="post" action="tampil_data.php"> <? echo "User Name : input type=text name=user_name id=user_name><br>"; echo "Password : <input type=text name=password id=password<br>"; echo "<input type=submit name=submit value=Login>"; ?> </form> </body> </html>

    4. Buatlah script untuk melakukan validaasi. Simpan dengan nama valid.php


    <? function valid($user, $pass) { global $user_name, $password; $sql = "SELECT * FROM admin WHERE user_name = '$user' and password = '$pass'"; $query = mysql_query($sql); if (! $query) { return FALSE; echo mysql_error(); exit; } $row = mysql_num_rows($query); if ($row != 0) return TRUE;

    46
    else return FALSE;

    } ?>

    5. Sekarang ketikkan script untuk menampilkan semua data yang ada dalam tabel anggota. Simpan dengan nama tampil_data.php
    <? include "koneksi.php"; include "valid.php"; session_start(); if(!valid($user_name,$password)) { header("location: admin.php"); exit; } session_register(user_name); session_register(password); ?> <html><head> <title>::Menampilkan data Anggota Klub HEBAT:: </title> </head> <body> <? if($action == "delete") { $hapus = "DELETE FROM anggota WHERE id = '$id'"; if(!$query = mysql_query($hapus)) echo mysql_error(); else echo "data berhasil dihapus"; } elseif($action == "edit") { $edit_data = "UPDATE anggota SET nama = '$nama', alamat = '$alamat', hp = '$hp', email = '$email' WHERE id = '$id'"; if(!$query = mysql_query($edit_data)) echo mysql_error(); else echo "<strong>data berhasil di edit</strong>"; } echo "<h2>DAFTAR ANGGOTA KLUB HEBAT</h2>"; echo "<table border=1>"; echo "<tr><td>No</td> <td>Nama</td> <td>Alamat</td> <td>Email</td> <td>Hp</td> <td>Edit</td> <td>Hapus</td></tr>";

    47

    $sql = "SELECT * FROM anggota"; $query = mysql_query($sql); while($baca = mysql_fetch_array($query)) { $x++; echo "<tr><td> $x </td>"; echo "<td> $baca[nama] </td>"; echo "<td> $baca[alamat] </td>"; echo "<td> $baca[email] </td>"; echo "<td> $baca[hp] </td>"; echo "<td> <a href=form_edit.php?id=$baca[id]>edit</a> </td>"; echo "<td> <a href=tampil_data.php?action=delete&id=$baca[id]> hapus</a> </td></tr>"; } echo "</table>"; ?> </body> </html>

    6. Sebelum data diedit, maka diperlukan form untuk menampilkan data tersebut. Sehingga data dapat dirubah dengan mengganti isian melalui form tersebut. Ketikkan script beriku dan simpan dengan nama form_edit.php.
    <? include "koneksi.php"; include "valid.php"; session_start(); if(!valid($user_name,$password)) { header("location: admin.php"); exit; } ?> <html> <head> <title>Form Edit Data</title> </head> <body> <? $sql = "SELECT * FROM anggota WHERE id = '$id'"; $query = mysql_query($sql); $row = mysql_fetch_array($query); echo "<h2> EDIT DATA ANGGOTA KLUB HEBAT </h2>"; echo "<form action=tampil_data.php method=post>"; echo "<input type=hidden name=id value=$row[id]>";

    48
    echo echo echo echo "Nama : <input type=text name=nama value=$row[nama]><br>"; "Alamat : <textarea name=alamat>$row[alamat]</textarea><br>"; "Hp : <input type=text name=hp value=$row[hp]><br>"; "Email : <input type=text name=email value=$row[email]><br>"; echo "<input type=submit name=action value=edit>"; echo "</form>"; ?> </body> </html>

    7. Sekarang jalankan web browser dan buka file admin.php. Isikan username dan password (user name = administrator dan password = jangan tanya), atau sesuaikan username dan password dengan yang anda isikan pada saat melakukan insert data dalam table admin. Jika username atau password yang dimasukkan salah, maka tidak bias mengakses halaman lainnya. 8. Jika username dan password yang dimasukkan benar, maka akan masuk kedalam halaman tampil_data.php. Sekarang lakukanlah pengeditan data dengan meng-klik link edit disetiap data yang akan diedit. Form untuk melakukan edit data akan tampil, ubahlah data dan klik tombol edit. Perhatikan apakah data sudah berubah? 9. Lakukan juga menghapus data dengan meng-klik link hapus.

    49 D. TUGAS 1. Pada file admin.php, ubahlah type untuk password sehingga ketika mengetikkan password pada kotak isian password, browser hanya menampilkan tanda bulatan, tidak menampilkan ketikan yang diisikan. Sehingga tampilan pada browser sebagai berikut :

    2. Tambahkan sebuah link dihalaman tampil_data.php untuk logout (keluar) dari halaman administrator. Hubungkan link ke halaman keluar.php. Sebelumnya ketiklah terlebih dahulu script untuk logout dan simpan dengan nama keluar.php
    <? session_start(); $user_name = ''; $password = ''; session_destroy(); header("location: admin.php"); ?>

    50 MODUL VIII MENERAPKAN MULTIMEDIA DALAM WEB

    A. MAKSUD DAN TUJUAN 1. Maksud Menyisipkan multimedia dalam halaman web (dapat berupa suara, ataupun video) 2. Tujuan Mahasiswa dapat membuat background web dengan menggunakan suara Mahasiswa dapat menampilkan video dalam halaman web

    B. DASAR TEORI Sebuah web juga dapat menyertakan multimedia didalamnya. Tipe suara dan video yang dapat disertakan dalam halaman web antara lain : Format
    AVI MPEG Quick Time AIFF AU MIDI WAV

    Kategori
    Video Video Video Audio Audio Audio Audio

    Ekstensi
    avi mpg, mpeg qt, mov aif, aiff au mid, midi wav

    Tag <BGSOUND> Tag ini berfungsi untuk memainkan suara sebagai latar belakang. Atribut yang digunakan dalam tag <BGSOUND> yaitu : Atribut SRC LOOP Kegunaan Menentukan nama berkas yang akan dimainkan Diisi dengan nilai yang menyatakan berapa kali berkas akan dimainkan. Jika diisi dengan nilai INFINITIVE maka suara akan dimainkan terus menerus

    Tag <EMBED> Tag ini digunakan untuk memainkan berkas yang berupa suara ataupun film. Beberapa atribut yang digunakan dalam tag <EMBED> antara lain: Atribut Kegunaan

    51 SRC WIDTH HEIGHT UNITS HIDDEN AUTOSTART LOOP Menentukan sumber berkas Menentukan lebar video Menentukan tinggi video Menentukan satuan untuk video Menyembunyikan control Diisi dengan nilai TRUE atau FALSE untuk menentukan berkasa akan dimainkan secara otomatis atau tidak Jika diisi dengan TRUE, maka berkas akan dimainkan berulangulang.

    C. PRAKTIK

    1. Ketikkan script berikut dan simpan dalam file musik.htm .


    <html> <head> <title>Halaman Web diiringi Musik</title> </head> <body> Selamat Mendengarkan Musik Daerah Sunda <bgsound src="lagu.wav" loop="2"> </body> </html>

    Jalankan di Web browser. Dengarkan suara yang menyertai web tersebut. Berapa kali berkas suara tersebut diputar?

    2. Ketikkan script berikut dan simpan dengan nama video.htm


    <html> <head> <title>Menonton video di Web</title> </head> <body> <embed src="hands.avi" height="300" width="300" units="pixels" autostart="true" loop="false"></embed> </body> </html>

    Jalankan di web browser.

    3. Untuk menyertakan multimedia, dapat juga dengan membuat link untuk menghubungkan ke suara atau video. Ketiklah script berikut dan simpan dengan nama link_multimedia.htm

    52
    <html> <head> <title>Link Multimedia</title> </head> <body> Untuk mendengarkan musik klik link berikut ini :<br> <a href="lagu.wav">Musik Daerah</a><br><br> Jika ingin menonton video, klik link berikut :<br> <a href="hands.avi">Video</a> </body> </html>

    Jika dijalankan di web browser, maka hasilnya sebagai berikut:

    Cobalah klik salah satu link. Akan tampil kotak dialog yang menanyakan file tersebut mau dismpan atau dijalankan langsung. Klik Open. Maka file suara atau video tersebut akan ditampilkan.

    53 D. TUGAS 1. Buatlah sebuah halaman web yang menyertakan file suara sebagai background. Berkas suara tersebut hanya dimainkan sekali (tidak diulang). 2. Cobalah memasukkan berkas video atuapun audio dengan menggunakan formatformat yang lain. (misalnya untuk berkas suara menggunakan file yang berekstensi .mid)

    Anda mungkin juga menyukai