BAB IV PERANCANGAN SISTEM
Perancangan sistem adalah strategi untuk memecahkan masalah dan mengembangkan solusi terbaik bagi permasalahan tersebut. Perancangan sistem adalah termasuk bagaimana mengorganisasi sistem ke dalam subsistem-subsistem, serta alokasi subsistem-subsistem ke komponen-komponen perangkat keras, perangkat lunak serta prosedur1. Berdasarkan hasil analisa, maka dirancanglah sebuah aplikasi yang dapat mmebantu pengolahan data pada Sekolah MTsN Tanjungpinang, diharapkan system informasi yang dirancang dapat lebih efisien dalam pemberian laporanlaporan yang dibutuhkan oleh Kepala Sekolah, sehingga mempermudah dalam pengambilan keputusan. Rancangan ini meliputi Flowmap yang diusulkan, Diagram Konteks, Data Flow Diagram, Entity Relationship Diagram, BStruktur Program, Rancangan Input, Rancangan Proses dan Rancangan Output.
1
Adi Nugroho, Analisis dan Perancangan Sistem Informasi dengan Metodologi Berbasis Objek, Informatika Bandung, 2005 hal : 203
46
47
4.1 Perancangan Flowmap Yang Diusulka n 4.1.1. Prosedur Pendaftaran Siswa Baru Yang Diusulkan PROSEDUR PENDAFTARAN SISWA BARU TATA USAHA
SISWA
FORM PENDAFTARAN
PENGISIAN FORM & MELENGKAPI SYARAT
KEPALA SEKOLAH
FORM PENDAFTARAN & SYARAT
PENGECEKAN
LENGKAP
TIDAK
YA
FORM PENDAFTARAN & SYARAT
INPUT
PROSES DATA SISWA BARU
SEKOLAH
PROSES CETAK LAP. PENDAFTAR
2 LAP. SISWA BARU
LAP. SISWA BARU
1
Gambar 4.1 Flowmap Usulan Pendaftaran Siswa Baru
48
4.1.2 Prosedur Pembagian Kelas Siswa Baru Yang Diusulkan
PROSEDUR PEMBAGIAN KELAS TATA USAHA
WAKA KURIKULUM
KEPALA SEKOLAH
LAPORAN SISWA PERKELAS
SEKOLAH
TTD
PEMBAGIAN KELAS DAN SIMPAN DATA KELAS
LAPORAN SISWA PERKELAS
CETAK LAPORAN
LAPORAN DATA PSB
LAPORAN SISWA PERKELAS
Gambar 4.2 Flowmap Usulan Pembagian Kelas Siswa Baru
49
4.2 Flowchart Seleksi
Start
Input Data_Calon; Input Kapasitas_Kelas;
T If jumlah data_calon > kapasitas_kelas
Sorting Nilai Calon Siswa sebanyak kapasitas kelas
F
Siswa Diterima
Input Data siswa diterima ke masing-masing kelas sesuai dengan hasil sorting nilai
End
Gambar 4.3 Flowchart Seleksi Calon Siswa
50
4.3 Diagram Konteks Diagram Konteks adalah diagram yang menggambarkan hubungan antara entitas eksternal dengan sistem. Dimana data yang diinputkan oleh bagian entitas eksternal akan diproses didalam sistem dan akan menghasilkan laporan yang diinginkan oleh entitas eksternal tersebut. Diagram konteks ini diperlihatkan antara lain kelompok pemakai atau sistem lain dimana sistem melakukan komunikasi data dimana sistem menerima dari lingkungan tertentu dan diproses.
DATA CALON SISWA
SISTEM INFORMASI PENDAFTARAN DAN PEMBAGIAN KELAS SISWA BARU PADA SEKOLAH MTsN TANJUNGPINANG
SISWA BARU
KAPASITAS KELAS
KEPALA SEKOLAH LAPORAN DATA PSB
NIS, KELAS
LAPORAN SISWA PERKELAS LAPORAN SISWA DITERIMA
Gambar 4.4 Diagram Konteks 4.4
Data Flow Diagram Data flow diagram menggambarkan jaringan kerja antar fungsi yang berhubungan antara satu dengan yang lainnya dan menyimpan data sebagai perangkat analisis, model ini hanya mampu memodelkan sistem dari satu sudut pandang yaitu sudut pandang fungsi. Terdapat empat komponen yaitu proses menunjukkan transformasi dari masukan menjadi keluaran, sejumlah masukan dapat menjadi satu keluaran atau sebaliknya. Aliran komponen ini
51
direpresentasikan dengan menggunakan panah yang menuju kea tau arah dari proses. Penyimpanan yang memodelkan kumpulan data dan terminator yang mewakili entitas dari luar dimana sistem dapat berkomunikasi. 4.4.1
Data Flow Diagram Level 0
SISWA BARU
DATA CALON SISWA
1.0 PENGOLAHAN DATA CALON SISWA
DATA CALON SISWA
CALON SISWA
DATA CALON SISWA
KEPALA SEKOLAH
KAPASITAS KELAS
2.0 PENGOLAHAN DATA KELAS
KELAS
DATA KELAS LAPORAN SISWA PERKELAS LAPORAN DATA PSB LAPORAN SISWA DITERIMA SISWA
3.0 SELEKSI CALON SISWA
DATA SISWA
DATA CALON SISWA 4.0 CETAK
NIS, KELAS
Gambar 4.5 Data Flow Diagram Level 0
52
4.4.2
Data Flow Diagram Level 1 Proses 3
DATA KAPASISTAS KELAS 3.1 SELEKSI CALON SISWA
DATA SISWA SISWA
CALON SISWA DATA CALON SISWA
DATA SISWA
3.2 UBAH STATUS
DATA SISWA
Gambar 4.6 Data Flow Diagram Level 1 Proses 3 4.4.3
Data Flow Diagram Level 1 Proses 4
SISWA
DATA SISWA
CALON SISWA
DATA SISWA
4.1 CETAK LAPORAN SISWA DITERIMA
4.2 CETAK LAPORAN SISWA PERKELAS
LAPORAN SISWA DITERIMA
4.3 LAPORAN DATA PSB
LAPORAN SISWA PERKELAS LAPORAN PSB KEPALA SEKOLAH
Gambar 4.7 Data Flow Diagram Level 1 Proses 4
53
4.5
Entity Relationship Data Diagram Hubungan Entitas atau entity relation diagram merupakan model data berupa notasi grafis dalam pemodelan data konseptual yang menggambarkan
hubungan
antara
penyimpan.
Model
data
sendiri
merupakan sekumpulan cara, peralatan untuk mendeskripsikan data-data yang hubungannya satu sama lain, semantiknya, serta batasan konsistensi. Model data terdiri dari model hubungan entitas dan model relasional2.
SISWA
N
MENEMPATI
1
KELAS
Gambar 4.8 Entity Relationship Data 4.6
Kamus Data Kamus data disebut juga sistem dictionary adalah catalog kata tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem informasi. Berikut adalah pejelasan tentang nama, deskripsi, struktur data, penggunaan dan format data dari setiap aliran data :
2
http://id.wikipedia.org/wiki/Diagram_hubungan_entitas
54
Nama tabel
: calon_siswa
Fungsi
: Untuk mengetahui data calon siswa
Primary Key : no_pendaftaran Tabel 4.1 Calon Siswa No
Field nama
Type
Size
1
No_pendaftaran
Text
15
2
Tahun_ajaran
Text
10
3
Nama
Text
50
4
Alamat
Text
50
5
No_telp
Text
15
6
Tempat_lahir
Text
20
7
Tanggal_lahir
Date/time
8
Asal_sekolah
Text
9
Nilai_uasbn
Number
10
Nilai_tes
Number
11
Nilai_rata
Number
12
Status
Text
30
16
Key Primary Key
55
Nama tabel
: kelas
Fungsi
: Untuk mengetahui data siswa perkelas
Primary Key : Tabel 4.2 Kelas No
Field nama
Type
Size
1
Tahun_ajaran
Text
10
2
Kelas
Text
3
3
Kapasitas
Number
Nama tabel
: calon_siswa
Fungsi
: Untuk mengetahui biodata siswa yang telah diterima
Primary key
Primary Key : nis Tabel 4.3 Siswa No
Field name
Text
Size
1
Nis
Text
10
2
No_pendaftaran Text
15
3
Tahun_ajaran
Text
10
4
Nama
Text
50
5
Alamat
Text
50
6
No_telp
Text
15
Primary key Primary key
56
7
Tempat_lahir
Text
8
Tanggal lahir
Date/time
9
Asal_sekolah
Text
10
Nilai_uasbn
Number
11
Nilai_tes
Nilai_rata
12
Kelas
Text
20
30
3
4.7 Rancangan Struktur Program Struktur program adalah suatu konsep pembuatan yang mempunyai fungsi untuk mengelompokkan intruksi ke dalan sub program fungsional dimana setiap sub program tersebut memiliki tugas dan fungsi tertentu yang digunakan untuk mendukung dari keseluruhan program yang dibuat. Struktur program yang dibuat adalah sebagai berikut :
57
Struktur Program
Input
Proses
Output
Data Calon Siswa
Pembagian Kelas Siswa Baru
Laporan Calon Siswa
Data Kelas Laporan Siswa Diterima Laporan Siswa Perkelas
Gambar 4.9 Rancangan Struktur Program 4.8 Rancangan Struktur Menu Struktur menu merupakan bentuk umum dalam suatu perancangan aplikasi yang dapat memudahkan pengguna dalam menggunakan aplikasi yang dibangun. Dengan adanya struktur menu ini, maka dapat mempercepat proses pengolahan data, sehingga dapat meminimalkan keterlambatan dalam penyajian atau pemberian data. Struktur menu yang dibuat dalam aplikasi ini terdiiri dari menumenu dan sub menunya. Berikut adalah gambar rancangan struktur menu :
58
Menu Utama
Master Data
Seleksi
Laporan
Calon Siswa
Calon Siswa
Kelas
Siswa Diterima Siswa Perkelas
Gambar 4.10 Rancangan Struktur Menu 4.9 Rancangan Input Rancangan input adalah rancangan dari dokumen dasar yang digunakan untuk merekap data yang digunakan. Perancangan input meliputi bentuk dokumen-dokumen input yang akan digunakan untuk penginputan data. Perancangan input dapat dilihat pada gambar dibawah ini : 1.
Format Input Data Calon Siswa No. Pendaftaran
Tahun Ajaran
Nama Alamat No. Telepon Tempat / Tanggal Lahir Asal Sekolah Nilai UASBN
Nilai Rata-Rata
Nilai Tes
Baru
Simpan
Ubah
Pencarian
Gambar 4.11 Desain Input Data Calon Siswa
59
2.
Form Pencarian Calon Siswa No Pendaftaran Tahun Ajaran
Kategori Pencarian
Nama
Alamat
No Telp
Asal Sekolah Nilai UASBN Nilai Tes Rata-Rata
Keyword Cari
Refresh
Gambar 4.12 Desain Form Pencarian Calon Siswa 3.
Format Input Data Master Kelas
Tahun Ajaran
Create
Jumlah Kelas
Ubah Kapasitas
Gambar 4.13 Desain Input Data Master Kelas 4.
Form Kapasitas Kelas
Tahun Ajaran Kelas Kapasitas Simpan
Gambar 4.14 Desain Input Kapasitas Kelas
60
5.
Format Input Seleksi Calon Siswa Tahun Ajaran Jumlah Calon Siswa Jumlah Kelas Jumlah Kapasitas Kelas Proses
Gambar 4.15 Desain Input Seleksi Calon Siswa 4.10 Rancangan Output 1.
Format Output Cetak Laporan Jenis Laporan Calon Siswa
Siswa Diterima
Siswa Perkelas
Siswa Tidak Diterima
Tahun Ajaran Kelas Cetak
Gambar 4.16 Desain Output Cetak Laporan
61
2.
Form Laporan Calon Siswa Laporan Calon Siswa
MADRASAH TSANAWIYAH NEGERI JL. RAJA AI HAJI KOTA TANJUNGPINANG TEL. 0771-22517
TAHUN AJARAN
:
JUMLAH PENDAFTAR
:
No
Nama
Alamat
No Telp
Tempat Lahir
Tanggal Lahir
Asal Sekolah
Nilai UASBN
Nilai Tes
Nilai Rata-Rata
Tanjungpinang,………………………………….. Kepala Sekolah
(…………………………………………………) NIP.
Gambar 4.17 Output Cetak Laporan Calon Siswa 3.
Form Laporan Siswa Tidak Diterima Laporan Siswa Tidak Diterima
MADRASAH TSANAWIYAH NEGERI JL. RAJA AI HAJI KOTA TANJUNGPINANG TEL. 0771-22517
TAHUN AJARAN
:
JUMLAH TIDAK DITERIMA
:
No
Nama
Alamat
No Telp
Tempat Lahir
Tanggal Lahir
Asal Sekolah
Nilai UASBN
Nilai Tes
Nilai Rata-Rata
Tanjungpinang,………………………………….. Kepala Sekolah
(…………………………………………………) NIP.
Gambar 4.18 Output Cetak Laporan Siswa Tidak Diterima
62
4.
Form Laporan Siswa Diterima dan Perkelas Laporan Siswa Diterima Dan Perkelas
MADRASAH TSANAWIYAH NEGERI JL. RAJA AI HAJI KOTA TANJUNGPINANG TEL. 0771-22517
TAHUN AJARAN Kelas
NiS
: No Pendaftaran
Nama
Nilai UASBN
Nilai Tes
Nilai Rata-Rata
Tanjungpinang,………………………………….. Kepala Sekolah
(…………………………………………………) NIP.
Gambar 4.19 Output Cetak Laporan Siswa Diterima Dan Perkelas