BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisa Sistem

Analisa sistem merupakan proses awal yang harus dilaksanakan untuk
menentukan permasalahan yang sedang dihadapi. Tahap ini sangat penting,
karena proses analisis yang kurang akurat akan menyebabkan hasil dari suatu
pengembangan perangkat lunak akan tidak sesuai dengan yang diharapkan. Jadi
proses ini harus benar-benar sesuai dengan keinginan pihak pengguna agar hasil
pengembangan perangkat lunak memuaskan pengguna.
.
3.1.1 Analisa Sistem Lama
Analisis sistem bertujuan untuk mempelajari, menganalisis masalah dan
memahami sistem yang ada sesuai dengan tujuan yang akan dicapai. Berdasarkan
hasil pengamatan dan analisis yang dilakukan diketahui permasalahan yang ada
pada sistem yang sedang berjalan saat ini pada SMKN 1 Simpang Mamplam
masih menggunakan sistem manual dalam pegolahan datanya.
Penyediaan informasi yang dihasilkan di SMKN 1 Simpang Mamplam
bermuara pada tata usaha sekolah sebagai pusat administrasi sekolah, data- data
tersebut menyangkut data siswa, nilai siswa, data guru, pegawai sekolah, fasilitas
sekolah, visi dan misi sekolah, berita sekolah dan sebagainya. Untuk mendapatkan
informasi tentang keadaan sekolah dan siswa harus melalui tata usaha dan dibantu
oleh wakil kepala sekolah pada bidang masing – masing. Setiap tahunnyanya
pegawai tata usaha mencatat siswa baru dan dan mengedit siswa lainnya dengan
menggunakan Microsoft excel dan disimpan pada komputer.
Wali siswa, siswa, guru, guru bimbingan penyuluhan, wakil kepala
sekolah bahkan kepala sekolah apabila ingin mendapatkan data tentang sekolah
harus melalui tata usaha. Namun penyajian sistem informasi dari tata usaha belum
efektif dan efisien karena pihak tata usaha butuh waktu yang relatif lama untuk
mencari data yang diperlukan.

19
 20

Seiring dengan kemajuan ilmu pengetahuan dan teknologi maka tidak

menutup kemungkinan sistem informasi yang sudah ada dapat dikembangkan lagi
guna mengurangi segala permasalahan yang timbul pada SMKN 1 Simpang
Mamplam.

3.1.2 Analisa Masalah

Dengan mengalisis aliran prosedurnya maka dapat dilihat bahwa pola
penyebaran informasi bagi sekolah – sekolah maupun masyarakat luas masih
dilakukan secara manual sehingga informasi yang didapat masyarakat kurang
jelas.
Dalam hal ini setiap instansi khususnya pada SMKN 1 Simpang Mamplam
mempunyai masalah didalam menjalankan kegiatan dibidang informasi, dimana
setiap ada informasi baru, Masyarakat, Guru maupun siswa/I tidak dapat
mengetahuinya secara cepat.
Dari analisa yang penulis lakukan, terdapat beberapa kendala dalam
menyajikan informasi data akademik disekolah tersebut, yaitu:
1. Kurangnya informasi untuk mendukung kegiatan operasional sehari-hari.
2. Siswa/I hanya dapat mengetahui suatu informasi disaat kegiatan sekolah
berlangsung.
3. Kurangnya akses orang tua murid untuk mengetahui perkembangan
murid saat berada di sekolah.
4. Penyimpanan data yang masih menggunakan media cetak, yang mana
disaat pencarian data memakan waktu yang lama.

3.2 Analisa Sistem yang Diusulkan

Sistem informasi yang akan dikembangkan berupa sistem informasi
akademik sekolah bebasis web. Dengan tujuan agar mudah diakses oleh seluruh
masyarakat, orang tua siswa atau wali siswa, guru, pegawai sekolah dan siswa.
Sistem informasi sekolah berbasis Web diharapkan nantinya dapat
mempermudah segala aktifitas dalam penyajian informasi kepada masyarakat.
Sistem ini digunakan untuk menampilkan dan menginformasikan secara terbuka
segala aktifitas siswa SMKN 1 Simpang Mamplam, sehingga setiap orang tua
 21

siswa dan pihak sekolah dapat memonitoring dan mengontrol siswa untuk
meningkatkan hasil belajar.
3.2.1 Analisa Kebutuhan Data Input
Sistem informasi sekolah yang akan dikembangkan memerlukan data yang
dimasukkan kedalam sistem sebagai bahan yang akan diolah lebih lanjut untuk
menghasilkan keluaran(output) yang diinginkan , input data yang diperlukan oleh
sistem adalah :
a) Data Guru
b) Data Siswa
c) Data Mata Pelajaran
d) Data Kelas
e) Data Jurusan
f) Data Pengumuman
g) Data Berita
h) Data Roster
i) Data Absensi

