BAB IV RANCANGAN SYSTEM DAN PROGRAM USULAN

(1)

27

BAB IV

RANCANGAN SYSTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

System pemilihan osis bebasis web (e-voting) di sekolah Mts Ar-rahmah ini mempunyai analisa kebutuhan yang meliputi tahapan analisis, use case diagram, dan activity diagram.

4.1.1. Tahapan Analisis

System pemilihan osis berbasis web (e-voting) ini dalam tahapan analisis meliputi analisa kebutuhan untuk Administrator dan analisa kebutuhan untuk siswa (user). Berikut spesifikasi kebutuhan (system requirement) dari sistem e-voting osis, sebagai berikut:

Halaman Administrator:

A1. Admin dapat melakukan login A2. Admin dapat mengelola data user

A3. Admin dapat mengelola data calon kandidat A4. Admin dapat mengelola data hasil voting Halaman User:

B1. User dapat melakukan login

B2. User dapat melihat beranda calon kandidat B3. User dapat memilih calon kandidat

(2)

4.1.2. Use Case Diagram

1. Use Case Diagram Halaman Admin

Gambar IV.1.

Use Case Diagram Halaman Admin

Tabel IV.1. Deskripsi Use case Diagram Halaman Login admin Use Case Name Login

Requirment A1

Goal Admin dapat melakukan login dengan memasukkan username dan password

Pre-condition Admin login dan masuk ke sistem Post-condition Sistem menampilkan halaman admin

Failed end condition Admin tidak bisa melakukan login dengan tidak memasukkan username dan password

Primary Actor Admin

(3)

Main Flow/Basic Path 1. Admin login terlebih dahulu jika sudah mempunyai username dan password dan klik login.

2. Masuk ke halaman admin

Invariant -

Tabel IV.2. Deskripsi Use case Diagram Halaman Mengelola User Use Case Name Mengelola user

Requirment A2

Goal Admin dapat mengelola data pelanggan setelah melakukan login

Pre-condition Admin dapat melihat halaman data user Post-condition Admin tidak dapat melihat halaman data user Failed end condition Admin tidak melakukan login

2. Admin dapat melihat halaman data user

3. Admin dapat merubah data user dengan memilih tombol edit

4. Admin dapat menghapus data user dengan memilih hapus

Invariant -

Tabel IV.3. Deskripsi Use case Diagram Halaman Mengelola Kandidat Use Case Name Mengelola Kandidat

Requirment A3

Goal Admin dapat mengelola data kandidat setelah melakukan login

Pre-condition Admin dapat melihat halaman data kandidat Post-condition Admin tidak dapat melihat halaman data kandidat Failed end condition Admin tidak melakukan login

2. Admin dapat melihat halaman data kandidat

3. Admin dapat merubah data

kandidat dengan memilih tombol edit

4. Admin dapat menghapus data kandidat dengan memilih hapus

Invariant -

(4)

Tabel IV.4. Deskripsi Use case Diagram Halaman Mengelola Hasil Voting Use Case Name Mengelola hasil voting

Requirment A4

Goal Admin dapat mengelola data hasil voting setelah melakukan login

Pre-condition Admin dapat melihat halaman data hasil voting Post-condition Admin tidak dapat melihat halaman data hasil

voting

Failed end condition Admin tidak melakukan login

2. Admin dapat melihat halaman data hasil voting 3. Admin dapat menyimpan data hasil voting

dengan memilih tombol save

4. Admin dapat mencetak data hasil voting dengan memilih cetak

Invariant -

2. Use Case Diagram Halaman User

Gambar IV.2.

Use Case Diagram Halaman User

(5)

Tabel IV.5. Deskripsi Use case Diagram Halaman Login User Use Case Name Login

Requirment B1

Goal User dapat melakukan login dengan memasukan nomor induk siswa

Pre-condition User sudah memiliki nomor induk siswa

Post-condition System menampilkan halaman beranda calon kandidat Failed end condition User salah memasukan nomor induk siswa

Primary Actor user

Main Flow/Basic Path 1. User login terlebih dahulu dengan mamsukan nomor induk siswa

2. Jika nomor induk siswa benar maka akan tampil halaman beranda calon kandidat

3. Jika nomor induk siswa salah maka aka ada notifikasi bahwa nomor induk siswa salah

Invariant -

Tabel IV.6. Deskripsi Use case Diagram Halaman Beranda Calon Kandidat Use Case Name Melihat beranda calon kandidat

