Chapter III-V.pdf
-
Upload
rama-dhany -
Category
Documents
-
view
88 -
download
0
Transcript of Chapter III-V.pdf
-
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Struktur Database
Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan
file yang lain sehingga membentuk satu kesatuan data untuk menginformasikan suatu
perusahaan, instansi dalam batasan tertentu.
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data
tersebut akan diproses oleh program yang dibuat pada tahap pemrograman yang akan
menampilkan isi database ke halaman web. Database terdiri atas tabel-tabel yang
dibuat dengan menggunakan program MySQL.
3.1.1 Database SMS Gateway
Database ini merupakan database standar (default) dari program SMS gateway
GAMMU versi 1.27.91-Windows. Berikut langkah- langkah nya :
1. Buat database smsd
2. Import file mysql.sql yang berada pada direktori [Gammu-1.27.91-Windows-share-
doc-gammu-examples-config].
3. Database program SMS gateway GAMMU versi 1.27.91-Windows siap digunakan.
Universitas Sumatera Utara
-
3.1.2. Database SMS Nilai
a. Tabel admin terdiri dari:
Tabel 3.1 Tabel Admin
Field Jenis Size
Id Int 3
nama Varchar 255
email Varchar 255
kelamin Varchar 8
user Varchar 25
password Varchar 255
b. Tabel nilai_siswa terdiri dari:
Tabel 3.2 Tabel Nilai Siswa
Field Jenis Size
Nis Int 10
Nama Varchar 45
Kelas Varchar 10
Agama Varchar 4
Kesenian Varchar 4
Penjas Varchar 4
Ppkn Varchar 4
Mm Varchar 4
Fisika Varchar 4
Kimia Varchar 4
Biologi Varchar 4
Bind Varchar 4
Bing Varchar 4
Geografi Varchar 4
Sejarah Varchar 4
Sakit Varchar 3
Ijin Varchar 3
Alpa Varchar 3
Nohp Varchar 20
Universitas Sumatera Utara
-
c. Tabel phones_book terdiri dari:
Tabel 3.3 Tabel Phones Book
Field Jenis Size
Id Int 10
Nomor Varchar 20
Nama Varchar 50
Alamat Varchar 60
3.2 Perancangan Halaman Website
Tahap perancangan halaman website adalah menentukan dan membuat rancangan
tampilan dari situs yang akan dibuat. Kumpulkan terlebih dahulu komponen yang
akan digunakan. Untuk membuat rancangan tampilan kita dapat menggunakan
software pengolah grafik seperti Adobe Photoshop CS.
1. Perancangan Halaman Awal
Gambar 3.4 Halaman Awal Web
Universitas Sumatera Utara
-
3.3 Pembuatan Flowchart (Diagram Alir)
Langkah selanjutnya adalah membuat garis besar Program. Salah satu cara yang
digunakan adalah dengan membuat flowchart. Flowchart merupakan bagan yang
menunjukkan aliran informasi didalam program atau prosedur sistem secara logika.
Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi
dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di
samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya,
terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana
flowchart keseluruhan dalam membangun situs ini dapat dilihat pada gambar di
bawah ini:
3.3.1 Flowchart Login
Gambar 3.2 Flowchart Login
Start
Halaman Login
Status = Admin
Halaman Admin
Input Username dan Password
Login user & Password
Salah
Logout
AE
Universitas Sumatera Utara
-
3.3.2 Flowchart Halaman Admin
Gambar 3.3 Flowchart Halaman Admin
Menu Admin
Input Data
Lihat data
Form sms
Buku telp
Inbox
Outbox
List Data Nilai
List Buku Telephone
List Inbox
List outbox
AE
E
E7
E2
E1
E3
E4
E5
E6
Form input Data
Form Kirim Nilai
Form SMS Single
Universitas Sumatera Utara
-
3.3.3 Flowchart SMS Single
Gambar 3.4 Flowchart SMS Single
3.3.4 Flowchart Input Data
Gambar 3.5 Flowchart Input Data
E1
Input No.Hp/Pesan
Kirim
Outbox
Sentitem
E2
Input Data Nilai
Simpan
Nilai_siswa
Reset
Universitas Sumatera Utara
-
3.3.5 Flowchart Lihat Data
Gambar 3.6 Flowchart Lihat Data
E3
Pilih data
Detail Nilai_
Siswa
Tampilkan Data Nilai
Edit
Kirim
Hapus
Tampilkan Detail Data
Edit Data Nilai Update
Tampilkan Data Insert Outbox
Tampilkan Data Send
Universitas Sumatera Utara
-
3.3.6 Flowchart Form Kirim Nilai
Gambar 3.7 Flowchart Form Kirim Nilai
3.3.7 Flowchart Buku Telephon
Gambar 3.8 Flowchart Buku Telephon
E4
Input Data Nilai
Send
Outbox
Reset
E5
Send
Tambah Data
Form data Input Data Phones
_Book
Edit
Kirim
Hapus
Tampilkan data
Form edit
Form SMS
Update Data
Outbox
Universitas Sumatera Utara
-
3.3.8 Flowchart Inbox
Gambar 3.9 Flowchart Inbox
3.4 Algoritma Program
Algoritma merupakan urutan langkah- langkah berhingga untuk memecahkan masalah
logika atau matematika.
3.4.1 Algoritma Program SMS Gateway
Langkah 1 : Mengaktifkan service aplikasi SMS gateway GAMMU, ada tiga cara
yang bisa dilakukan, yaitu:
a. Buka command prompt, lalu ketik: gammu --smsd MYSQL smsdrc.
b. Buka run, lalu ketik: services.msc pilih Gammu dan klik start
c. Buka control panel, lalu pilih administrative tools/ Services/ Gammu
dan klik start
E6
Balas
Tampilkan data
Hapus
Form SMS Send Outbox
Universitas Sumatera Utara
-
Langkah 2 : Melakukan pengiriman SMS, ada tiga cara yang dapat dilakukan dalam
pengiriman sms yang disediakan pada web, yaitu:
a. SMS single, pengiriman pesan yang dilakukan dengan cara
mengisi form SMS standart berupa nomor handphone dan pesan.
b. SMS nilai, pengiriman pesan yang dilakukan dengan cara
mengisian form nilai siswa yang berisi beberapa attribut seperti:
Nama, NIS, Kelas, dan beberapa attribut nilai siswa lainnya serta
nomor handphone.
c. SMS data nilai, pengiriman pesan dilakukan dengan cara
mengambil sejumlah variabel data nilai dan nomor handphone
yang terdapat pada database yang telah diinputkan sebelumnya
pada database.
Langkah 3 : Handphone bertindak sebagai SMS Gateway yang akan meneruskan
pesan kedalam dan keluar database melalui GAMMU.
Langkah 4 : GAMMU SMS Gateway bertindak sebagai penghubung antar Komputer
dan handphone.
3.4.2 Algoritma Menu Utama Web SMS
Langkah 1 : Aktifkan browser, ketik address bar http://localhost/sms kemudian tekan
enter atau klik icon Go pada sudut kanan Address Bar, maka akan
tampil halaman utama website.
Langkah 2 : Halaman utama web ditampilkan dan berisi beberapa menu web. Klik
menu web yang tersedia untuk melihat informasi yang ada didalamnya.
Universitas Sumatera Utara
-
3.4.3 Algoritma Admin
Langkah 1 : Pilih menu admin yang ada di halaman utama web.
Langkah 2 : Input user name dan password, jika benar maka web akan diarahkan
kedalam menu admin dan jika salah maka web akan diarahkan kembali
ke home.
Langkah 3 : Pilih menu admin yang ingin dibuka
Langkah 4 : Untuk mengoperasikan SMS ada tiga cara yang bisa dilakukan yaitu:
a. Mengisi form sms single kemudian klik kirim
b. Mengisi form input data siswa kemudian klik link lihat nilai
untuk melihat data nilai yang telah diinputkan, pada halaman
lihat nilai ada beberapa menu yang dapat dipilih yaitu: detail
(melihat data nilai secara keseluruhan), edit (mengedit data
nilai), kirim (mengirim data nilai melalui sms web), hapus
(menghapus data yang tersimpan pada database).
c. Mengisi form sms nilai kemudian klik kirim.
Langkah 4 : Keluar(Logout), maka browser akan diarahkan ke halaman home
Universitas Sumatera Utara
-
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian dan Tujuan Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain
sistem yang telah dirancang, sistem yang disetujui, menguji sistem, menginstal dan
memulai menggunakan sistem baru tersebut atau sistem yang diperbaiki. Ada juga
yang mengatakan implementasi sistem adalah proses yang dilakukan untuk
menyelesaikan desain dan selanjutnya diinstal, diuji dan mulai digunakan untuk
menggantikan sistem yang lama.
4.2 Tujuan Implementasi Sistem
Tujuan implementasi sistem adalah :
1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang telah
disetujui, menyusun dokumen-dokumen baru atau dokumen yang baru diperbaiki.
2. Menulis, menguji, mendokumentasikan program-program dan prosedur yang
diperlukan dalam dokumen desain sistem yang telah disetujui.
3. Memastikan bahwa operator dapat mengoperasikan sistem yang baru yaitu dengan
mempersiapkan manual pemakaian (tata cara penggunaan) dan melatih operator
tersebut.
Universitas Sumatera Utara
-
4. Memperhitungkan bahwa sistem tersebut dapat memenuhi permintaan pengguna
yaitu dengan menguji sistem secara keseluruhan.
5. Memastikan bahwa konversi ke sistem baru berjalan secara lancar, yaitu dengan
membuat perencanaan, mengkontrol, dan melakukan instalasi sistem baru secara
baik dan benar.
4.3 Komponen Utama dalam Implementasi Sistem
Dalam menjalankan sistem tersebut dengan menggunakan komputer harus memiliki
tiga komponen utama, antara lain Hardware (Perangkat Keras), Software (Perangkat
Lunak) dan Brainware (Unsur Manusia).
4.4 Hardware (Perangkat Keras)
Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem
yang diusulkan. Spesifikasi sistem untuk yang dianjurkan penulis untuk membuat dan
menjalankan aplikasi SMS web ini di komputer lokal adalah sebagai berikut:
1. PC dengan processor minimal Intel Pentium III atau lebih tinggi.
2. Microsoft Windows XP Professional (lebih disarankan).
3. Microsoft Windows 2000 service pack 4 atau XP Home.
4. Memory Minimal 128 MB.
5. Hard disk 10 GB.
6. Monitor Super VGA.
7. Keyboard.
8. Mouse.
Universitas Sumatera Utara
-
4.5 Software (Perangkat Lunak)
Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen
software. Software adalah instruksi atau program-program komputer yang dapat
digunakan oleh komputer dengan memberikan fungsi serta penampilan yang
diinginkan. Dalam hal ini, perangkat lunak yang digunakan penulis untuk aplikasi
perancangan SMS web ini adalah :
1. Sistem operasi Windows XP.
2. Apache sebagai web server yang merupakan server lokal sebelum file-file dan
script web dipublikasikan ke internet melalui ISP (Internet Service Privider).
3. MySQL sebagai database server.
4. PHP sebagai web programming untuk membuat halaman yang dinamis.
5. Adobe Photoshop CS 3 untuk mendesain tampilan website.
6. Macromedia Dreamweaver 8.0 sebagai tempat penulisan script.
7. GAMMU sebagai penghubung antara handphone dengan komputer dalam
menjalankan SMS web.
8. Web browser sebagai output atau tampilan hasil akhir program yaitu Internet
Explorer dan Mozilla.
4.6 Brainware
Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem
informasi, pemrosesan dan penggunaan keluaran sistem informasi. Brainware
merupakan faktor manusia yang menangani fasilitas komputer yang ada. Faktor
Universitas Sumatera Utara
-
manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk menangani
sistem dan merupakan unsur manusia yang meliputi
Brainware dalam sistem informasi ini terbagi atas:
1. Sistem analis: orang yang menganalisa sistem dengan mempelajari masalah
masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan
mengidentifikasi pemecahan yang beralasan.
2. Programmer: orang yang membuat sistem dengan menggunakan salah satu bahasa
pemrograman yang dikuasainya.
3. Operator (Admininistrator), yaitu orang yang mengoperasikan sistem seperti
memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan
informasi dan lain sebagainya.
4. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk
mendapatkan informasi yang dibutuhkan.
4.7 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu.
Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache,
http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap
instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan
menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan
melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun
hal ini memerlukan pengaturan yang sedikit rumit. Alternatif lain yang digunakan
penulis adalah dengan menginstalasi XAMPP.
Universitas Sumatera Utara
-
4.7.1 Instalasi XAMPP 1.7.0
XAMPP merupakan sebuah paket instalasi untuk PHP, Aphace, dan MySQL. Dengan
menggunakan XAMPP dapat dengan mudah menginstal ketiga software tersebut.
Perangkat lunak XAMPP yang digunakan penulis dalam mengerjakan program
adalah versi 1.7.0 yang berisi paket-paket yang cukup lengkap diantaranya:
1. Apache 2.2.11 + openssl 0.9.8i
2. MySQL 5.2.5
3. PHP 5.2.8 + PEAR
4. PHP-Switch win32 1.0 (by Apachefriends, use the PHP-switch.bat)
5. mod_PHP 4.3.7
6. MiniPerl 5.8.3
7. SQLite 3.0.4
8. PHPMyAdmin 3.1.1-pl1
9. ADODB 4.990
10. Mercury Mail Transport System for Win32 and NetWare Systems 4.52
11. FileZilla FTP Server 0.9.29
12. Webalizer 2.01-10 (web statistic)
13. Zend Optimizer 3.3.0
Dengan menginstalasi XAMPP secara otomatis ketiga software utama yang
akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu
melakukan konfigurasi yang rumit.
Universitas Sumatera Utara
-
Adapun tahap-tahap instalasinya adalah sebagai berikut:
1. Jalankan file Xampp-Win32-1.7.0-Installer dengan cara klik ganda pada icon.
Gambar 4.1 Xampp-win32-1.7.0-installer
2. Pilih bahasa yang digunakan dalam proses instalasi.
Gambar 4.2 Installer Language
Universitas Sumatera Utara
-
3. Klik tombol next untuk melanjutkan instalasi.
Gambar 4.3 Instalasi Wizard
4. Untuk lokasi instalasi, penulis melakukannya secara default.
Gambar 4.4 Memilih Lokasi Instalasi
Universitas Sumatera Utara
-
5. Pilih service yang digunakan pada install option
Gambar 4.5 Install Option
6. Pilih install untuk proses penginstalan Xampp. Proses ini memerlukan beberapa
menit hingga selesai.
Gambar 4.6 Proses Instalasi XAMPP
Universitas Sumatera Utara
-
7. Klik Finish untuk menyelesaikan instalasi
Gambar 4.7 Proses Setup Selesai
8. Proses instalasi berhasil
Gambar 4.8 Proses Instalasi Sukses
Universitas Sumatera Utara
-
4.8 Instalasi Aplikasi SMS Gateway GAMMU
Untuk menerima dan megirim pesan dari Handphone ke komputer, maka diperlukan
suatu program aplikasi SMS Gateway yang berguna sebagai service SMS Gateway.
Program aplikasi yang dimaksud adalah Gammu versi 1.27.91-Windows.
GAMMU merupakan software SMS gateway yang bersifat open source dan
cukup ternama. Penggunaannya juga mudah karena kompatibel dengan OS Windows.
Gammu mendukung banyak perangkat modem/ponsel GSM, mulai dari Nokia,
Siemens, Sony Ericsson, dan lain- lain. Database standar yang digunakan Gammu
adalah MySQL. Karena Aplikasi GAMMU tersebut bersifat freeware, maka software-
nya dapat diperoleh dengan men-download dari website http://www.gammu.org
Dalam menginstal GAMMU harus terlebih dahulu menginstal Database
Server, karena aplikasi ini memerlukan database dalam menjalankan program nya.
Adapun tahap-tahap dalam instalasinya adalah sebagai berikut :
1. Lakukan ekstraksi terlebih dahulu pada file Gammu-1.27.91-Windows.zip ke
direktori C:\ dan ubah nama folder Gammu 1.27.91-Windows menjadi
Gammu. Pada direktori [Gammu-1.27.91-Windows-share-doc-gammu-
examples-config] terdapat 3 file yang harus diperhatikan dalam
mengkonfigurasi Gammu:
a. Gammurc (untuk mengatur koneksi device)
b. Smsdrc (mengatur koneksi database)
c. Mysql.sql (database GAMMU)
Universitas Sumatera Utara
-
2. Copy-kan file gammurc dan smsdrc yang berada pada direktori
[C:\Gammu\share\doc\gammu\examples\config] ke direktori di mana file
gammu.exe berada, yaitu pada : [C:\Gammu\bin]
3. Buat database dari MySQL dengan nama smsd
4. Dari database tersebut Import file Mysql.sql yang ada pada direktori
[C:\Gammu\Windows\share\doc\gammu\examples\sql\mysql.sql].
4.9 Konfigurasi Aplikasi SMS Gateway Gammu
4.9.1 Konfigurasi Database
1. Buat database MySQL dengan nama smsd
2. Import tabel database yang telah disiapkan Gammu pada direktori
[C:\Gammu\Windows\share\doc\gammu\examples\sql\mysql.sql].
3. Konfigurasi file smsdrc yang berada pada folder C:\gammu\bin\smsdrc. Lalu
buka dengan notepad++, kemudian cari dan edit pada bagian berikut.
port = com11: (isi sesuai dengan nomor port device yang digunakan)
connection = at115200 (isi maximum port speed yang digunakan)
service = MYSQL (isi database yang digunakan)
user = root (isi dengan root)
password = (password database MySQL)
pc = localhost (nama lokal mesin)
database = smsd (isi sesuai nama database yang digunakan)
Universitas Sumatera Utara
-
4.9.2 Konfigurasi Device
1. Buka file gammurc dengan Notepad++ pada direktori
C:\gammu\bin\gammurc. Penulis menggunakan HP Sony Ericsson J105i dan
kabel data sebagai koneksinya. Edit bagian:
port = com11: (isi sesuai dengan nomor port device yang digunakan)
connection = at115200 (isi maximum port speed yang digunakan)
2. Lakukan identifikasi GAMMU dengan cara buka command prompt, lalu ketik
cd\gammu [enter]
cd bin [enter]
Gammu -identify [enter]
Jika konfigurasi berhasil maka akan ditampilkan informasi device yang
digunakan seperti gambar.
Gambar 4.9 Tes Identifikasi Device
3. Membuat service gammu dengan cara buka command prompt, lalu ketik
cd\gammu\bin [enter]
gammu-smsd.exe c c:\Gammu\smsdrc i
Perintah tersebut akan menghasilkan service dengan nama GammuSMSD.
Universitas Sumatera Utara
-
4.10 Pengujian di Browser
Setelah menginstalasi XAMPP, maka aplikasi web telah dapat diujikan di komputer
lokal. Adapun caranya adalah sebagai berikut:
1. Letakkan file-file yang membangun web tadi ke dalam suatu folder kemudian
diletakkan di dalam folder htdocs, terlihat seperti gambar berikut:
Gambar 4.10 Peletakan Folder Berisi File-File Web dalam Folder htdocs
2. Buka browser Internet Explorer / Mozilla Firefox
3. Pada kotak URL ketikkan http://localhost/[namafolder]/index.php. Karena
penulis meletakkan file-file web di folder SMS maka alamatnya sebagai
berikut:
Gambar 4.11 Penulisan Alamat di URL
Universitas Sumatera Utara
-
4. Setelah dilakukan Enter pada keyboard maka akan terlihat tampilan sebagai
berikut:
Gambar 4.12 Hasil Pengujian Aplikasi Web di Browser
5. Link ADMIN digunakan untuk login admin agar bisa mengakses halaman
admin.
Universitas Sumatera Utara
-
6. Halaman admin berfungsi sebagai sebagai halaman administrator untuk
memasukkan, mengedit, menghapus, mengirim data pesan SMS nilai. Setiap
halaman pada menu admin diberikan fasilitas SMS Single. Pada halaman
admin terdapat berberapa menu, yaitu:
a. Halaman input nilai, merupakan halaman yang digunakan untuk
menginputkan data siswa yang dibutuhkan.
Gambar 4.13 Halaman Input Nilai
b. Halaman lihat nilai, merupakan halaman yang digunakan untuk
menampilkan semua data siswa yang telah diinputkan. Pada halaman ini
Universitas Sumatera Utara
-
administrator dapat melakukan pengeditan, penghapusan, pengiriman, dan
melihat data siswa secara detail.
Gambar 4.14 Halaman Lihat Nilai
c. Halaman Form SMS Nilai, merupakan aplikasi pengiriman nilai siswa
yang telah dilengkapi atribut atribut yang diperlukan dalam pengiriman
SMS nilai.
Gambar 4.15 Halaman Form SMS Nilai
Universitas Sumatera Utara
-
d. Halaman buku telp, merupakan halaman yang menampilkan data data
nomor handphone.
Gambar 4.16 Halaman Buku Telp
e. Halaman inbox, merupakan halaman yang berisi pesan masuk.
Gambar 4.17 Halaman Inbox
Universitas Sumatera Utara
-
f. Halaman outbox, merupakan halaman yang berisi pesan yang berhasil
dikirim.
Gambar 4.18 Halaman Outbox
Universitas Sumatera Utara
-
BAB 5
KESIMPULAN DAN SARAN
5.1. Kesimpulan
Berdasarkan hasil penelitian dan pembahasan pada babbab sebelumnya, maka pada
bab ini penulis akan mencoba menarik kesimpulan dari penguraian tersebut:
1. Pembuatan suatu aplikasi web SMS dapat dilakukan di komputer lokal tanpa
terkoneksi ke internet. Koneksi internet diperlukan ketika proses upload file dan
pengaksesan situs.
2. Aplikasi SMS yang dibangun dapat bekerja tanpa dilakukan upload file ke server
hosting atau web hosting, karena server SMS yang dipakai berupa jaringan
handphone.
3. Dengan adanya SMS nilai siswa berbasis web dapat membantu pihak sekolah
dalam mengirimkan informasi prestasi, persentase kehadiran, dan tunggakan
administrasi siswa kepada siswa itu sendiri ataupun orang tua siswa.
4. Dengan menggunakan sistem berbasis SMS yang berbantuan komputer melalui
jaringan internet, proses penyampaian informasi yang membutuhkan waktu dan
tenaga dapat dikurangi.
Universitas Sumatera Utara
-
5.2. Saran
1. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya
memiliki spesifikasi dengan level menengah keatas, misalnya komputer pentium
III karena penggunaan software-software yang banyak dan besar memakan
sumber daya komputer seperti memori dan kapasitas hardisk.
2. Diharapkan pengguna sistem ini dapat mengembangkan sistem ini lebih lanjut
untuk berbagai keperluan lainnya.
Universitas Sumatera Utara