BAB III ANALISA DAN PERANCANGAN SISTEM

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

3.1.1

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 http://digilib.mercubuana.ac.id/

22

Tabel 3.1 Deskripsi Use Case Absen Kehadiran Nama Use Case

Absen Kehadiran

Aktor

Guru dan Murid

Deskripsi

Guru mengisi absensi kehadiran murid

Tindakan

Guru melakukan absensi kehadiran dengan cara memanggil satu persatu

Tabel 3.2 Deskripsi Use Case Absen Mata Pelajaran Nama Use Case

Absen Mata Pelajaran

Aktor

Guru dan Murid

Deskripsi

Guru mengisi absensi kehadiran murid

Tindakan

Guru melakukan absensi kehadiran murid sesuai dengan mata pelajaran yang sedang berlansung

Tabel 3.3 Deskripsi Use Case Rakap Absen Nama Use Case

Rekap Absen

Aktor

Guru

Deskripsi

Guru mencatat kehadiran murid kedalam form absen

Tindakan

Guru mengrekap absensi kehadiran murid kedalam form absen satu persatu

http://digilib.mercubuana.ac.id/

23

Tabel 3.4 Deskripsi Laporan Absen Nama Use Case

Laporan Absen

Aktor

Guru dan Tata Usaha

Deskripsi

Guru memberikan laporan ke tata usaha

Tindakan

Guru memberikan hasil form absen harian ke bagian tata usaha untuk dijadikan arsip

Diagram Activity yang sedang berjalan Siswa

Guru

Siswa Masuk Kelas

Tata Usaha

Meyiapkan Form Absensi

Memberi Form Absensi

Memberikan Absensi

Memberi Form Absensi

Menerima Absensi

Gambar 3.2 diagram activity sistem berjalan 3.1.1.1 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.

http://digilib.mercubuana.ac.id/

24

3.2

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.

3.2.1

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.

3.2.2

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 17” 5. Mouse 6. Keyboard 7. Printer 8. Modem

http://digilib.mercubuana.ac.id/

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. 3.2.3

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

http://digilib.mercubuana.ac.id/

26

Tabel 3.5 Deskripsi Use Case Login Nama Use Case

Login

Aktor

User (Guru dan TU) dan Admin

Deskripsi

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 Deskripsi Use Case Pilih Kelas Nama Use Case

Pilih Kelas

Aktor

User (Guru dan TU) dan Admin

Deskripsi

User (Guru dan TU) dan admin memilih kelas untuk melakukan absen

Tindakan

Memilih

Kelas

untuk

melakukan

absensi

kehadiran

Tabel 3.7 Deskripsi Use Case Input Data Nama Use Case

Input Data

Aktor

User (Guru dan TU) dan Admin

Deskripsi

User (Guru dan TU) dan Admin menambahkan data pengumuman di hahaaman utama

Tindakan

Menginput data pengumuman sekolah yang ditampilkan dihalaman utama website

http://digilib.mercubuana.ac.id/

27

Tabel 3.8 Deskripsi Manajemen Data Nama Use Case

Manajemen Data

Aktor

Admin

Deskripsi

Admin harus login terlebih dahulu untuk mengakses ke C-panel Admin Admin Memenejemen Data yang ada diwebsite

Tindakan

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

http://digilib.mercubuana.ac.id/

28

Tabel 3.9 Deskripsi Membuat ID dan Password Nama Use Case

Membuat ID dan Password

Aktor

Admin

Deskripsi

Admin membuat ID dan Password Untuk login user ( Guru dan TU )

Tindakan

Admin Membuatkan ID dan Password untuk User masuk kedalam sebuah C-Panel

Tabel 3.10 Deskripsi Melakukan Absen Nama Use Case

Melakukan Absen

Aktor

User ( Guru dan TU ) dan Admin

Deskripsi

User ( Guru dan TU ) dan Admin dapat mengisi absensi yang berada di menu absen

Tindakan

User (Guru dan TU) dan Admin Memilih kelas untuk melakukan abasen kehadiran siswa

Tabel 3.11 Deskripsi Membuat Pengumuman Nama Use Case

Membuat Pengumuman

Aktor

User (Guru dan TU) dan Admin

Deskripsi

User dan Admin membuat pengumuman untuk informasi website

Tindakan

User dan Admin membuat sebuah pengumuman dan menampilkanya di menu halaman utama

http://digilib.mercubuana.ac.id/

29

Tabel 3.12 Deskripsi Merubah Password Nama Use Case

Merubah Password

Aktor

User (Guru dan Admin) dan Admin

Deskripsi

