SKRIPSI PENGEMBANGAN SISTEM INFORMASI KEGIATAN DAN TAGIHAN IUARAN WARGA BERBASIS WEB DENGAN LAYANAN SMS GATEWAY MENGGUNAKAN NODE.

(1)

i COVER

SKRIPSI

PENGEMBANGAN SISTEM INFORMASI KEGIATAN DAN TAGIHAN IUARAN WARGA BERBASIS WEB DENGAN LAYANAN SMS GATEWAY

MENGGUNAKAN NODE.JS (STUDI KASUS : DUSUN KLUMPIT)

DISUSUN OLEH NOVA ZAKY FATHONI

145410123

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM

YOGYAKARTA 2018

(2)

ii HALAMAN JUDUL

PENGEMBANGAN SISTEM INFORMASI KEGIATAN DAN TAGIHAN IUARAN WARGA BERBASIS WEB DENGAN LAYANAN SMS GATEWAY

MENGGUNAKAN NODE.JS (STUDI KASUS : DUSUN KLUMPIT)

Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang strata satu (S1)

Program Studi Teknik Informatika

Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM YOGYAKARTA

Disusun Oleh NOVA ZAKY FATHONI Nomor Mahasiswa : 145410123

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM

YOGYAKARTA 2018

(3)

iii

(4)

iv

(5)

v

HALAMAN PERSEMBAHAN

Alhamdulillahirobbil‟alamin

Puji Syukur kehadirat Allah Subhanahu Wa Ta‟ala atas taburan kasih sayang, rizki, nikmat dan karunia-Nya.

Engkau berikan berbagai kemudahan dan kekuatan, sehingga karya ini dapat terselesaikan dengan baik.

Karya tulis ini saya persembahkan kepada :

Kedua orang tua saya yang saya sayangi, serta semua anggota keluarga yang selalu membantu, mendukung, memotivasi dan mendoakan saya setiap waktu.

Teman kecil, teman SMP, teman SMA, teman game, teman grup WhatsApp, teman di STMIK AKAKOM Pakde, Hapiz, Wowo, Jun, Bas, Stepan, Mbak Olen,

Heppy, Agata, Anis, Silpi, Shinta, Jati, dan semua yang tidak dapat disebutkan satu persatu, terimakasih atas kebersamaannya selama ini dan semoga kita dapat

bertemu kembali di lain waktu.

Semua pihak yang telah membantu baik materi, tenaga dan doa. Semoga kita semua selalu dalam lindungan-Nya.

(6)

vi

HALAMAN MOTTO

“Tidak penting seberapa lambat Anda berjalan, selama Anda tidak berhenti.”

-Confucius-

“Anda tidak pernah mencapai kesuksesan sesungguhnya sampai Anda menyukai

apa yang sedang Anda kerjakan.”

-Dele Carnegie-

“Orang bijak belajar kala mereka bisa. Orang bodoh belajar kala mereka harus.”

(7)

vii INTISARI

Di Dusun Klumpit dalam memberikan informasi kegiatan dan tagihan iuran warga masih menggunakan kertas undangan dan struk pembayaran yang disebar kepada masyarakat melalui masing-masing ketua RT. Dengan cara ketua RT menyebarkan kertas undangan dan struk pembayaran kepada masyarakat, sistem ini ternyata membutuhkan waktu yang panjang dan kurang efektif.

Sistem yang dibangun berbasis web dengan layanan sms gateway menggunakan bahasa pemrograman Node.js dengan express.js sebagai framework-nya dan basis data menggunakan MySQL dengan tabel terdiri dari tabel users, tabel kegiatan, tabel detai_kegiatan, tabel tagihan, tabel sms, tabel role dan tabel rt.

Informasi yang diberikan untuk warga di sistem ini yaitu berupa informasi kegiatan, tagihan atau iuran, dan laporan jumlah tagihan atau iuran yang akan dikirim ke warga yang sudah terdaftar melalui sms.

(8)

viii

KATA PENGANTAR

Alhamdulillahi Robbil „Alamiin, Puji dan syukur penulis panjatkan kehadirat Allah Ta‟ala, berkat kasih dan karunia-Nya sehingga penulis mampu menyelesaikan penyusunan skripsi yang berjudul “Pengembangan Sistem Informasi Kegiatan dan Tagihan Iuran Warga Berbasis Web dengan Layanan Sms

