h1 class=style1 align = center Form Daftarh1 form align= center name=Registrasi method=post action=
table width=274 height=173 border=0 align = center tr
td height=31Nama Lengkap :td tdinput type=text name=Nama_Lengkaptd
tr tr
tdNPM :td
tdinput type=text name=npmtd tr
tr tdPassword :td
tdinput type=password name=passtd tr
tr tdEmail
:td tdinput type=email name=emailtd
tr td
input type=submit name=submit value=Daftar td
tr table
form body
html
4.1.4.2 Form Halaman Utama
Form halaman utama ini menampilkan halaman utama yang terdapat menu 5 menu yaitu halaman Home, Modul yang terdiri 1 sampai dengan 8,Forum,
Histori dan Logout, pada halaman home terdapat file swf yang berisi pengenalan profile biodata yang membuat aplikasi modul jaringan komputer ini dan prosedur
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
pelaksanaan, lebih jelas bisa lihat pada gambar 4.7 halaman utama yang berisikan opening, gambar 4.8 halaman profile, gambar 4.9 halaman prosedur pelaksanaan
dan Script halaman utama.
Gambar 4.7 Halaman Utama
Gambar 4.8 Halaman Profile
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.9 Halaman Prosedur
include periksa.php; includeconfig.php;
? DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 StrictEN
http:www.w3.orgTRxhtml1DTDxhtml1-strict.dtd html xmlns=http:www.w3.org3000xhtml xml:lang=en
lang=en head
meta http-equiv=Content-Type content=texthtml; charset=utf-8
title?=title?title link rel=stylesheet href=style.css type=textcss
charset=utf-8 script type=textjavascript src=script.jsscript
style type=textcss body {
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4.1.4.3 Form Halaman Modul
Form halaman modul terdapat 3 menu yaitu menu Materi, Tutorial, dan
Latihan Soal. Menu Materi yang berisi materi yang akan di bahas lebih jelasnya bisa di lihat pada gambar 4.10 Halaman Modul Menu Materi.
Gambar 4.10 Halaman Modul Materi
Menu Tutorial yang berisi penjelasan dan contoh dari materi yang di bahas
yang di sajikan dalam bentuk Video dan suara jelas.
Gambar 4.11 Halaman Tutorial
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Menu latihan soal ini menampilkan soal pilihan ganda yang terdiri dari 4
pilihan yaitu a,b,c,d dan jawaban bisa terdiri dari teks dan Gambar. pada setiap modul terdapat 20 soal. Dan setelah latihan soal selesai di kerjakan
akan tampil hasil dari pengerjaan soal-soal seperti gambar 4.12 Nilai hasil.
Gambar 4.12 Halaman Latihan Soal
var letters:Array = [34,35,36,37,38,39,40,41,42];
var shuffledLetters:Array = new Arrayletters.length; var emptySlots:Array = new Array;
for var n:int = 0; n letters.length; n++ {
emptySlots.pushn; }
var randomPos:Number = 0; var actualSlot:Number = 0;
for var i:int = 0; i letters.length; i++ {
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.13 Nilai Hasil Latihan soal 4.1.4.4
Form Halaman Forum
Form halaman forum berguna untuk saling berdiskusi sesama user dan bisa saling sharing tentang modul jaringan komputer apabila menemukan soal
atau materi yang tidak jelas dan lain – lain, untuk lebih jelas bisa di lihat pada gambar 4.14 halaman forum dan script halaman forum
Gambar 4.14 Halaman forum
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
td width=81 bgcolor=111111 div align=centerstrongfont face=verdana size=2
color=FFFFFFFORUMfontstrongdivtd
td width=14 bgcolor=222222img src=.imgkanan.pngtd
tr tr
tddiv align=centerdivtd tdtable width=503 align=center
tr td width=495?
include conn.php; ?
p align=centerfont face=verdana size=2 ?
untuk paging query=mysql_db_querydb,select from forum where
ID_replay=0 order by tanggal desc,koneksi; input get_pages=mysql_num_rowsquery;
if get_pagesentries proses
4.1.4.5 Form Halaman Histori