Aplikasi Pengembangan Sistem Informasi Perpustakaan Booking Online Menggunakan Extended Java Script dan PHP Berbasis Web dan SMS Gateway Di SMA Negeri 20 Surabaya.

Gateway Di SMA Negeri 20 Surabaya

TUGAS AKHIR

Disusun oleh:

LAVIRIA RATNASARI NPM : 0634010087

JURUSAN TEKNIK INFORMATIKA

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INDUSTRI

UPN “VETERAN” JAWA TIMUR

SURABAYA

2011

KETERANGAN REVISI

Mahasiswa dengan nama dan NPM yang tertera dibawah ini :

Nama : Laviria Ratnasari

NPM : 0634010087

Jurusan : Teknik Informatika

Program Studi : Sistem Informasi

Telah mengerjakan revisi SKRIPSI Ujian Lisan Gelombang I TA 2010 – 2011 dengan judul :

“ Aplikasi Pengembangan Sistem Informasi Perpustakaan Booking Online Menggunakan Extended Java Script dan PHP Berbasis Web dan SMS Gateway

Di SMA Negeri 20 Surabaya “

Surabaya, 2 Maret 2011 Dosen Penguji yang Memerintahkan Revisi :

1. Nur Cahyo Wibowo, S.Kom. M.Kom (____________________________)

NPT. 3 7903 04 0197 1

2. I Gede Susrama Mas Diyasa, S.T. M.Kom (____________________________)

NPT. 3 7006 06 0211 1

3. Chrystia Aji Putra, S.Kom. (____________________________)

NPT. 3 8610 10 0296 1

Mengetahui, Dosen Pembimbing I Skripsi

Nur Cahyo Wibowo, S.Kom. M.Kom

NPT. 3 7903 04 0197 1

Dosen Pembimbing II Skripsi

Rizky Parlika, S.Kom. NPT. 3 8405 07 0219 1

ii

Puji syukur kami panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan hidayahNya sehingga kami dapat menyelesaikan laporan tugas akhir yang dilaksanakan di Sekolah Menengah Atas Negeri ( SMAN ) 20 Surabaya dengan judul

“APLIKASI PENGEMBANGAN SISTEM INFORMASI PERPUSTAKAAN BOOKING ONLINE MENGGUNAKAN EXTENDED JAVA SCRIPT DAN PHP BERBASIS WEB DAN SMS GATEWAY DI SMA NEGERI 20 SURABAYA”

Laporan tugas akhir ini kami laksanakan sebagai salah satu syarat yang ditetapkan oleh Universitas Pembangunan Nasional “Veteran” Jawa Timur sebagai persyaratan untuk mendapatkan gelar. Penulis menyadari bahwa hasil penulisan Laporan Tugas Akhir ini tidak akan mungkin selesai tanpa adanya bantuan dari semua pihak yang mendukung untuk laporan ini. Dan penulis sadar betul bahwa laporan Praktek Tugas Akhir ini masih jauh dari kesempurnaan. Oleh karena itu kritik dan saran yang sifatnya membangun sangat diharapkan demi kesempurnaan laporan yang penulis buat ini.

Semoga laporan ini bermanfaat bagi semua pihak.

Surabaya, 17 Februari 2011

iv

Abstrak ... i

Kata Pengantar ... ii

Ucapan Terima Kasih ... iii

Daftar Isi... iv

Daftar Gambar ... ix

Daftar Tabel ... xvi

BAB I Pendahuluan 1.1 Latar belakang ……….. 1

1.2 Perumusan Masalah ……….. 2

1.3 Batasan Masalah ………... 2

1.4 Tujuan Tugas Akhir ……….. 2

1.5 Manfaat Tugas Akhir ……… 2

1.6 Metodologi Penelitian ……….. 3

1.7 Sistematika Penulisan ………... 5

BAB II Tinjauan Pustaka 2.1 Profil SMA Negeri 20 Surabaya ……….. 7

2.1.1 Sejarah SMAN 20 Surabaya ………...… 7

v

2.3 Prosedur Perpustakaan SMA Negeri 20 Surabaya ……….. 11

2.4 Dasar Teori Aplikasi ……… 32

2.4.1 Sistem Informasi ………. 32

2.4.2 PHP ………. 34

2.4.3 Power Designer ……….. 37

2.4.3.1 Metodologi ERD ……… 38

2.4.3.2 CDM dan PDM ………... 39

2.4.4 Sistem Informasi Manajemen ………. 40

2.4.5 SMS Gateway dan SMS Daemon……… 44

2.4.6 Gammu ……… 46

BAB III Analisis dan Perancangan Sistem 3.1 Tahap-tahap Perancangan Sistem ……….... 53

3.2 Perancangan Sistem ………. 54

3.3 Kebutuhan Sistem ……… 56

3.3.1 Diagram Work Flow ……… 58

3.3.2 Data Flow Diagram ………. 60

vi

3.3.3.3 Flow Chart ……….. 63

3.4 Entity Relationship Diagram (ERD) ……… 70

3.4.1 Conceptual Data Model (CDM) ……….. 70

3.4.2 Physical Data Model (PDM) ………... 70

3.5 Kebutuhan Database ……… 71

3.6 Struktur Database ………. 72

BAB IV Implementasi Sistem 4.1 Lingkungan Implementasi ………..……… 74

4.2 Implementasi Data ……….. 75

4.3 Implementasi Antar Muka ……….. 82

4.3.1 Form Sirkulasi ……… 83

4.3.1.1 Form Login ……….. 83

4.3.1.2 Form Anggota ……….. 84

4.3.1.3 Form Buku ……… 85

4.3.1.4 Form Peminjaman ………. 85

4.3.1.5 Form Admin ……….. 87

vii

4.3.1.9 Form Katalog ………. 89

4.3.1.10 Form Buku Tamu ………. 90

BAB V Uji Coba dan Evaluasi

5.1 Lingkungan Uji Coba ……… 92

5.2 Skenario Uji Coba ……….. 93

5.3 Pelaksanaan Uji Coba ………. 94

5.3.1 Uji Coba Koneksi Dari Ponsel ke Notebook ………… 94

5.3.2 Uji Coba Setting Port ……… 94

5.3.4 Uji Coba Login ………. 97

5.3.5 Uji Coba Koneksi Web Server ………. 99

5.3.6 Uji Coba Booking Buku Melalui SMS dan Manual … 100

5.3.6.1 Booking Buku Melalui SMS ……….. 100

5.3.6.2 Booking Buku Manual ……… 105

5.3.6.3 Data Peminjaman dan Laporan Peminjaman .. 107

5.3.7 Uji Coba Insert, Update, Delete……… 109

5.3.7.1Insert, Update, Delete Pada Menu Anggota … 109

viii BAB VI Penutup

6.1 Kesimpulan ……….. 119

6.2 Saran ………. 119

Daftar Pustaka

xvi

ix

Gambar 2.1 Struktur Organisasi SMAN 20 Surabaya ……….. 9

Gambar 2.2 Tata Tertib Perpustakaan SMAN 20 Surabaya ………. 10

Gambar 2.3 Halaman Utama Sistem Informasi Perpustakaan……….. 11

Gambar 2.4 Halaman Login Admin ………. 12

Gambar 2.5 Halaman Sirkulasi ……… 13

Gambar 2.6 Halaman Form Tambah Anggota………. 14

Gambar 2.7 Halaman Edit Data Anggota ……… 15

Gambar 2.8 Halaman Edit Data Anggota ……… 15

Gambar 2.9 Halaman Lihat Data Anggota ………. 16

Gambar 2.10 Halaman Form Detail Anggota ……… 17

Gambar 2.11 Halaman Form Tambah Data Buku ………. 17

Gambar 2.12 Halaman Form Edit Data Buku ……… 18

Gambar 2.13 Halaman Form Edit Data Buku ……… 19

Gambar 2.14 Halaman Form Lihat Data Buku ……….. 20

Gambar 2.15 Halaman Form Detail Buku ………. 20

Gambar 2.16 Halaman Form Peminjaman Buku ……… 21

Gambar 2.17 Halaman Form Lihat Peminjaman ……… 22

x

Gambar 2.21 Halaman Detail Peminjaman ……….. 24

Gambar 2.22 Halaman Form Pengembalian Buku ………... 24

Gambar 2.23 Halaman Form Data Pengembalian Buku ……….. 25

Gambar 2.24 Tampilan Warning Data Buku Berhasil Kembali ……….. 25

Gambar 2.25 Halaman Form Setelah Buku Kembali ……….. 26

Gambar 2.26 Halaman Form Lihat Pengembalian ……….. 26

Gambar 2.27 Halaman Form Data Lookup Administrator ……….. 27

Gambar 2.28 Halaman Form Tambah Admin Baru ………. 27

Gambar 2.29 Tampilan Warning Data Telah Masuk ……….. 28

Gambar 2.30 Halaman Data Lookup Administrator Terbaru ……….. 28

Gambar 2.31 Halaman Data Katalog ………... 29

Gambar 2.32 Halaman Pengisian Buku Tamu ………. 29

Gambar 2.33 Halaman Tampilan Data Buku Tamu ………. 30

Gambar 2.34 Halaman Grafik Pengunjung ……….. 31

Gambar 2.35 Halaman Grafik Peminjaman ……… 31

Gambar 2.36 CDM Jual Beli Mobil ……… 40

Gambar 2.37 PDM Jual Beli Mobil ……… 40

xi

Gambar 3.1 Aktivitas Perancangan Sistem Informasi Perpustakaan ……… 53

Gambar 3.2 Overview Sistem Informasi Perpustakaan Booking Online

Melalui SMS, Web ……… 54

Gambar 3.3 Diagram Work Flow Pendaftaran Praktikum Berbasis SMS

Gateway ………. 58

Gambar 3.4 Pendaftaran Menjadi Anggota dan Booking Buku Melalui

Internet ………... 59

Gambar 3.5 Context Diagram ( DFD Level 0 ) ……….. 61

Gambar 3.6 DFD Level 1 ……… 63

Gambar 3.7 Flowchart Pendaftaran Anggota Perpustakaan Berbasis SMS

Gateway ……….. 65

Gambar 3.8 Flowchart Booking Buku Online Berbasis SMS Gateway ……. 66

Gambar 3.9 Flowchart Pendaftaran Anggota Perpustakaan Berbasis

Website ……… 67

Gambar 3.10 Flowchart Booking Buku Online Berbasis Website ……… 68

Gambar 3.11 Model Data Konseptual (Conceptual Data Modelling) ……….. 70

Gambar 3.12 Model Data Fisik (Physical Datab Modelling) ……….. 70

xii

Gambar 4.4 Tabel Pinjam dan Tabel User ……… 78

Gambar 4.5 Database Anggota ………. 79

Gambar 4.6 Database Booking ………. 79

Gambar 4.7 Database Buku ……….. 80

Gambar 4.8 Database Buku Tamu ……… 80

Gambar 4.9 Database Pinjam ……… 81

Gambar 4.10 Database User ……… 81

Gambar 4.11 Tampilan Login ………. 83

Gambar 4.12 Tampilan Setelah Login ……… 84

Gambar 4.13 Tampilan Anggota ………. 84

Gambar 4.14 Tampilan Buku ……….. 85

Gambar 4.15 Tampilan Peminjaman Buku ………. 86

Gambar 4.16 Tampilan Laporan Peminjaman ……… 86

Gambar 4.17 Tampilan Admin ……… 87

Gambar 4.18 Grafik Pengunjung ………. 88

Gambar 4.19 Grafik Peminjaman ……… 89

Gambar 4.20 Tampilan Katalog ……….. 90

xiii

