rancang bangun sistem informasi akademik lembaga …

75
RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA KURSUS BERBASIS WEB PADA OHAYO DRAWING SCHOOL BATAM SKRIPSI Oleh: Ikhwan Sulestra 171510077 PRODI SISTEM INFORMASI FAKULTAS TEKNIK DAN KOMPUTER UNIVERSITAS PUTERA BATAM TAHUN 2021

Upload: others

Post on 05-Oct-2021

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

RANCANG BANGUN SISTEM INFORMASI

AKADEMIK LEMBAGA KURSUS BERBASIS WEB

PADA OHAYO DRAWING SCHOOL BATAM

SKRIPSI

Oleh:

Ikhwan Sulestra

171510077

PRODI SISTEM INFORMASI

FAKULTAS TEKNIK DAN KOMPUTER

UNIVERSITAS PUTERA BATAM

TAHUN 2021

Page 2: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

RANCANG BANGUN SISTEM INFORMASI

AKADEMIK LEMBAGA KURSUS BERBASIS WEB

PADA OHAYO DRAWING SCHOOL BATAM

SKRIPSI

Untuk memenuhi salah satu syarat

Memperoleh gelar sarjana

Oleh:

Ikhwan Sulestra

171510077

PRODI SISTEM INFORMASI

FAKULTAS TEKNIK DAN KOMPUTER

UNIVERSITAS PUTERA BATAM

TAHUN 2021

Page 3: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

i

Page 4: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

ii

RANCANG BANGUN SISTEM INFORMASI

AKADEMIK LEMBAGA KURSUS BERBASIS WEB

PADA OHAYO DRAWING SCHOOL BATAM

SKRIPSI

Untuk memenuhi salah satu syarat

Memperoleh gelar sarjana

Oleh :

Ikhwan Sulestra

171510077

Telah disetujui oleh pembimbing pada tanggal

Seperti yang tertera dibawah ini

Batam,

Tukino, S.Kom., M.SI.

Pembimbing

Page 5: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

iii

ABSTRAK

Teknologi dan informasi merupakan solusi yang paling efektif untuk

menyelesaikan berbagai permasalahan terutama di dalam organisasi baik kecil

maupun besar. Kehadiran teknologi bukanlah untuk menggantikan pekerjaan

manusia melainkan dapat membantu dan mempermudah semua pekerjaan yang

terjadi dalam sebuah organisasi. Sistem informasi akademik lembaga kursus yang

dibangun dapat membantu pihak lembaga kursus dalam memanajemen data dan

penyampaian informasi yang lebih baik melalui website resmi serta mempermudah

proses pendaftaran, absensi, pembuatan laporan dan lainlain. Metode pengumpulan

data yang dilakukan yaitu dengan menggunakan teknik observasi, studi pustaka,

dan wawancara. metode perancangan sistem yang digunakan yaitu waterfall

dimana tahapan-tahapannya yaitu perencanaan, analisis, perancangan, dan

pengujian sistem. Perancangan website menggunakan framework CodeIgniter 4,

Bootstrap 4, dan MySQL untuk mempersingkat waktu dengan hasil yang

memuaskan. Dengan pembangunan sistem informasi ini diharapkan dapat menjadi

solusi bagi permasalahan yang dihadapi pada lembaga kursus ohayo drawing school

dalam menyampaikan informasi, memanajemen data, dan fiturfitur lainnya.

Kata kunci : Sistem Informasi Akademik, Lembaga kursus, Codeigniter 4,

Bootstrap 4, Website, PHP, MySQL.

Page 6: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

iv

ABSTRACT

Technology and information are the most effective solutions to solve various

problems, especially in organizations both small and large. The presence of

technology is not to replace human work but can help and facilitate all work that

occurs in an organization. The academic information system of the course

institution that was built can help the course institution in better data management

and delivery of information through the official website and simplify the

registration process, attendance, report making and others. The data collection

method used is by using observation, literature study, and interviews. the system

design method used is the waterfall where the stages are planning, analysis,

designing, and testing the system. Website design uses CodeIgniter 4, Bootstrap 4,

and MySQL framework to shorten the time with satisfactory results. With the

development of this information system is expected to be a solution to the problems

faced by the Ohayo Drawing School course institution in conveying information,

managing data, and other features.

Keywords: Academic Information Systems, Course Institute, Codeigniter 4,

Bootstrap 4, Website, PHP, MySQL.

Page 7: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

v

KATA PENGANTAR

Puji dan syukur saya limpahkan kepada Allah Subhanahu wa ta'ala yang telah

melimpahkan segala rahmat dan karuniaNya, sehingga penulis dapat

menyelesaikan laporan tugas akhir yang merupakan salah satu persyaratan untuk

menyelesaikan program studi Strata satu (S1) pada Program Studi Sistem Informasi

Universitas Putera Batam.

Penulis menyadari bahwa skripsi ini masih jauh dari sempurna. Karena itu,

kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala

keterbatasan, penulis menyadari pula bahwa skripsi ini takkan terwujud tanpa

bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala

kerendahan hati, penulis menyampaikan terima kasih kepada:

1. Ibu Dr. Nur Elfi Husda, S.Kom., M.SI. selaku Rektor Universitas Putera

Batam.

2. Bapak Muhammat Rasid Ridho, S.Kom., M.SI. selaku Ketua Program

Studi Sistem Informasi Universitas Putera Batam.

3. Bapak Tukino, S.Kom., M.SI. selaku pembimbing Skripsi pada

Program Studi Sistem Informasi Universitas Putera Batam.

4. Seluruh Dosen dan Staff Universitas Putera Batam.

5. Orangtua penulis yang selalu memberikan dukungan, dorongan dan

doa agar dapat menyelesaikan tugas akhir dengan baik.

6. Teman-teman yang telah berjuang bersama selama masa kuliah dan

memberi saran serta masukan kepada penulis.

Semoga Allah Subhanahu wa ta'ala membalas kebaikan dan selalu

mencurahkan hidayah serta taufik-Nya, Amin.

Batam, 04 Maret 2021

Ikhwan Sulestra

Page 8: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

vi

DAFTAR ISI

ABSTRAK ............................................................................................................ iii

ABSTRACT ........................................................................................................... iv

KATA PENGANTAR ........................................................................................... v

DAFTAR ISI ......................................................................................................... vi

DAFTAR GAMBAR .......................................................................................... viii

DAFTAR TABEL................................................................................................. xi

BAB I PENDAHULUAN ..................................................................................... 1

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

1.2. Identifikasi Masalah ................................................................................. 6

1.3. Pembatasan Masalah ................................................................................ 7

1.4. Perumusan Masalah .................................................................................. 7

1.5. Tujuan Penelitian ...................................................................................... 7

1.6. Manfaat Penelitian .................................................................................... 8

1.6.1. Manfaat teoritis ................................................................................. 8

1.6.2. Manfaat praktis.................................................................................. 8

BAB II TINJAUAN PUSTAKA ........................................................................ 10

2.1. Teori Umum ........................................................................................... 10

2.1.1. Sistem .............................................................................................. 10

2.1.2. Informasi ......................................................................................... 12

2.1.3. Sistem Informasi ............................................................................. 13

2.1.4. UML ................................................................................................ 15

2.2. Teori Khusus .......................................................................................... 36

2.2.1. Sistem informasi akademik ............................................................. 36

2.2.2. Website ............................................................................................ 37

2.2.3. CodeIgniter ...................................................................................... 40

2.2.4. Bootstrap ......................................................................................... 42

2.2.5. PHP ................................................................................................. 45

2.2.6. MySQL ............................................................................................ 46

BAB III METODE PENELITIAN ................................................................... 48

3.1. Disain Penelitian ..................................................................................... 48

3.2. Objek Penelitian ..................................................................................... 52

3.2.1. Sejarah Perusahaan.......................................................................... 52

3.2.2. Visi dan Misi ................................................................................... 53

Page 9: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

vii

3.2.3. Struktur Organisasi.......................................................................... 54

3.3. Analisa SWOT Program ......................................................................... 54

3.4. Analisis Sistem Yang Sedang Berjalan .................................................. 56

3.5. Aliran Sistem Yang Sedang Berjalan ..................................................... 57

3.6. Permasalahan Yang Sedang Dihadapi .................................................... 58

3.7. Usulan Pemecahan Masalah ................................................................... 59

BAB IV ANALISA PEMBAHASAN DAN IMPLEMENTASI ..................... 61

4.1. Analisa Sistem Yang Baru...................................................................... 61

4.1.1. Aliran Sistem Informasi Yang Baru ................................................ 61

4.1.2. Use Case Diagram .......................................................................... 62

4.1.3. Activity Diagram ............................................................................. 80

4.1.4. Sequence Diagram .......................................................................... 89

4.1.5. Class Diagram .............................................................................. 103

4.2. Disain Rinci .......................................................................................... 104

4.2.1. Rancangan Formulir ...................................................................... 104

4.2.2. Rancangan Layar Masukan ........................................................... 105

4.2.3. Rancangan Laporan ....................................................................... 127

4.2.4. Rancangan File .............................................................................. 129

4.3. Rencana Implementasi.......................................................................... 135

4.3.1. Jadwal Implementasi ..................................................................... 135

4.4. Perbandingan Sistem ............................................................................ 138

4.5. Analisis Produktifitas ........................................................................... 139

4.5.1. Segi Efisiensi ................................................................................. 139

4.5.2. Segi Efektifitas .............................................................................. 140

BAB V SIMPULAN DAN SARAN ................................................................. 150

5.1. Simpulan ............................................................................................... 150

5.2. Saran ..................................................................................................... 150

DAFTAR PUSTAKA ......................................................................................... xiv

LAMPIRAN ........................................................................................................ xvi

Page 10: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

viii

DAFTAR GAMBAR

Gambar 2.1 Transformasi data menjadi informasi .......................................................... 12

Gambar 2.2 Penamaan use case ...................................................................................... 16

Gambar 2.3 Aktor ........................................................................................................... 17

