Perancangan Sistem Notifikasi Problem Mesin Produksi via Email

berbasis Web

(Studi Kasus : PT Pura Barutama Unit Rotogravure)

Artikel Ilmiah

Diajukan kepada

Fakultas Teknologi Informasi

Untuk Memperoleh Gelar Sarjana Komputer

Peneliti:

Rino Tri Aji Pamungkas (672012111)

Christine Dewi, S.Kom., M.Cs

Program Studi Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Salatiga

Juli 2016

i

ii

iii

iv

v

1

Perancangan Sistem Notifikasi Problem Mesin Produksi via Email

berbasis Web

(Studi Kasus : PT Pura Barutama Unit Rotogravure)

1) Rino Tri Aji Pamungkas, 2) Christine Dewi

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Jl. Diponegoro 52-60, Salatiga 50771, Indonesia

Email: 1) 672012111@student.uksw.edu, 2) christine.dewi@staff.uksw.edu

Abstract

PT Pura Barutama a growing company, one unit is Rotogravure Unit that has a lot

of production machines. When the machine operator spotted a problem with one of the

machines, operators fix the problem, if it can not be repaired will tell staff manager, if it

still can not be repaired then notified to unit leaders for further action. When the operator

is dealing with the problem on one machine or an operator is not awake or no damage to

the other machine operator did not immediately know the problem causing delays in

production. This can decrease the effectiveness of production and profitability of

production. That requires notification system problems of the production machine via

email, due to PT Pura Group already has a host and your own email server, the system

created using CodeIgniter framework, twitter bootstrap, phpMailer library, and the library

highchart. This research resulted in the notification system via a web-based email that can

help machine operators, staff manager, and the head unit got pemebritahuan in real time

and can improve the effectiveness of production so as to reach the target, or more.

Keyword : Web, Notification, Email, CodeIgniter, PhpMailer, Highchart

Abstrak

PT Pura Barutama merupakan perusahaan berkembang, salah satu unitnya yaitu Unit

Rotogravure yang mempunyai banyak mesin produksi. Ketika operator mesin menemukan

masalah pada salah satu mesin, operator memperbaiki masalah tersebut, jika tidak bisa di

perbaiki akan di beritahukan kepada staff manager, apabila masih tidak bisa diperbaiki

maka diberitahukan kepada pimpinan unit untuk ditindak lanjuti. Ketika operator sedang

menangani masalah pada salah satu mesin atau operator sedang tidak terjaga ada kerusakan

pada mesin yang lain operator tidak langsung mengetahui masalah tersebut sehingga terjadi

keterlambatan produksi. Hal ini dapat menurunkan efektivitas produksi dan keuntungan

produksi. Untuk itu dibutuhkan sistem notifikasi problem mesin produksi via email,

dikarenakan PT Pura Group sudah mempunyai host dan server email sendiri, yang dibuat

menggunakan framework CodeIgniter, twitter bootstrap, library phpMailer, dan library

highchart. Penelitian ini menghasilkan sistem notifikasi via email berbasis web yang dapat

membantu operator mesin, staff manager, dan pimpinan unit serta dapat meningkatkan

efektivitas produksi sehinggan dapat mencapai target ataupun lebih.

Kata Kunci : Web, Notifikasi, Email, CodeIgniter, PhpMailer, Highchart

1) Mahasiswa Fakultas Teknologi Informasi Jurusan Teknik Informatika, Universitas

Kristen Satya Wacana Salatiga. 2) Staff Pengajar Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana Salatiga.

2

1. Pendahuluan

Masalah produksi pada mesin sering dijumpai pada setiap perusahaan atau

institusi tertentu. Masalah produksi tersebut sering tidak diketahui cepat oleh pihak-

pihak tertentu terutama pihak atasan, seperti manager, kepala bagian dan lain-lain.

Pemberitahuan masalah pada produksi mesin diperlukan cepat, agar dapat segera

ditindak lanjuti. Penanganan masalah produksi dapat meningkatkan efektivitas

produksi, hal ini berhubungan erat dengan tingkat keberhasilan suatu perusahaan,

apabila tingkat efektivitas perusahaan tersebut tinggi, maka suatu perusahaan dapat

dikatakan sukses dalam hal memenuhi target produksi [1].

PT Pura Barutama Unit Rotogravure memiliki sekitar 262 mesin produksi dan

pegawai operator mesin ada 30 orang, jadi satu operator mesin menangani kurang

lebih 9 mesin. Staff manager sebagai pemilik mesin produksi ada 5 orang, sehingga

satu staff manager mengatasi 6 orang operator mesin. Staff pimpinan unit

merupakan jabatan tertinggi di dalam unit Rotogravure sehingga pimpinan unit

mengatasi 5 orang staff manager. Kinerja produksi pada mesin sangat

mempengaruhi dalam peningkatan efektivitas produksi barang yang dihasilkan,

sehingga semakin banyak dan semakin cepat produksi yang di hasilkan maka akan

menguntungkan bagi unit Rotogravure atau perusahaan PT Pura Barutama.

Kejadian problem suatu mesin di PT Pura Barutama Unit Rotogravure seringkali di

jumpai, jika di persentasekan dalam sebulan, ada 56-70 mesin produksi bermasalah,

berarti sekitar 24% mesin bermasalah dari jumlah total mesin, dalam satu bulan.

Operator mesin diberikan penjadwalan dalam pengecekan satu persatu kondisi

mesin produksi dan mangatur APKM ( alat pendeteksi kinerja mesin ) yaitu alat

untuk mendapatkan informasi produksi pada mesin yang berjalan. Ketika operator

