BAB I

ANALISA DAN PERANCANGAN SISTEM

1.1 Analisis Perangkat Keras

Perangkatkerasadalah sebuah hardware yang mendukungadanya software –

software di dalamnya.Tanpaadanyaperangkatkerasatau hardware

softwarepuntidakakanpernahada, demikian sebaliknya. Lebihtepatnya Hardware

merupakantempatatausaranaadanya software.

Berikutadalah analisisperagkatkeras (hardware) yang telahdigunakan.

1. Intel Core i3

2. Ram 2 GB

3. VGA 384 MB

4. Printer Epson

5. Hardisk 500 GB

6. Layar Wide Screen 14”

7. Wifi

1.2 Analisis Perangkat Lunak

Perangkatlunak atau software adalah sebuah program atau aplikasi-aplkasi

pendukung yang mendukungadanyapembuatan website ini.

Berikutadalahbeberapa software yang telah digunakan:

1. Windows 7 Ultimate

2. Adobe Photoshop Cs5

3. Macromedia Dreamweaver 8

4. Xampp (Versi 1.7.1)

5. Mozilla Firefox

6. Internet Explorer

1

7. Google Chrome

8. Notepad ++

9. Microsoft Word

10. Winrar

2

1.3 PerancangPerangkatLunak

1.3.1 Entity Relations ship ( ER – DIAGRAM )

Entity Relationship Diagram (ERD) adalah salah satu contoh dari

pemodelan data (data modeling) pada sebuah database.

BerikutadalahER_Diagram yang telahdirancang:

3

admin

id_adminuserpasslevel

nilai

id_ nilai id_ user benarsalahkosongipointtanggal

jurusan

id_jur usan jurusan

mapel

id_mapelmapelid_kelas

UserId_userNamaPassKelasJurusanAlamatfoto

soalid_soalid_ mapel nipsoaljwbAjwbBjwbDjwbC

kelas

id_kelaskelas

admin

id_adminuserpasslevel

nilai

id_ nilai id_ user benarsalahkosongipointtanggal

jurusan

id_jur usan jurusan

mapel

id_mapelmapelid_kelas

UserId_userNamaPassKelasJurusanAlamatfoto

soalid_soalid_ mapel nipsoaljwbAjwbBjwbDjwbC

1.3.2 Struktur Database

Pembuatan data base menggunakan beberapa tabel yang saling

berhubungan yaitu tabel-tabel untuk website Tonas. Tabel – tabel tersebut antara

lain:

Tabel Admin

Field Type Size Extraid_admin Int 10 auto_increment

User Varchar 100 -

Pass Varchar 100 -

Level Varchar 10 -

TabelJurusan

Field Type Size Extraid_jurusan Int 11 Auto_increment

Jurusan Int 11 -

Tabelkelas

Field Type Size Extraid_kelas Int 11 Auto_increment

kelas Varchar 100 -

Tabelmapel

Field Type Size Extraid_mapel Int 11 Auto_increment

Maple Varchar 100 -

Id_kelas Int 11 Auto_increment

Tabelnilai

4

Field Type Size Extraid_nilai Int 11 Auto_increment

Id_user Int 11 Auto_increment

benar Varchar 100 -

salah Varchar 20 -

kosong Varchar 10 -

point Varchar 12 -

tanggal Varchar 30 -

Tabel soal

Field Type Size Extraid_soal Int 11 Auto_increment

id_mapel Varchar 200 -

nip Longtext - -

soal Varchar 20 -

Penulis Varchar 50 -

Tgl Varchar 10 -

Gambar Text - -

table siswa

Field Type Size Extraid_siswa Int 11 Auto_increment

Nis Int 11 -

Nama Varchar 100 -

Kelas Int 2 -

Jurusan Varchar 10 -

Ttl Varchar 50 -

Alamat Varchar 500 -

Foto Text - -

Username Varchar 100 -

Pass Varchar 100 -

5

Tabelsoal

Field Type Size Extraid_soal Int 11 Auto_increment

id_test Int 11 -

Pertanyaan Text - -

pil_a Varchar 200 -

pil_b Varchar 200 -

pil_c Varchar 200 -

pil_d Varchar 200 -

pil_benar Char 1 -

Tabel test

Field Type Size Extraid_test Int 11 Auto_increment

id_materi Int 11 -

Judul Varchar 200 -

Waktu Varchar 10 -

nilai_total Varchar 10 -

jumlah_soal Int 11 -

tgl_post Varchar 10 -

Publish Int 1 -

Tabelraport

Field Type Size Extraid_raport Int 11 Auto_increment

id_siswa Int 11 -

id_test Int 11 -

Nilai Int 5 -

tgl_raport Varchar 10 -

6

1.4 Site Map Aplikasi

Site Map Halaman Administrator