3.2.2 Analisa Kebutuhan Output

Dari hasil analisa kebutuhan output pada Web Akademik SMKN 1 Simpang
Mamplam adalah:
a. Output nilai rapor siswa
b. Output rekap kehadiran siswa
c. Output data siswa
3.2.3 Analisa Kebutuhan Hardware
Berdasarkan hasil analisa kebutuhan hardware, maka peneliti
menyimpulkan hardware yang dibutuhkan dalam menjalankan aplikasi web
pada SMKN 1 simpang Mamplam ini adalah :
a. Komputer Minimal Pentium 4
b. Hardisk minimal 100 GB
c. Ram Minimal 1 GB
d. Router atau Modem
 22

3.2.4 Analisa Kebutuhan Software

Analisis pada bagian ini tidak jauh berbeda dengan perangkat keras
sebagai penunjang aplikasi. Perangkat lunak sebagai software yang digunakan
dalam pembuatan maupun pengoprasiaan sistem anatara lain sebagai berikut:
a. Sistem Oprasi
b. Xampp
c. Macromedia Dreamweaver 8
d. Php dan MYSQL

3.3.1 Analisa Sistem Yang Diusulkan

Sistem baru ini di rancang dengan menggunakan sistem database dimana
semua data dapat tersimpan dalam media penyimpanan secara pusat sehingga
tidak terjadinya redudasi (perulangan data yang tidak perlu) dapat ditanggulangi.
Dalam sistem baru yang penulis jabarkan ini menyediakan fasilitas input, edit, dan
hapus untuk mempermudah dalam pengolahan data.
Untuk itu diusulkan suatu sistem informasi yang berbasis web untuk
membantu dalam pengolahan data pada SMKN 1 Simpang Mamplam agar
mempermudah dalam pembuatan sistem ini maka diusulkan untuk membuat suatu
desain database.
Dalam sistem baru ini, guru sudah lebih mudah dalam mengolah data
seperti absen, jadwal pelajaran , nilai rapor dan lebih memudahkan dalam
mempromosikan sekolah tersebut. Penyimpanan data sudah lebih aman dan tidak
dapat diambil alih oleh pihak lain, karena para guru sudah memakai password
dalam penyimpanan datanya pada sistem komputer, sehingga terhindar dari
pencurian data ataupun penduplikasian data oleh pihak lainnya. Sistem yang
diusulkan dapat digambarkan melalui:

3.3 Diagram Konteks

Diagram konteks menggambarkan keseluruhan sistem yang diusulkan baik
input maupun outputnya. Berikut ini adalah Diagram Konteks yang diusulkan.
Konteks yang diusulkan.
 23

Gambar 3.1 diagram konteks

3.3.1 Data Flow Diagram

Data Flow Diagram merupakan proses logika data atau proses yang dibuat
untuk menggambarkan dari mana asal data, kemana tujuan data yang keluar dari
sistem, dimana data tersimpan, proses apa yang dihasilkan data tersebut dan
interaksi antara data yang disimpan dan proses yang dikenakan pada data tersebut.
Gambar DFD yang diusulkan dapat dilihat pada gambar 3.2
 24

Gambar 3.2 DFD Level 0

3.3.2 DFD Level 1 Proses 2.0 s/d 9.0

DFD Level 1 proses 2.0 s/d 9.0 menjelaskan proses pengolahan data
jurusan,kelas, guru, siswa, matpel, roster, berita, dan pengumuman pada web
Aplikasi SMKN 1 Simpang Mamplam. Pada pengolahan data jurusan, kelas, guru,
siswa, matpel, roster, berita, dan pengumuman , operator dapat menambah,
 25

mengedit dan menghapus data jurusan, kelas, guru, siswa, matpel, roster, berita,
dan pengumuman (Lihat gambar 3.3).

Gambar 3.3 Level 1 Proses 4.0 s/d 12.0

3.3.3 DFD Level 1 Proses 10.0 s/d 15.0

DFD Level 1 proses 10.0 s/d 15.0 menjelaskan proses pengolahan data
nilai, absen, dan bahan ajar pada web Aplikasi SMKN 1 Simpang Mamplam.
Pada pengolahan nilai, absen, dan bahan ajar, guru dapat menambah, mengedit
dan menghapus data jurusan (Lihat gambar 3.4).
 26