menemukan masalah pada mesin produksi segera mengubah pengaturan pada

APKM untuk mengganti status mesin menjadi bermasalah dan di beritahukan

kepada teknisi mesin untuk segera diperbaiki, apabila masalah pada mesin tidak

bisa diselesaikan di operator mesin maka akan di beritahukan kepada staff manager

untuk segera ditindak lanjuti, apabila masalah pada mesin masih tidak bisa

diperbaiki di staff manager maka akan di beritahukan kepada pemimpin unit untuk

segera ditindak lanjuti apakah mesin perlu diganti atau tidak.

Dalam penanganan masalah mesin produksi tersebut ada beberapa kendala

yang terjadi seperti : 1) Apabila operator mesin sedang tidak terjaga atau sedang

mengecek satu mesin yang sedang bermasalah dan ada mesin lain yang

ditanganinya juga bermasalah, operator mesin tidak langsung tau jika ada masalah

di mesin produksi tersebut maka harus menunggu operator mesin mengecek mesin

yang lain; 2) Apabila staff manager atau pimpina unit sedang berada di luar kota

dan ada mesin yang sedang bermasalah staff manager dan pimpinan unit tidak

mengetahui hal tersebut, kedua hal tersebut menyebabkan terjadinya keterlambatan

penanganan jika ada masalah pada mesin produksi, sehingga dapat menurunkan

produksi yang dihasilkan, otomatis keuntungan yang di dapat di unit Rotogravure

atau di perusahaan PT Pura Barutama akan menurun.

3

Berdasarkan permasalahan yang ada, maka dibangun perancangan sistem

notifikasi problem mesin produksi via email berbasis web. Sistem akan

mengirimkan notifikasi via email secara otomatis ketika menemui data mesin

produksi yang sedang bermasalah. Notifikasi via email dipilih karena di PT Pura

Barutama sudah mempunyai server dan host email sendiri, sehingga tidak perlu

khawatir akan kebocoran data. Perancangan sistem yang dibuat menggunakan

bahasa pemrograman PHP (Hypertext Preprocessor) dengan arsitektur MVC

(Model View Controller) yang dimiliki framework CodeIgniter. Arsitektur MVC

membuat aplikasi ini menjadi lebih terstruktur. Tampilan pada aplikasi

memanfaatkan framework twitter bootstrap agar lebih menarik dan responsive atau

dapat menyesuaikan dengan device yang digunakan. Aplikasi ini juga

memanfaatkan library phpMailer untuk pengiriman notifikasi via email, lalu

memanfaatkan library Highchart untuk membuat grafik informasi produksi.

Tujuan dari penelitian ini adalah membuat sistem notifikasi via email yang

dapat memberitahukan secara real time pada operator mesin, staff manager atau

pimpinan unit adanya masalah pada mesin produksi. Perumusan masalah dalam

penelitian ini bagaimana membuat dan merancang sistem notifikasi via email pada

mesin produksi secara real time. Aplikasi yang dibuat tidak membahas masalah

kemanan data maupun pada sistem. Batasan dari penelitian ini hanya merancang

sistem notifikasi via email pada mesin produksi berbasis web.

2. Tinjauan Pustaka

Penelitian berjudul Nagios untuk Monitoring Server dengan Pengiriman

Notifikasi Gangguan Server Menggunakan Email dan Sms Gateway Studi Kasus

Pt. Gamatechno Indonesia Yogyakarta, membahas tentang aplikasi sistem

notifikasi pada monitoring server dengan notifikasi via email dan sms gateway jika

ada gangguan pada server dengan menggunakan nagios, manfaat aplikasi tersebut

untuk membantu admin server jika ada gangguan pada server [2].

Pada penelitian lain yang berjudul Aplikasi Monitoring Jaringan Berbasis

Mobile Web dengan Sistem Notifikasi Berbasis SMS Gateway Studi Kasus Sekolah

Islam Al-Azhar Bumi Serpong Damai, membahas tentang sistem notifikasi berbasis

sms gateway pada jaringan sekolah sehingga membantu administrator dalam

pemantauan jaringan pada sekolah [3].

Dari kedua penelitian terdahulu dibahas mengenai sistem notifikasi, dan

email sebagai teknologi yang digunakan untuk membangun aplikasi. Perbedaan

dari kedua penelitian sebelumnya adalah aplikasi sistem notifikasi ini mengacu

pada masalah produksi pada suatu mesin, dimana notifikasi tersebut dikirimkan

secara otomatis oleh sistem ketika menemui data mesin produksi yang sedang

bermasalah dan pengaturan pengiriman notifikasi pada sistem dilakukan oleh

admin. Aplikasi ini di bagi menjadi dua pengguna yaitu admin atau staff EDP Unit

Rotogravure dan user atau orang yang menerima notifikasi yaitu operator mesin,

staff manager, dan pimpinan unit Rotogravure.

4

Dalam pembangunan sistem notifikasi berbasis web ini, menggunakan

framework css twitter bootstrap sebagai front end. Library ajax jquery sebagai

middle end dan framework php CodeIgniter sebagai back end web. Framework

Codeigniter merupakan sebuah web aplication framework yang bersifat open

source digunakan untuk membangun aplikasi PHP dinamis. Codeiginiter sendiri

dibangun menggunakan konsep Model – View – Controller development pattern.

MVC (Model View Controller) sebenarnya adalah sebuah teknik pemrograman

yang memisahkan alur pikir (bisnis logic), penyimpanan data (data logic), dan

antarmuka aplikasi (presentation logic).

