rancang bangun sistem informasi pada smk utama …library.palcomtech.com/pdf/6436.pdf ·...

140
KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER PALCOMTECH SKRIPSI RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA BAKTI PALEMBANG DENGAN METODE RATIONAL UNIFIED PROCESS Diajukan Oleh : 1. HALIM AR RASYID / 011150067 2. TEGUH BUDIANTO / 011150068 Untuk Memenuhi Sebagian Dari Syarat-syarat Guna Mencapai Gelar Sarjana Komputer PALEMBANG 2019

Upload: dinhthien

Post on 09-May-2019

227 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

PALCOMTECH

SKRIPSI

RANCANG BANGUN SISTEM INFORMASI PADA SMK

UTAMA BAKTI PALEMBANG DENGAN METODE

RATIONAL UNIFIED PROCESS

Diajukan Oleh :

1. HALIM AR RASYID / 011150067

2. TEGUH BUDIANTO / 011150068

Untuk Memenuhi Sebagian Dari Syarat-syarat

Guna Mencapai Gelar Sarjana Komputer

PALEMBANG

2019

Page 2: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

ii

KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

PALCOMTECH

SKRIPSI

RANCANG BANGUN SISTEM INFORMASI PADA SMK

UTAMA BAKTI PALEMBANG DENGAN METODE

RATIONAL UNIFIED PROCESS

Diajukan Oleh :

1. HALIM AR RASYID / 011150067

2. TEGUH BUDIANTO / 011150068

Untuk Memenuhi Sebagian Dari Syarat-syarat

Guna Mencapai Gelar Sarjana Komputer

PALEMBANG

2019

Page 3: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

iii

KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

PALCOMTECH

HALAMAN PENGESAHAN PEMBIMBING SKRIPSI

NAMA/NPM : 1. HALIM AR RASYID / 011150067

2. TEGUH BUDIANTO / 011150068

PROGRAM STUDI : TEKNIK INFORMATIKA

JENJANG PENDIDIKAN : STRATA SATU (S1)

KONSENTRASI : JARINGAN

JUDUL SKRIPSI : RANCANG BANGUN SISTEM INFORMASI

PADA SMK UTAMA BAKTI PALEMBANG

DENGAN METODE RATIONAL UNIFIED

PROCESS

Tanggal : 21 Januari 2019 Mengetahui,

Pembimbing, Ketua,

Alfred Tenggono, S.Kom., M.Kom. Benedictus Effendi, S.T., M.T.

NIDN: 0205108901 NIP : 09.PCT.13

Page 4: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

iv

KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

PALCOMTECH

HALAMAN PENGESAHAN PENGUJI SKRIPSI

NAMA : 1. HALIM AR RASYID / 011150067

2. TEGUH BUDIANTO / 011150068

PROGRAM STUDI : TEKNIK INFORMATIKA

JENJANG PENDIDIKAN : STRATA SATU (S1)

KONSENTRASI : JARINGAN

JUDUL SKRIPSI : RANCANG BANGUN SISTEM INFORMASI

PADA SMK UTAMA BAKTI PALEMBANG

DENGAN METODE RATIONAL UNIFIED

PROCESS

Tanggal : 4 Februari 2019 Tanggal : 12 Februari 2019

Penguji 1, Penguji 2,

Mahmud, S.Kom., M.Kom. Rezania Agramanisti Azdy, S.Kom., M.Cs.

NIDN: 0229128602 NIDN : 0215118601

Menyetujui,

Ketua,

Benedictus Effendi, S.T., M.T.

NIP : 09.PCT.13

Page 5: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

v

MOTTO :

“Nikmati apa yang ada dihadapanmu saat ini dengan

berbuat yang terbaik, dengan begitu hidup akan menjadi

saat yang menyenangkan karena didunia ini akan selalu

ada dua hal yaitu senang dan sedih.”

Kupersembahkan Kepada :

- Hari demi hari dalam menyelesaikan tugas ini merupakan

hasil dari doa kedua orang tua kami tercinta (Bapak Aris

Widodo & Ibu Nurmala Dewi dan Bapak Mursalin & Ibu

Rusnawati), saudara/i kami (Purnomo Hardiansya, Candra

Adri Saputra dan Ayu Endah Asriati) dan orang terkasih

yang mengalir tiada henti.

- Setiap semangat dalam penulisan ini merupakan dorongan

dan dukungan dari sahabat-sahabat kami tercinta.

- Setiap makna pokok bahasan pada bab-bab dalam laporan ini

merupakan hasil kritik dan saran dari teman-teman kami

serta pembimbing yang kami hormati Bapak Alfred Tenggono,

S.Kom., M.Kom.

Page 6: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

vi

KATA PENGANTAR

Segala puji dan syukur penulis panjatkan kehadirat Allah SWT yang dimana

telah memberikan nikmat dan karunia yang tiada hentinya sehingga penulis dapat

menyelesaikan laporan Skripsi ini dengan sebaik-baiknya. Adapun judul dari

Skripsi yang penulis ambil yaitu “Rancang Bangun Sistem Informasi Pada SMK

Utama Bakti Palembang Dengan Metode Rational Unified Process” .

Semakin majunya era pengetahuan dan teknologi informasi yang sangat pesat

memberikan manfaat di berbagai bidang, mulai dari Intastansi Pendidikan yang

menggunakan teknologi sebagai media dalam mendukung segala kegiatannya.

Kecepatan penyampaian informasi dan akses data merupakan salah satu media

pendukung untuk suatu instansi dalam meningkatkan pelayanan dan pembelajaran.

Sistem informasi adalah sebuah rangkaian prosedur normal dimana data

dikumpulkan, diproses menjadi informasi dan didistribusikan kepada para

pengguna.

Dalam hal ini penulis menyampaikan ucapan terima kasih yang sebesar-

besarnya kepada Allah SWT, Ketua STMIK PalComTech Palembang Bapak

Benedictus Effendi, S.T., M.T., dan juga kepada Pembantu Ketua 1, Bapak D.Tri

Octafian, S.Kom., M.Kom., kepada Ketua Program Studi Teknik Informatika

sekaligus Pembimbing kami, Bapak Alfred Tenggono, S.Kom., M.Kom., dan

kepada Kepala Sekolah SMK Utama Bakti, Bapak H. Syahrul Fuadi, S.Pd., M.M.,

serta tidak lupa juga untuk seluruh keluarga tercinta, teman dan rekan yang telah

memberikan bimbingan, semangat, bantuan dan dukungan selama penyusunan

laporan Skripsi ini sekali lagi penulis ucapkan terima kasih yang sebesar-besarnya.

Page 7: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

vii

Demikian kata pengantar dari penulis, dengan harapan semoga laporan

Skripsi ini dapat bermanfaat sekaligus berguna bagi para pembaca, penulis sadar

bahwa penulisan laporan Skripsi ini masih mempunyai banyak kekurangan dan

kelemahan sehingga membutuhkan banyak saran dan kritik yang membangun untuk

menghasilkan sesuatu yang lebih baik lagi kedepannya. Atas perhatiannya penulis

ucapkan terima kasih.

Palembang, Januari 2019

Penulis

Page 8: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

viii

DAFTAR ISI

HALAMAN JUDUL ...................................................................................... ii

HALAMAN PENGESAHAN PEMBIMBING SKRIPSI .......................... iii

HALAMAN PENGESAHAN PENGUJI SKRIPSI ................................... iv

HALAMAN MOTTO DAN PERSEMBAHAN ...........................................v

KATA PENGANTAR .................................................................................. vi

DAFTAR ISI ................................................................................................ viii

DAFTAR GAMBAR .................................................................................... xiii

DAFTAR TABEL ........................................................................................ xix

DAFTAR LAMPIRAN ................................................................................ xx

ABSTRAK .................................................................................................... xxi

ABSTRACT .................................................................................................. xxii

BAB I PENDAHULUAN

1.1. Latar Belakang .................................................................................1

1.2. Perumusan Masalah ..........................................................................4

1.3. Batasan Masalah ...............................................................................4

1.4. Tujuan Penelitian ..............................................................................5

1.5. Manfaat Penelitian ............................................................................5

a. Manfaat Bagi Penulis ...................................................................5

b. Bagi Akademik .............................................................................5

Page 9: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

ix

c. Bagi Tempat Penelitian ................................................................5

1.6. Sistematika Penulisan ......................................................................6

BAB I Pendahuluan ..........................................................................6

BAB II Gambaran Umum Perusahaan .............................................6

BAB III Tinjauan Pustaka ................................................................6

BAB IV Metode Penelitian ..............................................................6

BAB V Hasil Dan Pembahasan ........................................................7

BAB VI Penutup ..............................................................................7

BAB II GAMBARAN UMUM PERUSAHAAN

2.1. Profil Perusahaan ..............................................................................8

2.1.1. Sejarah Perusahaan .................................................................8

2.1.2. Visi dan Misi ..........................................................................8

2.1.2.1. Visi ..........................................................................8

2.1.2.2. Misi ..........................................................................8

2.1.3. Struktur Organisasi .................................................................9

2.1.4. Tugas dan Wewenang ............................................................11

BAB III TINJAUAN PUSTAKA

3.1. Teori Pendukung ..............................................................................14

3.1.1. Sistem .....................................................................................14

3.1.2. web .........................................................................................14

3.1.3. Codeigniter (CI) .....................................................................15

Page 10: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

x

3.1.4. Internet ...................................................................................15

3.1.5. Database.................................................................................16

3.1.6. UML (Unified Modelling Language) .....................................17

1. Use Case Diagram ..............................................................17

2. Activity Diagram .................................................................19

3. Class Diagram ....................................................................20

4. Sequence Diagram ..............................................................22

3.1.7. Rational Unified Process .......................................................24

1. Inception (permulaan) .........................................................25

2. Elaboration (Perluasan/Perencanaan).................................25

3. Construction (Konstruksi) ..................................................25

4. Transition (Transisi) ...........................................................25

3.2. Hasil Penelitian Terdahulu ...............................................................26

3.3. Kerangka Pemikiran .........................................................................28

BAB IV METODE PENELITIAN

4.1. Lokasi dan Waktu Penelitian ............................................................29

4.1.1. Lokasi .....................................................................................29

4.1.2. Waktu Penelitian ....................................................................29

4.2. Teknik Pengumpulan Data ...............................................................30

4.2.1. Wawancara .............................................................................30

4.2.2. Observasi ................................................................................31

Page 11: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xi

4.2.3. Studi Pustaka ..........................................................................31

4.2.4. Dokumentasi...........................................................................32

4.3 Metode Pengembangan Sistem .........................................................32

4.3.1. Rational Unified Process (RUP) ............................................32

1. Inception (permulaan) ......................................................32

2. Elaboration (perluasan/perencanaan) ...............................33

3. Construction (kostruksi) ...................................................33

1. Coding .........................................................................33

2. Menguji Sistem ............................................................33

3. Hasil Pembangunan Sistem .........................................33

4. Transition (Transisi) ....................................................34

4.4. Teknik Pengujian Sistem ..................................................................34

4.4.1. Blackbox Testing ....................................................................34

4.5. Jenis Data .........................................................................................34

4.5.1. Data Primer ............................................................................34

4.5.2. Data Sekunder ........................................................................34

BAB V HASIL DAN PEMBAHASAN

5.1. Hasil Penelitian ................................................................................35

5.1.1. Inception (Permulaan) ............................................................35

5.1.1.1. Identifikasi Masalah ................................................36

5.1.1.2. Deskripsi Kebutuhan ...............................................36

Page 12: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xii

1. Kebutuhan Perangkat Keras .................................36

2. Kebutuhan Perangkat Lunak ................................37

3. Kebutuhan Fungsional ..........................................37

5.1.1.3. Pemodelan Kebutuhan .............................................38

5.1.1.3.1. Use Case .................................................38

5.1.1.3.2. Activity Diagram ....................................39

5.1.1.3.3. Class Diagram .......................................61

5.1.1.3.4. Sequence Diagram .................................62

5.1.1.3.5 Entity Relationship Diagram (ERD)...…78

5.1.2. Elaboration (Perluasan/Perencanaan) ....................................79

5.1.2.1. Desain Interface .........................................................79

5.1.3. Construction (Konstruksi) ......................................................97

5.1.3.1. Pengkodean ................................................................97

5.1.3.2. Pengujian ...................................................................98

5.1.3.3. Hasil Pembangunan Sistem .......................................99

5.1.4. Transition (Transisi) ...............................................................114

BAB VI PENUTUP

6.1. Simpulan ...........................................................................................115

6.2. Saran .................................................................................................116

Page 13: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xiii

DAFTAR GAMBAR

Gambar 2.1 Struktur Organisasi SMK Utama Bakti ....................................... 10

Gambar 3.1 Kerangka Pemikiran .................................................................... 28

Gambar 5.1 Use Case Diagram ...................................................................... 38

Gambar 5.2 Activity Diagram Login Petugas Perpustakaan ........................... 40

Gambar 5.3 Activity Diagram Kelola Data Buku ............................................ 41

Gambar 5.4 Activity Diagram Kelola Data Peminjaman ................................. 42

Gambar 5.5 Activity Diagram Kelola Data Pengembalian .............................. 43

Gambar 5.6 Activity Diagram Login Guru ....................................................... 44

Gambar 5.7 Activity Diagram Kelola Data Nilai ............................................. 45

Gambar 5.8 Activity Diagram Kelola Data Absensi Siswa ............................. 45

Gambar 5.9 Activity Diagram Kelola Data Ekstrakulikuler ............................ 46

Gambar 5.10 Activity Diagram Login Siswa ................................................... 47

Gambar 5.11 Activity Diagram Kelola Data Nilai ........................................... 48

Gambar 5.12 Activity Diagram Kelola Data Absensi Siswa ........................... 49

Gambar 5.13 Activity Diagram Kelola Data Kegiatan Ekstrakurikuler ........... 49

Gambar 5.14 Activity Diagram Login Kaprodi TKJ ........................................ 50

Gambar 5.15 Activity Diagram Kelola Data Siswa ......................................... 51

Gambar 5.16 Activity Diagram Kelola Data Guru ........................................... 52

Gambar 5.17 Activity Diagram Kelola Data Mata Pelajaran ........................... 53

Gambar 5.18 Activity Diagram Kelola Data Ajar ............................................ 54

Gambar 5.19 Activity Diagram Kelola Data Data Kelas ................................. 55

Page 14: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xiv

Gambar 5.20 Activity Diagram Kelola Data Isi Kelas ..................................... 56

Gambar 5.21 Activity Diagram Kelola Data Jadwal ........................................ 57

Gambar 5.22 Activity Diagram Kelola Data Absensi Guru ............................ 58

Gambar 5.23 Activity Diagram Kelola Data Pengumuman ............................. 59