Requirment B2

Goal User dapat melihat beranda calon kandidat

Pre-condition User tidak dapat melihat calon kandidat di beranda Post-condition System menampilkan halaman yang ada di beranda Failed end condition User tidak dapat mengelola calon kandidat yang

ada id beranda Primary Actor user

Main Flow/Basic Path 1. User login terlebih dahulu dengan mamasukan nomor induk siswa

2. User dapat masuk ke halaman beranda 3. User dapat melihat calon kandidat di beranda

Invariant -

Tabel IV.7. Deskripsi Use case Diagram Halaman Pemilihan Calon Kandidat Use Case Name memilih calon kandidat

Requirment B3

Goal User dapat memilih calon kandidat Pre-condition User tidak dapat memilih calon kandidat Post-condition System menampilkan calon kandidat Failed end condition User tidak dapat memilih calon kandidat Primary Actor user

Main Flow/Basic Path 1. User login terlebih dahulu dengan mamasukan nomor induk siswa

2. User dapat masuk ke halaman beranda 3. User dapat melihat visi misi calon kandidat

(6)

4. User dapat memilih calon kandidat

Invariant -

4.1.3. Activity Diagram

1. Activity diagram login admin

Gambar IV.3.

Activity Diagram Login Admin

(7)

2. Activity diagram halaman bagian admin

Gambar IV.4.

Activity Diagram Beranda Admin

(8)

3. Activity diagram halaman daftar user admin

Gambar IV.5.

Activity Diagram Halaman User Admin

(9)

4. Activity diagram halaman daftar kandidat admin

Gambar IV.6.

Activity Diagram Halaman Calon Kandidat Admin

(10)

5. Activity diagram halaman hasil voting admin

Gambar IV.7.

Activity Diagram Halaman Hasil Voting Admin

(11)

6. Activity diagram halaman login user

Gambar IV.8.

Activity Diagram Halaman login user

(12)

7. Activity diagram pemilihan kandidat user

Gambar IV.9.

Activity Diagram Halaman pemilihan kandidat user

(13)

4.2. Desain 4.2.1. Database

1. Entity Relationship Diagram (ERD)

Gambar IV.10.

ERD (Entity Relationship Diagram)

(14)

2. Logical Record Structure (LRS)

Gambar IV.11.

LRS (Logical Record Structure)

3. Spesifikasi File

Spesifikasi file yang memberikan penjelasan secara rinci tentang masing- masing file yang di gunakan dalam system

1) Spesifikasi File Admin Nama file : admin Akronim : admin

Fungsi : untuk masuk kehalaman admin

(15)

Tipe file : file master Akses file : random

Media : hardisk

Panjang record : 341 Kunci file : id_admin Software : mysql

Tabel IV.8.

Spesifikasi File Tabel admin N

o

Elemen Data Akronim Tipe Data Panjang Keterangan

1 Id admin Id_pelanggan tinyint 1 Primary key

2 Username username Varchar 35

3 Fullname fullname Varchar 50

4 pasword password Varchar 255

2) Spesifikasi File User Nama file : user Akronim : user

Fungsi : untuk melihat data siswa Tipe file : file master

Akses file : random

Media : hardisk

Panjang record : 63 Kunci file : id_user Software : mysql

(16)

Tabel IV.9.

Spesifikasi File Tabel User N

o

1 Id user Id_user Varchar 10 Primary key

2 Fullname fullname Varchar 50

3 Id kelas Id_kelas Varchar 3

4 Jenis kelamin JK Enum(‘L’,’P’)

5 pemilih pemilih Enum(‘Y’,’N’)

3) Spesifikasi File Kandidat Nama file : kandidat Akronim : kandidat

Fungsi : untuk melihat kandidat dan dipilih Tipe file : file master

Akses file : random

Media : hardisk

Panjang record : 828

Kunci file : id_kandidat Software : mysql

Tabel IV.10.

Spesifikasi File Tabel Kandidat N

o

1 Id kandidat Id_kandidat smallint 4 Primary key

2 Nama calon Nama_calon Varchar 50

3 foto foto Varchar 255

4 visi visi Varchar 255

5 misi misi Varchar 255

6 periode periode Varchar 9

(17)

4) Spesifikasi File Suara Nama file : suara Akronim : suara

Fungsi : hasil vote calon kandidat Tipe file : file master

Akses file : random

Media : hardisk

Panjang record : 23 Kunci file : nis Software : mysql