Gambar 1 Flow CodeIgniter [4]

Pada Gambar 1 dijelaskan browser berinteraksi melaului controller.

Controller yang akan menerima dan membalas semua request dari browser untuk

data maka controller akan meminta ke model untuk di tampilkan ke view. Jadi otak

dari aplikasi adalah controller.

Dalam pembangunan sistem digunakan teknologi email sebagai notifikasi,

dengan memanfaatkan library phpMailer. Email adalah Electronic mail (Surat

elektronik), sering disebut e-mail atau email, merupakan metode Store and Forward

dari menulis, mengirim, menerima dan menyimpan surat melalui sebuah sistem

komunikasi elektronik.

Gambar 2 Metode Pengiriman Email [5]

Pada Gambar 2 dapat dilihat metode pengeiriman email yaitu ketika kita

menulis email dari komputer kita, akan dikirimkan ke SMTP server penyedia email,

5

lalu akan dihubungkan ke jaringan internet, selanjutnya dikirimkan melalui POP3

server penyedia email penerima, lalu email sampai di komputer penerima.

Library Highchart memanfaatan web charting yaitu teknologi untuk

membuat grafik pada web yang support pada HTML 5 dan java script. Highchart

dikemas dengan adapter dan pluggable untuk antarmuka kerangka kerja. Sehingga

dapat di masukan kedalam framework jQuery Javascript. Highchart menggunakan

jQuery sebagai dasar kerangka kerja, sehingga diperlukan library jQuery dalam

sebelum menggunakan highchart. Highchart muncul dengan gaya grafis yang

lembut dan lebih berinteraktif [7].

Web adalah suatu metode untuk menampilan informasi di internet, baik

berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan

untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext)

yang dapat diakses melalui sebuah browser. Secara umum situs web mempunyai

beberapa fungsi, yaitu fungsi komunikasi, fungsi informasi, fungsi hiburan dan

fungsi transaksi [8].

3. Metode dan Perancangan Sistem

Pada penelitian ini, akan dilakukan beberapa tahapan penelitian yang secara

garis besar terbagi dalam lima tahapan, yaitu : 1) Analisis kebutuhan dan

pengumpulan data; 2) Perancangan sistem; 3) Pembuatan aplikasi/program; 4)

Implementasi dan pengujian sistem, serta analisis hasil dan pengujian; dan 5)

penulisan laporan dan hasil penelitian [9]. Tahapan dalam penelitian ini dapat

dilihat pada Gambar 3.

Gambar 3 Tahapan Penelitian

Tahap pertama yaitu analisis kebutuhan dan pengumpulan data dilakukan

wawancara kepada staff EDP Rotogravure dan manager Rotogravure serta

pengumpulan data, seperti data informasi produksi dan email yang digunakan oleh

staff PT Pura Barutama, serta kendala-kendala apa saja yang terjadi ketika ada

masalah pada mesin produksi. Tahap kedua yaitu perancangan sistem, tahap ini

meliputi perancangan proses dengan menggunakan Unified Modelling Language

(UML), meliputi diagram use case, dan activity diagram. Perancangan aristektur

dari sistem yang dibangun misalnya arsitektur sistem notifikasi. Perancangan

6

database seperti relasi antar tabel yang dibuat pada database. Tahap ketiga yaitu

perancangan aplikasi/program. Tahap ini dibangun berdasarkan kebutuhan user dan

admin serta rancangan sistem yang telah dibuat pada tahap sebelumnya. Tahap

keempat yaitu implementasi dan pengujian sistem, serta analisis hasil pengujian.

Pada tahap ini sistem yang sudah jadi kemudian diimplementasikan dan diuji, serta

dilakukan analisis pada hasil pengujian. Tahap kedua, ketiga dan keempat

menggunakan sebuah metode pengembangan prototype dalam perancangannya.

Tahap kelima dilakukan penulisan laporan penelitian dan artikel ilmiah. Tahap ini

setiap proses penelitian yang dilakukan didokumentasikan dalam sebuah laporan

hasil penelitian dan artikel ilmiah.

Dalam tahap pembangunan dan perancangan sistem, terdapat tiga jenis desain

aplikasi yang di buat, masing-masing mempunyai levelnya tersendiri, yang pertama

adalah aplikasi yang digunakan oleh admin untuk men-setting notifikasi,

selanjutnya aplikasi yang digunakan admin untuk memonitoring jalannya produksi

pada mesin yang sekaligus mengirimkan notif email kepada user secara otomatis

dari sistem, dan yang terakhir aplikasi yang digunakan user untuk melihat detail

data dari produksi mesin ketika menerima notifikasi.

Metode perancangan yang dipakai dalam pembuatan sistem notifikasi

problem mesin produksi adalah metode prototye. Metode prototype adalah metode

dalam pengembangan rekayasa software yang bertahap dan berulang serta

mementingkan sisi user sistem. Dengan metode ini pengembang dan staff manager

dapat saling berinteraksi selama proses pemuatan sistem dimana prosesnya dapat

dilihat pada Gambar 4.

Gambar 4 Metode Prototype [6]

Tahapan dalam Metode Prototype adalah sebagai berikut: 1) Listen to

Customer. Pada tahap ini dilakukan analisis untuk mendapatkan data apa yang

dibutuhkan customer untuk membangun sistem notifikasi problem mesin, terutama

data penerima notif dan data produksi mesin; 2) Build adalah membangun sistem

berdasarkan perancangan menggunakan Unified Modeling Language (UML).

Sistem dirancang menggunakan UML untuk selanjutnya dibuat aplikasi berbasis