Gambar 2.4 Stereotip lifeline .......................................................................................... 23

Gambar 2.5 Synchronous message ................................................................................. 24

Gambar 2.6 Synchoronous message dengan return value ............................................... 24

Gambar 2.7 Asynchronous message ............................................................................... 25

Gambar 2.8 Self message ............................................................................................... 25

Gambar 2.9 Lost and found message .............................................................................. 26

Gambar 2.10 Instansiasi dan Penghapusan ..................................................................... 26

Gambar 2.11 Eksekusi opsional...................................................................................... 27

Gambar 2.12 Eksekusi Kondisional ................................................................................ 27

Gambar 2.13 Eksekusi parallel ....................................................................................... 28

Gambar 2.14 Eksekusi loop ............................................................................................ 28

Gambar 2.15 Action dan activity node ........................................................................... 29

Gambar 2.16 Control flow .............................................................................................. 29

Gambar 2.17 Initial Node ............................................................................................... 30

Gambar 2.18 object dan ocject flows .............................................................................. 30

Gambar 2.19 Data store .................................................................................................. 30

Gambar 2.20 Decision dan merge nodes ........................................................................ 31

Gambar 2.21 Fork dan Join nodes .................................................................................. 31

Gambar 2.22 Expansion Region ..................................................................................... 32

Gambar 2.23 Expansion handles .................................................................................... 32

Gambar 2.24 Interupptible activity region ...................................................................... 33

Gambar 2.25 signals ....................................................................................................... 33

Gambar 2.26 activity diagram dengan partition .............................................................. 34

Gambar 2.27 Cara Kerja MVC ....................................................................................... 41

Page 11: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

ix

Gambar 2.28 installasi CodeIgniter 4 ............................................................................. 42

Gambar 2.29 installasi bootstrap .................................................................................... 43

Gambar 2.30 Struktur bootstrap...................................................................................... 44

Gambar 2.31 Prinsip Kerja PHP ..................................................................................... 45

Gambar 2.32 komentar pada PHP ................................................................................... 46

Gambar 2.33 aturan penulisan dasar PHP ....................................................................... 46

Gambar 3.1 Disain penelitian ......................................................................................... 49

Gambar 3.2 model waterfall ........................................................................................... 50

Gambar 3.3 Struktur Organisasi ..................................................................................... 54

Gambar 3.4 Aliran sistem informasi pada sistem yang sedang berjalan ......................... 58

Gambar 4.1 Aliran sistem informasi yang baru .............................................................. 62

Gambar 4.2 Use case diagram ........................................................................................ 63

Gambar 4.3 Activity diagram login ................................................................................ 80

Gambar 4.4 Activity diagram tambah kelas .................................................................... 81

Gambar 4.5 Activity diagram transaksi .......................................................................... 82

Gambar 4.6 Activity diagram buat artikel ...................................................................... 82

Gambar 4.7 Activity diagram buat event ........................................................................ 83

Gambar 4.8 Activity diagram absensi ............................................................................. 84

Gambar 4.9 Activity diagram tambah data peserta ......................................................... 84

Gambar 4.10 Activity diagram kelola user ..................................................................... 85

Gambar 4.11 Activity diagram buat feedback ................................................................ 86

Gambar 4.12 Activity diagram daftar kursus .................................................................. 87

Gambar 4.13 Activity diagram daftar event .................................................................... 88

Gambar 4.14 Activity diagram input data barang ........................................................... 88

Gambar 4.15 Sequence Diagram login ........................................................................... 89

Gambar 4.16 Sequence Diagram tambah kelas .............................................................. 90

Gambar 4.17 Sequence Diagram transaksi .................................................................... 91

Gambar 4.18 Sequence Diagram buat artikel ................................................................ 92

Gambar 4.19 Sequence Diagram buat event .................................................................. 93

Page 12: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

x

Gambar 4.20 Sequence Diagram absensi ....................................................................... 94

Gambar 4.21 Sequence Diagram tambah data peserta ................................................... 96

Gambar 4.22 Sequence Diagram tambah user ............................................................... 98

Gambar 4.23 Sequence Diagram buat feedback ............................................................. 99

Gambar 4.24 Sequence Diagram daftar kursus ............................................................ 100

Gambar 4.25 Sequence Diagram daftar event .............................................................. 101

Gambar 4.26 Sequence diagram tambah stok ............................................................... 102

Gambar 4.27 Class diagram .......................................................................................... 103

Gambar 4.28 Rancangan formulir form pendaftaran .................................................... 104

Gambar 4.29 Rancangan formulir surat permohonan pembelian .................................. 105

Gambar 4.30 Layar masukan home .............................................................................. 105

Gambar 4.31 Layar Masukan Tentang Kami ................................................................ 106

Gambar 4.32 Layar masukan kursus kami .................................................................... 107

Gambar 4.33 Layar masukan form pendaftaran ............................................................ 108

Gambar 4.34 Layar masukan form login ...................................................................... 109

Gambar 4.35 Layar masukan form buat feedback ........................................................ 110

Gambar 4.36 Layar masukan dashboard ....................................................................... 110

Gambar 4.37 Layar masukan data transaksi ................................................................. 111

Gambar 4.38 Layar masukan tambah kelas .................................................................. 111

Gambar 4.39 Layar masukan form tambah kelas .......................................................... 112

Gambar 4.40 Layar masukan form transaksi keluar...................................................... 112

Gambar 4.41 Layar masukan data peserta .................................................................... 113

Gambar 4.42 Layar masukan detail peserta .................................................................. 113

Gambar 4.43 Layar masukan form edit peserta ............................................................ 114

Gambar 4.44 Layar masukan pendaftaran masuk ......................................................... 114

Gambar 4.45 Layar masukan form tambah peserta ....................................................... 115

Gambar 4.46 Layar masukan daftar artikel ................................................................... 115

Gambar 4.47 Layar masukan form tambah artikel ........................................................ 116

Gambar 4.48 Layar masukan detail artikel ................................................................... 116

Page 13: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

xi

Gambar 4.49 Layar masukan form edit artikel ............................................................. 117

Gambar 4.50 Layar masukan form tambah kategori artikel .......................................... 117

Gambar 4.51 Layar masukan data event ....................................................................... 118

Gambar 4.52 Layar masukan form tambah event ......................................................... 118

Gambar 4.53 Layar masukan detail event ..................................................................... 119

Gambar 4.54 Layar masukan form edit event ............................................................... 119

Gambar 4.55 Layar masukan data weekly art ............................................................... 120

Gambar 4.56 Layar masukan form buat weekly art ...................................................... 120

Gambar 4.57 Layar masukan detail weekly art ............................................................. 121

Gambar 4.58 Layar masukan data peserta event ready ................................................. 121

Gambar 4.59 Layar masukan data peserta event masuk................................................ 122

Gambar 4.60 Layar masukan data user ......................................................................... 122

Gambar 4.61 Layar masukan form tambah user ........................................................... 123

Gambar 4.62 Layar masukan form edit user ................................................................. 123

Gambar 4.63 Layar masukan detail user ....................................................................... 124

Gambar 4.64 Layar masukan data feedback ................................................................. 124

Gambar 4.65 Layar masukan detail feedback ............................................................... 125

Gambar 4.66 Layar masukan data barang ..................................................................... 125

Gambar 4.67 Layar masukan form tambah barang baru ............................................... 126

Gambar 4.68 Layar masukan form tambah stok barang................................................ 127

Gambar 4.69 Rancangan laporan sistem baru ............................................................... 128

DAFTAR TABEL

Tabel 2.1 Jenisjenis relationship dalam use case ............................................................. 17

Tabel 2.2 Contoh skenario use case ................................................................................. 19

Tabel 2.3 simbolsimbol class diagram ............................................................................. 34

Tabel 4.1 skenario use case login .................................................................................... 64

Page 14: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

xii

Tabel 4.2 skenario use case tambah kelas ........................................................................ 65

Tabel 4.3 skenario use case tambah stok barang.............................................................. 66

Tabel 4.4 skenario use case transaksi .............................................................................. 67

Tabel 4.5 skenario use case buat artikel........................................................................... 68

Tabel 4.6 skenario use case buat event ............................................................................ 69

Tabel 4.7 skenario use case absensi ................................................................................. 70

Tabel 4.8 skenario use case tambah data peserta ............................................................. 71

Tabel 4.9 skenario use case lihat data peserta .................................................................. 72

Tabel 4.10 skenario use case lihat data transaksi ............................................................. 73

Tabel 4.11 skenario use case kelola user ......................................................................... 73

Tabel 4.12 skenario use case buat feedback .................................................................... 75

Tabel 4.13 skenario use case daftar kursus ...................................................................... 75

Tabel 4.14 skenario use case lihat artikel ........................................................................ 76

Tabel 4.15 skenario use case lihat event .......................................................................... 77

Tabel 4.16 skenario use case lihat paket kursus ............................................................... 78

Tabel 4.17 skenario use case daftar event ........................................................................ 78

Tabel 4.19 Activity diagram input data barang ................................................................ 88

Tabel 4.18 Sequence diagram tambah stok .................................................................... 102

Tabel 4.20 Rancangan file tabel artikel ......................................................................... 129

Tabel 4.21 Rancangan file tabel barang ......................................................................... 129

Tabel 4.22 Rancangan file tabel tabel event acara ......................................................... 130

Tabel 4.23 Rancangan file tabel event peserta masuk ................................................... 130

Tabel 4.24 Rancangan file tabel event peserta ready ..................................................... 131

Tabel 4.25 Rancangan file tabel feedback ..................................................................... 131

Tabel 4.26 Rancangan file tabel kategori artikel ........................................................... 131

Tabel 4.27 Rancangan file tabel kelas ........................................................................... 132

Tabel 4.28 Rancangan file tabel kelas equipment .......................................................... 132

Tabel 4.29 Rancangan file tabel kelas level ................................................................... 132

Tabel 4.30 Rancangan file tabel transaksi ..................................................................... 132

Page 15: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

xiii

Tabel 4.31 Rancangan file tabel pendaftaran ................................................................. 133

