BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM Pada perancangan suatu sistem diperlukan analisis yang tepat sehingga proses pembuatan sistem dapat berjalan dengan lancar dan sistem yang dibuat sesuai dengan yang diinginkan. Setelah analisis dilakukan perlu dilakukan desain sistem yang berujuan untuk memberikan gambaran tentang jalannya sistem tersebut. Selain itu desain sistem juga bertujuan untuk mempermudah programer dalam mengimplementasikan sistem tersebut 3.1 Analisa Masalah Analisa Sistem berjalan Analisis sistem berjalan saat ini guru melakukan absensi murid dengan cara memanggil satu persatu dan menandakan sebuah tanda kehadiran siswa dibuku absensi, buku absensi akan direkap oleh tata usaha kedalam buku besar untuk menjadi arsip absensi kehadiran siswa. System Absen Kehadiran Murid Absen Mata Pelajaran Rekap Absen Guru Laporan Absen Tata Usaha Gambar 3.1 Use Case system berjalan 21

2 22 Tabel 3.1 Use Case Absen Kehadiran Absen Kehadiran Guru dan Murid Guru mengisi absensi kehadiran murid Tindakan Guru melakukan absensi kehadiran dengan cara memanggil satu persatu Tabel 3.2 Use Case Absen Mata Pelajaran Absen Mata Pelajaran Guru dan Murid Guru mengisi absensi kehadiran murid Tindakan Guru melakukan absensi kehadiran murid sesuai dengan mata pelajaran yang sedang berlansung Tabel 3.3 Use Case Rakap Absen Rekap Absen Guru Tindakan Guru mencatat kehadiran murid kedalam form absen Guru mengrekap absensi kehadiran murid kedalam form absen satu persatu

3 23 Tabel 3.4 Laporan Absen Tindakan Laporan Absen Guru dan Tata Usaha Guru memberikan laporan ke tata usaha Guru memberikan hasil form absen harian ke bagian tata usaha untuk dijadikan arsip Diagram Activity yang sedang berjalan Siswa Guru Tata Usaha Siswa Masuk Kelas Meyiapkan Form Absensi Memberi Form Absensi Memberi Form Absensi Memberikan Absensi Menerima Absensi Gambar 3.2 diagram activity sistem berjalan Nara Sumber Nara sumber yang didapat dari beberapa sahabat yang telah menjadi seorang guru honorer di sebuah sekolah. Dan memberi informasi sistem absensi yang sedang berjalan saat ini.

4 Perancangan Sistem Sistem yang akan dikembangkan, demi memperbaiki kelemahan sistem yang sedang berjalan adalah dengan membuat aplikasi Absensi berbasis web dengan menggunakan Codeigniter di sekolah dasar XYZ. Selama ini pengarsipan dilakukan dengan menggunakan kertas sehingga mudah hilang dan usang. Untuk mendapatkan kemudahan dalam melakukan absensi dan pengarsipan dibutuhkan sebuah aplikasi berbasis website, untuk mendapatkan keterangan yang akurat Sistem yang akan dikembangkan Untuk merancang aplikasi yang akan dibuat diperlukan UML (Unified Modelling Language) agar tidak terjadi kesalahan dalam membuat rancangan desain. UML ini berguna sebagai analisa awal dan dengan UML ini maka apa yang di rancang diharapkan dapat dijalankan dengan baik Kebutuhan Perangkat Keras Perangkat keras yang digunakan pada suatu instansi yang digunakan sebagai media untuk menerapkan sistem sangat berpengaruh pada efisiensi dan efektifitas kinerja suatu sistem tersebut, Hardware yang digunakan dengan spesifikasi sebagai berikut : 1. Proccesor Pentium IV 2.0 Ghz 2. Memory (Ram) 512 Mb 3. Hardisk 40 Gb 4. Monitor Mouse 6. Keyboard 7. Printer 8. Modem

5 25 Perangkat keras komputer yang ada saat ini sudah memenuhi kebutuhan dalam menjalankan aplikasi absensi siswa berbasis web dengan menggunakan framework codeigniter yang akan dibangun Kebutuhan Perangkat Lunak Perangkat lunak yang digunakan oleh suatu sistem informasi dapat digunakan secara optimal, apabila software itu tidak mampu secara khusus melayani kebutuhan sistem. Sistem operasi yang digunakan yaitu : 1. Microsoft Windows 7 Ultimate 2. Mozila FireFox sebagai Browser 3. Database Engine XAMPP 4. Adobe Photoshop CS6 sebagai editor gambar 5. Web Server Aphace Server 3.3 Use case sistem pengelola data absen Perancangan aplikasi Website absensi sekolah menggunakan codeigniter sistem pengolahan data absen dapat dilihat pada gambar di bawah ini Gambar 3.3 Use case sistem pengolahan data absen