Gambar 5.24 Activity Diagram Kelola Data Pendaftaran Siswa ..................... 60

Gambar 5.25 Class Diagram............................................................................ 61

Gambar 5.26 Sequence Diagram Input Data Buku .......................................... 62

Gambar 5.27 Sequence Diagram Edit Data Buku ........................................... 63

Gambar 5.28 Sequence Diagram Input Data Peminjaman .............................. 63

Gambar 5.29 Sequence Diagram Edit Data Peminjaman ................................ 64

Gambar 5.30 Sequence Diagram Input Data Pengembalian ............................ 65

Gambar 5.31 Sequence Diagram Edit Data Pengembalian ............................. 65

Gambar 5.32 Sequence Diagram Input Data Nilai .......................................... 66

Gambar 5.33 Sequence Diagram Input Data Absensi Siswa ........................... 66

Gambar 5.34 Sequence Diagram Input Data Absensi Ekstrakurikuler............ 67

Gambar 5.35 Sequence Diagram Input Data Siswa ......................................... 68

Gambar 5.36 Sequence Diagram Edit Data Siswa........................................... 68

Gambar 5.37 Sequence Diagram Input Data Guru .......................................... 69

Gambar 5.38 Sequence Diagram Edit Data Guru ............................................ 70

Gambar 5.39 Sequence Diagram Input Data Mata Pelajaran .......................... 70

Gambar 5.40 Sequence Diagram Edit Data Mata Pelajaran ............................ 71

Gambar 5.41 Sequence Diagram Input Data Ajar ........................................... 71

Gambar 5.42 Sequence Diagram Edit Data Ajar ............................................. 72

Page 15: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xv

Gambar 5.43 Sequence Diagram Input Data Kelas ......................................... 72

Gambar 5.44 Sequence Diagram Edit Data Kelas ........................................... 73

Gambar 5.45 Sequence Diagram Input Data Isi Kelas .................................... 74

Gambar 5.46 Sequence Diagram Hapus Data Isi Kelas .................................. 74

Gambar 5.47 Sequence Diagram Input Data Jadwal Pelajaran ....................... 75

Gambar 5.48 Sequence Diagram Hapus Data Jadwal Pelajaran...................... 75

Gambar 5.49 Sequence Diagram Input Data Absensi Guru ............................ 76

Gambar 5.50 Sequence Diagram Edit Data Absensi Guru .............................. 76

Gambar 5.51 Sequence Diagram Input Data Pengumuman ............................ 77

Gambar 5.52 Sequence Diagram Edit Data Pengumuman .............................. 77

Gambar 5.53 Sequence Diagram aktivasi siswa .............................................. 78

Gambar 5.54 Entity Relationship Diagram ...................................................... 79

Gambar 5.55 Desain Halaman Utama .............................................................. 80

Gambar 5.56 Desain Halaman Login ............................................................... 80

Gambar 5.57 Desain Halaman Pengumuman .................................................. 81

Gambar 5.58 Desain Halaman Detail Pengumuman....................................... 81

Gambar 5.59 Desain Halaman Tentang SMK Utama Bakti ........................... 82

Gambar 5.60 Desain Halaman Pendaftaran Online Siswa .............................. 82

Gambar 5.61 Desain Halaman Beranda Kaprodi TKJ .................................... 83

Gambar 5.62 Desain Halaman Data Siswa ..................................................... 83

Gambar 5.63 Desain Halaman Data Guru....................................................... 84

Gambar 5.64 Halaman Data Mata Pelajaran ................................................... 84

Gambar 5.65 Desain Halaman Data Ajar ........................................................ 85

Page 16: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xvi

Gambar 5.66 Desain Halaman Data Kelas ...................................................... 85

Gambar 5.67 Desain Halaman Data Isi Kelas ................................................. 86

Gambar 5.68 Desain Halaman Data Jadwal .................................................... 86

Gambar 5.69 Desain Halaman Data Absensi Guru ......................................... 87

Gambar 5.70 Desain Halaman Data Pengumuman ......................................... 87

Gambar 5.71 Desain Halaman Ubah Password .............................................. 88

Gambar 5.72 Desain Halaman Beranda Guru ................................................. 88

Gambar 5.73 Desain Halaman Detail Guru .................................................... 89

Gambar 5.74 Desain Halaman Data Kelas ...................................................... 89

Gambar 5.75 Desain Halaman Absensi Siswa ................................................ 90

Gambar 5.76 Desain Halaman Absensi Guru ................................................. 90

Gambar 5.77 Desain Halaman Data Nilai ....................................................... 91

Gambar 5.78 Desain Halaman Data Kegiatan Ekstrakurikuler ...................... 91

Gambar 5.79 Desain Halaman Ubah Password .............................................. 92

Gambar 5.80 Desain Halaman Beranda Siswa ............................................... 92

Gambar 5.81 Desain Halaman Detail Siswa ................................................... 93

Gambar 5.82 Desain Halaman Data Kelas ...................................................... 93

Gambar 5.83 Desain Halaman Data Absensi Siswa ....................................... 94

Gambar 5.84 Desain Halaman Data Nilai Siswa ............................................ 94

Gambar 5.85 Desain Halaman Kegiatan Ekstrakurikuler ............................... 95

Gambar 5.86 Desain Halaman Beranda Petugas Perpustakaan ...................... 95

Gambar 5.87 Desain Halaman Data Buku ...................................................... 96

Gambar 5.88 Desain Halaman Peminjaman Buku .......................................... 96

Page 17: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xvii

Gambar 5.89 Desain Halaman Pengembalian Buku ....................................... 97

Gambar 5.90 Tampilan Halaman Utama ........................................................ 100

Gambar 5.91 Tampilan Halaman Data Absensi Guru .................................... 100

Gambar 5.92 Tampilan Halaman Data Ajar ................................................... 101

Gambar 5.93 Tampilan Halaman Data Guru .................................................. 102

Gambar 5.94 Tampilan Halaman Data Kelas ................................................. 102

Gambar 5.95 Tampilan Halaman Data Mata Pelajaran .................................. 103

Gambar 5.96 Tampilan Halaman Pengumuman ............................................. 103

Gambar 5.97 Tampilan Halaman Data Siswa ................................................. 104

Gambar 5.98 Tampilan Halaman Ubah Password .......................................... 104

Gambar 5.99 Tampilan Halaman Absensi Ekstrakulikuler............................. 105

Gambar 5.100 Tampilan Halaman Absensi Guru ........................................... 105

Gambar 5.101 Tampilan Halaman Absensi Siswa ........................................... 106

Gambar 5.102 Tampilan Halaman Data Isi Kelas .......................................... 106

Gambar 5.103 Tampilan Halaman Data Jadwal ............................................. 107

Gambar 5.104 Tampilan Halaman Data Kelas ............................................... 107

Gambar 5.105 Tampilan Halaman Data Nilai................................................. 108

Gambar 5.106 Tampilan Halaman Profil Guru ............................................... 109

Gambar 5.107 Tampilan Halaman Kegiatan Ekstrakulikuler ......................... 109

Gambar 5.108 Tampilan Halaman absensi siswa ........................................... 110

Gambar 5.109 Tampilan Halaman Data Isi Kelas .......................................... 110

Gambar 5.110 Tampilan Halaman Data Jadwal ............................................. 111

Gambar 5.111 Tampilan Halaman Data Kelas ............................................... 112

Page 18: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xviii

Gambar 5.112 Tampilan Halaman Nilai Siswa............................................... 112

Gambar 5.113 Tampilan Halaman Kegiatan Ekstrakulikuler ......................... 113

Gambar 5.114 Tampilan Halaman Profil Siswa ............................................. 114

Page 19: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xix

DAFTAR TABEL

Tabel 3.1 Simbol Use Case ............................................................................ 17

Tabel 3.2 Simbol Activity Diagram ................................................................ 19

Tabel 3.3 Simbol Class Diagram .................................................................... 21

Tabel 3.4 Simbol Sequence Diagram.............................................................. 22

Tabel 3.5 Penelitian Terdahulu ....................................................................... 26

Tabel 4.1 Jadwal Penelitian............................................................................. 29

Tabel 5.1 Tabel Hasil Pengujian ..................................................................... 98

Page 20: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xx

DAFTAR LAMPIRAN

1. Lampiran 1. Form Topik dan Judul (Fotokopi)

2. Lampiran 2. Surat Balasan dari Perusahaan (Fotokopi)

3. Lampiran 3. Form Konsultasi (Fotokopi)

4. Lampiran 4. Surat Pernyataan Ujian (Fotokopi)

5. Lampiran 5. Form Revisi Ujian Pra Sidang (Fotokopi)

6. Lampiran 6. Form Revisi Ujian Kompre (Asli)

7. Lampiran 7. Listing Code

Page 21: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xxi

ABSTRAK

HALIM AR RASYID DAN TEGUH BUDIANTO. Rancang Bangun Sistem

Informasi Pada SMK Utama Bakti Palembang Dengan Metode Rational Unified

Process.

SMK Utama Bakti Palembang merupakan sekolah menengah kejuruan

swasta yang berdiri pada tahun 1987. Dari berbagai macam kegiatan absensi,

kegiatan guru, siswa dan admin masih banyak menggunakan secara tertulis,

komputer yang menyimpan data nilai siswa kadang terkena virus yang

menyebabkan data hilang, sehingga terjadi kekeliruan dalam memberikan data nilai

siswa-siswi kepada wali kelas yang selanjutnya diberikan ke tata usaha, Jika data

sudah banyak maka absensi khususnya absensi siswa akan menumpuk, sehingga

kesulitan dalam melakukan pencarian data. Dengan dibuatnya aplikasi ini bertujuan

untuk membantu pihak-pihak terkait di SMK Utama Bakti dalam melakukan data

nilai, absensi siswa, dll. Metode pengumpulan data menggunakan teknik

wawancara, observasi, dokumentasi dan studi pustaka. Metode permodelan

menggunakan UML (Unified Modeling Language), adapun framework yang

digunakan yaitu Framework CodeIgniter. Metode pengembangan sistem

menggunakan Rational Unified Process dengan mengimplementasikan website

serta melakukan teknik pengujian menggunakan black box testing dengan cara

menguji tiap-tiap menu yang ada pada website. Kesimpulannya website sistem

informasi tersebut telah memiliki fitur dan fungsi untuk melakukan pengolahan data

seperti data akademik: data siswa, data guru, data mata pelajaran, data ajar, data

jadwal pelajaran, data kelas, data isi kelas, data nilai siswa, data absensi siswa, data

absensi guru (upload PDF) dan data pengumuman, adapun pada non akademik: data

buku, peminjaman buku khusus siswa, pengembalian buku khusus siswa, data jenis

ekstrakurikuler, data kegiatan ekstrakurikuler dan data absensi ekstrakurikuler.

Kata kunci : Website, RUP, UML, CodeIgniter.

Page 22: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xxii

ABSTRACT

HALIM AR RASYID AND TEGUH BUDIANTO. Design of SMK Utama Bakti

Information Systems Using Rational Unified Process Method.

SMK Utama Bakti Palembang is a high school that was founded in 1987. Of

the various kinds of attendance activities, the activities of teachers, students and

admins still use a lot of written, computers that store student value data using

viruses that cause data to be lost, converted into errors in giving the data value of

students for the guardian class which is then given to administration, if the data is

already large then the specific attendance of students will accumulate, making it

difficult to do data searches. By making this application to help related parties in

SMK Utama Bakti in conducting value data, student attendance, etc. The method

of data collection uses interview, observation, documentation and literature study

techniques. The modeling method uses UML (Unified Modeling Language), the

framework for which is used the CodeIgniter Framework. System development

methods use the Rational Unified Process by implementing a website and testing

using black box testing by testing each menu on the website. In conclusion, the

information system website has features and functions for processing data such as

academic data: student data, teacher data, subject data, teaching data, lesson

schedule data, data classes, class data, student grade data, student attendance data,

teacher attendance data (upload PDF) and announced data, as for non-academic:

book data, complimentary student-specific books, restitusion student-specific

books, extracurricular data types, extracurricular activity data and extracurricular

attendance data.

Keywords : Website, RUP, UML, CodeIgniter.

Page 23: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xxiii

DAFTAR PUSTAKA

A.S, Rossa dan M. Shalahuddin. 2013. Rekayasa Perangkat Lunak Terstruktur dan

Berorientasi Objek. Informatika Bandung, ISBN : 978-602-1514-05-4.

Bariah, Siti Husnul. 2015. Implementasi Pendekatan Semantic Object Model Pada

Rancangan Database Penatausahaan Aset Fasilitas Kantor. Jurnal

Pendidikan Matematika, Volume. 5, No. 2, ISSN : 2086-4299.

Hamidah dan Rizan. 2016. Sistem Informasi Penjadwalan Dosen Ajar Studi Kasus

: STMIK Atma Luhur. Teknosi, Volume. 2, No. 1, ISSN : 2476-8812.

Lasminiasih, Sandhi, Akbar, Andriansyah, Rooswhan dan Utomo. 2016.

Perancangan Sistem Informasi Kredit Mikro Mahasiswa Berbasis Web.

Jurnal Sistem Informasi. Volume 8, No. 1, ISSN : 2355-4614.

Lukman dan Sunoto. 2016. Rancang Bangun Aplikasi Warehouse Management

System CV Giyanmandiri. Jurnal String, Volume. 1, No. 2, ISSN : 2527-

9661.

Martono dan Windasari. 2018. Rancangan Bangun Sistem Informasi Produksi

Ayam Petelur dengan Menggunakan Framework Codeigniter. Jurnal

Sistem Komputer, Volume. 8, No. 1, ISSN : 2087-4685.

Mertayasa dan Yambese. 2017. Sistem Informasi Pariwisata Pantai Berbasis Web

Pada Dinas Pariwisata dan Ekonomi Kreatif Kabupaten Banggai

Kepulauan. Jurnal Elektronik Sistem Informasi dan Komputer, Volume.

3, No. 1, ISSN : 2477-5290.

Muhidin, Kharie, Kubais. 2017. Analisis Dan Perancangan Sistem Informasi Pada

SMA Negeri 18 Halmahera Selatan Sebagai Media Promosi Berbasis

Web. Indonesian Journal on Information System, Volume 2, No. 2, ISSN

: 2548-6438.

Muharom, Cahyana dan Bunyamin. 2013. Pengembangan Aplikasi Sunda Berbasis

Android Menggunakan Metode Rapid Application Development (RAD).

Jurnal Algoritma, Volume. 10, No. 1, ISSN : 2302-7339.

Page 24: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

xxiv

Mustaqbal. 2015. Pengujian Aplikasi Menggunakan Black Box Testing Boundary

Value Analysis. Jurnal Ilmiah Teknologi Informasi Terapan, Volume 1,