Gambar 3.4 DFD Level 1 Proses 13.0 s/d 15.0

3.3.4 DFD Level 1 Proses 16.0 s/d 17.0

DFD Level 1 proses 16.0 s/d 17.0 menjelaskan proses pengolahan data
berita, pengumuman, web Aplikasi SMKN 1 Simpang Mamplam. Pada
pengolahan data berita, pengumuman, ortu dapat melihat data berita,
pengumuman(Lihat gambar 3.5).
 27

Gambar 3.5 DFD Level 1 Proses 16.0 s/d 17.0

3.3.5 DFD Level 1 Proses 18.0 s/d 20.0

DFD Level 1 proses 18.0 s/d 20.0 menjelaskan proses pengolahan data
roster, nilai, dan absen pada web Aplikasi SMKN 1 Simpang Mamplam. Pada
pengolahan roster, nilai, dan absen Siswa dapat melihat roster, nilai, dan absen
(Lihat gambar 3.6)
 28

Gambar 3.6 DFD Level 1 Proses 18.0 s/d 20.0

3.4 Entity Relasi Diagram (ERD)

Entity Relasi Diagram(ERD) menjelaskan hubungan antara satu tabel

dengan table lain yang saling berhubungan. Relasi antar tabel dapat dilihat pada
gambar 3.7
 29

Gambar 3.7 Entity Diagram

 30

3.5 Perancangan Database

1. File Admin digunakan untuk menyimpan data login pada SMKN 1
Simpang Mamplam.
File yang dipakai : File admin
Primary Key : kd_admin
Foregh key: -
Relasi file: -
Tabel 3.1 Desain Tb Admin
Field Type Byte Keterangan
Kd_admin Varchar 25 Kode admin
Nm_admin Varchar 25 Nama admin

2. File Kelas
File Kelas digunakan untuk menyimpan data kelas pada SMKN 1
Simpang Mamplam.
File yang dipakai : File Kelas
Primary Key : kd kelas
Foregh key: -
Relasi file: -

Tabel 3.2 Desain Tb Kelas

No Field Name Type Data Size Keterngan
1 Kelas Varchar 20 Kelas(PK)

3. File Jurusan
File jurusan digunakan untuk menampung data yang berhungan dengan
jurusan yang ada di SMKN 1 Simpang Mamplam.
Nama file : File jurusan
Primary key : kd_jurusan
Foregh key: -
Relasi file: -
 31

Tabel 3.3 Desain Tabel Jurusan

NO Field Type Size Keterangan
1 Kelas Varchar 25 Kelas
2 Kd_jurusan Varchar 4 Kode
jurusan(PK)
3 Wali kelas Varchar 25 Wali kelas

4. File Guru
File guru digunakan untuk menyimpan data guru pada SMKN 1 Simpang
Mamplam.
File yang dipakai : File Guru
Primary Key :Nip
Foregh key: -
Relasi file: -

Tabel 3.4 Desain File Guru

No Field Name Type Data Size Keterangan
1 Nip Varchar 15 NIP (PK)
2 Nama Varchar 30 Nama
3 Jekel Varchar 10 Jenis Kelamin
4 Tplh Varchar 30 Tempat Lahir
5 Tglh Varchar 20 Tanggal lahir
6 Alamat Varchar 30 Alamat
7 Agama Varchar 20 Agama
8 Gol Int 11 Golongan
9 Telp Char 15 Telepon
10 Jab Int 11 Jabatan
11 Sts Varchar 15 Status
12 Photo Varchar 100 Photo
 32

5. File Roster
File Roster digunakan untuk menyimpan roster pada SMKN 1 Simpang
Mamplam
File yang digunakan : File Roster
Primary Key : kdmatpel
Foregh key : Nip
Relasi file : guru

Tabel 3.5 Desain File Roster

No Field Name Type Data Size Keterangan
2 Hari Char 11 Hari
3 Jam Varchar 11 Jam
6 Nip Char 16 NIP
7 Kdmatpel Char 10 Kode matapelajaran
8 Ta Char 10 Tahun ajaran
9 Smst Char 6 Semester

6. File Siswa
File siswa digunakan untuk menyimpan data siswa pada SMKN 1
Simpang Mamplam
File yng digunakan : File Siswa
Primary Key : Nis
Foregh key : jurusan,kelas dan jurusan
Relasi file : jurusan, kelas,jurusan

Tabel 3.6 Desain File Siswa