web dan di integerasikan dengan Oracle Database; 3) Costumer Test.Dilakukan

pengujian sistem dengan cara blackbox testing.

Masukan yang dibutuhkan oleh seorang admin untuk memenuhi kebutuhan

sistem ini adalah: 1) Data Setting Notifikasi; 2) Data Penerima Email; 3) Data

Pengirim Email dan 4) Update Notif Status Mesin. Hardware dan software yang

7

akan digunakan dalam membangun sistem ini memiliki spesifikasi: 1) CPU Intel

Core i3-2350M., 2.3Ghz, memory RAM 2GB; 2) Tool Editor untuk membuat Web;

3) Database yang digunakan Oracle; 4) Web browser seperti Mozilla Firefox,

Chrome, Internet Explorer, dll; 5) Framework CodeIgniter; 6) Library PhpMailer;

7) Framework Twitter Bootstrap dan 8) Library J-Query Ajax. Sistem ini dapat

dijalankan pada web browser dengan operating system minimal Windows XP.

Gambar 5 Skema Operator Mesin Input Data

Pada Gambar 5 skema operator mesin input data atau mengatur alat APKM

dijelaskan bahwa ketika operator mesin menghidupkan mesin maka operator juga

sekaligus mengatur APKM, jika terjadi masalah pada mesin maka operator juga

mengubah APKM. Informasi data produksi yang di baca APKM akan langsung di

masukan ke database dalam waktu 10 detik sekali pada setiap mesin.

Mulai

Cek Data Produksi

Mesin

Apakah Status

Produksi ?

Cek Data Setting

Notifikasi

tidak

Apakah Di

Notif ?ya

Apakah

Problem > n

menit ?

ya

Sistem Kirim Notif

via Email ke User

bahwa Mesin

Problem

Ya

End

tidak

Tidak

Apakah status

sebelumnya problem

?

Sistem Kirim Notif

via Email ke User

bahwa Mesin

Kembali Produksi

ya

ya

tidak

Gambar 6 Mekanisme Sistem Notifikasi Problem Mesin

Pada Gambar 6 dijelaskan bahwa notifikasi didapat ketika mengecek data

informasi produksi yang ada di database dan juga ada pengecekan data setting

notifikasi yang ada di database secara real time yaitu setiap 10 detik sekali. Lalu

dilakukan pengecekan pada sistem sesuai dengan alur yang ada pada Gambar 6.

Jika sesuai, maka sistem mengirimkan notfikasi via email kepada user.

Mulai

Operator Mesin

menghidupkan

Mesin

Operator Mesin mengatur alat

APKM ( alat pendeteksi kinerja

mesin )

Apakah ada

masalah pada

mesin ?

Operator mengubah

data status pada

APKM

ya

Selesai

tidak

8

Membuka Setting

Notifikasi

Memilih Menu

Menampilkan Halaman

Utama Setting Notifikasi

Menampilkan Tabel Produksi

Menampilkan Grafik Produksi

Mengelola Data Pengirim

Notifikasi

Mengelola Data Penerima

Notifikasi

Mengelola Data Setting

Notifikasi

Mengelola Data Status Mesin

Kirim Data

Produksi

Simpan

Data

DatabaseSistemAdmin

Insert Data Penerima Notif Update Data Penerima Notif

Delete Data Penerima Notif

Insert Data Pengirim Notif

Update Data Pengirim Notif

Delete Data Pengirim Notif

Insert Data Setting Notif

Edit Data Setting Notif

Delete Data Setting Notif

Menerima Notif

User

Monitoring Notif ikasi Problem Mesin

Mengolah Data Penerima Notif

<<include>>

<<include>>

Mengolah Data Pengirim Notif

<<include>>

<<include>>

<<include>>

Mengolah Data Setting Notif

<<include>>

<<include>>

<<include>>

View Inf ormasi Produksi

Update Notif Status Mesin

Admin

<<include>>

Gambar 7 Use Case Diagram

Pada Gambar 7 rancangan use case diagram terdapat aktor yang dibagi

menjadi dua yaitu admin dan user. Admin merupakan staff EDP Unit Rotogravure,

yang dapat melakukan beberapa pengolahan di sistem yaitu : 1) Mengolah Data

Penerima; 2) Mengolah Data Pengirim; 3) Mengolah Data Setting Notifikasi; 4)

Monitoring Problem Mesin atau Monitoring Produksi sekaligus mengirmkan notif;

5) Melihat Informasi Produksi. Sedangkan user adalah orang yang menerima notif

dan melihat informasi produksi, yaitu operator mesin, staff manager, dan pimpinan

unit.

Gambar 8 Activity Diagram Admin.

9

admin

Database

user Email Server

PhpMailer

Sistem

Pada Gambar 8 merupaka activity diagram admin untuk mengatur notifikasi

pada sistem yang dibuat. Dimana admin dapat memilih beberapa menu yang

disediakan dan pengaturan notifikasi ini akan disimpan kedalam database.

Gambar 9 Relasi Tabel

Pada Gambar 9 merupakan relasi tabel pada sistem yang dibuat, dimana

terdapat delapan tabel class yang berelasi yaitu : 1) tbl_wa_mesin, digunakan untuk

menyimpan data mesin; 2) tbl_pengirim_email, digunakan untuk menyimpan data

pengirim emal; 3) tbl_penerima_email, digunakan untuk menyimpan data penerima

email; 4) tbl_master_status, digunakan untuk menyimpan data status pada mesin

yang sedang berjalan; 5) tbl_setting_notif, digunakan untuk menyimpan data