Tabel 4.32 Rancangan file tabel peserta ........................................................................ 133

Tabel 4.33 Rancangan file tabel users ........................................................................... 134

Tabel 4.34 Rancangan file tabel weekly art ................................................................... 135

Tabel 4.35 jadwal implementasi .................................................................................... 135

Tabel 4.36 Perbandingan sistem .................................................................................... 138

Page 16: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

1

1. BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Di era pertumbuhan teknologi dan internet yang berkembang begitu pesat

dalam beberapa tahun seperti yang telah kita rasakan sekarang, hampir setiap

individu baik anak-anak, remaja, dan orang dewasa sudah menggunakan internet

sebagai gaya hidup mereka, namun tidak sedikit juga pengguna internet yang

memanfaatkan kemudahan itu untuk menghasilkan keuntungan. Selain untuk

keperluan pribadi, teknologi dan internet juga sangat banyak berpengaruh pada

berbagai bidang seperti instansi pemerintah, militer, pabrik manufaktur, market,

institusi pendidikan dan lainlain. Teknologi, internet dan perangkat lunak dapat

memudahkan pekerjaan pada sebuah perusahaan serta memberikan keuntungan

yang besar pada perusahaan yang memanfaatkan teknologi dan internet. Contohnya

seperti intitusi pendidikan yang menerapkan sistem informasi akademik pada

sekolahnya sehingga dapat mempermudah calon peserta baru untuk meraih

informasi penting yang akan menarik minat orang tua untuk menyekolahkan

anaknya pada sekolah itu.

Dengan teknologi perangkat lunak dan internet ini, perusahaan sudah tidak

perlu khawatir dengan bencana alam karena hampir semua aset dan data penting

perusahaan sudah tersimpan di dalam server database atau komputer sehingga data

bisa di backup setiap saat dan bisa diakses dimana saja oleh perusahaan. Perangkat

lunak adalah salah satu bagian terpenting di dunia saat ini, dengan persyaratannya

Page 17: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

2

di setiap industri baik itu otomotif, avionik, telekomunikasi, perbankan, farmasi,

dan banyak lagi. Sistem perangkat lunak umumnya agak rumit dan dibuat oleh

pemrogram berbeda. Biasanya setiap kesalahan dalam kode oleh programmer

dalam tahap pengembangan perangkat lunak dapat menyebabkan celah yang

menyebabkan kerentanan (Misbah Anjum et al., 2020 : 2).

Kerentanan sistem dan hacker adalah masalah baru bagi perusahaan untuk

mengamankan datadata nya. Serangan cybercrime atau yang lebih familiar kita

sebut dengan hacker akan sangat merugikan sebuah perusahaan karena tujuan dari

hacker adalah untuk memeras sebuah perusahaan dengan menyandera datadata

penting perusahaan dan lebih parah lagi adalah serangan dari cracker karena tujuan

nya adalah untuk menghancurkan sistem dan menghapus data-data penting sebuah

perusahaan biasanya dilakukan oknum atau pesaing perusahaan yang bersaing

secara tidak sehat, bahkan orang dalam perusahaan. untuk itu jika sebuah

perusahaan yang akan menggunakan teknologi perangkat lunak dan internet pada

perusahaannya sebagai proses utama dalam pekerjaan, maka perusahaan itu harus

mampu mempercayakan sebuah sistemnya pada orang yang dapat dipercaya dan

ahli dalam bidang pengamanan sistem dengan biaya pemeliharaan yang tidak

sedikit. Akan tetapi dampak dari penggunaan teknologi dapat memberi keuntungan

dan pendapatan yang besar pada perusahaan itu sehingga menggunakan teknologi

perangkat lunak dan internet sebagai penunjang pekerjaan atau bisnis pada

perusahaan itu dapat menjanjikan walaupun menmbutuhkan biaya yang tidak

sedikit.

Page 18: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

3

Dampak dari kecanggihan teknologi sekarang ini tidak sedikit juga

perusahaan-perusahaan menengah kebawah yang memanfaatkan teknologi sebagai

penunjang pekerjaan pada sebuah organisasi serta sebagai media promosi produk

atau jasanya. Persaingan yang ketat pada sebuah bisnis juga membuat para pemilik

bisnis berlomba-lomba untuk terus meningkatkan kualitas perusahaannya dari

pesaing-pesaingnya, contohnya seperti lembaga kursus yang sangat mementingkan

kualitas layanan dan promosi agar menambah peminat-peminantnya. Persaingan

yang ketat antara lembaga kursus dapat kita lihat di sekitar kita biasanya mereka

akan gencar membuat iklan, spanduk, banner yang menarik agar mencuri perhatian

banyak orang. Namun tidak sedikit orangorang yang ingin mengikuti kursus itu

lebih mementingkan kualitas dari lembaga kursus itu seperti teknologi modern dan

layanan yang diberikan. customer akan lebih tertarik jika pada sebuah lembaga

kursus terlihat modern karena teknologi yang digunakannya.

Kursus adalah suatu ilmu pendidikan khusus yang diperoleh dari luar sekolah

(non-formal) untuk mengembangkan kemampuan dan keterampilan diri (Mulyadi

et al., 2018 : 2). Ohayo Drawing School adalah lembaga kursus khusus

menggambar yang berpusat di Jakarta dan telah berdiri sejak tahun 2005. Selain

daerah Jakarta perusahaan ini menerapkan sistem franchise ke berbagai daerah di

Indonesia termasuk di pulau batam. Ohayo drawing school sangat dikenal sebagai

tempat kursus yang menyediakan pelajaran menggambar manga atau komik jepang.

Strategi yang dilakukan perusahaan kursus ini sangatlah baik pasalnya di indonesia

ada sangat banyak orang dari kalangan ana-anak, remaja, hingga dewasa yang

menyukai anime atau animasi dari jepang sehingga tidak menutup kemungkinan

Page 19: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

4

banyak orang yang penasaran ingin mengasah skil di bidang seni komik khususnya

bergaya jepang. Semua itu telah dibuktikan oleh prestasi yang diraih Ohayo

Drawing School di jakarta yang mendapatkan banyak penghargaan untuk tempat

kursus yang didirikan oleh anak bangsa. Selain dari kelas manga jepang, Ohayo

Drawing School juga memberikan fasilitas kelas lain seperti melukis, mewarnai,

serta animasi untuk melengkapi layanan kursus seni rupa khususnya menggambar

agar sesuai dengan nama perusahaanya.

Pada penelitian terdahulu yang menjadi landasan atau referensi dari penelitian

ini antara lain:

1. Penelitian oleh Juansyah, S.Kom, M.Kom yang berjudul Rancang

Bangun Sistem Informasi Lembaga Kursus Mubatek Berbasis Web

yang dimana objek dari penelitian ini adalah tempat kursus komputer

mubatek. Untuk tahap pengembangan sistem penelitian ini

menggunakan metode waterfall. Hasil penelitian ini dapat disimpulkan

bahwa sistem ini dapat membantu pihak lembaga kursus dalam

penyebar luasan informasi, memberikan kemudahan bagi peserta

kursus dan calon peserta kursus, dapat mengatur jadwal peserta kursus

lebih cepat, dapat membantu pihak lembaga kursus mubatek untuk

mengetahui peserta yang belum melunasi biaya kursus, dan

memberikan laporan yang akurat.

2. Penelitian oleh Heri Kuswara dan Alvin Hidayat yang berjudul Sistem

Informasi Akademik Berbasis Web Pada Special English Conversation

By Mr.T Bekasi yang dimana objek dari penelitian ini adalah lembaga

Page 20: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

5

kursus bahasa inggris di Special English Conversation By Mr.T terletak

di bekasi. Pada penelitian ini juga menggunaka metode waterfall

sebagai landasan perancangan sistem nya. Tujuan dari penelitian ini

adalah Tujuannya untuk mempermudah user atau admin dalam

mengolah data peserta mulai dari pendaftaran, menyimpan data peserta,

input nilai, kelas dan pengajar, hasil dari penelitian ini adalah dapat

memberikan solusi untuk pengolahan data secara keseluruhan. Hasil

dari penelitian ini dapat disimpulkan bahwa sistem dapat memberikan

informasi penting tentang Laporan data tersebut serta sebagai sebuah

media untuk mempromosikan lembaga pendidikan tersebut agar dapat

dikenal secara luas oleh masyarakat umum, serta pengolahan data

peserta didik baru, nilai, kelas dan data pengajar menjadi lebih cepat,

mudah dan efisien.

Kesamaan dari penelitian diatas dengan penelitian ini adalah berbasis web,

sitem di gunakan oleh admin, memiliki kemuadahan pendaftaran, serta menyajikan

informasi yang bermanfaat kepada pengunjung website atau calon peserta. Dalam

penelitian ini penulis akan mengembangkan penelitian sebelumya diperuntukkan

untuk lembaga kursus yang berjenis lain seperti Ohayo Drawing School yang

bergerak pada lembaga kursus visual art, dan menambahkan beberapa fitur

tambahan serta tampilan website yang dicocokan dengan tempat kursus melukis.

Pada cabang Ohayo Drawing School Batam yang terletak di batam centre

semua proses adminstrasi masih menggunakan sistem manual sehingga sering

terjadinya kesalahan data ketika hendak merekap kembali data untuk membuat

Page 21: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

6

laporan, dokumen yang tercecer, kehilangan dokumen, dan sistem absesnsi peserta

kursus yang bertabrakan serta membutuhkan waktu setidaknya sehari untuk

mengumpulkan dan merekap data laporan. Dengan menggunakan teknologi

perangkat lunak dan internet ini akan mempercepat sebuah pekerjaan admin pada

Ohayo Drawing School batam Mengingat kemajuan teknologi pada saat ini semua

pekerjaan dituntut untuk serba cepat agar dapat bersaing sehingga sistem informasi

menjadi suatu hal yang sangat dibutuhkan dalam mengolah data serta menyajikan

sebuah informasi yang berkualitas.

Untuk itu dirancang sistem informasi akademik pada lembaga kursus Ohayo