6 26 Tabel 3.5 Use Case Login Login User (Guru dan TU) dan Admin User (Guru dan TU) dan Admin melakukan login terlebih dahulu Tindakan Untuk User Masuk Ke C-panel Guru Untuk Admin Masuk Ke C-panel Admin Tabel 3.6 Use Case Pilih Kelas Pilih Kelas User (Guru dan TU) dan Admin User (Guru dan TU) dan admin memilih kelas untuk melakukan absen Tindakan Memilih Kelas untuk melakukan absensi kehadiran Tabel 3.7 Use Case Input Data Input Data Tindakan User (Guru dan TU) dan Admin User (Guru dan TU) dan Admin menambahkan data pengumuman di hahaaman utama Menginput data pengumuman sekolah yang ditampilkan dihalaman utama website

7 27 Tabel 3.8 Manajemen Data Tindakan Manajemen Data Admin Admin harus login terlebih dahulu untuk mengakses ke C-panel Admin Admin Memenejemen Data yang ada diwebsite 3.4 Use Case Hak Akses SIstem Hak akses Membuat Username dan password Melakukan Absen Guru Membuat Pengumuman Mengubah Password Admin Tata Usaha Input Data Menu Website Membuat Berita Input Data Murid dan Kelas Gambar 3.4 Use Case Hak Akses

8 28 Tabel 3.9 Membuat ID dan Password Tindakan Membuat ID dan Password Admin Admin membuat ID dan Password Untuk login user ( Guru dan TU ) Admin Membuatkan ID dan Password untuk User masuk kedalam sebuah C-Panel Tabel 3.10 Melakukan Absen Tindakan Melakukan Absen User ( Guru dan TU ) dan Admin User ( Guru dan TU ) dan Admin dapat mengisi absensi yang berada di menu absen User (Guru dan TU) dan Admin Memilih kelas untuk melakukan abasen kehadiran siswa Tabel 3.11 Membuat Pengumuman Tindakan Membuat Pengumuman User (Guru dan TU) dan Admin User dan Admin membuat pengumuman untuk informasi website User dan Admin membuat sebuah pengumuman dan menampilkanya di menu halaman utama

9 29 Tabel 3.12 Merubah Password Tindakan Merubah Password User (Guru dan Admin) dan Admin User dan Admin dapat merubah password yang lama ke password yang baru Memasukan password baru di menu ganti password dan melakukan rubah password Tabel 3.13 Input data menu website Input Data Menu Website Admin Admin Menginput data statis website Tindakan Merubah dan menambahkan menu bar yang berada pada halaman utama website Tabel 3.14 Membuat Berita Tindakan Membuat Berita Admin Admin dapat membuat berita yang akan ditampilkan di halaman utama website Membuat dan memposting sebuah berita yang akan di tampilkan di halaman utama website

10 30 Tabel 3.15 Input Data murid dan kelas Tindakan Input Data murid dan kelas Admin Admin menambahkan data murid kedalam sebuah kelas sesuai dari data manajemen sekolah untuk ditampilkan di menu absensi Menambahkan data murid kedalam kelas yang akan masuk kedalam sebuah database siswa Diagram Activity Pengelola data absen Gambar 3.5 Diagram Activity Login

11 31 Tabel 3.16 Diagram Activity Login Nama Activity Login User(Guru dan TU) dan Admin memilih menu login, setelah itu system akan menampilkan form login. Masukkan username dan password, setelah itu system akan memeriksa jika username dan password benar maka masuk ke halaman jika tidak akan kembali ke menu login Gambar 3.6 Diagram Activity Pilih Kelas Tabel 3.17 Diagram Activity Pilih Kelas Nama Activity Pilih Kelas User (Guru dan TU) dan Admin harus memilih menu Absen untuk memilih kelas yang akan di absen

12 32 Gambar 3.7 Diagram Activity Input Data Tabel 3.18 Diagram Activity Input Data Nama Activity Input Data User (Guru dan TU) dan Admin mengabsen dan menandakan absen pada siswa dan menyimpan hasil rekapan absen

13 33 Gambar 3.8 Diagram Activity Manajemen Data Table 3.19 Diagram Activity Manajemen Data Nama Activity Manajemen Data Admin Masuk kehalaman admin dan mengolah data dengan edit, tambah, dan hapus data *Keterangan Untuk pengunjung atau orang tua murid dan murid hanya dapat melihat informasi yang di tampilkan di halaman utama website tersebut tanpa harus login terlebih dahulu. Seperti informasi jadwal pengambilan rapor dan informasi pendaftaran murid baru.