Tabel IV.11.

Spesifikasi File Tabel Suara N

o

Elemen Data Akronim Tipe Data Panjang Keterangan 1 Nomor induk

s i s w a

nis Varchar 10

2 Id kandidat Id_kandidat smallint 4

3 periode periode Varchar 9

5) Spesifikasi File Kelas Nama file : kelas Akronim : kelas

Fungsi : untuk melihat kelas Tipe file : file master

Akses file : random

Media : hardisk

Panjang record : 13

(18)

Kunci file : id_kelas Software : mysql

Tabel IV.12.

Spesifikasi File Tabel Kelas N

o

1 Id kelas Id_kelas Varchar 3 Primary key

2 Nama kelas Nama_kelas Varchar 10

4. Class Diagram

Gambar IV.12.

Class Diagram

(19)

4.2.2. Software Architecture 1. Deployment Diagram

Menggambarkan tata letak sebuah sistem secara fisik, menampakkan bagian- bagian software yang berjalan pada bagian-bagian hardware.

Gambar IV.12.

Deployment Diagram

2. Component Diagram

Component diagram menggambarkan struktur dan hubungan antar komponen perangkat lunak termasuk ketergantungan (dependency).

(20)

Gambar IV.13.

Component Diagram

4.2.3. User Interface

1. Interface Halaman Login Admin

Gambar IV.14.

(21)

Interface Halaman Login Admin 2. Interface Halaman Dashboard Admin

Gambar IV.15.

Interface Halaman Dashboard Admin 3. Interface Halaman Form Edit Profil Admin

Gambar IV.16.

Interface Halaman Form Edit Profil Admin

(22)

4. Interface Halaman Form Ganti Password Admin

Gambar IV.17.

Interface Halaman Form Edit Profil Admin 5. Interface Halaman Daftar Siswa Admin

Gambar IV.18.

Interface Halaman Daftar Siswa Admin

(23)

6. Interface Halaman Tambah Data Siswa Admin

Gambar IV.19.

Interface Halaman Tambah Data Siswa Admin 7. Interface Halaman Edit Data Siswa Admin

Gambar IV.20.

Interface Halaman Edit Data Siswa Admin

(24)

8. Interface Halaman Daftar Kandidat Admin

Gambar IV.21.

Interface Halaman Daftar Kandidat Admin 9. Interface Halaman Tambah Kandidat Admin

Gambar IV.22.

Interface Halaman Tambah Kandidat Admin

(25)

10. Interface Halaman Edit Data Kandidat Admin

Gambar IV.23.

Interface Halaman Edit Data Kandidat Admin 11. Interface Halaman View Kandidat Admin

Gambar IV.24.

Interface Halaman View Kandidat Admin

(26)

12. Interface Halaman Daftar Kelas Admin

Gambar IV.25.

Interface Halaman Daftar Kelas Admin 13. Interface Halaman Tambah Kelas Admin

Gambar IV.26.

Interface Halaman Tambah Kelas Admin

(27)

14. Interface Halaman Edit kelas admin

Gambar IV.27.

Interface Halaman Edit Kelas Admin 15. Interface Halaman Perolehan Suara Admin

Gambar IV.28.

Interface Halaman Perolehan Suara Admin

(28)

16. Interface Halaman Login User

Gambar IV.29.

Interface Halaman Login User 17. Interface Halaman Pemilihan Kandidat User

Gambar IV.30.

Interface Halaman Pemilihan Kandidat

(29)

18. Interface Halaman Form Profil Kandidat User

Gambar IV.31.

Interface Halaman Form Profil Kandidat 19. Interface Halaman Terimakasih User

Gambar IV.32.

Interface Halaman Terimakasih User

(30)

4.3. Code Generation

1. Halaman Beranda Admin

<?php defined('BASEPATH') or die("No access direct allowed"); ?>

<div class="columns large-2 medium-3 small-12 no-print"

id="nav">

<ul>

<a href="#" class="dropdown-toggle"><?php echo

strtoupper($_SESSION['user']); ?> <span class="float- right">▼</span></a>

<li>

<a href="?page=edit_profil">Edit Profil</a>

</li>

<li>

<a href="?page=change_password">Ganti Password</a>

</li>

<li>

<a data-toggle="animatedModal10" href="#" >Logout</a>

</li>

</ul>

</li>

(31)

<li>

<a href="./" >Dashboard</a>

</li>

<li>

<a href="?page=user" >Manajemen User</a>