Gambar 5.2 File Gammurc ………... 96

Gambar 5.3 Koneksi Pertama Gammu ………. 96

Gambar 5.4 Service Gammu (Gammu Telah Koneksi Dengan Database) 97 Gambar 5.5 Halaman Utama Web Perpustakaan SMAN 20 Surabaya … 98 Gambar 5.6 Menu Login Sirkulasi ……… 98

Gambar 5.7 Koneksi XAMPP ……… 99

Gambar 5.8 Stop Koneksi Pada XAMPP ……… 100

Gambar 5.9 Katalog Buku ……….. 101

Gambar 5.10 Format SMS Yang Salah ……… 101

Gambar 5.11 Format SMS Yang Benar dan Mendapat Balasan Kode Booking ……… 102

Gambar 5.12 Tidak Bisa Booking Buku Yang Belum Diambil ………….. 102

Gambar 5.13 Anggota Lain Membooking Buku Yang Sama ………. 103

Gambar 5.14 Buku Telah Habis ……….. 103

Gambar 5.15 ID Booking Tidak Ada ……….. 104

Gambar 5.16 Buku Telah Diambil ……….. 104

Gambar 5.17 Booking Buku Berhasil Diambil ……… 105

xiv

Gambar 5.21 Data Peminjaman ……….. 107

Gambar 5.22 Laporan Peminjaman ……… 108

Gambar 5.23 Grafik Peminjaman ……….. 108

Gambar 5.24 Insert Data Anggota Baru ………. 109

Gambar 5.25 Data Berhasil Ditambahkan ………. 109

Gambar 5.26 Ubah Data Anggota ……….. 110

Gambar 5.27 Data Anggota Berhasil Diubah ………. 110

Gambar 5.28 Hapus Data Anggota ………. 110

Gambar 5.29 Tambah Data Buku ……… 111

Gambar 5.30 Data Buku Berhasil Ditambahkan ………. 111

Gambar 5.31 Ubah Data Buku ……… 112

Gambar 5.32 Data Buku Berhasil Diubah ………... 112

Gambar 5.33 Hapus Data Buku ………... 113

Gambar 5.34 Tambah Data Anggota ……… 113

Gambar 5.35 Data Administrator Berhasil Ditambahkan ……… 114

Gambar 5.37 Ubah Data Admin ……….. 114

Gambar 5.38 Data Administrator Berhasil Diubah ………. 114

xv

Gambar 5.42 Saran Yang Dimasukkan Telah Masuk Di Buku Tamu ……. 117

1

PENDAHULUAN

1.1 Latar Belakang

Kondisi teknologi saat ini sedang berkembang sangat pesat. Termasuk juga perkembangan di teknologi komputer. Teknologi komputer sendiri mencakup banyak lingkup. Diantaranya adalah sistem informasi. Pada jaman sekarang telah banyak sistem informasi yang telah sikembangkan diantaranya adalah sistem informasi perpustakaan. Telah banyak sistem informasi perpustakaan yang ada.

Di perpustakaan SMA Negeri 20 Surabaya telah menggunakan sistem informasi perpustakaan yang proses pengerjaannya dibantu oleh tim PKL mahasiswa UPN ”Veteran” Jatim jurusan Teknik Informatika. namun sistem informasi perpustakaan ini hanyalah sistem informasi perpustakaan biasa. Sudah cukup lengkap fitur peminjaman, pengembalian, daftar buku dan login admin.

Dengan berpegang pada fakta diatas, SMA Negeri 20 Surabaya akan mengembangkan dan mulai serius dalam mengoptimalkan sistem informasi perpustakaan dalam rangka meningkatkan kompetensi. Dengan cara pengenbangan sistem informasi perpustakaan booking online yang menggunakan PHP dan extended java script serta menggunakan SMS Gateway untuk memudahkan para anggota yang hendak meminjam buku.

Harapan yang ada adalah sistem tersebut dapat diimplementasikan dan dapat mencover semua permasalahan yang ada di perpustakaan SMA Negeri 20 Surabaya. Perpustakaan tersebut diharapkan diimplementasikan di web SMA Negeri 20 Surabaya. Dan dapat diakses oleh semua user.

1.2 Perumusan Masalah

Berdasarkan penjelasan di atas, maka dapat dibuat suatu perumusan masalah, yaitu:

”Bagaimana mengimplementasikan sistem informasi perpustakaan booking buku online berbasis web dan SMS gateway di SMA Negeri 20 Surabaya?”

1.3. Batasan Masalah

Berdasarkan latar belakang masalah yang telah di jelaskan di atas dan agar masalah yang nanti akan di bahas tidak terlalu luas, maka ruang lingkup dalam pengerjaan Tugas Akhir ini adalah pengembangan aplikasi tentang peminjaman buku secara online baik melalui web dan sms gateway.

1.4. Tujuan Tugas Akhir

Tujuan yang akan dicapai dari Tugas Akhir pembuatan Sistem Informasi PerpustakaanBooking Online ini adalah:

“Membuat sistem informasi perpustakaan booking online melalui web dan sms gateway untuk SMA Negeri 20 Surabaya”.

1.5. Manfaat Tugas Akhir

Manfaat dari Tugas Akhir dalam pembuatan Sistem Informasi Perpustakaan booking online ini adalah:

a) Untuk lebih memudahkan petugas perpustakaan dalam pengolahan data peminjaman.

b) Membantu mempercepat pekerjaan petugas pepustakaan melalui fungsi sistem perpustakaan peminjaman online.

c) Proses pengelolaan perpustakaan lebih efektif dan efisien.

d) Mempermudah user untuk membooking buku tanpa harus melalui peminjaman di perpustakaan. Karena bisa meminjam melalui internet dan melalui Handphone.

1.6 Metodologi Penelitian

Langkah – langkah pengumpulan data sebagai dasar penyusunan skripsi : a. Metoda Observasi

Pada tahap awal ini dilakukan survei lapangan yaitu, dengan melihat kondisi sistem perpustakaan yang saat ini diterapkan du SMAN 20 Surabaya dimana menjadi tempat terpusat dari semua informasi perbukuan dan ilmu pengetahuan yang kemudian akan diberikan solusinya.

b. Studi Literatur

Pada tahap ini dilakukan pengumpulan referensi – referensi, dokumen – dokumen, buku – buku, sumber dari inetrnet dan sumber – sumber lainnya yang diperlukan untuk merancang dan mengimplementasikan sistem informasi perpustakaan booking online web dan sms gateway. c. Metoda Analisa

Dari hasil survey lapangan dan studi literatur akan dibuat skripsi umum tentang sistem informasi perpustakaan booking online web dan sms gateway yang akan dibuat serta dilakukan kebutuhan sistem, selain itu juga dilakukan perancangan awal sistem informasi perpustakaan booking online web dan sms gateway yang akan dibuat, sehingga akan dihasilkan sistemyang sebelumnya telah dirancang. d. Metoda Development ( Design and Coding )

Pada tahap ini sistem informasi perpustakaan booking online web dan sms gateway yang telah dirancang sebelumnya akan diimplementasikan ke komputerisasi dengan menggunakan PHP dan extended Java Script untuk sistem informasi perpustakaan berupa web site dan server SMS Gateway, dan juga untuk penyimpanan datanya atau database yang digunakan adalah PHPMyAdmin.

e. Metoda Evaluasi

Mengevaluasi hasil – hasil yang telah dikerjakan, sistem informasi yang telah dibuat ini akan diuji coba penggunaannya dan juga akan dievaluasi untuk kelayakan sistem tersebut untuk digunakan, serta error handling-nya.

f. Penyusunan Buku Tugas Akhir

Pada tahap ini merupakan tahap terakhir dalam penyusunan Tugas Akhir. Buku ini disusun sebagai laporan dari seluruh proses pengerjaan Tugas Akhir, dan dari hasil laporan dari buku ini akan memudahkan pembaca untuk mengetahui alur dari sistem informasi perpustakaan

booking online web dan sms gateway ini bekerja atau sebagai panduan untuk membaca.

1.7 Sistematika Penulisan

Adapun sistematika penulisan laporan tugas akhir ini adalah :

BAB I PENDAHULUAN

Bab ini berisi latar belakang, perumusan masalah, batasan masalah, tujuan tugas akhir, manfaat tugas akhir, metode penelitian, serta sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Pada bab ini menjelaskan tentang teori – teori pemecahan masalah yang berhubungan dan digunakan untuk mendukung dalam pembuatan tugas akhir ini.

BAB III ANALISA DAN PERANCANGAN SISTEM

Bab ini dijelaskan tentang tata cara metode perancangan sistem digunakan untuk mengolah sumber data yang dibutuhkan sistem, antara lain : Flowchart, Data Flow Diagram ( DFD ), Entity Relationship Diagram ( ERD ).

BAB IV IMPLEMENTASI SISTEM

Pada bab ini menjelaskan implementasi dari program yang telah dibuat menjadi lingkungan implementasi, implementasi proses dan implementasi antarmuka.

Pada bab ini menjelaskan tentang pelaksanaan uji coba dan evaluasi dari pelaksanaan uji coba dari program yang dibuat.

BAB VI PENUTUP

Bab ini berisi kesimpulan dan saran dari penulis untuk pengembangan sistem.

DAFTAR PUSTAKA

Pada bagian ini akan dipaparkan tentang sumber – sumber literatur yang digunakan dalam pembuatan laporan tugas akhir ini.

LAMPIRAN

Pada bagian ini berisi tentang keseluruhan konfigurasi pada pembuatan mobile.

7

2.1 Profil SMA Negeri 20 Surabaya

2.1.1 Sejarah SMAN 20 Surabaya

Secara singkat, sejarah berdirinya SMA Negeri 20 Surabaya dapat dijelaskan sebagai berikut. SMA Negeri 20 Surabaya sebagai salah satu sekolah tambahan di dilingkungan Dinas Pendidikan Kota (Dispendik) Surabaya pada awalnya dibuka sejak tahun 1989 lalu, dengan tujuan menambah daya tampung jumlah siswa yang ingin masuk sekolah negeri.

Sebagaimana yang tercantum dalam surat keputusan kepala Kantor Wilayah Departemen Pendidikan dan Kebudayaan Propinsi Jawa Timur No.352/ 104/ A/ 1989 tertanggal 22 Juni 1989 tentang pembukaan dan pengelola sekolah baru diwilayah kotamadya Surabaya.

Sedangkan yang ditunjuk sebagai pengelola SMA Negeri 20 Surabaya pada waktu itu adalah SMA Negeri 16 Surabaya yang terletak di Jalan Panjang Jiwo Surabaya. Hal itu karena pada saat itu, pembangunan gedung SMA Negeri 20 Surabaya sendiri belum selesai.

Kemudian pada tahun ajaran 1990/1991, setelah gedung sekolah tersebut telah selesai dibangun yakni pada tahun 1990, dan diresmikanmaka sejak itu, SMA Negeri 20 Surabaya atau Smandaluh dipindahkan ketempat yang baru yakni di Jalan

Medokan Semampir Sukolilo Surabaya sampai dengan sekarang ini.

Keberadaan sekolah menengah atas ini, juga diperkuat berdasarkan Surat Keputusan (SK) Menteri Pendidikan dan Kebuadayaan RI No.0389/ o/ 1990 tanggal 11 Juni 1990 tentang penegerian sekolah di lingkungan Kantor Wilayah Departemen Pendidikan dan Kebudayaan Propinsi Jawa Timur.

Pada saat itu, sekitar tahun 1989 untuk kali pertamanya SMA Negeri Surabaya pengelolannya dipimpin oleh seorang Kepala Sekolah (Kepsek) Soetomo BA. Hingga kini, telah terjadi pergantian Kepsek sebanyak enam kali dan kini yang terakhir dijabat oleh Hj. Sri Widiati, S.Pd, M.M.

