17
BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem Analisis sistem adalah penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi segala permasalahan, kesempatan, dan hambatan yang terjadi dan semua kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya. SMK Diponegoro merupakan salah satu institusi pendidikan yang belum memiliki sistem informasi pengolahan data siswa yang efektif dan efisien karena masih menggunakan microsoft Excell yang berbasis offline. Oleh karena itu, penulis ingin mengembangkan sebuah sistem yang sesuai dengan kebutuhan pengolahan data siswa pada institusi tersebut.
3.1.1 Analisis Sistem Lama Pengolahan data siswa seperti penginputan, pengeditan, pencarian serta mencetak data siswa adalah hal yang dilakukan setiap hari. Namun, dalam pengolahan datanya masih kesulitan karena masih terfokus pada satu komputer yang aplikasinya bersifat offline. Dengan demikian administrator, dan siswa tidak bisa mengakses data secara langsung dengan cepat dan tepat. Selain itu,
informasi lainnya belum bisa
18
diakses secara online oleh administrator, dan siswa sehingga penyebaran informasi dinilai masih lambat. Berdasarkan permasalahan tersebut penulis menyimpulkan bahwa perlu adanya pengembangan sistem pada sistem lama agar lebih baik sesuai dengan kebutuhan dalam pengolahan data siswa.
3.1.2 Analisis Sistem Baru Berdasarkan permasalahan yang ada pada sistem lama penulis ingin memberikan solusi kepada siswa admin, dengan membangun sistem baru yang berbasis online. Sistem ini dibangun menggunakan bahasa pemrograman PHP dan databasenya menggunakan MySQL. Sehingga dengan sistem ini diharapkan dapat mengolah
data siswa
secara
mudah, cepat dan tepat. Dalam pembuatan sistem ini dibutuhkan beberapa perangkat atau media untuk menunjang agar terwujudnya menjadi sebuah sistem informasi. Berdasarkan penelitian yang dilakukan, penulis telah menganalisis kebutuhan
dalam pembuatan sistem ini diantaranya
adalah sebagai berikut: 1. Perangkat Keras (Hardware) Kebutuhan perangkat keras yang meliputi perangkat komputer, media internet dan lain sebagainya. 2. Perangkat Lunak (Software) Kebutuhan
perangkat
lunak
yang
meliputi
Macromedia
Dreamweaver 8 (Web Design), MySQL 5.0 (Database), XAMPP (Localhost Web Server) dan lain sebagainya.
19
3. Data Akurasi Kebutuhan data akurasi yang meliputi data siswa seperti nis,nama, alamat, jenis kelamin dan lain sebagainya. 4. Fungsional Kebutuhan fungsional yang meliputi input, pengolahan, upload, download, login, pencarian, laporan dan lain sebagainya.
3.2 Perancangan Sistem
3.2.1 Perancangan Basis Data (Database) Basis data (database) merupakan salah satu komponen yang penting dalam pembuatan sistem informasi, karena basis data merupakan hal pokok dalam menyediakan informasi tentang data karyawan kepada para pengguna khususnya. Pada tahap perancangan basis data (database),
diperlukan
tabel-tabel
data
dan
relasinya
untuk
mengurutkan data atau struktur data. 3.2.2 Rancangan Tabel Database Rancangan database terdiri dari beberapa tabel yang saling berhubungan. Dalam pembuatan database ini, digunakan MySQL sebagai database server. Berikut adalah desain database server : Tabel 3.1 Perancangan database tabel Jurusan Field Type Id_jurusan char(5) Nama_jurusan varchar(25)
Null NO YES
Key Primay Key
Extra
Tabel 3.1 merupakan tabel struktur data untuk penyimpanan data jurusan di SMK Diponegoro Tanjungbintang.
20
Tabel 3.2 Perancangan database tabel Siswa Field nis nama jenis_kelamin tempat_lahir tanggal_lahir id_agama email telp alamat asal_sekolah foto tgl_masuk id_jurusan id_kelas tingkat update id_edit status
Type char(6) varchar(50) char (1) varchar(30) date varchar(2) varchar(30) varchar(15) text varchar(100) varchar(100) date varchar(5) char(3) char(2) datetime char(20) char(2)
Null NO YES YES YES YES NO YES YES YES YES YES YES NO NO YES YES NO YES
Key Primay Key
Extra
Tabel 3.2 merupakan tabel struktur data untuk penyimpanan data siswa di SMK Diponegoro Tanjungbintang.
Tabel 3.3 Perancangan database tabel Galeri Field id_galeri nama_foto tipe_foto ukuran_foto keterangan update id_edit status
Type int(5) varchar(50) varchar(10) varchar(10) varchar(150) datetime char(10) char(1)
Null NO YES YES YES YES YES NO YES
Key Primary Key
Extra auto_increment
Tabel 3.3 merupakan tabel struktur data untuk penyimpanan data galeri di SMK Diponegoro Tanjungbintang.
21
Tabel 3.4 Perancangan database tabel Agama Field Id_agama agama
Type char(2) varchar(20)
Null NO YES
Key Primay Key
Extra
3.4 merupakan tabel struktur data untuk penyimpanan data agama di SMK Diponegoro Tanjungbintang.
Tabel 3.5 Desain database tabel Kelas Field Id_kelas id_jurusan kelas ket
Type Char(3) Char(5) varchar(10) varchar(20)
Null NO NO YES YES
Key Primary Key
Extra
Tabel 3.5 merupakan tabel struktur data untuk penyimpanan data kelas di SMK Diponegoro Tanjungbintang.
Tabel 3.6 Perancangan database tabel Orangtua Field nis nama alamat id_pendidikan id_pekerjaan jenis_penghasilan penghasilan
Type Char(6) varchar(50) text varchar(5) varchar(5) varchar(2) int(25)
Null NO YES YES NO NO YES YES
Key Primary Key
Extra
Tabel 3.6 merupakan tabel struktur data untuk penyimpanan data orang tua di SMK Diponegoro Tanjungbintang.
22
Tabel 3.7 Perancangan database tabel Login Field Id_user Nama Tempat_lahir Tanggal_lahir Jenis_kelamin Alamat Telp Email Foto Username Password Level Sesi Wkt_daftar aktivasi Status
Type Int(20) varchar(50) varchar(100) date varchar(2) varchar(200) varchar(14) varchar(50) varchar(200) varchar(30) varchar(30) char(1) varchar(50 datetime char(1) varchar(10)
Null NO YES YES YES YES YES YES YES YES YES YES YES YES YES YES YES
Key Primary Key
Extra Auto_increment
Tabel 3.7 merupakan tabel struktur data untuk penyimpanan data administrator SMK Diponegoro Tanjungbintang. Tabel 3.8 Perancangan database tabel Pekerjaan Field Type Id_pekerjaan char(5) pekerjaan varchar(50)
Null NO YES
Key Primay Key
Extra
Tabel 3.8 merupakan tabel struktur data untuk penyimpanan data pekerjaan orang tua di SMK Diponegoro Tanjungbintang.
Tabel 3.9 Perancangan database tabel Pendidikan Field Type Id_pendidikan char(5) pendidikan varchar(30)
Null NO YES
Key Primay Key
Extra
Tabel 3.9 merupakan tabel struktur data untuk penyimpanan data pendidikan orang tua di SMK Diponegoro Tanjungbintang.
23
3.2.3 Relasi Antar Tabel
Dalam suatu sistem informasi, terdapat suatu database yang didalamnya ada beberapa buah tabel.
Beberapa tabel ini saling
berhubungan. Relasi antar tabel berfungsi untuk menghubungkan satu tabel dengan yang lainnya sehingga dapat mempercepat akses database. Aturan relational database menyatakan bahwa satu tabel dengan tabel lainnya dihubungkan dengan sebuah kunci unik atau primary key. Relasi tabelnya disajikan pada Gambar 3.1.
Tabel_agama Tabel_siswa nis nama jenis_kelamin tempat_lahir tanggal_lahir id_agama email telp alamat asal_sekolah foto tgl_masuk id_jurusan id_kelas tingkat update id_edit status
Tabel_user Id_user Nama Tempat_lahir Tanggal_lahir Jenis_kelamin Alamat Telp Email Foto Username Password Level Sesi Wkt_daftar aktivasi Status
Id_agama agama
Tabel_pekerjaan Id_pekerjaan pekerjaan
Tabel_jurusan Tabel_galeri Id_galeri nama_foto tipe_foto ukuran_foto keterangan update id_edit status
Tabel_kelas Id_kelas id_jurusan kelas ket
Id_jurusan jurusan
Gambar 3.1 Relasi Antar Tabel
Tabel_orangtua nis nama alamat id_pendidikan id_pekerjaan jenis_penghasilan penghasilan
Tabel_pendidikan Id_pendidikan pendidikan
24
3.3 Flowchart Program
Flowchart program digunakan untuk mengetahui bagaimana cara program yang dirancang. Flowchart dalam program akan terlihat jelas proses logika dalam suatu program dari Aplikasi Sistem informasi data siswa pada SMK Diponegoro Tanjungbintang.
Flowchart terdiri dari simbol-simbol yang
mewakili langkah program dan garis alir (flow lines) menunjukkan urutan dari simbol-simbol yang akan dikerjakan. Bagan arus Flowchart yang tersaji sebagai berikut:
3.3.1 Flowchart Menu Login Menu login merupakan salah satu dari menu utama, menu tersebut berfungsi sebagai media bagi pengguna untuk masuk ke dalam akun pengguna. Penggunaan menu tersebut, dengan cara memasukkan username dan password yang telah didaftarkan sebagai administrator yang telah aktif, lebih jelasnya dapat dilihat pada Gambar 3.2. Star Login
Tampilkan Form Login
Input Username & Password
Cari data berdasarkan Username & Password
Apakah User & Password ditemukan ?
T
Y
Menu Admin
End
Gambar 3.2 Flowchart Login Sistem
25
3.3.2 Flowchart Menu Admin
Halaman utama administrator adalah halaman administrator yang dapat ditampilkan setelah pengguna melakukan proses login dengan status administrator. Pada halaman tersebut, terdapat beberapa sub-sub menu untuk keperluan input, olah, dan mengatur data sistem informasi pengolahan data siswa. Lebih jelasnya dapat dilihat pada Gambar 3.3. Star Halaman Admin Tampil Menu
Menu Home
Y
Halaman Home
T Menu Profil
Y
Halaman Profil
T
Halaman Edit profil
Halaman Edit Login
Menu Siswa
Halaman Tampil Data Siswa
Y
T
Halaman Detail Data Siswa
Halaman Edit Data Siswa
Halaman Cari Siswa Halaman Input Data Siswa
Menu Galeri
Halaman Tampil Data Galeri
Y
T
Halaman Detail Data Galeri
Halaman Edit Data Galeri
Halaman Tambah Data Galeri
Menu Pengguna
Y
Halaman Tampil Data Pengguna
T
Halaman Detail Data Pengguna
Halaman Edit Data Pengguna
Halaman Tambah pengguna
Menu Kelas
T
Y
Halaman Tampil Data Kelas
Halaman Detail Data Kelas
Halaman Tambah Data Kelas
Exit
End Halaman Admin
Gambar 3.3 Flowchart Menu Admin
Halaman Detail Data Kelas
26
3.3.3 Flowchart Input Data Siswa Pada menu input data siswa, administrator dapat mengatur data-data siswa, diantaranya input, ubah dan hapus data siswa. Proses tersebut diilustrasikan pada Gambar 3.4. Start
Menu Input Data Siswa 2
Form Input Data
1
Input NIs
Input Tingkat dan kelas
Input Nama Lengkap
Input Nama Orang Tua
Input Tempat,Ttgl Lahir
Input Alamat
2
Input Tingkat Pendidikan
Input Jenis Kelamin
Input Pekerjaan
Input Email
Input Penghasilan Perbulan
Input No.Telpon
Input Foto Data Lengkap ? Input Agama End
Input Asal Sekolah Input Alamat
Input TahunAgkatan
Input Jurusan
Input Jurusan
Y
1
Gambar 3.4 Flowchart Input Data Siswa
T
27
3.3.4 Flowchart Edit Data Siswa
Pada menu data siswa, terdapat menu untuk ubah data siswa. Menu tersebut berguna untuk mengubah data apabila ada kesalahan-kesalahan tertentu. Proses tersebut diilustrasikan pada Gambar 3.5.
Start
Login Admin
Menu Edit Data Siswa
Pil 1. Edit Pil 2. Hapus
Y Pil = 1
T
Input NIs
1
Input Nama Lengkap
Input Tingkat dan kelas
Input Tempat,Ttgl Lahir
Input Nama Orang Tua
Input Jenis Kelamin
Input Alamat Input Tingkat Pendidikan
Input Email
Input Pekerjaan
Input No.Telpon
T
Pil = 2 Konfirmasi Hapus Y Data Dihapus
Input Foto
Input Penghasilan Perbulan
Input Agama
Edit
Input Asal Sekolah
End
Input Alamat
Input TahunAgkatan
Input Jurusan
Input Jurusan
Y
1
Gambar 3.5 Flowchart Edit Data Siswa
28
3.3.5 Flowchart Cari Data Siswa Menu cari data siswa digunakan untuk mencari nama siswa dan data tentang siswa. Cara menggunakannya yaitu dengan memasukkan kata kunci, berupa nama siswa, atau dengan memasukkan nomor induk siswa. Proses tersebut diilustrasikan pada Gambar 3.6.
Start
Menu Cari Data Siswa
Form Cari Data Siswa
Input Kata Kunci
Apakah Data Ditemukan ?
Y
Tampilkan Data Siswa
T
Y
Cari Ulang ?
T End
Gambar 3.6 Flowchart Cari Data Siswa
29
3.3.6 Flowchart Menu Halaman List Data Siswa Menu list data siswa adalah menu tampilan tabel dengan berisi tentang nis dan data siswa secara keseluruhan. Selain itu, juga terdapat menu untuk melihat data secara detail. Lebih jelasnya dapat dilihat pada Gambar 3.7.
Start
Tampilkan Form Cari Data Siswa
Cari Berdasarkan Nis,Nama
Apakah Nis,Nama Sudah benar ?
Y Tampilkan Detail Data Siswa
End Gambar 3.7 Flowchart Detail Data Siswa
T
30
3.3.7 Flowchart Perubahan Login Menu perubahan login berfungsi sebagai media bagi pengguna untuk mengubah username dan password. Penggunaan menu tersebut, dengan cara memasukkan username dan password yang baru sebagai administrator yang telah aktif, lebih jelasnya dapat dilihat pada Gambar 3.8. Start
Menu Frofil
Form Edit Login
Apakah Login ingin disimpan ?
T
Y Login Diganti
Simpan Login Baru
End
Gambar 3.8 Flowchart Perubahan Login
Login Tetap
31
3.3.8 Flowchart Menu Input Data Kelas
Pada menu input data kelas, administrator dapat mengatur data kelas, diantaranya input data kelas. Proses tersebut diilustrasikan pada Gambar 3.9. Start
Menu Input Data Kelas
Form Input Data
Input Nama Jurusan
Input Id Kelas
Input Nama Kelas
Input Keterangan
Y
Data Lengkap ?
T
End
Gambar 3.9 Flowchart Menu Input Data Kelas
32
3.3.9 Flowchart From Perubahan Kelas Pada menu data kelas, terdapat menu untuk ubah data kelas. Menu tersebut berguna untuk mengubah data apabila ada kesalahan-kesalahan tertentu. Proses tersebut diilustrasikan pada Gambar 3.10.
Start
Login Admin
Menu Edit Data Pengguna
Pil 1. Edit Pil 2. Hapus
Y Pil = 1
Input Nama Jurusan
Input Id Kelas
Input Nama Kelas
Input Keterangan
T
Y
Data Lengkap ?
T
T
Pil = 2 Konfirmasi Hapus
Y
Data Dihapus
End
Gambar 3.10 Flowchart Menu Edit Data Kelas