pengaturan notif ; 6) tbl_setting_notif_detail, detail dari tabel setting notif; 7)

tbl_record_produksi, digunakan untuk menyimpan data produksi mesin; 8)

tbl_temp_settting_pengirim, digunakan untuk penyimpanan sementara pada saat

mengatur pengirim email.

Gambar 10 Arsitektur Sistem

10

Pada Gambar 10 merupakan arsitektur sistem yang dibuat dimana sistem

dapat digunakan oleh admin untuk mengatur notifikasi yang terhubung dengan

database dan sistem akan mengirimkan notifikasi ke user dengan memanfaatkan

library phpMailer, yang akan dihubungkan ke server email lalu dari server email

akan mengirimkan pesan via email ke user. Server email yang digunakan adalah

milik PT Pura Group dengan contoh format email : xxxxx@kudus.puragroup.com.

User dapat melihat detail informasi produksi dengan mengakses link yang ada di

notifikasi email.

4. Hasil dan Pembahasan

Penelitian ini menghasilkan sistem notifikasi via email pada problem mesin

produksi berbasis web yang dibangun menggunakan framework Codeigniter,

framework twitter bootstrap, library Highchart dan libray ajax jQuery sebagai

pendukung pembuatan sistem ini. Dalam pembangunan sistem ini yang perlu kita

siapkan pertama kali adalah framework Codeigniter sebagai back end dalam sistem

yang dibuat. Dengan kosep MVC yang ada di codeigniter sangat membantu

programmer untuk melakukan konsep OOP pada PHP, didalam framework ini

sudah disediakan beberapa permodelan konsep, selain itu CodeIgniter juga sudah

menyiapkan beberapa library yang dapat kita gunakan sebagai pendukung web

yang dibangun.

Gambar 11 Folder framework CodeIgniter

Pada Gambar 11 merupakan isi folder dari framework CodeIgniter yang

dibangun dalam sistem ini. Dalam folder application adalah konfigurasi pertama

yang di lakukan dan yang akan dibangun. Pengaturan sistem dapat dilakukan di

folder config. Lalu untuk menambahkan fungsi model ditaruh di folder model,

begitu juga fungsi controller dan view ditaruh di folder masing-masing.

11

Sesuai dengan perancangan sistem, bahwa aplikasi yang dibuat di bagi

menjadi tiga akses, yaitu :

1) Setting Notifikasi

Bagian ini yang berhak mengakses adalah admin. Admin dapat memilih

beberapa menu yang disediakan yang dapat dilihat pada Gambar 12.

Gambar 12 Tampilan Menu Setting Notif

Pada Gambar 12 admin dapat melihat data untuk pengaturan notifikasi dari

setiap mesin yang ada di unit Rotogravure, dimana untuk setiap pengiriman notif

mempunyai level tersendiri. Pada saat admin mengklik salah satu data setting dari

mesin, akan memunculkan tampilan edit setting notifikasi, bisa dilihat pada Gambar

13.

Gambar 13 Tampilan Edit Setting Notifikasi

12

Pada tampilan edit setting notifikasi, admin dapat mengatur notif mesin yang

dipilih, bisa menentukan mesin tersebut akan dinotifkan atau tidak, bisa

menentukan jumlah level penerima notif dan di setiap level bisa mengatur durasi

waktu notif dan siapa saja penerima notif. Lalu admin juga bisa mengatur data

pengirim notif email, seperti pada Gambar 14.

Gambar 14 Tampilan Menu Setting Pengirim

Pada menu tersebut admin bisa melakukan menambah data pengirim, meng-

edit data pengirim, dan juga menghapus data pengirim. Akan tetapi disini admin

hanya bisa meng-edit dan menghapus data ketika warna font pada data pengirim

hitam dan tidak blur, jadi ketika salah satu pengirim dipilih pada saat mengatur

setting notif, data pengirim tersebut tidak bisa diubah maupun di hapus.

Pada saat insert data pengirim akan diperintahkan untuk memasukan

password pengirim email. Untuk mengenkripsi data password sistem menggunakan

fungsi mcrypt dengan algoritma RIJNDAEL 256.

Kode Program 1 Fungsi Enkripsi dan Dekripsi Data Menggunakan Algoritma RIJNDAEL 256.

Pada Kode Program 1 merupakan perintah untuk mengenkripsi dan dekripsi

data menggunakan algoritma RIJNDAEL. Baris 1-5 adalah fungsi enkripsi data.

Baris 7-11 merupakan fungsi untuk dekripsi data, kedua fungsi tersebut

mengembalikan nilai string hasil enkripsi atau dekripsi data. Key yang di gunakan

dapat dilihat pada baris 2 dan 8.

Gambar 15 Hasil Enkripsi Data dari Algoritma RIJNDAEL 256.

1. function encryptIt($q) {

2. $cryptKey = 'qJB0rGtIn5UB1xG03efyCp';

3. $qEncoded = base64_encode(mcrypt_encrypt(MCRYPT_RIJNDAEL_256,

md5($cryptKey), $q, MCRYPT_MODE_CBC, md5(md5($cryptKey))));

4. return( $qEncoded );

5. }

6.

7. function decryptIt($q) {

8. $cryptKey = 'qJB0rGtIn5UB1xG03efyCp';

9. $qDecoded = rtrim(mcrypt_decrypt(MCRYPT_RIJNDAEL_256,

md5($cryptKey), base64_decode($q), MCRYPT_MODE_CBC, md5(md5($cryptKey))),

"\0");

10. return( $qDecoded ); 11. }

13

Gambar 16 Tampilan Menu Data SINSE Grafik SINSE