2.1.2 Lokasi SMA Negeri 20 Surabaya

SMA Negeri 20 yang berdiri diatas lahan sekitar 10.380 m2 terletak di Jln. Medokan Semampir--Sukolilo ini, pada awalnya memang sering terkena dampak banjir terutama di musim penghujan. Hal itu karena semula letak geografis sekolah tersebut, berdiri diatas lahan kawasan bekas persawahan dan berdekatan dengan kawasan pertambakan.

Akibatnya--ketika di musim penghujan, pada saat itu sekolah tersebut setiap tahun sering mengalami kebanjiran. Sehingga, sering para siswa dan guru maupun tenaga adminsitrasinya tidak dapat datang ke sekolah, imbasnya terkadang kegiatan dari sekolah itu sekitar 1989 dan 1990 yang lalu sering diliburkan selama dua hingga tiga hari.

Namun sejak tahun 2.000 lalu, dan sejak dibangunnya saluran air untuk pembuangan dan peninggoan jalan raya, sekolah tersebut tak lagi terkena dampak banjir. Meski demikian, hingga kini --kesan sekolah banjir oleh sebagian warga

Surabaya tampaknya masih melekat, padahal sejak tahun itu, sekolah tersebut tak lagi terkena dampak banjir.

Pembangunan gedung SMA Negeri 20 yang dimulai sejak 1988 dan selesai 1989, pada awalnya hanya terdiri dua buah gedung terbagai atas enam ruang kelas belajar. Kemudian pada 1991, mendapat tambahan sebuah gedung lagi yang terdiri dari tiga tambahan ruang kelas belajar, dua ruang kelas. Demikian juga, pada 1993, sekolah tersebut juga kembali mendapat tambahan pembangunan gedung, yang terdiri tiga ruang kelas belajar. Dengan begitu, pada saat itu, SMA Negeri 20 telah memiliki 13 ruang kelas belajar seiring dengan perjalanan waktu dan kini totalnya menjadi 28 ruang kelas belajar dengan berbagai sarana dan prasarana yang cukup memadai atau representative dan sarana ini terus ditingkatkan seiring waktu.

2.2 Struktur Organisasi dan Tata Tertib Perpustakaan SMAN 20 Surabaya

Tiap – tiap perpustakaan harus mempunyai tata tertib untuk mengatur jalannya perpustakaan. Dan untuk menjalankan sirkulasi di dalam perpustakaan setiap harinya. Demikian pula yang terdapat di SMA Negeri 20 Surabaya. Tata tertib perpustakaan telah ditentukan semenjak perpustakaan tersebut berdiri. Berikut adalah tata tertib terlulis yang ada di SMA Negeri 20 Surabaya.

2.3 Prosedur Perpustakaan SMA Negeri 20 Surabaya

Perpustakaan SMA Negeri 20 Surabaya adalah satu – satunya perpustakaan yang ada di dalam wilayah SMAN 20 Surabaya. Perpustakaan ini telah dibenahi dekorasi dan tata ruangannya menjadi lebih bagus daripada sebelumnya. Perpustakaan SMAN 20 telah dilengkapi dengan sistem informasi perpustakaan sebagai berikut :

Halaman utama merupakan tampilan antarmuka keseluruhan dari sebuah website. Dimana memiliki beberapa link informasi yang bisa dilihat hanya dengan mengklik link tersebut. biasanya terdiri dari beberapa submenu seperti pada Gambar 2.3

Gambar 2.3 Halaman Utama Sistem Informasi Perpustakaan

Gambar 2.3 merupakan tampilan halaman awal (Home) dari sebuah website Sistem Informasi Perpustakaan SMA Negeri 20 Surabaya yang terdapat berita dan informasi terbaru serta memiliki beberapa link yang terkait dengan informasi tersebut.

Halaman profil ini adalah penjelasan mengenai latar belakang suatu organisasi untuk diketahui oleh pengunjung.

Dalam hal ini, akan fokus membahas sirkulasi, grafik pengunjung, grafik peminjaman dan buku tamu saja.

Gambar di halaman selanjutnya adalah halaman login. Di halaman login ini hanya diperuntukkan bagi admin yang mempunyai username dan password dengan mengklik link Sirkulasi dari halaman utama (Home).

Gambar 2.4 Halaman Login Admin

Gambar 2.4 merupakan halaman login admin yang menjadi salah satu faktor yang mendukung suatu Sistem Informasi Perustakaan agar dapat digunakan sebagai sarana manipulasi data anggota dan data buku serta transaksi peminjaman dan pengembalian buku secara sistematis.

Halaman berikutnya menampilkan menu – menu untuk siap digunakan admin dalam bertransaksi setelah login

Gambar 2.5 Halaman Sirkulasi

Gambar 2.5 merupakan halaman sirkulasi dimana halaman ini adalah tampilan pertama halaman sirkulasi setelah admin melakukan Login. Dalam halaman ini, terdapat banyak menu diantaranya sebagai berikut :

a. Menu Anggota

Menu anggota disediakan untuk admin yang ingin melakukan manipulasi data terhadap anggota yang mendaftarkan diri menjadi anggota perpustakaan SMA Negeri 20 Surabaya. Menu anggota, terdiri dari beberapa menu pilihan diantaranya menu Tambah Data Anggota, Edit Data Anggota dan Lihat Data Anggota. Berikut merupakan tampilan interface dari menu-menu yang terdapat pada menu anggota.

Gambar 2.6 Halaman Form Tambah Data Anggota

Gambar 2.6 Halaman Form Tambah Data Anggota. Halaman form ini digunakan untuk menambah data anggota baru dengan mengisi field yang telah tersedia

Gambar selanjutnya adalah halaman form edit data anggota yang menampilkan data-data anggota yang telah tersimpan ke dalam database. Admin dapat mengubah data yang dimiliki anggota dan mengupdate menjadi data yang paling benar. Tetapi admin tidak dapat merubah No_ID anggota yang sebelumnya telah dimasukkan Admin dan tersimpan ke dalam database. Apabila admin ingin merubah semua data anggota beserta No_ID Anggota yang bersangkutan, sebaiknya admin menghapus data yang ingin dirubah dan memasukkan kembali data anggota secara benar.

Gambar 2.7 Halaman form Edit Data Anggota

Di halaman form edit data anggota ini terdapat 2 menu, Ubah atau Update untuk mengubah data anggota dan menu Hapus untuk menghapus data anggota. Admin dapat mengupdate data anggota yang datanya kurang benar atau perlu ditambahkan. Tetapi admin tidak dapat merubah No_ID anggota yang sebelumnya telah dimasukkan Admin dan tersimpan ke dalam database.

Gambar 2.8 merupakan form edit data anggota yang digunakan untuk mengubah atau mengedit data anggota yang sebelumnya telah tersimpan dalam database.

Halaman selanjutnya merupakan form lihat data anggota. Form ini berfungsi untuk menampilkan seluruh data anggota yang telah terupdate informasinya. Dalam form ini juga terdapat field detail untuk menampilkan detail dari data anggota tersebut. Admin dapat melihat keseluruhan data anggota yang telah tersimpan ke dalam database. Sehingga mempermudah Admin untuk melihat jumlah anggota yang telah menjadi anggota perpustakaan SMA Negeri 20 Surabaya.

Gambar 2.9 Halaman Form Lihat Data Anggota

Gambar 2.9 merupakan halaman form lihat data anggota dan Gambar 2.10 merupakan halaman form detail dari data anggota

Gambar 2.10 Halaman Form Detail Anggota

b. Menu Buku

Disediakan untuk admin yang melakukan manipulasi data buku yang tersedia dan menjadi koleksi SMAN 20. Menu buku, terdiri dari beberapa menu pilihan diantaranya menu Tambah Data Buku, Edit Data Buku dan Lihat Data Buku. Berikut merupakan tampilan interface dari menu yang terdapat pada menu buku.

Gambar 2.11 merupakan Halaman Form Tambah Data Buku. Halaman form ini digunakan untuk menambah data buku baru dengan mengisi field yang telah tersedia.

Halaman selanjutnya adalah form edit data buku yang menampilkan data – data buku yang telah tersimpan di dalam database.

Gambar 2.12 Halaman form Edit Data Buku

Sedangkan di halaman form edit data buku ini terdapat 2 menu, diantaranya adalah menu Ubah atau Update untuk mengubah data buku dan menu Hapus untuk menghapus data buku yang sudah tidak diperlukan lagi. Berikut adalah halaman form untuk megedit data buku (update atau ubah).

Admin dapat merubah dan mengupdate data buku yang datanya kurang benar atau perlu ditambahkan lagi. Tetapi admin tidak dapat merubah No_ID buku yang sebelumnya telah dimasukkan Admin dan tersimpan ke dalam database. Berikut ini adalah halaman form untuk megedit data buku (update atau ubah).

Gambar 2.13 Halaman Form Edit Data Buku

Gambar 2.13 merupakan form edit data buku yang digunakan untuk mengubah atau mengedit data buku yang sebelumnya telah tersimpan dalam database.

Halaman berikutnya merupakan form lihat data buku. Form ini berfungsi untuk menampilkan seluruh data buku yang telah terupdate informasinya. Dalam form ini juga terdapat field detail untuk menampilkan detail dari data buku tersebut.

Admin dapat melihat seluruh koleksi yang dimiliki oleh SMA Negeri 20 Surabaya dan juga dapat melihat jumlah buku yang masih tersedia di perpustakaan.

Gambar 2.14 Halaman Form Lihat Data Buku

Gambar 2.14 merupakan halaman form lihat data buku dan Gambar 2.15 merupakan halaman form detail buku dari lihat data buku.

c. Menu Peminjaman

Menu peminjaman merupakan tempat transaksi peminjaman buku.

Gambar 2.16 Halaman Form Peminjaman Buku

Halaman Form Peminjaman Buku merupakan sarana transaksi peminjaman buku yang dilakukan oleh admin. Dalam hal ini, tanggal pinjam dan tanggal harus kembali telah di atur secara otomatissesuai dengan tanggal peminjaman hari ini dan tanggal harus kembali seminggu kemudian.

Halaman selanjutnya merupakan form lihat peminjaman. Form ini berfungsi untuk menampilkan seluruh data peminjaman buku yang masih dipinjam. Dalam form ini juga terdapat field detail untuk menampilkan detail dari data peminjaman buku tersebut.

Admin dapat melihat seluruh transaksi data buku yang dipinjam oleh anggota. Juga dapat mengecek keterlambatan pengembalian buku dan berapa besar dendanya.

Gambar 2.17 Halaman Form Lihat Peminjaman

Sedangkan Gambar 2.18 merupakan halaman form detail peminjaman buku perpustakaan

Gambar 2.19 akan menampilkan seluruh data laporan peminjaman mulai dari tanggal yang diinginkan secara manual sampai dengan hari ini yang di atur secara otomatis sebelum masuk ke data laporan peminjaman.

Gambar 2.19 Halaman Pengaturan Tanggal Laporan Peminjaman

Setelah pengaturan tanggal yang diinginkan, selanjutnya klik OK.

Pada halaman data laporan peminjaman ini menampilkan keseluruhan data buku. Juga terdapat field detail untuk menampilkan detail dari data laporan peminjaman buku.

Gambar 2.21 merupakan halaman form detail dari data laporan peminjaman.

Gambar 2.21 Halaman Form Detail Laporan Peminjaman

d. Menu Pengembalian

Halaman form pengembalian buku yang dilakukan oleh admin dengan menginputkan ID anggota yang mau mengembalikan buku.