No Field Name Type Data Size Keteangan
1 Nis Varchar 15 NIS (PK)
2 Nama Varchar 30 Nama
3 Jekel Varchar 10 Jenis kelamin
4 Tplh Varchar 30 Tempat lahir
 33

5 Tglh Date 10 Tanggal lahir

6 Alamat Varchar 200 Alamat
7 Agama Varchar 15 Agama
8 Ortu Varchar 30 Orang Tua
9 thn_msk Varchar 15 Tahun masuk
10 Telp Varchar 15 Telepon
11 Kelas Int 11 Kelas
12 Jurusan Int 11 Jurusan
13 Matpel Varchar 25 Mata Pelajaran
14 Photo Varchar 100 Photo

7. File Mata Pelajaran

File mata pelajaran digunakan untuk menyimpan data mata pelajaran di
SMKN 1 Simpang Mamplam
Tb yang digunakan : File Mata Pelajaran
Primary Key : Kdmtp
Foregh key : jurusan
Relasi file : jurusan

Tabel 3.7 Desain Tb Mata Pelajaran

No Field Name Type Data Size Keterangan
1 Kelas Int 11 Kelas
2 Kdmtp Varchar 10 Kode mata pelajaran
3 Mtp Varchar 50 Mata pelajaran
4 Jurusan Varchar 20 Jurusan
5 Ta Char 10 Tahun ajaran
6 Smst Char 7 Semester
 34

8. File Berita
File berita digunakan untuk menyimpan data berita di SMKN 1 Simpang
Mamplam.
sFile yang digunakan : File Berita
Primary Key :-
Foregh key: -
Relasi file: -
Tabel 3.8 Desain Berita
No Field Name Type Data Size Keterangan
1 Judul Varchar 200 Judul
2 Isi Text Isi Pengumuman
3 Photo Varchar 200 Photo

4 Tanggal Datetime Tanggal

9. File Pengumuman
File Pengumuman digunakan untuk menyimpan data pengumuman di
SMKN 1 Simpang Mamplam.
File yang digunakan : File Pengumuman
Primary Key :-
Foregh key: -
Relasi file: -
Table 3.9 Desain Pengumuman
No Field Name Type Data Size Keterangan
2 Judul Text Judul
3 Isi Text Isi
4 Namafile Text Nama file
5 Tanggal Datetime Tanggal
 35

10. File Nilai

File nilai digunakan untuk menyimpan data nilai yang ada di SMKN 1
Simpang Mamplam.
File yang digunakan : File Nilai
Primary Key : kdnilai
Foregh key : Nis, kdmp, kdguru,kelas,jurusan
Relasi file : siswa, matpel,guru,kelas,jurusan
Tabel 3.10 Desain File Tb Nilai
No Field Name Type Data Size Keterangan
1 Kdnilai Char 25 Kode Nilai
2 Nis Char 20 Nis
3 Kelas Int 11 Kelas
4 Jurusan Int 11 Jurusan
5 Kdmp Char 10 Kode Mata
Pelajaran
5 Smst Char 7 Semester
7 Nm_matpel Char 25 Nama Mata
Pelajaran
8
6 Ta Char 10 Tahun Ajaran
7 Uas Char - Ujian Akhir Sekolah
8 Tugas Char - Tugas
9 Uan Char - Ujian Akhir
Nasional
10 tgl_entry Datetime - Tanggal entry
11 Nip Char 25 No induk pegawai

3.6 Perancangan Input

Desain input akan menggambarkan tampilan aplikasi yang akan dirancang
dalam judul penelitian ini. Dalam penggunaan Aplikasi Web Akademik SMKN 1
Simpang Mamplam.Tampilan yang pertama muncul saat diakses adalah tampilan
login. Di tampilan login ini sistem akan melakukan verifikasi password kemudian
sistem mengarahkan ke halaman administrator dan halaman user sesuai dengan
 36

hasil verifikasi password. Jadi rancangan form input login berisi Username,
password, tombol login untuk membedakan hak akses yang dibolehkan.
Perancangan tampilan login yang dirancang dapat dilihat pada gambar dibawah
ini:

1. Form Input Login Admin

Gambar 3.8 Halaman Login Admin

2. Form Input Login User

Di menu login user sistem akan melakukan verifikasi password

kemudian sistem mengarahkan kehalaman user sesuai dengan hasil
verifikasi password, jadi racangan form input login berisi status login
username, password, tombol login dan tombol batal.
 37

Gambar 3.9 Halaman Input Login User