No. 3, ISSN : 2047-3911.

Pritandhari. Meyta. 2016. Penerapan Komik Strip Sebagai Media Pembelajaran

Mata Kuliah Manajemen Keuangan Mahasiswa Universitas

Muhammadiyah Metro. Jurnal Pendidikan Ekonomi UM Metro, Volume.

4, No. 2, E-ISSN : 2442-4994.

Purba, Mariana. 2016. Sistem Informasi SMK Negeri 1 Talang Kelapa Berbasis

Web. Jurnal Informatika, Volume 2, No. 1, ISSN : 2407-1703.

Simbolon. 2016. Analisis Pencatatan dan Penyajian Belanja Modal Pada Kantor

Regional XI Badan Kepegawaian Negara Manado. Jurnal EMBA,

Volume 4, No. 1, ISSN : 2303-1174.

Susilowati, Susi. 2017. Perancangan Sistem Informasi Pemesanan Makam Baru

Menggunakan Metode Rational Unified Process. Jurnal Pilar Nusa

Mandiri, Volume 13, No. 1, ISSN : 1978-1946.

Taufik, Darywiyanto, Yulia. 2015. Analisis dan Implementasi Perancangan

Metode Rational Unified Process pada layanan SDB dan Metode

Pengujian Product Metric pada Bank Mandiri Cabang Palu Sam

Ratulangi. e-Proceeding of Engineering, Volume 2, No. 3, ISSN : 2355-

9365.

Triwahyuni dan Saputra. 2015. Architecture E-Mall Using RUP (Rational Unified

Process) Methods. Cogito Smart Journal, Volume. 1, No. 1, e-ISSN :

2477-8079.

Yusmiarti, Kusnita. 2016. Perancangan Sistem Distribusi Produk Teh Hitam

Berbasis Web Pada PTPN VII Gunung Dempo Pagar Alam. Jurnal

Informatika, Volume 4, No. 2, ISSN : 2301-5632.

Page 25: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Semakin majunya era pengetahuan dan teknologi informasi yang

sangat pesat memberikan manfaat di berbagai bidang, mulai dari Intastansi

Pendidikan yang menggunakan teknologi sebagai media dalam mendukung

segala kegiatannya. Kecepatan penyampaian informasi dan akses data

merupakan salah satu media pendukung untuk suatu instansi dalam

meningkatkan pelayanan dan pembelajaran.

Sistem informasi adalah sebuah rangkaian prosedur normal dimana

data dikumpulkan, diproses menjadi informasi dan didistribusikan kepada

para pengguna. Perencanaan sistem informasi merupakan bagian penting

dalam suatu organisasi untuk menentukan kebutuhan sistem informasi

dalam kurun 3 hingga 5 tahun mendatang dan menuangkan ke dalam

rencana pengembangan sistem informasi. Proses ini memperhatikan misi,

sasaran, dan strategi proses bisnis dan informasi yang dibutuhkan di

organisasi dan kemudian dipakai untuk mengidentifikasi dan memilih

sistem informasi dan teknologi informasi yang perlu di bangun dan

disediakan beserta penjadwalan dan kebijakan-kebijakan yang diperlukan.

(Lasminiasih, Sandhi, Akbar, Andriansyah, Rooswhan dan Utomo, 2016).

Metode RUP menggunakan konsep Object Oriented, dengan aktifitas

yang berfokus pada pengembangan model dengan menggunakan Unified

Page 26: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

2

Modelling Language (UML). Peneliti memilih pengembangan website

dengan metode Rational Unified Process (RUP), yang merupakan

pemodelan website yang berorientasi objek, dimana metode ini dapat

memudahkan dalam hal mendesain dan mencari kesalahan program yang

telah direncanakan (Triwahyuni dan Saputra, 2015).

SMK Utama Bakti merupakan sekolah menengah kejuruan swasta

yang berdiri pada tahun 1987 yang berlokasi di Jl. STM UB, Lebong

Siarang, Kecamatan Sukarami, Kelurahan Sukajaya, Kota Palembang,

Provinsi Sumatera Selatan. SMK Utama Bakti terdapat berbagai kompetensi

keahlian di bidangnya seperti: Teknik Kendaraan Ringan (TKR), Teknik

Sepeda Motor (TSM), Teknik Komputer Jaringan (TKJ), Teknik Instalasi

Tenaga Listrik (TITL).

Berdasarkan hasil wawancara penulis dengan Bapak Drs. Khozen

selaku Wakil Kepala Sekolah di SMK Utama Bakti Palembang

menjelaskan bahwa dalam pengolahan data di SMK Utama Bakti

Palembang ini juga masih dilakukan dengan menggunakan cara manual

seperti tertulis di lembar laporan kemudian baru di input ke microsoft excel.

Adapun pengolahan kegiatan input absensi siswa dan TU (Tata Usaha)

dilakukan di kertas absen, sedangkan kegiatan input absensi guru dilakukan

pada finger print, lalu yang bertugas input absensi guru yaitu

admin/operator (Bapak M. Rianda S. Kom.), sedangkan dalam penginputan

pada absensi siswa yaitu guru pada masing-masing mata pelajaran.

Page 27: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

3

Pada Bidang Perpustakaan SMK Utama Bakti itu sendiri masih

menggunakan pencatatan secara manual di buku dan sistem peminjaman

buku dengan sistem pelayanan terbuka. Pada mading SMK Utama Bakti

terdapat jadwal ujian (MID, UAS, UN) pendaftaran siswa baru, lowonga

kerja. Dari berbagai macam kegiatan baik itu akademik maupun non

akademik adapun kegiatan Ektstrakulikuler di SMK Utama Bakti sebagai

berikut: Paskibra, Hadroh putra, Hadroh putri, Teater, Tari, Futsal, Basket,

Pencak silat, Karate, Nasyid, Rohis putra, Rohis putri, Pramuka. Adapun

absensi kegiatan pada ekstrakulikuler menggunakan excel. Dari berbagai

macam kegiatan absensi, kegiatan guru, siswa dan admin masih banyak

menggunakan secara tertulis, komputer yang menyimpan data nilai siswa

kadang terkena virus yang menyebabkan data hilang, sehingga terjadi

kekeliruan dalam memberikan data nilai siswa-siswi kepada wali kelas yang

selanjutnya diberikan ke tata usaha, Jika data sudah banyak maka absensi

khususnya absensi siswa akan menumpuk, sehingga kesulitan dalam

melakukan pencarian data.

Berdasarkan latar belakang di atas, maka penulis memutuskan

membuat sebuah sistem informasi berbasis web untuk memudahkan dan

membantu bagian admin dan guru dalam mengolah data. Maka dari itu

penulis memutuskan mengangkat judul skripsi “Rancang Bangun Sistem

Informasi Pada SMK Utama Bakti Palembang Dengan Metode

Rational Unified Process”.

Page 28: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

4

1.2. Perumusan Masalah

Melihat latar belakang masalah tersebut, maka masalah yang akan

dibahas dalam penelitian ini adalah membuat website sistem informasi SMK

Utama Bakti Palembang dengan metode Rational Unified Process (RUP).

1.3. Batasan Masalah

Adapun batasan masalah yang akan dibahas dalam penelitian kali ini

meliputi:

1. Adapun pada sistem informasi akademik : data siswa, data guru, data

mata pelajaran, data ajar, data jadwal pelajaran, data kelas, data isi kelas,

data nilai siswa, data absensi siswa, data absensi guru (upload PDF) dan

data pengumuman.

2. Adapun pada sistem informasi non akademik : data buku, peminjaman

buku khusus siswa, pengembalian buku khusus siswa, data jenis

ekstrakurikuler, data kegiatan ekstrakurikuler dan data absensi

ekstrakurikuler.

3. Adapun pengguna sistem antara lain : Kaprodi TKJ, Petugas

Perpustakaan, Guru(Walikelas), Siswa.

4. Fitur lainnya: data pengumuman (agenda, berita, prestasi), alumni.

5. Sistem dibangun menggunakan framework CI dan database MySQL.

Page 29: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

5

1.4. Tujuan Penelitian

Berdasarkan perumusan masalah diatas, maka tujuan yang ingin

dicapai oleh penulis adalah menerapkan sebuah website sistem informasi

sehingga dapat membantu mempercepat pencarian data dan membuat data

lebih efisien pada SMK Utama Bakti Palembang dengan metode Rational

Unified Process (RUP).

1.5 Manfaat Penelitian

a. Manfaat Bagi Penulis

Dapat mengaplikasikan ilmu pengetahuan yang dimiliki dan

didapat selama perkuliahan pada dunia khususnya di bidang

pemrograman dan dapat menambah wawasan ilmu pengetahuan di

bidang pemrograman.

b. Bagi Akademik

1. Sebagai bahan referensi bagi penulis lain untuk dijadikan

perbandingan dalam menyusun proposal penelitian selanjutnya.

2. Sebagai bahan evaluasi sejauh mana kemampuan mahasiswa dalam

menerapkan ilmu pengetahuan yang telah diberikan.

3. Sebagai bahan edukasi yang mana mahasiswa dapat menyalurkan

ilmunya kepada mahasiswa lain.

c. Bagi Tempat Penelitian

1. Memperoleh sistem informasi yang dapat memberikan kemudahan

dalam pengolahan data guru, siswa dan pegawai.

Page 30: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

6

2. Sistem informasi ini dapat membantu para guru serta admin dalam

mengolah data dengan lebih efektif serta efisien dalam segi waktu.

3. Sistem informasi ini dapat membantu para guru dan siswa dalam

mendapatkan informasi.

1.6 Sistematika Penulisan

Dari terwujudnya suatu hasil yang baik dalam penyusunan skripsi ini

maka penulis membuat sistematika pembahasan sebagai berikut:

BAB I PENDAHULUAN

Dalam bab ini membahas secara singkat latar belakang masalah untuk

penentuan judul, perumusan masalah, batasan masalah tujuan dan manfaat

penelitian serta sistematika penulisan.

BAB II GAMBARAN UMUM PERUSAHAAN

Dalam bab ini menguraikan tentang profil perusahaan, sejarah

perusahaan, visi dan misi, struktur organisasi serta tugas dan wewenang.

BAB III TINJAUAN PUSTAKA

Dalam bab ini membahas tentang teori pendukung yang digunakan

dalam proses penyusunan, serta penelitian terdahulu sebagai acuan.

BAB IV METODE PENELITIAN

Dalam bab ini menjelaskan lokasi dan waktu penelitian, jenis data,

teknik pengumpulan data, jenis penelitian, alat dan pengembangan sistem,

teknik pengembangan sistem, alat dan teknik pengujian.

Page 31: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

7

BAB V HASIL DAN PEMBAHASAN

Dalam bab ini menguraikan tentang hasil dan pembahasan dari proses

pengembangan sistem yang telah disajikan pada bab sebelumnya.

BAB VI PENUTUP

Dalam bab ini berisikan kesimpulan yang di peroleh dari hasil analisis

masalah dan saran-saran untuk penelitian selanjutnya.

Page 32: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

8

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1. Profil Perusahaan

2.1.1. Sejarah Perusahaan

SMK Utama Bakti merupakan sekolah menengah kejuruan swasta

yang berdiri pada tahun 1987 yang berlokasi di Jl. STM UB, Lebong

Siarang, No. 1890, RT 49, RW 06, Kecamatan Sukarami, Kelurahan

Sukajaya, Kota Palembang, Provinsi Sumatera Selatan.

2.1.2. Visi dan Misi

2.1.2.1. Visi

Terwujudnya sekolah menengah kejuruan Utama Bakti Palembang

menjadi sekolah swasta unggulan pada tahun 2020 dan terciptanya

lulusan yang dapat bersaing di pasar global, memiliki iman dan taqwa,

menguasai teknologi dan berjiwa interpreneur serta berwawasan

lingkungan.

2.1.2.2. Misi

1. Melaksanakan pendidikan dan pengajaran secara konsisten dan penuh

tanggung jawab dengan berpedoman pada 8 Standar Nasional

Pendidikan.

Page 33: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

9

2. Melaksanakan pendidikan secara optimal, dibidang keagamaan dan

kegiatan ekstra kurikuler.

3. Melaksanakan pendidikan dan pengajaran untuk menciptakan Sumber

Daya Manusia yang siap kerja, berkarakter bangsa, berwawasan

lingkungan hidup dan berjiwa enterpreneur.

4. Budaya Mutu Sekolah berpedoman Disiplin, Peduli lingkungan atau

kebersihan, Melayani dengan tulus dan ikhlas, Produktif, Inovatif dan

melaksanakan 5 S (Senyum, Salam, Sapa, Sopan dan Santun).

5. Menerapkan pembelajaran berbasis Teknologi Informasi dan

Komunikasi.

6. Memberikan layanan pendidikan yang prima dan berkualitas.

2.1.3. Struktur Organisasi

SMK Utama Bakti dalam mendukung pelaksanaan tugas-tugas

pokoknya, melakukan pembentukan dan penyusunan struktur organisasi.

Berikut ini bagan struktur organisasi SMK Utama Bakti pada gambar 2.1.

Page 34: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

10

KETUA LEMBAGA PENDIDIKAN UTAMA BAKTI

Drs. YOSE APRIZAL., M.SI.

KOMITE SEKOLAH

Drs. KHOZEN

KEPALA SEKOLAH

H. SYAHRUL FUADI, S. Pd,. M. M.

KASUBAG TU

HANAFIAH

UR. KEUANGAN

HERMEDI, S. Pd.

STAFF KEUANGAN

FERRADINNIE DWI HAPSARI, S. Si.

STAFF KEUANGAN

WALIDI, A. Md.

UR. KEPEGAWAIAN

Hj. ACMI ELIYANTINA

UR. KEARSIPAN

MEGALENA

UR. PERLENGKAPAN

PAN HEDI

ADMINISTRASI KESISWAAN

AGUS HERMAWAN, S. Pd.

UR. ADMINISTRASI UMUM

TRIO MARLANDA, S.E.

WAKASES BID.

KURIKULUM

Drs. SUPRIYADI, M.Kom

PRODI TEK.

OTOMOTIF

DODI ISKANDAR, S. T., M. Si.

PRODI TPL

KA. KOMLI TTL

HENDRI, S. T.

PRODI TIK

KA. KOMLI TKJ

M. RIYANDA, S. Kom.

KA. KOMLI TKR

DODI ISKANDAR, S. T., M. Si.

KA. KOMLI TSM

SUDARMAN, S. Pd., M. Si.

WAKASEK BID.

SAPRAS

INDAWAN, S.Pd.

UR. PERPUSTAKAAN

HJ. REDO HEPPY, S. Pd.

STAFF PERPUSTAKAAN

BELLA APRILIYANTI

WAKASEK BID.

HUMAS/HUBIN

Drs. KHOZEN