Setelah admin memasukkan ID anggota dan mengklik Cari, maka sistem akan segera menampilkan halaman data pengembalian sesuai dengan ID anggota yang diinputkan sebelumnya seperti Gambar 2.23.

Gambar 2.23 Halaman Form Data Pengembalian

Gambar 2.23 merupakan halaman form data pengembalian dengan ID anggota 102. dalam hal ini, ID tersebut telah meminjam 2 buku dan masing-masing buku mendapatkan denda yang sama. Apabila ID buku 8661 dikembalikan, klik kembali pada link kembali maka ID 102 yang meminjam buku dengan ID 8661 telah sukses dikembalikan seperti gambar 2.24.

Selanjutnya, sistem akan menambahkan kedalam data pengembalian dan menampilkan data pengembalian seperti Gambar 2.25.

Gambar 2.25 Halaman Form Setelah Buku Kembali

Gambar 2.26 menampilkan keseluruhan data buku yang telah dikembalikan beserta denda yang dibebankan kepada peminjam buku. Dalam form ini juga terdapat field detail untuk menampilkan detail dari data laporan peminjaman buku tersebut.

e. Menu Admin

Menu untuk memanipulasi data lookup administrator. Lookup ini hanya dapat diakses oleh admin yang username dan password tersimpan di database.

Gambar 2.27 Halaman Form Data Lookup Administrator

Untuk menambah data admin baru, klik link Masukkan Data Baru, maka sistem akan menampilkan form tambah admin.

Setelah semua field terisi, klik submit untuk memproses dan sistem akan segera menampilkan warning data telah masuk seperti Gambar 2.29.

Gambar 2.29 Tampilan warning Data Telah Masuk

Kemudian, sistem akan menambahkan dan menampilkan informasi terbaru dari Data Look Up Administrator.

Gambar 2.30 di halaman berikutnya merupakan halaman penambahan data administrator baru.

f. Halaman katalog

Gambar 2.31 Halaman Data Katalog

Halaman katalog merupakan halaman yang menampilkan data-data buku yang ada pada perpustakaan SMA Negeri 20 Surabaya

g. Halaman Buku Tamu

Halaman Buku Tamu ini merupakan media untuk menyalurkan aspirasi siswa atau pengunjung yang bersifat membangun. Pengunjung bisa mengisi buku tamu untuk memberikan saran atau kritik yang sudah disiapkan oleh admin sebagai sarana komunikasi. Setelah pengujung mengisi form buku tamu maka akan tampil data seperti Gambar 2.33 :

Gambar 2.33 Halaman Tampilan Data Buku Tamu

Gambar 2.33 merupakan halaman yang menampilkan kritik dan saran yang telah diisi sebelumnya oleh pengunjung di dalam form buku tamu. Apabila pengunjung telah mengisi buku tamu, maka secara otomatis grafik pengunjung akan bertambah berdasarkan bulan ke berapa pengunjung tersebut mengisi buku tamu.

h. Halaman Grafik

Halaman grafik merupakan grafik yang menunjukkan prosentase suatu transaksi. Dalam hal ini, Sistem Informasi Perpustakaan SMA Negeri 20 Surabaya terdapat dua halaman grafik, yaitu seperti pada Gambar 2.34

i. Grafik Pengunjung

Gambar 2.34 Halaman Grafik Pengunjung

Terdapat satu grafik lagi Gambar 2.35 yaitu grafik peminjaman.

j. Grafik Peminjaman

Gambar 2.35 merupakan grafik peminjaman yang datanya diambil dari sirkulasi laporan peminjaman SMA Negeri 20 Surabaya. Setiap kali ada transaksi peminjaman yang diinputkan admin, secara otomatis grafik akan bertambah berdasarkan bulan dimana transaksi tersebut berlangsung.

2.4 Dasar Teori Aplikasi

Pada bab II ini akan dibahas beberapa teori dasar untuk menunjang penyelesaian tugas akhir ini, antara lain: Sistem Informasi, Definisi lain dari Sistem Informasi, PHP, Definisi PHP, Dasar – dasar PHP, Kelebihan PHP, Script PHP, Power Designer, ERD termasuk Membuat ERD, Entitas (Entity), Relasi (Relationship), Atribut (Attribute), Metodologi ERD, CDM, PDM, Sistem Informasi Manajemen, Definisi Booking Online, Extended Java Script, Kelebihan Extended Java Script, Install dan Contoh Program Extended Java Script, SMS Gateway, Keuntungan SMS Gateway, Kebutuhan SMS gateway, SMSD (SMS Daemon), dan Definisi Gammu.

2.4.1 Sistem Informasi

Sistem informasi adalah aplikasi komputer untuk mendukung operasi dari suatu organisasi: operasi, instalasi, dan perawatan komputer, perangkat lunak, dan data.

a. Sistem Informasi adalah sekumpulan hardware, software, brainware, prosedur dan atau aturan yang diorganisasikan secara integral untuk mengolah data

menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan.

b. Sistem Informasi adalah satu Kesatuan data olahan yang terintegrasi dan saling melengkapi yang menghasilkan output baik dalam bentuk gambar, suara maupun tulisan.

c. Sistem Informasi adalah Proses yang menjalankan fungsi mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk kepentingan tertentu. kebanyakan SI dikomputerisasi.

d. Sistem informasi adalah sekumpulan komponen pembentuk sistem yang mempunyai keterkaitan antara satu komponen dengan komponen lainnya yang bertujuan menghasilkan suatu informasi dalam suatu bidang tertentu. Dalam sistem informasi diperlukannya klasifikasi alur informasi, hal ini disebabkan keanekaragaman kebutuhan akan suatu informasi oleh pengguna informasi. Kriteria dari sistem informasi antara lain, fleksibel, efektif dan efisien.

e. Sistem informasi adalah kumpulan antara sub-sub sistem yang salaing berhubungan yang membentuk suatu komponen yang didalamnya mencakup input-proses-output yang berhubungan dengan pengolaan informasi (data yang telah dioleh sehingga lebih berguna bagi user)

f. Sistem informasi adalah sistem yang saling berhubungan dan terintegrasi satu dengan yang lain dan bekerja sesuai dengan fungsinya untuk mengatur masalah yang ada.

g. Suatu sistem informasi (SI) atau information system (IS) merupakan aransemen dari orang, data, proses-proses, dan antar-muka yang berinteraksi mendukung dan memperbaiki beberapa operasi sehari-hari dalam suatu bisnis termasuk mendukung memecahkan soal dan kebutuhan pembuat-keputusan manejemen dan para pengguna yang berpengalaman di bidangnya.

2.4.2 PHP

Pembuatan situs web dinamis biasanya menggunakan database. PHP mensupport beberapa database diantaranya adalah MySQL dan Oracle (support database Oracle untuk Redhat 7 memerlukan kompilasi khusus).

Cara koneksi database dengan MySQL dari PHP adalah :

Secara umum langkah perintah-perintahnya adalah sebagai berikut (diasumsikan Web server ada di alamat 192.168.1.2, menggunakan server database dengan alamat 192.168.1.1, user coba, password cobapsw, database prothelon, table tabel1) :

<?

mysql_connect('192.168.1.1','coba'.'cobapsw');

$data_buffer=mysql_query("select * from prothelon.tabel1"); while($data=mysql_fetch_row($data_buffer)){

echo("Ini adalah datanya $data[0], $data[1]<BR>");

}

mysql_close(); ?>

Harap diperhatikan bahwa sebelum dapat diakses oleh PHP, maka perlu dibuat user sebagaimana contoh dengan perintah MySQL sebagai berikut :

GRANT ALL on prothelon.* to coba@'192.168.1.2' identified by 'cobapsw';

PHP merupakan bahasa interpreter tang hampir mirip dengan bahasa C dan perl yang memiliki kesederhanaan dalam perintah. PHP dapat digunakan bersamaan dengan WML sehingga pembangunan situs web site dapat dilakukan dengan cepat dan mudah. PHP dapat digunakan untuk meng-update database, menciptakan database, dan mengerjakan perhitungan matematika. PHP dapat di download gratis melalui situs http://www/PHP.net menurut dokumen resmi PHP, PHP adalah singkatan dari Hypertext Prepocessor.

PHP merupakan bahasa scripting ( berbentuk script ) yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser ( client side ) hanya hasilnya saja. Secara khusus, PHP dirancang untuk membangun sebuah web dinamis. Artinya, penulis dapar membentuk suatu tampilan berdasarkan permintaan yang up to date. Misalnya, dapat menampilkan isi database ke dalam halaman web. Pada prinsipnya, PHP mempunyai fungsi yang sama dengan script – script seperti ASP ( Active Server Page ), Cold Fusion dan lain – lain. Untuk menjalankan PHP dibutuhkan web server. Yang sering digunakan adalah Apache web server.

PHP dijalankan dalam file berekstensi .PHP, .PHP3 atau .phtml, tetapi secara umum ekstensi file PHP adalah (.PHP). Kode PHP menyatu dengan tag – tag HTML dalam satu file. Kode PHP diawali dengan tag <? atau <? PHP dan ditutup dengan ?>

PHP dikenal dengan mempunyai empat kelebihannya yaitu 4P (Four Pee) :

1. Practical / Praktis

PHP adalah bahasa pemrograman yang sangat longgar dalam penulisan, dan ini meningkatkan kepraktisan buat para penggunanya. Misalnya saja programmer tidak diharuskan untuk menuliskan atau menghapus variabel walaupun kadang mereka juga tidak bisa mengatakan dengan mudah yang kemudian dipanggil dalam sebuaj skrip, menebak formula terbaik dalam penetapan variabel secara otomatis kemudian menghapus variabel dan mengembalikan resource ke system setelah skrip berhasil di eksekusi. Pada akhirnya, PHP mampu membuat programmer lebih berpikir pada tujuan akhir dari project yang akan dibuat.

2. Power

Sudah menjadi rahasia umum kalau PHP mampu membuat halaman dinamis, memanipulasi form, dan dapat dihubungkan dengan database. Selain yang disebutkan tadi, ternyata PHP juga dapat melakukan hal – hal dibawah ini : a. Membuat dan memanipulasi file Macromedia Flash, gambar, dan Portable

Document Format PDF. b. Berkomunikasi dengan LDAP.

c. Berkomunikasi dengan banyak protocol, termasuk IMAP, POP3 dan NNTP.

3. Possibility

Jarang ada developer PHP yang terikat pada suatu implementasi pemecahan masalah. Dilain sisi, banyak pilihan yang ditawarkan oleh PHP. Contohnya ada pada database yang didukung oleh PHP. Kurang lebih semuanya ada 25 database, termasuk Adabas D, dBase, FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, mSQL, direct MS-SQL, PGSQL, Oracle, Oyrimos, PostgreSQL, Solid, Sybase, Unix dbm dan Velocis.

4. Price

PHP merupakan salah satu open source software, yang dapat diartikan sebagai berikut :

a. PHP dapat dimodifikasi, didistribusikan, dan diintegrasikan dengan produk lain oleh penggunanya.

b. Pengembangan dan auditing yang dilakukan secara terbuka. c. Semua orang bebas berpartisipasi.

2.4.3 Power Designer

Satu paket permodelan dan perancangan untuk perusahaan yang memerlukan pembangunan atau perancangan ulang aplikasi bisnis dengan cepat, hemat dan konsisten. Power Designer terintegritasi untuk semua RDBMS modern dan pengembangan untuk Java™, .NET, PowerBuilder® dan Web Services. Seperangkat alat permodelan yang unik dengan menggabungkan beberapa teknik permodelan standar, yaitu: permodelan aplikasi melalui UML, Permodelan Proses Bisnis dan permodelan data yang paling banyak diminati pasar, semuanya didukung oleh solusi