Dalam perancangan input dapat diakses oleh Guru, Siswa dan staf yang
berkaitan dengan Sekolah SMKN 1 Simpang Mamplam. Desain tampilan
berdasarkan pengguna yaitu sebagai berikut:
1. Tampilan Pada Web
Menu yang dirancang untuk SMKN 1 Simpang Mamplam terdapat beberapa
perancangan tampilan yang akan dikelola oleh Tata Usaha sekolah sendiri.
Perancangan tampilan sebagai berikut:
a. Tampilan Menu Utama
Tampilan menu utama adalah tampilan yang pertama kali akan muncul
setelah melakukan login dengan sukses.
 38

Gambar 3.10 Halaman Utama

b. Halaman Input Data Kelas
Halaman input data Kelas digunakan untuk menginput,mengedit, dan
menghapus data Kelas pada SMKN 1 Simpang Mamplam.

Gambar 3.11 halaman input data kelas

 39

c. Halaman Input Data jurusan

Halam input data Jurusan digunakan untuk menginput, mengedit, dan
menghapus data Jurusan Pada SMKN 1 Simpang Mamplam.

Gambar 3.12 Halaman Input Data Jurusan

d. Halaman Input Data Guru

Halam input data Guru digunakan untuk menginput, mengedit, dan
menghapus data Guru pada SMKN 1 Simpang Mamplam.
 40

Gambar 3.13 Halaman Input Data Guru

e. Halaman Input Data Siswa

Halam input data Siswa digunakan untuk menginput, mengedit, dan
menghapus data Siswa pada SMKN 1 Simpang Mamplam

.
Gambar 3.14 Halaman Input Data Siswa
 41

f. Halaman Input Data Mata Pelajaran

Halam input data Mata Pelajaran digunakan untuk menginput, mengedit,
dan menghapus data Mata Pelajaran pada SMKN 1 Simpang Mamplam.

Gambar 3.15 Halaman Input Data Mata pelajaran

g. Halaman Input Data Roster

Halam input data Roster digunakan untuk menginput, mengedit, dan
menghapus data Jadwal Pelajaran pada SMKN 1 Simpang Mamplam
 42

.
Gambar 3.16 Halaman Input Data Jadwal Pelajaran
h. Halaman Input Data Pengumuman
Halam input data Pengumuman digunakan untuk menginput, mengedit,
dan menghapus data Pengumuman pada SMKN 1 Simpang Mamplam.

Gambar3.17 Halaman Input Data Pengumuman

 43

i. Halaman Input Berita

Halam input data Berita digunakan untuk menginput, mengedit, dan
menghapus data Berita pada SMKN 1 Simpang Mamplam

Gambar 3.18 Halaman Input Data Berita

3.7 Perancangan Output

Perancangan output digunakan untuk menampilkan hasil data yang di
input. Desain output yang diusulkan yaitu sebagai berikut:
1. Output Data nilai rapor siswa
Output Data nilai rapor siswa digunakan untuk mendata nilai rapor pada
SMKN 1 Simpang Mamplam.
DAFTAR NILAI RAPOR SISWA SMKN 1
SIMPANG MAMPLAM
No Nis Kelas jurusan Matpel Nilai
Tugas UAS UAN

Gambar 3.19 Halaman output nilai rapor siswa

 Alat yang dipakai : printer
 Kertas yang di pakai : A4 (29,7 x 21 cm) horizontal
 44

2. Output rekap kehadiran

Output rekap kehadiran digunakan untuk merekap kehadiran siswa pada
SMKN 1 Simpang Mamplam.

REKAPITULASI KEHADIRAN SISWA

SMKN 1 SIMPANG MAMPLAM
No Nis Nama Kelas Jurusan Hari Tanggal Jekel Ket
S I A

Gambar 3.20 Halaman Output rekap kehadiran

 Alat yang dipakai : printer
 Kertas yang di pakai : A4 (29,7 x 21 cm) horizontal

3. Output rekap data siswa

Output rekap data siswa digunakan untuk merekap data siswa pada SMKN 1
Simpang Mamplam.

REKAPITULASI DATA SISWA SMKN 1

SIMPANG MAMPLAM

Gambar 3.21 Halaman Output rekap data siswa

 45

 Alat yang dipakai : printer

 Kertas yang di pakai : A4 (29,7 x 21 cm) horizontal

3.8 Dialog Layar

Dialog dalam arti umum adalah percakapan antara dua kelompok atau lebih.
Sedangkan dialog dalam konteks perencanaan user interface adalah struktur dari
percakapan antara user dan sistem komputer melalui output yang ditampilkan
lewat layar komputer.

Menu utama

Beranda Profil sekolah Info guru Info siswa Berita Gallery