BAB IV

PERANCANGAN DAN IMPLEMENTASI SISTEM

4.1. Analisis Perancangan Sistem

Analisis perancangan sistem merupakan penguraian suatu sistem

informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk

mendefinisikan dan mengevaluasi permasalahan, hambatan yang terjadi dan

kebutuhan yang diharapkan oleh sistem informasi penerimaan siswa baru di SMK

Ar-ruslan Sukamulya sehingga diusulkan perbaikan-perbaikannya.

4.1.1.Tujuan Perancangan Sistem

Perancangan sistem ini bertujuan untuk menghasilkan sistem informasi

penerimaan siswa baru di SMK Ar-ruslan Sukamulya yang baru. Pada

dasarnyarancangan sistem yang baru ini tidak banyak berbeda dengan sistem

lama, perbedaan yang paling utama ada pada proses pengolah data yang

menggunakan komputer dengan tujuan agar memberikan kemudahan serta

kecepatan kepada siswa yang akan daftar dan kinerja dari pihak sekolah dalam

meakukan penerimaan siswa baru. Sehingga tercipta sistem informasi siswa baru

yang berkualitas

4.1.2.Gambaran Umum Sistem yang Diusulkan

Perancangan ini terdiri dari Flowmap sistem yang diusulkan beserta

Diagram Konteks, DFD dan Kamus Data.

Perbedaan antara sistem yang lama dengan sistem yang baru adalah pada

proses input data, sistem yang lama dilakukan dengan mencatat di dalam sebuah
 58

bukubesar sementara sistem yang baru di catat dan disimpan dalam sebuah

database. Penyeleksian NEM di sistem yang lama dilakukan dengan perhitungan

manual sementara di sistem baru dilakukan dengan suatu program.

4.1.3.Perancangan Prosedur yang Diusulkan

Adapun perancangan prosedur kerja yang diusulkan pada sistem

informasi penerimaan siswa baru di SMK Ar-ruslan Sukamulya adalah sebagai

berikut :

1. Siswa menyerahkan formulir pendaftaran yang telah diisi beserta persyaratan

kelengkapan yang telah ditentukan ke Panitia Penerimaan Siswa Baru (PPSB).

2. Lalu PPSB akan memeriksa formulir pendaftaran serta kelengkapannya,

apabila telah sesuai PPSB akan mencatatnya sebagai data siswa baru

sementara dan apabila kelengkapan persyaratan tidak lengkap PPSB akan

mengembalikan kembali kepada siswa, setelah itu PPSB akan menyeleksi

NEM calon siswa yang telah terdaftar di data siswa baru sementara.

3. Membuat laporan surat pemberitahuan yang harus di tanda tangani kepala

sekolah untuk diberikan kepada siswa.

4.1.4. Flow Map

Adapun flowmap yang digambarkan dari prosedur yang diusulkan pada

sistem informasi penerimaan siswa baru adalah sebagai berikut :

 59

Gambar 4.1 Flow Map Sistem Informasi PSB yang Diusulkan

Keterangan :

PPSB : Panitia Penerimaan Siswa Baru

 60

F.PSB : Formulir Penerimaan Siswa Baru

A : Arsip Laporan hasil Seleksi.

4.1.5. Diagram Konteks

Gambar 4.2 Diagram Konteks Sistem Informasi PSB yang Diusulkan.

Dalam diagram konteks yang diusulkan terdiri dari dua entitas yaitu siswa

dan kepala sekolah dan satu proses.

1. Siswa memberikan kelengkapan pesyaratan dan FPSB yang didisi lwngkap

serta menerima surat pembertahuan.

2. Kepala sekolah menerima laporan data siswa baru dan surat pemberitahuan.

4.1.6. Data Flow Diagram

Bentuk data flow diagram dari perancangan sistem informasi penerimaan

siswa baru dapat dilihat pada gambar berikut :

 61

Gambar 4.3 DFD level 0 Sistem Informasi psb yang Diusulkan.

 62

4.1.7 Entity Relationship Diagram (ERD)

Gambar 4.4 Entity Relationship Diagram (ERD).

4.2. Perancangan

4.2.1 Perancangan Database

1. Perancangan Tabel

a. Tabel Daftar Siswa

Digunakan untuk menyimpan data calon siswa yang akan

mendaftar di formulir pendaftaran

 63

Primary Key : id_daftar

Tabel 4.1 Tabel Calon Siswa

Field Type Panjang Keterangan