User dan Admin dapat merubah password yang lama ke password yang baru

Tindakan

Memasukan password baru di menu ganti password dan melakukan rubah password

Tabel 3.13 Deskripsi Input data menu website Nama Use Case

Input Data Menu Website

Aktor

Admin

Deskripsi

Admin Menginput data statis website

Tindakan

Merubah dan menambahkan menu bar yang berada pada halaman utama website

Tabel 3.14 Deskripsi Membuat Berita Nama Use Case

Membuat Berita

Aktor

Admin

Deskripsi

Admin dapat membuat berita yang akan ditampilkan di halaman utama website

Tindakan

Membuat dan memposting sebuah berita yang akan di tampilkan di halaman utama website

http://digilib.mercubuana.ac.id/

30

Tabel 3.15 Deskripsi Input Data murid dan kelas Nama Use Case

Input Data murid dan kelas

Aktor

Admin

Deskripsi

Admin menambahkan data murid kedalam sebuah kelas sesuai dari data manajemen sekolah untuk ditampilkan di menu absensi

Tindakan

Menambahkan data murid kedalam kelas yang akan masuk kedalam sebuah database siswa

Diagram Activity Pengelola data absen

Gambar 3.5 Diagram Activity Login

http://digilib.mercubuana.ac.id/

31

Tabel 3.16 Deskripsi Diagram Activity Login Nama Activity

Login

Aktor

User(Guru dan TU) dan Admin

Deskripsi

Aktor 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 Deskripsi Diagram Activity Pilih Kelas Nama Activity

Pilih Kelas

Aktor

User (Guru dan TU) dan Admin

Deskripsi

Aktor harus memilih menu Absen untuk memilih kelas yang akan di absen

http://digilib.mercubuana.ac.id/

32

Gambar 3.7 Diagram Activity Input Data Tabel 3.18 Deskripsi Diagram Activity Input Data Nama Activity

Input Data

Aktor

User (Guru dan TU) dan Admin

Deskripsi

Aktor mengabsen dan menandakan absen pada siswa dan menyimpan hasil rekapan absen

http://digilib.mercubuana.ac.id/

33

Gambar 3.8 Diagram Activity Manajemen Data Table 3.19 Deskripsi Diagram Activity Manajemen Data Nama Activity

Manajemen Data

Aktor

Admin

Deskripsi

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.

http://digilib.mercubuana.ac.id/

34

3.5

ERD

Gambar 3.9 ERD Sistem Akademik Penjelasan: -

Admin mampu menangani semua kejadian pada sistem.

-

ERD di atas merupakan diagram pada Sistem Absensi / Akademik.

http://digilib.mercubuana.ac.id/

35

3.6

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

.

http://digilib.mercubuana.ac.id/

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

http://digilib.mercubuana.ac.id/

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

Gambar

Varchar

Tanggal

Date

Tanggal input

Waktu

Time

Jam input berita

Author

Varchar

20

Counter

Int

3

Isi berita 100

Nama gambar

Tabel 3.24 Data Tabel ini berisikan content yang berada pada bagian home Nama field

Type

*Id_data

Int

Content

Text

Data_id

Varchar

Panjang 11

Keterangan No urut data Isi konten

10

No urut data konten

http://digilib.mercubuana.ac.id/

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

Author

Varchar

Tanggal posting 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

berlangsung

http://digilib.mercubuana.ac.id/

yang

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

http://digilib.mercubuana.ac.id/

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 *Id_siswa

Type Int

Panjang 10

Keterangan No

urut

siswa Id_kelas

Int

10

Kelas siswa

Nis

Int

30

Id siswa

Nama_siswa

Varchar

150

Nama siswa

http://digilib.mercubuana.ac.id/

untuk

41

3.7

Desain Awal Interface Desain awal dari aplikasi absensi berbasis website di buat menggunakan

software sublime dengan menggunakan CodeIgniter dan juga css. 3.7.1

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

http://digilib.mercubuana.ac.id/

42

3.7.2

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 3.7.3

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

http://digilib.mercubuana.ac.id/

43

3.7.4

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 3.7.5

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

http://digilib.mercubuana.ac.id/

44

3.7.6

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 3.7.7

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

http://digilib.mercubuana.ac.id/

45

3.7.8

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 3.7.9

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

http://digilib.mercubuana.ac.id/

46

3.7.10 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 3.7.11 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

http://digilib.mercubuana.ac.id/

47

3.7.12 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 3.7.13 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

http://digilib.mercubuana.ac.id/

48

3.7.14 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 3.7.15 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

http://digilib.mercubuana.ac.id/