Gateway Menggunakan Node.js”. Sholawat dan salam

semoga senantiasa tercurahkan kepada Nabi Muhammad Shallallahu Alaihi Wa Sallam, keluarganya, para sahabatnya, dan umatnya yang senantiasa mengikuti petunjuknya hingga akhir zaman.

Penyusunan skripsi ini tidak terlepas dari bantuan berupa bimbingan, saran, dukungan, dan semangat dari berbagai pihak, maka penulis mengucapkan terimakasih kepada:

1. Ibu Dini Fakta Sari, S.T., M.T, selaku Ketua Program Studi Teknik Informatika Jenjang Strata Satu (S1) STMIK AKAKOM Yogyakarta yang telah memberikan izin penelitian.

2. Bapak Drs. Tri Prabawa, M.Kom. selaku dosen pembimbing yang telah memberikan bimbingan, pengarahan, dan semangat dalam penyusunan tugas akhir ini.

3. Bapak Wagito, S.T.,M.T. dan Bapak Thomas Edyson Tarigan, S.Kom., M.Cs.

yang telah banyak memberikan nasehat, arahan, dan

(9)

ix

4. Semua pihak yang telah membantu dalam penyusunan skripsi ini dan tidak dapat penulis sebutkan satu per satu.

Penulis menyadari bahwa dalam penyusunan karya tulis ini masih jauh dari kata sempurna. Oleh karena itu, kritik dan saran yang membangun sangatlah diharapkan guna menambah wawasan dan pengembangan ilmu yang telah penulis peroleh selama ini. Semoga karya tulis ini dapat bermanfaat bagi semua pihak.

Yogyakarta, Agustus 2018 Penulis,

(10)

x

DAFTAR ISI

COVER ... i

HALAMAN JUDUL ... ii

HALAMAN PERSETUJUAN ... iii

HALAMAN PENGESAHAN ... iv

HALAMAN PERSEMBAHAN ... v

HALAMAN MOTTO ... vi

INTISARI ... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... x

DAFTAR GAMBAR ... xiv

DAFTAR TABEL ... xvii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Batasan Masalah ... 2

1.3 Ruang Lingkup ... 2

1.4 Tujuan Penelitian ... 3

1.5 Manfaat Penelitian ... 3

(11)

xi

BAB II TINJAUAN PUSTAKA DAN DASAR TEORI ... 6

2.1 Tinjauan Pustaka ... 6 2.2 Dasar Teori ... 9 2.2.1 Website ... 9 2.2.2 Node.js ... 9 2.2.3 Express.js ... 10 2.2.4 EnvayaSMS ... 10 2.2.5 NPM ... 10 2.2.6 PM2 ... 11 2.2.7 SMS Gateway ... 11 2.2.8 MySQL ... 11

BAB III METODE PENELITIAN ... 12

3.1 Analisi Kebutuhan ... 12

3.1.1 Kebutuhan Input ... 12

3.1.2 Kebutuhan Output ... 12

3.1.3 Kebutuhan Perangkat Lunak ... 12

3.1.4 Kebutuhan Perangkat Keras... 13

3.2 Perancangan Sistem ... 13

3.2.1 Use Case Diagram ... 13

(12)

xii

3.2.3 Activity Diagram ... 18

3.3 Perancangan Basis Data ... 24

3.3.1 Rancangan Tabel... 24

3.3.2 Relasi Tabel ... 27

3.4 Perancangan Antarmuka ... 28

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM ... 37

4.1 Implementasi sistem ... 37

4.1.1 Implementasi Login ... 37

4.1.2 Implementasi Tambah Kegiatan ... 38

4.1.3 Implementasi Tambah Tagihan ... 40

4.1.4 Iimplementasi Tambah Sms... 41

4.1.5 Implementasi Tambah Pengguna ... 42

4.1.6 Implementasi Mengirim SMS ... 43

4.1.7 Implementasi Menerima SMS ... 44

4.1.8 Implementasi Ubah Nomor HP Melalui SMS ... 45

4.1.9 Implementasi Melihat Laporan Tagihan Melalui SMS ... 46

4.2 Pembahasan Sistem ... 47