STAFF S I M

M. RIYANDA. S. Kom.

WAKASES BID.

KESISWAAN

HARSONO, S. Pd.

PEMBINA ESKUL

DESI PURNAMASARI, S. Pd.

BP / BK

AGUS SANTRIWEN, S. Pd.

PEMBINA OSIS

AGUS SANTRIWEN, S. Pd.

G U R U

Sumber: SMK Utama Bakti

Gambar 2.1 Struktur Organisasi SMK Utama Bakti

Page 35: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

11

2.1.4. Tugas dan Wewenang

Berikut adalah tugas dari masing-masing jabatan di SMK Utama

Bakti.

1. Kepala Sekolah

Tugasnya : mengkoordinasi, menyusun perencanaan, menentukan

kebijakan, mengadakan rapat, mengatur administrasi pegawai,

mengatur hubungan antar sekolah, melakukan pengembangan di SMK

Utama Bakti.

Wewenang : perencanaan program kerja sekolah, perencanaan

pengorganisasian seluruh program kegiatan disekolah, monitoring dan

mengevaluasi seluruh kegiatan di sekolah, menentukan kebijakan

untuk perbaikan selanjutnya pada SMK Utama Bakti Palembang itu

sendiri.

2. Wakil Kepala Sekolah

Tugasnya : menyusun tugas guru dan jadwal pelajaran, menyusun

kalender pendidikan, menyusun program pembinaan kesiswaan,

mengembangkan hubungan antar masyararakat sekitar.

Wewenang : menyelenggarakan seluruh kegiatan yang berhubungan

dengan pendidikan di sekolah dan dilokasi yang berkaitan dengan

proses belajar mengajar dan untuk perbaikan selanjutnya dalam jangka

waktu yang sangat lama.

Page 36: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

12

3. Waka Kurikulum

Tugasnya : menyusun program pembelajaran, menyusun pembagian

tugas guru, menyusun jadwal pelajaran, menyusun pelaksanaan ujian

sekolah, membuat daftar hadir, membuat laporan nilai, menyediakan

buku daftar hadir guru, menyusun laporan pembelajaran pada SMK

Utama Bakti.

Wewenang : menyelenggarakan seluruh kegiatan yang berhubungan

dengan pendidikan disekolah yang berkaitan dengan proses kegiatan

belajar mengajar.

4. Waka Sapras

Tugasnya : inventaris barang, pendayaguna sarana dan prasarana,

pemeliharaan sarana dan prasarana, pengelolaan keuangan, menyusun

laporan secara berkala.

Wewenang : menyetujui rencana pengembangan bengkel dan

kebutuhan praktik setiap program studi keahlian, mempertimbangkan

permohonan kebutuhan praktik masing-masing bengkel dan sarana

PBM.

5. Waka Humas

Tugasnya : mengatur dan menyelenggarakan humas, membina

hubungan antar sekolah dan komite, membina pengembangan humas,

mengadakan konsultasi, menyusun laporan pelaksanaan humas.

Page 37: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

13

Wewenang : menyusun program dan melakukan kegiatan promosi,

komunikasi dan kerjasama lembaga dan instansi terkait dengan

sekolah SMK Utama Bakti .

6. Waka Kesiswaan

Tugasnya : menyusun program pembinaan kesiswaan, melaksanakan

kegiatan siswa, membina dan melaksanakan koordinasi 7 K,

memberikan pengarahan dan pemilihan OSIS, melakukan pembinaan

OSIS dalam berorganisasi, menyusun program dan jadwal pembinaan

siswa, pembuatan kartu pelajar, melaksanakan pemilihan calon siswa

teladan, menyusun laporan pelaksanaan kegiatan kesiswaan secara

berkala.

Wewenang : menyelenggarakan PSB, penanganan ketertiban siswa,

menyelenggarakan BP atau BK.

7. Kasubag TU

Tugasnya : menyusun perlengkapan administrasi, menyajikan data

statistik sekolah, mengisi buku induk, mengatur gaji guru honorer dan

pegawai, membuat laporan keuangan, mengatur urusan surat menyurat

pada sekolah SMK Utama Bakti.

Wewenang : merencanakan dan melaksanakan seluruh kegiatan

pelaksanaan ketatausahaan sekolah SMK Utama Bakti.

Page 38: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

14

BAB III

TINJAUAN PUSTAKA

3.1. Teori Pendukung

3.1.1. Sistem

Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang

saling berhubungan, berkumpul bersama untuk melakukan suatu kegiatan

atau untuk menyelesaikan suatu sasaran tertentu. Sistem adalah

sekelompok unsur yang erat berhubungan satu dengan lainnya, yang

berfungsi bersama-sama untuk mencapai tujuan tertentu (Hamidah dan

Rizan, 2016).

3.1.2. Web

Web adalah suatu penyebaran informasi melalui internet. Sebenarnya

antara world wide web (www) dan web adalah sama karena sebagian besar

orang menyingkat www menjadi web. Web merupakan hal yang tidak

dapat dipisahkan dari dunia internet karena web pada awalnya adalah suatu

ruang informasi dalam internet yang menggunakan teknologi hypertext.

Pengguna dituntun untuk menemukan informasi dengan mengikuti link

yang tersedia dalam dokumen web yang ditampilkan dalam browser web.

Web merupakan suatu metode untuk menampilkan informasi didalam

internet, baik berupa teks, gambar, suara, maupun video yang interaktif

dan mempunyai kelebihan untuk menghubungkan (link) satu dokumen

Page 39: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

15

dengan dokumen lainnya (hypertext) yang dapat dilakukan melalui

browser. Melalui web setiap pengguna internet dapat mengakses

informasi-informasi yang ada didalam situs web yang tidak hanya berupa

teks tetapi juga dapat berupa gambar, suara, film, maupun animasi. Hal ini

karena web adalah fasilitas hypertext untuk menampilkan data berupa teks,

gambar, suara, animasi, serta data multimedia lainnya, dan diantara data-

data tersebut saling berhubungan satu sama lain (Mertayasa dan Yambese,

2017).

3.1.3. CodeIgniter (CI)

CI merupakan framework untuk pengembangan aplikasi berbasis

web dengan menggunakan script PHP. PHP merupakan salah satu script

yang populer dalam pengembangan aplikasi berbasis web. PHP digunakan

81,7% dari aplikasi berbasis web pada saat ini. Prinsip kerja CI adalah

dimulai pada file index.php. file ini sebagai pengendali utama yang

berfungsi memuat kode script utama yang berfungsi menjalankan

CodeIgniter (Martono dan Windasari, 2018).

3.1.4. Internet

Menurut (Mertayasa dan Yambese, 2017) dalam jurnalnya

menyebutkan bahwa Interconnected Network (internet) adalah suatu

jaringan yang terdiri dari ribuan jaringan komputer independen yang

dihubungkan antara satu dengan yang lainnya. Secara etimologis, internet

Page 40: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

16

berasal dari dua kata dalam bahasa Inggris, yaitu kata inter yang berarti

antar dan kata net yang berarti jaringan. Karena itu internet dapat diartikan

sebagai hubungan antar jaringan. Pengertian internet dapat ditinjau dari

beberapa sudut pandang sebagai berikut :

a. Segi teknis

Internet merupakan dua komputer atau lebih yang saling berhubungan

dan membentuk jaringan komputer hingga meliputi jutaan komputer

di dunia (internasional) yang saling berinteraksi dan bertukar

informasi.

b. Segi ilmu pengetahuan

Internet merupakan sebuah perpustakaan yang didalamnya terdapat

jutaan (bahkan milyaran) informasi atau data yang berupa text,

graphic, audio, maupun animasi, dan lain-lain dalam bentuk media

elektronik.

c. Segi komunikasi

Internet adalah sarana yang sangat efisien dan efektif untuk

melakukan pertukaran informasi jarak jauh maupun didalam

lingkungan perkantoran.

3.1.5. Database

Basis data (database) merupakan komponen utama dalam

membangun sebuah sistem yang menyangkut pendokumentasian ke dalam

sebuah database. Bentuk basisdata adalah sebuah aturan yang mengatasi

Page 41: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

17

masalah tersebut. Saat ini basisdata memiliki peranan yang sangat penting

dalam mengelola data yang ada di dalamnya (Bariah, 2015).

3.1.6. UML(Unified Modelling Language)

UML adalah sebuah bahasa yang sudah menjadi standar dalam

industri untuk merancang, menspesifikasi dan mendokumentasi sistem

perangkat lunak (Muharom, Cahyana dan Bunyamin, 2013).

Macam-macam diagram UML :

1) Use Case Diagram

Use case diagram merupakan pemodelan untuk kelakukan

(behavior) sistem informasi yang akan dibuat. Use case

mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan

sistem informasi yang akan dibuat. Dapat dikatakan use case

digunakan untuk mengetahui fungsi apa saja yang ada di dalam sistem

informasi dan siapa saja yang berhak menggunakan fungsi-fungsi

tersebut. Simbol-simbol yang digunakan dalam use case diagram di

tabel 3.1, yaitu :

Tabel 3.1 Simbol Use Case

Gambar Keterangan

Use case menggambarkan fungsionalitas yang

disediakan sistem sebagai unit-unit yang

bertukan pesan antar unit dengan aktor,

biasanya dinyatakan dengan menggunakan

Page 42: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

18

Gambar Keterangan

kata kerja di awal nama use case.

Aktor adalah abstraction dari orang atau

sistem yang lain yang mengaktifkan fungsi

dari target sistem. Untuk mengidentifikasikan

aktor, harus ditentukan pembagian tenaga

kerja dan tugas-tugas yang berkaitan dengan

peran pada konteks target sistem. Orang atau

sistem bisa muncul dalam beberapa peran.

Perlu dicatat bahwa aktor berinteraksi dengan

use case, tetapi tidak memiliki control

terhadap use case.

Asosiasi antara aktor dan use case,

digambarkan dengan garis tanpa panah yang

mengindikasikan siapa atau apa yang

meminta interaksi secara langsung dan

bukannya mengidikasikan aliran data.

Asosiasi antara aktor dan use case yang

menggunakan panah terbuka untuk

mengidinkasikan bila aktor berinteraksi

secara pasif dengan sistem.

Page 43: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

19

Gambar Keterangan

Include, merupakan di dalam use case lain

(required) atau pemanggilan use case oleh

use case lain, contohnya adalah pemanggilan

sebuah fungsi program.

Extend, merupakan perluasan dari use case

lain jika kondisi atau syarat terpenuhi.

Sumber : (Yusmiarti, 2016)

2) Activity Diagram

Activity Diagram menggambarkan workflow (aliran kerja) atau

aktivitas dari sebuah sistem atau proses bisnis. Simbol-simbol yang

digunakan dalam activity diagram di tabel 3.2, yaitu :

Tabel 3.2 Simbol Activity Diagram

Gambar Keterangan

Start point, diletakkan pada pojok kiri atas

dan merupakan awal aktifitas.

End point, akhir aktifitas.

Activites, menggambarkan suatu proses atau

kegiatan bisnis.

Fork (Percabangan), digunakan untuk

menunjukkan kegiatan yang dilakukan secara

Page 44: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

20

Gambar Keterangan

parallel atau untuk menggabungkan dua

kegiatan pararel menjadi satu.

Join (penggabungan) atau rake, digunakan

untuk menunjukkan adanya dekomposisi.

Decision Points, menggambarkan pilihan

untuk pengambilan keputusan, true, false.

Swimlane, pembagian activity diagram untuk

menunjukkan siapa melakukan apa.

Sumber : (Yusmiarti, 2016)

3) Class Diagram

Diagram kelas atau class diagram menggambarkan struktur

sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk

membangun sistem. Kelas memiliki apa yang disebut atribut dan

metode atau operasi.

Atribut merupakan variabel-variabel yang dimiliki oleh suatu kelas

Operasi atau metode adalah fungsi-fungsi yang dimiliki oleh suatu

kelas.

Simbol-simbol yang digunakan dalam class diagram di tabel 3.3.

Page 45: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

21

Tabel 3.3 Simbol Class Diagram

Multiplicity Penjelasan

Kelas

Nama_kelas

+ atribut

+ operasi()

Kelas pada struktur sistem

antarmuka /

interface

nama_interface

Sama dengan konsep interface dalam

pemograman berorientasi objek.

Asosiasi /

association

Relasi antarkelas dengan makna umum,

asosiasi biasanya juga disertai dengan

multiplicity

Generalisasi

Relasi antarkelas dengan makna

generalisasi-spesialisasi (umum-khusus)

Kebergantungan/

dependency

Relasi antar kelas dengan makna

kebergantungan antarkelas

Agregasi /

aggregation

Relasi antarkelas dengan makna semua-

bagian (whole-part)

Sumber : A.S, Rossa dan M. Shalahuddin (2013:146)

Page 46: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

22

4) Sequence Diagram

Diagram Sekuen menggambarkan kelakuan objek pada use case

dengan mendeskripsikan waktu hidup objek dan message yang

dikirimkan dan diterima antar objek. Simbol-simbol yang digunakan

dalam sequence diagram, dapat dilihat pada tabel 3.4 :

Tabel 3.4 Simbol Sequence Diagram

Gambar Keterangan

Aktor

Nama Aktor

Atau

Orang, proses, atau sistem lain yang

berinteraksi dengan sistem informasi yang

akan dibuat di luar sistem informasi yang

akan dibuat itu sendiri, jadi walaupun

simbol dari aktor adalah gambar orang, tapi

aktor belum tentu merupakan orang.

Biasanya dinyatakan menggunakan kata

benda di awal frase nama aktor.

Garis hidup /

lifeline

Menyatakan kehidupan suatu objek.

Objek

Menyatakan objek yang berinteraksi pesan.

Waktu aktif

Menyatakan objek dalam keadaan aktif dan

berinteraksi, semua yang terhubung dengan

waktu aktif ini adalah sebuah tahapan yang

dilakukan di dalamnya, misalnya

Nama objek : nama

kelas

Nama aktor

Page 47: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

23

Gambar Keterangan

Maka cekStatusLogin() dan open()

dilakukan didalam metode login().

Aktor tidak memiliki waktu aktif

Pesan tipe create Menyatakan suatu objek membuat objek

yang lain, arah panah mengarah pada objek

yang dibuat.

Pesan tipe call Menyatakan suatu objek memanggil

operasi/metode yang ada pada objek lain

atau dirinya sendiri

Arah panah mengarah pada objek yang

memiliki operasi/metode, karena ini

memanggil operasi/metode maka

operasi/metode yang dipanggil harus ada

pada diagram kelas sesuai dengan kelas

objek yang berinteraksi.

<<create>>

1 : nama_metode()

1: login()

2: cekStatusLogin()

3: open()

1 : nama_metode()

Page 48: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

24

Gambar Keterangan