</li>

<li>

<a href="?page=kandidat" >Manajemen Kandidat</a>

</li>

<li>

<a href="?page=kelas" >Manajemen Kelas</a>

</li>

<li>

<a href="?page=perolehan" >Perolehan Suara</a>

</li>

</ul>

</div>

2. Halaman Pemilihan Kandidat

<?php

define("BASEPATH", dirname(__FILE__));

session_start();

if (!isset($_SESSION['siswa'])) { header('location:./index.php');

}

(32)

?>

<!DOCTYPE html>

<html>

<head>

<title>E - Voting</title>

body {

background-color: #011b3b;

color: #fff;

} .img {

min-height: 250px;

max-height: 250px;

max-width: 250px;

}

.button.success {

background-color: #059f3e;

color: #ebebeb;

}

.button.success:hover, .button.success:focus {

background-color: #22bb5b;

(33)

color: #fefefe;

}

</style>

</head>

<body>

<?php

require('./include/connection.php');

$thn = date('Y');

$dpn = date('Y') + 1;

$periode = $thn . '/' . $dpn;

$sql = $con->prepare("SELECT k.id_kandidat AS id_kandidat, nama_calon, foto, visi, misi, COUNT(su.id_kandidat) AS suara, k.periode AS periode FROM t_kandidat k LEFT JOIN t_suara su ON(k.id_kandidat =

su.id_kandidat) WHERE k.periode = ? GROUP BY k.id_kandidat") or die($con->error);

$sql->bind_param('s', $periode);

$sql->execute();

$sql->store_result();

if ($sql->num_rows() > 0) { $numb = $sql->num_rows();

echo '<div class="text-center" style="padding-top:20px;">

<h2>Daftar Calon Ketua Osis Periode ' . $periode . '</h2>

</div>

(34)

<hr />';

echo '<div class="row">';

echo '<div class="medium-10 medium-offset-1 columns">';

for ($i = 1; $i <= $numb; $i++) {

$sql->bind_result($id, $nama, $foto, $visi, $misi, $suara, $periode);

$sql->fetch();

?>

<img src="./assets/img/kandidat/<?php echo $foto; ?>"

class="img">

<div>

<a href="./detail.php?id=<?php echo $id; ?>" class="button alert">Lihat Visi Misi</a>

<a href="./submit.php?id=<?php echo $id; ?>"

class="button">Beri Suara</a>

</div>

</section>

</div>

<?php }

echo '</div>';

(35)

} else {

echo '<div class="callout warning">

<h2>Belum Ada Calon Ketua</h2>

</div>';

}

echo '</div>';

?>

</div>

wow = new WOW({

animateClass: 'animated', offset: 100,

callback: function(box) {

console.log("WOW: animating <" + box.tagName.toLowerCase() + ">") }

});

wow.init();

</script>

</body>

</html>

4.4. Black box testing

A. Pengujian Unit Terhadap Form Login

(36)

Table IV.13.

Pengujian Unit Halaman Login Admin No Skenario

Pengujian Test Case Hasil yang diharapkan

Hasil Pengujia

n

Kesimpula n 1 Username dan

Password tidak diisi kemudian di klik tombol login

Username:

(kosong) Password:

(Kosong)

Sistem akan menolak akses dan menampilka n “LOGIN GAGAL !, username atau password anda tidak benar”

Sesuai Harapan

Valid

2 Mengetikkan salah satu dari username dan password salah kemudian klik tombol login.

Username: admin (Benar)

Password: 12345 (Salah)

Sistem akan menolak akses dan menampilka n “LOGIN GAGAL !, username atau password anda tidak benar”.

Sesuai Harapan

Valid

3 Mengetikkan username dan password dengan data yang benar kemudian klik tombol login.

Username: admin (Benar)

Password: admin (Benar)

Sistem menerima akses login

Sesuai Harapan

Valid

B. Pengujian Unit Terhadap Form Login User Table IV.14.

Pengujian Unit Halaman Login User

(37)

No Skenario

Pengujian Test Case Hasil yang diharapkan

Hasil Pengujian

Kesimpula n

1 Nomor Induk Siswa tidak diisi kemudian di klik tombol login

NIS:

(kosong)

Sistem akan menolak akses dan menampilka n “LOGIN GAGAL !, Nomor Induk Siswa anda tidak benar”

Sesuai Harapan

Valid

2 Mengetikkan salah satu dari Nomor Induk Siswayang salah

