1 Perancangan Dan Implementasi Sistem Penjadwalan Servis Berkala Kendaraan Bermotor Berbasis Website menggunakan Notifikasi SMS Gateway Artikel Ilmiah...
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.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. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24.
function tambahdataservis(){ if ($this->session->userdata('logged_in') == true) { $this->load->helper('string'); $this->load->model('AdminModel'); date_default_timezone_set("Asia/Jakarta"); $id = $this->input->post('pelanggan'); $data = array( "ID_servis" => $this->input->post('ID_servis'), "tglservis" => date('Y-m-d H:i:s'), "ketservis" => $this->input->post('ketservis'), "tglservisberikutnya" => $this->input->post('tglservisberikutnya'), "ID_pelanggan" => $id, "ID_Kendaraan" => $this->input->post('ID_Kendaraan'), "ID_mekanik" => $this->input->post('mekanik')); $notelp = $this->AdminModel->getDataPelanggan1($id)->notelp; $pesan = "Terimakasih telah mempercayakan service motor anda di Cemara Cycle"; $x = array( "DestinationNumber" => $notelp, "TextDecoded" => $pesan); $this->AdminModel->addservis($data); $this->AdminModel->sendmsg($x); $this->Servise(); } else {redirect('Login', 'refresh'); }}
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. 2. 3. 4. 5.
function addservis($data){ $this->db->insert('tbl_servis',$data); return;} function sendmsg($data){ $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.
">
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. 2. 3. 4. 5. 6. 7.
function notifikasiServise(){ $this->load->model('AdminModel'); $data['tbl_servis'] = $this->AdminModel->getDataServis(); foreach ($data['tbl_servis'] as $row) { if ($row->tglservisberikutnya < date('Y-m-d H:i:s')) { $notelp = $this->AdminModel->getDataPelanggan1($row->ID_pelanggan)->notelp; $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. 2.
function sendmsg($data){ $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 fungsifungsi 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
Login
Mengisi formUsername dan Password dengan benar Form diisi dengan benar Form diisi beberapa atau kosong Form diisi dengan benar Pilih salah satu barang Mengirim pesan sesuai tanggal yang ditetapkan Mengirim pesan setelah input data servise Form diisi dengan benar
Tambah Data Servis
Ubah Data Servis Hapus Data Servis Notifikasi SMS gateway
Cetak Laporan Pengaduan
Output yang diharapkan Berhasil Login
Output yang dihasilkan sistem Sukses Login
Status Pengujian Valid
Sukses tambah data
Sukses tambah data
Valid
Gagal tambah data
Gagal tambah data
Invalid
Sukses ubah data
Sukses ubah data
Valid
Sukses hapus data
Sukses hapus data
Valid
Mendapatkan pemberitahuan tentang jadwal servis Mendapatkan pesan ucapan terimaksih File dapat di unduh
Mendapatkan pemberitahuan tentang jadwal servis Mendapatkan pesan ucapan terimaksih File dapat di unduh
Valid
Valid
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 1 2 3 4 5 6
Pernyataan 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 Sistem ini dapat melakukan pengaduan secara online Data pengaduan yang di-input-kan suadah lengkap dan dapat di gunakan Sistem ini memudahkan pelanggan untuk mendapatkan informasi servis dan melakukan pengaduan.
STS 0 0
TS 1 1
C 8 15
S 24 20
SS 7 4
0
1
12
19
8
1 0
3 0
11 15
14 20
11 5
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. [1]
[2]
Pustaka 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. 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]
[4] [5] [6] [7] [8] [9]
[10]
[11]
[12]
[13]
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. Hartono, J., 2003.Sistem Teknologi Informasi. Yogyakarta: Andi Publisher. Pengertian website, diperoleh dari http://wikipedia.org; internet di akses pada tanggal 2 agustus 2016. Basuki, A.P., 2014. Proyek Membangun Website Berbasis PHP dengan CodeIgniter. Yogyakarta: Lokomedia.. Alatas, H., 2013, Responsive Web Design dengan PHP &Bootstrap, Yogyakarta: Loko Media. Wahyono, T., 2005. 36 Jam Belajar Komputer Pemrograman Web Dinamis dengan PHP5. Jakarta: ElexMedia Komputindo. Budiayatno, A., 2015. Belajar membuat web menggunakan bootstrap. http://pengertianbootstrap.blogspot.co.id/2015/02/pengertian-bootstrap-dancara.html.Diakses tanggal 5 agustus 2016. 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. Jumri, J. P., "Perancangan Sistem Monitoring Konsultasi Bimbingan Akademik Mahasiswa dengan Notifikasi Realtime Berbasis SMS Gateway," Informatika, pp. 34-55, 2012. Hasibuan, Z.A., 2007. Metodologi Penelitian Pada Bidang Ilmu Komputer dan Teknologi Informasi, Konsep, Teknik, dan Aplikasi. Jakarta : Ilmu Komputer Univesitas Indonesia. Pressman, R.S., 2001, Software Engineering : A Practitioner’s Approach, Amerika Serikat : R.S. Pressman and Associates.