Pesan tipe send Menyatakan bahwa suatu objek

mengirimkan data/masukan/informasi ke

objek lainnya, arah panah mengarah pada

objek yang dikirimi

Pesan tipe return Menyatakan bahwa suatu objek yang telah

menjalankan suatu operasi atau metode

menghasilkan suatu kembalian ke objek

tertentu, arah panah mengarah pada objek

yang menerima kembalian

Pesan tipe destroy Menyatakan suatu objek mengakhiri hidup

objek yang lain, arah panah mengarah pada

objek yang diakhiri, sebaiknya jika ada

create maka ada destroy

Sumber : A.S, Rossa dan M. Shalahuddin (2013:165)

3.1.7. Rational Unified Process

Menurut (Triwahyuni dan Saputra, 2015) dalam jurnalnya

menjelaskan bahwa, Rational Unified Process (RUP) merupakan suatu

metode rekayasa perangkat lunak yang dikembangkan dengan

mengumpulkan berbagai best practises yang terdapat dalam industri

pengembangan perangkat lunak. Ciri utama metode ini adalah

1 : masukan

1 : keluaran

Page 49: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

25

menggunakan use-case driven dan pendekatan iteratif untuk siklus

pengembangan perangkat lunak. RUP menggunakan konsep object

oriented, dengan aktifitas yang berfokus pada pengembangan model

dengan Fase-fase yang dilakukan peneliti dalam metode RUP ini antara

lain :

1) Inception (Permulaan)

Pada tahap ini pengembang mendefinisikan batasan kegiatan,

melakukan analisis kebutuhan user, dan melakukan perancangan awal

perangkat lunak (perancangan arsitektural dan use case).

2) Elaboration (Perluasan/Perencanaan)

Pada tahap ini dilakukan perancangan perangkat lunak mulai dari

menspesifikasikan fitur perangkat lunak hingga perilisan prototipe.

3) Construction (Konstruksi)

Pengimplementasian rancangan perangkat lunak yang telah dibuat

dilakukan pada tahap ini. Pada akhir tahap ini, perangkat lunak versi

akhir yang sudah disetujui administrator dirilis beserta dokumentasi

perangkat lunak.

4) Transition (Transisi)

Instalasi, deployment dan sosialisasi perangkat lunak dilakukan

pada tahap ini. Aktifitas pada tahap ini termasuk pada pemeliharaan dan

pengujian.

Page 50: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

26

3.2 Hasil Penelitian Terdahulu

Berikut penelitian yang dilakukan oleh peneliti-peneliti sebelumnya.

Tabel 3.5. Penelitian Terdahulu

No Judul Penulis Hasil

1 Analisis dan

Implementasi

Perancangan

Metode

Rational

Unified

Process pada

layanan

SDB dan

Metode

Pengujian

Product

Metric pada

Bank Mandiri

Cabang Palu

Sam

Ratulangi

Taufik,

Darywiyanto,

Yulia

2015

ISSN: 2355-

9365

Metode perancangan RUP telah

diimplementasikan menjadi aplikasi

layanan SDB dan telah sesuai

kebutuhan dari perusahaan. Hasil

pengujian terhadap aplikasi

menunjukan aplikasi berkualitas

cukup baik dengan nilai cyclometic

complexity dan weighted method

per class yang relatif rendah,

namun memiliki nilai comment

percentage

rendah.

2 Perancangan

Sistem

Informasi

Pemesanan

Makam Baru

Menggunakan

Metode

Rational

Unified

Process

Susilowati,

Susi

2017

ISSN : 1978-

1946

Pembuatan aplikasi Sistem

Informasi Pemesanan Makam

Secara Online, diimplementasikan

dengan menggunakan JAVA

sebagai bahasa pemograman.

Aplikasi ini dibangun

menggunakan metode Rational

Unified Process (RUP).

3 Sistem

Informasi

SMP Negeri 1

Talang Kelapa

Berbasis Web

Purba,

Mariana

2016

ISSN: 2407-

1730

Rancangan sistem informasi SMP

Negeri 1 Talang Kelapa masih

banyak terdapat kekurangan-

kekurangan, peneliti mengharapkan

saran agar mendapatkan hasil yang

lebih baik.

4 Analisis Dan

Perancangan

Sistem

Informasi

Muhidin,

Kharie, Kubais

2017

ISSN: 2548-

Dengan adanya website tersebut

masyarakat juga dapat dengan

mudah mengetahui gambaran

umum tentang sekolah, fasilitas dan

Page 51: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

27

No Judul Penulis Hasil

Pada SMA

Negeri 18

Halmahera

Selatan

Sebagai

Media

Promosi

Berbasis Web

6438 guru atau karyawan dengan lebih

jelas, dan berbagai macam berita

tentang sekolah

Berdasarkan hasil penelitian terdahulu, bahwa kesimpulan yang penulis

baca pada jurnal satu adalah mengimplementasikan aplikasi sesuai kebutuhan

perusahaan hasi pengujian menunjukkan aplikasi berkualitas. Kesimpulan

yang di dapat pada jurnal dua adalah pengimplementasian pemesanan makam

secara online lalu aplikasi ini di bangun dengan menggunakan metode

rational unified process. Kesimpulan yang didapat pada jurnal tiga adalah

menghasilkan rancangan sistem informasi sehingga dapat digunakan pada

SMP Negeri 1 Talang Kelapa. Kesimuplan yang di dapat pada jurnal empat

adalah masyarakat dapat mengetahui dengan mudah gambaran sekolah,

fasilitas atau karyawan dan juga dapat mengetahui berbagai macam berita

dengan lebih jelas.

3.3. Kerangka Pemikiran

Adapun kerangka penelitian yang di lakukan oleh penulis dapat dilihat

pada gambar 3.1.

Page 52: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

28

Sumber: diolah sendiri

Gambar 3.1 Kerangka Pemikiran

Page 53: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

29

BAB IV

METODE PENELITIAN

4.1. Lokasi dan Waktu Penelitian

Adapun lokasi dan waktu penelitian yang digunakan penulis dalam

penelitian ini, sebagai berikut.

4.1.1. Lokasi

Penlitian ini di lakukan di SMK Utama Bakti merupakan sekolah

menengah kejuruan swasta yang berdiri pada tahun 1987 yang berlokasi di

Jl. STM UB, Lebong Siarang, Kecamatan Sukarami, Kelurahan Sukajaya,

Kota Palembang, Provinsi Sumatera Selatan.

4.1.2. Waktu Penelitian

Dalam penelitian ini, penulis menyusun segala kegiatan di dalam

sebuah jadwal penelitian yang berlangsung kurang lebih Lima bulan

terhitung mulai dari bulan September 17 sampai dengan bulan Januari 15

Februari. Berikut ini jadwal penelitian dapat dilihat pada tabel 4.1.

Tabel 4.1. Jadwal penelitian

Uraian

2018 - 2019

September Oktober November Desember Januari

1 2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

Inception

Wawancara

Observasi

Page 54: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

30

Uraian

2018 - 2019

September Oktober November Desember Januari

1 2 3 4 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

Dokumentasi

Studi Pustaka

Elaboration

Desain Interface

Construction

Coding

Transition

Sosialiasi

4.2. Teknik Pengumpulan Data

Dalam penulisan laporan ini penulis menggunakan beberapa metode

teknik pengumpulan data, yang terdiri dari:

4.2.1. Wawancara

Wawancara adalah teknik pengumpulan data dengan melakukan

percakapan atau dialog antara dua pihak, sehingga diperoleh keterangan

yang lebih mendalam yang termasuk dalam kategori in-depth interview

dimana pelaksanaannya lebih bebas bila dibandingkan dengan wawancara

testruktur (Pritandhari, 2016).

Peneliti melakukan wawancara terhadap Bapak Drs. Khozen selaku

Wakil Kepala Sekolah SMK Utama Bakti, Bapak Heriyanto, S.pd. selaku

Pembina Ekstrakurikuler SMK Utama Bakti Palembang dan Ibu Redo

Heppy, S.pd. selaku Penanggung Jawab Perpustakaan SMK Utama Bakti

Page 55: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

31

Palembang dengan tujuan untuk mendapatkan informasi tentang

permasalahan baik dalam absensi siswa dan guru, nilai siswa, jadwal kelas,

maupun permasalahan lain yang akan didapat.

4.2.2. Observasi

Observasi adalah pengamatan dan pencatatan secara sistematik

terhadap unsur-unsur yang tampak dalam gejala-gejala di suatu objek

penelitian (Pritandhari, 2016).

Berdasarkan dari hasil observasi, peneliti mengamati cara bagaimana

proses input data absensi siswa, nilai siswa, jadwal kelas, kegiatan

ekstrakurikuler, kegiatan perpustakaan.

4.2.3. Studi Pustaka

Studi pustaka (Library Research) adalah pengumpulan data-data

dengan cara mempelajari berbagai bentuk bahan-bahan tertulis seperti

buku-buku penunjang kajian, catatan-catatan maupun referensi lain yang

bersifat tertulis (Lukman dan Sunoto, 2016).

Peneliti mengumpulkan studi pustaka dengan penelitian-penelitian

terdahulu, yang digunakan sebagai data dan teori pendukung yang peneliti

butuhkan dalam penelitian ini.

Page 56: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

32

4.2.4. Dokumentasi

Dokumentasi adalah metode pengumpulan data yang bersumber

pada hal-hal atau benda-benda yang tertulis, seperti buku-buku, majalah,

dokumen, peraturan-peraturan, notulen, rapat, catatan harian dan

sebagainya (Pritandhari, 2016).

Dokumentasi yang penulis lakukan adalah mengabadikan beberapa

data yang penulis anggap penting untuk data proposal skripsi seperti profil

sekolah, struktur organisasi, daftar tenaga pendidik, visi dan misi sekolah

di SMK Utama Bakti. Dokumentasi dilakukan dengan menggunakan

kamera smartphone penulis.

4.3. Metode Pengembangan Sistem

4.3.1. Rational Unified Process (RUP)

Rancang Bangun Sistem Informasi Pada SMK Utama Bakti

Palembang Dengan Metode Rational Unified Process, tahapan yang

dilakukan pada penelitian ini meliputi :

1) Inception (Permulaan)

Tahap ini merupakan tahap identifikasi sistem yang akan

dikembangkan. Pada tahap ini penulis melakukan aktivitas yang

mencakup pendefinisian kebutuhan (requirement) yaitu peneliti

melakukan pengumpulan data dan pemodelan proses bisnis (business

modeling) yaitu dengan cara menggambarkan dengan diagram Unified

Page 57: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

33

Modeling Languange (UML) yaitu seperti use case, activity diagram

dan class diagram.

2) Elaboration (Perluasan/Perencanaan)

Tahap ini merupakan tahap desain sistem berdasarkan hasil

analisis pada tahap inception. Pada tahapan ini penulis membuat desain

interface.

3) Construction (Konstruksi)

Tahap ini merupakan tahap implementasi dan pengujian hasil

desain. Pada tahap ini terdapat aktivitas yang dilakukan oleh peneliti.

Aktivitas-aktivitas yang dimaksud berupa :

1. Coding

Pada pengembangan sistem ini, peneliti menggunakan bahasa

pemrograman Java dengan menggunakan database MySQL.

2. Menguji Sistem

Pengujian yang akan peneliti gunakan yaitu Menggunakan

pengujian dengan metode black box pada tahap percobaan, untuk

melihat apakah konten dan menu yang ditampilkan sudah berjalan

dengan baik dan sesuai dengan menu yang disediakan atau yang

sudah dirancangkan.

3. Hasil Pembagunan Sistem

Pada pembangunan sistem ini akan menghasilkan produk

perangkat lunak, peneliti melakukan implementasi interface dari

desain interface yang telah dibuat pada fase kedua RUP sebelumnya.

Page 58: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

34

4. Transition (Transisi)

Pada tahapan ini website yang telah jadi dilakukan pengujian

beta serta dilakukan pemeliharaan terhadap sistem.

4.4. Teknik Pengujian Sistem

4.4.1. BlackBox Testing

Menurut Muqtaqbal, dkk (2015:34) Black Box Testing berfokus pada

spesifikasi fungsional dari perangkat lunak. Tester dapat mendefinisikan

kumpulan kondisi input dan melakukan pengetesan pada spesifikasi

fungsional program.

4.5. Jenis Data

4.5.1. Data Primer

Menurut Simbolon, (2016:1446) data primer adalah data yang

diperoleh langsung dari lokasi penelitian berupa struktur organisasi, uraian

tugas, laporan.

4.5.2. Data Sekunder

Menurut Simbolon, (2016:1446) data sekunder adalah data yang

diperoleh dari perusahaan sebagai objek penelitian yang sudah diolah dan

terdokumentasi di dalam perusahaan.

Page 59: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

35

BAB V

HASIL DAN PEMBAHASAN

5.1. Hasil Penelitian

Berikut ini adalah tahapan-tahapan dari metode Rational Unified

Process yang penulis lakukan dalam pembuatan pengujian Rancang Bangun

Sistem Informasi Pada SMK Utama Bakti Palembang dengan Metode

Rational Unified Process.

5.1.1. Inception (Permulaan)

Pada bab ini menjabarkan analisa yang disesuaikan dengan fase-fase

atau tahapan-tahapan yang ada di metode Rational Unified Process (RUP).

Dalam perancangan ini digunakan use case, activity diagram dan class

diagram untuk membuat pemodelan kebutuhan pada Rancang Bangun

Sistem Informasi Pada SMK Utama Bakti Palembang dengan Metode

Rational Unified Process.

Tujuan dari analisa ini adalah membuat Rancang Bangun Sistem

Informasi Pada SMK Utama Bakti Palembang untuk memperoleh sistem

informasi yang dapat memberikan kemudahan dalam pengolahan data

guru, siswa dan pegawai. Sistem informasi ini dapat membantu para guru

serta admin dalam mengolah data dengan lebih efektif serta efisien dalam

segi waktu. Sistem informasi ini dapat membantu para guru dan siswa

dalam mendapatkan informasi.

Page 60: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

36

5.1.1.1. Identifikasi Masalah

Berdasarakan dari pengamatan dan wawancara yang didapatkan

oleh peneliti, maka peneliti mendapatkan permasalahan yang dihadapi

oleh SMK Utama Bakti Palembang dalam pengolahan data absen, nilai,

jadwal pelajaran, siswa baru, alumni, pengumuman, laporan, absensi

ekstrakulikuler, kegiatan ekstrakulikuler, dan perpustakaan. Adapun

identifikasi masalah sebagai berikut:

1. Absensi siswa dan TU dilakukan dikertas absen, absensi

ekstrakurikuler di excel, adapun absen hanya guru saja yang

menggunakan finger print.

2. Pada bidang perpustakaan SMK Utama Bakti sendiri masih mencatat

