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
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
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
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
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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
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
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
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
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
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
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.
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
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
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
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
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
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
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
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,
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!’
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;
{ try
stlines:= tstringlist.Create;
GetConsoleLineOutput('gammu --geteachsms',stlines); if stlines.count>0 then
begin
k:=stlines.IndexOf('SMS message'); if k>1 then
Selanjutnya untuk penyimpanan data ke database disediakan procedure
readsmssavetoinbox :
smslines:= tstringlist.Create;
GetConsoleLineOutput('gammu --geteachsms',smslines); if smslines.Count>0 then
begin
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
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. 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
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
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
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
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
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