Pada Gambar 16 merupakan tampilan grafik informasi produksi dengan

memanfaatkan library Highchart.

Kode Program 2 Fungsi Menampilkan Grafik Menggunakan Highchart.

Pada Kode Program 2 merupakan fungsi untuk menampilkan grafik

menggunakan highchart yang di buat dalam script javascript. Baris 2 dan 3 perintah

untuk memanggil library highchart pada javascript. Untuk perintah pengaturan

grafik menggunakan library highchart dapat dilihat pada baris 6 – 28. Pengaturan

tersebut sudah disediakan oleh library highchart, sehingga kita hanya panggil

fungsi tersebut dan mengisikan data yang dibutuhakan.

2) Monitoring Real Time Notifikasi Problem Mesin Produksi

Aplikasi ini ditampilkan hanya pada satu layar komputer saja, yang

digunakan untuk memonitor jalannya produksi pada setiap mesin sekaligus

1. ...

2. <script src="<?= base_url('dist/js/highcharts.js') ?>"></script>

3. <script src="<?= base_url('dist/js/exporting.js') ?>"></script>

4. ...

5. $(function () {

6. $('#chartSip').highcharts({

7. chart: {

8. ...

9. },

10. title: { text: 'Grafik Sistem Informasi Produksi' }, 11. xAxis: { 12. ... 13. categories: [<?= $category ?>] 14. }, 15. yAxis: { title: { text: 'Kecepatan (m/m)' } }, 16. tooltip: { 17. crosshairs: true, shared: true,pointFormat: '<br><b>Mesin :

{series.name} , Speed : {point.y:,.0f} m/m</b>'

18. }, 19. credits: { enabled: false }, 20. plotOptions: { 21. ... 22. }, 23. series: [<?= $dataGrap ?>] }); 24. ... 25. });

14

1. public function cekNotif($data) {

2. if (count($data) > 0) {

...

3. foreach ($data as $row) {

...

4. if ($row->SPEED == 0) {

...

5. if ($selisih >= $durasi && $cekStat == 1 && strcasecmp($row->NOTIF, "ya")

== 0) {

...

6. if ($detMes['flag'] == 0 && $levelNM_now <= $jum_lvl) {

...

7. echo $this->notif_mod->kirimEmail("Problem",$levelNM_now, $pengirim,

$penerima, $subject, $isi, $getTgl, $row->MESIN, $row->UNIT, $row->DEPT);

8. ...} } }

...

mengirimkan notifikasi via email secara otomatis, dengan pengecekan fungsi

load_data pada data produksi mesin, setiap 10 detik sekali. Fungsi yang di baca

adalah fungsi untuk membaca data mesin produksi yang ada di database, sehingga

ketika ditemukan data mesin produksi yang statusnya sedang problem atau

bermasalah maka sistem akan secara otomatis mengirimkan notifikasi ke user,

dimana pengiriman notifikasi via email, menggunakan library phpMailer yang

sudah disediakan di framework CodeIgniter. Pengecekan fungsi php secara

berulang-ulang di sistem, memanfaatkan code perintah yang disediakan oleh ajax

jQuery. Aplikasi ini jika dijalankan lebih dari satu komputer, maka akan terjadi

penumpukan notifikasi atau duplikat notifikasi. Tampilan monitoring bisa dilihat

pada Gambar 17.

Gambar 17 Monitoring Real Time

Pada Gambar 17, terdapat beberapa bagian tampilan, yaitu : 1) Monitoring

selang waktu problem, pada bagian ini akan menampilkan selang waktu problem

pada setiap mesin jika ada. Problem disini adalah ketika speed mesin 0 m/s ; 2)

Note pengiriman notif, pada bagian ini akan menampilkan pengiriman notif via

email berhasil terkirim atau tidak, disini pengiriman notif berdasarkan level pada

masing-masing mesin ; 3) Data monitoring, pada bagian ini menampilkan data

terkahir dari setiap mesin. Data ini akan muncul jika mesin sudah di atur untuk

notifikasinya dan data produksi mesin ada di database.

Kode Program 3 Fungsi Cek Notif jika Speed = 0 m/m.

15

1. ...

2. $this->load->library('email');

3. ...

4. public function configEmail($pengirim) {

...

5. $config['useragent'] = 'PHPMailer';

6. $config['protocol'] = 'smtp';

7. $config['mailpath'] = '/usr/sbin/sendmail';

8. $config['smtp_host'] = '' . $host;

9. $config['smtp_user'] = '' . $pengirim;

10. $config['smtp_pass'] = '' . $pass_pengirim; 11. $config['smtp_port'] = $port; 12. $config['smtp_timeout'] = 300; 13. $config['smtp_crypto'] = '' . $crypto; 14. $config['smtp_debug'] = 0; 15. $config['smtp_conn_options'] = $smtp_option; 16. $config['wordwrap'] = true; 17. ... 18. $this->email->initialize($config); }

Pada potongan Kode Program 3 adalah perintah untuk mem-filter jika di

dapat data speed mesin menjadi 0 m/s. Perintah pengecekan dan pembacaan data

dapat dilihat pada baris 2 – 4 , jika di dapati speed mesin adalah 0 maka di berikan

perintah untuk pengiriman notifikasi dengan melihat data pengaturan notifikasi

yang di simpan didalam databse, yang dapat di lihat pada baris 5 – 8.

Kode Program 4 Fungsi Cek Notif jika Speed > 0 m/m.

Pada potongan Kode Program 4, di berikan perintah jika speed mesin lebih

