Perancangan Dan Implementasi Sistem Penjadwalan

Servis Berkala Kendaraan Bermotor Berbasis Website

menggunakan Notifikasi SMS Gateway

Artikel Ilmiah

Diajukan kepada
Fakultas Teknologi Informasi
untuk memperoleh Gelar Sarjana Komputer

Peneliti:
Anggit Hernowo (672012028)
Hindriyanto Dwi Purnomo, S.T., MIT., Ph.D.

Program Studi Teknik Informatika

Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
Agustus 2016
1. Pendahuluan

Perkembangan teknologi dewasa ini yang begitu pesat, mengakibatkan

aktivitas masyarakat sangat bergantung pada teknologi. Sertaperkembangan
teknologi informasi tidak terlepas dari perkembangan kebutuhan manusia.
Berbagai kebutuhan mendorong daya pikir manusia untuk mengembangkan
teknologi sehingga dapat memberi kemudahan-kemudahan dalam setiap bidang
kehidupan, organisasi dan proses bisnis. Untuk mengoptimalkan proses bisnisnya,
perusahaan memanfaatkan teknologi informasi melalui pembangunan aplikasi,
dimana aplikasi-aplikasi tersebut diharapkan dapat membuat proses bisnis
perusahaan menjadi lebih efisien.Sifat teknologi yang bersifat netral dapat
mempermudah masyarakat luas untuk melakukan sesuatu yang dapat
menguntungkan atau memberi kemudahan kepada pengguna teknologi tersebut.
Dealer Yamaha Cemara Cycles Boyolali, yang terletak di Jalan Candi no.
10, Ampel, Boyolali,dealer tersebut merupakan dealer resmi yamaha untuk
melakukan servis kendaraan bermotor dan dealer tersebut selain melayani servis
kendaraan bermotor juga menyediakan penjualan dan pemasangan berbagai spare
part asli kendaraan bermotor yang dibutuhkan oleh pelanggan. Pemilik dealer,
pegawai dealer yang ramah serta mekanik-mekanik yang handal dalam melayani
pelanggan menjadi salah satu keunggulan dealerCemara Cycle. Berdasarkan
analisis yang dilakukan didapatkan beberapa kekurangan yang terdapat dalam
menjalankan proses bisnis tersebut. Proses bisnis yang belum menggunakan
teknologi dan masih menggunakan cara yang sama dengan dealer–dealer lain pada
umumnya.
Untuk mengetahui lebih jelas apa yang menjadi masalah dalam penelitian
ini dilakukan wawancara dengan pemilik Dealer Cemara Cycle, pegawai dealer
dan beberapa mekanik dealer, kebanyakan pelanggan yang melakukanservissering
terlambat atau tidak tepat waktu dalam melakukan servis, serta para pelanggan
sering lupa atau tidak dapat mengecek dataservis yang pernah dilakukan oleh
pelanggan dealer tersebut.
Berdasarkan latar belakang yang terjadi, dilakukan penelitian yang memiliki
tujuan memanfaatkan teknologi untuk mengatasi masalah yang ada. Perancangan
dan implementasisebuah website yang digunakan sebagai media informasi dan
media pengingat tentang penjadwalan servis untuk para pelanggan
dealer.Pembangunan websitemenggunakan frameworkCodeIgniter sebagai
kerangka website, Pemilihan frameworkCodeIgniter adalah karena framework
tersebut tergolong ringan sehingga tidak memberatkan kerja server. Selain itu
frameworkCodeIgnitermempunyai arsitektur Model View Controller (MVC),
sehingga pembangunan aplikasi akan menjadi lebih terorganisir dengan baik.
Sedangkan untuk mempermudah pelanggan dan untuk membuat tampilan yang
menarik serta menjadikannya responsive website digunakan bootstrap,
memanfaatkan teknologi SMS Gateway untuk pemberitahuan atau notifikasi
kepada pelanggan dealer agar para pelanggan tidak terlambat untuk melakukan
servis berkala. Notifikasi akan diberikan kepada pelanggan dealer sebelum jatuh
jangka waktu yang diberikan.
Berdasarkan latar belakang yang telah dijelaskan, maka rumusan masalah
pada penelitian ini yaitu bagaimana menghasilkan website yang dapat memberi
notifikasi menggunakan FrameworkCodeIgniter dengan memanfaatkan
SMSGatewayserta dapat memberikan informasi dengan mudah. Adapun batasan
masalah dalam penelitian ini adalah sebagai berikut: 1) Media pengingat ini
dibangun menggunakan frameworkCodeIgniterdan Bootstrap agarprogram lebih
terstrukturuntuk mempermudah dikembangkan dan memiliki fitur responsive web; 2)
Penelitian berfokus pada pemanfaatan SMS Gateway sebagai pengingat kepada
pelanggan dealer dalam melakukan servis; 3) Aplikasi yang dibangun
memberikan info sederhana dalam bentuk visual dan teks tentangrecord data
servis yang pernah dilakukan; 4) Tidak membahas kecepatan bandwith internet;
dan5) Aplikasi tidak membahas keamanan data.