4.2.1 Halaman Login ... 47

4.2.2 Halaman Kegiatan... 47

(13)

xiii

4.2.4 Halaman Tagihan ... 49

4.2.5 Halaman SMS ... 49

4.2.6 Tampilan config di aplikasi EnvayaSMS... 50

BAB V PENUTUP ... 51

5.1 Kesimpulan ... 51

5.2 Saran ... 51

(14)

xiv

DAFTAR GAMBAR

Gambar 3.1 Use Case Diagram ... 14

Gambar 3.2 Sequency Diagram Semua Pengguna Melakukan Login ... 15

Gambar 3.3 Sequency Diagram Admin Menambah Informasi Kegiatan ... 16

Gambar 3.4 Sequency Diagram Admin Menambah SMS Informasi ... 16

Gambar 3.5 Sequency Diagram Admin Menambah Informasi Tagihan... 17

Gambar 3.6 Sequency Diagram Admin Menambah Pengguna ... 18

Gambar 3.7 Activity Diagram Untuk Login ... 19

Gambar 3.8 Activity Diagram Untuk Tambah Pengguna ... 20

Gambar 3.9 Activity Diagram Untuk Tambah Informasi Kegiatan ... 21

Gambar 3.10 Activity Diagram Untuk tambah Tagihan ... 22

Gambar 3.11 Activity Diagram Untuk Tambah Informasi SMS ... 23

Gambar 3.12 Relasi Tabel ... 27

Gambar 3.13 Rancangan Login... 28

Gambar 3.14 Rancangan Halaman Utama Superadmin ... 28

Gambar 3.15 Rancangan Halaman Kegiatan Superadmin ... 29

Gambar 3.16 Rancangan Halaman Pengguna Superadmin ... 29

Gambar 3.17 Rancangan halaman tagihan superadmin ... 30

Gambar 3.18 Rancangan Halaman Sms Superadmin ... 30

Gambar 3.19 Rancangan Halaman Utama Admin ... 31

(15)

xv

Gambar 3.21 Rancangan Input Kegiatan ... 32

Gambar 3.22 Rancangan Halaman Pengguna Admin ... 32

Gambar 3.23 Rancangan Input Pengguna ... 33

Gambar 3.24 Rancangan Halaman Tagihan Admin ... 33

Gambar 3.25 Rancangan Input Tagihan... 34

Gambar 3.26 Rancangan Halaman Sms Admin ... 34

Gambar 3.27 Rancangan Input SMS ... 35

Gambar 3.28 Rancangan Halaman Utama User ... 35

Gambar 3.29 Rancangan Halaman Kegiatan User ... 36

Gambar 3.30 Rancangan Halaman Tagihan User ... 36

Gambar 4.1 Potongan Program Proses Login ... 37

Gambar 4.2 Potongan Program Tambah Kegiatan ... 39

Gambar 4.3 Potongan Program Tambah Tagihan ... 40

Gambar 4.4 Potongan Program Proses Tambah Informasi SMS ... 41

Gambar 4.5 Potongan Program Untuk Tambah Pengguna ... 42

Gambar 4.6 Potongan Program Untuk Mengirim SMS ... 43

Gambar 4.7 Potongan Program Untuk Menerima SMS... 44

Gambar 4.8 Potongan Program Untuk Ubah Nomor HP Melalui SMS ... 45

Gambar 4.9 Potongan Program Untuk Melihat Laporan Tagihan ... 46

Gambar 4.10 Tampilan Halaman Login... 47

Gambar 4.11 Tampilan Halaman Kegiatan ... 48

(16)

xvi

Gambar 4.13 Tampilan Halaman Tagihan ... 49 Gambar 4.14 Tampilan Halaman SMS ... 49 Gambar 4.15 Tampilan config di aplikasi EnvayaSMS ... 50

(17)

xvii

DAFTAR TABEL

Tabel 2.1 Perbandingan dan Tinjauan Pustaka ... 6

Tabel 3.1 Tabel Users ... 24

Tabel 3.2 Tabel Kegiatan ... 25

Tabel 3.3 Tabel Role ... 25

Tabel 3.4 Tabel RT ... 25

Tabel 3.5 Tabel Tagihan ... 26

Tabel 3.6 Tabel SMS... 26