Drawing School batam untuk memfasilitasi proses kerja admin agar lebih cepat,

tepat, dan effisien selain itu dengan sistem ini juga akan menjadi media promosi di

website langsung sehingga akan menarik banyak peminat nantinya yang akan

dituangkan dalam penyusunan skripsi yang berjudul “RANCANG BANGUN

SISTEM INFORMASI AKADEMIK LEMBAGA KURSUS BERBASIS WEB

PADA OHAYO DRAWING SCHOOL BATAM”

1.2. Identifikasi Masalah

Dari latar belakang yang diuraikan diatas maka di identifikasi kan masalahnya

sebagai berikut:

1. Kemungkinan terjadi kehilangan atau kerusakan datadata karena

bencana alam atau kecelakaan.

2. terjadi kesalahan perhitungan laporan transaksi.

3. membutuhkan waktu yang lama dalam membuat laporan.

Page 22: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

7

4. terjadi kesalahan data absensi peserta kursus ketika pembaruan form

absensi.

1.3. Pembatasan Masalah

Dari identifikasi masalah diatas maka akan dibatasi agar proses penelitian

tidak meluas atau melebar tidak sesuai dengan tujuan penelitian. Diantaranya:

1. Perancangan sistem yang dibangun berfokus pada satu centre saja yaitu

batam.

2. Sistem berbasis website dengan bahasa pemrogramman PHP dan

database MySQL.

1.4. Perumusan Masalah

Dari Batasan masalah diatas maka dirumuskan masalahnya yaitu:

1. Bagaimana cara membangun sistem pada lembaga kursus gambar

Ohayo Drawing School batam yang dapat memberikan kemudahan

pada pekerjaan admin?

1.5. Tujuan Penelitian

Berdasarkan dari perumusan masalah diatas maka tujuan penelitian ini

adalah:

1. untuk mempermudah pekerjaan seorang admin di Ohayo Drawing

School Batam dalam hal menyimpan, mengolah, dan mengelola data

serta membuat pekerjaan lebih efektif.

Page 23: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

8

1.6. Manfaat Penelitian

Berdasarkan dari tujuan penelitianya, maka penelitian ini diharapkan

memberikan manfaat baik secara langsung maupun tidak langsung. Adapun

manfaat penelitian ini adalah sebagai berikut:

1.6.1. Manfaat teoritis

Secara teoritis hasil dari penelitian ini diharapkan dapat bermanfaat yaitu:

a. sebagai landasan atau referensi serta sumber informasi untuk penelitian

dimasa mendatang.

b. Menambah sumber pengetahuan mengenai perancangan sistem

informasi akademik lembaga kursus berbasis web.

1.6.2. Manfaat praktis

Secara praktiss hasil dari penelitian ini diharapkan dapat bermanfaat yaitu:

a. Bagi penulis, output yang dihasilkan dapat berguna sebagai portfolio

untuk kedepannya serta pengalaman merancang dan membuat sistem

lembaga kursus secara individu.

b. Bagi pihak Ohayo Drawing School batam, dapat membantu

memudahkan pekerjaan admin pada setiap proses pekerjaan yang

dilakukan serta membuat pekerjaan lebih efisien dan mempermudah

dalam hal mempromosikan tempat kursus.

Page 24: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

9

c. Bagi pihak kampus, dapat menjadi bahan bacaan atau referensi untuk

penelitian selanjutnya oleh mahasiswa universitas putera batam dalam

merancang sistem informasi akademik lembaga kursus.

Page 25: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

10

2. BAB II

TINJAUAN PUSTAKA

2.1. Teori Umum

2.1.1. Sistem

Menurut Karcanias dan Hessami yang dijelaskan dalam jurnal ( Majd Saleh

& Marie-Hélène Abel, 2018 : 3) sebuah sistem adalah organisasi interkoneksi objek

yang tertanam dalam lingkungan tertentu. Sedangkan menurut Menurut Rusdiana

dan Irfan yang di paparkan dalam jurnal (Heri Kuswara & Alvin Hidayat, 2018 : 2)

kata “Sistem” berasal dari bahasa yunani, yaitu systema, yang artinya himpunan

bagian atau komponen yang saling berhubungan secara teratur dan merupakan

suatu keseluruhan. Selain itu, bisa diartikan sekelompok elemen yang independen,

namun saling berkaitan sebagai satu kesatuan.

Suatu sistem pada dasarnya adalah suatu sekelompok unsur yang erat

hubungannya satu dengan yang lain, yang berfungsi bersamasama untuk mencapai

tujuan tertentu (Elisabet Yunaeti A, 2017 : 11).

Menurut (Elisabet Yunaeti A, 2017 : 24-25) sistem mempunyai beberapa

karakteristik tertentu, antara lain:

1. Komponen sistem (Component), komponen sistem terdiri dari sejumlah

komponen yang saling berinteraksi, yang saling berkerja sama

membentuk komponen sistem.

2. Batasan sistem (Boundary), merupakan daerah yang membatasi suatu

sistem dengan sistem yang lain atau dengan lingkungan kerjanya.

Page 26: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

11

3. Subsistem (sub system), bagianbagian dari sistem yang beraktivitas dan

berinteraksi satu sama lain untuk mencapai tujuan dengan sasarannya

masing-masing.

4. Lingkungan luar sistem (Environment), suatu sistem yang ada diluar

batas sistem yang dipengaruhi oleh operasi sistem.

5. Penghubung sistem (interface), media penghubung antara satu sub

sistem dengan sub sistem yang lainnya. Adanya penghubung ini

memungkinkan berbagai sumber daya mengalir dari suatu subsistem ke

subsistem lainnya.

6. Masukan sistem (input), energi yang masuk kedalam sistem berupa

perawatan dan sinyal. Masukan perawatan adalah energi yang

dimasukkan tersebut agar sistem dapat berinteraksi.

7. Keluaran sistem (output), hasil energi yang diolah dan di klasifikasi

menjadi keluaran yang berguna dan sisa pembuangan.

8. Pengolahan sistem (process), suatu sistem dapat mempunyai bagian

suatu pengolahan yang akan mengubah masukan menjadi pengeluaran.

9. Sasaran sistem (object), tujuan yang ingin dicapai oleh sistem, akan

dikatakan berhasil apabila mengenai sasaran atau tujuan.

Page 27: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

12

2.1.2. Informasi

Informasi adalah sekumpulan data atau fakta yang diorganisasi atau diolah

dengan cara tertentu sehingga mempunyai arti bagi penerima (Elisabet Yunaeti A,

2017 : 13).

Gambar 2.1 Transformasi data menjadi informasi

Di dalam buku (Elisabet Yunaeti A, 2017 : 15) menuturkan bahwa ciriciri

informasi yang berkualitas menurut Raymond Mc.Leod adalah:

1. Akurat, informasi harus mencerminkan keadaan yang sebenarnya dan

informasi tersebut harus bebas dari kesalahankesalahan.

2. Tepat waktu, informasi tersebut harus tersedia atau ada pada saat

informasi tersebut diperlukan dan tidak terlambat.

3. Relevan, informasi yang diberikan harus sesuai dengan yang

dibutuhkan.

4. Lengkap, informasi harus diberikan secara lengkap karena jika

informasi yang dihasilkan sebagian-sebagian akan memengaruhi dalam

mengambil keputusan.

Page 28: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

13

2.1.3. Sistem Informasi

Menurut (M. Rizki Alpiandi, 2016 : 2), Sistem informasi merupakan suatu

sistem di dalam suatu organisasi yang berguna sebagai kebutuhan pengolahan

transaksi harian, sebagai pendukung operasi proses organisasi. bersifat manajerial

dan kegiatan strategi pada suatu organisasi.

Menurut (Elisabet Yunaeti A, 2017 : 2) fungsi sistem informasi antara lain:

1. Untuk meningkatkan aksesibilitas data yang ada secara efektif dan

efisien kepada pengguna , tanpa dengan perantara sistem informasi.

2. Memperbaiki produktivitas aplikasi pengembangan dan pemeliharaan

sistem.

3. Menjamin tersediannya kualitas dan keterampilan dalam

memanfaatkan sistem informasi secara kritis.

4. Mengidentifikasi kebutuhan mengenai keterampilan penukung sistem

informasi.

5. Mengantisipasi dan memahami akan konsekuensi ekonomi.

6. Menetapkan investasi yang akan diarahkan kepada sistem informasi.

7. Mengembangkan proses perencanaan yang efektif.

Di dalam buku (Elisabet Yunaeti A, 2017 : 4) juga mengemukakan beberapa

contoh sistem informasi antara lain:

1. Sistem refaransi pesawat terbang , digunakan dalam biro penerbangan

untuk melayani pemesana atau pembelian tiket.

Page 29: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

14

2. Sistem untung menangani penjualan kredit kendaraan bermotor

sehingga dapat memantau hutang para pelanggan.

3. Sistem biometrik yang mencegah orang yang tidak berkenan memasuki

fasilitas-fasilitas rahasia atau mengakses informasi yang bersifat

rahasia dengan cara menganalisis sidik jari dan retina mata.

4. Sistem Point of Sale (POS), diterapkan banyak swalayan dengan

dukungan pembaca barcode untuk untuk mempercepat pemasukan data.

5. Sistem telemetri atau pemantauan jarak jauh yang menggunakan

teknologi radio, misalnya untu mendapatkan suhu lingkungan pada

gunung berapi atau untuk memantau getaran pilar jembatan rel kereta

api.

6. Sistem berbasis kartu cerdas, dapat digunakan juru medis untuk

mengetahui riwayat penyakit pasien karena di dalam kartu tersebut

terekam datadata mengenai pasien.

7. Sistem layanan akademis berbasis web yang memungkinkan

mahasiswa memperoleh data-data akademis atau bahkan dapat

mendaftarkan mata kuliah yang diambil pada sester baru.

8. Sistem pertukaran data elektronik (electronic data interchange atau

EDI) memungkinkan pertukaran dokumen antar perusahaan secara