id_daftar varchar 5 Kode calon siswa waktu

mendaftar

sekolah varchar 15 Sekolah asal

no_ijazah varchar 15 Nomor Ijazah Calon

Siswa

nama_siswa varchar 30 Nama Calon Siswa

sex varchar 1 Jenis Kelamin

tempat_lahir varchar 20 Tempat Lahir

tgl_lahir date Tanggal Lahir

agama varchar 9 Agama

alamat_siswa text Alamat

telp int 15 Nomor Telepon

nama_ortu varchar 30 Nama Orang Tua / Wali

alamat_ortu text Alamat Orang Tua / Wali

total_nilai double Total Nilai

b. Tabel Nilai

Digunakan untuk menyimpan data nilai calon siswa yaitu

nilai 3 mata pelajaran yang menjadi persyaratan penilaian

pendaftaran.
 64

Primary Key : id_daftar

Tabel 4.2 Tabel Nilai

Field Type Panjang Keterangan

Kode calon siswa

id_daftar int 5
waktu mendaftar

Nilai Mapel Bahasa

bhs_indonesia double
Indonesia

ipa double Nilai Mapel IPA

matematika double Nilai Mapel

Matematika

c. Tabel Piagam

Digunakan untuk menyimpan data piagam calon siswa

apabila mereka mempunyai piagam berdasarkan kejuaraan yang

diikutinya.

Primary Key : id_standar_piagam

Tabel 4.3 Tabel Standar Nilai Piagam

Field Type Panjang Keterangan

Kode calon siswa

id_daftar int 5
waktu mendaftar

no_piagam varchar 10 Nomor Piagam

nama_piagam varchar 20 Nama Piagam

 65

nilai_piagam double Nilai Piagam

2. Relationships

Gambar 4.5 Relationships

4.2.2 Perancangan Desain

Berikut ini merupakan rancangan desain aplikasi program pendaftaran

siswa baru di SMK Ar-ruslan Sukamulya Tangerang.

1. Halaman Utama

Tampilan Desain Rancangan Halaman Utama Pengguna disajikan

dalam Gambar 4.6

 66

Gambar 4.6 Desain Rancangan Halaman Utama Pengguna

2. Halaman Formulir Pendaftaran

Tampilan Desain Rancangan Halaman Formulir Pendaftaran

Pengguna disajikan dalam Gambar 4.7.

Gambar 4.7 Desain Rancangan Halaman Formulir Pendaftaran

3. Halaman Data Pendaftar

Tampilan Desain Rancangan Halaman Data Pendaftar disajikan

dalam Gambar 4.8.

 67

Gambar 4.8 Desain Rancangan Halaman Data Pendaftar

4. Halaman Statistik Pendaftaran

Tampilan Desain Rancangan Halaman Statistik Pendaftaran

disajikan dalam Gambar 4.9.

Gambar 4.9 Desain Rancangan Penarikan Pendaftaran

5. Halaman Login Admin

Tampilan Desain Rancangan Halaman Login Admin disajikan dalam

Gambar 4.10.
 68

Gambar 4.10 Desain Rancangan Halaman Login Admin

6. Halaman Utama Admin

Tampilan Desain Rancangan Halaman Utama Admin disajikan

dalam Gambar 4.11.

Gambar 4.11 Desain Rancangan Halaman Utama Admin

7. Halaman Data Siswa Baru (Admin)

Tampilan Desain Rancangan Halaman Data Siswa Admin disajikan

dalam Gambar 4.12.

 69

Gambar 4.12 Desain Rancangan Halaman Data Siswa Baru

8. Halaman Data Statistik Pendaftaran

Tampilan Desain Rancangan Halaman Penarikan Pendaftaran Admin

disajikan dalam Gambar 4.13

Gambar 4.13 Desain Rancangan Halaman Statistik Pendaftaran

 70

4.3. Implemetasi

Kegiatan inplementasi sistem dilakukan dengan dasar yang telah

direncanakan dalam rencana implementasi.

Pada penerapan sistem yang diusulkan, tentu saja hanya disediakan

beberapa aspek yang akan mendukung kelancaran sistem operasi dan hal-hal yang

dijadikan faktor pendukungnya adalah penentuan kebutuhan sumber daya.

Perangkat lunak sistem operasi yang dibutuhkan adalah Windows yang

mampu mendukung untuk menjalankan aplikasi tersbut. Adapun bagian-bagian

implementasi sistem yang dibutuhkan diantaranya sebagai berikut :