Site Map Halaman Utama

7

HALAMAN ADMIN

ADMIN USER MAPEL LATIHAN SOAL NILAI

JAWAB

HALAMA UTAMA

PROFIL SOALHOME NILAIUJIAN

Jawab Hapus

Batal

BAB II

IMPLEMENTASI APLIKASI

Implementasi program dipergunakan untuk menampilkan hasil program yang telah

dibuat, meliputi halaman web utama yang digunakan untuk interface antar pengunjung

dengan program dan halaman web administrator yang dipergunakan untuk meng-

update data administrasi yang ada di website TEST ONLINE.

Adapun implementasi program yang telah dibuat adalah sebagai berikut :

2.1 Halaman Administrator

2.1.1 Halaman Administrasi Login

Halaman login administrasi ini muncul ketika halaman admin pertama

kali di panggil, artinya sebelum memasuki halaman administrasi, admin harus

login terlebih dahulu.

8

2.1.2 Halaman Administrasi Beranda

Halaman administrasi beranda adalah halaman awal ketika admin sudah

login dan memasuki halaman administrasi. Ketika admin sudah berhasil login

secara otomatis halaman beranda ini akan keluar dan tampil di awal.

2.1.3 Halaman Administrasi Admin

Halaman administrasi admin merupakan halaman dimana didalamnya

terdapat daftar dari beberapa admin. Di web kami, admin terdapat 2 level (Super

Admin & Admin Biasa).

9

2.1.4 Halaman Administrasi Tambah Admin

Halaman administrasi tambah admin ini berfungsi untuk menambahkan

admin baru.

2.1.5 HalamanAdministrasi Edit Admin

Halaman administrasi Edit Admin ini nantinya akan digunakan untuk

mengubah password & level admin yang sudahada di table admin sebelumnya.

10

2.1.6 Halaman Administrasi User

Halaman administrasi siswa ini menampung data mengenai siswa yang

sudah melakukan test.

2.1.7 Halaman Administrasi Tambah User

Halaman administrasi tambah siswa ini berfungsi untuk menambahkan

data siwa yang akan di daftarkan dalam table siswa nanti.

11

2.1.8 Halaman Administrasi Edit User

Halaman administrasi edit siswa ini berfungsi untuk mengubah data

siswa yang telah dipilih yang sebelumnya telah terdaftar di table siswa.

2.1.9 Halaman Administrasi Mapel

Halaman administrasi mapel adalah halaman yang menampilkan data

mata pelajaran yang akan di berikan di website test_online.

12

2.1.10 Halaman Administrasi Tambah Mapel

Halaman administrasi tambah mapel berfungsi untuk menambahkan data

mapel yang akan ditampilkan di table mapel

2.1.11 Halaman Administrasi Edit Mapel

Halaman administrasi edit mapel berfungsi untuk mengubah dta mapel

yang dipilih yang sebelumnya sudah terdaftar di table mapel.

13

2.1.12 Halaman Administrasi Soal

Halaman administrasi soal berfungsi untuk menampilkan data soal

mengenai SMK yang akan ditampilkan pada menu soal.

2.1.13 Halaman Administrasi Tambah Soal

Halaman administrasi Tambahsoal ini berfugsi untuk memudahakan

admin dalam menambah soal yang telah terdaftar.

14

2.1.14 Halaman Administrasi Edit Soal

Halaman administrasi edit soal ini berfungsi untuk mengedit soal

mengenai SMK yang nantinya akan di tampilkan pada beranda halam utama

website test_online.

15

2.2 Halaman Utama

2.2.1 Halaman Utama LoginHalaman utama Login ini akan tampil ketika pertama kali website

test_online dipanggil atau dikunjungi, sebelum memasuki website test_online

pengunjung harus login terlebih dahulu.

2.2.2 Halaman Utama Beranda

Halaman utama beranda ini akan pertama kali tampil ketika pengunjung

telah berhasil login.

16

2.2.3 Halaman Utama ProfilHalaman utama profil menampilkan profil test_online yang tersedia yang

telah di berikan. sebelum mengikuti test pengunjung bisa terlebih dahulu

mengetahui profil website kami yang telah tersedia.

2.2.4 Halaman Utama Soal UjianHalaman ini akan muncul ketika pengunjung siap untk menguji

kemampuan mereka dengan mencoba soal yang sudah ada.

17

2.2.5 Halaman Utama Mensubmit SoalHalaman utama Submit soal akan menapilkan pilihan apakah anda yakin

untuk mengetahui nilai soal yang anda kerjakan.

2.2.6 Halaman Utama Daftar NilaiHalaman ini akan muncul ketika pengunjung memilih ingin mengetahi

nilai yang ia dapatkan. nilai ini akan muncul sesuai dengan hasil anda

mengerjakan soal.

18