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.

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.

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

diharapkan

Output yang

dihasilkan sistem

Status

Pengujian

Login Mengisi

formUsername dan

Password dengan

benar

Berhasil Login Sukses Login Valid

Tambah Data

Servis

Form diisi dengan

benar

Form diisi beberapa atau kosong

Sukses tambah data

Gagal tambah data

Sukses tambah data

Gagal tambah data

Valid

Invalid

Ubah Data Servis Form diisi dengan

benar

Sukses ubah data Sukses ubah data Valid

Hapus Data Servis Pilih salah satu barang

Sukses hapus data Sukses hapus data Valid

Notifikasi SMS

gateway

Mengirim pesan

sesuai tanggal yang ditetapkan

Mengirim pesan

setelah input data servise

Mendapatkan

pemberitahuan tentang jadwal

servis

Mendapatkan pesan ucapan terimaksih

Mendapatkan

pemberitahuan tentang jadwal

servis

Mendapatkan pesan ucapan terimaksih

Valid

Valid

Cetak Laporan

Pengaduan

Form diisi dengan

benar

File dapat di unduh File dapat di unduh Valid

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

2

3

Tampilan, huruf dan gambardari sistem ini dapat dilihat

dengan jelas

Menu-menu pada sistem ini mudah dipahami dan tidak

membingungkan

Data diri, data kendaraan dan data servis yang ditampilkan

sudah lengkap

0

0

0

1

1

1

8

15

12

24

20

19

7

4

8

4 Sistem ini dapat melakukan pengaduan secara online 1 3 11 14 11

5 Data pengaduan yang di-input-kan suadah lengkap dan dapat

di gunakan

0 0 15 20 5

6 Sistem ini memudahkan pelanggan untuk mendapatkan

informasi servis dan melakukan pengaduan.

0 0 8 14 18

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.