di buku dan peminjaman buku ditulis dalam sebuah buku.

5.1.1.2. Deskripsi Kebutuhan

1. Kebutuhan Perangkat Keras

Dalam proses pembuatan aplikasi Rancang Bangun Sistem

Informasi Pada SMK Utama Bakti Palembang dengan Metode

Rational Unified Process ini menggunakan kebutuhan perangkat keras

yaitu :

1. Processor : Intel Core i5 4200U

2. RAM : 4 GB

3. HDD : 500 GB

4. CPU : 1.60GHz (4 CPUs) ~2.3GHz

Page 61: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

37

2. Kebutuhan Perangkat Lunak

Berikut ini kebutuhan perangkat lunak yang dibutuhkan :

1. Sistem Operasi Windows 10 Enterprise 64-bit.

2. Microsoft Office Visio 2013 Untuk mendesain rancangan website

sistem informasi SMK Utama Bakti.

3. Sublime Text dan XAMPP untuk pembuatan kode website.

3. Kebutuhan Fungsional

Pada deskripsi ini kebutuhan fungsional yang dibutuhkan pada

sistem informasi SMK Utama Bakti Palembang yaitu :

1. Halaman frontend saat membuka website sistem informasi SMK

Utama Bakti Palembang, ini digunakan pengguna untuk mengakses

menu-menu seperti berita, pengumuman, dll. Serta login untuk

masuk ke halaman masing-masing pengguna.

2. Halaman backend digunakan setelah masing-masing pengguna

melakukan login.

3. Halaman backend Kaprodi TKJ dapat mengatur data siswa, data

guru, data mata pelajaran, data ajar, data kelas, data isi kelas, data

jadwal pelajaran dan data absensi guru (PDF).

4. Halaman backend guru dapat mengatur data nilai, data absensi

siswa dan data ekstrakurikuler.

5. Halaman backend siswa hanya dapat melihat data nilai, data

ekstrakurikuler dan data jadwal pelajaran.

Page 62: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

38

6. Halaman backend perpustakaan dapat mengatur data buku, data

peminjaman dan data pengembalian buku.

5.1.1.3. Pemodelan Kebutuhan

5.1.1.3.1. Use Case

Adapun pada pembahasan ini terdapat pemodelan proses Use

Case pada Sistem Informasi SMK Utama Bakti Palembang. Peneliti

membuat aktor yang berperan didalam sistem. Adapun aktor yang

berperan pada sistem sebagai berikut: Kaprodi TKJ, Guru, Petugas

Perpustakaan dan Siswa. Use case dapat dilihat pada gambar 5.1

sebagai berikut:

Gambar 5.1. Use Case Diagram

Page 63: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

39

Berdasarkan gambar 5.1 kebutuhan dari pemodelan diatas dapat

dijelaskan sebagai berikut:

1. Petugas Perpustakaan melakukan login untuk dapat mengelola data

buku, mengelola data peminjaman dan mengelola data pengembalian.

2. Guru melakukan login untuk dapat mengelola data nilai, mengelola

data absensi siswa dan mengelola data ekstrakurikuler.

3. Siswa melakukan login untuk dapat melihat data nilai, melihat data

absensi siswa dan melihat data ekstrakurikuler.

4. Kaprodi TKJ melakukan login untuk dapat mengelola data siswa,

mengelola data guru, mengelola data mata pelajaran, mengelola data

ajar, mengelola data kelas, mengelola data isi kelas, mengelola data

jadwal, mengelola data absensi guru, mengelola data pengumuman dan

mengelola data pendaftaran siswa.

5.1.1.3.2. Activity Diagram

Diagram aktivitas atau activity diagram menggambarkan

workflow (aliran kerja) atau aktifitas dari sebuah sistem atau proses

atau menu yang ada pada website sistem informasi SMK Utama Bakti,

activity diagram yang disertakan sebagai berikut.

Page 64: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

40

1. Activity Diagram Login Petugas Perpustakaan

Activity Diagram Login Perpustakaan dapat dilihat pada gambar 5.2.

Gambar 5.2 Activity Diagram Login Petugas Perpustakaan

Berdasarkan gambar 5.2 dapat dijelaskan bahwa:

1. Mulai.

2. Petugas Perpustakaan mengisi form login sistem menerima request

jika login benar maka ke menu utama jika salah kembali mengisi

form login.

3. Adapun isi pada menu utama pada halaman login petugas

perpustakaan yaitu beranda, data buku, peminjaman buku,

pengembalian buku dan ubah password.

4. Selesai.

Page 65: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

41

2. Activity Diagram Kelola Data Buku

Activity Diagram Kelola Data Buku dapat dilihat pada gambar

5.3.

Gambar 5.3 Activity Diagram Kelola Data Buku

Berdasarkan gambar 5.3 dapat dijelaskan bahwa:

1. Mulai.

2. Petugas Perpustakaan mengakses menu data buku.

3. Adapun kegiatan dapat dilakukan lihat data buku, input data buku

dan edit data buku.

4. Selesai.

Page 66: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

42

3. Activity Diagram Kelola Data Peminjaman

Activity Diagram Kelola Data Peminjaman dapat dilihat pada gambar

5.4.

Gambar 5.4 Activity Diagram Kelola Data Peminjaman

Berdasarkan gambar 5.4 dapat dijelaskan bahwa:

1. Mulai.

2. Petugas Perpustakaan mengakses data peminjaman buku.

3. Adapun kegiatan yang dilakukan: lihat peminjaman, Input

Peminjaman dan Edit Peminjaman.

4. Selesai.

Page 67: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

43

4. Activity Diagram Kelola Data Pengembalian

Activity Diagram Kelola Data Pengembalian dapat dilihat pada gambar

5.5.

Gambar 5.5 Activity Diagram Kelola Data Pengembalian

Berdasarkan gambar 5.5 dapat dijelaskan bahwa:

1. Mulai.

2. Petugas Perpustakaan mengakses data pengembalian buku.

3. Adapun kegiatan yang dapat dilakukan: lihat pengembalian, input

pengembalian dan edit pengembalian.

4. Selesai.

Page 68: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

44

5. Activity Diagram Login Guru

Activity Diagram Login Guru dapat dilihat pada gambar 5.6.

Gambar 5.6 Activity Diagram Login Guru

Berdasarkan gambar 5.6 dapat dijelaskan bahwa:

1. Mulai.

2. Guru mengisi form login sistem menerima report jika benar ke

menu utama jika salah kembali mengisi form login.

3. Adapun isi yang terdapat menu utama halaman login guru: beranda,

profil guru, dari kelas, dari isi kelas, data jadwal pelajaran, data

absensi siswa, data absensi guru, data nilai, kegiatan

ekstrakulikuler, absensi ekstrakulikuler dan ubah password.

4. Selesai.

6. Activity Diagram Kelola Data Nilai

Activity Diagram Kelola Data Nilai dapat dilihat pada gambar 5.7.

Page 69: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

45

Gambar 5.7 Activity Diagram Kelola Data Nilai

Berdasarkan gambar 5.7 dapat dijelaskan bahwa:

1. Mulai.

2. Guru memilih kelas, mapel/guru dan semester kemudian sistem

menampilkan data nilai.

3. Mengisi data nilai kemudian menyimpan data nilai.

4. Selesai.

7. Activity Diagram Kelola Data Absensi Siswa

Activity Diagram Kelola Data Absensi Siswa dapat dilihat pada

gambar 5.8.

Gambar 5.8 Activity Diagram Kelola Data Absensi Siswa

Page 70: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

46

Berdasarkan gambar 5.8 dapat dijelaskan bahwa:

1. Mulai.

2. Guru memilih kelas dan tanggal lalu sistem menampilkan data

absensi.

3. Guru mengisi data absensi kemudian sistem sistem menyimpan

data absensi.

4. Selesai.

8. Activity Diagram Kelola Data Ekstrakurikuler

Activity Diagram Kelola Data Ekstrakurikuler dapat dilihat pada

gambar 5.9.

Gambar 5.9 Activity Diagram Kelola Data Ekstrakulikuler

Page 71: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

47

Berdasarkan gambar 5.9 dapat dijelaskan bahwa:

1. Mulai.

2. Guru mengakses kegiatan ekstrakulikuler.

3. Adapun kegiatan yang dapat dilakukan: lihat kegiatan, input

kegiatan dan edit kegiatan.

4. Selesai.

9. Activity Diagram Login Siswa

Activity Diagram Login Siswa dapat dilihat pada gambar 5.10.

Gambar 5.10 Activity Diagram Login Siswa

Berdasarkan gambar 5.10 dapat dijelaskan bahwa:

1. Mulai.

2. Siswa mengisi form login kemudian sistem menerima report.

3. Apabila benar maka ke menu utama jika salah mengisi form login

kembali.

Page 72: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

48

4. Adapun kegiatan siswa di menu utama yaitu beranda, profil siswa,

kelas, isi kelas, jadwal pelajaran, absensi siswa, kegiatan

ekstrakurikuler, absensi ekstrakurikuler dan ubah password.

5. Selesai.

10. Activity Diagram Kelola Data Nilai

Activity Diagram Kelola Data Nilai dapat dilihat pada gambar 5.11.

Gambar 5.11 Activity Diagram Kelola Data Nilai

Berdasarkan gambar 5.11 dapat dijelaskan bahwa:

1. Mulai.

2. Siswa memilih kelas, mapel/guru dan semester dan sistem akan

menampilkan data nilai.

3. Selesai.

11. Activity Diagram Kelola Data Absensi Siswa

Activity Diagram Kelola Data Absensi Siswa dapat dilihat pada

gambar 5.12.

Page 73: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

49

Gambar 5.12 Activity Diagram Kelola Data Absensi Siswa

Berdasarkan gambar 5.12 dapat dijelaskan bahwa:

1. Mulai.

2. Siswa memilih kelas dan tanggal kemudian sistem menampilkan

data absensi.

3. Selesai.

12. Activity Diagram Kelola Data Kegiatan Ekstrakurikuler

Activity Diagram Kelola Data Kegiatan Ekstrakurikuler dapat

dilihat pada gambar 5.13.

Gambar 5.13 Activity Diagram Kelola Data Kegiatan Ekstrakurikuler

Page 74: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

50

Berdasarkan gambar 5.13 dapat dijelaskan bahwa:

1. Mulai.

2. Siswa mengunjungi halaman kegiatan ekstrakurikuler adapun

sistem dapat menampilkan kegiatan ekstrakurikuler dan absensi

ekstrakurikuler.

3. Selesai.

13. Activity Diagram Login Kaprodi TKJ

Activity Diagram Login Kaprodi TKJ dapat dilihat pada gambar 5.14.

Gambar 5.14 Activity Diagram Login Kaprodi TKJ

Berdasarkan gambar 5.14 dapat dijelaskan bahwa:

1. Mulai

2. Kaprodi TKJ mengisi form login, apabila benar maka ke menu

utama jika salah kembali mengisi form login.

3. Adapun di dalam menu utama terdapat : beranda, data siswa, data

guru, data mata pelajaran, data ajar, data kelas, data isi kelas, data

Page 75: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

51

jadwal pelajaran, data absensi guru, data pengumuman dan ubah

password.

4. Selesai.

14. Activity Diagram Kelola Data Siswa

Activity Diagram Kelola Data Siswa dapat dilihat pada gambar

5.15.

Gambar 5.15 Activity Diagram Kelola Data Siswa

Page 76: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

52

Berdasarkan gambar 5.15 dapat dijelaskan bahwa:

1. Mulai

2. Kaprodi TKJ ke halaman data siswa.

3. Pada halaman data siswa terdapat kegiatan siswa: lihat data siswa,

input data siswa, edit data siswa, aktifkan siswa, jadikan alumni.

4. Selesai.

15. Activity Diagram Kelola Data Guru

Activity Diagram Kelola Data Guru dapat dilihat pada gambar

5.16.

Gambar 5.16 Activity Diagram Kelola Data Guru

Page 77: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

53

Berdasarkan gambar 5.16 dapat dijelaskan bahwa:

1. Mulai

2. Kaprodi TKJ pada halaman Data guru.

3. Dapat melakukan kegiatan: lihat data guru, input data guru dan edit

data guru.

4. Selesai.

16. Activity Diagram Kelola Data Mata Pelajaran

Activity Diagram Kelola Data Mata Pelajaran dapat dilihat pada

gambar 5.17.

Gambar 5.17 Activity Diagram Kelola Data Mata Pelajaran

Page 78: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

54

Berdasarkan gambar 5.17 dapat dijelaskan bahwa:

1. Mulai

2. Kaprodi TKJ mengakses data mata pelajaran.

3. Adapun kegiatan yang terdapat pada mata pelajaran: lihat data mata

pelajaran, input data mata pelajaran dan edit data mata pelajaran.

4. Selesai.

17. Activity Diagram Kelola Data Ajar

Activity Diagram Kelola Data Ajar dapat dilihat pada gambar

5.18.

Gambar 5.18 Activity Diagram Kelola Data Ajar

Page 79: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

55

Berdasarkan gambar 5.18 dapat dijelaskan bahwa:

1. Mulai.

2. Kaprodi TKJ mengakses data ajar.

3. Adapun kegiatan yang dapat dilakukan kaprodi TKJ pada data ajar:

lihat data ajar, input data ajar dan edit data ajar.

4. Selesai.

18. Activity Diagram Kelola Data Kelas

Activity Diagram Kelola Data Kelas dapat dilihat pada gambar

5.19.

Gambar 5.19 Activity Diagram Kelola Data Kelas

Page 80: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

56

Berdasarkan gambar 5.19 dapat dijelaskan bahwa:

1. Mulai.

2. Kaprodi TKJ dapat mengakses data kelas.

3. Adapun kegiatan yang dapat dilakukan Kaprodi TKJ : lihat data

kelas, input data kelas dan edit data kelas.

4. Selesai.

19. Activity Diagram Kelola Data Isi Kelas

Activity Diagram Kelola Data Isi Kelas dapat dilihat pada gambar

5.20.

Gambar 5.20 Activity Diagram Kelola Data Isi Kelas

Page 81: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

57

Berdasarkan gambar 5.20 dapat dijelaskan bahwa:

1. Mulai.

2. Kaprodi TKJ mengakses data isi kelas.

3. Adapun kegiatan admin pada data isi kelas: lihat data isi kelas,

input data isi kelas dan hapus data isi kelas.

4. Selesai.

20. Activity Diagram Kelola Data Jadwal

Activity Diagram Kelola Data Jadwal dapat dilihat pada gambar

5.21.

Gambar 5.21 Activity Diagram Kelola Data Jadwal

Page 82: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

58

Berdasarkan gambar 5.21 dapat dijelaskan bahwa:

1. Mulai.