14 ERD Gambar 3.9 ERD Sistem Akademik Penjelasan: - Admin mampu menangani semua kejadian pada sistem. - ERD di atas merupakan diagram pada Sistem Absensi / Akademik.

15 Database Untuk rancang bangun aplikasi absensi sekolah berbasis web yang dibuat ini terdapat database yang sudah dibuatkan dalam bentuk ERD-nya, database dari aplikasi ini yaitu Sekolah. Untuk database sekolah terdapat 12 tabel yaitu tabel. Tabel absensi ini berisi data absensi siswa yang berjalan seperti, tanggal, bulan dan tahun pada masa ajaran. Tabel 3.20 Absensi Nama field Type field Panjang Keterangan *Id_absensi Int 10 No urut untuk absen Id_siswa Int 10 No untuk siswa Id_kelas Int 10 Kelas siswa Absen Char 3 Presensi siswa Tanggal Int 2 Tanggal absen Bulan Int 2 Bulan dalam angka Tahun Int 4 Tahun ajaran.

16 36 Tabel ini berisi agenda sekolah yang akan diselenggarakan oleh pihak sekolah Tabel 3.21 Agenda Nama field Type Panjang keterangan *Id_agenda Int 5 No urut agenda Tema_agenda Varchar 200 Judul agenda Isi Text Isi informasi agenda Tgl_mulai Date Waktu mulai Tgl_selesai Date Waktu selesai Tgl_posting Date Tanggal posting Tempat Varchar 200 Lokasi Jam Varchar 50 Jam pelaksanaan Keterangan TinyText Tujuan informasi Tabel ini berisi nama nama album galeri dalam bentuk foto Tabel 3.22 album galeri Nama field Type Panjang Keterangan *Id_album Int 10 No urut album Nama_album Varchar 100 Nama untuk album

17 37 Tabel ini berisi berita berita tentang pendidikan indonesia dan berita kemajuan teknologi, dan juga bisa berita siswa siswa yang mendapatkan penghargaan dari prestasi yang didapat. Tabel 3.23 Berita Nama field Type Panjang Keterangan *Id_berita Int 3 No urut berita Judul_berita Varchar 100 Judul berita Isi Text Isi berita Gambar Varchar 100 Nama gambar Tanggal Date Tanggal input Waktu Time Jam input berita Author Varchar 20 Counter Int 3 Tabel 3.24 Data Tabel ini berisikan content yang berada pada bagian home Nama field Type Panjang Keterangan *Id_data Int 11 No urut data Content Text Isi konten Data_id Varchar 10 No urut data konten

18 38 Tabel 3.25 Download Nama field Type Panjang Keterangan *Id_download Int 5 No urut download Judul_file Varchar 200 Judul file yang diinput Nama_file Varchar 200 Nama file input Tgl_posting Date Tanggal posting Author Varchar 20 Nama pemosting Tabel 3.26 Galeri Nama field Type Panjang Keterangan *Id_foto Int 10 No urut foto Id_album Int 10 No urut album Foto_kecil Varchar 100 Foto berukuran besar Foto_besar Varchar 100 Foto berukuran kecil Tabel 3.27 Kelas Nama field Type Panjang Keterangan *Id_kelas Int 10 No urut kelas Nama_kelas Varchar 10 Golongan kelas 1,2 Tahun_ajaran Varchar 15 Tahun ajaran yang berlangsung

19 39 Tabel 3.28 kepegawaian Nama field Type Panjang Keterangan *Id_kepegawaian Int 10 No urut kepegawaian Nip Varchar 50 Id Guru Nama_pegawai Varchar 100 Nama guru dan Admin Kelahiran Varchar 150 Tempat lahir dan tanggal lahir Matpel Varchar 100 Mata pelajaran Jk Varchar 1 Jenis kelamin Status Varchar 50 Guru dan admin Username Varchar 100 Nama kepegawaian Password Varchar 100 Password untuk login Tabel 3.29 Menu Nama field Type Panjang Keterangan *Id Char 10 No urut point Title Varchar 50 Nama content Id_parent Char 10 No parent Level Int 11 Tinkatan

20 40 Tabel 3.30 Pengumuman Nama field Type Panjang Keterangan *Id_pengumuman Int 5 No urut pengumuman Judul_pengumuman Varchar 200 Judul dari pengumuman Isi Text Isi pengumuman Tanggal Date Tanggal input Penulis Varchar 100 Status dan nama Penulis Tabel 3.31 Siswa Nama field Type Panjang Keterangan *Id_siswa Int 10 No urut untuk siswa Id_kelas Int 10 Kelas siswa Nis Int 30 Id siswa Nama_siswa Varchar 150 Nama siswa