2. Kajian Pustaka
Pada penelitian sebelumnya dengan judul Sistem Rancang Bangun Sistem
Informasi Pengingat Jadwal Pembayaran Angsuran Berbasis SMS Gateway pada
tahun 2013, didapatkan bahwa Penelitian ini telah menghasilkan aplikasi
pengingat jadwal pembayaran angsuran nasabah berbasis SMS gateway yang
memiliki fitur SMS reminder dan SMS autorespond.SMS gateway yang
dihasilkan dengan fitur SMS reminder berfungsi untuk mengingatkan jadwal
pembayaran angsuran nasabah sesuai dengan ketentuan, yaitu pada tujuh dan tiga
hari sebelum tanggal jatuh tempo angsuran serta pada hari tanggal jatuh tempo,
selain itu juga memberitahukan denda dan menyampaikan penghargaan atau
ucapan terima kasih kepada nasabah yang telah membayar angsuran atau melunasi
hutang, yaitu satu hari setelah tanggal jatuh tempo angsuran nasabah. Sedangkan
SMS gateway dengan fitur SMS autorespond berfungsi untuk memberikan
balasan SMSotomatis berupa informasi mengenai jadwal angsuran nasabah [1].
Pada penelitian dengan judul Sistem informasi pengolahan data
pertumbuhan ekonomi dan ketimpangan di Kabupaten Klaten (tahun 2003-2012)
menggunakan frameworkCodeigniteryang dilakukan pada tahun 2013,
didapatkan sistem pengolahan data pertumbuhan ekonomi dan ketimpangan ini,
dapat membantu dan mempermudah pemerintah dalam menganalisa dan
melakukan perhitungan pertumbuhan ekonomi dan ketimpangan yang ada di
Kabupaten Klatensecara komputerisasi.Sistem juga dapat memberikan informasi
serta data yang lebih akurat yang dilengkapi dengan grafik dari data tersebut [2].
Pada penelitian dengan judul Pengembangan Sistem Informasi Pemesanan
layanan jasa Cleaning Servise Berbasis Website dan Mobile di Liochita Cleaning
Servise Semarang didapatkan Sistem informasi dapat mengolah data pelanggan
sesuai kebutuhan dengan lebih baik dibanding metode sebelumnya yang dalam
pencatatan data pelanggan dan data pesanan masih menjadi satu yaitu data
pemasukan sehingga perusahaan kurang mengetahui data pelanggan secara
terperinci serta dapat dapat mengolah data riwayat pesanan sesuai kebutuhan
dengan risiko data hilang atau rusak lebih kecil daripada metode sebelumnya yang
dalam melakukan pencatatan semua data masih menggunakan kertas hal ini
memiliki resiko kertas dan data yang telah tercatat tersebut hilang. Dengan
menggunakan bootstrap , web ini dapat tampil sesuai dengan media
perambahnya, pembuatan menggunakan bootstrap memudahkan developer dalam
pembuatan tampilan website[3].
Berdasarkan penelitian-penelitian terdahulu yang membahas tentang
Framework CodeIgniter, bootstrapdan SMS gateway maka dilakukan penelitian
yang membahas tentang Sistem Penjadwalan Servis berkala kendaraan bermotor
berbasis web dengan menggunakan notifikasi SMS Gateway. Perbedaan dengan
penelitian terdahulu pada sistem ini adalah SMS gateway menggunakan fitur SMS
remider dan SMS boardcastingyang berfungsi untuk mengingatkan pelanggan
tentang jadwal servis kendaraan, penggunaan framework Codeigniter karena kerja
framework codeigniter yang sangat ringan tidak memberatkan serverserta data
yang ditampilkan berupa tidak hanya berupa grafik, data tabel dan dapat
melakukan download berupa file PDF, penggunaan bootstrap mempunyai fitur
responsive website jika pengguna mengakses melalui handphone tampilan website
menyesuaikan ukuran layar handphone sehingga membuat tampilan website lebih
menarik.
Sistem Informasi merupakan kesatuan elemen-elemen yang saling
berinteraksi secara sistematis dan teratur untuk menciptakan dan membentuk
aliran informasi yang akan mendukung pembuatan keputusan dan melakukan
kontrol terhadap jalannya perusahaan [4].
Website adalah kumpulan halaman yang menampilkan informasi data teks,
data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari
semuanya baik yang bersifat statis maupun dinamis yang membentuk satu
rangkaian bangunan yang saling berkaitan dimana masing-masing dihubungkan
dengan jaringan halaman(hyperlink). Websitebersifat statis apabila isi informasi
website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik
website. Berifat dinamis apabila isi informasi website selalu berubah–ubah, dan isi
informasinya interaktif dua arah berasal dari pemilik serta pengguna website[5].
Framework CodeIgniter (CI) adalah framework PHP yang dibuat
berdasarkan kaidah Model-View-Controller (MVC), yang memungkinkan
pemisahan antara layer Application-logic dan presentation. MVC (Model View
Controller) merupakan suatu konsep yang cukup populer dalam pembangunan
aplikasi web, berawal pada bahasa pemrograman Small Talk, MVC memisahkan
pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah
aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol
aplikasi.Framework CodeIgniter dirilis pertama kali pada 28 Februari 2006. Versi
stabil terakhir adalah versi 3.1.0 [6].
Xampp adalah Sebuah paket web server yang bekerja pada localhost dan
dibuat secara mandiri terinstal pada sistem operasi, berisi tentang Apache yang
merupakan sebuah Web Server dan MySQL sebagai database. Program lain juga
dapat dimasukkan dalam paket, seperti phpMyAdmin yang menyediakan
antarmuka pengguna grafis untuk manajer database MySQL, atau bahasa scripting
Python alternatif atau Perl. Selain WampServer, terdapat paket aplikasi lainnya
yang di dalamnya terdapat Apache, MySql, dan PHP, diantaranya adalah : App
Server, WampServer, dan Lampp [7].
PHP (HypertextPreprocessor)dahulu dikenal sebagai PersonalHome Page,
sekarang PHPmerupakan programyang dikembangkan secara bersama olehpara
programmer dari seluruh dunia yangmenekuni dunia opensource.
PHPdikembangkan khususnya untuk mengaksesdan memanipulasi data yang ada
didatabase server open source seperti MySQL [8].
Bootstrap sendiri merupakan framework yang biasa digunakan untuk
membuat aplikasi website ataupun situs webresponsive secara cepat, mudah dan
gratis. Twitter Bootstrap ini terdiri dari CSS dan HTML untuk menghasilkan Grid,
Layout, Typography, Table, Form, Navigation dan lain-lain. Selain itu, di dalam
Bootstrap juga sudah terdapat jQuery plugins untuk menghasilkan komponen
UserInterface yang cantik seperti Transitions, Modal, Dropdown, Scrollspy,
Tooltip, Tab, Alert dan lain-lain [9].
SMSgateway merupakan sebuah sistem aplikasi yang digunakan untuk
mengirim dan atau menerima SMS(Short Message Service), dan biasanya
digunakan pada aplikasi bisnis, baik untuk kepentingan broadcast promosi,
service informasi terhadap pengguna, penyebaran content produk/jasa dan lain
lain.SMS Gateway merupakan perangkat penghubung antara pengirim SMS
dengan basis data. Perangkat ini terdiri dari satu set PC, telepon dan program
aplikasi. Program aplikasi ini yang akan meneruskan setiap request dari setiap
SMS yang masuk dengan melakukan query ke dalam basis data, kemudian diberi
respon dari hasil query kepadapengirim. Fitur yang ada dalam SMSgateway dapat
dimodifikasi sesuai dengan kebutuhan, fitur yang umum dikembangkan dalam
aplikasi SMSGatewayseperti Auto Reply, Pengiriman massal (broadcast
message), Pengiriman terjadwal,dan hal-hal yang berhubungan dengan
SMSgateway itu sendiri [10].
Gammu adalah service yang disediakan untuk membangun aplikasi yang
berbasis SMS gateway. Selain mudah, aplikasi SMS gateway dengan gammu
adalah free. Ada dua mekanisme kerja dari gammu yaitu sebagai aplikasi dan
sebagai deamon. Gammu sebagai aplikasi akan bekerja ketika perintah gammu
dijalankan pada lingkungan shell beserta perintahnya disertakan sesuai fungsi
yang diinginkan. Sedangkan sebagai deamon, gammu ditandai dengan
dijalankannya perintah smsd pada shell. Pada prinsipnya, cara kerja gammu yaitu
menghubungkan modem/ponsel dengan PC. SMS yang diterima di modem/ponsel
akan diambil oleh gammu untuk dipindahkan ke dalam database yang telah diatur
sebelumnya [11].