NIS: satu hurup salah

(salah)

Sistem akan menolak akses dan menampilka n “LOGIN GAGAL !, Nomor Induk Siswa anda tidak benar”.

Sesuai Harapan

Valid

3 Mengetikkan Nomor Induk Siswa dengan data yang benar kemudian klik tombol login.

NI: 123456 (Benar)

Sistem menerima akses login

Sesuai Harapan

Valid

C. Pengujian Unit Terhadap Form Edit Admin Table IV.15.

Pengujian Unit Halaman Edit Admin No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil pngujian

kesimp ulan

(38)

1. Username, fullname dan Password tidak diisi kemudian klik tombol perbaharui

Username: Di isi Nama : Di isi

fullname: Di isi Nama lengkap : Di isi Password : Kosong

Sistem akan menolak akses dan akan muncul tulisan

“Masukan Password”

Sesuai harapan

Valid

2. Username, tidakdiisi, Fullname tidak diisi, Password, diisi

kemudian klik tombol

perbaharui

Username:

tidak Di isi fullname : Tidak Di isi Password : Di isi

“Masukan nama”

Sesuai harapan

Valid

3. Username, fullname, Password, diisi kemudian klik tombol perbaharui

Username: Di isi fullname : Di isi Password : Di isi

Sistem

menerima akses dan akan

memperbaharui data admin yang telah di edit

Sesuai Harapan

Valid

D. Pengujian Unit Terhadap Form Tambah Kandidat Table IV.16.

Pengujian Unit Halaman Tambah Kandidat No Skenario

Pengujian

Test Case Hasil yang diharapkan

Hasil pngujian

kesimp ulan

(39)

1. Nama

Kandidat, Visi, Misi, Foto tidak diisi kemudian klik tombol simpan

Nama Kandidat : -Kosong Visi : -Kosong Misi : -Kosong Foto : -Kosong

Sistem akan menolak akses dan akan muncul tulisan “ Tidak Boleh kosong”

Sesuai harapan

valid

2. visi, misi, poto diisi, Nama Kandidat tidak diisi kemudian klik tombol simpan

Nama Kandidat : -Kosong Visi : -Di isi Misi : -Di isi Foto : -Di isi

“Nama Kandidat Tidak Boleh Kosong”

Sesuai harapan

Valid

3. Nama Kandidat, Visi, Misi, Foto diisi kemudian klik tombol simpan

Nama Kandidat : -diisi Visi : -Di isi Misi : -Di isi Foto : -Di isi

Sistem akan menerima akses dan akan

menyimpan data kandidat yang telah ditambah

Sesuai harapan

Valid

E. Pengujian Unit Terhadap Form Edit Kandidat Table IV.17.

Pengujian Unit Halaman Edit Kandidat No Skenario

Pengujian

Hasil pngujian

kesimp ulan

(40)

1. Nama

Kandidat, Foto, visi, misi tidak diisi kemudian klik tombol update

Nama Kandidat : -Kosong Foto : -Kosong Visi : -Kosong misi : -Kosong

Sistem akan menolak akses dan akan muncul tulisan “ Tidak Boleh kosong”

Sesuai harapan

valid

2. Poto, visi, misi diisi. Nama Kandidat tidak diisi kemudian klik tombol update

Nama Kandidat : -Kosong Visi : -Di isi Misi : -Di isi Foto : -Di isi

“Nama Kandidat Tidak Boleh Kosong”

Sesuai harapan

Valid

3. Nama Kandidat, Visi, Misi, Foto diisi kemudian klik tombol update

Nama Kandidat : -diisi Visi : -Di isi Misi : -Di isi Foto : -Di isi

menyimpan data kandidat yang telah ditambah

Sesuai harapan

Valid

F. Pengujian Unit Terhadap Form Tambah Siswa Table IV.18.

Pengujian Unit Halaman Tambah Siswa No Skenario

Pengujian

Hasi l pngu

jian

kesimpulan

(41)

1. Nis, Nama Siswa, Kelas, tidak diisi kemudian klik simpan

Nis : -Kosong Nama Siswa : -Kosong Kelas : -Kosong

“Tidak Boleh kosong”

Sesuai harapan

valid

2. Nis, Nama Siswa, Kelas, diisi kemudian klik simpan

Nis : -Diisi Nama Siswa : -Diisi Kelas : -Diisi

menyimpan data siswa yang telah ditambah

Ses uai Har apa n

Valid