elektronis dan data yang terkandung dalam dokumen dapat diproses

secara langsung oleh komputer.

Page 30: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

15

2.1.4. UML

Menurut (M Teguh Prihandoyo, 2018 : 2) Unifield Modeling Language

merupakan salah satu metode pemodelan visual yang digunakan dalam

perancangan dan pembuatan sebuah software yang berorientasikan pada objek.

Menurut (Ibnu Akil, 2018:4) mendefinisikan bahwa UML adalah Bahasa

pemodelan visual yag digunakan untuk menspesifikasikan, menvisualisasikan,

membangun, dan mendokumentasikan rancangan dari suatu sistem perangkat

lunak.

Menurut Booch. G yang diuraikan dalam jurnal (M Teguh Prihandoyo,

2018:2) Terdapat beberapa diagram UML yang sering digunakan dalam

pengembangan sebuah sistem, yaitu:

1. Use case Diagram, Merupakan gambaran dari fungsionalitas yang

diharapkan dari sebuah sistem, dan merepresentasikan sebuah interaksi

antara aktor dan sistem. Didalam use case terdapat actor yang

merupakan sebuah gambaran entitas dari manuasia atau sebuah sistem

yang melakukan pekerjaan di sistem.

2. Activity Diagram, Merupakan gambaran alir dari aktivitasaktivitas

didalam sistem yang berjalan.

3. Sequence Diagram, Menggambarkan interaksi antar objek didalam dan

di sekitar sistem yang berupa message yang digambarkan terhadap

waktu.

Page 31: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

16

4. Class Diagram, Merupakan gambaran struktur dan deskripsi dari class,

package, dan objek yang saling berhubungan sperti diantaranya

pewarisan, asosiasi dan lainnya.

1. Use Case Diagram

Menurut (Ibnu Akil, 2018 : 106-114) Diagram use case menangkap

tingkah laku sistem, subsistem, kelas, atau komponen yang tampak kepada

eksternal entity.

1. Notasi use case

a. Use case, adalah sebuah unit eksternal dari sistem (berupa antar

muka) yang akan menerima perintah dari seorang actor berupa

sebuah event.

Gambar 2.2 Penamaan use case

Page 32: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

17

b. Actor, mempresentasikan suatu set peranan yang dimainkan oleh

orang luar, unit kerja, atau hal-hal yang berinteraksi dengan

sistem, subsistem atau kelas.

Gambar 2.3 Aktor

c. Relationships, sebuah use case dapat berpartisipasi dengan use

case lain dalam beberapa jenis hubungan sebagai tambahan

Ketika berasosiasi dengan sebuah aktor.

Tabel 2.1 Jenisjenis relationship dalam use case

Relationship Function Notation

Accociation Sebuah jalur

komunikasi antara

seorang actor

dengan satu use

case dimana actor

tersebut

berpasitipasi

Page 33: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

18

Extend Penyisipan sebuah

fungsionalitas

tambahan kedalam

sebuah use case

dasar yang bersifat

opsional.

Include Penyisipan sebuah

fungsionalitas

tambahan kedalam

sebuah use case

dasar dimana

fungsionalitas

tersebut bersifat

mandatory (wajib).

Use case

generalization

Sebuah hubungan

antara sebuah use

case umum dengan

use case yang lebih

spesifik dimana use

case yang lebih

spesifik mewarisi

use case umum

tersebut.

v

<<extend>>

<<include>>

v

Page 34: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

19

d. Skenario use case, sebuah use case menjelaskan apa yang sistem

atau sub sistem lakukan, akan tetapi use case tidak menjelaskan

secara spesifik bagaimana sistem itu melakukannya.

Misalkan dalam sebuah sistem e-commerce salah satu use

case yang ada mungkin use case checkout seperti berikut.

Tabel 2.2 Contoh skenario use case

Use case name Checkout

Goal User dapat melakukan

pembelian secara online.

Pre-conditions User telah memilih barang.

Post-conditions Sistem mengirim rincian faktur

penjualan via email.

Failed end condition User membatalkan checkout.

Kemungkinan user ingin

menambah barang atau

membatalkan pembelian.

Primary actors user

Main flow / basic path 1. User memilih icon

checkout.

2. Sistem menampilkan

rincian belanja.

Page 35: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

20

3. User menyetujui dan

melanjutkan.

4. Sistem mengecek apakah

user sudah terdaftar atau

belum. Jika belum maka

sistem akan menampilkan

halaman registrasi. Jika

sudah sistem akan

menampilkan halama

alamat pengiriman.

5. User memasukan alamat

pengiriman dan

melanjutkan.

6. Sistem menampilkan

pilihan jasa kurir

pengiriman dan biayanya.

7. User memilih jasa kurir

pengiriman dan

melanjutkan.

8. Sistem menampilkan

pilihan metode

pembayaran.

Page 36: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

21

9. User memilih metode

pembayaran dan

melanjutkan.

10. Sistem memproses

penjualan dan mengirimkan

rincian penjualan ke email

user.

Alternative flow 9. User memilih metode

pembayaran menggunakan

kartu kredit.

10. Sistem menampilkan jenis

pilihan kartu kredit.

11. User memilih jenis kartu

kredit dan memasukan

nomor kartu kredit.

12. Sistem memverifikasi

kartu kredit.

13. Jika valid sistem mendebet

kartu kredit.

14. Jika tidak valid

sistemkembali ke halaman

pemilihan metode

pembayaran.

Page 37: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

22

Use case name : Adalah nama use case.

Goal : Adalah tujuan dari use case tersebut.

Pre-condition : Adalah kondisikondisi yang harus

terpenuhi sebelum use case terebut

di eksekusi.

Post-condition : Adalah kondisikondisi yang harus

terpenuhi setelah use case terebut di

eksekusi.

Failed end

condition

: Adalah kondisikondisi yang harus

terpenuhi apabila terjadi kegagalan

dalam eksekusi use case.

Primary actor : Adalah actor utama yang

berpasitipasi dalam use case

tersebut.

Main flow/basic

path

: Adalah arus kerja utama dengan

asumsi semua berjalan lancar.

Alternate flow : Adalah arus kerja alternatif dari arus

kerja utama.

2. Squence Diagram

Di dalam buku (Ibnu Akil, 2018 : 124-136) Sequence diagram

menggambarkan tingkah laku dari suatu skenario tunggal. Diagram ini

Page 38: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

23

menunjukan objek-objek yang terlibat dalam proses tersebut dan bagaimana

urutan penyampaian pesan antara objek-objek tersebut.

Notasi sequence diagram

a. Lifeline stereotype icon, bagian kepalanya untuk

mengklasifikasikan jenis objek.

Gambar 2.4 Stereotip lifeline

b. Messages (pesan), Ketika satu objek menyampaikan pesan

keobjek lain ini digambarkan dengan tanda panah diantara garis

hidup.

Page 39: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

24

c. Synchronous message, digunakan Ketika sipengirim menunggu

sampai penerima selesai memproses pesan.

Gambar 2.5 Synchronous message

Gambar 2.6 Synchoronous message dengan return value

Page 40: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

25

d. Asynchronous message, si pengirim tidak menunggu si penerima

selesai memproses pesan.

Gambar 2.7 Asynchronous message

e. Self message, sebuah pesan yang dikirim kepada objek itu sendiri.

Gambar 2.8 Self message

Page 41: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

26

f. Lost and found message, pesan dimana sipemanggil tidak

diperlihatkan atau tidak penting.

Gambar 2.9 Lost and found message

g. Penciptaan dan penghapusan objek, objek yang ada pada awal

sebuah interaksi ditempatkan diatas diagram. Sedangkan objek

lain ditempatkan selama interaksi dibawah pada saat objek

tersebut diciptakan.

Gambar 2.10 Instansiasi dan Penghapusan

h. Fragment, digambarkan sebagai kotak dengan label dipojok kiri

atas yang berisi jenis operator control.

Page 42: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

27

Eksekusi Opsional

Gambar 2.11 Eksekusi opsional

Eksekusi Kondisional

Gambar 2.12 Eksekusi Kondisional

Page 43: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

28

Eksekusi Parallel

Gambar 2.13 Eksekusi parallel

Eksekusi Loop

Gambar 2.14 Eksekusi loop

Page 44: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

29

3. Activity Diagram

Menurut (Ibnu Akil, 2018 : 143-152) kelebihan activity diagram

dibandingkan dengan flowchart adalah activity diagram mendukung

proses yang berjalan secara parallel, sedangkan flowchart tidak.

Notasi Elemen

a. Action dan activity node, activity dapat berisi group-group dan

action-action atau kumpulan activity yang lain.

Gambar 2.15 Action dan activity node

b. Control Flow, menunjukan arus kendali dari satu action ke action

lainnya. Ketika satu action atau activity selesai dieksekusi flow

akan berlanjut ke action atau activity lainnya.

Gambar 2.16 Control flow

Page 45: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

30

c. Initial node, final node dan flow final, initial node adalah titik

awal serangkaian activity atau actions. Final node adalah titik

akhir dari serangkaian activity atau action.

Gambar 2.17 Initial Node

d. Object dan object flows, jalur dimana object atau data dilewatkan.

Objek ditunjukan sebagai kotak.

Gambar 2.18 object dan ocject flows

e. Data store, elemen yang digunakan untuk menyimpan data secara

permanen.

Gambar 2.19 Data store

Page 46: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

31

f. Decision dan merge nodes, memiliki notasi yang sama yaitu

belah ketupat. Sebuah flow akan membagi decision menjadi dua

diaman hanya ada satu flow yang dilalui apabila kondisi guard

terpenuhi, sedangkan merge adalah tempat bergabung kembali

flow yang terpisah karena decision.

Gambar 2.20 Decision dan merge nodes

g. Fork dan join nodes, mengindikasikan proses yang parallel atau

concurrent. Fork untuk percabangan proses yang dieksekusi

secara parallel atau bersamaan, sedangkan join sebagai titik temu

prosesproses yang parallel menjadi satu flow, diamana flow ini