3. Metode dan Perancangan Sistem

Tahapan penelitian yang akan dilakukan dalam penelitian ini terdiri dari
lima tahapan yaitu: 1) Identifikasi Masalah. 2) Perancangan Sistem. 3) Pembuatan
Sistem. 4)Implementasi dan Pengujian Sistem serta Analisis Hasil Pengujian. 5)
Penulisan Laporan Hasil Penelitian.

Gambar 1 Tahap Penelitian [12]

 Tahapan penelitian pada Gambar 1 dijelaskan sebagai berikut: 1)
Identifikasi Masalah; Pada tahap ini, tindakan pertama yang dilakukan adalah
mengamati dan meneliti masalah yang terjadi pada Dealer Cemara Cycle yaitu
datang ke lokasi dealer, melakukan pengamatan proses bisnis yang sedang
berlangsung, dan membuat wawancara kepada pemilik dealer, pegawai dealer,
tentang faktor-faktor yang menjadi penghambat selama terjadi proses bisnis; 2)
Perancangan Sistem: Perancangan proses dalam sistem
menggunakanDiagramUnifed Modelling Language (UML) yang meliputi Use
Case diagram, Activity Diagramdan Class Diagram. Selain itu perancangan
aristektur: perancangan aristektur yang digunakan dalam sistem ini meliputi
Bootstrap untuk pembuatan tampilan dan mempunyai fitur Responsive
Website,framework codeigniter yang mempunyai konsep MVC (Model View
Controller) yang mempermudah developer dalam pengembangan sistem dan SMS
Gateway untuk pemberian notifikasi. 3) Pembuatan Sistem: Tahap ini dilakukan
pembuatan sistem sesuai dengan perancangan sistem yang telah dibuat
sebelumnya. Pembuatan sistemwebsite ini terdiri dari dua tampilan, yaitu tampilan
user yang akan digunakan sebagai User Interface para pelanggandan tampilan
admin sebagai User Interface untuk pemilik dealer, dan pegawai dealer. Kedua
User Interface ini akan menggunakan Bootstrap sebagai pembuatan HTML dan
frameworkCodeIgniteruntuk pembuatan Model dan Controller; 4) Implementasi
dan Pengujian Sistem serta Hasil Analisis Pengujian: Pengimplementasian
sistemwebsitedealeryang telah dibuat, kemudian dilakukan pengujianyang
menggunakan metode Blackbox dan pengujian kuisioneruntuk mengetahui apakah
sistem website telah sesuai dengan perancangan yang dilakukan; dan 5) Penulisan
Laporan Hasil Penelitian: Tujuan dari penulisan laporan yaitu
mendokumentasikan setiap proses secara rinci dalam bentuk laporan tertulis dan
akan menjadi laporan hasil penelitian.
Metode prototypedipilih sebagai metode pengembangan pada penelitian
ini karena dalam pengembangan sistem ini dilakukan komunikasi yang intensif
dengan pengguna sistem. Metode ini membantu pengembang dalam membentuk
model dari sistem yang dibuat. Metode ini dilakukan secara bertahap dimulai dari
mengembangkan suatu prototype yang sederhana untuk kemudian dapat
dikembangkan kembali hingga sistem selesai dikembangkan.Prototype merupakan
bentuk dasar dari sistem atau subsistem [13].Tahapan dalam prototype dapat
dilihat pada Gambar 2.