G. Pengujian Unit Terhadap Form Edit Siswa Table IV.19.

Pengujian Unit Halaman Edit Siswa No Skenario

Pengujian

Hasil pngujian

kesimp ulan 1. Nama Siswa,

Kelas, jenis kelamin tidak diisi kemudian klik simpan

Nama Siswa:

-Kosong Kelas : -Kosong Jenis kelamin : -Kosong

“Form Tidak Boleh

kosong”

Sesuai harapan

valid

2. Kelas, jenis kelamin diisi Nama Siswa tidak diisi kemudian klik simpan

Nama Siswa : -kososng Kelas : -Diisi Jenis kelamin : -Diisi

“Form Tidak Boleh kosong”

Sesuai harapan

Valid

(42)

3. Nama Siswa, Kelas, jenis kelamin diisi kemudian klik simpan

Nama Siswa : -Diisi Kelas : -Diisi Jenis kelamin : -Diisi

Sistem akan menerima akses dan akan menyimpan data siswa yang telah ditambah

Sesuai harapan

Valid

4.5. Support

4.5.1. Publikasi Web

Website ini dapat diakses dengan mengunakan beberapa pilihan web browser seperti mozila firefox, Internet Explorer, Opera, Google Chrome dan sebagainya.

Untuk mempromosikan website ini dilakukan dengan cara pemberian domain atau mendaftarkan website melalui sebuah jasa internet service provider baik yang lokal maupun luar. Sehingga website ini dapat diakses dan dicari oleh user melalui web browser maupun search engine dan tujuan dari pembuatan web ini dapat tercapai.

Tabel IV.20. Publikasi web

Spesifikasi Paket Hosting Informasi Akun

Domain https://e-votingmtsar-

rahmah.000webhostapp.com/

Nama Pengguna Rifqi Awaludin Fauzi

Pengguna disk 23.1 Mb dari 1.5 Gb

Home root id17394475_root

Nama host Files.000webhost.com

PHP Versi PHP 5.5

Paket Hosting Single

Fitur set Single

(43)

4.5.2. Spesifikasi Hardware dan Software

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak yang dibutuhkan untuk mengimplementasikan sistem pemilihan osis berbasis web e-voting pada MTS Ar-Rahmah.

1. Spesifikasi Perangkat Keras a. Server

1) Monitor LCD 14 inch 2) Keyboard 83 QUERTY 3) Optikal Mouse/Touch Pad 4) Memory (RAM) 4 GB 5) Hard Disk 1 TB 6) Processor Intel Inside .

7) Monitor dengan resolusi layar minimun 1280 x 600 pixels.

8) Koneksi Internet dengan kecepatan 4 Mbps.

b. Client

1) Monitor LCD 14 inch 2) Keyboard 83 QUERTY 3) Optikal Mouse/Touch Pad 4) Memory (RAM) 2 GB 5) Hard Disk 500 GB 6) Processor Intel Inside .

7) Monitor dengan resolusi layar minimun 1280 x 600 pixels.

8) Koneksi Internet dengan kecepatan 2 Mbps.

2. Spesifikasi Perangkat Lunak a. Server

(44)

1) Sistem Operasi Microsoft Windows 7 Ultimate 2) Server building XAMPP meliputi paket:

a) Apache2 Versi 2.4.7 b) PHP Versi 5.4.25 c) Mysql Versi 5.5.36 d) phpMyAdmin Versi 4.1.6

3) Web browser Google Chrome, Internet Explorer, Opera.

b. Client

1) Sistem Operasi Microsoft Windows 7 Ultimate edition.

2) Web browser Google Chrome, Mozilla FireFox, Internet Explorer, Opera.

4.6. Rancangan Dokumen Sistem Usulan A. Spesifikasi Dokumen Masukan

1. Nama dokumen : Form Registrasi Siswa

Fungsi : Untuk melakukan pendaftaran siswa

Sumber : Pengguna

Tujuan : Admin

Media : formulir online Jumlah : Satu lembar

Frekuensi : Setiap akan melakukan proses mau Pemilihan Bentuk : Lihat Lampiran C.1

B. Spesifikasi Dokumen Keluaran 1. Nama dokumen : Laporan

Fungsi : Melaporkan jumlah siswa sudah terdaftar

Sumber : Admin

Tujuan : Siswa

(45)

Media : Kertas Jumlah : Satu lembar

Frekuensi : Melaporkan yang sudah registrasi Bentuk : Lihat lampiran D-1