2. Kaprodi TKJ mengakses data jadwal pelajaran.

3. Adapun kegiatan yang dilakukan Kaprodi TKJ sebagai berikut:

lihat data jadwal pelajaran, input data jadwal pelajaran dan hapus

data jadwal pelajaran.

4. Selesai

21. Activity Diagram Kelola Data Absensi Guru

Activity Diagram Kelola Data Absensi Guru dapat dilihat pada

gambar 5.22.

Gambar 5.22 Activity Diagram Kelola Data Absensi Guru

Page 83: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

59

Berdasarkan gambar 5.22 dapat dijelaskan bahwa:

1. Mulai.

2. Kaprodi TKJ dapat mengakses data absensi guru.

3. Adapun kegiatan yang dapat dilakukan oleh kaprodi TKJ: lihat data

absensi guru, input data absensi guru dan edit data absensi guru.

4. Selesai.

22. Activity Diagram Kelola Data Pengumuman

Activity Diagram Kelola Data Pengumuman dapat dilihat pada

gambar 5.23.

Gambar 5.23 Activity Diagram Kelola Data Pengumuman

Page 84: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

60

Berdasarkan gambar 5.23 dapat dijelaskan bahwa:

1. Mulai.

2. Kaprodi TKJ dapat mengakses data pengumuman.

3. Adapun kegiatan yang dapat dilakukan Kaprodi TKJ pada data

pengumaman: lihat data pengumuman, input data pengumuman dan

edit data pengumuman.

4. Selesai.

23. Activity Diagram Kelola Data Pendaftaran Siswa

Activity Diagram Kelola Data Pendaftaran Siswa dapat dilihat

pada gambar 5.24.

Gambar 5.24 Activity Diagram Kelola Data Pendaftaran Siswa

Berdasarkan gambar 5.24 dapat dijelaskan bahwa:

1. Mulai.

2. Siswa input data dirinya.

3. Data siswa disimpan dalam sistem.

Page 85: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

61

4. Siswa menunggu datanya diverifikasi oleh Kaprodi TKJ

5. Kaprodi TKJ verifikasi data siswa maka siswa mendapat akses, jika

tidak siswa tetap menunggu diverifikasi.

5.1.1.3.3. Class Diagram

Class Diagram digunakan untuk menggambarkan struktur dan

mendeskripsikan sebuah class dan juga hubungan antara class. Class

Diagram yang disertakan sebagai berikut.

Gambar 5.25 Class Diagram

Page 86: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

62

5.1.1.3.4. Sequence Diagram

Sequence Diagram digunakan untuk menjelaskan rangkaian

pesan yang dikirim antara object juga interaksi antara object. Adapun

gambaran sequence diagram sebagai berikut:

1. Sequence Diagram Input Data Buku

Berikut Sequence Diagram Input Data Buku dapat dilihat

pada Gambar 5.26.

Gambar 5.26 Sequence Diagram Input Data Buku

2. Sequence Diagram Edit Data Buku

Berikut Sequence Diagram Edit Data Buku dapat dilihat pada

Gambar 5.27.

Page 87: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

63

Gambar 5.27 Sequence Diagram Edit Data Buku

3. Sequence Diagram Input Data Peminjaman

Berikut Sequence Diagram Input Data Peminjaman dapat

dilihat pada Gambar 5.28.

Gambar 5.28 Sequence Diagram Input Data Peminjaman

Page 88: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

64

4. Sequence Diagram Edit Data Peminjaman

Berikut Sequence Diagram Edit Data Peminjaman dapat

dilihat pada Gambar 5.29.

Gambar 5.29 Sequence Diagram Edit Data Peminjaman

5. Sequence Diagram Input Data Pengembalian

Berikut Sequence Diagram Input Data Pengembalian dapat

dilihat pada Gambar 5.30.

Page 89: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

65

Gambar 5.30 Sequence Diagram Input Data Pengembalian

6. Sequence Diagram Edit Data Pengembalian

Berikut Sequence Diagram Edit Data Pengembalian dapat

dilihat pada Gambar 5.31.

Gambar 5.31 Sequence Diagram Edit Data Pengembalian

Page 90: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

66

7. Sequence Diagram Input Data Nilai

Berikut Sequence Diagram Input Data Nilai dapat dilihat

pada Gambar 5.32.

Gambar 5.32 Sequence Diagram Input Data Nilai

8. Sequence Diagram Input Data Absensi Siswa

Berikut Sequence Diagram Input Data Absensi Siswa dapat

dilihat pada Gambar 5.33.

Gambar 5.33 Sequence Diagram Input Data Absensi Siswa

Page 91: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

67

9. Sequence Diagram Input Data Absensi Ekstrakurikuler

Berikut Sequence Diagram Input Data Absensi

Ekstrakurikuler dapat dilihat pada Gambar 5.34.

Gambar 5.34 Sequence Diagram Input Data Absensi Ekstrakurikuler

10. Sequence Diagram Input Data Siswa

Berikut Sequence Diagram Input Data Siswa dapat dilihat

pada Gambar 5.35.

Page 92: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

68

Gambar 5.35 Sequence Diagram Input Data Siswa

11. Sequence Diagram Edit Data Siswa

Berikut Sequence Diagram Edit Data Siswa dapat dilihat

pada Gambar 5.36.

Gambar 5.36 Sequence Diagram Edit Data Siswa

Page 93: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

69

12. Sequence Diagram Input Data Guru

Berikut Sequence Diagram Input Data Guru dapat dilihat

pada Gambar 5.37.

Gambar 5.37 Sequence Diagram Input Data Guru

13. Sequence Diagram Edit Data Guru

Berikut Sequence Diagram Edit Data Guru dapat dilihat pada

Gambar 5.38.

Page 94: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

70

Gambar 5.38 Sequence Diagram Edit Data Guru

14. Sequence Diagram Input Data Mata Pelajaran

Berikut Sequence Diagram Input Data Mata Pelajaran dapat

dilihat pada Gambar 5.39.

Gambar 5.39 Sequence Diagram Input Data Mata Pelajaran

Page 95: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

71

15. Sequence Diagram Edit Data Mata Pelajaran

Berikut Sequence Diagram Edit Data Mata Pelajaran dapat

dilihat pada Gambar 5.40.

Gambar 5.40 Sequence Diagram Edit Data Mata Pelajaran

16. Sequence Diagram Input Data Ajar

Berikut Sequence Diagram Input Data Ajar dapat dilihat pada

Gambar 5.41.

Gambar 5.41 Sequence Diagram Input Data Ajar

Page 96: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

72

17. Sequence Diagram Edit Data Ajar

Berikut Sequence Diagram Edit Data Ajar dapat dilihat pada

Gambar 5.42.

Gambar 5.42 Sequence Diagram Edit Data Ajar

18. Sequence Diagram Input Data Kelas

Berikut Sequence Diagram Input Data Kelas dapat dilihat

pada Gambar 5.43.

Gambar 5.43 Sequence Diagram Input Data Kelas

Page 97: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

73

19. Sequence Diagram Edit Data Kelas

Berikut Sequence Diagram Edit Data Kelas dapat dilihat

pada Gambar 5.44.

Gambar 5.44 Sequence Diagram Edit Data Kelas

20. Sequence Diagram Input Data Isi Kelas

Berikut Sequence Diagram Input Data Isi Kelas dapat dilihat

pada Gambar 5.45.

Page 98: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

74

Gambar 5.45 Sequence Diagram Input Data Isi Kelas

21. Sequence Diagram Hapus Data Isi Kelas

Berikut Sequence Diagram Hapus Data Isi Kelas dapat

dilihat pada Gambar 5.46.

Gambar 5.46 Sequence Diagram Hapus Data Isi Kelas

Page 99: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

75

22. Sequence Diagram Input Data Jadwal Pelajaran

Berikut Sequence Diagram Input Data Jadwal Pelajaran dapat

dilihat pada Gambar 5.47.

Gambar 5.47 Sequence Diagram Input Data Jadwal Pelajaran

23. Sequence Diagram Hapus Data Jadwal Pelajaran

Berikut Sequence Diagram Hapus Data Jadwal Pelajaran

dapat dilihat pada Gambar 5.48.

Gambar 5.48 Sequence Diagram Hapus Data Jadwal Pelajaran

Page 100: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

76

24. Sequence Diagram Input Data Absensi Guru

Berikut Sequence Diagram Input Data Absensi Guru dapat

dilihat pada Gambar 5.49.

Gambar 5.49 Sequence Diagram Input Data Absensi Guru

25. Sequence Diagram Edit Data Absensi Guru

Berikut Sequence Diagram Edit Data Absensi Guru dapat

dilihat pada Gambar 5.50.

Gambar 5.50 Sequence Diagram Edit Data Absensi Guru

Page 101: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

77

26. Sequence Diagram Input Data Pengumuman

Berikut Sequence Diagram Input Data Pengumuman dapat

dilihat pada Gambar 5.51.

Gambar 5.51 Sequence Diagram Input Data Pengumuman

27. Sequence Diagram Edit Data Pengumuman

Berikut Sequence Diagram Edit Data Pengumuman dapat

dilihat pada Gambar 5.52.

Gambar 5.52 Sequence Diagram Edit Data Pengumuman

Page 102: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

78

28. Sequence Diagram Aktivasi Siswa

Berikut Sequence Diagram Aktivasi Siswa dapat dilihat pada

Gambar 5.53.

Gambar 5.53 Sequence Diagram Aktivasi siswa

5.1.1.3.5. Entity Relationship Diagram (ERD)

Entity Relationship Diagram untuk mendeskripsikan dari class

diagram adapun gambar 5.54 sebagai berikut:

Page 103: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

79

Gambar 5.54 Entity Relationship Diagram

5.1.2 Elaboration (Perluasan / Perencanaan)

Elaboration adalah fase kedua dari metode Rational Unified Process.

Pada tahap ini peneliti melakukan desain interface, Adapun desain interface

sebagai berikut :

5.1.2.1 Desain Interface

1. Desain Halaman Utama

Desain halaman utama berfungsi sebagai tampilan awal.

Tampilan desain halaman utama website dapat dilihat pada gambar

5.55.

Page 104: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

80

Gambar 5.55 Desain Halaman Utama

2. Desain Halaman Login

Desain halaman login berfungsi sebagai tampilan untuk

mengakses backend data. Tampilan desain halaman login dapat dilihat

pada gambar 5.56.

Gambar 5.56 Desain Halaman Login

3. Desain Halaman Pengumuman

Desain halaman pengumuman berfungsi untuk melihat

pengumuman. Tampilan desain halaman pengumuman dapat dilihat

pada gambar 5.57.

Page 105: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

81

Gambar 5.57 Desain Halaman Pengumuman

4. Desain Halaman Detail Pengumuman

Tampilan desain halaman detail pengumuman dapat dilihat pada

gambar 5.58.

Gambar 5.58 Desain Halaman Detail Pengumuman

5. Desain Halaman Tentang SMK Utama Bakti

Tampilan desain halaman tentang SMK Utama Bakti dapat dilihat

pada gambar 5.59.

Page 106: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

82

Gambar 5.59 Desain Halaman Tentang SMK Utama Bakti

6. Desain Halaman Pendaftaran Online Siswa

Tampilan desain halaman pendaftaran online siswa dapat dilihat

pada gambar 5.60.

Gambar 5.60 Desain Halaman Pendaftaran Online Siswa

7. Desain Halaman Beranda Kaprodi TKJ

Tampilan desain halaman beranda Kaprodi TKJ dapat dilihat pada

gambar 5.61.

Page 107: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

83

Gambar 5.61 Desain Halaman Beranda Kaprodi TKJ

8. Desain Halaman Data Siswa

Tampilan desain halaman data siswa dapat dilihat pada gambar 5.62.

Gambar 5.62 Desain Halaman Data Siswa

8. Desain Halaman Data Guru

Tampilan desain halaman data guru dapat dilihat pada gambar 5.63.

Page 108: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

84

Gambar 5.63 Desain Halaman Data Guru

9. Desain Halaman Data Mata Pelajaran

Tampilan desain halaman data mata pelajaran dapat dilihat pada

gambar 5.64.

Gambar 5.64 Halaman Data Mata Pelajaran

10. Desain Halaman Data Ajar

Tampilan desain halaman data ajar dapat dilihat pada gambar 5.65.

Page 109: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

85

Gambar 5.65 Desain Halaman Data Ajar

11. Desain Halaman Data Kelas

Tampilan desain halaman data kelas dapat dilihat pada gambar 5.66.

Gambar 5.66 Desain Halaman Data Kelas

12. Desain Halaman Data Isi Kelas

Tampilan desain halaman data isi kelas dapat dilihat pada gambar 5.67.

Page 110: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

86

Gambar 5.67 Desain Halaman Data Isi Kelas

13. Desain Halaman Data Jadwal

Tampilan desain halaman data jadwal dapat dilihat pada gambar 5.68.

Gambar 5.68 Desain Halaman Data Jadwal

14. Desain Halaman Data Absensi Guru

Tampilan desain halaman data absensi guru dapat dilihat pada

gambar 5.69.

Page 111: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

87

Gambar 5.69 Desain Halaman Data Absensi Guru

15. Desain Halaman Data Pengumuman

Tampilan desain halaman data pengumuman dapat dilihat pada

gambar 5.70.

Gambar 5.70 Desain Halaman Data Pengumuman

16. Desain Halaman Ubah Password

Tampilan desain halaman ubah password dapat dilihat pada

gambar 5.71.

Page 112: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

88

Gambar 5.71 Desain Halaman Ubah Password

17. Desain Halaman Beranda Guru

Tampilan desain halaman beranda guru dapat dilihat pada gambar

5.72.

Gambar 5.72 Desain Halaman Beranda Guru

18. Desain Halaman Detail Guru

Tampilan desain halaman detail guru dapat dilihat pada gambar 5.73.

Page 113: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

89

Gambar 5.73 Desain Halaman Detail Guru

19. Desain Halaman Data Kelas

Tampilan desain halaman data kelas dapat dilihat pada gambar 5.74.

Gambar 5.74 Desain Halaman Data Kelas

20. Desain Halaman Absensi Siswa

Tampilan desain halaman absensi siswa dapat dilihat pada gambar

5.75.

Page 114: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

90

Gambar 5.75 Desain Halaman Absensi Siswa

21. Desain Halaman Absensi Guru

Tampilan desain halaman absensi guru dapat dilihat pada gambar 5.76.

Gambar 5.76 Desain Halaman Absensi Guru

22. Desain Halaman Data Nilai

Tampilan desain halaman data nilai dapat dilihat pada gambar 5.77.

Page 115: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

91

Gambar 5.77 Desain Halaman Data Nilai

23. Desain Halaman Data Kegiatan Ekstrakurikuler