dari 0 m/m atau berjalan kembali, maka akan di berkan berikan kondisi jika

memenuhi akan mengirimkan notif email bahwa mesin sudah berjalan kembali

dengan data pengiriman notif yang diambil dari pengaturan notifikasi yang di

simpan didalam database, yang dapat dilihat pada baris 1 – 6.

Kode Program 5 Fungsi loadData Setiap 10 Detik Sekali

Pada Kode Program 3 dan Kode Program 4 akan di baca fungsinya setiap 10

detik sekali dengan menggunakan fungsi javascript yang di sediakan di library ajax

jQuery, dapat dilihat pada Kode Program 5.

Kode Program 6 Konfigurasi email pada phpMailer.

1. else if ($row->SPEED > 0) {

...

2. if ($prevStat == 1) {

...

3. $dDetailSN = $this->notif_mod->dataSetNotDetail($row->MESIN, $i);

4. if ($selisih > $durasi) {

...

5. echo $this->notif_mod->kirimEmail("Kembali Produksi",$i, $pengirim, $penerima,

$subject, $isi, $getTgl, $row->MESIN, $row->UNIT, $row->DEPT);

6. }

...

7. }

1. function loadData() {

2. setInterval("my_data();", 10000);

3. $.ajax({url: baseUrl + "index.php/notif/loadDSM", success: function (result) {

i. $("#data").html(result);

b. }

4. });

5. }

16

Pada Kode Program 6 merupakan perintah untuk melakukan konfigurasi

email. Library phpMailer sudah disediakan di framework CodeIgniter sehingga

pada baris 2 dilakukan perintah untuk memanggil library yang sudah di sediakan

pada framework CodeIgniter. Pada baris 5-18 merupakan perintah konfigurasi

email, dengan dibutuhkan data pengirim email seperti alamat email, password ,

host server, port, crypto, dan konfigurasi sertifikat yang di gunakan pengirim. Data

pengirim email di ambil dari tabel pengirim email lalu disesuaikan konfigurasinya.

Untuk isi notifikasi via email bisa dilihat pada Gambar 18. Pada gambar tersebut

dituliskan bahwa mesin sedang bermasalah atau sudah berjalan kembali.

Gambar 18 Tampilan Notifikasi via Email.

3) Detail Data Produksi Mesin

Aplikasi ini bisa diakses oleh user ketika mendapat notifikasi dari via email.

Dimana link ini bisa di akses ketika terhubung dengan jaringan yang ada di unit

Rotogravure. Pada aplikasi ini terdapat tiga menu, yaitu home, tabel SINSE, dan

grafik SINSE. Untuk fitur-fitur sama dengan menu Data SINSE yang ada di admin.

Gambar 19 Tampilan Responsive pada Menu Home

17

Pada Gambar 19 merupakan tampilan responsive web pada menu home yang

di gunakan user ketikan mengakses link yang dikirimkan melalui notif email.

Tampilan ini menggunakan framework Twitter Bootstrap.

Kode Program 7 Penggunaan Framework Twitter Bootstrap.

Pada Kode Program 7 terdapat perintah untuk menggunakan framework

twitter bootstrap yang dapat diimplentasikan pada script css di html. Baris 2 dan 3

merupakan perintah pemanggilan framework twitter bootstrap. Pada baris 5 – 23

perintah untuk membuat header pada aplikasi yang digunakan user. Perintah

menggunakan tag html, di dalam tag tersebut terdapat pemanggilan class. Class

tersebut diisikan dengan nama – nama class yang sudah di sediakan di framework

twitter bootstrap. Pemanggilan nama class disesuaikan dengan jenis tag yang

digunakan.

Pengujian aplikasi dilakukan untuk menguji fungsi-fungsi aplikasi hasil

implementasi arsitektur dengan melihat use case. Pengujian aplikasi menggunakan

teknik black box, yaitu pengujian fungsional tanpa melihat alur eksekusi program,

namun cukup dengan memperhatikan apakah setiap fungsi sudah berjalan dengan

baik sesuai dengan yang diharapkan. Hal yang diuji dan hasil pengujian dapat

dilihat pada Tabel 1.

Tabel 1 Hasil Pengujian Blackbox. No Point Validasi Input Data Input Hasil Uji Status Uji

1 Manajemen data

setting notifikasi

Data setting

notifikasi

Data setting

notifikasi

Sistem menampilkan data

setting notifikasi beserta

fitur edit, reset, dan search

valid

2 Manajemen data

pengirim

Data pengirim Data pengirim Sistem menampilkan data

Pengirim beserta fitur

insert, update, dan delete

valid

1. ...

2. <link href="<?= base_url('dist/css/bootstrap.min.css') ?>" rel="stylesheet">

3. <script src="<?= base_url('dist/js/bootstrap.min.js') ?>"></script>

4. ...

5. <div class="navbar navbar-invers navbar-fixed-top backHead">

6. <div class="container">

7. <div class="navbar-header">

8. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"

data-target="#navbar" aria-expanded="false" aria-controls="navbar"

style="background-color: white;">

9. <span class="sr-only">Toggle navigation</span>

10. <span class="icon-bar backHead"></span> 11. <span class="icon-bar backHead"></span> 12. <span class="icon-bar backHead"></span> 13. </button> 14. <a class="navbar-brand" href="<?= base_url("index.php/notif") ?>"> 15. <span class="glyphicon glyphicon-home"></span> SINSE 16. </a> 17. </div> 18. <div id="navbar" class="collapse navbar-collapse"> 19. <ul class="nav navbar-nav"> 20. <li> 21. <a href="<?= base_url("index.php/con_oc/pageSetNot") ?>" target="_blank"> 22. <span class="glyphicon glyphicon-cog"></span> Setting 23. </a> </li> </ul> </div> </div> </div>