Gambar 2 Metode Prototyping[13]

 Sistem ini dibuat menggunakan metode protoype agar dapat menerima
perubahan–perubahan dalam rangka menyempurnakan atau
pengembanganprototype yang sudah ada sehingga pada akhirnya dapat
menghasilkan sistem yang dapat memberi kemudahan kepada penggunanya dan
dapat memberikan suatu informasi yang dibutuhkan pengguna sistem. Oleh
karena itu,untuk memudahkan dalam penyempurnaan atau pengembangan system,
maka digunakan frameworkCodeIgniteryang mempunyai arsitektur MVC (Model,
View, Controller), dimana dengan menggunakan MVC, menjadikan program
lebih terstruktur dan lebih mudah untuk dikembangkan, karena memisahkan
antara tiga layer yaitu model, view dan controller. Sehingga programmer
dimudahkan dalam mengatasi permasalahanyang ada padaprogram, dan dalam
maintenance software kedepannya lebih mudah dikembangkan sesuai dengan
kebutuhan.
Perancangan Sistem Penjadwalan ServisBerkala Kendaraan
BermotorBerbasis Website menggunakan SMS Gatewaydimulai dengan
merancang proses berupa diagram Unified Modelling Language (UML). Diagram
UML meliputi diagram use case diagram, class diagram dan activity diagram;

Gambar 3Use CaseDiagram Sistem

Gambar 3 merupakan diagram usecasediagram dari sistem yang dibuat,

dimana terdapat 2 (dua) aktor dalam sistem, yaitu aktor administrator dan
pelanggan . Aktor administrator merupakan pemilik hak akses tertinggi, dimana
dapat melakukan pengelolaan data pelanggan, data servis, data Mekanik, data
kendaraan, data pengaduan dan mengirim notifikasi. Hak akses pelanggan
memiliki 3 (tiga) usecase, yaitu Menambah Pengaduan, lihat data servis dan
menerima notifikasi.
 Gambar 4Activity DiagramMelihat Data Servis
Gambar 4 merupakan activitydiagramuntuk proses melihat data servis yang
akan dilihat. Aktivitas dimulai dengan pelanggan membuka sistem. Sistem
kemudian menampilkan Halaman Home. Kemudian pelanggan memilih menu
lihat data servis, database mengambil semua data servis dan ditampilkan pada
sistem. Setelah semua data tampil pada sistem pelanggan memilih data sesuai
dengan no plat kendaraan yang pelanggan akan lihat, database akan mengambil
data semua dengan input pelanggan dan kemudian data di tampilkan pada sistem.

Gambar 5Activity DiagramMelakukan Pengaduan

Gambar 5 merupakanactivity diagram untuk proses melakukan pengaduan.
Aktivitas dimulai dengan pelanggan membuka sistem. Sistem kemudian
menampilkan Halaman Home. Pelanggan memilih menu Pengaduan, dan sistem
menampilkan halaman pengaduan, setelah muncul tampilan pengaduan pelanggan
menambahkan pengaduan. Kemudian database menyimpan data pengaduan dan
sistem akan mengirim notifikasi pengaduan terkirim.
 Gambar 6Activity DiagramMengirim Notifikasi
Gambar 6 merupakanactivity diagram untuk proses melihat data pelanggan
yang sudah Habis jangka waktu untuk servis. Aktivitas dimulai dengan
administrator membuka sistem. Sistem kemudian menampilkan Halaman Home.
Kemudian pelanggan memilih menu lihat data pelanggan, database mengambil
semua data pelanggan dan ditampilkan pada sistem. Setelah semua data tampil
pada sistem, administrator memilih data sesuai dengan tanggal yang sudah
melebihi jangka waktu yang ditentukan, database akan mengambil data semua
yang di-input-kan oleh administrator dan kemudian data ditampilkan pada sistem.
Setelah data tampil, administrator memilih menu kirim notifikasi maka sistem
akan mengirim notifikasi kepada pelanggan bahwa jangka waktu untuk
melakukan servis yang sudah ditentukan sudah melebihi, maka pelanggan diminta
untuk melakukan servis kendaraannya.

Gambar 7 ActivityDiagramTambah Data Servis

Gambar 7 merupakan activity diagram untuk proses melakukan Tambah
Data Servis. Aktivitas dimulai dengan administrator membuka sistem. Sistem
kemudian menampilkan Halaman Home. Administrator memilih menu
DataServis, dan sistem menampilkan halaman Data Servis, setelah muncul
tampilan Data Servis administrator menambahkan Data Servis. Kemudian
database menyimpan Data Servis dan sistem akan mengirim notifikasi Data
Servis berhasil di-input.
 Gambar 8Class DiagramSistem
Gambar 8 merupakan class diagram yang menggambarkan ModelClass dan
Controller Class pada sistem. ModelClass merupakan bagian aplikasi yang
bertugas untuk mengendalikan fungsi-fungsi yang berhubungan dengan basis
data. Pada sistem yang dibuat terdapat 6 (enam) ModelClass, yaitu Pengguna
Model, Pelanggan Model, Kendaraan Model, ServisModel, Mekanik Model dan
Pengaduan Model. Sedangkan ControllerClass bertugas untuk menghubungkan
bagian view dengan bagian ModelClass. Pada sistem ini terdapat 2 (dua)
ControllerClass, yaitu Pengguna Controller dan Data Controller. Bagian view
tidak ikut digambarkan dalam diagram class karena bagian view di dalam sistem
bukan dalam bentuk class tetapi berupa tag HTML untuk menampilkan informasi
pada halaman web.

