Macromedia Dreamweaver 8

Bab 2 Landasan Teori

2.9 Database MySQL

2.9.2 Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain

secara visual dan mengelola website maupun halaman web. Macromedia

Dreamweaver adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini,

pihak Macromedia telah mengeluarkan versi terbaru dari Dreamweaver yaitu

Macromedia Dreamweaver 8 (Syafii, 2006).

Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya.

Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh Web Desainer maupun Web Programmer guna mengembangkan website. Ruang kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun sebuah website.

2.10 Memulai Dreamweaver 8

Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah penginstalan, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang kerja desainer.

Gambar 2.1 Tampilan Area Kerja Dreamweaver

2.10.1 Area Kerja pada Dreamweaver 8

Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :

1. Document Window berfungsi untuk menampilkan dokumen di mana Anda sekarang bekerja.

2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image/gambar, tabel, dan lain- lain.

4. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang sedang kita gunakan.

5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan di bawah satu judul untuk membantu bekerja dengan Dreamweaver.

6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.

7. Properti Inspector digunakan untuk melihat dan mengubah berbagai properti dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda.

2.10.2 Menu Bar Area Kerja

Di dalam area kerja Dreamweaver 8 terdapat beberapa menu utama yang sangat

sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja Dreamweaver 8

terdiri dari beberapa komponen yang dapat kita gunakan, yaitu :

1. Menu File, terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain- lain.

2. Menu Edit, terdiri dari perintah untuk men-copy, memindahkan, serta perintah untuk pemilihan seperti Select All, dan lain- lain.

3. Menu View, berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Dreamweaver. Seperti jendela Code dan View, serta untuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.

4. Menu Insert, berisikan alternatif baris insert untuk menyisipkan obyek didalam dokumen.

5. Menu Modify, berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.

6. Menu Text, berfungsi untuk mempermudah dalam melakukan format teks.

7. Menu Commands, berisi akses ke beberapa perintah, format kode yang sesuai dengan format pilihan kita, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan Macromedia Fireworks.

8. Menu Site, berisi item untuk mengelola situs seperti mendefinisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefinisikan.

9. Menu Window, menyediakan akses ke seluruh panel, inspector, dan jendela di dalam Dreamweaver.

10. Menu Help, menyediakan fasilitas yang dapat membantu kita dalam menggunakan

Dreamweaver.

2.11

Sho rt Message Service (SMS)

Short Message Service (SMS) adalah kemampuan untuk mengirim dan menerima pesan dalam bentuk teks dari dan kepada ponsel. Teks tersebut bisa terdiri dari kata-kata atau nomor atau kombinasi alphanumeric. SMS diciptakan sebagai standar pesan (message) oleh ETSI (Europesan Telecommunication Standards Institute), yang juga membuat standar GSM yang diimplementasika n oleh semua operator GSM. SMS yang pertama dikirimkan pada Desember 1992 dari PC ke sebuah ponsel melalui jaringan GSM Vodafone di UK. Setiap Pesan maksimal terdiri dari 160 karakter jika menggunakan alphabet Latin, dan 70 karakter jika menggunakan alphabet non-Latin seperti huruf Arab atau China.

2.11.1 Cara Kerja SMS

Layanan SMS menggunakan kanal atau jalur teks dalam proses penyampaiannya.

Sehingga meskipun penerima SMS sedang melakukan kegiatan pembicaraan dengan handphone-nya, SMS yang masuk tetap dapat diterima. Berikut gambaran singkatnya.

Gambar 2.2 Skema Sederhana Cara Kerja SMS

Ketika ada yang mengirimkan SMS ke telepon selular kita, pesan itu terlebih dahulu melalui SMS center (SMSC), kemudian diteruskan ke tower (base transmission system, BTS), lalu dari tower akan diteruskan ke telepon seluler kita, dan begitu juga ketika kita mengirim pesan SMS ketelepon selular orang lain. Data yang dikirim antara lain panjang pesan (jumlah karakter), waktu pengiriman, nomor tujuan, format pesan (teks biasa atau multimedia), beserta informasi lainnya (Wahidin, 2010).

2.11.2 Jenis – Jenis Aplikasi SMS

Adapun masalah yang menimbulkan munculnya beberapa jenis aplikasi SMS adalah karena bertambahnya variasi kebutuhan akan SMS tersebut seperti pengiriman SMS dalam skala besar, metode SMS poling yang banyak dilakukan dalam dunia hiburan dan pemilihan kandidat. Dari sinilah lahir teknologi baru berupa aplikasi – aplikasi berbasis sms seperti:

1. SMS Premium, merupakan jenis aplikasi SMS dua arah dengan menggunakan 4 digit nomor unik seperti 96xx. Biasanya banyak digunakan pada pada SMS quiz, SMS Polling.

2. SMS Broadcast/Blast/Bulk/Bomber, merupakan jenis aplikasi satu arah yang berupa pengiriman pesan kebanyak nomor sekaligus. Biasanya digunakan untuk SMS promo dan SMS kampanye.

3. SMS Gateway, merupakan jenis sms dua arah, dengan keunikan bahwa semua tarif

yang diberlakukan adalah tarif SMS normal sesuai dengan apa yang diberlakukan

oleh operator. Karena sifatnya yang dua arah, maka SMS jenis ini sangat cocok

dijadikan sebagai SMS center organisasi atau institusi.

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.

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 diinp utkan, 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 Imple mentasi 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 Imple mentasi Sistem

Dalam menjalankan sistem tersebut de ngan 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 me wujudkan 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.

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

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 Folde r 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 N ilai, 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 bab–bab 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 da n 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 jaringa n handphone.

3. Dengan adanya SMS nilai siswa berbasis web dapat membantu pihak sekola h dalam mengirimkan informasi prestasi, persentase kehadiran, dan tunggaka n 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 da n

tenaga dapat dikurangi.