tidak akan berjalan sebelum semua proses selesai.

Gambar 2.21 Fork dan Join nodes

Page 47: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

32

h. Expansion region, sebuah area activity yang trstruktur yang

dieksekusi berkalikali. Contoh ketika anda akan menulis sebuah

artikel, anda akan memilih topik atau kategori, kemudian

mereviewnya baru di publish. Mungkin anda akan menulis lagi

dengan topik yang berbeda dan melakukan aktivitas yang sama

(menulis dan mereview) secara berulang.

Gambar 2.22 Expansion Region

i. Exception handles, penanganan kesalahan.

Gambar 2.23 Expansion handles

j. Interruptible activity region, biasanya berisi actions yang dapat

di interupsi.

Page 48: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

33

Gambar 2.24 Interupptible activity region

k. Signals, signal bahwa activity menerima sebuah event dari luar

proses. Hal ini berarti sebuah activity dapat dilanjutkan apabila

telah menerima signal.

Gambar 2.25 signals

l. Partition atau swimlane, untuk menunjukan actor atau objek

yang bertindak atas suatu activity atau action dan menempatkan

aktivitasaktivitas tersebut pada partition yang bersangkutan.

Page 49: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

34

Gambar 2.26 activity diagram dengan partition

4. Class Diagram

Menurut (Yuni Sugiarti, 2018 : 120-123) class diagram

menggambarkan struktur sistem dari segi pendifinisian classclass yang akan

dibuat untuk membangun sistem. class diagram menggambarkan struktur dan

deskripsi kelas, package, dan objek beserta hubungan satu sama lain seperti

containment, pewarisan, asosiasi, dan lainlain.

Berikut simbolsimbol yang ada dalam class diagram.

Tabel 2.3 simbolsimbol class diagram

Simbol Deskripsi

Package Merupakan sebuah bungkusan dari satu

atau lebih class.

Page 50: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

35

Operasi

Class pada struktur sistem.

Antarmuka/interface

Sama dengan konsep interface dalam

pemrograman berorientasi objek.

Asosiasi

Relasi antar class dengan makna umum,

asosiasi biasanya juga disertai dengan

multiplicity.

Asosiasi berarah/directed

Relasi antar class dengan makna class

yang satu digunakan oleh class yang lain,

asosiasi biasanya juga disertai dengan

multiplicity.

Generalisasi

Relasi antar class dengan makna

generalisasi spesialisasi (umum khusus).

Kebergantungan/dependency

Relasi antar class dengan makna

kebergantungan.

Agresasi Relasi antar class dengan makna semua

bagian (whole part).

Page 51: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

36

2.2. Teori Khusus

2.2.1. Sistem informasi akademik

Menurut Triyono yang dikemukakan di dalam jurnal (Saut Horas Tua Siagian

& Effiyaldi, 2018 : 3) Kata akademik berasal dari bahasa Yunani yakni Academos

yang berarti sebuah taman umum (plasa) di sebelah barat laut kota Athena. Nama

Academos adalah nama seorang pahlawan yang terbunuh pada saat perang

legendaris Troya. Pada plasa inilah filosof Socrates berpidato dan membuka arena

perdebatan tentang berbagai hal. Tempat ini juga menjadi tempat Plato melakukan

dialog dan mengajarkan pikiran-pikiran filosofinya kepada orangorang yang

datang. Sesudah itu, kata Academos berubah menjadi akademik, yaitu semacam

tempat perguruan. Para pengikut perguruan tersebut disebut Academist, sedangkan

perguruan semacam itu disebut Academia. Berdasarkan hal ini, inti dari pengertian

akademik adalah keadaan orangorang bisa menyampaikan dan menerima gagasan,

pemikiran, ilmu pengetahuan, dan sekaligus dapat mengujinya secara jujur, terbuka

dan leluasa.

Menurut (Riandy Pratama et al., 2017 : 2) Sistem Informasi Akademik adalah

sistem yang dirancang untuk mengolah datadata yang berhubungan dengan

informasi akademik, seperti data mahasiswa, karyawan, rekaman prestasi,

kurikulum, dan jadwal kelas. Sedangkan menurut (Ahmad Homaidi, 2016 : 2)

Sistem informasi akademik adalah sistem yang dirancang untuk melakukan

Page 52: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

37

pengolahan data akademik baik melalui software ataupun hardware sehingga

proses kegiatan akademik dapat dikelola dengan baik sehingga menjadi informasi

yang bermanfaat untuk manajemen perguruan tinggi dan pengambilan keputusan

oleh eksekutif.

2.2.2. Website

Menurut (Andi Christian et al., 2018 : 1) website, merupakan sekumpulan

halaman yang terdiri dari beberapa laman yang berisi informasi berbentuk data

digital baik berupa teks, gambar, video, audio dan animasi lainnya yang diakses

dengan koneksi internet.

Menurut hidayat yang dijelaskan dalam jurnal (Juansyah, 2019 : 3) Website

atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan

untuk menampilkan informasi teks, gambar diam atau bergerak, animasi, suara atau

gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang

membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing

dihubungkan dengan jaringan-jaringan halaman.

Menurut (Nurhadi, 2017 : 8-9) alasan banyak orang membuat website,

diantaranya:

1. Memperluas jangkauan promosi sesuatu, dengan memiliki website

maka produk kita lebih bisa dikenal oleh masyarakat khususnya

pengguna internet.

2. Bisa menjadi media tanpa batas, sebab internet adalah media informasi

yang tanpa batas.

Page 53: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

38

3. Promosi yang luas, internet adalah suatu media promosi terluas di dunia

jika dilihat dari jangkauan area.

4. Media pengenalan perusahaan, jika kita memiliki suatu perusahaan

akan lebih mudah kita mengenalkan perusahaan melalui website.

Di dalam buku (Nurhadi, 2017 : 12-15) juga menjelaskan bahwa terdapat

macam-macam bahasa pemrograman website antara lain:

1. HTML (HyperText Markup Language), merupakan bahasa standar

yang digunakan untuk membuat suatu dokumen atau halaman web,

terdiri dari kode-kode singkat tertentu yang akan ditampilkan oleh web

browser.

2. JavaScript, adalah bahasa script yang dapat berkerja di sebagian besar

browser. JavaScript dapat disisipkan dalam halaman web menggunakan

tag SCRIPT.

3. PHP (Hypertext Prepocessor), adalah bahasa permrograman yang

digunakan secara luas untuk penggunaan, pembuatan, dan

pengembangan sebuah situs web yang bisa digunakan bersamaan

dengan HTML.

4. JavaServlet (JSP), merupakan teknologi server side java.

5. XML (Extensible Markup Language), adalah bahasa markup untuk

keperluan umum yang disarankan oleh W3C, untuk membuat dokumen

markup keperluan pertukaran data antar sistem yang beraneka ragam.

Page 54: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

39

6. WML (Wireless Markup Language), bahasa markup yang digunakan

untuk mengimplementasikan WAP dokumen WML bebasis XML,

diamana versinya mempunyai DPD dokumen type definition. WML

merupakan analog dari HTML yang bebrjalan pada protokol nirkabel.

7. CSS ( Cascading Style Sheet), merupakan aturan untuk mengendalikan

beberapa komponen dalam sebuah web sehingga akan lebih terstruktur

dan seragam. Sama halnya Microsoft Word yang dapat mengatur

beberapa style, misalnya heading, subbab, bodytext, footer, images,dan

style lainnya untuk dapat digunakan bersamasama dalam beberapa

berkas.

8. AJAX (Asynchronous JavaScript And XML), adalah bahasa

pemrograman yang membuat website lebih interaktif.

9. ASP (Active Server Pages), adalah pengaturan web yang digunakan

untuk membina halaman web yang dinamik dan bersifat interaktif.

Active server pages adalah fasilitas yang diberikan oleh Microsoft

untuk memudahkan pembuatan aplikasiaplikasi web server.

10. ColdFusion, bahasa pemrograman ini mirip dengan HTML

menggunakan tag untuk membentuk blok-blok programnya.

11. JQuery, adalah pustaka JavaScript kecil bersumber terbuka yang

menekankan pada interaksi antara JavaScript dan HTML.

Page 55: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

40

2.2.3. CodeIgniter

Menurut (Supono Vidiandry P, 2016 : 109) CodeIgniter adalah aplikasi open

source berupa framework dengan model MVC (Model, View, Controller) untuk

membangun website dinamis dengan menggunakan PHP.

1. Komponen MVC pattern

Di dalam (Supono Vidiandry P, 2016 : 110) mejelaskan bahwa terdapat

3 jenis komponen yang membangun suatu MVC pattern dalam satu aplikasi

yaitu:

a. Model, biasanya berhubungan langsung dengan database untuk

memanipulasi data (insert, update, delete, search), menangani

validasi dari bagian controller, namun tidak dapat berhubungan

langsung dengan bagian view.

b. View, merupakan bagian yang menangani presentation logic. Pada

suatu aplikasi web bagian ini biasanya berupa file template HTML,

yang diatur oleh controller. View berfungsi untuk menerima dan

mempresentasikan data kepada user. Bagian ini tidak memiliki akses

langsung terhadap bagian model.

c. Controller, merupakan bagian yang mengatur hubungan antara

bagian model dan bagian view, controller berfungsi untuk menerima

request dan data dari user kemudian menentukan apa yang akan

diproses aplikasi.

Page 56: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

41

Gambar 2.27 Cara Kerja MVC

2. Installasi CodeIgniter

CodeIgniter yang penulis gunakan untuk merancang aplikasi adalah

yang versi terbaru yaitu CodeIgniter 4. Tahap instalasi CodeIgniter 4 berbeda

dengan CodeIgniter 3 dimana CodeIgniter 4 bisa di instal secara online

melalui terminal sehingga jika ada pembaruan dari framework maka kita tidak

perlu lagi mengganti framework dan mengkonfigurasikannya lagi dengan

website yang sudah kita rancang melainkan kita cukup melakukan update

melalui terminal atau composer secara online dan lansung terintegrasi