manajemen meta-data yang tangguh dan protektifitas yang sangat sempurna di bidangnya.

a. Membuat ERD

Entity Relationship Diagram adalah pemodelan data utama dan akan membantu mengorganisasikan data dalam suatu proyek ke dalam entitas-entitas dan menentukan hubungan antar entitas.

b. Entitas (Entity)

Entitas adalah suatu yang nyata atau abstrak dimana kita akan menyimpan data. Contoh : entitas pegawai, entitas kampus, entitas buku dsb.

c. Relasi (Relationship)

Relasi adalah hubungan alamiah yang terjadi antara satu atau lebih entitas, misal proses pembayaran pegawai. Kardinalitas menentukan kejadian suatu entitas untuk satu kejadian pada entitas yang berhubungan. Misal, mahasiswa bisa mengambil banyak mata kuliah

d. Atribut (Attribute)

Atribut adalah ciri umum semua atau sebagian besar instansi pada entitas tertentu. Sebutan lain atribut adalah properti, elemen data dan field. Misal, nama, alamat, nomor pegawai, gaji dsb.

2.4.3.1 Metodologi ERD

a. Menentukan entitas Menentukan peran, kejadian, lokasi, hal nyata dan konsep dimana penggunaan untuk menyimpan data.

b. Menentukan relasi Menentukan hubungan antar pas angan entitas menggunakan matriks relasi.

c. Gambar ERD sementara Entitas digambarkan dengan kotak, dan relasi digambarkan dengan garis.

d. Isi kardinalitas Menentukan jumlah kejadian satu entitas untuk sebuah kejadian pada entitas yang berhubungan.

e. Tentukan kunci utama Menentukan atribut yang mengidentifikasikan satu dan hanya satu kejadian masing-masing entitas.

f. Gambar ERD berdasarkan kunci Menghilangkan relasi many to many dan memasukkan primary dan kunci tamu pada masing masing entitas.

g. Menentukan atribut Menentukan field yang diperlukan system. h. Pemetaan atribut Memasangkan atribut dengan entitas yang sesuai. i. Gambar ERD dengan atribut Mengatur ERD dari langkah 6 dengan menambahkan entitas atau relasi yang ditemukan pada langkah 8.

j. Periksa hasil Apakah ERD sudah menggambarkan system yang akan dibangun.

2.4.3.2 CDM dan PDM

Conceptual Data Model (CDM) : model yang dibuat berdasarkan anggapan bahwa dunia nyata terdiri dari koleksi obyek-obyek dasar yang dinamakan entitas (entity) serta hubungan (relationship) antara entitas-entitas itu.

Dalam Gambar di halaman berikutnya yaitu Gambar 2.36 dijelaskan contoh CDM yang ada. Sebagai contoh adalah CDM untuk jual beli mobil. CDM ini untuk contoh tidak berhubungan atau tidak ada hubungan dengan program yang dibuat. Sedangkan PDM di Gambar 2.37 adalah dari CDM yang ada pada Gambar 2.36

Gambar 2.36 CDM Jual Beli Mobil

Physical Data Model (PDM) : model yang menggunakan sejumlah tabel untuk menggambarkan data serta hubungan antara data-data tersebut. Setiap tabel mempunyai sejumlah kolom di mana setiap kolom memiliki nama yang unik.

Gambar 2.37 PDM Jual Beli Mobil

2.4.4 Sistem Informasi Manajemen. Definisi Booking Online dan Extended

Java Script

Sistem Informasi Manajemen adalah kunci dari bidang yang menekankan finansial dan personal manajemen. Sistem Informasi Penjualan adalah suatu sistem informasi yang mengorganisasikan serangkaian prosedur dan metode yang dirancang

untuk menghasilkan, menganalisa, menyebarkan dan memperoleh informasi guna mendukung pengambilan keputusan mengenai penjualan.

Definisi dari booking online adalah pengganti metode peminjaman manual melalui perpustakaan. Yang harus dilakukan user adalah hanya membuka situs perpustakaan SMA Negeri 20 Surabaya baik melalui internet atau melalui Handphone. Lalu memilih daftar buku, kemudian memilih buku (maksimal dua buku) dan memilih menu booking. Maka akan mendapat kode/nomor booking yang selanjutnya di bawa ke perpustakaan untuk menukarkan kode/nomor booking tersebut dengan buku yang telah di bookingnya.

Extended Java Script Merupakan sosok pemrograman modern, yaitu bahasa pemrograman berorientasi script (object-oriented scripting language), yang berbasis kepada kosep prototype. Bahasa ini banyak dikenal di dalam lingkungan website. Bahasa ini diperkenalkan pertama kali oleh Brendan Eich dari perusahaan Netscape Corporation dengan nama awal Mocha kemudian berubah menjadi LiveScript namun diganti akhirnya menjadi JavaScript.

Menurut literatur yang lain java script adalah suatu script yang dibuat dalam bentuk kode HTML dan kode tersebut sebagai kode script yang akan di gunakan pada web site. Website akan mengenal javaScript dan akan menterjemahkan kode-kode java dan hasilnya akan di tampilkan dengan kode-kode HTML. Java Script bekerja pada sisi clen (yaitu pada browser).

Isi kode java script dapat berupa statemen-statemen java script yang tidak sepenuhnya sama dengan statemen java. Penulisan pada bahasa java yang misalnya akan mencetak huruf kelayar maka akan menulis kode System.out.println(“hello

java”); sedangkan dalam java Script kita menggunakan document.write(teks) teks : dapat berupa string, variabel atau tag HTML. Kelebihan Extended Java Script adalah: a. Cross-browser. Berjalan baik di beberapa web-browser. (terutama browser IE,

Mozilla, Opera)

b. GUI yang interaktif dan keren. Aplikasi web memiliki desain semacam aplikasi desktop di Windows. Ext JS memang lebih cocok digunakan untuk aplikasi yang bersifat penampilan data dan transaksional.

c. Contoh yang lengkap.

d. Komponen widget yang banyak.

Install dan contoh program Extended Java Script adalah :

a. Unduh extended Java Script versi public ( telah tersedia di internet ) b. Ekstrak file tersebut dan letakkan pada folder root dari web-server.

c. Masuk ke halaman Ext JS untuk bisa melihat berbagai contoh widget dan penggunaan Ext JS.

d. Unduh e-book dan tutorial tentang Ext JS.

Gambar 2.38 adalah gambar welcome screen ketika membuka Ext JS di localhost.

Gambar 2.39 Contoh Desain Aplikasi Extended Java Script

2.4.5 SMS Gateway dan SMS Daemon

Adalah suatu platform yang menyediakan mekanisme untuk EUA menghantar dan menerima SMS dari peralatan mobile (HP, PDA phone, dan lain lain) melalui SMS Gateway’s shortcode. Sebagai contoh : SMS Gateway membolehkan UEA untuk berkomunikasi dengan Telco SMSC (telkomsel, indosat, dan lain lain) atau SMS platform untuk menghantar dan menerima pesan SMS dengan sangat mudah, Karena SMS Gateway akan melakukan semua proses dan koneksi dengan Telco. SMS Gateway juga menyediakan UEA dengan interface yang mudah dan standar.

UEA dapat berupa berbagai aplikasi yang memerlukan penggunaan SMS. Seperti berbagai aplikasi web yang telah banyak menggunakan SMS (free sms, pendaftaran, konfirmasi melalui SMS, aplikasi perkantoran, dan sebagainya), CMS, acara pengundian di televisi, dan lain lain.

UEA melakukan komunikasi dengan SMS Gateway melalui Internet menggunakan standard HTTP GET atau HTTPS (untuk komunikasi yang aman).

Telco SMSC akan menghantar pesan (SMS) tersebut kepada perusahaan SMS Gateway (sesuai dengan nomor yang telah disewa) dengan menggunakan protokol yang khusus. Dan berdasarkan keyword yang telah dituliskan pada SMS, maka sistem SMS Gateway akan menghantar SMS tersebut ke URL yang telah ditentukan. UEA dapat menghantar SMS reply kepada pelanggan melalui SMS Gateway tersebut. Dan UEA dapat menentukan besarnya biaya (charging) yang akan dikenakan kepada

pelanggan. Biasanya telah ditentukan regulasi biayanya (microcharging mechanism), contoh Rp 0 (gratis); Rp 500,- ; Rp 1000,- ; Rp2000,- dan seterusnya.

Suatu perusahaan SMS Gateway biasanya support untuk pesan yang berupa teks, unicode character, dan juga smart messaging (ringtone, picture message, logo operator,dan lain lain).

Keuntungan SMS Gateway adalah SMS Gateway merupakan pintu gerbang bagi penyebaran Informasi dengan menggunakan SMS. Dapat menyebarkan pesan ke ratusan nomor secara otomatis dan cepat yang langsung terhubung dengan database nomor-nomor ponsel saja tanpa harus mengetik ratusan nomor dan pesan di ponsel, karena semua nomor akan diambil secara otomatis dari database tersebut. Selain itu , dengan adanya SMS Gateway anda dapat mengustomisasi pesan yang ingin dikirim. Dengan menggunakan program tambahan yang dapat dibuat sendiri, pengirim pesan dapat lebih fleksibel dalam mengirim berita karena biasanya pesan yang ingin dikirim berbeda-beda untuk masing-masing penerimanya. Kebutuhan SMS gateway adalah

a. Kebutuhan Hardware

Untuk kebutuhan SMS Gateway tidak terlalu belebihan dan juga fleksibel karena bisa dibuat dengan

1. PC maupun Notebook. Yang mutlak dibutuhkan adalah sebuah komputer, 2. Sebuah ponsel

3. Kabel data (Kabel berantarmuka serial yang dapat menghubungi ponsel dengan PC) atau dapat munggunakan InfraRed dan piranti lunak sebagai SMS

Gateway. Untuk menggunakan InfraRed membutuhkan sebuah ponsel yang juga memiliki fasilitas tersebut, tetapi tidak dianjurkan untuk kebutuhan SMS gateway karena komunikasi dengan InfraRed tidak terlalu baik (jika tergeser gampang terputus).

b. Kebutuhan Software

Menggunakan Linux sebagai Operating System, dimana linux merupakan system operasi terbuka yang popularitasnya semakin semakin menanjak untuk berbagai keperluan komputerisasi baik itu pengolahan database, internetworking atau keperluan lainnya system Linux diakui sangat handal, adapun Distro nya adalah Redhat Ver. 7.2. 2.MySQL Ver. 3.23.52 Max sebagai Database Server dan 3.GNOKII sebagai SMS Gateway.

2. Dapat juga menggunakan windows XP dalam pengoperasiannya.

SMSD (SMS daemon) adalah modul program untuk menerima dan mengirim SMS yang bekerja dengan menggunakan SQL server untuk penampungan semua inbox dan outbox yang ada di seluler. Sampai dengan versi ini baru mensupport dengan dua modul database yaitu MySQL & PostgreSQL

2.4.6 Gammu

GAMMU merupakan software sms gateway yang cukup bagus dan terkenal . Selain mudah penggunaannya, perangkat modem gsm yang support cukup banyak mulai dari Nokia, Siemens dan Sonny Ericsson. Untuk Sony Ericsson telah diaplikasikan dan penggunaannya sangat mudah. Selain itu perangkat lain yang lebih

cocok untuk dijadikan sms gateway dengan software gammu seperti modem gsm itegno. GAMMU bahkan sudah menyediakan service online untuk proses update data sms ke database. Database yang di support GAMMU adalah MySQL.