18

3 Manajemen data

penerima

Data penerima Data penerima Sistem akan menampilkan

data Penerima beserta fitur update, dan delete

valid

4 Edit data notif status mesin

Data status Edit notif ya atau tidak

Sistem menampilkan data perubahan notif status

mesin

valid

5 Lihat tabel

produksi di setiap mesin

Data produksi Data produksi Sistem menampilkan tabel

produksi beserta fitur pagination dan search

valid

6 Lihat grafik

produksi di setiap

mesin

Data produksi Data produksi Sistem menampilkan

grafik produksi pada

setiap mesin berserta fitur

zoom in out, search , dan downlad file.

valid

7 Lihat data

monitoring real

time produksi

mesin

Data produksi Data produksi Sistem menampilkan data

monitoring real time

produksi mesin beserta

fitur note time dan status kirim notifikasi

valid

8 Notif via email

problem mesin

Data produksi

dan data setting

notifikasi

Data produksi

dan data setting

notifikasi

Sistem mengirimkan

notifikasi via email ke

user.

valid

9 Notif via email

mesin kembali

produksi

Data produksi

dan data setting

notifikasi

Data produksi

dan data setting

notifikasi

Sistem mengirimkan

notifikasi via email ke

user.

valid

10 Enkripsi

algorithma RIJNDAEL 256

Data password Data password Sistem menyimpan

password ke database sesuai dengan enkripsi

yang dibuat

valid

11 Dekripsi

algorithma

RIJNDAEL 256

Data password Data Password Sistem akan menampilkan

hasil dekripsi dari enkripsi

password.

valid

Berdasarkan hasil pengujian fungsionalitas program pada Tabel 1, pada setiap

status uji valid berarti dapat disimpulkan bahwa sistem notifikasi problem mesin

produksi via email berbasis web sudah memenuhi tujuan penelitian yaitu sebagai

pemberitahuan problem mesin atau mesin kembali produksi secara cepat dan real

time via email kepada user dengan pengaturan notifikasi dari admin, dapat

dikirimkan secara real time, sehingga dapat segera ditindak lanjuti agar efektivitas

produksi meningkat.

5. Simpulan

Berdasarkan penelitian yang sudah dilakukan, dapat disimpulkan bahwa

perancangan sistem notifikasi problem mesin produksi via email berbasis web yang

dibuat menggunakan framework CodeIgniter dengan konsep MVC agar lebih

terstruktur dalam konsep pemrograman, framework twitter bootstrap untuk

tampilan agar lebih menarik dan responsive jika di gunakan di device apapun,

library phpMailer untuk mengirimkan notifikasi via email, library highchart untuk

menampilkan data informasi produksi berupa grafik, library Ajax jQuery sebagai

pelengkap sistem, fungsi mcript dengan menggunakan algoritma RIJNDAEL 256

19

untuk enkripsi dan dekripsi data dan juga berdasarkan hasil pengujian, sistem dapat

membantu operator mesin, staff manager, dan pimpinan unit untuk pemberitahuan

problem mesin produksi atau pemberitahuan mesin sudah berjalan kembali secara

real time dan cepat. Sehingga dapat segera ditindak lanjuti agar dapat meningkatkan

efektivitas produksi dan mencapai target produksi ataupun lebih. Dengan begitu

keuntungan yang di dapat oleh unit Rotogravure maupun PT Pura Barutama

meningkat.

6. Daftar Pustaka

[1] Rakhmadani, D. P. & Wicaksono, S. R. (2015). Sistem Informasi Pengukuran

Efektivitas Produksi Berbasis Web (Studi Kasus : PT. Beiersdorf Indonesia).

Malang : Fakultas Sains dan Teknologi, Program Studi Sistem Informasi,

Universitas Ma Chung.

[2] Asri, N.F, dkk. (2014) . Nagios untuk Monitoring Server dengan Pengiriman

Notifikasi Gangguan Server Menggunakan Email dan Sms Gateway (Studi

Kasus : Pt. Gamatechno Indonesia – Yogyakarta). Yogyakarta : Teknik

Informatika, Fakultas Sains & Teknologi AKPRIND Yogyakarta.

[3] Maula, A. A., dkk. (2013). Aplikasi Monitoring Jaringan Berbasis Mobile Web

dengan Sistem Notifikasi Berbasis SMS Gateway (Studi Kasus : Sekolah Islam

Al-Azhar Bumi Serpong Damai). Jakarta : Program Studi Teknik Informatika

Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah

Jakarta.

[4] Id, Ibnu Daqiqil, M. Ti . (2011) . Framework Codeigniter Sebuah Panduan dan

Best Practice. Pekanbaru

[5] Arifia, Narendro, Skom., MMSI . (2002). E-mail . Jawa Barat : Universitas

Gunadarma.

[6] Pressman, Roger. (2001). Software Engineering A Practitioner’s Approach

Fifth Edition. New York : Mcgraw-Hill.

[7] Kuan, Joe. (2012) . Learning Highcharts. UK : Packt Publishing Lt.

[8] Yuhefizar. (2013) .Membangun Toko Online Itu Mudah. Graha Ilmu.

[9] Hasibuan, Zainal A. (2007) . Metodologi Penelitian Pada Bidang Ilmu

Komputer dan Teknologi Informasi : Konsep, Teknik, dan Aplikasi. Jakarta:

Ilmu Komputer Univesitas Indonesia.