otomatis kepada website kita.

Adapun tahap peng-installan framework CI4 adalah sebagai berikut:

Page 57: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

42

a. Sebelum menginstall CI4 pastikan kita sudah menginstal terlebih

dahulu composer di computer kita. yaitu bisa di dapatkan di

https://getcomposer.org/.

b. Dan pastikan kita sudah memiliki local server di computer kita.

yang paling sering digunakan adalah XAMPP untuk pengguna

Windows dan Linux serta MAMPP untuk pengguna Mac.

c. Arahkan folder melalui command prompt ke C:\xampp\htdocs

atau di tempat kita menginstall local server nya dan ketikkan $

composer create-project codeigniter4/appstarter namaproject --

no-dev. Lalu tekan enter dan tunggu prosesnya.

Gambar 2.28 installasi CodeIgniter 4

d. Framework berhasil diinstal.

2.2.4. Bootstrap

Menurut (Christian et al., 2018 : 1) Bootstrap adalah paket aplikasi siap pakai

untuk membuat interface sebuah website, bisa dikatakan, bootstrap adalah template

disain web dengan fitur lebih. Bootstrap dibuat adalah untuk mempermudah proses

Page 58: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

43

disain web bagi berbagai tingkat pengguna, mulai dari tingkat pemula hingga

tingkat profesional. Cukup memahami pengetahuan dasar mengenai HTML dan

CSS.

Didalam buku (Wahana Komputer, 2016 : 115) mendefinisikan bahwa

bootstrap adalah sebuah framework CSS yang menyediakan komponenkomponen

interface siap pakai dan telah dirancang sedemikian rupa untuk keperluan disain

halaman website yang artistik.

1. Instalasi bootstrap

Download file framework di www.getbootstrap.com.

Gambar 2.29 installasi bootstrap

Setelah itu ekstrak filenya dan copy folder css dan js kedalam website

kita.

Page 59: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

44

2. Struktur file bootstrap

Gambar 2.30 Struktur bootstrap

a. Bootstrap.css, adalah file CSS utama yang hasrus disertakan

dalam halaman HTML yang anda buat.

b. Bootsrap.min.css, adalah hasil minify/compress dari bootsrap.css.

file ini digunakan jika disain situs yang dibuat untuk online.

c. Bootstrap-theme.css, diibaratkan suatu kebutuhan skunder.

Fungsinya untuk memberikan efek 3D pada tombol dan beberapa

elemen lainnya.

d. Bootstrap-theme.min.css, adalah hasil minify/compress dari

bootsrap-theme.css. file ini digunakan jika disain situs yang

dibuat untuk online.

e. Bootstrap.js, adalah library javascript untuk memberikan efek

seperti modal, dropdown, scrollspy, dan lain sebagainya.

f. Bootsrap.min.js, digunakan sebagai pengganti bootstrap.js jika

situs yang anda buat untuk online.

Page 60: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

45

2.2.5. PHP

Menurut (Dewi Mustari et al., 2016 : 2) Hypertext Preprocessor (PHP) adalah

bahasa skrip yang dapat dimasukkan atau disisipkan ke dalam HTML. PHP populer

untuk memrogram website dinamis. PHP bisa digunakan untuk membangun sebuah

CMS.

Sedangkan menurut (Supono Vidiandry P, 2016 : 3) PHP adalah bahasa

pemrograman yang digunakan untuk menerjemahkan baris kode program menjadi

kode mesin yang dapat dimengerti oleh komputer yang bersifat server-side yang

dapat di tambahkan kedalam HTML.

Menurut (Tukino, 2018 : 3) Sistem kerja PHP diawali dengan permintaan

yang berasal dari halaman website oleh browser. Berdasarkan URL atau alamat

website dalam jaringan internet, browser akan menemukan sebuah alamat dari

webserver, mengidentifikasi halaman yang dikehendaki, dan menyampaikan

segala informasi yang dibutuhkan oleh webserver.

1. Prinsip Kerja PHP

Di dalam buku (Supono Vidiandry P, 2016 : 4) menjelaskan bahwa

prisip kerja PHP memerluka penerjemah dalam hal ini web server untuk

menjalankannya.

Gambar 2.31 Prinsip Kerja PHP

Page 61: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

46

Di dalam buku (Jubilee Enterprise, 2017 : 12) menjelaskan bahwa

sintax dasar php yaitu sebagai berikut:

1. Cara menulis komentar. Terdapat du acara menambahkan komentar

pada PHP yaitu dengan menambahkan garis miring diawal komentar

dan menambahkan tanda garis miring dan bintang untuk komentar yang

lebih dari 2 kata.

Gambar 2.32 komentar pada PHP

2. Titik koma. Baris perintah php harus diakhiri dengan titik koma (;).

3. Simbol $. Digunakan untuk mendeklarasikan variable.

Gambar 2.33 aturan penulisan dasar PHP

2.2.6. MySQL

Menurut (Andi Christian et al., 2018 : 2) MySQL adalah software RDBMS

(server database) yang dapat mengelola basis data dengan sangat cepat, dapat

menampung data dalam jumlah sangat banyak, dapat diakses oleh banyak user

Page 62: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

47

(multi-user) dan dapat melakukan suatu proses secara sinkron atau berbarengan

(multi-threaded).

Menurut (Iwan Purnama, 2019 : 3) menjelaskan bahwa website yang popular

menggunakan MySQL adalah MediaWiki (perangkat lunak yang dipakai

Wikipedia dan proyekproyek sejenis), PHP-Nuke yang berfungsi sebagai

komponen database dalam LAMP. Popularitas MySQL sebagai aplikasi web

dikarenakan kedekatannya dengan PHP, sehingga MySQL dan PHP seringkali

disebut sebagai Dynamic Duo.

Menurut (Yanto, 2016 : 16-17) keunggulan dari MySQL adalah:

1. Cepat.

2. Memudahkan bagi user dalam penggunaannya.

3. Bersifat open source.

4. Support dengan Bahasa query.

5. Pengguna dapat mengakses lebih dari satu dalam satu waktu.

6. Pengaksesan dapat dilakukan di setiap tempat dengan menggunakan internet.

7. MySQL mudah di dapatkan karena source code yang dapat disebarluaskan.

MySQL bisa kita gunakan pada saat kita menginstal local server XAMPP kita

pada komputer atau PC yang dapat diakses melalui browser yaitu PHPMyAdmin.

Page 63: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

48

3. BAB III

METODE PENELITIAN

3.1. Disain Penelitian

Disain penelitian yang dilakukan pada penelitian ini adalah:

1. Melakukan observasi dan wawancara untuk menemukan masalah yang

akan diteliti. Untuk tahap observasi penulis melihat langsung dan

memperhatikan prosesproses pekerjaan yang terjadi di Ohayo Drawing

School Batam dan mencatat atau merangkum halhal yang penting dan

melakukan wawancara kepada admin dengan berbagai pertanyaan yang

penulis siapkan serta melakukan wawancara kepada beberapa orang tua

peserta kursus sehingga penulis dapat menemukan masalah yang harus

diselesaikan.

2. Menganalisis dari permasalahan yang ditemukan. Setelah menemukan

masalah tahap selanjutnya adalah menganalisis dari datadata yang

penulis kumpulkan dan menetukan sistem untuk pemecahan masalah

yang didapatkan.

3. Merencanakan perancangan sistem berdasarkan hasil dari analisis yang

ditemukan. Pada tahap ini penulis melakukan perancangan interface

secara konsep dan database yang sesuai dari datadata yang penulis

rangkum.

4. Melakukan studi literatur dengan cara membaca jurnal sebagai referensi

serta buku untuk memahami mengenai perancangan website. Dimulai

Page 64: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

49

dari mencari penelitian serupa, mempelajari tahap-tahap yang

dilakukan oleh peneliti sebelumnya dan mengembangkan menjadi

suatu sistem yang pas untuk lembaga kursus Ohayo Drawing School

Batam. Serta mengambil referensi dari buku-buku dan komunitas di

internet.

5. Merancang sistem berbasis website. Dimulai dari perancangan

interface, database, koding dan pengujian sistem.

6. Menarik kesimpulan dari hasil penelitian. Dari hasil sistem yang telah

penulis rancang dan penulis menulis kesimpulan dari penelitian yang

telah penulis selesaikan.

Sumber : peneliti (2020)

Gambar 3.1 Disain penelitian

Page 65: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

50

Agar proses perancangan berjalan sesuai yang diharapkan maka penulis

merancang sistem menggunakan metode SDLC (Software Development Life Cycle)

dengan model waterfall. Karena motode wartefall merupakan metode yang lebih

terstruktur dan tidak memiliki banyak resiko dan biaya untuk pemula yang baru

merancang sistem serta terdapat banyak contoh model waterfall di penelitian-

penelitian perancangan sistem sebelumnya.

Adapun tahapannya terlihat seperti gambar di bawah ini:

Gambar 3.2 model waterfall

Penjelasan dari tahap dari perancangan sistem yaitu:

1. Perencanaan

Pada proses ini penulis melakukan perencanaan atau menentukan

konsep, platform, dan kebutuhan perangkat lunak dan perangkat keras sistem

yang tepat untuk menyelesaikan permasalahan yang diteliti. Penulis

melakukan perencanaan sistem dan melihat berbagai referensi yang terdapat

di jurnal serta internet untuk memantapkan knsep awal dan penulis memilih

berbasis website. Walaupun pada zaman sekarang orang lebih banyak

Page 66: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

51

menggunakan smartphone android atau IOS namun dengan platform mobile

mungkin lebih efektif untuk customer namun sangat tidak efektif untuk admin

yang mana sistem ini dibuat ditujukan untuk memudahkan pekerjaan admin

akan tetapi halaman website tetap bisa di akses pada smartphone.

2. Analisis

Menentukan fiturfitur, event, dan dokumen yang dibutuhkan yang ada

didalam sistem yang akan dirancang agar sesuai dengan kebutuhan untuk

menyelesaikan masalah yang ditemukan di sistem Ohayo Drawing School