Tampilan desain halaman data kegiatan ekstrakurikuler dapat

dilihat pada gambar 5.78.

Gambar 5.78 Desain Halaman Data Kegiatan Ekstrakurikuler

24. Desain Halaman Ubah Password

Tampilan desain halaman ubah password dapat dilihat pada gambar

5.79.

Page 116: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

92

Gambar 5.79 Desain Halaman Ubah Password

25. Desain Halaman Beranda Siswa

Tampilan desain halaman beranda siswa dapat dilihat pada gambar

5.80.

Gambar 5.80 Desain Halaman Beranda Siswa

26. Desain Halaman Detail Siswa

Tampilan desain halaman detail siswa dapat dilihat pada gambar 5.81.

Page 117: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

93

Gambar 5.81 Desain Halaman Detail Siswa

27. Desain Halaman Data Kelas

Tampilan desain halaman data kelas dapat dilihat pada gambar 5.82.

Gambar 5.82 Desain Halaman Data Kelas

28. Desain Halaman Data Absensi Siswa

Tampilan desain halaman data absensi siswa dapat dilihat pada

gambar 5.83.

Page 118: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

94

Gambar 5.83 Desain Halaman Data Absensi Siswa

29. Desain Halaman Data Nilai Siswa

Tampilan desain halaman data nilai siswa dapat dilihat pada

gambar 5.84.

Gambar 5.84 Desain Halaman Data Nilai Siswa

30. Desain Halaman Kegiatan Ekstrakurikuler

Tampilan desain halaman kegiatan ekstrakurikuler dapat dilihat

pada gambar 5.85.

Page 119: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

95

Gambar 5.85 Desain Halaman Kegiatan Ekstrakurikuler

31. Desain Halaman Beranda Petugas Perpustakaan

Tampilan desain halaman beranda petugas perpustakaan dapat

dilihat pada gambar 5.86.

Gambar 5.86 Desain Halaman Beranda Petugas Perpustakaan

32. Desain Halaman Data Buku

Tampilan desain halaman data buku dapat dilihat pada gambar 5.87.

Page 120: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

96

Gambar 5.87 Desain Halaman Data Buku

33. Desain Halaman Peminjaman Buku

Tampilan desain halaman peminjaman buku dapat dilihat pada

gambar 5.88.

Gambar 5.88 Desain Halaman Peminjaman Buku

34. Desain Halaman Pengembalian Buku

Tampilan desain halaman pengembalian buku dapat dilihat pada

gambar 5.89.

Page 121: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

97

Gambar 5.89 Desain Halaman Pengembalian Buku

5.1.3 Construction (Kontruksi)

Contruction adalah fase ke tiga dari metode RUP (Rational Unified

Process). Pada tahap ini peneliti melakukan pengkodean serta pengujian.

Pengujian sistem yang dilakukan menggunakan pengujian Black Box

Testing.

5.1.3.1 Pengkodean

Dalam tahap pengkodean ini penulis mulai melakukan implementasi

dari hasil perancangan sebelumnya. Yang pertama dengan cara melakukan

coding untuk bagian backend dari aktor-aktor seperti : Kaprodi TKJ, guru,

siswa dan petugas perpustakaan. Lalu membuat frontend dari website

untuk menampilkan pengumuman-pengumuman. Penulis menggunakan

framework codeigniter yang berguna untuk mendesain tampilan dalam

website.

Page 122: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

98

5.1.3.2 Pengujian

Pengujian sistem yang dilakukan menggunakan pengujian Black Box

Testing. Berikut adalah hasil pengujian Rancang Bangun Sistem Informasi

Pada SMK Utama Bakti Palembang dengan Metode Rational Unified

Process menggunakan Black Box Testing, yang dapat dilihat pada tabel

5.1.

Tabel 5.1. Tabel Hasil Pengujian

No Nama Modul Jenis unit yang di uji Hasil test

1.

Form menu

login

Username Sukses

Password Sukses

2.

Menu Kaprodi

TKJ

Beranda Sukses

Mengelola data siswa Sukses

Mengelola data guru Sukses

Mengelola data mata pelajaran Sukses

Mengelola data ajar Sukses

Mengelola data kelas Sukses

Mengelola data isi kelas Sukses

Mengelola data jadwal pelajaran Sukses

Mengelola data absensi guru Sukses

Mengelola data pengumuman Sukses

3. Menu Guru

Mengelola data nilai siswa Sukses

Mengelola data absensi siswa Sukses

Mengelola data ekstrakurikuler Sukses

Page 123: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

99

No Nama Modul Jenis unit yang di uji Hasil test

Melihat data jadwal pelajaran Sukses

4. Menu Siswa

Melihat data nilai Sukses

Melihat data ekstrakurikuler Sukses

Melihat data jadwal pelajaran Sukses

5.

Menu Petugas

Perpustakaan

Mengelola data buku Sukses

Mengelola data peminjaman

buku

Sukses

Mengelola data pengembalian

buku

Sukses

5.1.3.3 Hasil Pembangunan Sistem

Pada pembangunan sistem ini akan menghasilkan produk perangkat

lunak, peneliti melakukan implementasi interface dari desain interface

yang telah dibuat pada fase kedua RUP sebelumnya. Berikut adalah hasil

dari pembangunan sistem :

1. Tampilan Halaman Utama

Halaman Utama Website berfungsi sebagai tampilan untuk

melihat tampilan awal. Tampilan halaman utama website dapat dilihat

pada gambar 5.90.

Page 124: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

100

Gambar 5.90 Tampilan Halaman Utama

2. Tampilan Halaman Data Absensi Guru

Halaman data absensi guru yang berfungsi sebagai absensi guru

yang dikelola oleh Kaprodi TKJ dan di cetak dalam bentuk file pdf

dapat dilihat pada gambar 5.91.

Gambar 5.91 Tampilan Halaman Data Absensi Guru

Page 125: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

101

3. Tampilan Halaman Data Ajar

Halaman data ajar yang berfungsi untuk menentukan kapan guru

harus mengajar dan dikelola oleh Kaprodi TKJ adapun gambar dapat

dilihat pada 5.92.

Gambar 5.92 Tampilan Halaman Data Ajar

4. Tampilan Halaman Data Guru

Halaman tampilan data guru yang berisikan nip, nama guru,

alamat, jabatan yang dikelola oleh Kaprodi TKJ dapat dilihat pada

gambar 5.93.

Page 126: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

102

Gambar 5.93 Tampilan Halaman Data Guru

5. Tampilan Halaman Data Kelas

Halaman data kelas yang berisikan guru wali kelas, kelas dan

tahun ajaran gambar dapat dilihat pada 5.94.

Gambar 5.94 Tampilan Halaman Data Kelas

Page 127: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

103

6. Tampilan Halaman Data Mata Pelajaran

Halaman data mata pelajaran berisikan mata pelajaran yang

dikelola oleh Kaprodi TKJ gambar dapat dilihat pada 5.95.

Gambar 5.95 Tampilan Halaman Data Mata Pelajaran

7. Tampilan Halaman Data Pengumuman

Halaman data pengumuman yang berisikan kategori, tanggal,

judul dan isi pengumuman gambar dapat dilihat 5.96.

Gambar 5.96 Tampilan Halaman Pengumuman

Page 128: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

104

8. Tampilan Halaman Data Siswa

Halaman data siswa yang berisikan nama siswa, alamat,

tempat/tanggal lahir dan aksi gambar dapat dilihat 5.97.

Gambar 5.97 Tampilan Halaman Data Siswa

9. Tampilan Halaman Data Ubah Password

Halaman data ubah password berfungsi untuk mengubah

password setelah melakukan konfirmasi gambar dapat dilihat pada 5.98.

Gambar 5.98 Tampilan Halaman Ubah Password

Page 129: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

105

10. Tampilan Halaman Absensi Ekstrakulikuler

Halaman absensi ekstrakulikuler yang berisikan nis dan nama

siswa yang dikelola oleh guru gambar dapat dilihat pada 5.99.

Gambar 5.99 Tampilan Halaman Absensi Ekstrakulikuler

11. Tampilan Halaman Data Absensi Guru

Halaman data absensi guru yang berisikan tanggal absensi guru

dan dapat didownload gambar dapat dilihat pada 5.100.

Gambar 5.100 Tampilan Halaman Absensi Guru

Page 130: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

106

12. Tampilan Halaman Data Absensi Siswa

Halaman data absensi siswa berisikan pilih kelas, pilih tanggal,

lihat absensi, dapat memberikan keterangan siswa dan simpan absensi

siswa gambar dapat dilihat pada 5.101.

Gambar 5.101 Tampilan Halaman Absensi Siswa

13. Tampilan Halaman Data Isi Kelas

Halaman data isi kelas yang berisikan nis dan nama siswa dapat

dilihat pada gambar 5.102.

Gambar 5.102 Tampilan Halaman Data Isi Kelas

Page 131: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

107

14. Tampilan Halaman Data Jadwal

Halaman data jadwal yang berisikan hari kapan guru mengajar

dan mata pelajaran yang harus diajar gambar dapat dilihat pada 5.103.

Gambar 5.103 Tampilan Halaman Data Jadwal

15. Tampilan Halaman Data Kelas

Halaman data kelas yang berisikan guru wali kelas, kelas dan

tahun ajaran gambar dapat dilihat pada 5.104.

Gambar 5.104 Tampilan Halaman Data Kelas

Page 132: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

108

16. Tampilan Halaman Data Nilai

Halaman data nilai yang berisikan pilih kelas, pilih mata

pelajaran guru, pilih semester, lihat nilai, nis nama siswa, nilai,

simpan nilai siswa gambar dapat dilihat pada 5.105.

Gambar 5.105 Tampilan Halaman Data Nilai

17. Tampilan Halaman Data Profil Guru

Halaman data profile guru menampilkan identitas guru berupa :

nip, nama guru, alamat, jabatan, pendidikan, tamat, keterangan

gambar dapat dilihat pada 5.106.

Page 133: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

109

Gambar 5.106 Tampilan Halaman Profil Guru

18. Tampilan Halaman Kegiatan Ekstrakulikuler

Halaman kegiatan ekstrakulikuler berisikan guru, tanggal,

kegiatan ekstrakulikuler dan absensi ekstrakulikuler gambar dapat

dilihat pada 5.107.

Gambar 5.107 Tampilan Halaman Kegiatan Ekstrakulikuler

Page 134: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

110

19. Tampilan Halaman Absensi Siswa

Halaman absensi siswa terdapat nis dan nama apabila siswa

ingin melihat maka pilih kelas dan pilih tanggal lalu lihat absensi

dilihat pada 5.108.

Gambar 5.108 Tampilan Halaman absensi siswa

20. Tampilan Halaman Data Isi Kelas

Halaman data isi kelas berisikan nis dan nama siswa agar siswa

dapat mengetahui isi kelas gambar dapat dilihat pada 5.109.

Gambar 5.109 Tampilan Halaman Data Isi Kelas

Page 135: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

111

21. Tampilan Halaman Data Jadwal

Halaman data jadwal berisikan hari, nip guru, nama pengajar

beserta gelar dan mata pelajaran gambar dapat dilihat pada 5.110.

Gambar 5.110 Tampilan Halaman Data Jadwal

22. Tampilan Halaman Data Kelas

Halaman data kelas berisikan guru wali kelas, kelas dan tahun

ajaran serta data isi kelas dan data isi jadwal gambar dapat dilihat pada

5.111.

Page 136: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

112

Gambar 5.111 Tampilan Halaman Data Kelas

23. Tampilan Halaman Nilai Siswa

Halaman data nilai pilih kelas, lalu pilih mata pelajaran-guru,

pilih semester, dan klik lihat nilai maka nilai akan muncul lalu

setelah itu lakukan input nilai seperti digambar dapat dilihat pada

5.112.

Gambar 5.112 Tampilan Halaman Nilai Siswa

Page 137: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

113

24. Tampilan Halaman Kegiatan Eksktrakulikuler

Halaman kegiatan ekstrakulikuler berisikan guru, tanggal dan

kegiatan ekstrakulikuler gambar dapat dilihat pada 5.113.

Gambar 5.113 Tampilan Halaman Kegiatan Ekstrakulikuler

25. Tampilan Halaman Profil Siswa

Halaman Profil siswa berisikan nis, nama siswa, tempat lahir,

tanggal lahir, email dan status apabila tidak aktif menjadi alumni

gambar dapat dilihat pada 5.114.

Page 138: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

114

Gambar 5.114 Tampilan Halaman Profil Siswa

5.1.4. Transition (Transisi)

Transition merupakan tahap terakhir dari RUP (Rational Unified

Process), dimana pada tahap ini akan menghasilkan produk perangkat

lunak. Pada tahap ini peneliti melakukan tahap hosting, pengujian beta,

sosialisasi ke SMK Utama Bakti dan dilakukan pemeliharaan terhadap

sistem.

Page 139: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

115

BAB VI

PENUTUP

6.1. Simpulan

Berdasarkan hasil penelitian yang telah di lakukan oleh peniliti

dengan judul “Rancangan Bangun Sistem Informasi Pada SMK Utama

Bakti Palembang Dengan Metode Rational Unified Process”, maka dari

itu peneliti mendapatkan kesimpulan bahwa Website Sistem Informasi

tersebut telah memiliki fitur dan fungsi untuk melakukan pengolahan data

seperti data akademik: data siswa, data guru, data mata pelajaran, data ajar,

data jadwal pelajaran, data kelas, data isi kelas, data nilai siswa, data

absensi siswa, data absensi guru (upload PDF) dan data pengumuman,

adapun pada non akademik: data buku, peminjaman buku khusus siswa,

pengembalian buku khusus siswa, data jenis ekstrakulikuler, data kegiatan

ekstrakulikuler dan data absensi ekstrakulikuler. Semua data tersebut

diproses dan tersimpan di database, sehingga dapat mempermudah guru,

siswa dan petugas perpustakaan dalam pengolahan dan memanajemen data

akademik dan non akademik sehingga lebih mempersingkat waktu dalam

pencarian data.

Page 140: RANCANG BANGUN SISTEM INFORMASI PADA SMK UTAMA …library.palcomtech.com/pdf/6436.pdf · kementerian riset, teknologi dan pendidikan tinggi sekolah tinggi manajemen informatika dan

116

6.2. Saran

Berdasarkan dalam penelitian tersebut maka dapat dihasilkan saran

sebagai berikut :

1. Website Sistem Informasi Pada SMK Utama Bakti Palembang

Dengan Metode Rational Unified Process yang penulis buat supaya

bisa dikembangkan lebih baik lagi dalam berbagai hal seperti

dikembangkan sebagai aplikasi berbasis android.

2. Dari segi tampilan website dapat diperbarui dengan warna ataupun

tampilan background agar terlihat lebih menarik dari sebelumnya.