MAKALAH TENTANG KEAMANAN WEB

D
I
S
U
S
U
N

OLEH :
Teuku Muhammad Rivai
Muhammad Zuhri
Mustafa Wahid
Wahyu Asrian

SMKN 1 LHOKSEUMAWE
Tahun Ajaran 2017/2018
 KATA PENGANTAR

Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Panyayang,

Kami panjatkan puja dan puji syukur atas kehadirat-Nya, yang telah melimpahkan

rahmat, hidayah, dan inayah-Nya kepada kami, sehingga kami dapat menyelesaikan

makalah tentang membuat Keamanan Web dan Membuat Admin dan User.

Lhokseumawe
23 November 2017

Penyusun Makalah
 DAFTAR ISI

Kata Pengantar 1.

Daftar Isi 2.

Keamanan Web 3.

Admin dan User 4.

 Keamanan Web
1. Buka Dream Weaver CS3.
2. Kemudian pilih file Index-admin.php.
3. Lalu klik “Logout” di Header Index-admin.php,kemudian tekan insert di Header
Adobe DW CS3 arahkan ke “Data Object” lalu “User Authentication” lalu “Logout
User”.
4. Akan muncul Popup baru,klik “Browse”, pilih “Index-login.php, klik Oke lalu klik Oke
lagi.
5. Masuk ke “Index-user.php” klik “Logout” pada Header “Index-user.php” lalu arahkan
dan tekan ke Insert di Header Adobe DW CS3 lalu “Data Objects” lalu “User
Authentication” lalu “Logout User”.
6. Akan muncul Popup baru klik Browse,klik Index-login.php lalu klik Oke dan Oke lagi.
7. Kemudian Save all di bagian Header file.
8. Masuk ke “Akses.php” ubah Design ke Code.
9. Buat Document baru dengan menekan Ctrl+N dengan nama Akses1.php.
10. Klik Insert “Data Object” lalu “User Authenticatian” lalu “Restrick Access To Page”
lalu klik Brouse kemudian pilih file “Index-login.php” klik Oke dan Oke lagi, kemudian
klik file di Header CS3 pilih Save all.
11. Kemudian masuk ke “Index-admin.php” ubah Design menjadi Code lalu tambahkan
Listing di paling ayas sebagai berikut : <?php include (’akses1.php’);?> .
12. Masuk ke “Index-user.php ubah Design menjadi Code, lalutambahkan Listing di
paling atas sebagai berikut : <?php include (’akses1.php’);?> .
13. Kemudian Save all.
14. Lalu coba Akses halaman “Index-user.php” dan “Index-admin.php” apakah akan
Redirect ke halaman “Index-login.php”.
 ADMIN & USER

Langkah-langkah membuat admin dan user:

 Buka adobe dreamwever

 Insert gambar bernama apche_pb, lalu ok
 Ubah ukuran gambar dengan W=100% H=100
 Pada layer ganti format heading 1 menjadi heading 4
 Pada code index-admin.php copy listcode yang berada di line 55
< div id”footer”>

<p>footer</p>

<!—end#footer--></div>
 Lalu paste dibawah line 51 yang berliscode
<!—end#header--></div>
 Lalu pilih insert spryspry menu barhorizontal,OK
 Pada menu bar properties, ganti teks 1=home, dan link=index-login.php
 Pada item 2 ganti teks transaksi,link=#,lalu+menu transaksi sebanyak 3 item
 Ganti untitled item pada transaksi menjadi input transaksi, link=tambah-
transaksi.php
 Lalu pada untitled item 2 ganti text=edit transaksi, link=edit-transaksi.php
 Untitled item 3 ganti text=laporan transaksi, link=laporan-transaksi.php
 Pada menu bar item 3 ganti text=karyawan
 Pada item 3.1 ganti text=input karyawan, link=tambah-karyawan.php
 Item 3.2 text=edit karyawan, link=edit-karyawan.php
 Item 3.3 text=laporan transaksi, link=laporan-transaksi.php
 Pada menu bar item 4 text=konsumen, insert pd menu konsumen sebanyak 3 item
 Untitled item 1 text=input konsumen Link tambah-konsumen.php
target=tengah
 Untitled item 2 text=edit konsumen, link=edit-konsumen.php
 Untitled item 3 text=laporan konsumen, link=laporan-konsumen.php
 Tambah item pada menu bar dengan text=barang, lalu tambah untitled item sebanyak 2
buah
 Untitled item 1 text=pembelian barang, link=beli-barang.php. target=tengah
 Untitled item 2 text=pemakaian barang, link=pakai-barang. Target=tengah
 Tambah lagi pada menubar text= logout
 Pada bagian heading 4. Buatlah watermark sesuka kalian contoh= created by CJ7.G2A
 Klik di heading 4
 Buka insertHTMLframesIFrame
Tambahkan listcode pada line 100
<h4><iframe name=”tengah”.width=”100%”height=”500”
Frame border=”0”></iframe>&nbsp;</h4>
 Setelah itu save dengan nama index-admin.php
 Buka pada localhost, lalu buka file index-admin.php untuk melihat hasil kerja kita
 Pada index-user.php, insert gambar=apche_pb
 Atur ukuran gambar dengan W=100% H=100
 Pada properties atur format=heading 5
 Pada heading 4 buatlah watermark yang sama seperti di inbox-admin
 Pada format paragraph, klik inserttable atur row=1 columns=5, ok
 Atur lebar tabel sepanjang 703
 Pada columns 1 ketik home, columns 2 = tariff, columns 3= tips/berita, columns4= logout
 Pada columns 5, pilih insertformtext field
 Pada form input tag, ketik di ID=cari, ok
 Pada bagian samping kanan columns 5, klik insertformbutton, from input tag, isi
ID=search, ok
 Pada buttonnya ganti valuennya dari submit menjadi search
 Ganti background table sesuai kemauan kalian masing-masing
 Pada heading 3, insertHTMLFramesIframe
 Pada line 70 ganti list codenya menjadi
<h5><iframe name=”tengah”width=”100%”,height=”500”
Frameborder=”0”></iframe>&nbsp;</h5>
 Pada properties home tulis di link=index-login.php
Pada properties tarif tulis di link=tariff.php
Pada properties tips/berita tulis di link=berita.php