21 Desain Awal Interface Desain awal dari aplikasi absensi berbasis website di buat menggunakan software sublime dengan menggunakan CodeIgniter dan juga css Desain Index awal Dalam halaman ini adalah halaman tampilan awal, halaman ini berisi dari beberapa bagian mulai dari profil sekolah sambutan kepala sekolah dan login untuk guru dan admin. Rancangan ini bisa dilihat pada gambar 3.10 Gambar 3.10 Index Awal

22 Desain Control Panel Guru Rancangan ini adalah untuk kegiatan guru dari membuat pengumuman sampai mengabsen kehadiran siswa. Rancangan ini dapat dilihat pada gambar 3.11 Gambar 3.11 Control panel guru Desain Halaman Pengumuman Rancangan halaman ini adalah untuk halaman pengumuman yang berisi penulisan dan edit pengumuman yang akan dimuat dihalaman awal, Rancangagn ini dapat dilihat pada gambar 3.12 Gambar 3.12 Halaman input penumuman

23 Desain Halaman Upload berkas Rancangan ini adalah untuk halaman mengupload rekap absensi bulanan dari setiap kelas agar bisa dilihat, Rancangan ini bisa dilihat pada gambar 3.13 Gambar 3.13 Halaman Upload Berkas Desain Halaman Pilih Kelas Absen Rancangan ini adalah untuk para guru memilih kelas mana yang akan diabsen pada saat pengabsenan, Rancangan ini bisa dilihat pada gambar 3.14 Gambar 3.14 Halaman Pilih kelas

24 Desain Halaman Input Absensi Rancangan ini adalah untuk para guru mengabsen kehadiran siswa yang berisi nama siswa keterangan kehadiran seperti sakit, izin, alpha, bolos, hadir,dispen dan skors. Rancangan ini dapat dilihat pada gambar 3.15 Gambar 3.15 Input Absensi kelas Desain Halaman Ubah Password Rancangan ini adalah untuk merubah atau mengganti password yang digunakan untuk masuk ke control panel guru dimana pada halaman ini bila sudah merubah password, tidak bisa masuk dengan password yang lama dikarenakan sudah teregistrasi dengan password yang baru. Rancangan ini dapat dilihat di gambar 3.16 Gambar 3.16 Ubah password

25 Desain Control Panel Admin Rancangan ini adalah tampilan halaman awal bila login dengan menggunakan admin. Rancangan ini bisa dilihat pada gambar 3.17 Gambar 3.17 Control Panel Admin Desain Halaman Data Statis Rancangan ini adalah untuk mengedit atau menanbah data yang berada di menu tampilan awal index, seperti sambutan kepala sekolah. Rancangan ini bisa dilihat pada gambar 3.18 Gambar 3.18 Data Statis Admin

26 Desain Halaman data dinamis index berita Rancangan ini adalah untuk mengedit dan menambahkan berita yang ada di tampilan awal depan. Rancangan ini bisa dilihat pada gambar 3.19 Gambar 3.19 data dinamis index berita Desain Halaman data dinamis pengumuman Rancangan ini adalah untuk mengedit dan menambahkan pengumuman yang berada di tampilan awal. Rancangan ini bisa dilihat pada gambar 3.20 Gambar 3.20 data dinamis pengumuman

27 Desain Halaman data siswa sekolah Rancangan ini adalah untuk menginput data kelas dan menginput data siswa yang aktif. Rancangan ini bisa dilihat pada gambar 3.21 Gambar 3.21 data siswa Desain Halaman data kepegawaian Rancangan ini adalah untuk mendata kepegawaian yang ada disekolah serta membuat username dan password untuk masuk kedalam control panel guru. Rancangan ini bisa dilihat pada gambar 3.22 Gambar 3.22 Data kepegawaian

28 Desain Halaman Galeri Rancangan ini adalah untuk menambahkan foto yang akan masuk kedalam galeri kegiatan yang akan tampil di halaman awal. Rancangan ini bisa dilihat dalam gambar 3.23 Gambar 3.23 Galeri Desain Halaman pilih kelas untuk Absen Rancangan ini adalah untuk mengabsen siswa apabila guru tidak dapat mengakses contol panel guru, sama seperti absensi guru memilih kelas terlebih dahulu. Rancangan ini bisa dilihat pada gambar 3.24 Gambar 3.24 Pilih Kelas