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


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


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


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


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


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


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


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


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.


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


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.


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.


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


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.


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.


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


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


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


7. Klik Finish untuk menyelesaikan instalasi

Gambar 4.7 Proses Setup Selesai

8. Proses instalasi berhasil

Gambar 4.8 Proses Instalasi Sukses


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)


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)


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.


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


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.


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


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


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


f. Halaman outbox, merupakan halaman yang berisi pesan yang berhasil

dikirim.

Gambar 4.18 Halaman Outbox


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.


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.


chapter iii-v.pdf

Documents