Ada beberapa pihak yang menginginkan program SMSgateway nya menggunakan database yang lain seperti SQLserver, Oracle. Dapat diaplikasikan dengan menggunakan sedikit program tambahan (delphi atau vb) bisa membuat service atau program yang memanfaatkan gammu dan sqlserver sebagai databasenya.

Sebenarnya bisa membuat software sms gateway sendiri tanpa harus menggunakan GAMMU, syaratnya harus mengetahui terlebih dahulu instruksi atau perintah yang dikirim dari pc ke perangkat modem gsm dan sebaliknya. Perintah itu diberi istilah AT-Command. Jika sudah memiliki AT-Command , lalu membuat aplikasinya dengan menggunakan bahasa pemrograman apapun yang terpenting program tersebut telah menyediakan fungsi untuk komunikasi baik ke port RS232 atau pun USB. Tapi jika terlalu pusing untuk membuatnya, gammu masih dapat dimanfaatkan untuk dipadukan dengan program khusus yang dibuat, sehingga dapat memanfaatkan database lain selain MySQL.

Algoritma pemrograman

Logic dari program ini adalah bagai mana mengeksekusi program gammu dengan parameter yang disediakan dan selanjutnya output dari program gammu tangkap dan ditrace. Hasil dari tracing selanjutnya dimasukan ke database yang diinginkan.

Salah satu fungsi yang dibutuhkan adalah harus membuat fungsi atau procedure yang dapat mengeksekusi perintah dos dan outputnya disimpan di objek teks misalkan untuk didelpi ke objek stringlist. Berikut ini adalah kode nya :

procedure GetConsoleLineOutput(const CommandLine:string;stoutput:TStringList); var SA: TSecurityAttributes;

SI: TStartupInfo;

PI: TProcessInformation;

StdOutFile, AppProcess, AppThread : THandle; RootDir, WorkDir, StdOutFileName:string; const

FUNC_NAME = 'GetConsoleOuput'; begin

try

StdOutFile:=0; AppProcess:=0; AppThread:=0; // Initialize dirs

RootDir:=ExtractFilePath(ParamStr(0)); WorkDir:=ExtractFilePath(CommandLine); // Check WorkDir

if not (FileSearch(ExtractFileName(CommandLine),WorkDir)<>'') then

WorkDir:=RootDir;

// Initialize output file security attributes FillChar(SA,SizeOf(SA),#0);

SA.nLength:=SizeOf(SA);

SA.bInheritHandle:=True; // Create Output File

StdOutFileName:=RootDir+'output.tmp';

StdOutFile:=CreateFile(PChar(StdOutFileName), GENERIC_READ or GENERIC_WRITE,

FILE_SHARE_READ or FILE_SHARE_WRITE, @SA,

CREATE_ALWAYS, // Always create it

FILE_ATTRIBUTE_TEMPORARY or // Will cache in memory // if possible

FILE_FLAG_WRITE_THROUGH, 0);

// Check Output Handle

if StdOutFile = INVALID_HANDLE_VALUE then

