BAB 4
PERANCANGAN SISTEM
4.1 Metode Perancangan
Metode perancangan sistem ini menggunakan metode pendekatan atas-bawah top down approach. Perancangan dimulai dari bentuk yang paling global yaitu diagram
konteks, kemudian diturunkan secara bertahap menjadi bentuk yang lebih detail.
4.2 Hasil Perancangan
4.2.1 Bagan Berjenjang
Bagan berjenjang dapat dijadikan pedoman untuk perancangan selanjutnya, karena berisi semua proses yang ada pada perangkat lunak yang dirancang ini. Sistem ini
dapat dilihat pada Gambar 4.1.
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
Gambar 4.1 Bagan Berjenjang Sistem Informasi Akademik
4.2.2 Diagram Konteks Context Diagram
Diagram konteks menggambarkan proses aliran data secara global yang terjadi pada sistem ini. Diagram konteks. Sistem ini dapat dilihat pada Gambar 4.2.
Sistem Informasi Akademik Berbasis Web Dengan PHP dan MySQL
1 Login
2 Tampilkan Data SiswaPengajar
1.1
Auth orisa
si
1.2
Log out
1.3 Update SiswaPengajar
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
Informasi tentang siswa, Pengajar
Data seting siswa, Pengajar
Gambar 4.2 Diagram Konteks Sistem Informasi Akademik Level 0
Diagram Konteks sistem ini memiliki Satu external entity yaitu administrator yang dapat melakukan proses melihat data siswa dan pengajar secara online adalah
mereka yang telah terdaftar sebagai administrator Administrator, dapat melakukan setting pada sistem ini seperti menambah, mengubah dan menghapus data siswa,
pengajar. Untuk lebih jelasnya dapat dilihat pada Tabel 4.1.
Administrator 1. Setting siswa
2. Setting pengajar 1. Membuat dan mengupdate
data pengajar siswa.
1.2.3 Diagram Arus Data Level 1
Diagram arus data level 1 dari sistem ini terdiri atas 1 proses yaitu proses login, seperti pada Gambar 3.3.
Sistem Informasi Akademik Berbasis Web dengan PHP dan
MySQL Administrator
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
nama nip password Administrator
`
Gambar 3.3 Diagram Arus Data Level 1 Sistem Informasi Akademik
1.2.4 Diagram Arus Data Level 2
Diagram arus data level 2 dari sistem ini terbagi menjadi 1 diagram diagram arus data level 2 untuk proses login.
4.2.3 Diagram Arus Data Level 2 pada Proses Nomor 2
Pada diagram arus data level 2 untuk proses nomor 2 ini, proses login dibagi menjadi 2 proses, yaitu: proses authorisasi dan proses logout. Penyimpanan data terjadi pada 3
buah simpanan data yaitu administrator, siswa, dan pengajar. Ini berarti bahwa setiap data ditempatkan pada simpanan data yang berbeda. Jika seseorang adalah
administrator maka penyimpanan data terdapat pada tabel admin, siswa, dan pengajar , demikian seterusnya jika seseorang adalah siswa maka penyimpanan data terdapat
1
Login
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
pada tabel siswa. Jadi Administator mempunyai hak akses terhadap siswa dan pengajar. Seperti terlihat pada Gambar 3.4.
Nip dan Password Status login
Data Log
Out
Nip dan Password Status administrator
Administrator
Gambar 3.4 Diagram Arus Data level 2 Proses Nomor 2
Administrator
1.1
Authorisasi
D4 1.2
Logout
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
4.2.4 Diagram Arus Data Level 3
Diagram arus data level 3 dari sistem ini terbagi menjadi 1 diagram, yaitu diagram arus data level 3 untuk proses administrasi sistem informasi akademik.
4.2.4.1 Diagram Arus Data Level 3 Proses Nomor 2
Pada DFD level 3 untuk proses nomor 2 dibagi ke dalam lima proses, yaitu proses update pengajar dan siswa. Proses ini hanya dapat dilakukan oleh seorang
administrator, seperti terlihat pada Gambar 3.5.
Siswa d
Gambar 3.5 Diagram Arus Data Level 3 Proses Nomor 2
Administrator
2.2.5
update SiswaPengajar
D5 D6
Pengajar D5
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
4.2.5 Desain Basis data
Desain basis data dari sistem ini terdiri dari empat tabel. Di antara empat tabel tersebut terdapat tabel yang berdiri sendiri atau tidak memilki relasi dengan tabel lain.
Tabel tersebut adalah tabel administrator tabel counter.
4.2.6 Hubungan Antartabel
Pada Sistem Informasi akademik ini tidak terjadi hubungan antar tabel, hal ini dapat dilihat pada Gambar 3.6.
Tabel siswa
No Nis Nama Jenis
Kelamin Alamat
ttl Asal sekolah Status
Tabel pengajar
Tabel Administrator
Gambar 3.6 Relasi Antartabel
Nip Nama
Alamat Ttl Agama
Jurusan … Password
Nip Nama
Level Password
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
4.2.6.1 Tabel Pegawai
Tabel pegawai digunakan untuk menampung data-data yang berhubungan dengan pegawai. Berikut ini adalah field-field yang dibuat dalam tabel pegawai yang dapat
dilihat pada Tabel 3.7.
Tabel 3.7 Struktur Tabel Pegawai Field Name
Type Field
Size Keterangan
Nip Varchar
100 Nomor nip pegawai Primary key,
index Nama
Varchar 30
Nama pegawai Jenis_kelamin
Varchar 50
Jenis Kelamin pegawai Tempattanggal
lahir Varchar
50 Tempat tanggal lahir
Jabatan Varchar
15 jabatan pegawai
Jenjang Varchar
15 Jenjang pendidikan pegawai
Jurusan Varchar
10 Pendidikan terakhir
Tahun_tamat Varchar
15 Tahun tamat
Nomor_sk Varchar
30 Nomor sk
Tanggal_sk Varchar
20 Tanggal sk
Golongan Varchar
30 Golongan pegawai
Status Varchar
30 Status Kerja
Mengajar_bidang Varchar
10 Bidang Studi
Penataran Varchar
10 Penataran
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
4.2.6.2 Tabel Siswa
Tabel siswa digunakan untuk menampung data yang berhubungan dengan siswa. Berikut ini adalah field-field yang dibuat dalam tabel siswa yang dapat dilihat pada
Tabel 3.8.
Tabel 3.8 Struktur Tabel Siswa
Field Name Type
Field Size Keterangan
No Int
10 Nomor urut siswa Primary key
Induk Varchar
20 Nis siswa
Nama Varchar
75 Nama siswa
jenis_kelamin Varchar
20 Jenis kelamin
Ttl Varchar
75 TempatTanggl Lahir siswa
Ortu Varchar
75 Nama Orang Tua siswa
asal_sekolah Varchar
75 Asal Sekolah siswa
Alamat Varchar
75 Alamat siswa
keterangan Varchar
15 Keterangan siswa
4.2.6.3 Tabel Administrator
Tabel administrator digunakan untuk menampung data untuk administrator, seperti: nama, nip, dan password. Berikut adalah field-field yang ada dalam tabel
administrator yang dapat dilihat pada Tabel 3.9.
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
Tabel 3.9 Struktur Tabel Administrator
Field Name Type Field Size Keterangan
Nip Varchar
15 Nip administrator Primary key, index
password Varchar
100 Password administrator
Level Varchar
8 Level administrator
Email Email administrator
Status Varchar
8 Status Administrator
4.2.7 Rancangan Antarmuka Interface
Rancangan antarmuka dari Sistem ini dibagi menjadi tiga bagian yaitu bagian kepala Header, bagian tengah, dan bagian kaki Footer. Semua halaman dari Sistem ini
terdiri dari tiga bagian ini. Bagian kepala berisi tut wuri handayani yang dijadikan logo oleh sma swasta mulia medan dan menu login. Bagian kaki menampilkan nama
organisasi. Bagian kaki ini bersifat statis tidak berubah-ubah. Bagian kepala terdapat animasi yang menampilkan tulisan selamat datang yang
bergerak berputar dan membesar. Hal ini sangat berguna agar user tidak merasa bosan. Dengan adanya animasi yang dibuat diharapkan dapat membuat mahasiswa yang login
tertarik dan merasa nyaman dengan tampilan tersebut. Bagian tengah merupakan isi dari sistem itu sendiri. Bagian tengah sangat dinamis, karena setiap saat selalu berubah
sesuai data yang tersimpan dalam database. Struktur rancangan antarmuka dari sistem yang dirancang ini dapat dilihat pada Gambar 3.10 serta rancangan awal dari sistem
ini terlihat pada Gambar 3.11.
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
Tt
Gambar 3.10 Struktur Rancangan Antarmuka Sistem Informasi Akademik
Sistem Informasi Manajemen Database Akademik Berbasis Web dengan PHP dan MySQl pada SMA Swasta Mulia
Bagian tengah isi Bagian
kaki Isi dari Menu Utama:
Jika sebagai administrator yang ditampilkan edit
mahasiswa, , pengajar. Bagian Tengah isi
Selamat datang
kepada pengunjung
website Nama
sekolah
ANIMASI BANNER
SELAMAT DATANG HOME
Home | Copyright©2008 – PUTRI PRIHATINI
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
Jika tampilan halaman utama sebelum login adalah terdiri dari tiga bagian, maka tampilan halaman utama setelah login terdiri dari empat bagian utama, yaitu
bagian header, bagian kiri, bagian isi, dan kaki. Tampilan bagian kepala dan kaki tetap sama sedangkan yang berbeda hanyalah bagian isi dan bagian kiri seperti terlihat pada
Gambar 3.11.
Gambar 3.11 Rancangan Tampilan Sebelum Login Halaman Utama Sistem Informasi Akademik
Rancangan tampilan Login baik untuk administrator memiliki tiga bagian utama, yaitu: bagian kepala, isi, dan bagian kaki.
ANIMASI BANNER
Profil Tentang Kami
Login Home
Staf Pengajar
Halaman Untuk Administrator Login
Nip Password
LOGIN
Home | Copyright©2008 – PUTRI PRIHATINI
Buku Tamu
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
4.2.8 Algoritma
Algoritma merupakan langkah-langkah maupun urutan bertahap dan spesifik dari suatu masalah. Algoritma digunakan untuk menganalisa serta menjelaskan urutan dan
hubungan antara kegiatan-kegiatan yang akan ditempuh. Selain itu algoritma juga berfungsi untuk menyelesaikan suatu permasalahan sehingga tercapai suatu tujuan.
Berikut ini merupakan beberapa algoritma yang menjadi inti dari perancangan sistem ini, yaitu Algoritma Home, Login administrator, Data siswa, Data pengajar.
4.2.8.1 Algoritma menu utama
Langkah 1 : Tampilkan halaman index.php lalu klik salah satu menu yang tersedia : a. Home.
b. Profil. c. Tentang Kami.
d. Login. e. Buku Tamu.
f. Staf Pengajar. Langkah 2 : Klik menu Profil maka akan ditampilkan halaman profil dari SMA
Swasta Mulia. Langkah 3 : Klik menu Tentang Kami maka akan ditampilkan halaman pembuat
Website. Langkah 4 : Klik menu Login maka akan ditampilkan halaman login. Jika pada
halaman login ini diisikan dengan nip dan password yang benar maka akan tersedia halaman.
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
Administrator login halaman administrator ini memiliki 3 buah menu yaitu :
a. Siswa. b. Pengajar.
c. Logout. Langkah 4.1 : Klik menu siswa maka akan terdapat 5 buah menu yaitu :
a. Pengajar. b. Lihat data siswa.
c. Update Hapus data siswa. d. Tambah Data Siswa.
e. Logout. Langkah 4.1.1 : Klik menu pengajar maka akan ditampilkan halaman pengajar.
Langkah 4.1.2 : Klik menu Lihat data Siswa maka akan ditampilkan halaman siswa secara keseluruhan.
Langkah 4.1.3 : Klik menu Update Hapus data siswa maka akan ditampilkan halaman untuk menghapus atau mengedit data siswa.
Langkah 4.1.4 : Klik menu Tambah Data Siswa maka akan ditampilkan halaman untuk menambah data siswa.
Langkah 4.1.5 : Klik menu Logout maka akan ditampilkan halaman Keluar dari Aplikasi Administrator.
Langkah 4.1.1 : Klik menu pengajar maka akan ditampilkan halaman pengajar.
Langkah 4.1.2 : Klik menu Lihat data pengajar maka akan ditampilkan halaman pengajar secara keseluruhan.
Langkah 4.1.3 : Klik menu Update Hapus data pengajar maka akan ditampilkan
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
halaman untuk menghapus atau mengedit data pengajar. Langkah 4.1.4 : Klik menu Tambah Data pengajar maka akan ditampilkan halaman
untuk menambah data pengajar. Langkah 4.1.5 : Klik menu Logout maka akan ditampilkan halaman Keluar dari
Aplikasi administrator. Langkah 5 : Klik menu buku tamu maka akan ditampilkan form pengisian buku tamu.
Langkah 6 : Klik menu buku tamu maka akan ditampilkan Daftar Pengajar.
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah – langkah atau prosedur – prosedur yang dilakukan dalam menyelesaikan suatu desain sistem yang telah disetujui, untuk
menginstal, menguji, dan memulai sistem yang baru atau sistem yang diperbaiki.
5.2 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem ini adalah sebagai berikut : 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai user dapat mengoperasikan sistem yang baru. 3. Menguji apakah sistem yang baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konversi ke sistem yang baru berjalan yaitu dengan membuat
rencana, mengontrol, dan melakukan instalasi baru secara benar.
5.3 Komponen Utama dalam Sistem
Dalam pembuatan Website Data Siswa pada Sekolah SMA Swasta Yayasan Pendidikan Mulia Tanjung Sari Medan, yang sudah dirancang membutuhkan
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
perangkat keras hardware, perangkat lunak software dan tenaga pelaksana brainware. Kebutuhan sistem yang dibutuhkan bersifat opsional, yaitu:
a. Perangkat Keras hardware
1. Prosesor Intel Pentium.
2. Harddisk untuk tempat program beroperasi dan sebagai media penyimpanan
data. 3.
Memori. 4.
Monitor. 5.
Keyboard. 6.
Mouse. 7.
Printer. 8.
Dan lain-lain. b.
Perangkat Lunak software 1. Sistem Operasi Windows 98
yaitu menggunakan perangkat lunak software PHP, MySQL dan Dreamweaver 8.
2. Anti virus untuk mengetahui terjadinya kerusakan sistem. 3. Dan lain-lain.
c. Tenaga Pelaksana brainware
Yaitu orang yang memiliki keahlian yang baik dan mengerti sistem operasi komputer untuk menjalankan program.
Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009
5.4 Pemeliharaan Sistem