batam. Penulis melakukan pengamatan dari alur dan proses dari pekerjaan

yang di lakukan oleh admin Ohayo Drawing School Batam dan

merangkumnya, tahap selanjutnya adalah penentuan fitur dan bagaimana

memberikan interface yang user-friendly agar menghemat biaya pelatihan

nantinya.

3. Merancang sistem

Pada tahap ini penulis melakukan design sistem, database, user

interface serta melakukan pengkodean pada sistem yang akan dirancang.

Pada tahap rancangan penulis terlebih dahulu mendisain interface yang sesuai

dengan hasil analisa dimulai dari halaman utama website (landing page)

hingga selesai, selanjutnya penulis melakukan disain tabel yang ada didalam

database yang mana datadata nya dicocokkan dengan hasil analisa serta

menggambar konsep aluralur dari tabel, tahap terakhir adalah pengkodean

Page 67: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

52

agar sistem yang di disain dapat berjalan sesuai dengan hasil analisa dengan

melihat referensi dan solving di internet jika terjadi kendala pada saat

pengkodean.

4. Pengujian

Setelah program atau website telah selesai di buat, Pada tahap ini

penulis melakukan uji terhadap fungsi dari fiturfitur sistem yang telah

dirancang apakah sudah berjalan sesuai dengan kebutuhan dengan cara

mensimulasikan proses pekerjaan step by step dimulai dari pendaftaran

hingga selesai dan mencatat halhal yang jika masih ada masalah yang harus

diperbaiki. Setelah di perbaiki maka penulis melakukan uji kembali agar

sistem yang diberikan lebih baik dan nyaman untuk digunakan.

3.2. Objek Penelitian

Adapun objek dari penelitian perancangan sistem informasi akademik

lembaga kursus berbasis web yaitu lembaga kursus Ohayo Drawing School batam.

3.2.1. Sejarah Perusahaan

Ohayo Drawing School Batam adalah franchise dari Ohayo lukis yang

berpusat di gunung sahari Jakarta pusat. Ohayo drawing school batam tergolong

masih baru yaitu berdiri sejak tahun 2016 yang terletak di batam centre. Pada saat

awal dibuka Ohayo Drawing School Batam menjadi pusat perhatian sebagai

lembaga kursus melukis yang dapat diperhitungkan di batam karena aktifnya

Page 68: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

53

membuat eventevent dan lomba Serta peserta kursus Ohayo Drawing School Batam

yang meraih juarajuara lomba kesenian baik disekolah maupun umum menjadi

sebuah perhitungan bahwa Ohayo Drawing School Batam cukup baik.

3.2.2. Visi dan Misi

1. Visi

Terwujudnya lembaga kursus melukis dengan peserta kursus yang

kreatif serta berjiwa seni.

2. Misi

a. Menanamkan jiwa kreatifitas yang tinggi serta meningkatkan

pengetahuan tentang seni lukis.

b. Meningkatkan kemampuan berimajinasi serta berwawasan luas.

Page 69: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

54

3.2.3. Struktur Organisasi

Sumber : Admin Ohayo Drawing School Batam (2020)

Gambar 3.3 Struktur Organisasi

3.3. Analisa SWOT Program

A. Strength (Kekuatan)

Kekuatan dari sistem lama yang ada di Ohayo Drawing School Batam

adalah:

1. Aplikasi yang digunakan untuk membantu pekerjaan yaitu mudah

didapatkan dan hampir setiap orang sangat familiar yaitu Microsoft

Word dan Excel.

Page 70: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

55

2. Dokumen penting yang tersimpan aman dari gangguan cybercrime

karena data tidak tersimpan ke dalam sistem internet.

B. Weakness (Kelemahan)

Penerapan sistem yang berjalan sekarang pada Ohayo Drawing School

Batam memperoleh beberapa faktor kelemahan sebagai berikut:

1. Sering terjadinya pertukaran data dan mengaharuskan admin membuat

ulang dokumen baru.

2. kesulitan saat membuat laporan karena harus mengumpulkan

dokumendokumen lama yang bisa saja tercecer, setiknya membutuhkan

satu hari untuk membuat laporan.

3. Kelemahan pada saat absensi jika peserta kursus melakukan perubahan

jadwal kelas dan admin harus membuat ulang form absensi baru dan

mengisi kembali absensiabsensi yang lama secara manual melalui

Excel.

C. Opportunities (Peluang)

Peluang pada sistem yang sedang berjalan di Ohayo Drawing School

Batam adalah:

1. Siapa saja dapat melakukan pekerjaan admin yang memiliki skill office

word atau excel sehingga tidak perlu melakukan training khusus ketika

pergantian karyawan.

2. Tidak membutuhkan biaya pemeliharaan sistem secara khusus atau

maintenance.

Page 71: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

56

3. sistem yang sedang berjalan dapat diupdate secara gratis dan cepat.

D. Threat (Ancaman)

Ancaman yang yang terdapat pada Ohayo Drawing School batam

adalah:

1. Bencana alam yang suatu saat bisa saja terjadi seperti gempa, tsunami

atau banjir, dan kebakaran.

2. Kebocoran data penting oleh karyawan lain yang tidak memiliki

wewenang.

3.4. Analisis Sistem Yang Sedang Berjalan

Pada tahap ini adalah tahap bagaimana sistem sebuah pekerjaan dilakukan

yang masih digunakan hingga saat ini. Analisa sistem yang sedang berjalan pada

Ohayo Drawing School yaitu:

1. Admin memberikan form pendaftaran kosong dan peserta mengisi form

pendaftaran terkait datadata dari calon peserta dan admin menyimpan data

peserta baru selanjutnya peserta baru menyelesaikan biaya adminstratif

terkait biaya kursus, equipment, dan seragam dan lalu admin memberikan

bukti pembayaran sah berupa kuitansi. Nama peserta baru akan dimasukkan

kedalam file excell terkait dengan datadata peserta kursus yang aktif dan

nama siswa baru akan ditulis pada sebuah dokumen yang hanya berlaku satu

bulan sehingga nama dan data siswa baru dapat dilihat oleh owner centre.

2. Admin membuat list orderan equipment seperti pensil, kertas, paint, dan

lainlain dan mengirim purchase order kepada suplier dan suplier

Page 72: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

57

mempersiapkan equipmentequipment yang tertulis di pesanan dan

mengirimkan orderan selanjutnya admin mengecek kelengkapan orderan jika

ada yang kurang atau rusak maka admin akan menghubungi suplier

selanjutnya admin akan mencatat data stok barang kedalam excel dan

menyimpan nota pembelian untuk digunakan sebagai butki transaksi keluar.

3. Admin men-checklist form absensi manual sesuai dengan jadwal kelas yang

di tetukan oleh peserta kursus jika peserta kursus hadir dan mengurangi sisa

kelas dari peserta. Berbeda dengan absensi biasanya, absensi di Ohayo

Drawing School jika peserta tidak hadir maka peserta bisa menggantikan di

minggu berikutnya sesuai dengan hari yang telah disepakati.

4. Admin membuka dokumen pendapatan berupa salinan dari kuitansi

transaksitransaksi yang dilakukan setiap bulan serta mengumpulkan notanota

pengeluaran dan mencatatnya ke dalam dokumen word berbentuk laporan.

5. Orang tua peserta meminta penyambungan atau penambahan jadwal kelas

kursus kepada admin serta membayar biayanya dan admin membuat kuitansi

pembayaran dan menyerahkan kepada orangtua peserta kursus.

3.5. Aliran Sistem Yang Sedang Berjalan

Pada subbab ini adalah penjelasan aliran proses atau gambaran nyata sebuah

pekerjaan di Ohayo Drawing School batam berupa urutan-urutan pekerjaan yang

terjadi pada sistem yang sedang berjalan ini.

Page 73: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

58

Flowmap sistem yang sedang berjalan di Ohayo Drawing School Batam

sebagai berikut:

Sumber : Hasil penelitian (2020)

Gambar 3.4 Aliran sistem informasi pada sistem yang sedang berjalan

3.6. Permasalahan Yang Sedang Dihadapi

1. Proses membuat dan merekap laporan membutuhkan waktu yang lama.

2. Jika banyak peserta yang berhenti maka admin harus membuat data

absensi ulang.

Page 74: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

59

3. Dokumen yang kadang hilang dan tercecer.

4. Membutuhkan biaya print yang lebih mahal dan boros kertas.

5. Banyak pengunjung yang malas datang langsung ke center untuk

melihat aktivitas sehingga kurangnya penambahan peserta kursus baru.

6. Miss-comunication antara pihak Ohayo Drawing School dan orang tua

peserta dikarenakan orang tua peserta yang beberapa sibuk berkerja.

3.7. Usulan Pemecahan Masalah

Berdasarkan analisis dari penelitian ini maka penulis megusulkan sebuah

sistem informasi akademik lembaga kursus berbasis web dimaksudkan untuk

menyelesaikan masalahmasalah tersebut. Adapun usulanusulan nya adalah sebagai

berikut:

1. Proses merekap data untuk membuat laporan bulanan lebih cepat dan

akurat sesuai dengan data yang ada di database dan dilakukan melalui

sistem komputer.

2. Menghapus data peserta tidak berpengaruh teradap absensi.

3. Datadata tersimpan didalam database yang hanya dapat diakses oleh

admin dan owner sehingga tidak akan tercecer dan hilang.

4. Meminimalisir biaya print untuk membuat laporan dengan cara

menyatukan laporan menjadi satu file sesuai kategori masing-masing.

5. Untuk pengunjung yang ingin mendapatkan informasi aktivitas dan

kegiatan di Ohayo Drawing School Batam bisa mendapatkannya di

dalam website.

Page 75: RANCANG BANGUN SISTEM INFORMASI AKADEMIK LEMBAGA …

60

6. Orang tua peserta dapat melakukan feedback atau komplain melalui

website tanpa harus bertemu dengan pihak Ohayo Drawing School

batam langsung.

7. Mencetak laporan dipermudah hanya dengan sekali klik.