data semua jadwal data kinerja
C. Implementasi Sistem Implementasi Antarmuka
1.
a. Antarmuka Halaman Login
Halaman login yang merupakan halaman awal yang akan muncul bila user
mengakses sistem dimplementasikan menjadi halaman index.php. Halaman
index.php ditampilkan pada Gambar 52.
Gambar 52. Antarmuka Halaman Login b. Antarmuka Halaman Beranda
Halaman beranda adalah diimplementasikan menjadi halaman home.php.
Halaman home.php ditampilkan pada Gambar 53 sedangkan halaman home.php
dengan panel merubah password dan nama user ditampilkan pada Gambar 54.
73
Gambar 54. Antarmuka Halaman Beranda dengan Panel Ubah PasswordUser
c. Antarmuka Menu SOP Operator
Halaman SOP Operator yang merupakan halaman untuk menampilkan norma kerja, standar operasional pelayanan, norma kerja, dan sanksi
dimplementasikan menjadi halaman sop.php. Halaman sop.php ditampilkan pada
Gambar 55.
Gambar 55. Antarmuka Menu SOP
d. Antarmuka Menu Gaji Operator
Halaman menu gaji operator yang menampilkan grafik dan rekap gaji
operator diimplementasikan menjadi halaman gaji_op.php. Halaman gaji_op.php
74
gaji_op untuk menampilkan rekap gaji operator ditampilkan pada Gambar 56 dan
Gambar 57.
Gambar 56. Antarmuka Menu Gaji Operator untuk Grafik Gaji
Gambar 57. Antarmuka Menu Gaji Operator
e. Antarmuka Menu Jadwal Saya
Halaman menu jadwal per-op diimplementasikan menjadi halaman
jadwal_op.php. Halaman jadwal_op.php yang memuat formulir untuk memilih
jadwal yang ingin dilihat ditampilkan pada Gambar 58 sedangkan halaman
jadwal_op.php yang memuat hasil jadwal yang ingin dilihat ditampilkan pada
75
Gambar 58. Rancangan Antarmuka Menu Jadwal Saya untuk Memilih Jadwal
Gambar 59. Rancangan Antarmuka Menu Jadwal Saya Bagian 1
76
f. Antarmuka Menu Poin Operator
Halaman menu poin operator yang menampilkan rekap poin operator
diimplementasikan menjadi halaman poin_op.php. Halaman gaji_op.php
ditampilkan pada Gambar 61.
Gambar 61. Rancangan Antarmuka Menu Poin Operator
g. Antarmuka Menu Rekap Gaji Operator
Halaman menu rekap gaji operator diimplementasikan menjadi halaman
gaji.php. Halaman gaji.php yang menampilkan grafik rekap gaji semua operator
ditampilkan pada Gambar 62 sedangkan halaman gaji.php yang menampilkan
rekap gaji semua operator ditampilkan pada Gambar 63.
77
Gambar 63. Rancangan Antarmuka Menu Rekap Gaji Operator Bagian 2
h. Antarmuka Menu Rekap Poin Operator
Halaman menu rekap poin operator diimplementasikan menjadi halaman
poin.php. Halaman poin.php yang menampilkan grafik rekap poin semua operator
ditampilkan pada Gambar 64, halaman poin.php yang menampilkan rekap poin semua operator ditampilkan pada Gambar 65, sedangkan halaman poin.php yang
menampilkan detail rekap poin semua operator ditampilkan pada Gambar 66.
78
Gambar 65. Rancangan Antarmuka Menu Rekap Poin Operator Bagian 2
Gambar 66. Rancangan Antarmuka Menu Rekap Poin Operator Bagian 3
i. Antarmuka Menu Jadwal Billing
Halaman jadwal billing diimplementasikan menjadi halaman
jadwal_bill.php. Halaman jadwal_bill untuk tampilan jadwal shift billing
ditampilkan pada Gambar 67 sedangkan halaman jadwal_bill untuk tampilan
panel formulir ubah jadwal billing dan panduan ubah jadwal via SMS ditampilan pada Gambar 68.
79
Gambar 67. Antarmuka Halaman Jadwal Billing
Gambar 68. Antarmuka Halaman Jadwal Billing dengan Panel Ubah
c. Antarmuka Menu Jadwal Hardware
Halaman jadwal hardware diimplementasikan menjadi halaman
jadwal_hw.php. Halaman jadwal_hw untuk tampilan jadwal shift hardware
ditampilkan pada Gambar 69 sedangkan halaman jadwal_hw untuk tampilan panel
formulir ubah jadwal dan panduan ubah jadwal via SMS ditampilan pada Gambar
80
Gambar 69. Antarmuka Halaman Jadwal Hardware
Gambar 70. Antarmuka Halaman Jadwal Hardware dengan Panel Ubah
d. Antarmuka Menu Jadwal Service Center
Halaman jadwal service center diimplementasikan menjadi halaman
jadwal_sc.php. Halaman jadwal_sc untuk tampilan jadwal shift service center
ditampilkan pada Gambar 71 sedangkan halaman jadwal_sc untuk tampilan panel
formulir ubah jadwal dan panduan ubah jadwal via SMS ditampilan pada Gambar
81
Gambar 71. Antarmuka Halaman Jadwal ServiceCenter
Gambar 72. Antarmuka Halaman Jadwal ServiceCenter dengan Panel Ubah
e. Antarmuka Menu Jadwal Per-Bulan
Halaman menu jadwal per-bulan diimplementasikan menjadi halaman lihat_jadwal.php. Halaman lihat_jadwal.php yang memuat formulir untuk
memilih jadwal yang ingin dilihat ditampilkan pada Gambar 73 sedangkan
halaman lihat_jadwal.php yang memuat hasil jadwal yang ingin dilihat
82
Gambar 73. Antarmuka Menu Jadwal Per-Bulan
Gambar 74. Antarmuka Hasil Menu Jadwal Per-Bulan f. Antarmuka Menu Form Masalah Presensi
Halaman form masalah diimplementasikan menjadi halaman
form_gagalpre.php. Halaman form_gagalpre.php ditampilkan pada Gambar 75.
83
g. Antarmuka Menu Input Jadwal Billing
Halaman input jadwal billing diimplementasikan pada halaman
upload_bill.php. Halaman upload_bill.php yang menampilkan form untuk
membuat tabel jadwal baru ditampilkan pada Gambar 76. sedangkan halaman
upload_bill.php untuk upload ke dalam tabel jadwal ditampilkan pada Gambar 77.
Gambar 76. Antarmuka Halaman Upload Jadwal Billing untuk Membuat Tabel
Gambar 77. Antarmuka Halaman Upload Jadwal Billing
h. Antarmuka Menu Input Jadwal Hardware
Halaman input jadwal hardware diimplementasikan pada halaman
upload_hw.php. Halaman upload_hw.php yang menampilkan form untuk
84
upload_hw.php untuk melakukan upload ke dalam tabel jadwal ditampilkan pada
Gambar 79.
Gambar 78. Antarmuka Halaman Upload Jadwal Hardware untuk Membuat Tabel
Gambar 79. Antarmuka Halaman Upload Jadwal Hardware
i. Antarmuka Menu Input Jadwal Service Center
Halaman input jadwal service center diimplementasikan pada halaman upload_sc.php. Halaman upload_sc.php yang menampilkan form untuk membuat
tabel jadwal baru ditampilkan pada Gambar 80. sedangkan halaman
upload_sc.php untuk melakukan upload ke dalam tabel jadwal ditampilkan pada
85
Gambar 80. Antarmuka Halaman Upload Jadwal Service Center untuk Membuat Tabel
Gambar 81. Antarmuka Halaman Upload Jadwal Service Center
j. Antarmuka Menu Daftar Jadwal
Halaman daftar jadwal yang berfungasi untuk menampilkan daftar seluruh
jadwal yang ada pada sistem, mengubah jadwal yang aktif untuk ditampilkan pada
menu jadwal baik pada jadwal billing, hardware, atau service center, dan
menghapus jadwal diimplementasikan menjadi halaman daftar_jadwal.php.
86
Gambar 82. Antarmuka Halaman Daftar Jadwal
k. Antarmuka Menu Lihat User
Halaman lihat user diimplementasikan menjadi halaman lihat_user.php.
Halaman lihat_user.php untuk admin ditampilkan pada Gambar 83.
Gambar 83. Antarmuka Halaman Lihat User untuk Admin
l. Rancangan Antarmuka Menu Server SMS Gateway
Halaman server SMS Gateway dimplementasikan menjadi halaman
server.php. Meun ini hanya dapat diakses oleh admin sistem. Halaman server.php
87
Gambar 84. Antarmuka Halaman Server SMS Gateway
Implementasi Output File 2.
Implementasi output file merupakan pengolahan informasi dari sistem ke
halaman yang dapat dicetak serta hasil dari implementasi SMS Gateway.
a. Implementasi Cetak Jadwal
Halaman cetak diimplementasikan menjadi halaman cetakjadwal.php. Hasil
implementasi cetakjadwal.php untuk salah satu jadwal ditampilkan pada Gambar
85.
88
Hasil implementasi cetakjadwal.php untuk daftar masalah presensi
ditampilkan pada Gambar 86.
Gambar 86. Antarmuka Halaman Cetak Daftar Masalah Presensi
b. Implementasi SMS Untuk Mengubah Jadwal
Hasil implementasi SMS Gateway jadwal yang dimaksud tidak tersedia
ditampilkan pada Gambar 87.
Gambar 87. Implementasi SMS Apabila Jadwal Tidak Tersedia
Hasil implementasi SMS Gateway apabila tanggal yang dimaksud tidak
tersedia ditampilkan pada Gambar 88.
89
Hasil implementasi SMS Gateway apabila username tidak terdaftar di basis
data ditampilkan pada Gambar 89.
Gambar 89. Implementasi SMS Apabila Username Tidak Terdaftar
Hasil implementasi SMS balasan kepada pengirim SMS ubah jadwal apabila perubahan jadwal sudah berhasil ditampilkan pada Gambar 90.
Gambar 90. Implementasi SMS Perubahan Jadwal Kepada Pengirim SMS Hasil implementasi SMS balasan kepada operator yang digantikan apabila
perubahan jadwal sudah berhasil ditampilkan pada Gambar 91.
Gambar 91. Implementasi SMS Perubahan Jadwal Kepada Operator yang Digantikan
90
Hasil implementasi SMS balasan kepada operator yang menggantikan
apabila perubahan jadwal apabila perubahan jadwal sudah berhasil ditampilkan
pada Gambar 92.
Gambar 92. Implementasi SMS Perubahan Jadwal Kepada Operator yang Menggantikan
c. Implementasi SMS Untuk Melihat Jadwal
Hasil implementasi SMS Gateway untuk melihat salah satu jadwal ditampilkan pada Gambar 93.
Gambar 93. Implementasi SMS Gateway Lihat Jadwal
Hasil implementasi SMS Gateway untuk melihat salah satu jadwal apabila
91
Gambar 94. Implementesi SMS Jadwal Tidak Ditemukan