1. Kebutuhan perangkat keras (Hardware)

2. Kebutuhan perangkan lunak (Software)

3. Pedoman pengoperasian sistem.

4.3.1 Kebutuhan Perangkat Keras (Hardware)

Adapun spesifikasi perangkat keras (hardware) yang mendukung

terhadap jalannya program aplikasi pengolahan data keluar masuknya barang

dan stok barang yaitu sebagai berikut:

Tabel 4.4. Konfigurasi Hardware

No Nama Komponen Spesifikasi

1. Processor Intel P43.00 GHz
2. Memory RAM 256 MB
3. VGA Card 128 MB
4. Optical Drive CDROM 52x
5. Harddisk 500 GB
6. Keyboard Standard PS/2
7. Mouse Standard PS/2
8. Printer Inkjet Printer
 71

9. Monitor XVGA 15 inch

4.3.2 Kebutuhan Perangkan Lunak (Software)

Spesifikasi perangkat lunak (software) yang mendukung terhadap

jalannya program aplikasi pengolahan data penjualan dan stok barang yaitu

sebagai berikut:

1. Microsoft Windows 7

2. Xampp 5.6.30

3. PHP version 5.2.3

4. Apache version 2.2

5. MySQL version 5.0.24a

6. Adobe Dreamweaver cs6

4.3.3 Pedoman pengoperasian sistem

Sistem Informasi Pendaftaran Siswa Baru ini sangat mudah

sekali digunakan, caranya adalah buka browser mozilla firefox,

internet explorer, opera dsb, kemudian ketikan pada address bar

alamat website sistem informasi ini setelah itu “Go” atau “enter” lalu

akan tampil halaman utama dari sistem informasi Pendaftaran Siswa

Baru berbasis web, kemudian akan tampil fasilitas-fasilitas yang bisa

digunakan untuk mengetahui secara lebih jauh tentang sistem

informasi tersebut. Diantaranya login pendaftran, login admin,

beranda, daftar baru, prosedur pendaftran, data pendaftaran dan

statistik pendaftran.Dalam link login pendaftar terdiri dari beranda,

edit dat, prosedur pendaftaran, liat data pendaftar, cetak formulir,

 72

statistik pendaftar sedangkan link login terdiri dari pendaftaran, data,

referensi, tools, setting admin .

4.3.4 Implemetasi Desain Program

1. Halaman Utama Pengguna

Halaman ini merupakan tampilan utama pada saat memasuki

program. Dalam halaman utama ini ditampilkan menu-menu dalam

program, dimana dihalaman utama terdapat gambar depan SMK Ar-

ruslan Sukamulya Tangerang. Tampilan Halaman Utama disajikan

dalam Gambar 4.14.

Gambar 4.14 Halaman Utama Pengguna

2. Halaman Pendaftaran Siswa

Halaman pendaftaran memuat formulir pendaftaran bagi calon

siswa yang akan masuk. Tampilan Halaman Pendaftaran Siswa disajikan

dalam Gambar 4.15.

 73

Gambar 4.15 Halaman Pendaftaran Siswa

3. Cetak Formulir Pendaftaran

Cetak Formulir Pendaftaran Siswa disajikan dalam Gambar 4.16.

Gambar 4.16 Halaman Cetak Kartu Pendaftaran

4. Halaman Data Pendaftar

 74

Halaman data siswa terima menampilkan daftar siswa yang

diterima berdasarkan nilai dan kuota yang ada. Tampilan Halaman

Data Pendaftar disajikan dalam Gambar 4.17.

Gambar 4.17 Halaman Data Pendaftar.

7. Halaman Login Admin

Halaman login admin menampilkan form bagi admin untuk masuk

dan mengolah aplikasi. Tampilan Halaman Login Admin disajikan

dalam Gambar 4.18.

Gambar 4.18 Login Admin

8. Halaman Utama Admin

 75

Halaman ini merupakan tampilan utama pada saat admin

memasuki program. Dalam halaman utama ini ditampilkan menu-menu

dalam program. Tampilan Halaman Utama disajikan dalam Gambar

4.19.

Gambar 4.19 Halaman Utama Admin

9. Halaman Data Siswa Baru (Admin)

Halaman Data Siswa Baru menampilkan halaman data semua

calon siswa (pendaftar) yang masuk. Tampilan Halaman Data Siswa

Baru (Admin) disajikan dalam Gambar 4.20.

Gambar 4.20 Halaman Data Siswa Baru (Admin).