Metode Perancangan Pengertian Implementasi Sistem Tujuan Implementasi Sistem Komponen Utama dalam Sistem

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