4. Hasil Implementasi dan Pembahasan

Implementasi dan pembuatan website dealer cemara cycle ini dilakukan

dengan frameworkCodeIgniter. Pengaturan yang harus dilakukan pertama kali
saat pembuatan, adalah pengaturan koneksi ke database MySQL dan pengaturan
route file. Pengaturan koneksi database dilakukan pada file database yang terletak
pada folder config. Pengaturan ini ditunjukkan pada Kode Program1.

Kode Program 4.1 Koneksi Framework dengan Database

1. $db['default'] = array(
2. 'dsn' => '',
3. 'hostname' => 'localhost',
4. 'username' => 'root',
5. 'password' => '',
6. 'database' => 'smsd',
7. 'dbdriver' => 'mysqli',
8. 'dbprefix' => '',
9. 'pconnect' => FALSE,

Kode Program 4.1 merupakan perintah untuk melakukan pengaturan

koneksi dariframework CodeIgniter ke database MySQL. Pada pengaturan ini
dilakukan pengisian untuk hostname, username, password, dan nama dari
database yang digunakan.

Gambar 9Perintah Pengecekan Konfigurasi Modem

Gambar 9merupakan perintah untukpengecekan konfigurasi modem
dengan menjalankan Command Prompt, kemudian tuliskan perintah berikut untuk
masuk ke direktori C:\gammu\bin,kemudian ketik gammu –identify, jika setelah di
jalankan keluar data seperti pada Gambar 9, maka konfigurasi modem telah
sesuai.

Gambar 10Perintah Menjalankan Servis Gammu

Gambar 10 setelah konfigurasi telah sesuai kemudian untuk menjalankan
servis, tuliskan perintah seperti padaGambar 14, jika hasil yang ditampilkan
seperti Gambar 10 di atas makaservis sudah siap untuk digunakan.

Gambar 11Halaman Home Website

Gambar 11 merupakan halaman depan dari sistem Dealer Cemara Cycle.
Halaman ini menampilkan pilihan menu home, pengaduan, About usdan profil.
Pada navigation baratau menu terdapat homeuntuk melihat data servis pelanggan.
Sistem ini dikembangkan menggunakan teknologi responsive website, maka
tampilan akan mengikuti ukuran device yang digunakan.
 Gambar 12Halaman Data Servis
Gambar 12 merupakan tampilan yang ada pada Dealer Cemara
Cycleketika dibuka melalui smartphone. Pada tampilan sistem ini merupakan
tampilan yang responsive website.

Gambar 13Halaman Data Servis

Gambar 13 merupakan halaman data servis, pada halaman ini admin
mengelola data servis pelanggan dealer, admin bisa melakukan tambah data servis
beserta notifikasi berupa sms gateway, pengiriman notifikasi untuk pelanggan
yang jangka waktu servis hampir melampaui batas ketentuan, lihat data servis
secara rinci dan hapus data servis.

Gambar 14Halaman Tambah Data servis

Gambar 14 merupakan halaman tambah data servis, pada halaman ini
admin menambahkan data servis pelanggan yang sudah selesai melakukan servis,
setelah admin mengisi semua data yang berada di halaman tambah data
serviskemudian sistem menyimpan data servis dan sistem akan mengirim sms
ucapan terima kasih kepada pelanggan yang sudah melakukan servis di dealer
tersebut.

Kode Program 4.2 View Data Servis

1. <form method="post" action="<?php echo site_url('admin/tambahdataservis');?>">
2. </form>

Kode Program 4.2 merupakan kode program yang berada pada view yang
berfungsi untuk memanggil controller dengan nama fungsi tambahdataservis.

Kode Program 4.3 Fungsi Tambah Data Servispada Admin Controller

1. function tambahdataservis(){
2. if ($this->session->userdata('logged_in') == true) {
3. $this->load->helper('string');
4. $this->load->model('AdminModel');
5. date_default_timezone_set("Asia/Jakarta");
6. $id = $this->input->post('pelanggan');
7. $data = array(
8. "ID_servis" => $this->input->post('ID_servis'),
9. "tglservis" => date('Y-m-d H:i:s'),
10. "ketservis" => $this->input->post('ketservis'),
11. "tglservisberikutnya" => $this->input->post('tglservisberikutnya'),
12. "ID_pelanggan" => $id,
13. "ID_Kendaraan" => $this->input->post('ID_Kendaraan'),
14. "ID_mekanik" => $this->input->post('mekanik'));
15. $notelp = $this->AdminModel->getDataPelanggan1($id)->notelp;
16. $pesan = "Terimakasih telah mempercayakan service motor anda di Cemara
Cycle";
17. $x = array(
18. "DestinationNumber" => $notelp,
19. "TextDecoded" => $pesan);
20. $this->AdminModel->addservis($data);
21. $this->AdminModel->sendmsg($x);
22. $this->Servise();
23. } else {redirect('Login', 'refresh');
24. }}

Kode Program 4.3 mempunyai fungsi tambahdataservis yang terletak pada

controller dimana admin bertugas untuk mengatur data yang telah diambil dari
database. Perintah Pada baris 2 merupakan perintah untuk pengecekan login
sudah benar atau salah. Perintah pada baris 4 memanggil model dengan nama
admin model. Perintah pada baris 7 hingga 14 merupakan variabel untuk
menampung data yang akan dimasukkan kedalam database. Kemudian perintah
pada baris 14 dan 15 untuk mengambil nomor telepon pelanggan dan pesan yang
akan dikirim kepada pelanggan. Selanjutnya data tersebut dimasukkan kedalam
variabel x kemudian akan memanggil model untuk dimasukkan ke database
sesuai tabel masing masing.

Kode Program 4.4Fungsi addservisdansendmsgpada AdminModel

1. function addservis($data){
2. $this->db->insert('tbl_servis',$data);
3. return;}
4. function sendmsg($data){
5. $this->db->insert('outbox', $data);}
 Kode Program 4.4 berfungsi mengatur pengambilan data dari database
menggunakan SQL. Perintah pada baris 1 dan 4 adalah pendeklarasian nama
fungsi addservis dan sendmsg. Perintah pada baris 2 hingga 3 merupakan
pendefinisian fungsi untuk menambahkan semua data yang di-inputpada tabel
servis dan tabel outbox dari dalam database. Data yang dimasukan ke dalam tabel
outbox adalah data yang akan dikirimkan oleh pelanggan melalui SMS.

Gambar 15Tampilan SMS Gateway Ucapan Terima kasih

Gambar 15 merupakanform SMS Gatewayyang berisi ucapan terima kasih
kepada pelanggan yang telah mempercayakan servis motor pada Dealer Cemara
Cycledikirimkan oleh sistem kepada pelanggan setelah pelanggan melakukan
servis kendaraan.

Kode Program 4.5 ViewKirim Notifikasi

1. <div class="panel-heading
2. a href="<?php echo site_url('admin/notifikasiServise') ?>"><button
type="button" class="btn btn-primary"><i class="fa fa-envelope fa-
lg"></i>&nbsp Notifikasi Servis</button></a></div>

Kode Program 4.5 merupakan perintah yang berada pada view yang berada
pada button Notifikasi servis berfungsi untuk memanggil controller dengan nama
fungsi Notifikasiservis .

Kode Program 4.6Fungsi notifikasiservise pada Controller

1. function notifikasiServise(){
2. $this->load->model('AdminModel');
3. $data['tbl_servis'] = $this->AdminModel->getDataServis();
4. foreach ($data['tbl_servis'] as $row) {
5. if ($row->tglservisberikutnya < date('Y-m-d H:i:s')) {
6. $notelp = $this->AdminModel->getDataPelanggan1($row->ID_pelanggan)->notelp;
7. $pesan = "Jangka Waktu Servise kendaraan anda sudah melebihi 2 bulan
waktunya anda melakukan service motor anda di Cemara Cycle";
8. $x = array(
9. "DestinationNumber" => $notelp,
10. "TextDecoded" => $pesan);
11. $this->AdminModel->sendmsg($x);
12. }}$this->load->view('admin/servise', $data);}
 Kode Program 4.6 mempunyai fungsi notifikasiservise yang terletak pada
controllerdinama admin bertugas untuk mengatur data yang telah diambil dari
database. Perintah pada baris 2 memanggil model dengan nama adminmodel.
Setelah itu pada baris 3 membuat variabel untuk menampung data yang diambil
dari database melalui model getdataservise. Kemudian data dicek menurut
tanggal servis berikutnya, jika tanggal servis berikutnya kurang dari tanggal
sekarang maka sistem akan mengambil nomor telepon pada id pelangan di tabel
pelanggan dan data tersebut akan disimpan dalam variabel baru dan memanggil
model dengan nama fungsi sendmsg , data tersebut akan dimasukkan ke dalam
database melalui model dan sistem akan mengirim notifikasi berupa SMS
gateway kepada pelanggan dengan jangka waktu yang sudah ditentukan.

Kode Program 4.7Fungsi sendmsgpada AdminModel

1. function sendmsg($data){
2. $this->db->insert('outbox', $data);}

Pada bagian AdminModel terdapat sebuah fungsi yang mengatur

pengambilan data dari database menggunakan SQL. Perintah pada baris 1adalah
pendeklarasian nama fungsi sendmsg. Perintah pada baris 2 merupakan
pendefinisian fungsi untuk menambahkan semua data yang di-inputpada tabel
servis dan tabel outbox dari dalam database. Data yang dimasukan ke dalam tabel
outbox adalah data yang akan dikirimkan olaeh pelanggan melalui SMS.

Gambar 16SMS Gateway Notifikasi Servise

Gambar 16 merupakan SMS Gateway yang dikirimkan oleh sistem kepada
pelanggan sebagai peringatan untuk melakukan servis secara berkala dan tepat
pada waktunya.

Gambar 17Halaman Pengaduan.

 Gambar 17 merupakan halaman pengaduan, halaman pengaduan ini
dikelola oleh admin.Pada halaman ini admin bisa melihat data pengaduan,
menghapus data pengaduan dan mencetak data pengaduan sebagai lampiran untuk
menulis laporan. Sedangkan pengaduan hanya dapat ditambahkan oleh pelanggan.

Gambar 18Form Download Pengaduan

Gambar18 merupakan contoh dokumen pengaduan dari pelanggan yang
sudah di-downloaddalam bentuk PDF. File ini berfungsi untuk lampiran
pelaporan kepada kepala dealer yang berguna untuk memperbaiki kinerja dan
pelayanan dealer.
Pengujian sistem dilakukan dengan menguji fungsi-fungsi dari sitem yang
telah dibuat untuk mencari kesalahan/bug pada sistemwebsite penjadwalan
serviskendaraan berkala. Pengujian sistem dilakukan agar sistem yang dibangun
berjalan sesuai dengan yang diharapkan dan dapat memenuhi kebutuhan
pengguna. Pengujian ini menggunakan dua tenik pengujian yaitu pengujian alpha
dan pengujian beta.
Pengujian alpha menggunakan metode blackbox yaitu pengujian fungsi-
fungsi sistem secara langsung tanpa memperhatikan alur eksekusi program,
pengujian ini dilakukan dengan memperhatikan apakah fungsi yang dibuat telah
berjalan sesuai rancangan dansesuai dengan yang diharapkan. Ditunjukan pada
Tabel 1.Hasil pengujian Blackbox.
Tabel 1 Hasil Pengujian Blackbox
Fungsi yang diuji Kondisi Output yang Output yang Status
diharapkan dihasilkan sistem Pengujian
Login Mengisi Berhasil Login Sukses Login Valid
formUsername dan
Password dengan
benar
Tambah Data Form diisi dengan Sukses tambah data Sukses tambah data Valid
Servis benar
Form diisi beberapa Gagal tambah data Gagal tambah data Invalid
atau kosong
Ubah Data Servis Form diisi dengan Sukses ubah data Sukses ubah data Valid
benar
Hapus Data Servis Pilih salah satu Sukses hapus data Sukses hapus data Valid
barang
Notifikasi SMS Mengirim pesan Mendapatkan Mendapatkan Valid
gateway sesuai tanggal yang pemberitahuan pemberitahuan
ditetapkan tentang jadwal tentang jadwal
Mengirim pesan servis servis Valid
setelah input data Mendapatkan pesan Mendapatkan pesan
servise ucapan terimaksih ucapan terimaksih
Cetak Laporan Form diisi dengan File dapat di unduh File dapat di unduh Valid
Pengaduan benar
 Berdasarkan pengujian yang dilakukan pada sistem website dapat dilihat
status pengujian setiap fungsi valid, maka disimpulkan bahwa sistem ini berjalan
baik dan sesuai dengan yang diharapkan. Pengujian berikutnya adalah pengujian
beta. Pengujian beta adalah pengujian yang dilakukan oleh orang yang tidak ikut
dalam pembuatan aplikasi atau calon pengguna aplikasi.Pengujian betadilakukan
dengan melakukan wawancara kepada pemilik dealer dan kuesioner kepada user
yaitu kepada pelanggan Dealer.
Pengujian betaberikutnya dilakukan dengan menggunakan kuesioner, yaitu
dengan membagikan kuesioner kepada sampleuser. Sampleuser berjumlah 40
responden, sample user pada pengujian ini adalah pelanggan dealer. Hasil
jawaban kuesioner dapat dilihat pada Tabel 2.
Tabel 2 Hasil Jawaban Kuesioner
No Pernyataan STS TS C S SS
1 Tampilan, huruf dan gambardari sistem ini dapat dilihat 0 1 8 24 7
dengan jelas 0 1 15 20 4
2 Menu-menu pada sistem ini mudah dipahami dan tidak
membingungkan 0 1 12 19 8
3 Data diri, data kendaraan dan data servis yang ditampilkan
sudah lengkap
4 Sistem ini dapat melakukan pengaduan secara online 1 3 11 14 11
5 Data pengaduan yang di-input-kan suadah lengkap dan dapat 0 0 15 20 5
di gunakan
6 Sistem ini memudahkan pelanggan untuk mendapatkan 0 0 8 14 18
informasi servis dan melakukan pengaduan.

Setelah semua jawaban diketahui maka yang dilakukan adalah menghitung

presentasejawaban responden yang telah mengisi kuesioner. Hasil analisis data
untuk pertanyaan 1 menunjukkan sebanyak17,5% responden menjawab sangat
setuju, 60% responden menjawab setuju dan 20% responden menjawab cukup.
Jadi disimpulkan bahwa tampilan, huruf dan gambar dapat dilihat dengan
jelas.Hasil analisis data untuk pertanyaan 2 menunjukkan sebanyak 10%
responden menjawab sangat setuju, 50,00% responden menjawab setuju dan
37,5% responden menjawab cukup setuju. Jadi disimpulkan bahwa menu pada
sistem ini mudah dipahami dan tidak membingungkan.Hasil analisis data untuk
pertanyaan 3 menunjukkan sebanyak 20% responden menjawab sangat setuju,
47,5% responden menjawab setuju dan 30% responden menjawab cukup setuju.
Jadi disimpulkan bahwadata diri, data kendaraan dan data servis yang ditampilkan
sudah lengkap.Hasil analisis data untuk pertanyaan 4 menunjukkan sebanyak
27,5% responden menjawab sangat setuju, 35,5% responden menjawab setuju dan
27,5% responden menjawab cukup setuju. Jadi disimpulkan bahwa aplikasi
website ini dapat melakukan pengaduan secara online.Hasil analisis data untuk
pertanyaan 5menunjukkan sebanyak 40% responden menjawab sangat setuju,
50% responden menjawab setuju dan 37,5% responden menjawab cukup setuju.
Jadi disimpulkan bahwa data pengaduan yang di-input-kan sudah lengkap dan
dapat digunakan.Hasil analisis data untuk pertanyaan 6 menunjukkan sebanyak
45% responden menjawab sangat setuju, 35% responden menjawab setuju dan
20% responden menjawab tidak setuju. Jadi disimpulkan bahwa sistem ini
memudahkan pelanggan untuk mendapatkan informasi servis dan melakukan
pengaduan.Kesimpulan secara umum pada pengujian beta dengan melakukan
kuesioner kepada pelanggan dealer adalah bahwa sistem yang di bangun sudah
berjalan dengan baik, dapat membantu dan mempermudah pelanggan dalam
mendapatkan informasi secara rinci data servis yang pernah dilakukan oleh
pelangan serta pelanggan mendapat pemberitahuan untuk melakukan servis tepat
pada waktunya dan juga pelanggan dapat melakukan keluhan yang dirasakan
mengenai pelayanan servis yang kurang memuaskan terhadap pihak dealer secara
online.
Pengujian manfaat juga dilakukan dengan wawancara terhadap pemilik
dealer yaitu bapak Bagus didapatkan bahwa sistem penjadwalan servis berkala
kendaraan bermotor menggunakan SMS gatewaydapat membatu dan
mempermudah pelanggan yang sering lupa untuk melakukan servis serta
mempermudah untuk melihat dataservis yang pernah pelanggan lakukan. Sebelum
adanya sistem ini, pihak dealer tidak bisa memberi pemberitahuan kepada
pelanggan untuk melakukan servis kendaraan bermotor sehingga banyak
pelanggan yang sering terlambat untuk melakukan servis serta disisi lain
pelanggan mengalami kesulitan untuk melihat data record servis yang pernah
dilakukan oleh pelanggan. Sistem yang telah dibuat dapat meningkatkan
pelayanan dealer dan dengan adanya pemberitahuan melalui SMSgateway
pelanggan dapat mengetahui kapan waktu pelanggan untuk melakukan servis
sehingga pelanggan bisa melakukan servis kendaraan dengan tepat waktu. Serta
pada pengujian funsional pada sistem ini bahwa data pelanggan, data kendaraan
dan data servise yang di-input-kan dan ditampilkan sudah lengkap, serta admin
bias melakukan prosesdownload data pengaduan dari pelanggan yang berupa file
PDF. Pada halaman home admin juga di tampilkan berupa grafik tentang jumlah
servis pelanggan perbulan.

5. Simpulan

Membangun sebuah website dealer yang berguna sebagai media informasi

dan media pengingat menggunakan framework CodeIgniter dan memanfaatkan
teknologi SMS gateway sebagai notifikasi. Berdasarkan dari hasil pembahasan
ternyata penggunaan framework lebih mempermudah pekerjaan pembuatan
website dengan lebih lebih terstrukturdan mudah di kembangkan.Hasil pengujian
juga menunjukkan bahwa pengembangan website ini membantu dalam
mempermudah proses bisnis dealer Cemara Cycle, karena pegawai dealer bisa
mengolah data servise, data pelanggan, data kendaraan, data mekanik
menggunakan website tersebut dan dengan adanya pemberitahuan melalui sms
gateway pelanggan dapat mengetahui kapan waktu pelanggan untuk melakukan
servise sehingga pelanggan bisa melakukan servise kendaraan dengan tepat
waktu.

6. Pustaka
[1] Desmira, N.S., 2014. Rancang Bangun Sistem Informasi Pengingat Jadwal
Pembayaran Angsuran Berbasis SMSGateway. ISSN: 2406-7768. Pacitan:
Jurnal Sistem Informasi Vol- 1 No.1 2014.
[2] Rachmawati, Y., 2013.Sistem Informasi Pengolahan Data Pertumbuhan
Ekonomi dan Ketimpangan di Kabupaten Klaten (Tahun 2003-2012)
menggunakan Framework Codeigniter.ISSN:2338-6304 Yogyakarta: Jurnal
SCRIPT Vol. 1 No. 1 Desember 2013.
[3] Agung, A.R., 2016. Pengembangan Sistem Informasi Pemesanan layanan
jasa Cleaning Servise Berbasis Website dan Mobile di Liochita Cleaning
Servise Semarang. ISSN: 2338-0403. Semarang: Jurnal Teknologi dan
Sistem Informasi Vol- 4 No.1 2016.
[4] Hartono, J., 2003.Sistem Teknologi Informasi. Yogyakarta: Andi Publisher.
[5] Pengertian website, diperoleh dari http://wikipedia.org; internet di akses
pada tanggal 2 agustus 2016.
[6] Basuki, A.P., 2014. Proyek Membangun Website Berbasis PHP dengan
CodeIgniter. Yogyakarta: Lokomedia..
[7] Alatas, H., 2013, Responsive Web Design dengan PHP &Bootstrap,
Yogyakarta: Loko Media.
[8] Wahyono, T., 2005. 36 Jam Belajar Komputer Pemrograman Web Dinamis
dengan PHP5. Jakarta: ElexMedia Komputindo.
[9] Budiayatno, A., 2015. Belajar membuat web menggunakan bootstrap.
http://pengertianbootstrap.blogspot.co.id/2015/02/pengertian-bootstrap-dan-
cara.html.Diakses tanggal 5 agustus 2016.
[10] Ibrahim, A., Pengembangan Sistem Informasi Monitoring Tugas Akhir
Berbasis Short Message Service (SMS) Gateway di Fasilkom Unsri.
Palembang: Universitas Sriwijaya JUSI Vol. 1 No. 2, 2011.
[11] Jumri, J. P., "Perancangan Sistem Monitoring Konsultasi Bimbingan
Akademik Mahasiswa dengan Notifikasi Realtime Berbasis SMS Gateway,"
Informatika, pp. 34-55, 2012.
[12] Hasibuan, Z.A., 2007. Metodologi Penelitian Pada Bidang Ilmu Komputer
dan Teknologi Informasi, Konsep, Teknik, dan Aplikasi. Jakarta : Ilmu
Komputer Univesitas Indonesia.
[13] Pressman, R.S., 2001, Software Engineering : A Practitioner’s Approach,
Amerika Serikat : R.S. Pressman and Associates.