raise Exception.CreateFmt('Function %s() failed!' + #10#13 + 'Command line = %s',[FUNC_NAME,CommandLine]);

// Initialize Startup Info FillChar(SI,SizeOf(SI),#0); with SI do begin

cb:=SizeOf(SI);

dwFlags:=STARTF_USESHOWWINDOW or STARTF_USESTDHANDLES; wShowWindow:=SW_HIDE;

hStdInput:=GetStdHandle(STD_INPUT_HANDLE); hStdError:=StdOutFile;

hStdOutput:=StdOutFile; end;

if CreateProcess(nil, PChar(CommandLine), nil, nil, True, 0, nil,

PChar(WorkDir), SI, PI) then begin WaitForSingleObject(PI.hProcess,INFINITE);

AppProcess:=PI.hProcess; AppThread:=PI.hThread; end

else

raise Exception.CreateFmt(’CreateProcess() in function %s() failed!’

+ #10#13 + ‘Command line = %s’,[FUNC_NAME,CommandLine]);

CloseHandle(StdOutFile); StdOutFile:=0;

finally

// Close handles

if StdOutFile <> 0 then CloseHandle(StdOutFile); if AppProcess <> 0 then CloseHandle(AppProcess); if AppThread <> 0 then CloseHandle(AppThread); // Delete Output file

if FileExists(StdOutFileName) then DeleteFile(StdOutFileName); end;

end;

Prosedure pembacaan SMS

untuk membaca SMS dari Modem GSM atau Handphone , dengan memanfaatkan prosedur di atas menggunakan GAMMU adalah sebagai berikut :

var st:string; i,k:integer;

stlines:tstringlist; begin

{ try

stlines:= tstringlist.Create;

GetConsoleLineOutput('gammu --geteachsms',stlines); if stlines.count>0 then

begin

k:=stlines.IndexOf('SMS message'); if k>1 then

begin dec(k);

for i:=k to stlines.count-5 do begin lblog.Items.Add(stlines[i]); end; end; end; finally stlines.Free; end; readsmssavetoinbox; end;

Selanjutnya untuk penyimpanan data ke database disediakan procedure readsmssavetoinbox :

procedure Tfmmain.readsmssavetoinbox; var strsql,sender,msg:string;

smslines : tstringlist; tgl:string; i,beginpos,k:integer; begin try smslines:= tstringlist.Create; GetConsoleLineOutput('gammu --geteachsms',smslines); if smslines.Count>0 then

begin

beginpos:=smslines.IndexOf('SMS message'); if beginpos>1 then

begin

dec(beginpos);

//for i:=beginpos to smslines.count-1 do i:=beginpos;

while not i<=smslines.count-5 do begin

if i>=smslines.count-5 then break; if pos('"Inbox"',smslines[i])>0 then begin

sender:= copy(smslines[i+5],20,length(smslines[i+5])); if sender<>” then sender:=

sender:= StringReplace(sender,””,”””,[rfReplaceAll, rfIgnoreCase]);

msg:=smslines[i+8]; tgl:=

trim(copy(smslines[i+3],pos(’,',smslines[i+3])+1,pos(’+',smslines[i+ 3])-2-(pos(’,',smslines[i+3]))));

strsql:=’insert into

inbox(inbox_sender,inbox_message,inbox_date) values (”’ + sender + ”’,”’ + msg + ”’,”’+ tgl + ”’)';

execsql(strsql); end;

i:=i+10; end;

delsms; end; end; finally

smslines.Free; end;

end;

Execsql adalah procedure untuk mengeksekusi sql yang ada.

Simpan prosedure diatas diprogram looping dengan memanfaatkan timer atau mebuat program services.

53

ANALISIS DAN PERANCANGAN SISTEM

3.1 Tahap-tahap Perancangan Sistem

Dari analisis permasalahan yang telah dilakukan, maka akan dirancang suatu sistem informasi perpustakaan booking online berbasis web dan Sms Gateway dengan ruang lingkup di SMAN 20 Surabaya. Hal tersebut dilakukan untuk menggambarkan arus data dalam aplikasi secara terstruktur dan jelas, serta menggambarkan proses yang terjadi pada aplikasi, sehingga dapat menjadi sarana dokumentasi system yang baik.

Dengan aplikasi berbasis SMS Gateway ini selain dapat melakukan booking online, aplikasi ini juga telah menyediakan fitur agar pengguna yakni murid 0 murid / guru dapat melihat kode bookingannnya dan menyimpan kode bookingan tersebut.

Analisa User Requirment : 1. Mengumpulkan data 2. Mengolah data hasil

pengumpulan

Analisa Sistem : 1. Identifikasi masalah 2. Memahami kerja dari sistem

yang ada 3. Menganalisa sistem

Perancangan Sistem (Design) : 1. Melanjutkan navigasi halaman

website yang sudah ada 2. Merancang skema halaman Sistem Informasi Perpustakaan

Booking online 3. Memilih penggunaan komponen

website dan SMS Gateway

Implementasi : 1. Implementasi Peminjaman dan

Booking Buku 2. Implementasi manipulasi data

database peminjaman online Testing :

1. Pengujian Sistem secara online

2. Analisa hasil sistem yang telah dibuat

Maintenance

Web Server Internet

Workstation

Workstation

Gammu SMS Gateway Kabel HP received / Server HP Sender / Client

Gambar 3.2 Overview Sistem Informasi Perpustakaan Booking Online

Melalui SMS, Web

Booking buku melalui SMS Gateway dilakukan dengan mengirimkan SMS ke Admin yang telah mendaftarkan diri di perpustakaan, dan server dari semuanya itu terletak di perpustakaan juga, web server dapat diakses dari mana saja.

3.2 Perancangan Sistem

Perancangan system berisikan penjelasan tentang deskripsi umum system dari Gambar 3.1 pada halaman 54 menjelaskan tentang aktivitas perancangan system informasi perpustakaan. Sedangkan pada Gambar 3.2 menjelaskan tentang groups / client atau anggota disini dalam lingkup user yaitu siswa – siswi SMAN 20 Surabaya mengirimkan suatu pesan ke no pusat perpustakaan, kemudian diterima dan dimasukkan database PHPMyAdmin. Ada juga anggota yang membooking buku melalui internet, dari internet kemudian masuk di database

PHPMyAdmin Database

PHPMyAdmin. Dan kemudian mendapatkan kode booking yang nantinya ditukar ke petugas perpustakaan. Web site yang melakukan system booking buku ini dapat diakses dari mana saja.

Berikut ini lebih jelasnya report yang akan dihasilkan dari system aplikasi ini :

a. Untuk anggota / user

Hak akses untuk anggota / user dalam system ini adalah : 1. Sistem Web Site :

a. User dapat melihat katalog buku secara lengkap.

b. Dapat mengisi buku tamu dan memberikan kritikan serta saran. c. Dapat melihat grafik pengunjung dan juga grafik peminjaman

buku.

d. User dapat membooking (memesan) buku secara online (maksimal 2 buku).

2. Sistem SMS Gateway :

a. User dapat melakukan registrasi dengan mengetik format SMS : DAFTAR [#] NAMA [#] NO_INDUK_SISWA [#] ALAMAT [#]. Apabila no induk dari user tersebut telah terdaftar, maka user tersebut akan menerima sebuah SMS balasan yang isinya berupa report berhasil registrasi dengan nama user tersebut.

b. User dapat meminjam buku dengan booking online. Dengan mengetik format SMS : BOOKING [#] NAMA_BUKU_1 [#] NAMA_BUKU_2 [#] NO_INDUK_SISWA [#]. Setelah user mengirim SMS maka user tersebut mendapat balasan kode booking

buku yang nantinya di tukarkan ke perpustakaan dengan buku yang asli.

b. Untuk Admin

Hak akses untuk admin perpustakaan ada pada system website dan system sms gateway, hak aksesnya adalah :

1. Admin dapat mengatur peminjaman buku baik secara online website maupun lewat sms gateway.

2. Menginputkan pengembalian buku. 3. Mengatur system booking online buku. 4. Mengedit data anggota perpustakaan.

5. Dapat melihat jumlah anggota perpustakaan yang telah mendaftar melalui sms gateway.

6. Dapat melihat database peminjaman dan pengembalian buku baik secara manual dan secara online.

3.3 Kebutuhan Sistem

Dengan mengidentifikasi deksripsi umum pada system informasi perpustakaan booking online secara terpadu berbasis SMS, web di SMAN 20 Surabaya telah diketahui bahwa focus system tersebut diantaranya : untuk SMS lebih diutamakan handphone pengirim dan SMS Gateway yang nantinya data dari pengirim akan diperiksa oleh database server, untuk website lebih diutamakan program yang dibuat untuk memproses data yang akan dikirimkan oleh anggota dan database server untuk memeriksa data yang dikirimkan anggota tersebut, serta untuk website lebih diutamakan origran untuk memproses data yang akan diolah database server untuk memeriksa data yang telah dimasukkan oleh

anggota, yang kemudian menjadikan data – data yang nantinya dibutuhkan oleh anggota dan admin.

Berdasarkan deksripsi yang telah dibahas untuk memenuhi bebutuhan pengguna dan dapat berinteraksi dengan system serta dapat mengetahui kebutuhan – kebutuhan apa saja yang berpengaruh pada system nantinya, maka diperlukan penjabaran untuk kebutuhan pengguna :

a. Kebutuhan SMS Gateway

1. HP received, ini digunakan sebagai server dari proses SMS Gateway atau menerima dan mengirimkan balasan dari semua proses yang akan terjadi nantinya. Tipe HP ini dikhususkan yang memiki kabel yang support untuk laptop atau PC.

2. HP sender, ini digunakan sebagai client / user / anggota yang akan mendaftar menjadi anggota perpustakaan dan membooking buku. Tipe HP ini yang digunakan semua tipe / merk HP yang bisa dibuat untuk mengetik dan mengirimkan SMS.

b. Kebutuhan Website

1. Komputer atau Laptop ( notebook ) 2. Sistem Operasi

3. Aplikasi Web Browser 4. Setting internet

Pada website internet ini akan dibutuhkan beberapa tools program diantaranya PHP untuk pemrogramannya ditambah Extended Java Script, databasenya menggunakan PHPMyAdmin. Di extended java script juga telah terdapat library.

3.3.1 Diagram Work Flow

Diagram Work Flow ini adalah diagram yang memuat bagian atau urut – urutan yang terlibat arus informasi yang mengalir. Diagram Work Flow merupakan bagan dari DFD yang berfungsi memetakan model lingkungan yang direpresentasikan dengan lingkungan tunggal yang mewakili keseluruhan system. Penggambaran dimulai dengan alur input, proses, terminator, aliran data, aliran control, penyimpanan dan proses tunggal yang mempresentasikan keseluruhan system.

Gambar 3.3 Diagram Work Flow Pendaftaran Praktikum

Berbasis SMS Gateway Pendaftaran dan Registrasi Anggota Perpustakaan

Admin / Petugas Perpustakaan Anggota / Siswa

MULAI

Daftar :

- Isi data anggota perpustakaan : No Induk, Nama, Alamat, No. HP

Data daftar

Nota Pendaftaran Registrasi (anggota perpustakaan)

“DAFTAR_NOINDUK_NAMA_ALAM AT” Data Sesi Konfirmasi Registrasi Anggota Perpustakaan Kelengkapan Data SELESAI YA TIDAK

Pada Gambar 3.3 menjelaskan tentang proses pendaftaran menjadi anggota berbasis SMS Gateway, dimana para siswa pertama kali harus melakukan pendaftaran melalui petugas perpustakaan, dikarenakan siswa tersebut akan mengakses perpustakaan online tersebut melalui handphone. Data yang diminta oleh petugas adalah No Induk, Nama, Alamat dan No HP. Kemudian data akan tersimpan dalam database, “data daftar” dan siswa tersebut akan mendapatkan sebuah nota pedaftaran anggota perpustakaan. Setelah mendapat nota dari petugas perpustakaan, siswa perlu melakukan registrasi pendaftaran anggota perpustakaan. Cukup dengan ketik “DAFTAR [#]NO_INDUK[#]NAMA[#]ALAMAT[#]” siswa akan mendapatkan sebuah report kalau telah sukses registrasi.

Gambar 3.4 Pendaftaran Menjadi Angota dan Booking Buku Melalui Internet

Pendaftaran dan Registrasi Anggota Perpustakaan

Sistem Anggota / Siswa

START

Daftar : - Isi data anggota perpustakaan : No Induk, Nama, Alamat, No HP, Username, Password

Data Daftar Pilih Menu Sistem Booking

Buku Online

Menampilkan Menu Sistem Booking Buku Online

Pilih menu cari buku

Menampilkan menu cari buku

Membooking buku (maksimal 2 buku)

Menerima data booking buku Warning data telah tersimpan D a ta b a s e Cetak kode booking buku END

Pada Gambar 3.4 menjelaskan tentang proses pendaftaran anggota perpustakaan dan membooking buku secara online melalui internet. Yang pertama adalah user mendaftar dulu dengan mengisi form daftar anggota. Dengan menginputkan nama, no induk, alamat dan nomer HP. Apabila telah selesai sukses menginputkan data anggota tersebut diatas. Maka anggota tersebut dapat membooking buku dengan cara masuk menu booking buku dan pilih search buku untuk menlihat daftar lengkap buku. Setelah memilih maksimal dua buku, maka pilih submit dan anggota tersebut akan mendapatkan kode bookingan yang bisa di tukarkan di perpustakaan dengan buku yang dimaksud.

3.3.2 Data Flow Diagram

DFD ( Data Flow Diagram ) merupakan alat perancangan system yang berorientasi pada alur data dengan konsep dekomposis dapat digunakan untuk penggambaran analisis maupun rancangan system yang sudah dikomunikasikan oleh professional system kepada pemakai maupun pembuat program. DFD juga merupakan suatu model data atau proses yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang keluar dari system, dimana data disimpan, proses apa yang menghasilkan data tersebut interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut.

3.3.3 Context Diagram

Context Diagram atau Diagram Konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu system. Diagram konteks merupakan level tertinggi dari DFD yang menggambarkan seluruh input ke system atau output ke system. Dan akan memberi gambaran tentang keseluruhan

system. System dibatasi oleh boundary ( dapat digambarkan dengan garis putus ). Dalam diagram konteks hanya ada satu proses. Tidak boleh ada store dalam diagram konteks.

Diagram konteks berisi gambaran umum ( secara garis besar ) system yang akan dibuat. Secara kalimat, dapat dikatakan bahwa diagram konteks ini berisi “siapa saja yang memberi data ( dan data apa saja ) ke system, serta kepada siapa saja informasi ( dan informasi apa saja yang harus dihasilkan sistem).”

3.3.3.1 DFD Level 0

Context Diagram atau DFD level 0 menjelaskan gambaran umum mengenai system, terdiri atas entitas luar yang berhubungan dengan system serta arah informasi yang berupa masukan dan keluaran antara entitas luar dengan system tersebut. Pada context diagram, pada Gambar 3.5 ini memiliki 2 Entitas luar yaitu : admin dan user atau anggota.

Gambar 3.5 Context Diagram ( DFD Level 0 )

Pada Context Diagram atau DFD Level 0 ini terdapat satu proses dan dua entitas. Proses tersebut yaitu proses SI Perpustakaan dan memiliki entitas admin, user atau anggota. Pada entitas admin terjadi proses admin melakukan login ke system lalu setelah login, admin dapat mengecek di system booking online

0

Sistem Informasi Perpustakaan Booking Online SMAN 20

Surabaya a Admin b User / Anggota Login

Sistem Booking Online Validasi Login Validasi Booking Online

Login Mengisi Pendaftaran

Booking Buku

tentang siapa saja yang mendaftar untuk membooking buku online. Sedangkan di entitas user terjadi proses login untuk user dan user mengisi pendaftaran booking online kalau user belum pernah mendaftar sebelumnya. Setelah mendaftar maka user dapat membooking buku secara online dengan memilih buku ( maksimal 2 buku ), setelah membooking buku user mendapat kode bookingan untuk ditukar ke perpustakaan dengan buku yang dimaksud.

3.3.3.2 DFD Level 1

Pada DFD level 1 ini ( Gambar 3.6 ) prosesnya di pisah – pisah lagi sehingga menjadi dua entitas, tujuh proses dan lima data store. Proses tersebut yaitu proses login, management admin, proses management data anggota, proses management data buku, proses management trans peminjaman, management user / anggota, dan proses management booking buku online. Memiliki entitas admin dan user / anggota. Serta data store login database, data anggota database, data buku database, trans, peminjaman database, dan booking online database.

Pada proses login terjadi entitas admin, admin akan login dan masuk ke database login yang berupa data store. Disini admin berhubungan dengan beberapa proses, proses yang berhubungan dengan entitas admin adalah proses management admin yang nantinya terhubung dengan proses berikutnya yaitu proses management data anggota dan berakhir di data store data anggota database. Kemudian admin juga memiliki hubungan dengan proses management data buku dan data store data buku database, untuk mengatur buku – buku yang dipinjam. Kemudian yang terakhir admin terhubung dengan proses management trans peminjaman dan ke data store trans peminjaman database. Sedangkan untuk user

terhubung dengan proses management user dan proses management booking buku online dan berakir di data store booking buku online database.

Gambar 3.6 DFD Level 1

3.3.3.3 Flowchart

Bagan ( chart ) yang menunjukkan alir ( flow ) di dalam program atau prosedur system secara logika. Digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi. Flowchart juga merupakan :

1. Bagan yang menunjukkan arus pekerjaan secara keseluruhan dari system. 1.1

Proses Login

1 Login Database a

Admin

Login

Validasi Login

Penyimpanan Database Login

1.2 Management Admin + Aktifitas Management Validasi Management 1.3 Proses Management Data Anggota + Aktifitas Management Data Anggota

2 Data Anggota Database Penyimpanan Database Data Anggota 1.4 Proses Management Data Buku +

3 Data Buku Database Penyimpanan Database Data Buku 1.5 Proses Management Trans. Peminjaman + Validasi Management Trans. Peminjaman

Aktifitas Management Trans. Peminjaman

4 Trans. Peminjaman Database Penyimpanan Database

Trans. Peminjaman

1.7 Proses Management Booking Buku Online

+ 1.6

Management User / Anggota

+

Aktifitas Management Booking Buku Online

Validasi Management Booking Buku Online

5 Booking Buku Online Database Penyimpanan Database

Booking Buku Online

b User / Anggota Aktifitas Management

User / Anggota

2. Menjelaskan urut – urutan dari prosedur – prosedur yang ada di dalam system.

3. Menunjukkan apa yang dikerjakan di system.

Tujuan utamanya penggunaan flowchart adalah untuk menggambarkan suatu tahapan penyelesaian secara sederhana, terurai, rapi dan jelas dengan menggunakan symbol – symbol standar. Tahap penyelesaian masalah yang disajikan harus jelas, sederhana, efektif dan tepat. Hal ini untuk memudahkan orang awam untuk belajar serta untuk mengetahui proses dari system yang dibuat.

Flowchart yang akan dijelaskan dibawah ini mengenai proses utama dari pembuatan Aplikasi Sistem Informasi Perpustakaan Booking Online menggunakan PHP dan Extended Java Script berbasis web dan SMS Gateway, yaitu :

a. Flowchart untuk melakukan proses pendaftaran menjadi anggota perpustakaan SMAN 20 Surabaya dengan SMS Gateway

b. Flowchart untuk melakukan proses peminjaman buku secara online ( booking online ) dengan SMS Gateway

c. Flowchart untuk melakukan proses pendaftaran menjadi anggota perpustakaan SMAN 20 Surabaya dengan website

d. Flowchart untuk melakukan proses peminjaman buku secara online ( booking online ) dengan website

Pada Gambar 3.7 merupakan bentuk alir ( flowchart ) untuk melakukan proses pendaftaran menjadi anggota perpustakaan SMAN 20 Surabaya dimana ketika melakukan pendaftaran menjadi anggota, setiap siswa dapat melakukan dengan mengirim SMS dengan format ketik DAFTAR [#] NAMA [#]

NO_INDUK_SISWA [#] ALAMAT [#], kemudian kirim, maka siswa tersebut akan mendapatkan balasan atau konfirmasi.

Gambar 3.7 Flowchart Pendaftaran Anggota Perpustakaan

Berbasis SMS Gateway

Gambar 3.8 merupakan flowchart peminjaman buku perpustakaan berbasis SMS gateway. Dimana siswa atau anggota dapat melakukan booking online atau dapat meminjam buku secara online. Caranya dengan mengetik sms dengan format BOOKING [#] NAMA_BUKU_1 [#] NAMA_BUKU_2 [#] NO_INDUK_SISWA [#] dengan lengkap lalu kirim ke tujuan.maka booking buku akan diproses dan siswa akan mendapatkan sebuah konfirmasi sebagai tanda bukti

START

Nama, No Induk, Alamat

Lengkap

Pendaftaran

Terima sms sebagai bukti

pendaftaran

END YA

bahwa siswa tersebut telah melakukan booking buku. Jika format SMS yang dikirimkan oleh siswa salah, maka anggota akan mendapatkan konfirmasi SMS kode penulisan salah dan aka nada bentuk format SMS yang benar. Nama buku juga dapat dicari dengan cara pencarian buku berdasarkan nama yang terdapat di menu SMS gateway. Sehingga para anggota tidak perlu bersusah payah menghafal nama – nama buku yang ada di perpustakaan. Setelah booking suskes, anggota akan menerima sms balasan berupa kode booking yang harus ditukarkan ke perpustakaan untuk mendapatkan buku yang telah dipesan sebelumnya.

Gambar 3.8 Flowchart Booking Buku Online Berbasis SMS Gateway

START

Nama buku 1 Nama buku 2 No induk siswa

Lengkap

Booking buku online

Terima sms dan kode booking sebagai bukti booking buku END YA TIDAK Terima sms kode salah Buku ready (tersedia di stok

perpustakaan)

YA

Terima sms buku kosong, pilih buku yang lain

Pada Gambar 3.9 merupakan flowchart untuk melakukan proses pendaftaran menjadi anggota perpustakaan SMAN 20 Surabaya berbasis website, dimana ketika melakukan pendaftaran menjadi anggota, setiap siswa dapat melakukan dengan mengisi form pendaftaran yang telah ada di menu pendaftaran. Pendaftaran ini harus diisi apabila siswa tersebut ingin menjadi anggota dari perpustakaan SMAN 20 Surabaya. Pendaftaran ini bersifat satu kali mendaftar, apabila sudah mendaftar sebelumnya maka tidak perlu mendaftar lagi ketika akan meminjam buku lagi.

Gambar 3.9 Flowchart Pendaftaran Anggota Perpustakaan Berbasis Website

START

Isi form pendaftaran

Lengkap

Database

Tampilkan pop up Sukses mendaftar

END YA

Pada Gambar 3.10 merupakan flowchart peminjaman buku perpustakaan berbasis SMS website. Dimana siswa atau anggota dapat melakukan booking online atau dapat meminjam buku secara online. Dengan cara masuk ke menu booking online, lalu dimenu tersebut anggota diminta untuk melengkapi kolom yang kosong yaitu nama, nomor induk dan buku yang dipilih. Maksimal dua buku yang bisa dipinjam pada satu waktu, cara memilih buku ada kotak pilihan yang muncul ketika di klik. Disitu akan terlihat semua buku – buku yang ada di perpustakaan SMAN 20 Surabaya.

Gambar 3.10 Flowchart Booking Buku Online Berbasis website

START

Isi form booking buku online

Lengkap

Booking buku online

Terima kode booking sebagai

bukti booking buku

END YA

TIDAK

Buku ready (tersedia di stok

perpustakaan)

YA

Terima warning buku kosong, pilih buku yang

lain

3.4 Entity Relationship Diagram ( ERD )

ERD merupakan notasi grafis dalam permodelan data konseptual yang mendeskripsikan hubungan antar penyimpanan. ERD digunakan untuk memodelkan struktur data dan hubungan antar data, karena hal ini relative kompleks. Dengan ERD, dapat menguji model dengan mengabaikan proses yang dilakukan dan mencoba menjawab pertanyaan, “Data apa yang diperlukan ?, bagaimana data yang satu berhubungan dengan yang lain?”.

ERD menggunakan sejumlah notasi dan symbol untuk menggambarkan struktur dan hubungan antar data.

3.4.1 Conceptual Data Model ( CDM )

Gambar 3.11 Model Data Konseptual ( Conceptual Data Modeling )

Mengisi Membooking Melalui Masuk_Ke_Database Mengupdate Mengupdate_Data Anggota id_anggota nama_anggota alamat_anggota kota_alamat no_telp tgl_lahir foto <pi> I VA50 VA50 VA15 I D VA100 <M> <M> <M> <M> <M> <M> <M> id_anggota <pi> Booking id_booking tgl_booking tgl_berakhir status_booking <pi> I D D I <M> <M> <M> <M> id_booking <pi> User nama_user username password <pi> VA20 VA15 VA15 <M> <M> <M> nama_user <pi> Buku_Tamu id_bukutamu nama alamat email saran tgl jam <pi> I VA30 VA50 VA50 VA500 D I <M> <M> <M> <M> <M> <M> <M> id_bukutamu <pi> Pinjam no_pinjam status tgl_pinjam tgl_hrs_kembali tgl_kembali denda <pi> I VA1 D D D I <M> <M> <M> <M> <M> <M> no_pinjam <pi> Buku id_buku judul_buku pengarang_buku penerbit tahun_terbit jenis_buku status_buku jml_buku rak gambar <pi> I VA50 VA25 I I VA15 VA10 VA3 VA4 VA100 <M> <M> <M> <M> <M> <M> <M> <M> <M> id_buku <pi>

Gambar 3.11 merupakan gambar CDM memodelkan struktur logis dari keseluruhan aplikasi data, tidak tergantung pada software atau pertimbangan model struktur data. CDM yang valid dapat dikonversi ke PDM atau OOM. CDM mirip dengan konsep ERD yang diajukan oleh Elmasri, hanya ada beberapa perbedaan sintaks.

3.4.2 Physical Data model ( PDM )

PDM memodelkan struktur fisik dari database, dengan mempertimbangkan software DBMS serta model struktur yang akan digunakan. PDM yang valid dapat dikonversi ke CDM atau OOM. PDM dapat dihasilkan ( di - generate ) dari CDM yang valid.

Gambar 3.12 Model Data Fisik ( Physical Data Modeling )

FK_MENGISI

FK_MEMBOOKING FK_MELALUI

FK_MASUK_KE_DATABASEFK_MASUK_KE_DATABASE2 FK_MENGUPDATE

FK_MENGUPDATE_DATA FK_MENGUPDATE_DATA2 Anggota id_anggota nama_user nama_anggota alamat_anggota kota_alamat no_telp tgl_lahir foto integer variable character(20) variable character(50) variable character(50) variable character(15) integer date variable character(100) <pk> <fk> Booking id_booking no_pinjam id_anggota tgl_booking tgl_berakhir status_booking integer integer integer date date integer <pk> <fk2> <fk1> User nama_user username password variable character(20) variable character(15) variable character(15) <pk> Buku_Tamu id_bukutamu id_anggota nama alamat email saran tgl jam integer integer variable character(30) variable character(50) variable character(50) variable character(500) date integer <pk> <fk> Pinjam no_pinjam id_buku nama_user id_booking status tgl_pinjam tgl_hrs_kembali tgl_kembali denda integer integer variable character(20) integer variable character(1) date date date integer <pk> <fk3> <fk2> <fk1> Buku id_buku no_pinjam nama_user judul_buku pengarang_buku penerbit tahun_terbit jenis_buku status_buku jml_buku rak gambar integer integer variable character(20) variable character(50) variable character(25) integer integer variable character(15) variable character(10) variable character(3) variable character(4) variable character(100) <pk> <fk2> <fk1>

116

Gambar 5.40 Form Buku Tamu

Gambar 5.41 Konfirmasi Saran Telah Disimpan

Pada Gambar 5.41 terdapat pop up bahwa saran telah disimpan di buku tamu dan database.

117

Gambar 5.42 Saran Yang Dimasukkan Telah Masuk di Buku tamu

Pada Gambar 5.42 telah terlihat bahwa saran telah sukses masuk di buku tamu.

118

5.4 Evaluasi

Hasil evaluasi dari uji coba terhadap beberapa scenario yang telah dilakukan membuktikan bahwa aplikasi yang telah berjalan dengan baik sesuai dengan dungsinya masih-masing. Untuk waktu proses pengiriman SMS ke server sangat cepat sedangkan pada saat server membalas SMS bookingan yang dikirim agak lama namun hanya berkisar paling lama 10 detik apabila operator tidak ada gangguan. Untuk loading dari program atau aplikasinya juga lancar dan cepat.

119

BAB VI

PENUTUP

6.1 Kesimpulan

Implementasi system ini adalah dengan menginstall aplikasi ini ke dalam computer di perpustakaan SMA Negeri 20 Surabaya. Lalu mensetting server untuk SMS Gateway dan juga server internet dalam arti koneksi internet yang ada. Para admin dijelaskan tentang penggunaan system ini. Agar paham dan mengerti bagaimana cara pengoperasian system ini. Diumumkan kepada anggota bahwa ada system baru yang telah diterapkan, agar mereka mengerti bahwa mudah untuk memesan buku di perpustakaan sekarang.

6.2 Saran

Berdasar pengalaman dalam proses pembuatan aplikasi ini, terdapat beberapa saran yang diusulkan oleh penyusun terkait untuk pengembangan aplikasi lebih lanjut. Saran-saran tersebut antara lain:

a. Booking online hanya bisa dilakukan melalui SMS, disarankan booking online juga bisa dilakukan melalui web.

b. Server SMS Gateway belum bisa handling apabila jaringan sedang erorr atau gangguan. Penyebab jaringan erorr adalah servernya terputus koneksinya atau server mengalami hang karena terlalu banyak kapasitas di webservernya. Solusinya dengan menggunakan manual yaitu dengan menggunakan peminjaman secara manual dengan di umumkan di web

120

apabila server sedang mengalami gangguan dan tidak bisa memakai aplikasi SMS Gateway.

DAFTAR PUSTAKA

Prasetyo, Eko ( 2004 ), ”Pemrograman Web PHP dan MySQL untuk Sistem Informasi Perpustakaan”, Graha Ilmu, Yogyakarta.

H, Rafiza ( 2004 ), ”Panduan dan Referensi Kamus Fungsi Php 5 untuk Membangun Database Berbasis Web”, Elex Media Komputindo, Yogyakarta.

Prasetyo, Didik Dwi ( 2007 ), ”Belajar Sendiri Tanpa Guru Php dan MySQL”, Elex Media Komputindo, Yogyakarta.

Sutarman, ”Pemrograman Web Php dan MySQL” ( 2006 ), Graha Ilmu, Yogyakarta.

Al Fatta, Hanif ( 2007 ), ”Analisis dan Perancangan Sistem Informas”, Penerbit Andi, Jakarta.

Irawan, Doni. 2009. Pengertian SMS Gateway. Diakses online 10/01/2011 dari

Lukmanul Hakim, ”Membongkar Trik Rahasia Para Master PHP Lukmanul Hakim”, Yogyakarta, 2004

Nugroho Bima, ”PHP & MySQL Dengan Editor Dreamweaver MX”, penerbit ANDI, Yogyakarta 2004

ST. Sunarfrihantono, ”PHP & MySQL untuk Web” Penerbit ANDI, yogyakarta,2002 – 2003