APLIKASI MANAJEMEN SHIFT KERJA MENGGUNAKAN

CODEIGNITER DI PT. AMERTA INDAH OTSUKA

Laporan Kerja Praktik

Diajukan Untuk Memenuhi Syarat Kelulusan

Mata Kuliah Kerja Praktik

Oleh:
M Rizqi Maulana
1630511037

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS MUHAMMADIYAH SUKABUMI
2019
 LEMBAR PERSETUJUAN LAPORAN KERJA PRAKTIK

Nama : M Rizqi Maulana

NIM : 1630511037
Judul : Aplikasi Manajemen Shift Kerja Menggunakan
Codeigniter di Pt. Amerta Indah Otsuka

Sukabumi, 20 April 2019

Menyetujui,

Pembimbing Kerja Praktik Pembimbing Lapangan

Indra Griha Tofik Isa, M.Kom Rudy Budiana

Mengetahui,

Ketua Program Studi Koordinator Penelitian Kerja Praktik

Moch. Ridwan, S.Kom., M.T Indra Griha Tofik Isa, M.Kom

 LEMBAR PENGESAHAN LAPORAN KERJA PRAKTIK

Nama : M Rizqi Maulana

NIM : 1630511037
Judul : Aplikasi Manajemen Shift Kerja Menggunakan
Codeigniter di Pt. Amerta Indah Otsuka

Sukabumi, 20 April 2019

Menyetujui,

Ketua Penguji Anggota Penguji

Asril Adi Sunarto, M.Kom George Prihartawan

Mengetahui,

Ketua Program Studi Koordinator Penelitian Kerja Praktik

Moch. Ridwan, S.Kom., M.T Indra Griha Tofik Isa, M.Kom

 KATA PENGANTAR

Assalamualaikum Warahmatullahi Wabarakatuh

Puji dan syukur saya panjatkan ke hadirat Allah SWT, atas rahmat, dan
karunia-Nya, sehingga saya dapat melaksanakan salah satu kegiatan yaitu kerja
praktik serta dapat menyelesaikan Laporan Kerja Praktik dengan baik, kerja praktik
ini berjudul “APLIKASI MANAJEMEN SHIFT KERJA MENGGUNAKAN
CODEIGNITER DI PT AMERTA INDAH OTSUKA”. Adapun tujuan
penulisan laporan ini adalah untuk memenuhi persyaratan dalam menyelesaikan
kerja praktik pada Program Studi Teknik Informatika Universitas Muhammadiyah
Sukabumi.
Penyusunan laporan ini tidak terlepas dari bantuan beberapa pihak, oleh
karena itu saya hendak mengucapkan terima kasih kepada Allah SWT, yang
senantiasa melancarkan segala urusan saya dalam mengerjakan laporan kerja
praktik.
Untuk meningkatkan pengetahuan dalam bidang teknik informatika penulis
membuat sebuah laporan kerja praktik yang berjudul “Aplikasi Manajemen Shift
Kerja Menggunakan Codeigniter di Pt Amerta Indah Otsuka”, laporan ini berisi
penjelasan bagaimana proses yang sedang berjalan di Pt. Amerta Indah Otsuka
meliputi pengolahan data pegawai dan pengolahan data jadwal, selain itu laporan
ini juga berisi tentang program yang diusulkan untuk pengolahan data pegawai dan
pengolahan data jadwal.
Akhir kata penulis menyadari bahwa selama penyusunan laporan kerja
praktik ini berlangsung banyak hal – hal yang masih belum sempurna, oleh karena
itu, kritik dan saran sangat penulis harapkan. Semoga penyusunan laporan kerja
praktik ini bermanfaat bagi semua pihak termasuk diri penulis sendiri.

Sukabumi, Maret 2018

Penulis

ii
 DAFTAR ISI

KATA PENGANTAR ..................................................................................... ii

DAFTAR ISI .................................................................................................... iii
DAFTAR GAMBAR ....................................................................................... v
DAFTAR SIMBOL ......................................................................................... vii
DAFTAR TABEL ............................................................................................ xii
DAFTAR LAMPIRAN .................................................................................... xiii
BAB I PENDAHULUAN ................................................................................ 1
1.1 Latar Belakang ...................................................................................... 1
1.2 Identifikasi Masalah .............................................................................. 2
1.3 Tujuan Penelitian .................................................................................. 2
1.4 Batasan Masalah .................................................................................... 2
1.5 Teknik Pengumpulan Data .................................................................... 2
1.6 Tempat dan Waktu Kerja Praktik .......................................................... 3
BAB II TINJAUAN UMUM INSTANSI DAN LANDASAN TEORI ........ 5
2.1 Tinjauan Umum Instansi ....................................................................... 5
2.1.1 Identitas Instansi ......................................................................... 5
2.1.2 Sejarah Singkat Instansi ............................................................. 5
2.1.3 Visi dan Misi .............................................................................. 6
2.2 Landasan Teori ...................................................................................... 8
2.2.1 Aplikasi ...................................................................................... 6
2.2.2 Data ............................................................................................ 7
2.2.3 Informasi ..................................................................................... 7
2.2.4 Website ....................................................................................... 8
2.2.5 Framework ................................................................................. 9
2.2.6 Codeigniter ................................................................................. 9
2.2.7 XAMPP ....................................................................................... 10
2.2.8 Visual Studio Code ..................................................................... 10
2.2.9 Microsoft Visio 2019 ................................................................ 11
2.2.10 Unified Modeling Languange (UML) ....................................... 19

iii
BAB III ANALISIS DAN PERANCANGAN ............................................... 20
3.1 Analisis Sistem ...................................................................................... 20
3.1.1 Analisis Sistem yang sedang Berjalan ......................................... 20
3.1.2 Analisis Permasalahan Sistem ...................................................... 21
3.1.3 Sistem yang Akan Dibangun......................................................... 22
3.1.4 Analisis Kebutuhan Sistem .......................................................... 23
3.1.5 Sistem Perancangan Sistem .......................................................... 23
BAB IV IMPLEMENTASI PENGUJIAN .................................................... 56
4.1 Implementasi ......................................................................................... 56
A. Implementasi Database .................................................................. 56
B. Implementasi Antar Muka ............................................................... 59
4.2 Pengujian Sistem ................................................................................... 63
BAB V PENUTUP ........................................................................................... 66
5.1 Kesimpulan ........................................................................................... 66
5.2 Saran ...................................................................................................... 66
DAFTAR PUSTAKA ...................................................................................... 67
LAMPIRAN – LAMPIRAN

iv
 DAFTAR GAMBAR

BAB II TINJAUAN UMUM INSTANSI DAN LANDASAN TEORI

Gambar 2.1 Contoh Use Case Diagram ........................................................... 13
Gambar 2.2 iContoh Class Diagram ................................................................. 15
Gambar 2.3 Contoh Diagram Activity ‘Pengambilan Uang melalui ATM ...... 17
Gambar 2.4 Contoh Diagram Sequence ‘Pemesanan kamar di Hotel ............. 18
Gambar 2.5 Contoh Workflow Diagram ............................................................ 19

BAB III ANALISIS DAN PERANCANGAN

Gambar 3.1 Workflow Sistem yang Berjalan ................................................... 20
Gambar 3.2 Workflow Usulan ........................................................................... 27
Gambar 3.3 Use Case Diagram Shift Kerja ..................................................... 28
Gambar 3.4 Activity Diagram Login.................................................................. 34
Gambar 3.5 Activity Diagram Lihat Hasil Pengajuan ........................................ 35
Gambar 3.6 Activity Diagram Pengajuan Shift .................................................. 35
Gambar 3.7 Activity Diagram Lihat Data Pribadi .............................................. 36
Gambar 3.8 Activity Diagram Kelola Shift ........................................................ 36
Gambar 3.9 Activity Diagram Kelola Grup Pegawai ........................................ 37
Gambar 3.10 Activity Diagram Validasi Pengajuan Shift ................................. 38
Gambar 3.11 Activity Diagram Kelola Jadwal .................................................. 39
Gambar 3.12 Class Diagram Kelola Jadwal ...................................................... 40
Gambar 3.13 Sequence Diagram Login ............................................................. 41
Gambar 3.14 Sequence Diagram Login ............................................................. 38
Gambar 3.15 Sequence Diagram Kelola Shift .................................................. 43
Gambar 3.16 Sequence Diagram Tambah Jadwal ............................................. 44
Gambar 3.17 Sequence Diagram Ubah Jadwal.................................................. 44
Gambar 3.18 Database Manajemen Shift Kerja ................................................ 45
Gambar 3.19 Perancangan Antar Muka Login................................................... 47
Gambar 3.20 Perancangan Antar Muka Atur Grup .......................................... 48
Gambar 3.21 Perancangan Antar Muka Atur Anggota Grup ............................. 50

v
Gambar 3.22 Perancangan Antar Muka Buat Shift ........................................... 51
Gambar 3.23 Perancangan Antar Muka Data Jadwal ....................................... 52
Gambar 3.24 Perancangan Antar Muka Tambah Jadwal .................................. 53
Gambar 3.25 Perancangan Antar Muka Detail Jadwal ..................................... 54
Gambar 3.26 Perancangan Antar Muka Pindah Jadwal .................................... 55

BAB IV IMPLEMENTASI DAN PENGUJIAN

Gambar 4.1 Tabel Database .............................................................................. 56
Gambar 4.2 Tabel Grup ..................................................................................... 57
Gambar 4.3 Tabel Jadwal .................................................................................. 57
Gambar 4.4 Tabel Master Master Grup ............................................................. 58
Gambar 4.5 Tabel Master Shift .......................................................................... 58
Gambar 4.6 Tabel Pindah Shift ......................................................................... 59
Gambar 4.7 Implementasi Antar Muka Login .................................................. 59
Gambar 4.8 Implementasi Antar Muka Kelola Grup ........................................ 60
Gambar 4.9 Implementasi Antar Muka Atur Anggota ...................................... 61
Gambar 4.10 Implementasi Antar Muka Tambah Jadwal ................................. 61
Gambar 4.11 Implementasi Antar Muka Detail Jadwal .................................... 62
Gambar 4.12 Implementasi Antar Muka Atur Shift........................................... 46

vi
 DAFTAR SIMBOL

1. Simbol Usecase Diagram

Simbol Deskripsi

Use icase Fungsionalitas iyang idisediakan isistem

isebagai iunit-unit iyang isaling itertukar ipesan
iantar iunit iatau iaktor; ibiasanya idinyatakan
Nama iUsecase idengan imenggunakan i ikata i ikerja i idiawal i
ifrase i inama iUse iCase
Aktor i/ iactor Orang, proses, atau system lain yang
berinteraksi dengan system informasi yang iakan
dibuat diluar system informaasi yang akan
dibuat itu sendiri, jadi walaupun symbol dari
actor adalah gambar orang, tapi actor belum
tentu merupakan orang: biasanya dinyatakan
menggunakan kata benda diawal frase nama
aktor
Asosiasi i/ iassociation Komunikasi antara actor dan usecase yang
berpartisifasi pada usecase atau use case
memiliki interaksi dengan aktor

Ekstensi i/ iextend Relasi usecase tambahan kesebuah use case

idinamakan usecase yang ditambahkan dapat
<<extend>>
iberdiri sendiri walau tanpa usecase itambahan
iitu; mirip dengan iprinsip iintherince ipada
ipemrograman iberorientasi iobjek; ibiasanya
iuse icase itambahan imemiliki inama idepan
iyang sama dengan usecase yang iditambahkan.

vii
2. Simbol Class Diagram

Symbol Deskripsi

Kelas
Nama_kelas
Kelas pada struktur system
+atribut
+operasi()

Interface merupakan antarmuka sebagai

Interface atribut untuk menghubungkan dua kelas
atau lebih

Asosiasi menjadi sebuah relasi antar

Asosiasi/association kelas dengan makna umum, asosiasi pun
dilengkapi dengan multiplicity

Asosiasi berarah/ directed Asosiasi berarah menjadi sebuah relasi

association antarkelas dengan makna kelas, dan juga

dilengkapi dengan multiplicity

Generalisasi merupakan sebuah relasi

Generalisasi antar kelas dengan makna generalisasi

spesialisasi, bisa juga antara umum –
khusus

Kebergantungan merupakan relasi antar

Kebergantungan/depedency kelas dengan makna kebergantungan
antar kelas

Agregasi merupakan relasi antar kelas

Agregasi/aggregation dengan makna semua bagian (whole-
part)

viii
3. Simbol Activity Diagram

Simbol Deskripsi

Status awal Status awal merupakan sebuah pertanda

awal terjadinya aktivitas

Aktivitas Aktivitas merupakan sebuah kegiatan dari

program
aktivitas

Percabangan / decision Merupakan sebuah aktivitas yang

melibatkan aktivitas lebih dari satu
pilihan

Penggabungan/join Sebuah penggabungan antara dua

aktivitas menjadi satu

Status akhir Menjadi sebuah pertanda akhir jika

aktivitas telah selesai dilakukan

Swimline Menjadi sebuah pemisah antar organisasi

Nama bisnis terhadap aktivitas yang sedang
swimline
beroperasi

4. Simbol Sequence Diagram

Simbol Deskripsi

ix
Aktor Orang, proses, atau system lain yang
berinteraksi dengan system informasi
yang akan dibuat diluar system informasi
itu sendiri, jadi walaupun simbol dari
aktor adalah orang, tapi aktor belum
Atau
tentu merupakan orang; biasanya
dinyatakan menggunakan kata benda
diawal frase nama aktor

Garis ihidup i/ iLifeline Menyatakan ikehidupan isuatu iobjek

Objek Menyatakan iobjek iyang iberinteraksi

ipesan
Waktu iaktif Menyatakan objek dalam keadaan aktif
dan berinteraksi, semua yang terhubung
dengan waktu aktif ini adalah sebuah
tahapan yang dilakukan didalamnya.
Pesan itipe icreate Menyatakan suatu objek membuat objek
yang lain, arah panah mengarah pada
objek yaangdibuat
<<create>>

x
Pesan itipe icall Menyatakan suatu objek menggail
operasi / metode yang ada pada objek lain
atau dirinya sendiri. Arah panah
mengarah pada objek yang memiliki
operasi / metode, karena ini menggil
operasi / metode maka operasi / metode
yang dipanggil harus ada pada diagram
kelas sesuai dengan kelas objek yang
berinteraksi

Pesan itipe isend Menyatakan bahwa suatu objek

mengirimkan data / masukan / informasi
ke objek lainnya, arah panah mengarah
pada objek yang dikirimi

Pean itipe ireturn Menyatakan suatu objek yang yelah

menjalankan suatu operasi atau metode
menghasilkan suatu kembalian keobjek
tertentu, arah panah mengarah pada objek
yang menerima kembalian
Pesan itipe idestroy Menyatakan suatu objek mengakhiri
hidup objek yang lain, arah panah
mengarah pada objek yang diakhiri,
sebaiknya jika ada create maka ada
destroy

xi
 DAFTAR TABEL

BAB 1 PENDAHULUAN
Tabel 1.1 Waktu Penelititan .............................................................................. 4

BAB II TINJAUAN UMUM INSTANSI DAN LANDASAN TEORI

Tabel 2.1 Multiplicity ........................................................................................ 16

BAB III ANALISIS DAN PERANCANGAN

Tabel 3.1 Spesifikasi Perangkat Keras Personal Computer .............................. 46
Tabel 3.2 Grup .................................................................................................. 46
Tabel 3.3 Master Grup ...................................................................................... 46

xii
Tabel 3.4 Master Shift ....................................................................................... 46
Tabel 3.5 Tabel Jadwal ...................................................................................... 47

BAB IV IMPLEMENTASI DAN PENGUJIAN

Tabel 4.1 Pengujian Sistem ............................................................................... 63

xiii
 DAFTAR LAMPIRAN

a. Proses Wawancara dan Hasil Wawancara

b. Form Kehadiran di Instansi
c. Form Penilaian dari Instansi
d. Form Bimbingan Dosen Pembimbing
e. Form Nilai Bimbingan dari Dosen Pembimbing
f. Form Revisi Ketua Penguji
g. Form Revisi Anggota Penguji
h. Source Code Program
i. Data Riwayat Hidup Penulis

xiv
 BAB 1
PENDAHULUAN

1.1. Latar Belakang

PT Amerta Indah Otsuka merupakan rumah produksi minuman pocari sweat
di Indonesia yang beralamat di Cicurug, Sukabumi, Jawa Barat yang resmi
didirikan pada tahun 2004. PT Amerta Indah Otsuka mengelola berbagai macam
produk di antaranya pocari sweat dengan berbagai macam ukuran antara lain pocari
sweat 1 l, pocari sweat 900 ml, pocari sweat 500 ml, pocari sweat 350 ml, lalu
produk minuman oronamic c drink 120 ml, dan produk makanan soyjoy dengan
berbagai macam varian rasa yaitu crispy, raisin almond, chocolate, strawberry,
hawthorn berry. Dalam pembuatan produk nya, PT Amerta Indah Otsuka
menggunakan mesin yang ber proses selama 24 jam tanpa berhenti, mesin yang
digunakan dioperasikan oleh 1 kelompok dengan 15 orang pegawai dengan
keahlian serta tugas yang berbeda beda. pada saat ini manajemen pembagian shift
untuk setiap kelompok terdaftar dilakukan oleh bagian kepegawaian dengan hasil
berupa surat keterangan yang diberikan kepada pegawai. Usulan perubahan jadwal
dilakukan dengan mengisi lembar isian dan diberikan kepada bagian kepegawaian.
Dalam hal ini, rekap jadwal, rekap pindah jadwal, serta informasi mengenai detail
jadwal sulit didapat.
Banyak faktor yang mempengruhi sulit nya rekap jadwal, rekap pindah jawal
serta mendapatkan informasi yang akurat dari jadwal. Bersasarkan hasil wawancara
dengan kepala kepegawaian serta kepala bidang IT di PT Amerta Indah Ostuka
salah satu penyebabnya yaitu data yang menumpuk sehingga proses pencarian data
jadi lama dan informasi yang dihasilkan kurang cepat dan akurat. Data rekap usulan
pindah jadwal yang didapat sering kali sulit dibaca karena lembar isian yang
diajukan ditulis tangan oleh pegawai sehingga menyebabkan data yang direkap
kurang tepat. Padahal di era kemajuan teknologi ini, manajemen shift kerja dapat
dilakukan dengan cepat dan akurat serta informasi yang dihasilkan akan jauh lebih
baik dan mudah menggunakan komputasi dan algoritma tertentu.

1
 2

Untuk memudahkan proses manajemen shift kerja, dapat dilakukan dengan

pemanfaatan Teknologi Informasi, salah satunya yang berbasis website. Pada
kegiatan kali ini, penulis akan membuat manajemen shift kerja berbasis website
yang memudahkan PT Amerta Indah Otsuka dalam mengatur shift kerja. Aplikasi
tersebut diltulis menggunakan bahasa pemrograman PHP, MySQL dan Javascript
yang dapat dijalan diseluruh platform. Metode yang akan digunakan yaitu SDLC
(System Development Life Cycle), bermula dari analisis, perancangan, penulisan
program, testing, hingga implementasi.
Berdasarkan latar belakang tersebut, maka diperlukan suatu upaya untuk
memperkenalkan usulan program penulis berupa “Aplikasi Manajemen Shift Kerja
di PT Amerta Indah Otsuka berbasis web”, dengan apliaksi ini penulis berharap
supaya manajemen shift kerja di PT Amerta Indah Otsuka dapat berjalan dengan
baik.

1.2. Identifikasi Masalah

Berdasarkan permasalahan yang sudah diuraikan di atas, maka terdapat
permasalahan yang dihadapi oleh PT Amerta Indah Ostuka antara lain :
1. Staf bagian kepegawaian mengalami masalah mengenai pengolahan data lembar
isian shift kerja yang di tulis oleh pegawai untuk pengajuan shift kerja. Seperti
data yang menumpuk serta penyimpanan data yang kurang optimal karena
selama ini pengajuan dilakukan secara manual.
2. Permasalahan juga dihadapi saat perekapan data, lembar isian kerap tidak
terbaca oleh pihak kepegawaian kerena lembar isian pengajuann shift kerja
ditulis tangan oleh pegawai. Hal tersebut menjadi penghambat proses perekapan
data karena data atau lembar isian tersebut sangat banyak hingga tertumpuk
kurang rapih dan efisien.
3. Efektifitas sistem yang berjalan kurang optimal dirasakan oleh pegawai,
penerimaan jadwal yang diberikan oleh pihak kepegawaian kepada pegawai
hanya berupa surat keterangan tanpa ada Salinan. Dengan sistem tersebut,
kehilangan data mengenai informasi shift kerja sangat rentan dan kurang
maksimal.
 3

4. Pencarian data serta filter data memakan waktu cukup lama. Data yang
tertumpuk membuat pencarian serta filter data kurang optimal, hal tersebut
sangat menghambat proses pembuatan informasi serta laporan mengenai shift
kerja.
5. Perubahan shift kerja kerap tidak diketahui oleh sebagian pegawai, karena
penyampaian informasi kepada pegawai hanya menggunakan kertas berupa surat
keterangan, hal tersebut membuat proses lain terganggu, seperti proses produksi
karena proses produksi memerlukan jadwal atau shift kerja.

1.3. Tujuan
Adapun tujuan dibuatnya aplikasi ini antara lain :
1. Membantu PT Amerta Indah Otsuka dalam mengatur shift kerja memlalui
aplikasi manajemen shift kerja yang dapat dijalankan di semua platform
2. Mempermudah proses rekapitulasi data shift kerja PT Amerta Indah Otsuka
melalui aplikasi manajemen shift kerja.
3. Mempermudah proses pencarian informasi sesuai dengan kebutuhan PT
Amerta Indah Osuka.
4. Solusi poin 5 belum disampaikan

1.4. Batasan Masalah

Untuk memperjelas alur serta kebutuhan aplikasi yang akan dibuat, maka
dibuatlah batasan masalah sebagai berikut.
1. Perancangan aplikasi ini hanya untuk aplikasi berbasis web.
2. Aplikasi ini menyediakan informasi mengenai biodata pegawai, kelompok
kerja pegawai, serta informasi mengenai shift kerja yang disajikan dalam
bentuk kalender untuk mempermudah panduannya.
3. Pengolahan data pada aplikasi manajemen shift kerja ini meliputi pengaturan
kelompok pegawai, pengaturan shift kerja pegawai, serta pengolahan jadwal
pegawai yang didalam nya terdapat ajuan pindah shift kerja serta ajuan
perpanjang shift.
4. Software yang digunakan dalam proses pembuatan website ini antara lain :
 4

a. Apache Web Server versi 2.4 untuk local server website

b. MySQL Database untuk penyimpanan data
c. Menggunakan bahasa pemrograman PHP versi 7.3 dengan Framwork
Codeigniter versi 3.1.10
d. Menggunakan Visual Studio Code untuk menulis program
e. Perancangan website ini berbasasis object menggunakan UML (Unified
Modeling Languange) dengan menggunakan 4 digram meliputi uses case,
activity diagram, class diagram, serta sequence diagram.
f. Penulisan sintak menggunakan metode bersbasis object
g. Terdapat 3 level user diantaran pegawai, bagaian kepegawaian dan
manajer
1.5. Teknik Pengumpulan Data
Teknik pengumpulan data yang dilakukan adalah sebagai berikut :
1. Wawancara
Pada tahapan ini, penulis melaukukan beberapa tahapan diantaranya :
a. Wawancara dengan bagian kepegawaian PT Amerta Indah Otsuka .
b. Wawancara dengan staf TI PT Amerta Indah Otsuka.
2. Studi Pustaka
Pada tahap ini penulis mempelajari pustaka seperti jurnal, artikel, buku-buku,
dan beberapa website yang berhubungan dengan Teknologi Inforamsi.

1.6 Tempat dan Waktu Penelitian Kerja Peraktik

Kerja praktik bertempat di PT Amerta Indah Otuska yang beralamat di
Cicurug, Sukabumi, Jawabarat
Tabel 1.1 Waktu Penelitian
Januari Februari Maret April
NO Aktifitas 2019 2019 2019 2019
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1 Pengenalan Instansi
2 Pengumpulan data
3 Analisis dan perancangan
4 Bimbingan
5 Pemrograman
6 Implementasi
5
 BAB iII
TINJAUAN iUMUM PERUSAHAAN DAN iLANDASAN iTEORI

2.1. Tinjauan iUmum iInstansi

2.1.1. Identitas iIntansi
Nama iInstansi i i i i: PT Amerta Indah Otsuka
Alamat iii : Jalan Raya Siliwangi Km 28, Desa Katujaya,
Kecamatan Cicurug, Kabupaten Sukabumi 43559
No. iTelepon/Fax i i: (0266)733700

2.1.2. Sejarah iSingkat iIntansi

Di awal berdirinya pada tahun 1997, Otsuka merupakan perusahaan
afiliasi dari Otsuka Pharmaceutical Co, Ltd Jepang yang memulai
perjalanannya di Indonesia dengan nama PT Kapal Indah Otsuka.
Perusahaan ini terbentuk dari hasil investasi bersama antara Otsuka
Pharmaceutical Jepang dan PT Kapal Api dengan Pocari Sweat sebagai
produk pertamanya. Kemudian di tahun 1999, PT Kapal Indah Otsuka
merubah namanya menjadi PT Amerta Indah Otsuka.
Semakin berkembangnya perusahaan, pada tahun 2004 PT Amerta
Indah Otsuka membuka pabrik pertama yang terletak di Sukabumi, Jawa
Barat menyusul 6 tahun berikutnya pabrik Pocari Sweat di Kejayan,
Pasuruan, Jawa Timur didirikan. Dengan keberhasilannya dalam
memasarkan produk, hingga kini produk yang dihasilkan telah
didistribusikan di seluruh Indonesia. PT Amerta Indah Otsuka gencar
melakukan pendistribusian baik secara langsung melalui kantor cabang
resmi maupun distributor-distributor yang tersebar di seluruh Indonesia dan
Asia Tenggara.
Seiring dari kemajuan perusahaan, Otsuka berkomitmen untuk terus
meningkatkan kualitas dengan mengimplementasikan Sistem Manajemen
Mutu ISO 9001:2008, Sistem Keamanan Pangan ISO 22000 : 2005, dan
Sistem Manajemen Lingkungan ISO 14001 : 2004.

5
 6

2.1.3. Visi idan iMisi

Visi idan iMisi PT Amerta Indah Otsuka :
1. Visi i
Menjadi perusahaan yang brilliant, dengan memberikan kontribusi
yang signifikan dan terpercaya bagi konsumen serta masyarakat
2. Misi i
1. Mengembangkan dan mempertahankan karyawan yang
berkualitas tinggi untuk menghasilkan produk berkualitas
tinggi.
2. Menjadikan kebutuhan dan kesejahteraan konsumen dan
masyarakat sebagai prioritas utama.
3. Menangkap peluang di semua aspek secara tepat dan inovatif
untuk kesejahteraan dan kepuasan konsumen serta
perkembangan perusahaan.
4. Mengembangkan dan mempertahankan hubungan yang saling
menguntungkan dengan rekan bisnis.
5. Menjadi perusahaan yang terpercaya.

2.2. Landasan iTeori

2.2.1. Aplikasi
Menurut iDhanta i(2009:32), iaplikasi iadalah isoftware iyang idibuat ioleh
isuatu iperusahaan ikomputer iuntuk imengerjakan itugas-tugas itertentu. iMisalnya
iMicrosoft iWord, iMicrosoft iExcel.
Menurut iPamungkas i(2009:143) imendefinisikan ibahwa i: iaplikasi
iadalah ikumpulan iperintah iprogram iyang idibuat iuntuk imelakukan pekerjaan
itertentu i(khusus).
Berdasarkan idua ikutipan idiatas, ipenulis imenyimpulkan iaplikasi
imerupakan isebuah iperangkat ilunak iataupun iprogram isiap ipakai iyang
memiliki ifungsi itertentu, ifungsi itersebut idapat imenerima iperintah
iuntuk imelakukan isuatu ipekerjaan iagar idapat imempermudah ipenggunanya
 7

idalam imelakukan isuatu ikegiatan ipekerjaan, idengan i itujuan imendapatkan

ihasil iyang ilebih iakurat isesuai idengan itujuan ipembuatan iaplikasi itersebut.

2.2.2. Data i
iMenurut iInmon i(2005:493), idata iadalah isebuah irekaman idari ifakta-
fakta, ikonsep-konsep, iatau iinstruksi i- iinstruksi ipada imedia ipenyimpanan
iuntuk ikomunikasi iperolehan, idan ipemrosesan idengan icara iotomatis idan
ipresentasi isebagai iinformasi iyang idapat idimengerti ioleh imanusia.
Menurut iTurban i(2010, ip41), idata iadalah ideskripsi idasar idari ibenda,
iperistiwa, iaktivitas idan itransaksi iyang idirekam, idikelompokkan, idan
idisimpan itetapi ibelum iterorganisir iuntuk imenyampaikan iarti itertentu.
Menurut iInmon i(2005, ip493), idata iadalah ikumpulan idari ifakta, ikonsep,
iatau iinstruksi ipada ipenyimpanan iyang idigunakan iuntuk ikomunikasi,
iperbaikan idan idiproses isecara iotomatis iyang imempresentasikan iinformasi
iyang idapat idi imengerti ioleh imanusia.
Berdasarkan iteori ipara iahli idiatas idapat idisumpulkan ibahwa, idata
iadalah isebuah ideskripsi idasar i idari ikumpulan ifakta, ikonsep iatau iinstruksi
ipada imedia ipenyimpanan iyang idapat idigunakan iuntuk iproses ikomunikasi
itetapi ibelum iterorganisir imenjadi iinformasi iyang idapat idimengerti ioleh
imanusia.

2.2.3. Informasi
Menurut Gellinas and Dull (2012:12) informasi merupakan data yang
disajikan dalam suatu bentuk yang berguna terhadap aktifitas pengambilan
keputusan.
Menurut Rommey dan Steinbart (2015:4), informasi adalah data yang telah
dikelola dan di proses untuk memberikan arti dan memperbaiki proses pengambilan
keputusan.
Menurut Gelinas dan Dull (2012:19), Ada beberapa karakteristik informasi
yang berkualitas, yaitu:
 8

a. Effectiveness
berkaitan dengan informasi yang relevan dan berkaitan dengan proses bisnis
yang di sampaikan dengan tepat waktu, benar, konsistem dan dapat digunakan.
b. Efficiency
informasi yang berkaitan melalui penyediaan informasi secara optimal
terhadap penggunaan sumber daya.
c. Confidentiality
karakteristik informasi yang berkaitan dengan keakuratan dan kelengkapan
informasi serta validitas nya sesuai dengan nilai-nilai bisnis dan harapan.
d. Integrity
karakteristik informasi yang berkaitan dengan perlindungan terhadap informasi
yang sensitif dari pengungkapan yang tidak sah.
e. Availability
suatu karakteristik informasi yang berkaitan dengan informasi yang tersedia
pada saat diperlukan oleh proses bisnis baik sekarang, maupun di masa
mendatang, hal ini juga menyangkut perlindungan sumber daya yang
diperlukan dan kemampuan yang terkait.
f. Compliance
yaitu karakteristik informasi yang berkaitan dengan mematuhi peraturan dan
perjanjian kontrak dimana proses bisnis merupakan subjek nya berupa kriteria
bisnis secara internal maupun eksternal
g. Reliability
karakteristik informasi yang berkaitan dengan penyediaan informasi yang tepat
bagi manajemen untuk mengoperasikan entitas dan menjalankan tanggung
jawab serta tata kelola pemerintahan.

2.2.4. Website
Website imerupakan isebuah ihalaman iberisi iinformasi iyang idapat
idilihat ijika ikomputer iterkoneksi idengan iinternet. iDengan iadanya iwebsite,
isemua iorang idi idunia ibisa imendapatkan idan imengelola iinformasi idengan
iberbagai isumber iyang itersedia idi iinternet. iWebsite isendiri isaat iini ibisa
 9

imemuat iberbagai imacam imedia, imulai idari iteks, igambar, isuara ibahkan
ivideo. i(Wahana, i2010)
Website ididefinisikan ioleh iAsropudin i(2013:109) iadalah isebuah
ikumpulan ihalaman iyang idiawali idengan ihalaman imuka iyang iberisikan
iinformasi, iiklan, iserta iprogram iaplikasi.
Menurut iArdhana i(2012:3) iWeb iadalah isuatu ilayanan isajian iinformasi
iyang imenggunakan ikonsep ihyperlink, iyang imemudahkan isurfer i(sebutan
ipara ipemakai ikomputer iyang imelakukan ibrowsing iatau ipenelusuran
iinformasi imelalui iinternet).
Berdasarkan ipengertian idiatas ipenulis imenyimpulkan iWeb iadalah isuatu
ilayanan iatau ikumpulan ihalaman i iyang idapat idi iakses idengan ijaringan
iinternet, ihalama i– ihalaman itersebut iberisi iinformasi, igrafik, ianimasi, iaudio,
ividio, iiklan, iserta iprogram iaplikasi iyang idapat idigunakan ioleh isurfer.

2.2.5. Framework
Framework isecara isederhana idapat idiartikan ikumpulan idari
ifungsifungsi/prosedur-prosedur idan ikelas-kelas iuntuk itujuan itertentu iyang
isudah isiap idigunakan isehingga ibisa ilebih imempermudah idan imempercepat
ipekerjaan iseorang iprogramer, itanpa iharus imembuat ifungsi iatau ikelas idari
iawal. i(Septian, i2011)

2.2.6. Codeigniter
CodeIgniter imerupakan iaplikasi iopen isource iberupa iframework iPHP
idengan imodel iMVC i(Model, iView, iController) iuntuk imembangun iaplikasi
iweb idinamis idengan icepat idan imudah. iCodeIgniter imemiliki idesain idan
istruktur ifile iyang isederhana, ididukung idengan idokumentasi iyang ilengkap
isehingga iframework iini ilebih imudah idipelajari. i
CodeIgniter iini imemungkinkan ipara ipengembang iuntuk imenggunakan
iframework isecara iparsial iatau isecara ikeseluruhan. iArtinya ibahwa
iCodeIgniter imasih imemberi ikebebasan ikepada ipara ipengembang iuntuk
imenulis ibagian-bagian ikode itertentu idi idalam iaplikasi imenggunakan icara
 10

ikonvensional iatau idengan isyntax iumum ididalam iPHP, itidak iharus

imenggunakan iaturan ipenulisan ikode idi iCodeIgniter i. i(Septian, i2011)
Nugraha i(2010:12) imenggambarkan ipenerapan iarsitektur iMVC idalam
iCodeigniter isebagai iberikut:
1. Model ibertanggung ijawab iuntuk imelakukan ipengelolaan idata idalam
ibasis idata. iDi idalamnya ibiasa idituliskan iperintah iuntuk imengambil,
imengubah, imenghapus idan imenambahkan idata.
2. View imerupakan itempat iuntuk imeletakkan iapa iyang iakan iditampilkan
idi ihalaman iperambah i(browser). iSebuah iberkas iview iumumnya iberisi
ikode ibahasa ipemrograman isisi iklien i(client-side iscripting).
3. Controller imerupakan ipengatur iutama ihubungan iantara imodel, iview idan
ijuga isumber idaya ilain iyang itersedia. iSumber idaya iini idiperoleh idari
ikelompok iatau itipe ikelas iyang idapat idisebut idengan ielemen
iframework iCI.

2.2.7. XAMPP
Menurut iBuana i(2014:4), i“XAMPP iadalah iperangkat ilunak
iopensource iyang idiunggah isecara igeratis idan ibisa idijalankan idi isemua
isemua ioperasi iseperti iwindows, ilinux, isolaris, idan imac”. iPerangkat ilunak
iyang idimaksud iadalah iApache, iMySQL, iPHP, iPerl. iDengan imenggunakan
iXAMPP imaka itidak iperlu imelakukan iinstalasi idan ikonfigurasi iweb iserver
ikarena iXAMPP iakan imelakukannya isecara iotomatis ipada ikomputer ilokal
ikita. iHuruf iX idi idalam iXAMPP iberarti ibahwa iXAMPP idapat iberjalan idi
ibanyak iplatform, iseperti iWindows, iLinux, idan ilain isebagainya. iHuruf iA
imerupakan ikependekan idari iApache, ihuruf iM ikependekan idari iMySQL,
ihuruf iP ipertama ikependekan idari iPHP idan ihuruf iP ikedua imerupakan
ikependekan idari iPerl.

2.2.8. Visual iStudio iCode

Visual Studio Code atau VS Code adalah teks editor open-source berbasis
Electron yang diracik oleh Microsoft. Text editor besutan Microsoft ini
 11

memberikan kemudahan dan kenyamanan pada web developer yang

imengembangkan aplikasi web.

2.2.9. Microsoft iVisio i2019

Microsoft iVisio i2019 iadalah isalah isatu iprogram idari iMicrosoft iOffice
iyang idapat idigunakan iuntuk imembuat idiagram. iMicrosoft iVisio i2016
imenjadikannya ijauh ilebih imudah ibagi iindividu idan itim iuntuk imembuat idan
iberbagi idiagram iprofessional iserbaguna iyang imenyederhanakan iinformasi
iyang ikompleks. iKarena iVisio imerupakan isalah isatu iprogram idari iMicrosoft
iOffice, imaka iVisio idapat iberkolaborasi idengan iproduk iMicrosoft iOffice
ilainya, iseperti iMicrosoft iWord, iExcel, idan iPowerPoint.

2.2.10. Unified iModeling iLanguage i(UML)

Rosa iA.S idan iM.Salahudin i(2015:137-138) iPada iperkembangan iteknik
ipemrograman iberorientasi iobjek, imunculah isebuah istandarisasi ibahasa
ipemodelan iuntuk ipembangunan iperangkat ilunak iyang idibangun idengan
imenggunakan iteknik ipemrograman iberorientasi iobjek, iyaitu iUnified
iModeling iLanguage i(UML). iUML imuncul ikarena iadanya ikebutuhan
ipemodelan ivisual iuntuk imengspesifikasikan, imenggambarkan,membangun
idan idokumentasi idari isistem iperangkat ilunak. iUML imerupakan ibahasa
ivisual iuntuk ipemodelan idan ikomunikasi imengenai isebuah isistem idengan
imenggunakan idiagram idan iteks-teks ipendukung. iUML ihanya iberfungsi
iuntuk imelakukan ipemodelan. iPenggunaan iUML itidak iterbatas ipada
imetodologi itertentu, imeskipun ipada ikenyataannya iUML ipaling ibanyak
idigunakan ipada imetodologi iBerorientasi iObjek.
Pemecahan masalah utama dari Object Oriented biasanya dengan
penggambaran dalam bentuk model. Model abstrak (semu) merupakan gambaran
detail dari inti masalah yang ada, umumnya sama seperti refleksi dari problem yang
ada pada kenyataan. Beberapa modeling tool yang dipakai adalah bagian dari dasar
UML, kependekan dari United Modeling Language.
UML terdiri atas beberapa diagram, yaitu :
1. Diagram Use Case
 12

2. Diagram Class
3. Diagram Package
4. Diagram Sequence
5. Diagram Collaboration
6. Diagram StateChart
7. Diagram Activity
8. Diagram Deployment
Semakin kompleks bentukan sistem yang akan dibuat, maka semakin sulit
komunikasi antara orang-orang yang saling terkait dalam pembuatan dan
pengembangan software yang akan dibuat. Pada masa lalu, UML mempunyai peranan
sebagai software blueprint (gambaran) language untuk analisis sistem, designer, dan
programmer. Sedangkan pada saat ini, merupakan bagian dari software trade (bisnis
software). UML memberikan jalur komunikasi dari sistem analis kemudian designer,
lalu programmer mengenai rancangan software yang akan dikerjakan.
Salah satu pemecahan masalah Object Oriented adalah dengan menggunakan
UML. Oleh karena itu orang-orang yang berminat dalam mempelajari UML harus
mengetahui dasar-dasar mengenai Object Oriented Solving (pemecahan masalah OO).
Tahap pertama, pembentukan model. Model adalah gambaran abstrak dari suatu dasar
masalah. Dan dunia nyata atau tempat dimana masalah itu timbul bisa disebut dengan
domain. Model mengandung obyek-obyek yang beraktifitas dengan saling
mengirimkan messages (pesan-pesan). Obyek mempunyai sesuatu yang diketahui
(atribut /attributes) dan sesuatu yang dilakukan (behaviors atau operations). Attributes
hanya berlaku dalam ruang lingkup obyek itu sendiri (state). Lalu “blue print” dari
suatu obyek adalah Classes (kelas). Obyek merupakan bagian-bagian dari kelas.
1. Use Case Diagram
Diagram Use Case menggambarkan apa saja aktifitas yang dilakukan oleh
suatu sistem dari sudut pandang pengamatan luar. yang menjadi persoalan itu apa
yang dilakukan bukan bagaimana melakukannya. Diagram Use Case dekat
kaitannya dengan kejadian-kejadian. kejadian (scenario) merupakan contoh apa
yang terjadi ketika seseorang berinteraksi dengan system.
 13

Adapun icontoh igambar imengenai i iUse iCase iDiagram isebagai iberikut i:

Gambar i2.1 iContoh iUse iCase iDiagram i

Diagram Use Case berguna dalam tiga hal :

a. Menjelaskan fasilitas yang ada (requirements)
Use Case Diagram baru selalu menghasilkan fasilitas baru ketika
sistem di analisa, dan design menjadi lebih jelas.
b. Komunikas dengan klien
 14

Penggunaan notasi dan simbol dalam diagram Use Case Diagram

membuat pengembang lebih mudah berkomunikasi dengan klien-
kliennya.
c. Membuat test dari kasus-kasus secara umum
Kumpulan dari kejadian-kejadian untuk Use Case Diagram bisa
dilakukan test kasus layak untuk kejadian-kejadian tersebut.

2. Class Diagram
Diagram Class memberikan pandangan secara luas dari suatu sistem
dengan menunjukan kelas-kelasnya dan hubungan mereka. Diagram Class
bersifat statis; menggambarkan hubungan apa yang terjadi bukan apa yang
terjadi jika mereka berhubungan.
Diagram Class mempunyai 3 macam relationalships (hubungan), sebagai
berikut :
a. Association
Suatu hubungan antara bagian dari dua kelas. Terjadi
association antara dua kelas jika salah satu bagian dari kelas
mengetahui yang lainnya dalam melakukan suatu kegiatan. Di dalam
diagram, sebuah association adalah penghubung yang
menghubungkan dua kelas.
b. Aggregation
Suatu aggregation dimana salah satu kelasnya merupakan
bagian dari suatu kumpulan. Aggregation memiliki titik pusat yang
mencakup keseluruhan bagian. Sebagai contoh : OrderDetail
merupakan kumpulan dari Order.

c. Generalization
Suatu hubungan turunan dengan mengasumsikan satu kelas
merupakan suatu superClass (kelas super) dari kelas yang lain.
Generalization memiliki tingkatan yang berpusat pada superClass.
Contoh : Payment adalah superClass dari Cash, Check, dan Credit.
 15

Contoh igambar iClass iDiagram isebagai iberikut i:

Gambar i2.2 iContoh iClass iDiagram

Untuk tambahan bahwa association mempunyai 2 titik. Salah satu

titik bisa memiliki label untuk menjelaskan tentang association tersebut,
contoh : OrderDetail adalah line Item untuk setiap permintaan.
Panah navigability (pengatur alur arah) dalam suatu association
menggambarkan arah mana association dapat ditransfer atau disusun.
Seperti dalam contoh : OrderDetail dapat disusun dari item-nya, namun
 16

tidak bisa sebaliknya. Panah ini juga menjelaskan siapa “memiliki”

implementasi dari association; dalam kasus ini OrderDetail memiliki
Item. Association tanpa arah panah merupakan bidirectional (bolak-
balik).
Multiplicity dari suatu titik association adalah angka kemungkinan
bagian dari hubungan kelas dengan single instance (bagian) pada titik
yang lain. Multiplicity berupa single number (angka tunggal) atau range
number (angka batasan). Pada contoh, hanya bisa satu ‘Customer’ untuk
setiap ‘Order’, tapi satu ‘Customer’ hanya bisa memiliki beberapa
‘Order’.
Tabel di bawah mengenai multiplicity yang sering digunakan :

Tabel 2.1 Multiplicity.

Multiplicities artinya
0..1 Nol atau satu bagian. Notasi n . . m menerangkan n sampai m
bagian.
0..* or * Tak hingga pada jangkauan bagian (termasuk kosong).
1 Tepat satu bagian
1..* Sedikitnya hanya satu bagian

3. Activity iDiagram
Activity iDiagram imenggambarkan iworkflow i(aliran ikerja) iatau
iaktivitas idari isebuah isistem iatau iproses ibisnis iatau imenu iyang iada
ipada iperangkat ilunak. iPerlu idiperhatikan ibahwa idiagram iaktivitas i
imenggambarkan iaktivitas isistem ibukan iapa iyang idilakukan iaktor, ijadi
iaktivitas iyang idapat idilakukan ioleh isistem.
Pada dasarnya Activity Diagram sering digunakan oleh flowchart.
Diagram ini berhubungan dengan diagram Statechart. Diagram Statechart
berfokus pada obyek yang dalam suatu proses (atau proses menjadi suatu
obyek), diagram Activity berfokus pada aktifitas-aktifitas yang terjadi yang
terkait dalam suatu proses tunggal. Jadi dengan kata lain, diagram ini
menunjukkan bagaimana aktifitas-aktifitas tersebut bergantung satu sama
lain.
 17

Sebagai contoh, perhatikan proses yang terjadi pada pengambilan uang dari
bank melalui ATM. Ada tiga aktifitas kelas (orang, dan lainnya) yang terkait
yaitu : Customer, ATM, and Bank. Proses berawal dari lingkaran start hitam
pada bagian atas dan berakhir di pusat lingkaran stop hitam/putih pada bagian
bawah. Aktivitas digambarkan dalam bentuk kotak persegi. Lihat gambar di
bawah ini, agar lebih jelas
Contoh gambar Actifity Diagram sebagai berikut :

Gambar i2.3 Contoh Diagram Activity ‘Pengambilan Uang melalui ATM

4. Sequence iDiagram
Diagram isekuen imenggambarkan ikelakuan iobjek ipada iuse icase
idengan imendeskripsikan iwaktu ihidup iobjek idan imessage iyang
idikirimkan idan iditerima iantar iobjek. iUntuk imenggambarkan idiagram
isekuen imaka iharus idiketahui iobjek- iobjek iyang iterlibat idalam isebuah
 18

iuse icase ibeserta imetode imetode iyang idimiliki ikelas iyang idiinstansiasi
imenjadi iobjek iitu.
Diagram Class dan diagram Object merupakan suatu gambaran model
statis. Namun ada juga yang bersifat dinamis, seperti Diagram Interaction.
Diagram sequence merupakan salah satu diagram Interaction yang
menjelaskan bagaimana suatu operasi itu dilakukan; message (pesan) apa yang
dikirim dan kapan pelaksanaannya. Diagram ini diatur berdasarkan waktu.
Obyek-obyek yang berkaitan dengan proses berjalannya operasi diurutkan dari
kiri ke kanan berdasarkan waktu terjadinya dalam pesan yang terurut.
Di bawah ini adalah diagram Sequence untuk pembuatan Hotel
Reservation. Obyek yang mengawali urutan message adalah ‘aReservation
Window’.

Gambar i2.4 Contoh Diagram Sequence ‘Pemesanan kamar di Hotel

Reservation window mengirim pesan makeReservation() ke
HotelChain. Kemudian HotelChain mengirim pesan yang sama ke Hotel. Bila
Hotel punya kamar kosong, maka dibuat Reservation dan Confirmation.
Lifeline adalah garis dot (putus-putus) vertikal pada gambar,
menerangkan waktu terjadinya suatu obyek. Setiap panah yang ada adalah
pemanggilan suatu pesan. Panah berasal dari pengirim ke bagian paling atas
 19

dari batang kegiatan (activation bar) dari suatu pesan pada lifeline penerima.
Activation bar menerangkan lamanya suatu pesan diproses.
Pada gambar diagram , terlihat bahwa Hotel telah melakukan
pemanggilan diri sendiri untuk pemeriksaan jika ada kamar kosong. Bila
benar, maka Hotel membuat Reservation dan Confirmation. Pemanggilan diri
sendiri disebut dengan iterasi. Expression yeng dikurung dengan “[ ]”, adalah
condition (keadaan kondisi).
Pada diagram dapat dibuat note (catatan). Pada gambar, terlihat seperti
selembar kertas yang berisikan teks. Note bisa diletakan dimana saja pada
diagram UML.

5. Workflow iDiagram

Gambar i2.5 iContoh Workflow Diagram

Workflow idiagram imerupakan icara iuntuk imenggambarkan ialur

ikerja ipada isuatu iaplikasi ipada itingkat ipaling iumum iyang idapat
idijadikan ilandasan ipada itingkatan ilebih ilanjut. iPada itahap iini idapat
imenggambarkan iserangkaian iaksi iuntul imenyelesaikan isuatu ipekrjaan.
iSebuah iworkflow idiagram iakan imenggambarkan iaksi i– iaksi iyang
imengalir idiantara iresources ibaik imanusia iatau imesin.
 BAB III
ANALISIS DAN PERANCANGAN

3.1. Analisis Sistem

Analsis sistem merupakan sebuah teknik untuk menyelesaikan masalah
dengan cara menguraikan sebuah sistem menjadi komponen komponen kecil.
Sistem yang diuraikan tersebut bertujuan untuk dapat mengetahui bagaimana
komponen sistem tersebut saling bekerja dan berinteraksi dalam mencapai tujuan
yang diinginkan sehingga dapat disulkan pengembangan untuk membuat sistem
yang lebih baik. Berdasarkan hasil wawancara yang dilakukan. Maka penulis
melakukan analisis terhadap alur kerja manajemen shift di PT Amerta Indah
Otsuka.
3.1.1. Analisis Sistem yang Sedang Berjalan
Berikut adalah Workflow kegiatan manajemen shift kerja di PT Amerta
Indah Otsuka yang sedang berjalan

Gambar 3.1 Workflow Sedang Berjalan

20
 21

Sistem yang sedanng berjalan pada perusahaan PT Amerta Indah Otsuka

saat ini memliki 3 entitas diantaranya kepegawaian, pegawai serta manajer. Berikut
penjelasan dari workflow diatas :
1. Menyusun shift kerja bedasarkan data pegawai yang sudah ada. Penyusunan
shift kerja di mulai dari pembuatan kelompok kerja, mengatur kelompok kerja
hingga penempatan shift kelompok kerja Mengisi formulir pengajuan pindah
shift kerja apabila ingin pindah shift dan mendapatkan shift kerja sesuai
keinginan.
2. Membuat surat keterangan shift kerja untuk pegawai sebagai bahan panduan
pegawai.
3. Menerma surat keterangan baru apabila pengajuan shift kerja di penuhi oleh
bagian kepegawaian.
4. Mendapatkan informasi mengenai jadwal dari surat keterangan yang telah
dibuat.
5. Membuat rekapitulasi shift kerja setiap tahunnya, sebagai bahan laporan
pertanggung jawaban.
6. Membuat laporan shift kerja sebagai bahan pertanggung jawaban serta
informasi untuk PT Amerta Indah Otsuka lebih baik lagi.
7. Manajer menerima lapora yang dibuat oleh kepegawaian.

3.1.2. Analisis Permasalahan sistem

Dengan menganalisa sistem yang sedang berjalan, keadaan serta permintaan
dari staf bagian kepegawaian dan staf bagian IT maka dapat di simpulkan beberapa
permasalahan yang dihadapi oleh PT Amerta Indah Otsuka mengenai manajemen
shift kerja antara lain :
1. Staf bagian kepegawaian mengalami masalah mengenai pengolahan data
lembar isian shift kerja yang di tulis oleh pegawai untuk pengajuan shift kerja.
Seperti data yang menumpuk serta penyimpanan data yang kurang optimal
karena selama ini pengajuan dilakukan secara manual.
2. Permasalahan juga dihadapi saat perekapan data, lembar isian kerap tidak
terbaca oleh pihak kepegawaian kerena lembar isian pengajuann shift kerja
 22

ditulis tangan oleh pegawai. Hal tersebut menjadi penghambat proses

perekapan data karena data atau lembar isian tersebut sangat banyak hingga
tertumpuk kurang rapih dan efisien.
3. Efektifitas sistem yang berjalan kurang optimal dirasakan oleh pegawai,
penerimaan jadwal yang diberikan oleh pihak kepegawaian kepada pegawai
hanya berupa surat keterangan tanpa ada Salinan. Dengan sistem tersebut,
kehilangan data mengenai informasi shift kerja sangat rentan dan kurang
maksimal.
4. Pencarian data serta filter data memakan waktu cukup lama. Data yang
tertumpuk membuat pencarian serta filter data kurang optimal, hal tersebut
sangat menghambat proses pembuatan informasi serta laporan mengenai shift
kerja.
5. Perubahan shift kerja kerap tidak diketahui oleh sebagian pegawai, karena
penyampaian informasi kepada pegawai hanya menggunakan kertas berupa
surat keterangan, hal tersebut membuat proses lain terganggu, seperti proses
produksi karena proses produksi memerlukan jadwal atau shift kerja.

3.1.3. Sistem yang Akan Dibangun

Alur sistem yang akan dibangun merupakan alur sistem yang berdasarkan
hasil analisis dan pengembangan dari sistem yang sedang berjalan. Dari sistem yang
sedang digunakan sekarang, maka perlu dibuat sebuah alternatif supaya kegiatan
atau proses manajemen shift kerja menjadi lebih baik. Solusi yang akan diambil
pada permasalahan kali ini yaitu dibuat nya aplikasi shift kerja yang sangat dinamis
untuk semua pihak yang terkait di dalam proses bisnis shift kerja. Aplikasi shift
kerja akan dibuat dengan bahasa PHP dan Javascript agar dapat digunakan di
semua perangkat yang ada dengan tujuan agar memudahkan pegawai dalam
menggunakan aplikasi tersbut.
Aplikasi yang dibangun selain untuk memudahkan dalam penggunaan, tapi
juga untuk membantu mendapatkan informasi yang lebih cepat dan akurat dari
sistem sebelumnya. Rancangan sistem yang akan di usulkan dibuat menggunakan
pemodelan berbasis ocject yaitu UML (Unifed Modeling Languange). Rancangan
 23

dimulai dengan membuat bentuk alur sistem secara umum menggunakan usecase
diagram, dilanjutkan dengan membuat detail rancangan aplikasi menggunakan
activity diagram, class diagram dan sequence diagram. Berikut penjelasan sistem
yang akan dibuat.
1. Bagian Pegawai
Pegawai masuk kehalaman aplikasi dengan memasukan nip dan kata sandi
untuk melihat shift kerja, tampilan shift kerja di desain seperti kalender aagar
mempermudah pegawai untuk memahami shift kerja yang di buat, di dalam
kalender terdapat event jadwal dan rincian jadwal. cukup klik tanggal kalender
maka rincian jadwal akan tampil. Rincian jadwal termasuk didalamnya yaitu
nama jadwal, anggota kelompok dan waktu kerja.
2. Bagian Kepegawaian
Bagian kepegawaian masuk kehalaman aplikasi menggunakan nip dan kata
sandi, pada tampilan utama terdapat kalender dan menu setting untuk mengatur
shift kerja. Didalam menu setting, terdapat menu kelola grup dan kelola shift
untuk memudahkan bagian kepegawaian dalam mengatur jumlah grup, jumlah
anggota grup dan shift kerja. Selanjutnya pada kalender terdapat beberapa
proses diantaranya tambah jadwal, ubah jadwal, dan atur lembur.
3. Maneger
Bagian manajer masuk kehalaman website dengan menggunakan nip dan
kata sandi. Seorang manajer dapat melihat seluruh aplikasi shift kerja termasuk
didalamnya detail jadwal dan laporan.

3.1.4. Analisis Kebutuhan Sistem

Analsis kebutuhan sistem dilakukan untuk mengatahui kebutuhan sistem
yang akan dibuat dan mengembangkan sistem lebih baik. Analisis kebutuhan sistem
dibagi menjadi dua yaitu kebutuhan fungsional dan kebutuhan non fungsional.
1. Kebutuhan Fungsional
Kebutuhan fungsional merupakan kebutuhan yang berisi proses yang akan
digunakan atau yang akan dibuat di dalam sistem. Berikut sub proses yang akan
dibuat.
 24

1. Pengguna
Pengguna merupakan menu untuk mengatur hak akses pengguna
terhadap apikasi. Berikut diantaranya beberapa submenu pengguna antara
lain
a. Login Pengguna
Pengguna diharuskan mengisi form login agar dapat mengakses
aplikasi, pengguna dibagi menajdi 3 hak akses yaitu pegawai,
kepegawaian dan manajer.
b. Atur Hak Akses
Pada menu ini, pengguna yang memliki hak akses utama di beri
fitur untuk memberi hak akses yang sama kepada pegawai. Pengguna
dengan hak akses utama juga diberi kewenangan untuk bisa
mematikan akun yang terdapat di aplikasi untuk keamanan aplikasi
tersebut.
2. Pengajuan Form
Pengajuan form merupakan menu untuk mengisi lembar isian dengan
tujuan untuk meminta izin pindah shift kerja. Pindah shift kerja dapat
dilakukan apabila pegawai mendapatkan izin dari manajer. Berikut sub
menu dari pengajuan form :
a. Tambah Pengajuan
Pengajuan form dilakukan oleh pegawai sebagai bahan
pertimbangan agar permohonan pindah shift dapat dilakukan.
b. Validasi Pengajuan
Validasi pegajuan merupakan fitur yang ada pada hak akses
manajer untuk mengatur hasil pengajuan pindah shift oleh pegawai
c. Lihat Hasil Pengajuan
Menu ini merukapan laporann yang diterima oleh pegawai
sebagai bukti pengajuan di terima atau ditolah oleh manajer.
3. Pengolahan Data Grup
Pengelolaan data grup dilakukan dengan membuat kelompok kerja
yang terdiri dari beberapa orang. Dalam menu ini, pengguna dapat
 25

mengatur kelompok dan anggota kelompok. Berikut submenu dari

pengelolaan
a. Grup
Menu ini merupakan menu untuk mebuat grup baru, hapus grup
dan ubah grup yang nantinya akan di isi oleh setiap pegawai.
b. Set Aggota
Set anggota merupakan menu untuk mengatur anggota grup yang
didalamya terdapat hapus anggota, tambah anggota dan cari anggota.
Setiap anggota yang sudah tergabung, tidak bisa tergabung di kelopok
yang lain.

4. Pengolahan Data Shift

Menu ini merupakan menu untuk mengtur jumlah shift dalam satu
hari. Terdapat input shift baru, edit shift dan hapus shift untuk
memperpudah dalam penggunaannya.

5. Pengolahan Data Jadwal

Pengolahan jadwal adalah menu utama pada aplikasi ini, atur jadwal
di lakukan dengan klik tanggal pada kalender lalu atur grup serta shift yang
diinginkan. Berikut rincian sub proses dari pengolahan jadwal :
a. Set jadwal
Fitur tambah jadwal terdiri dari dua yaitu pilih grup dan pilih
shift. Hasil dari set jadwal berupaka event pada kalender yang ada
pada halaman utama.
b. Lihat rincian jadwal
Pada kolom kalender terdapat beberapa event yang sudah dibuat.
Klik event pada kalender maka akan muncul dialog berupa rincian
event, rincian event diantaranya yaitu info tanggal, info grup, info
anggota grup dan info shift.
c. Ubah jadwal
 26

Klik event pada kalender yang akan diubah, maka akan muncul
dialog berupa perubahan shift, pilih shift yang di inginkan lalu klik
simpa perubahan.
2. Kebutuhn Non Fungsional
1. Operasional
a. Berjalan di semua device yang terdapat browser dengan spesifikasi
minimun sebagai berikut.
Tabel 3.1 Spesifikasi Perangkat Keras Personal Computer
No. Perangkat Keras Spesifikasi
1. Proccessor Intel(R) Core(TM) i3-6006U
2. Memory 4GB
3. Monitor 15.6", 1366 x 768
4. VGA Intel® HD Graphic
5. Wireless Network Card 100 Mbps
6. Mouse Mouse jenis apapun
7. Keyboard Keyboard jenis apapun
b. Jaringan internet client dengan kecepeatan minimum 100kb/s.
c. Web Server dengan dukungan Apache 2.4, database MySQL, dan PHP
versi 7 atau lebih dan tersedia 1GB free space memory, 1 MySQL, 1
Email Account, 1 FTP Account.
d. Jaringan internet server dengan kecepatan minimum 20mb/s
2. Performa
a. Real Time access database
b. Aplikasi digunakan selama 24 jam per hasi tanpa lag dan rusaak.
c. Koneksi internet minimal 25mb/s agar akses data ke database jadi real
time.
3. Keamanan
a. Sistem dilengkapi dengan username dan password
b. Database dilengkapi dengan password
c. Protocol menggunakan https:
 27

3.1.5. Analisis Perancangan Sistem

Dalam perancangan sistem aplikasi manajemen shift ini menggunakan
workflow untuk mengambarkan alur kerja aplikasi secara umum dan UML (Unifed
Modeling Languange) yang terdiri dari Use Case Diagram, Activity Diagram,
Class Diagram, dan Sequence Diagram untuk mengambarkan desain sistem secara
detail. Pada perancangan aplikasi ini juga terdapat perancangan basisdata dan
tampilan yang sajikan secata terpisah.
1. Workflow Usulan
Berikut ini berupakan gambaran umum keseluruhan bisnis proses aplikasi yang
akan dibangun.
Get request data

Send request information

Web server

Get info Send request

Send NIK,
Password
Get information
1

Router
2

Smartphone Laptop 1
Workstation Printer/Copier/Scanner

Gambar 3.2 Workflow Usulan

Berikut ini adalah penjelasan dari workflow di atas:

1. Kepegawaian masuk ke halaman aplikasi dengan memasukan nip dan kata
sandi. Lalu mengirim informasi jadwal ke web server. Selain itu juga bagian
kepegawaian menerima request. Data dari client atau pegawai untuk di olah
menjadi informasi yang berharga.
2. Pegawai atau bagian kepegawaian masuk ke halaman aplikasi dengan
memasukan nip dan kata sandi. Client menerima informasi jadwal dari bagian
 28

kepegawaian, selain itu juga client memberikan data yang nantinya akan diolah
oleh sistem agar dapat diterima kembali menajdi informasi yang sangat beguna.
2. Use Case Diagram

Gambar 3.3 Use Case Shift Kerja

Pada use case diatas, terdapat 3 aktor yaitu pegawai, bagian kepegawaian
dan manajer. Ketiga actor tersebut memliki peran dan tugas masing masing agar
bisnis proses manajemen shift berjalan sesuai kebutuhan. Selain actor, didalam use
case juga terdapat case secara umum diantaranya pengolahan jadwal, pengajuan,
kelola pegawai, pengolahan shift, dan pengolahan grup. Berikut penjelasan detail
mengenai use case diatas.
 29

1. Skenario Use Case

Scenario masing masing use case pada use case diagram diatas antara lain
sebagai berikut.
A. Pegawai
Pegawai merupakan actor yang berperan menerima hasil atau infomasi
berupa informasi kelompok dan informasi jadwal
1. Pengajuan Shift
Use Case : Pengajuan Shift
Precondition : adanya pekerjaan non stop di PT Amerta Indah Otsuka,
dan adanya jadwal yang harus dipenuhi
Normal Course : pegawai melihat jadwal di halaman jadwal, dan
pegawian bekerja sesuai dengan jadwal yang tertera di
halaman jadwal
Postcondition : adanya jadwal yang tersusun rapi dan mudah dipahami,
jadwal di tampilkan sama persis seperti kalender

2. Lihat hasil pengajuan

Use Case : Lihat Hasil Pengajuan
Precondition : adanya pengajuan shift yang di berikan pegawai kepada
bagian kepegawaian
Normal Course : Pegawai melihat hasil pengajuan yang di dapat dari
bagian kepegawaian
Postcondition : adanya rekap hasil pengajuan yang tersusun rapi yang
suatu saat nanti akan menjadi informasi yang berguna

3. Kelola data pribadi

Use Case : Kelola data pribadi
Precondition : adanya data pegawai yang terdapat di PT Amerta
Indah Otsuka
Normal Course : Pegawai melihat data pegawai sebagai informasi data
diri yang terdapat pada maanajemen shift
 30

Postcondition : adanya data pribadi yang dapat di lihat sebagai

informasi

4. Data grup pegawai

Use Case : Data grup pegawai
Precondition : Jumlah pegawai yang banyak sehingga dibuatlah
kelompok kerja agar lebih effisien dan tratur
Normal Course : Pegawai tergabung kedalam kelompok kerja, informasi
kelompok kerja didapat dari surat keterangan yang
diterima pegawai
Postcondition : adanya data pribadi yang terdapat di kelompok pegawai

5. Data Jadwal
Use Case : Data Jadwal
Precondition : Pengelolaan jadwal yang di lakukan oleh bagian
kepegawaian untuk terciptannya bisnis proses produksi
yang efisien
Normal Course : Pegawai melihat informasi jadwal yang telah dibuat
oleh bagian kepegawaian sebagai acuan untuk bekerja
Postcondition : adanya informasi jadwal yang yang tersusun rapih serta
nyaman untuk dilihat

B. Kepegawaian
Kepegawaian merupakan aktor yang dapat mengakses jadwal secara penuh.
Kepegawaian mempunyai peran memberi informasi jadwal kepada bagian pegawai.
1. Validasi Pengajuan
Use Case : Validasi pengajuan
Precondition : pegawai mengajukan ajuan untuk mendapatkan shift
dan pindah shift
Normal Course : kepegawaian memberikan izin kepada pegawai untuk
pidah shift sesuai keiginan pegawai
 31

Postcondition : adanya rekap pindah shift pegawai

2. Kelola Grup
Use Case : Buat grup pegawai
Precondition : jumlah pegawai yang banyak sehingga dibuatlah
kelompok kerja agar lebih effisien dan tratur
Normal Course : kepegawaian mengatur jumlah anggota grup dari setiap
grup yang ada
Postcondition : adanya data pegawai yang tergabung dalam grup.
Adanya rekap yang baik mengenai informasi grup

3. Kelola Shift
Use Case : Buat shift
Precondition : Pengelolaan produksi 24 jam sehari yang
mengharuskan adanya pembagian jadwal dalam satu
hari
Normal Course : Kepegawaian mengelola jumlah shift dalam satu hari,
pengelolaan di mulai dari menentukan nama shift
hinggal waktu shift
Postcondition : Adanya informasi shift untuk mengatur jumlah shift
dalam satu hari,

4. Kelola Jadwal
Use Case : Kelola Jadwal
Precondition : jumlah produksi yang banyak, mengharuskan adanya
manajemen jadwal yang baik agar proses bisnis
bejalan lancar
Normal Course : kepegawaian mengelola jadwal seperti tambah
jadwal, hapus jadwal, ubah shift jadwal, atur lebur
pegawai
 32

Postcondition : adanya data jadwal berupa informasi detail seperti

waktu jadwal, grup jadwal yang diberikan kepada
pegawai sebagai bahan acuan kerja

5. Pindah Shift Pegawai

Use Case : Data grup pegawai
Precondition : Keinginan dari pegawai untuk pindah shift di
karenakan pegawai tidak dapat memenuhi shift
sebelumnya
Normal Course : Kepegawaian mengatur perpindahan shift pegawai,
perpindahan pegawai tidak mengubah status
kelompok.
Postcondition : Adanya jadwal yang terpenuhi dari dua belah pihak
yaitu pegawai dan bagian kepegawaian

6. Data Jadwal
Use Case : Data Jadwal
Precondition : Pengelolaan jadwal yang di lakukan oleh bagian
kepegawaian untuk terciptannya bisnis proses
produksi yang efisien
Normal Course : Pegawai melihat informasi jadwal yang telah dibuat
oleh bagian kepegawaian sebagai acuan untuk bekerja
Postcondition : adanya informasi jadwal yang yang tersusun rapih
serta nyaman untuk dilihat

7. Long Shift Pegawai

Use Case : Long Shift Pegawai
Precondition : Keinginan dari pegawai untuk menambah jumlah shift
menjadi dua shift.
 33

Normal Course : Kepegawaian mengatur penambahan shift pegawai,

penambahan pegawai tidak mengubah status
kelompok.
Postcondition : Adanya jadwal yang terpenuhi dari dua belah pihak
yaitu pegawai dan bagian kepegawaian
8. Laporan
Use Case : Laporan
Precondition : Sebagai bentuk pertanggung jawaban karena sudah
terlaksananya aktifitas manajemen shift kerja.
Normal Course : Kepegawaian membuat laporan agar sesuai dengan
kebutuhan.
Postcondition : adanya informasi mengenai laporan jadwal yang yang
tersusun rapih serta nyaman untuk dilihat

C. Manajer
Manajer merupakan aktor untuk mengawasi semua kegiatan manajemen shift
kerja dimulai dari pengolahan seluruh manajemen shift kerja yang dikerjakan oleh
kepegawaian hingga informasi yang didapat oleh pihak pegawai. Pengawasan yang
dilakukan olah manajer peninjauan laporan apakah bisnis proses manajemen shift
kerj berjalan baik atau tidak.
1. Data Jadwal
Use Case : Data Jadwal
Precondition : Pengelolaan jadwal yang di lakukan oleh bagian
kepegawaian untuk terciptannya bisnis proses produksi
yang efisien
Normal Course : Manajer melihat informasi jadwal yang telah dibuat
oleh bagian kepegawaian sebagai acuan pegawai untuk
bekerja
Postcondition : adanya informasi jadwal yang yang tersusun rapih serta
nyaman, jadwal di buat dalam bentuk kalender supaya
mudah dalam penggunaannya
 34

2. Laporan
Use Case : Laporan
Precondition : Sebagai bentuk pertanggung jawaban karena sudah
terlaksananya aktifitas manajemen shift kerja.
Normal Course : Manajer melihat laporan manajemen shift kerja,
laporan di buat dinamis dari waktu hingga field yang
diinginkan.
Postcondition : adanya informasi mengenai laporan jadwal yang yang
tersusun rapih serta nyaman untuk dilihat

3. Activity Diagram
Seluruh aktivitas sistem dari scenario yang terjadi antara pengguna dengan
sistem digambarkkan atau dideskripsikan menggunakan activity diagram berikut
ini :
1. Login

Gambar 3.4 Activity Diagram Login

 35

2. Lihat hasil pengajuan

Gambar 3.5 Activity Diagram Lihat Hasil Pengajuan

3. Pengajuan Shift

Gambar 3.6 Activity Diagram Pengajuan Shift

 36

4. Lihat Data Pribadi

Gambar 3.7 Activity Diagram Lihat Data Pribadi

5. Validasi Pengajuan

Gambar 3.8 Activity Diagram Kelola Shift

 37

6. Kelola Grup Pegawai

Gambar 3.9 Activity Diagram Kelola Grup Pegawai

 38

7. Kelola Shift

Gambar 3.10 Activity Diagram Validasi Pengajuan Shift

 39

8. Kelola Jadwal

Gambar 3.11 Activity Diagram Kelola Jadwal

 40

4. Class Diagram
Class diagram dibawah ini menggambarkan struktur class pada aplikasi
manajemen shift kerja di PT Amerta Indah Otsuka. Di dalam class diagram
tersebut terdapat 11 class yang saling keterkaitan dengan method yang mendukung
class tersebut. Berikut class diagram aplikasi PT Amerta Indah Otsuka :

Gambar 3.12 Class Diagram Kelola Jadwal

 41

5. Sequence Diagram
1. Login

Gambar 3.13 Sequence Diagram Login

 42

2. Kelola Grup

Gambar 3.14 Sequence Diagram Kelola Grup

 43

3. Kelola Shift

Gambar 3.15 Sequence Diagram Kelola Shift

 44

4. Tambah Jadwal

Gambar 3.16 Sequence Diagram Tambah Jadwal

5. Ubah Jadwal

Gambar 3.17 Sequence Diagram Ubah Jadwal

 45

6. Perancangan Basis Data

Berikut merupakan rancangan database pada aplikasi manajemen shift kerja di
PT Amerta Indah Otuka, pada database ini terdapat 4 tabel diantaranya yaitu tabel
jadwal, master shift, grup dan master grup. Berikut detail dari database aplikasi
manajemen shift kerja. Berikut gambar basis data yang dirancang :

Gambar 3.18 Database Manajemen Shift Kerja

A. Konfigurasi
Nama Database : sip
Username : root
Password :-
B. Detail Tabel
1. Tabel Grup
Nama Tabel : grup
Jumlah field :4
Primary Key : id
 46

Tabel 3.2 Tabel Grup

Field Type Null Key Default Extra
id int(10) unsigned NO PRI NULL auto_increment
nik varchar(45) YES NULL
nama varchar(45) YES NULL
master_grup_id int(10) unsigned NO MUL NULL

2. Tabel Master Grup

Nama Tabel : master_grup
Jumlah field :4
Primary Key : id

Tabel 3.3 Tabel Master Grup

Field Type Null Key Default Extra
id int(10) unsigned NO PRI NULL auto_increment
group_name varchar(45) YES NULL
slug varchar(45) YES NULL
description varchar(255) YES NULL

3. Tabel Master Shift

Nama Tabel : master_shift
Jumlah field :6
Primary Key : shift_id
Tabel 3.4 Master Shift
Field Type Null Key Default Extra
shift_id int(10) unsigned NO PRI NULL auto_increment
shift_name varchar(45) YES NULL
shift_start time NO NULL
shift_end time NO NULL
slug varchar(45) NO NULL
shift_color varchar(30) NO NULL
 47

4. Tabel Jadwal
Nama Tabel : jadwal
Jumlah field :5
Primary Key : jadwal_id

Tabel 3.5 Jadwal

Field Type Null Key Default Extra
jadwal_id int(10) unsigned NO PRI NULL auto_increment
master_shift_id int(10) unsigned NO MUL NULL
grup_id int(10) unsigned NO MUL NULL
due_date date NO NULL
status int(11) NO NULL

7. Peracangan Antar Muka

Perancangan antar muka pada aplikasi manajemen shift kerja ini di rancang
agar pengguna dapat dengan mudah berinsteraksi. Berikut merupakan rancangan
antar muka aplikasi manajemen shift kerna di PT Amerta Indah Otsuka
1. Halaman Login

Gambar 3.19 Perancangan Antar Muka Login

 48

Psedocode :
Algoritma login()
Input : username, password
Output : session login true or false

Begin
Username ← inputted usename
Password ← inputted password

if username ≠ NULL and password ≠ NULL

post(usename, passowrd) // get data to database
if post ≠ NULL
create new session and set login true
endif
else
print “isi username dan password”
endif
end

2. Tampilan Atur Grup

Gambar 3.20 Perancangan Antar Muka Atur Grup

 49

Psedocode :
Algoritma create new group data()
Input : group name, group description
Output : have new group data
Begin
group_name ← inputted group name
group_description ← inputted group description
if group_name ≠ NULL and group_description ≠ NULL
get(group_name, group_description)
// get data group
If get(group_name) = NULL
//check matched group name
insert(group_name, group_description)
// create new group data
print “berhasil”
else
print “nama grup sama, hindari penamaan
grup yang sama”
input new group name and group description
else
print “gagal”
endif
end
 50

3. Tampilan Atur Anggota Grup

Gambar 3.21 Perancangan Antar Muka Atur Anggota Grup

Psedocode :
Algoritma create new group data()
Input : group id, nik, name,
Output : have new a new group member

Begin
group_id ← inputted group id
nik ← inputted nik
name ← inputted name

if group_id ≠ NULL and nik ≠ NULL and name ≠ NULL

insert(group_id, nik, name)
// insert a new group member
If inserted = TRUE then print “berhasil”
Else print “terjadi kesalahan”
endif
else print “gagal, field tidak boleh kosong”
endif
end
 51

4. Tampilan Buat Shift

Gambar 3.22 Perancangan Antar Muka Buat Shift

Psedocode :
Algoritma create a new shift data()
Input : shift_name, shift_start, shift_end, shift_color
Output : have new a new shift data
Begin
Shift_name ← inputted shift name
Shift_start ← inputted shift start
Shift_end ← inputted shift end
Shift_color ← inputted shift color
if shift_name ≠ NULL and shift_start ≠ NULL and
shift_end ≠ NULL and shift_color ≠ NULL
insert(shift_name, shift_start, shift_end,
shift_color)
// insert a new shift data
If inserted = TRUE Then print “berhasil”
Else print “terjadi kesalahan”
endif
else print “gagal, field tidak boleh kosong”
endif end
 52

5. Tampilan Data Jadwal

Gambar 3.23 Perancangan Antar Muka Data Jadwal

Psedocode :
Algoritma show schedul
Input :
Output : have new a new shift data
Begin
Jadwal ← select group name, shift_start, shift_end
from table jadwal

if jadwal ≠ NULL then show

else jadwal = null, show
end
 53

6. Tampilan Tambah Jadwal

Gambar 3.24 Perancangan Antar Muka Tambah Jadwal

Psedocode :
Algoritma create a schedul
Input : date, group, shift
Output : have new a new schedul data
Begin
date ← inputted date
group ← inputted group
Shift ← inputted shift
if date ≠ NULL and group ≠ NULL and shift ≠ NULL
then
get(date, group, shift) //check schedul
if get ≠ NULL //check matched schedul
then
insert(date, group, shift)
else
print “data jadwal sudah ada, coba waktu yang
lain”
else print “gagal, field tidak boleh kosong”
endif
end
 54

7. Tampilan Detail Jadwal

Gambar 3.25 Perancangan Antar Muka Detail Jadwal

Psedocode :
Algoritma show schedule detail
Input : date, group, shift
Output : have new a new schedul data
Begin
Click schedule
date ← clicked schedul date
group ← clicked schedul group
Shift ← clicked schedul shift
if date ≠ NULL and group ≠ NULL and shift ≠ NULL
then
get(date, group, shift) //check schedul
if get ≠ NULL //check matched schedul
then
show(date, group, shift)
else
print “data jadwal tidak ada”
else print “pilih jadwal dengan baik”
endif
end
 55

8. Tampilan Pindah Jadwal

Gambar 3.26 Perancangan Antar Muka Pindah Jadwal

Psedocode :
Algoritma show schedule detail
Input : date, shift
Output : have new a new schedul data
Begin
date ← inputted date
group ← inputted group
if date ≠ NULL and shift ≠ NULL
then
get(date, shift) //check schedul
if get ≠ NULL //check matched schedul
then
show(date, group, shift, member)
member ← click member
array_member ← member
Click tukar button
if array_member ≠ NULL
then switch(member), save to database
else
print “data jadwal tidak ada”
else print “pilih jadwal dengan baik” ;endi; fend
 BAB IV
IMPLEMENTASI

4.1. Implementasi
Implementasi merupakan tahap penerapan aplikasi di intansi terkait apabila
aplikasi yang dibuat telah selesai dan siap dioperasikan. Implementasi aplikasi
manajemen shift kerja ini menggunakan Bahasa pemrograma PHP dengan basis
data MySQL yang dapat digunakan disemua platform sistem operasi dan perangkat
keras. Tetapi untuk pengujian dan implementasi sepenuhnya meggunakan
perangkat keras PC (Personal Computer) dengan sistem operasi Microsoft
Windows 10.

A. Implementasi Database
Implentasi pada perancangan basis data sebelumnya menggunakan basis
data MySQL. Berikut ini adalah screenshoot hasil dari basis data yang dibuat.
1. Tabel Database

Gambar 4.1 Tabel Database

Table pada basisdata tersebut memliki 5 tabel didantaranya tabel grup,
table jadwal, tabel master grup, serta tabel pindah shift. Setiap tabel saling
berelasi agar menghasilkan informasi yang baik, penggunaan data nya lebih
fleksibel serta memiliki keamanan yang kuat.

56
 57

2. Tabel Grup

Gambar 4.2 Tabel Grup

Tabel grup merukapan tabel untuk menyimpan data grup. Field dari
tabel grup di antaranya id, nik, nama, master_grup_id. Tabel grup berelasi
dengan tabel master grup agar mudah dalam pengelompokan anggota
grup berdasarkan kelompok terpilih.

3. Tabel Jadwal.

Gambar 4.3 Tabel Jadwal

Tabel jadwal merupakan tabel untuk mengelola jadwal yang di
dalamnya terdapat beberapa field yatu jadwal_id, master_shift_id,
grup_id, due_date, status. Tabel jadwal berelasi dengan beberapa tabel
diantaranya tabel shift dan tabel grup. Tabel jadal di rancang agar
pengguna dapat mendapatkan informasi secara menyeluruh terkait jadwal
hingga data anggota yang tergabung dengan jadwal yang dibuat. Dengan
kompleksitas serta relasi antar tabel, tabel jadwal tetap mengedepankan
kualitas performa akses data yang cepat dan baik serta kemanaan data
yang kuat.
 58

4. Tabel Master Grup

Gambar 4.4 Tabel Master Grup

Tabel master grup merupakan tabel untuk mengelola jumlah grup.
Tabel master grup terdiri dari beberapa field diataranya id, group_name,
slug, description. Tabel master grup nantinya akan berelasi dengan tabel
grup untuk kemudahan dalam akses data. Dengan kompleksitas serta
relasi antar tabel, tabel jadwal tetap mengedepankan kualitas performa
akses data yang cepat dan baik serta kemanaan data yang kuat.

5. Tabel Master Shift

Gambar 4.5 Tabel Master Shift

Tabel master shift merupakan tabel untuk mengelola jumlah shift
yang ada untuk setiap harinya shift yang dibuat terdiri dari shift pagi,
siang dan malam. Tabel shift terdiri dari beberapa field diantaranya
shift_id, shift_name, shift_start, shift_end, slug, shift_color yang nantinya
akan berelasi langsung dengan tabel jadwal. Dengan kompleksitas serta
relasi antar tabel, tabel master shift tetap mengedepankan kualitas
performa akses data yang cepat dan baik serta kemanaan data yang kuat.
 59

6. Tabel Pindah Shift

Gambar 4.6 Tabel Pindah Shift

Tabel pindah shift digunakan ketika karyawan meninta untuk tukar
shift atau pindah shift. Dalam tabel pindah shift terdapat beberapa field
diataranya pindah_id, pindah_user, pindah_user_ganti, create_at. Field
pindah _user dan pindah_user_ganti di isi dengan NIK karyawan yang
sudah terdaftar pada tabel jadwal. Dengan kompleksitas serta relasi
antar tabel, tabel pindah shift tetap mengedepankan kualitas performa
akses data yang cepat dan baik serta kemanaan data yang kuat.

B. Implementasi Antar Muka

1. Tampilan Login

Gambar 4.7 Implementasi Antar Muka Login

Halaman login merupakan halaman untuk mengakses data
jadwal secara keseluruhan. Data yang dimasukan pada form login
yaitu NIK dan kata sandi. Apabila kondisi terpenuhi maka pengguna
akan diarahkan ke halaman jadwal sesuai role karyawan tersebut.
 60

2. Kelola Grup

Gambar 4.8 Implementasi Antar Muka Kelola Grup

Kelola grup merupakan halaman untuk membuat grup baru,
tahapan membuat grup baru yaitu dengan mengisi nama grup dan
deskripsi sesuai dengan form yang telah disediakan. Untuk dapat
mengisi nama grup, penamaan grup tidak boleh sama dengan grup
yang sudah ada apabila terjadi kesamaan nama maka pembuatan
grup baru tidak akan berhasil. Pembatasan input hanya terdapat
pada field nama grup sedangkan deskripsi tidak ada batasan dalam
proses input data ketika data yang dimasukan tidak sesuai maka akan
muncul notifikasi.

3. Tampilan Atur Anggota

Atur anggota merupakan halaman untuk mengatur anggota
agar masuk kedalam grup yang sebelumnya telah dibuat. Untuk
mengatur anggota langkah pertama cari terlebih dahulu nama
karyawan yang akan dimasukan kedalam grup dengan cara isi form
cari. Pencarian nama karyawan bisa dilakukan dengan
menggunakan nama atau NIK hasil dari pencarian akan terlihat pada
kolom di bawahnya. ketika hasil yang dicari tidak ditemukan maka
akan ada notifikasi data tidak ditemukan dan ketika hasil pencarian
ditemukan cukup klik nama karyawan maka akan langsung
 61

tergabung pada grup yang diinginkan dan terlihat di kolom sebalah

kanan. Langkah trakhir klik simpan perubahan untuk menyimpan
semua perubahan yang dilakukan apabila tidak ingin menyimpan
perubahan maka klik kembali.

Gambar 4.9 Implementasi Antar Muka Atur Anggota

4. Tampilan Tambah Jadwal

Gambar 4.10 Implementasi Antar Muka Tambah Jadwal

Tambah jadwal merupakan halaman untuk menambah data
jadwal baru. Langkah pertama yang dilakukan yaitu dengan cara
klik tanggal pada kalender yang ditampilkan maka akan muncul
modal seperti pada gambar diatas. Setelah itu isi form pilih grup dan
pilih shift, grup yang dipilih merupakan grup yang sebelumnya telah
 62

dibuat. Maka untuk dapat membuat jadwal langkah buat grup serta
atur anggota grup harus sudah dilakukan sebelumnya.

5. Tampilan Detail Jadwal

Gambar 4.11 Implementasi antar muka detail jadwal

Detail jadwal merupakan tampilan untuk mengatahui data
lengkap mengenai jadwal pada tanggal dan shif yang dipilih.
Langkah pertama untuk melihat detail jadwal dengan masuk
kehalaman jadwal dan pilih tanggal serta shif yang diinginkan
setelah itu cukup klik data tersebut maka akan mucul modal dengan
informasi jadwal secara detail. Data jadwal yang ditampilkan
diantaranya data grup, data anggota grup, data shift serta waktu.

6. Tampilan Atur Shift

Atur shift merupakan tampilan untuk merubah data jadwal
yang sebelumnya telah dibuat. Atur shift dilakukan ketika ada
karyawan pada grup tertentu ingin pindah shift dengan cara tukar
shift dengan karyawan yang lain. Langkah yang harus dilakukan
yaitu pilih dua jadwal yang ingin ditukar, jadwal pertama dipilih di
kolom sebelah kiri dan jadwal kedua dipilih di kolom sebelah kanan.
Setalah jadwal terpilih langkah selanjutnya yaitu pilih karyawan
 63

yang akan ditukar dengan cara klik nama karyawan setalah kedua
karyawan terpilih klik tombol tukar dan selesai.

Gambar 4.12 Implementasi Antar Muka Atur Shift

4.2. Pengujian Sistem

Untuk mendapatkan hasil program yang baik, maka dilakukan pengujian
disetiap proses apakah berjalan baik sesuai perancangan serta kebutuhan yang ada.
Berikut tabel dari hasil pengujian program :
Tabel 4.1 Pengujian Sistem

No Sekenario Deskripsi Output yang diharapkan Hasil

1 Login Proses login dilakukan Apabila kondisi terpenuhi
oleh pengguna untuk maka pengguna akan
dapat mengakses aplikasi diarahkan menuju halaman
secara keseluruhan. utama aplikasi sesuai
Kondisi terpenuhi apabila dengan role dari setiap
100%
NIK dan kata sandi benar pengguna, namun apabila
kondisi tidak terpenuhi
maka muncul pesan sesuai
dengan kondisi kesalahan
yang dibuat.
2 Buat Grup Proses buat grup Apabila kondisi terpenuhi
dilakukan oleh admin maka data grup berhasil di
untuk membuat grup buat dan dapat dilihat di
baru. Kondisi terpenuhi kolom sebelah kanan dari
apabila nama grup diisi form isian buat grup. 100%
dengan baik dan nama
grup tidak sama dengan
nama grup yang pernah
dibuat sebelumnya.
 64

3 Atur Anggota Proses atur anggota grup
Grup merupakan proses untuk
mengatur setiap
karyawan agar terdaftar
di dalam grup yang telah
dibuat sebelumnya.
4 Kelola Jadwal Proses buat jadwal
merupakan proses untuk
mengatur setiap grup
yang ada supaya terdaftar
pada jadwal. Pembuatan
jadwal dilakukan dengan
memilih data grup dan
shift.
5 Lihat detail jadwal Proses lihat detail jadwal
merupakan prose untuk
melihat data jadwal
secara menyeluruh
meliput dadta grup, data
anggota grup, data shift
serta waktu. Untuk
melihat data detail jadwal
hanya meng klik tanggal
serta jadwal yang terpilih
dalam kalender
6 Tukar Shift Proses tukar shift
merupakan proses untuk
pindah jadwal apabila ada
karyawan yang ingin
pindah jadwal. Pindah
jadwal dapat dilakukan
dengan cara tukar jadwal
dengan karyawan yang
lain. Untuk dapat
menukar jadwal cukup
pilih data jadwal serta
anggota yang dipilih lalu
tukar jadwal.
Adanya anggota dari setiap 100%
grup yang dapat dilihat
secara baik.
Adanya data jadwal yang 100%
terseusun rapih dengan
format seperti kalender. Di
dalam kalender tersebut
terdapat data jadwal yang
telah dibuat.
Ketika jadwal dan shift 100%
terpilih, muncul modal
yang mengandung semua
informasi mengenai data
jadwal sesuai dengan
jadwal yang dipilih. Detail
jadwal meliputi data grup,
data anggota grup, data
shift serta waktu
Pindah jadwal sesuai 70%
dengan jadwal yang dipilih,
adanya pemberitahuan
kepada setiap karayawan
apabila ada perpindahan
jadwal

4.3. Kelebihan dan Kekurangan

Berikut kelebihan dan kekurangan dari hasil impelementasi aplikasi
manajemen shift kerja di PT. Amerta Indah Ostuka.
4.3.1. Kelebihan
Kelebihan dari aplikasi ini antara lain :
 65

1. Setiap data yang di gunanakan sudah menggukanan API yang terpusat

pada satu server utama.
2. UI serta UX yang dibuat di rancang agar memudahkan pengguna dalam
menggunakan aplikasi.
4.3.2. Kekurangan
Berikut kekurangan dari aplikasi menejemen shift kerja :
1. Notifkasi yang dibuat dalam aplikasi dibatasi hanya pada aplikasi
tersebut tidak ter integerasi dengan email dan media social lainnya.
 BAB V
PENUTUP

5.1. Kesimpulan
Berdasarkan hasil analysis dan perancangan serta implementasi dari
program aplikasi manajent shift kerja untuk PT Amerta Indah Otsuka antara lain
sebagai berikut.
1. Pengolahan data shift kerja menjadi mudah cepat dan akurat, karena adanya
rekap data yang mudah didapat.
2. Mempemudah proses pencarian data yang membantu dalam peroses
pengolahan data seperti pembuatan anggota grup, pembuatan jadwal,
pindah jadwal serta tambah jadwal atau long shift
3. Infomasi yang dihasilkan pegawai jadi lebih cepat dan akurat, serta
mengurangi kesalahan pemberian informasi khususnya informasi mengenai
jadwal kerja.

5.2 Saran
Adapun beberapa saran yang dapat dijadikan bahan pertimbangan bagi
penulis untuk pengembagangan aplikasi manajemen shift kerja agar lebih baik
atau aplikasi yang sejenis antara lain sebegai berikut.
1. Adanya backup basis data secara berkala agar meminimalisis kehilangan
informasi
2. Update data atau informasi yang dilakukan pada aplikasi serta notifikasi
yang muncul pada aplikasi harus terintegrasi dengan email setiap karyawan
agar setiap karyawan mengetahui ketika ada perubahan jadwal.

66
 DAFTAR PUSTAKA

Adhyaksapersada, T. (2018). Adhyaksapersada. Retrieved Mei 2019, from

www.adhyaksapersada.co.id

Aditya, & Nur, A. (2010). Jago PHP dan MySQL. Jakarta: Dunia Komputer.

IdnTimes, T. (2019). Idntimes. Retrieved Mei 2019, from www.idntimes.com

Kasman, A. D. (2013). Kolaborasi Dahsyat Android Dengan PHP & MYSQL.

Yogyakarta: LokoMedia.

Mastekno, T. (2019). Mastekno. Retrieved Mei 2019, from www.mastekno.com

PendidikanGuru, T. (2014). gurupendidikan. Retrieved Mei 2019, from

www.gurupendidikan.co.id

Pengertianaja, T. (2015). Pengertian Aja. Retrieved mei 2019, from

http://pengertianaja.blogspot.com

Rosa, A., & M.Shalahuddin. (2014). Rekayasa Perangkat Lunak Struktur dan
Berorientasi Objek. Bandung: Informatika.

Rudianto, A. M. (2011). Pemrograman Web Dinamis Menggunakan PHP dan

MYSQL. Yogyakarta: C.V ANDI OFFSET.

Sibero, A. F. (2011). Kitab Suci Web Programming. Yogyakarta: MediaKom.

Sibero, A. F. (2014). Web Programmer Power Pack. Jakarta: MediaKom.

Sya'ban, W. (2010). Build Your Blogger XML Template. Yogyakarta: Andi.

Winarmo, E., Zaki, A., & SmithDev. (2014). Pemrograman Web Berbasis
HTML5,PHP dan JavaScript. Jakarta: PT. Elex Media Komputindo.

Y.Kustiyahningsih, & D.Rosa. (2011). Pemrograman Basis Data Berbasis WEB

Menggunakan dan Mysql. Yogyakarta: Graha Ilmu.

67
 BERITA ACARA
KEGIATAN WAWANCARA TENTANG PERMASALAHAN PROSES KERJA DI PT
AMERTA INDAH OTSUKA

Pada hari Senin tanggal 21 Januari 2019 betempat di ruang rapat PT Amerta Indah Otsuka di
selengarakan proses wawancara atau diskusi tentang permasalahan bisnis proses saat ini.

Hasil dari proses wawancara dan diskusi yaitu :

1. Permasalahan proses bisnis yang ada pada PT Amerta Indah Otsuka yaitu terdapat pada
proses monitoring peningkatan kualitas karyawan serta fasilitas. Dalam hal ini proses
monitoring yang dilakukan terhadap karyawan dan fasilitas tidak berjalan dengan
efisien karena dalam pelaksanaanya hanya menggunakan aplikasi android tidak
dibarengi dengan website untuk mengatur seluruh kegiatan monitoring.
2. Permasaalahan proses bisnis yang kedua yaitu dalam proses manajemen waktu setiap
departemen. Dalam proses manajemen waktu atau jadwal kegiatan tiap departemen
tidak diatur menggunakan aplikasi khusus hanya menggunakan excel. Dalam
penggunanya sering kali terdapat kesalahan penyampaian jadwal serte pengelolaan data
jadwal yang kurang rapi.
3. Setelah analisis permasalahan selesai, pada akhirnya permasalahan yang akan diambil
yaitu terkait manajemen waktu di PT Amerta Indah Otsuka.
4. Alat yang akan digunakan untuk membangun aplikasi penjadwalan yaitu menggunakan
Bahasa pemrograman PHP yang dibantu dengan framework Codeigniter versi 3 dan
server apache 2.4 dan database MySQL.
 FORMULIR LAPORAN HARIAN PENELITIAN KERJA PRAKTIK
Tempat Penelitian Kerja Peraktik
PT Amerta Indah Otsuka
Nama : M Rizqi Maulana
NIM : 1630511037
Program Studi : Teknik Informatika
Fakultas : Sains dan Teknologi
 PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS MUHAMMADIYAH SUKABUMI
Jl. R. Syamsudin, S.H. No 50 Sukabumi website:www.teknikinformatika.ummi.ac.id/
Terakreditasi B – No. SK : 4586/SK/BAN-PT/Akred/S/XII/2017

Sukabumi, 29 Mei 2019

Pembimbing Lapangan

Rudy Budiana
 PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS MUHAMMADIYAH SUKABUMI
Jl. R. Syamsudin, S.H. No 50 Sukabumi website:www.teknikinformatika.ummi.ac.id/
Terakreditasi B – No. SK : 4586/SK/BAN-PT/Akred/S/XII/2017

FORMULIR BIMBINGAN
PENYUSUNAN LAPORAN PENELITIAN KERJA PRAKTIK
TAHUN AKADEMIK 2018/2019

Tempat Kerja Praktik : PT Amerta Indah Otsuka

Nama Mahasiswa : M Rizqi Maulana
NIM : 1630511037
Program Studi : Teknik Informatika
Fakultas : Sains dan Teknologi

Sukabumi, 16 April 2019

Pembimbing Kerja Praktik

Indra Griha Tofik Isa, M.Kom

 PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS MUHAMMADIYAH SUKABUMI
Jl. R. Syamsudin, S.H. No 50 Sukabumi website:www.teknikinformatika.ummi.ac.id/
Terakreditasi B – No. SK : 4586/SK/BAN-PT/Akred/S/XII/2017

Sukabumi, 16 April 2019

Pembimbing Kerja Praktik

Indra Griha Tofik Isa, M.Kom

Lampiran Psedocode
1. Halaman Login
Algoritma login()
Input : username, password
Output : session login true or false

Begin
Username ← inputted usename
Password ← inputted password

if username ≠ NULL and password ≠ NULL

post(usename, passowrd) // get data to database
if post ≠ NULL
create new session and set login true
endif
else
print “isi username dan password”
endif
end

2. Tampilan Atur Grup

Algoritma create new group data()
Input : group name, group description
Output : have new group data
Begin
group_name ← inputted group name
group_description ← inputted group description
if group_name ≠ NULL and group_description ≠ NULL
get(group_name, group_description)
// get data group
If get(group_name) = NULL
//check matched group name
insert(group_name, group_description)
// create new group data
print “berhasil”
else
print “nama grup sama, hindari penamaan
grup yang sama”
input new group name and group description
 else
print “gagal”
endif
end

3. Tampilan Atur Anggota Grup

Algoritma create new group data()
Input : group id, nik, name,
Output : have new a new group member

Begin
group_id ← inputted group id
nik ← inputted nik
name ← inputted name

if group_id ≠ NULL and nik ≠ NULL and name ≠ NULL

insert(group_id, nik, name)
// insert a new group member
If inserted = TRUE then print “berhasil”
Else print “terjadi kesalahan”
endif
else print “gagal, field tidak boleh kosong”
endif
end

4. Tampilan Buat Shift

Algoritma create a new shift data()
Input : shift_name, shift_start, shift_end, shift_color
Output : have new a new shift data
Begin
Shift_name ← inputted shift name
Shift_start ← inputted shift start
Shift_end ← inputted shift end
Shift_color ← inputted shift color
if shift_name ≠ NULL and shift_start ≠ NULL and
shift_end ≠ NULL and shift_color ≠ NULL
insert(shift_name, shift_start, shift_end,
shift_color)
// insert a new shift data
 If inserted = TRUE Then print “berhasil”
Else print “terjadi kesalahan”
endif
else print “gagal, field tidak boleh kosong”
endif
end

5. Tampilan Data Jadwal

Algoritma show schedul
Input :
Output : have new a new shift data
Begin
Jadwal ← select group name, shift_start, shift_end
from table jadwal

if jadwal ≠ NULL then show

else jadwal = null, show
end

6. Tampilan Tambah Jadwal

Algoritma create a schedul
Input : date, group, shift
Output : have new a new schedul data
Begin
date ← inputted date
group ← inputted group
Shift ← inputted shift
if date ≠ NULL and group ≠ NULL and shift ≠ NULL
then
get(date, group, shift) //check schedul
if get ≠ NULL //check matched schedul
then
insert(date, group, shift)
else
print “data jadwal sudah ada, coba waktu yang
lain”
else print “gagal, field tidak boleh kosong”
endif
end
7. Tampilan Detail Jadwal
Algoritma show schedule detail
Input : date, group, shift
Output : have new a new schedul data
Begin
Click schedule
date ← clicked schedul date
group ← clicked schedul group
Shift ← clicked schedul shift
if date ≠ NULL and group ≠ NULL and shift ≠ NULL
then
get(date, group, shift) //check schedul
if get ≠ NULL //check matched schedul
then
show(date, group, shift)
else
print “data jadwal tidak ada”
else print “pilih jadwal dengan baik”
endif
end

8. Tampilan Pindah Jadwal

Algoritma show schedule detail
Input : date, shift
Output : have new a new schedul data
Begin
date ← inputted date
group ← inputted group
if date ≠ NULL and shift ≠ NULL
then
get(date, shift) //check schedul
if get ≠ NULL //check matched schedul
then
show(date, group, shift, member)
member ← click member
array_member ← member
//save member to array member
Click tukar button
 if array_member ≠ NULL
then switch(member), save to database
else
print “data jadwal tidak ada”
else print “pilih jadwal dengan baik”
endif
end
4/16/2019 Turnitin

Document Viewer
Turnitin Originality
Report
Processed on: 16-Apr-2019 10:37 WIB
ID: 1113347982
Word Count: 254
Submitted: 1

BAB 5 By M Rizqi Maulana

Similarity by Source
Similarity Index Internet Sources: 3%
Publications: 0%
3% Student Papers: 0%

include quoted exclude bibliography excluding matches < 2% download

refresh print mode: quickview (classic) report

3% match (Internet from 20-Feb-2019)

https://openlibrary.telkomuniversity.ac.id/catalogue/2011.html

BAB V PENUTUP 5.1 Kesimpulan Berdasarkan penjelesan yang tertulis, penulis

dapat menyimpulkan beberapa hal tentang “pendataan pekerjaan berbasis web di
PT. Amerta Indah Otsuka”, sebagai berikut : 1. Dengan adanya pendaataan
pekerjaan ini tentu saja dapat mempermudah pihak PT dalam melakukan
pendataan pekerjaan bagi para pegawainya. 2. Data data yang tersimpan tentunya
akan lebih aman dan mudah untuk diolah. 3. Tidak perlu melakukan perekapan
data saat akan membuat laporan pegawai ataupun pekerjaan karena data sudah
tersimpan pada basis data 5.2 Saran Berdasarkan kesimpulan diatas, penulis
mempunyai beberapa saran untuk pengembangan aplikasi ini kedepannya, antara
lain : 1. Pengembangan kedepannya harus mengikuti kebutuhan dari PT itu sendiri.
2. Aplikasi harus dapat di akses oleh beberapa operator ataupun bisa melakukan
sharing data dengan mudah. DAFTAR PUSTAKA Sibero, Alexander F.K.,. 2014. Web
Programming Power Pack. Jakarta : MediaKom. Aditya, Alan Nur.2010. Jago PHP
dan MySQL. Jakarta: Dunia Komputer. Edy Winarno, Ali Zaki, SmithDev. 2014.
Pemrograman Web Berbasis HTML5, PHP, dan JavaScript. Jakarta: PT Elex Media
Komputindo. Shodiq, Amri. 2011. Tutorial Dasar Pemrograman Google Maps API.
Arief M Rudianto. 2011. Pemrograman Web Dinamis menggunakan PHP dan MySQL.
C.V ANDI OFFSET. Yogyakarta. Akhmad Dharma Kasman, 2013, Kolaborasi Dahsyat
Android dengan PHP & MYSQL, LokoMedia, Yogyakarta. A.S Rosa , dan
M.Shalahuddin. 2014. Rekayasa Perangkat Lunak Struktur dan Berorientasi Objek.
Bandung : Informatika. Y. Kustiyahningsih, D. Rosa, Pemrograman Basis Data
Berbasis WEB Menggunakan PHP dan Mysql, Yogyakarta: Graha Ilmu, 2011.
Alexander F. K. Sibero, 2011, Kitab Suci Web Programing, MediaKom, Yogyakarta.
Wahyu Sya’ban, 2010. Build your Blogger XML Template. Andi. Yogyakarta.

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113347982&ft=1&bypass_PT=1 1/1
4/16/2019 Turnitin

Document Viewer
Turnitin Originality
Report
Processed on: 16-Apr-2019 09:51 WIB
ID: 1113310119
Word Count: 514
Submitted: 1

BAB 1 By M Rizqi Maulana

Similarity by Source
Similarity Index Internet Sources: 5%
Publications: 0%
5% Student Papers: 0%

include quoted exclude bibliography excluding matches < 2% download

refresh print mode: quickview (classic) report

2% match (Internet from 05-Mar-2019)

https://id.scribd.com/doc/286618683/238640821-TA-RAB-FULLS-2

2% match (Internet from 15-Jul-2018)

https://media.neliti.com/media/publications/186620-ID-none.pdf

2% match (Internet from 25-Oct-2013)

http://kopertis11.net

BAB I PENDAHULUAN 1.1 Latar Belakang Masalah CV.Amerta Indah Otsuka

Sukabumi merupakan CV yang terletak di Jl.Cisaat Cibaraja Kota Sukabumi Jawa
Barat dan dipimpin oleh Bpk.Dede M.kom yang bergerak dibidang jasa,seiring
perkembangan teknologi yang semakin pesat CV. Amerta Indah Otsuka Sukabumi
ingin agar proses pendataan pekerjaan bagi pegawai lebih efisien. Proses
pendataan pekerjaan yang berjalan masih terkesan manual dan belum
terkomputerisasi, sehingga muncul beberapa masalah seperti kesulitan dalam
membagi lokasi pekerjaan bagi pegawai, juga dalam hal penyimpanan data dari
riwayat pekerjaan yang telah selesai tidak tersimpan dengan baik. Oleh karena itu,
penulis merasa perlu untuk membuat suatu aplikasi agar dapat mengatasi
kekurangan dari sistem yang sedang berjalan sekarang, Dimana dengan aplikasi ini
dapat mengatur proses pendataan pekerjaan menjadi lebih cepat dan akurat
sehingga kesalahan dalam pembagian pekerjaan dapat lebih di kurangi data relatif
tidak terjadi. Berdasarkan uraian latar belakang diatas penulis mencoba membantu
menyelesaikan permasalahan yang ada pada CV.Amerta Indah Otsuka Sukabumi
dengan menjadikan permasalahan tersebut sebagai bahan penulisan laporan kerja
praktek dengan judul “PENDATAAN PEKERJAAN BERBASIS WEB DI CV.AMERTA
INDAH OTSUKA”. 1.2 Identifikasi Masalah Adapun masalah yang timbul sesuai
dengan uraian latar belakang permasalahan diatas sebagai berikut : 1. Belum
adanya pendaatan pekerjaan dibidang jasa. 2. Pegawai cukup kesulitan
menemukan alamat dari lokasi

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113310119&ft=1&bypass_cv=1 1/2
4/16/2019 Turnitin

pekerjaan. 3. Data – data riwayat pekerjaan tidak tersimpan dengan baik. 1.3
Tujuan Kerja Praktik Adapun tujuan yang ingin dicapai dalam pembuatan laporan
kerja praktik ini adalah : 1. Mempermudah pihak CV dalam melakukaan pendataan
pekerjaan. 2. Mempermudah pegawai dalam menemukan lokasi pekerjaan. 3.
Meningkatkan keamanan dalam penyimpanan data CV. 1.4 Batasan Masalah Agar
penyusunan kerja praktik ini tidak menyimpang dari pokok permasalahan yang
dibahas, maka ruang lingkup pembahasan dibatasi pada : 1. Pendataan pekerjaan
untuk pegawai.
2. Penempatan Lokasi Pekerjaan Pegawai CV.Amerta Indah Otsuka 3. Data
data pekerjaan CV Amerta Indah Otsuka 1.5 Teknik Pegumpulan data
Adapun metode pengumpulan data yang dilakukan penulis yaitu : 1.5.1
Observasi Metode ini digunakan dimana penulis melakukan pengamatan
langsung atau melihat langsung proses yang sedang berjalan dilokasi kerja
praktik yaitu di CV. Amerta Indah Otsuka Sukabumi yang berlokasi di
Jl.Cisaat Cibaraja Kabupaten Sukabumi Jawa Barat. 1.5.2 Wawancara
Metode wawancara digunakan dimana penulis mendapatkan informasi
dengan cara bertanya langsung kepada narasumber. Narasumber tersebut
merupakan pemilik dari CV. Amerta Indah Otsuka Sukabumi. Wawancara
tersebut bertujuan untuk mengetahui aplikasi seperti apa yang diinginkan
oleh pihak CV. 1.5.3 Studi Pustaka Studi pustaka dilakukan untuk
pengumpulan data dengan cara membaca jurnal untuk mendapatkan bahan
tambahan yang bersifat teoritis yang dapat menunjang dalam penyusunan
laporan Kerja Praktik dan pembuatan program. 1.6 Tempat dan Waktu
Penelitian Kerja Praktik Tempat dan waktu penelitian kerja praktik
dilakukan di CV. Amerta Indah Otsuka Sukabumi yang berlokasi di Jl.Cisaat
Cibaraja Kabupaten Sukabumi Jawa Barat. Kerja Praktik ini dilaksanakan
dalam waktu kurang lebih 4 bulan, dimulai dari bulan Januari sampai
dengan bulan April 2018. Tabel 1.1 Gantt Chart Penelitian Januari Februari
Maret April NO Aktivitas 2019 2019 2019 2019 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3
4 Observasi dan 1 Wawancara ke Instasi 2 Pengumpulan Data 3
Pembimingan Laporan 4 Perancangan 5 Pembuatan Aplikasi 6 Implementasi
dan Pengujian

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113310119&ft=1&bypass_cv=1 2/2
4/16/2019 Turnitin

Document Viewer
Turnitin Originality
Report
Processed on: 16-Apr-2019 10:05 WIB
ID: 1113320166
Word Count: 2355
Submitted: 1

BAB 2 By M Rizqi Maulana

Similarity by Source
Similarity Index Internet Sources: 7%
Publications: 2%
6% Student Papers: 0%

include quoted exclude bibliography excluding matches < 2% download

refresh print mode: quickview (classic) report

5% match (Internet from 22-Jan-2019)

https://materisimdig01.blogspot.com/

2% match (Internet from 03-Feb-2015)

http://oop-uai.blogspot.com

BAB II TINJAUAN UMUM INSTANSI DAN LANDASAN TEORI 2.1 Tinjauan Umum
Instansi 2.1.1 Profil PT. Amerta Indah Otsuka Nama Instansi : Amerta Indah Otsuka
Didirikan : Tahun 2016 Tipe : Swasta Alamat : Jl. Cisaat Cibaraja Kab/Kota :
Kabupaten Sukabumi Propinsi : Jawa Barat 2.1.2 Sejarah Singkat PT. Amerta Indah
Otsuka PT. Amerta Indah Otsuka didirikan tahun 2016 berlokasi di Jl. Cisaat-
Cibaraja Kabupaten Sukabumi Propinsi Jawa Barat, PT ini bergerak dalam bidang
konstruksi dan komputer engineering, Berawal dari kecerdasan sang pendiri yakni
bpk. Dede, M.kom melihat peluang bisnis di jaman sekarang ini yang sangat
berkembang pesat dalam teknologi komputer, PT Amerta Indah Otsuka ini
menangani pekerjaan seperti pemasangan tiang internet ataupun konstruksi
konstruksi lain yang berhubungan dengan teknologi komputer. Sesuai dengan visi
dari PT Amerta Indah Otsuka yakni “Menjadi Perusahaan Terkemuka” PT senantiasa
terus berkembang dalam memberikan pelayanan terhadap konsumen maupun
kualitas para pekerjanya. 2.1.3 Visi, Misi, dan Tujuan PT. Amerta Indah Otsuka
Sukabumi 1. Visi “Menjadi Perusahaan Terkemuka” 2. Misi 1. Melayani konsumen
dengan propesional 2. Inovasi berkelanjutan 2.1.4 Struktur Organisasi 2.1.5
Arsitektur Teknologi Di dalam PT. Amerta Indah Otsuka admin menggunakan laptop
dengan spesifikasi sebagai berikut : No Perangkat Keras Spesifikasi 1 Processor
AMD QuadCore A6 7310- 2.3Ghz 2 VGA VGA RADEON R4 3 Memory 4 GB DDR 4 4
Printer Epson K-100 5 Harddisk 500 GB 2.1.6 Sistem yang sedang berjalan 1.
Proses bisnis Proses bisnis yang sedang berjalan di PT. Amerta Indah Otsuka
Sukabumi, yaitu : 1. Pegawai memberikan data diri kepada admin. 2. Admin
mengolah data pegawai. 3. Admin menyimpan data pegawai dalam dokumen
ataupun folder. 4. Admin

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113320166&ft=1&bypass_PT=1 1/5
4/16/2019 Turnitin

membuat surat tugas untuk pegawai. 5. Pegawai menerima surat tugas. 6.

Pegawai memberikan laporan pekerjaan kepada admin. 7. Admin mengolah data
pekerjaan dari pegawai kemudian di simpan ke dalam folder. 2.
Workflow Gambar 2.1 Workflow sistem yang sedang berjalan 2.2 Landasan Teori
2.2.1 Konsep Umum 1. Pengertian website Arief (2011:7) Website menurut Arief
diartikan sebagai salah satu aplikasi dengan beragam dokumen multimedia (teks,
gambar, animasi, video) di dalamnya yang menggunakan protokol HTTP (Hypertext
Transfer Protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang
disebut browser. 2. Pengertian pekerjaan Menurut Ornstien dan Levine, Pekerjaan
adalah sebuah karir yang dilakukan dalam sebuah kehidupan . Dalam bidang
apapun karir akan menjadi sebuah pengertian dari sebuah pekerjaan yang memiliki
bidang tersendiri. 3. Pengertian Pekerja Menurut Dr.A.Hamzah SH menyatakan
bahwa tenaga kerja ialah meliputi tenaga kerja yag bekerja di dalam maupun di
luar hubungan kerja dengan alat produksi utamanya dalam proser produksi tenaga
kerja itu sendiri, baik tenaga fisik maupun pikiran. 2.2.2 Konsep Perancangan 1.
Pemrograman Berorientasi Objek (Dharma, Akhmad,2013), Pemrograman
berorientasi Objek sekarang ini merupakan teknik pemograman yang paling populer
dan banyak digunakan oleh Programmer untuk menggantikan teknik pemrograman
berbasis prosedur. “OOP (Object Oriented Programming) adalah sebuah pendekatan
untuk pengembangan suatu software, dimana dalam struktur software tersebut
didasarkan kepada interaksi objek dalam penyelesaian suatu proses atau tugas”.
1.1 UML (Unified Modeling Language) Rosa A.S dan M. Shalahudin (2014:140),
pada UML terdiri dari 13 macam diagram yang dikelompokkan dalam 3 kategori.
Berikut ini penjelasan singkat dari pembagian kategori tersebut. 1. Structure
diagram, yaitu kumpulan diagram yang digunakan untuk menggambarkan suatu
struktur statis dari sistem yang dimodelkan. Structure diagram terdiri dari class
diagram, object diagram, component diagram, composite structure diagram,
package diagram dan deployment diagram. 2. Behavior diagram yaitu kumpulan
diagram yang digunakan untuk menggambarkan kelakuan sistem atau rangkaian
perubahan yang terjadi pada sebuah sistem. Behavior diagram terdiri dari Use case
diagram, Aktivity diagram, State Machine System. 3. Interaction diagram yaitu
kumpulan diagram yang digunakan untuk menggambarkan interaksi sistem dengan
sistem lain maupun interaksi antar subsistem pada suatu sistem. Interaction
diagram terdiri dari Sequence Diagram, Communication Diagram, Timing Diagram,
Interaction Overview Diagram 1.2 Diagram-Diagram dalam UML diagram-diagram
dalam UML antara lain sebagai berikut: 1. Use Case Diagram Rosa dan M.
Shalahudin (2014:155), use case atau diagram use case merupakan pemodelan
untuk kelakuan (behavior) sistem informasi yang akan dibuat. Use case
mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem
informasi yang akan dibuat. Secara kasar, use case digunakan untuk mengetahui
fungsi apa saja yang ada di dalam sebuah sistem informasi dan siapa saja yang
berhak menggunakan fungsi-fungsi itu. Komponen pembentuk diagram use case
adalah: 1) Aktor Orang, proses, atau sistem lain yang berinteraksi dengan sistem
informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri,
jadi walaupun simbol dari aktor adalah gambar orang, tapi aktor belum tentu
merupakan orang, biasanya dinyatakan menggunakan kata benda di awal frase
nama actor 2) Use Case Fungsionalitas yang disediakan sistem sebagai unit-unit
yang saling bertukar pesan antar unit atau aktor, biasanya dinyatakan dengan
menggunakan kata kerja diawal frase nama use case. 3) Asosiasi Komunikasi
antara aktor dan use case yang berpartisilpasi pada use case atau use case
memiliki interaksi dengan aktor. 4) Sistem Tipe Relasi/Asosiasi pada use case : 1.)
Include Relasi use case tambahan ke sebuah use case dimana use case yang
ditambahkan memerlukan use case ini untuk menjalankan fungsinya atau

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113320166&ft=1&bypass_PT=1 2/5
4/16/2019 Turnitin

sebagai syarat dijalankan use case ini. 2.) Extends Relasi use case tambahan
kesebuah use case dimana use case yang ditambahkan dapat berdiri sendiri walau
tanpa use case tambahan itu, mirip dengan prinsip inheritance pada pemrograman
berorientasi objek, biasanya use case tambahan memiliki nama depan yang sama
dengan use case yang ditambahkan. 3.) Generalization/inheritance antara use case
Hubungan generalisasi dan spesialisasi (umum- khusus) antara dua buah use case
dimana fungsi yang satu adalah fungsi yang lebih umum dari lainnya. 2. Class
Diagram Rosa dan M. Shalahudin (2014:141), diagram kelas atau class diagram
menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan
dibuat untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan
method atau operasi. Berikut penjelasan atribut dan method : 1. Atribut merupakan
variable-variabel yang dimiliki oleh suatu kelas. 2. Operasi atau method adalah
fungsi-fungsi yang dimiliki oleh suatu kelas. 3. Activity Diagram Rosa dan M.
Shalahudin (2014:161), diagram aktivitas atau activity diagram menggambarkan
workflow (aliran kerja) atau aktivitas dari sebuah sebuah sistem atau proses bisnis
atau menu yang ada pada perangkat lunak. Yang perlu di perhatikan disini adalah
bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa yang
dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem 4. Collaboration
Diagram Collaboration diagram menggambarkan interaksi antar objek seperti
sequence diagram, tetapi lebih menekankan pada peran masing-masing objek dan
bukan pada waktu penyampaian message. Setiap message memiliki sequence
number, di mana message dari level tertinggi memiliki nomor 1. Messages dari level
yang sama memiliki prefiks yang sama. 2.Basis Data/Database Winarno dan Ali Zaki
(2014:102), database merupakan suatu tempat untuk menyimpan data yang
jenisnya beraneka ragam. Keuntungan menyimpan data di database adalah
kemudahan dalam penyimpanan dan menampilkan data karena dalam bentuk tabel.
2.2.3 Bahasa Pemrograman 1. PHP Menurut Arief (2011 :43) PHP adalah Bahasa
server- side –scripting yang menyatu dengan HTML untuk membuat halaman web
yang dinamis. Karena PHP merupakan server-side- scripting maka sintaks dan
perintah-perintah PHP akan diesksekusi diserver kemudian hasilnya akan dikirimkan
ke browser dengan format HTML. 2. MySQL Menurut Kustiyahningsih (2011:145),
“MySQL adalah sebuah basis data yang mengandung satu atau jumlah tabel. Tabel
terdiri atas sejumlah baris dan setiap baris mengandung satu atau sejumlah
tabel.Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau
sejumlah tabel”. 3. HTML Menurut Sibero (2011c:19) “Hyper Text Markup Language
atau HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa
untuk pertukaran dokumen web”. Dokumen HTML terdiri dari komponen yaitu tag,
elemen dan atribut. Tag adalah tanda awal < dan tanda akhir > yang digunakan
sebagai pengapit suatu elemen. Elemen adalah nama penanda yang diapit oleh tag
yang memiliki fungsi dan tujuan tertentu pada dokumen HTML. Elemen dapat
memiliki elemen anak dan juga nilai. Elemen anak adalah suatu elemen yang
berada didalam elemen pembuka dan elemen penutup induknya. Nilai yang
dimaksud adalah suatu teks atau karakter yang berada diantara elemen pembuka
dan elemen penutup. Atribut adalah properti elemen yang digunakan untuk
mengkhususkan suatu elemen. Elemen dapat memiliki atribut yang berbeda pada
tiap masing- masingnya. 4. CSS Menurut Wahyu Sya’ban (2010 :37) “Cascading
Style Sheet (CSS) merupakan salah satu bahasa pemograman web untuk
mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih
terstruktur dan seragam”. CSS dapat mengendalikan ukuran gambar, warna bagian
tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna
mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah,
dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk
mengatur tampilan dokumen. Dengan adanya CSS

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113320166&ft=1&bypass_PT=1 3/5
4/16/2019 Turnitin

memungkinkan kita untuk menampilkan halaman yang sama dengan format yang
berbeda. Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1
dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan
untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di
printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan
banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten,
downloadable, huruf (font), tampilan pada tabel (table layout) dan media tipe untuk
printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama.
30 CSS3 juga dapat melakukan animasi pada halaman website, diantaranya animasi
warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal
kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni
@media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple
background, borderradius, drop-shadow, border-image, CSS Math, dan CSS Object
Model 5. JavaScript Winarno dan Ali Zaki (2014:129), JavaScript adalah bahasa
scripting client side yang sangat popular, karena bisa dipakai di HTML, web, untuk
server, PC, laptop, tablet, ponsel, dan lainnya. Hampir semua programmer web
menggunakan JavaScript untuk memberi efek pemrograman di halaman. JavaScript
tidak hanya berdiri sendiri, tapi JavaScript juga menjadi dasar yang bisa digunakan
untuk teknologi lainnya seperti Ajax, jQuery, dan jQuery Mobile. 2.2.4 Perangkat
Lunak Yang Digunakan 1. XAMPP Alan Nur Aditya (2010:16) mendefinisikan XAMPP
adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan
kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri
sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database,
dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.
Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache,
MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan
bebas, merupakan web server yang mudah digunakan yang dapat melayani
tampilan halaman web yang dinamis. 2. CodeIgnter CodeIgniter adalah sebuah web
application network yang bersifat open source yang digunakan untuk membangun
aplikasi php dinamis. CodeIgniter menjadi sebuah framework PHP dengan model
MVC (Model, View, Control) untuk membangun website dinamis dengan
menggunakan PHP yang dapat mempercepat pengembang untuk membuat sebuah
aplikasi web. Selain ringan dan cepat, CodeIgniter juga memiliki dokumentasi yang
super lengkap disertai dengan contoh implementasi kodenya. Dokumentasi yang
lengkap inilah yang menjadi salah satu alasan kuat mengapa banyak orang memilih
CodeIgniter sebagai framework pilihannya. Karena kelebihan-kelebihan yang dimiliki
oleh CodeIgniter, pembuat PHP Rasmus Lerdorf memuji CodeIgniter di frOSCon
(Agustus 2008) dengan mengatakan bahwa dia menyukai CodeIgniter karena “it is
faster, lighter and the least like a framework.” 3. Sublime Sublime Text adalah
aplikasi editor untuk kode dan teks yang dapat berjalan diberbagai platform
operating system dengan menggunakan teknologi Phyton API. Terciptanya aplikasi
ini terinspirasi dari aplikasi Vim, Aplikasi ini sangatlah fleksibel dan powerfull.
Fungsionalitas dari aplikasi ini dapat dikembangkan dengan menggunakan sublime-
packages. Sublime Text bukanlah aplikasi open source dan juga aplikasi yang dapat
digunakan dan didapatkan secara gratis, akan tetapi beberapa fitur pengembangan
fungsionalitas (packages) dari aplikasi ini merupakan hasil dari temuan dan
mendapat dukungan penuh dari komunitas serta memiliki linsensi aplikasi gratis.
Sublime Text mendukung berbagai bahasa pemrograman dan mampu menyajikan
fitur syntax highlight hampir di semua bahasa pemrogramman yang didukung
ataupun dikembangkan oleh komunitas seperti; C, C++, C#, CSS, D, Dylan, Erlang,
HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB,
OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile and XML.

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113320166&ft=1&bypass_PT=1 4/5
4/16/2019 Turnitin

Biasanya bagi bahasa pemrograman yang didukung ataupun belum terdukung

secara default dapat lebih dimaksimalkan atau didukung dengan menggunakan
add-ons yang bisa didownload sesuai kebutuhan user. 4. Msql Workbench MySQL
Workbench adalah sebuah perangkat aplikasi berbentuk visual yang dipergunakan
untuk mengelola basis data. Perangkat aplikasi ini biasa digunakan oleh seorang
arsitek basis data, pengembang basis data, serta administator basis data. MySQL
Workbench menyediakan model data, pengembangan SQL, dan peralatan
administrasi yang komperhensif untuk konfigurasi serverbasis data, administrasi
pengguna, dan masih banyak lagi. MySQL Workbench tersedia pada platform
Windows, Linux dan Mac OS 5. Microsoft Word Microsoft Word adalah aplikasi
pengolah kata yang sangat populer pada saat ini, Aplikasi yang dikembangkan oleh
microsoft ini terdapat dalam satu paket microsoft office yang berisi microsoft word,
microsoft excel, microsoft power point, microsoft office publisher microsoft office
access dan lain-lain.. Akan tetapi dari sekian banyak ini paket yang ditawarkan
microsoft word yang paling sering dipakai oleh kebanyakan orang selain microsoft
excel dan power point. Dalam perkembangannya microsoft word mengalami banyak
perkembangan dari tahun ke tahun mulai dari microsoft word 1998, microsoft word
2003, microsoft word 2007, microsoft word 2010 dan microsoft word 2013. Dengan
perkembangan tersebut microsoft telah menambahkan database dan tool yang baru
untuk menyempurnakan agar microsoft word lebih mudah untuk digunakan.
Dengan microsoft word dapat memudahkan kerja manusia dalam melakukan
pengetikan surat maupun dokumen lain. 6. Google Maps API Menurut (Amri Shodiq,
2011), Google Maps merupakan layanan gratis yang diberikan oleh Google dan
sangat popular. Fungsinya ialah untuk melihat lokasi, mencari alamat,
mendapatkan petunjuk mengemudi dan lain sebagainya. Google Maps berbentuk
sebuah peta dunia yang dapat digunakan untuk melihat suatu daerah. Dengan kata
lain, Google Maps adalah suatu peta yang dapat dilihat dengan menggunakan suatu
browser. Fitur Google Maps dapat ditampilkan dalam web atau blog dengan Google
Maps API. Google Maps API (Application Programming Interface) adalah suatu
library yang berbentuk Javascript yang memungkinkan developer lain untuk
memanfaatkan aplikasi ini di aplikasi buatannya. Tetapi sekarang ini Google Maps
API dapat juga dengan hanya memasangkan dengan kode atau skrip yang didapat
dari Google Maps. Tampilan Google Maps pun dapat dipilih berdasarkan foto asli
atau peta gambar rute saja. Peta globe virtual Google Maps ini dapat ditemukan di
http://maps.google.com. 7. Web Browser Menurut (Alexander F.K. Sibero, 2014)
Web Browser merupakan software program yang terletak di komputer yang biasa
digunakan untuk menampilkan halaman dan menelusuri World Wide Web (WWW).
Ketika menggunakan browser untuk merequest halaman pada sebuah website,
browser akan membuat koneksi web ke web server. Web browser memproses
halaman web yang diterimanya dari web server dan menampilkan halaman ke user.

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113320166&ft=1&bypass_PT=1 5/5
4/16/2019 Turnitin

Document Viewer
Turnitin Originality
Report
Processed on: 16-Apr-2019 14:07 WIB
ID: 1113467931
Word Count: 1404
Submitted: 1

BAB 3 By M Rizqi Maulana

Similarity by Source
Similarity Index Internet Sources: 7%
Publications: 0%
3% Student Papers: 5%

include quoted exclude bibliography excluding matches < 2% download

refresh print mode: quickview (classic) report

2% match (Internet from 19-Dec-2013)

http://222.124.203.59

2% match (Internet from 02-Feb-2015)

http://dir.unikom.ac.id

2% match (student papers from 06-Dec-2018)

Submitted to Sultan Agung Islamic University on 2018-12-06

BAB III ANALISIS DAN PERANCANGAN 3.1 Analisis Sistem Analisis sistem
merupakan analisa prosedur yang diperlukan untuk memenuhi kebutuhan akan
data suatu sistem yang sedang berjalan di suatu intansi. Analisis sistem bertujuan
untuk mengetahui lebih jelas bagaimana cara kerja sistem tersebut dan masalah
apa saja yang dihadapi sistem untuk dapat dijadikan usulan perancangan sistem.
3.1.1 Analisis sistem yang sedang berjalan 1. Prosedur Sistem Berjalan Adapun
analisis prosedur dari sistem pengolahan data yang sedang berjalan di PT.Amerta
Indah Otsuka sebagai berikut : 1. Prosuder pendataan pegawai 1. Pegawai
menyerahkan data diri. 2. Admin menyimpan data diri pegawai salam satu folder 2.
Prosedur Pendataan Pekerjaan 1. Admin membuat surat tugas. 2. Admin
Menyimpan surat tugas Pada folder.
3. Pegawai Menerima Surat Tugas. 4. Pegawai menyerahkan hasil pekerjaan.
5. Admin menyimpan data pekerjaan pada folder. 20 2. Workflow sistem yang
sedang berjalan Gambar 3.1 Wokflow sistem yang sedang berjalan 3
.1. 2 Analisis Permasalahan Sistem yang berjalan saat ini belum mempunyai
aplikasi pendataan pekerjaan, sehingga sulit bagi para pegawai dalam menemukan
lokasi pekerjaan dikarenakan surat tugas yang diberikan hanya berupa alamat dari
lokasi pekerjaan tersebut, juga laporan-laporan pekerjaan belum tersimpan dengan
baik. 3.1.3 Pemecahan Masalah Melihat beberapa masalah yang dihadapi tersebut,
maka diusulkan pemecahan masalah sebagai berikut: 1. Perusahaan seharusnya
menyediakan aplikasi pendataan pekerjaan untuk menentukan lokasi pekerjaan
agar para pegawai dapat

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113467931&ft=1&bypass_PT=1 1/3
4/16/2019 Turnitin

menemukan lokasi pekerjaan dengan mudah seperti diberikan koordinat dari lokasi
pekerjaan. 2. Perusahaan seharusnya menyediakan laporan hasil pekerjaan yang
lebih rinci serta mudah untuk diakses ketika pegawai ataupun direktur perusahaan
ingin melihat laporan pekerjaan yang sudah selesai.
3.1.4 Analisis Kebutuhan Sistem Analisis kebutuhan sistem dilakukan untuk
mengetahui apa saja yang dibutuhkan oleh sistem. Kebutuhan sistem yang
dibutuhkan dalam pembuatan aplikasi pendataan pekerjaan yaitu sebagai berikut.
1. Data yang dibutuhkan 1. Login admin : username, password. 2. Data pegawai :
nama, alamat, pendidikan, keahlian, alamat email. 3. Data pekerjaan : nama
pegawai, keahlian, lokasi pekerjaan, tugas, tanggal mulai.
4. Data laporan pekerjaan : nama pegawai, keahlian, lokasi, tugas, tanggal mulai,
tanggal selesai, foto. 2. Form yang dibutuhkan Form yang dibutuhkan dalam
aplikasi ini antara lain: 1. Form login 2. Form menu utama 3. Form input data
pegawai 4. Form data pekerjaan 5. Form input surat tugas 6. Form surat tugas 3.
Analisis Kebutuhan Perangkat Keras Untuk membangun suatu aplikasi maka
diperlukan perangkat keras yang dapat mendukung proses kerja dari aplikasi itu
sendiri. Spesifikasi perangkat keras yang digunakan oleh pegawai perusahaan
yaitu: Tabel 3.1 Perangkat keras yang digunakan pegawai perusahaan No
Perangkat Keras Spesifikasi 1 Processor AMD QuadCore A6 7310- 2.3Ghz 2 VGA
VGA RADEON R4 3 Memory 4 GB DDR 4 4 Printer Epson K-100 5 Harddisk 500 GB
3.1.5 Sistem yang Diusulkan 1. Perancangan Prosedur yang Diusulkan 1. Prosedur
pendataan pegawai 1. Pegawai menyerahkan data diri. 2. Admin menyimpan data
diri pegawai ke database. 2. Prosedur Pendataan Pekerjaan 1. Admin membuat
surat tugas.
2. Admin Menyimpan surat tugas ke database. 3. Pegawai Menerima Surat Tugas.
4. Pegawai menyerahkan hasil pekerjaan. 5. Admin menyimpan data pekerjaan ke
database. 2. Workflow Sistem yang Diusulkan Gambar 3.2 Wokflow sistem usulan
3.2 Perancangan Sistem 3.2.1 Perancangan Proses Perancangan proses pada
aplikasi pendataan pekerjaan di PT Amerta Indah Otsuka Sukabumi menggunakan
Unified Modeling Languange yang meliputi. 1. use case diagram 2. class diagram 3.
activity diagram 4. sequence diagram
1. Use case diagram Gambar 3.3 Use case diagram aplikasi pendataan pekerjaan
2. Skenario use case Scenario masing masing use case pada use case diatas, yaitu
: A. Admin Admin merupakan actor yang berperan menerima dan mengolah data
informasi 1. Data Pegawai Use Case : Data Pegawai Precondition : Adanya
sekumpulan data data pegawai PT. Amerta Indah Otsuka. Normal Course : Data
data pegawai tersimpan dalam satu file atau folder. Potcondition : Data data
pegawai tersimpan dalam database. 2. Data Surat Tugas Use Case : Data Surat
Tugas Precondition : Adanya sekumpulan data data dari surat tugas pekerjaan.
Normal Course : Data data dari surat tugas tersimpan dalam satu file atau folder.
Postcondition : Data data dari surat tugas tersimpan dalam database. 3. Data
Pekerjaan Use Case : Data Pekerjaan Precondition : Adanya sekumpulan data data
dari pekerjaan yang sudah selesai. Normal Course : Data data dari riwayat
pekerjaan tersimpan dalam satu file atau folder. Postcondition : Data data dari
riwayat pekerjaan tersimpan dalam database. 4. Laporan Pekerjaan Use Case :
Laporan Pekerjaan Precondition : Adanya laporan dari pekerjaan yang sudah
selesai dari pegawai sebagai bentuk tanggung jawab. Normal Course : Admin
membuat laporan sesuai yang diberikan oleh pegawai. Postcondition : Seluruh
laporan tersimpan dalam database dan akan lebih mudah untuk di akses. 3 Class
diagram Gambar 3.4 Class diagram aplikasi pendataan pekerjaan 4. Activity
diagram Gambar 3.5 Activity diagram mengelola data pegawai Gambar 3.6 Activity
diagram mengelola data pekerjaan Gambar 3.7 Activity diagram mengelola surat
tugas 5. Collaboration Diagram Gambar 3.8 Collaboration diagram pendataan
pekerjaan 3.2.2 Perancangan Basis Data Nama database : KP_Pendataan Jumlah
tabel : 4 1. Nama tabel : tbl_admin Kunci utama : id_dmin Jumlah field : 3 Tabel
3.2 Tabel Admin Field Name

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113467931&ft=1&bypass_PT=1 2/3
4/16/2019 Turnitin

Type Size Id_admin* Int Akun Varchar 45 Kata_sandi Varchar 45 2. Nama

tabel : tbl_pegawai Kunci utama : id_pegawai Jumlah field : 8 Tabel 3.3
Tabel Pegawai Field Name Type Size id_pegawai * Int Nama Varchar 45
jenis_kelamin Varchar 15 Alamat Varchar 255 Pendidikan Varchar 15 Alamat
email Varchar 20 Nomor_hp Varchar 15 Keahlian_id_keahlian Int 3. Nama
tabel : tbl_pekerjaan Kunci utama : id_pekerjaan Jumlah field : 4 Tabel 3.4
Tabel Pekerjaan Field Name Type Size id_pekerjaan * Int tgl_selesai Date
surat_tugas_id_surat_tugas Int foto_id_foto Int 4. Nama tabel :
tbl_surat_tugas Kunci utama : id_surat_tugas Jumlah field : 5 Tabel 3.5
Tabel Surat Tugas Field Name Type Size id_surat * Int Tugas Varchar 45
Tgl_mulai Date Pegawai_id_pegawai Int
Lokasi_pekerjaan_id_lokasi_pekerjaan Int 5. Nama tabel : tbl_keahlian Kunci
utama : id_keahlian Jumlah field : 2 Tabel 3.6 Tabel Keahlian Field Name
Type Size id_keahlian * Int Keahlian Varchar 20 6. Nama tabel : tbl_foto
Kunci utama : id_foto Jumlah field : 5 Tabel 3.7 Tabel Foto Field Name Type
Size id_foto * Int File_loc Varchar 55 File_size status Pekerjaan_id_pekerjaan
3.2.3 Perancangan Tampilan 1. Login Form Login berfungsi agar bisa masuk
ke menu utama Akun Kata Sandi Masuk Gambar 3.9 Perancangan Form Login
Begin Input akun, kata sundi Klik Masuk If nama pengguna and kata sandi
then Form menu utama show Else Messagebox(“Akun atau Kata Sandi yang
anda masukan salah”) End If End 2. Form Data Pegawai Logo Pegawai
Formulir Data Pegawai Data Pegawai Pekerjaan Formulir Surat Tugas Data
Surat Tugas Data Pekerjaan FORMULIR DATA PEGAWAI Nama Keahlian
Alamat Pendidikan Keluar Alamat Email Nomor Hp Simpan Gambar 3.10
Perancangan Formulir Input Data Pegawai Begin Form Input Data Pegawai
Show Click Simpan If data terisi dengan benar then data save into database
and form validation show “berhasil disimpan” Else Form error “the field is
required” show End 3. Form Surat Tugas Logo Pegawai Formulir Data
Pegawai Data Pegawai Pekerjaan Formulir Surat Tugas Data Surat Tugas
Data Pekerjaan FORMULIR SURAT TUGAS Nama Keahlian Lokasi Pekerjaan
Koordinat Keluar Tugas PETA Tanggal Mulai Nomor Hp Simpan Gambar 3.11
Perancangan Formulir Surat Tugas Begin Form Surat Tugas Show Click
Simpan If data terisi dengan benar then data save into database and form
validation show “berhasil disimpan” Else Form error “the field is required”
show End 3. Form Data Pegawai Logo Pegawai Formulir Data DATA PEGAWAI
Pegawai Data Pegawai Pekerjaan no nama keahlian alamat pendidikan email
Nomor hp aksi Formulir Surat Tugas Data Surat Tugas Edit Hapus Data
Pekerjaan Keluar Gambar 3.12 Perancangan Data Pegawai Begin Form Data
Pegawai Show If Edit click then form edit pegawai show ElseIf Hapus click
then data terhapus Else Cetak click then form cetak data pegawai show EndIf
End 4. Form Data Surat Tugas Logo Pegawai Formulir Data DATA SURAT
TUGAS Pegawai Data Pegawai Pekerjaan no nama keahlian Lokasi Pekerjaan
Koordinat Tugas Tanggal Mulai Nomor Hp aksi Formulir Surat Tugas Data
Surat Tugas Data Pekerjaan hapus cetak Keluar Gambar 3.13 Perancangan
Data Surat Tugas Begin Form Data Surat Tugas Show If Hapus click then data
terhapus Else Cetak click then form cetak data pegawai show EndIf End 5.
Form Data Pekerjaan Logo Pegawai Formulir Data DATA PEKERJAAN Pegawai
Data Pegawai Pekerjaan no nama keahlian Lokasi Pekerjaan Koordinat Tugas
Tanggal Mulai Tanggal Selesai Foto aksi Formulir Surat Tugas Data Surat
Tugas Update Cetak Data Pekerjaan Keluar Gambar 3.14 Perancangan Data
Pekerjaan Begin Form Data Pekerjaan Show If Edit click then form edit
pekerjaan show ElseIf Hapus click then data terhapus Else Cetak click then
form cetak data pekerjaan show EndIf End 21 22 23 24 25 26 27 28 29 30 31
32 33 34 35 36 37 38

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113467931&ft=1&bypass_PT=1 3/3
4/16/2019 Turnitin

Document Viewer
Turnitin Originality
Report
Processed on: 16-Apr-2019 14:06 WIB
ID: 1113467738
Word Count: 1488
Submitted: 1

BAB 4 By M Rizqi Maulana

Similarity by Source
Similarity Index Internet Sources: 3%
Publications: 0%
3% Student Papers: 2%

include quoted exclude bibliography excluding matches < 2% download

refresh print mode: quickview (classic) report

2% match (Internet from 31-Aug-2018)

http://docplayer.info

2% match (Internet from 05-Apr-2019)

https://www.kodingmadesimple.com/2015/01/codeigniter-bootstrap-insert-
form-data-into-database.html

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Implementasi

merupakan sebuah penerapan dalam mewujudkan sebuah rancangan program yang
dibuat sebelumnya,dilakukan sebuah pengujian dan penggunaan system. 4.1.1
Implementasi Tampilan Hasil implementasi yang berhasil di terapkan dari sebuah
perancangan dengan membuat “Pendataan Pekerjaan Berbasis Web PT.Amerta
Indah Otsuka” di Kabupaten Sukabumi.
1.Halaman Input Data Pegawai Gambar 4.1 Halaman Input Data Pegawai
Controller : load->model('Pegawai_model'); $this->load-
>library('form_validation'); } public function simpan_pegawai() { $pegawai =
$this->Pegawai_model; $validation = $this->form_validation; $validation-
>set_rules($pegawai->rules()); $data['keahlian'] = $this->Pegawai_model-
>get_keahlian(); if ($validation->run()) { $pegawai->simpan(); $this-
>session->set_flashdata('success', 'Berhasil disimpan');
redirect('pegawai/simpan_pegawai'); } $this->load->view('header'); $this-
>load->view('navigasi'); $this->load->view('v_form_pegawai', $data); $this-
>load->view('footer'); } function get_keahlian(){ $query = $this->db-
>query('SELECT * FROM tb_pegawai'); return $query->result(); } Model : <?
php defined('BASEPATH') OR exit('No direct script access allowed'); class
Pegawai _model extends CI_Model { private $tabel = "tbl_pegawai"; public
$id_pegawai; public $nama; public $keahlian_id_keahlian; public $alamat;
public $pendidikan; public $alamat_email; public $nomor_hp; public function
rules() { return [ ['field' => 'nama', 'label' => 'Nama', 'rules' => 'required'],
['field' => 'keahlian', 'label' => 'Keahlian', 'rules' => 'required'], ['field' =>
'alamat', 'label' => 'Alamat', 'rules' => 'required'], ['field' => 'pendidikan',
'label' => 'Pendidikan', 'rules' => 'required'], ['field' => 'alamat_email',
https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113467738&ft=1&bypass_PT=1 1/5
4/16/2019 Turnitin

'label' => 'Email', 'rules' => 'required'], ['field' => 'nomor_hp', 'label' =>
'Nomor HP', 'rules' => 'numeric'], ]; return $rules; } public function
tampil_data() { $this->db->select('tbl_pegawai.*, tbl_keahlian.id_keahlian
AS keahlian_id_keahlian, tbl_keahlian.keahlian'); $this->db-
>join('tbl_keahlian', 'tbl_pegawai.keahlian_id_keahlian =
tbl_keahlian.id_keahlian'); $this->db->from('tbl_ pegawai'); $query = $this-
>db->get(); return $query->result(); } public function getById ($id) {
return $this->db->get_where($this->tabel, ["id_pegawai" => $id])->row();
} public function pilih_peg($id) { $this->db->select('tbl_pegawai.*,
tbl_keahlian.id_keahlian AS keahlian_id_keahlian, tbl_keahlian.keahlian');
$this->db->join('tbl_keahlian', 'tbl_pegawai.keahlian_id_keahlian =
tbl_keahlian.id_keahlian'); $this->db->from('tbl_pegawai'); $this->db-
>where('tbl_pegawai.id_pegawai', $id); return $this->db->get()->row(); }
public function simpan() { $input = $this->input->post(); $this->nama =
$input['nama']; $this->jenis_kelamin = $input['jk']; $this-
>keahlian_id_keahlian = $input['keahlian']; $this->alamat =
$input['alamat']; $this->pendidikan = $input['pendidikan']; $this-
>alamat_email = $input['alamat_email']; $this->nomor_hp =
$input['nomor_hp']; $this->db->insert($this->tabel,$this); } public function
update() { $input = $this->input->post(); $this->id = $post["id_pegawai"];
$this->nama = $post["nama"]; $this->keahlian =
$post["keahlian_id_keahlian"]; $this->alamat = $post["alamat"]; $this-
>pendidikan = $post["pendidikan"]; $this->alamat_email =
$post["alamat_email"]; $this->nomor_hp = $post["nomor_hp"]; $this->db-
>where('id_pegawai',$this->id); $this->db->update($this->tabel, $this); }
public function hapus($id) { return $this->db->delete($this->tabel,
array("id_pegawai" => $id)); } function get_keahlian(){ $query = $this->db-
>query('SELECT * FROM tbl_keahlian'); return $query->result(); } } 2.
Halaman Data Pegawai Gambar 4.2 Halaman Data Pegawai Controller : public
function data_pegawai() { $data['pegawai'] = $this->Pegawai_model-
>tampil_data(); $this->load->view('header'); $this->load->view('navigasi');
$this->load->view('v_pegawai', $data); $this->load->view('footer'); } public
function edit($id = null) { if (!isset($id)) redirect('pegawai'); $pegawai =
$this->Pegawai_model; $validation = $this->form_validation; $validation-
>set_rules($pegawai->rules()); $data['keahlian'] = $this->Pegawai_model-
>get_keahlian(); if ($validation->run()) { $pegawai->edit(); $this->session-
>set_flashdata('success', 'Berhasil disimpan!!!'); } $data["pegawai"] =
$pegawai->getById($id); if (!$data["pegawai"]) show_404(); $this->load-
>view('header'); $this->load->view('navigasi'); $this->load-
>view('v_edit_pegawai', $data); $this->load->view('footer'); } public
function hapus($id=null) { if (!isset($id)) show_404(); if ($this-
>Pegawai_model->hapus($id)){ redirect('pegawai/data_pegawai'); } } public
function cetak($id=null) { $data["pegawai"] = $this->Pegawai_model-
>getById($id); $this->load->view("cetak", $data); } } Model : public
function tampil_data() { $this->db->select('tbl_pegawai.*,
tbl_keahlian.id_keahlian AS keahlian_id_keahlian, tbl_keahlian.keahlian');
$this->db->join('tbl_keahlian', 'tbl_pegawai.keahlian_id_keahlian =
tbl_keahlian.id_keahlian'); $this->db->from('tbl_ pegawai'); $query = $this-
>db->get(); return $query->result(); } public function getById ($id) {
return $this->db->get_where($this->tabel, ["id_pegawai" => $id])->row();
} public function update() { $input = $this->input->post(); $this->id =
$post["id_pegawai"]; $this->nama = $post["nama"]; $this->keahlian =
$post["keahlian_id_keahlian"]; $this->alamat = $post["alamat"]; $this-
>pendidikan = $post["pendidikan"]; $this->alamat_email =
$post["alamat_email"]; $this->nomor_hp = $post["nomor_hp"]; $this->db-
>where('id_pegawai',$this->id); $this->db->update($this->tabel, $this); } public
function hapus($id) { return $this->db->delete($this->tabel,

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113467738&ft=1&bypass_PT=1 2/5
4/16/2019 Turnitin

array("id_pegawai" => $id)); } function get_keahlian(){ $query = $this->db-

>query('SELECT * FROM tbl_keahlian'); return $query->result(); } 3.
Halaman Input Surat Tugas Gambar 4.3 Halaman Input Surat Tugas
Controller : public function form_surat_tugas() { $data['pegawai'] = $this-
>Pegawai_model->tampil_data(); $data['keahlian'] = $this-
>Pegawai_model->get_keahlian(); $this->load->view('header'); $this-
>load->view('navigasi'); $this->load->view('v_form_surat_tugas', $data);
$this->load->view('footer'); } public function form_surat_tugas_peg($id) {
$data['peg'] = $this->Pegawai_model->pilih_peg($id); $data['pegawai'] =
$this->Pegawai_model->tampil_data(); $this->load->view('header'); $this-
>load->view('navigasi'); $this->load->view('v_form_surat_tugas_peg',
$data); $this->load->view('footer'); } public function simpan_data() {
$pekerjaan = $this->Pekerjaan_model; $surat = $this->Surat_model;
$validation = $this->form_validation; $validation->set_rules($pekerjaan-
>rules()); $data['keahlian'] = $this->Pegawai_model->get_keahlian(); if
($validation->run()) { $surat->simpan(); $pekerjaan->surat_tugas_id_surat
= $surat->id_surat; $pekerjaan->simpan(); $this->session-
>set_flashdata('success', 'Berhasil disimpan'); redirect('pekerjaan/simpan_data'); }
$data['pegawai'] = $this->Pegawai_model->tampil_data(); $this->load-
>view('header'); $this->load->view('navigasi'); $this->load-
>view('v_form_surat_tugas', $data); $this->load->view('footer'); } public function
peta() { $this->load->library('Maps'); $config=array(); $this->maps-
>initialize($config); $marker=array(); $this->maps->add_marker($marker);
$data['map']=$this->maps->create_map(); $this->load->view('v_peta',$data); }
Model : public function rules() { return [ ['field' => 'nama', 'label' => 'Nama', 'rules'
=> 'required'], ['field' => 'keahlian', 'label' => 'Keahlian', 'rules' => 'required'],
['field' => 'tugas', 'label' => 'Tugas', 'rules' => 'required'], ['field' =>
'lokasi_pekerjaan', 'label' => 'Lokasi Pekerjaan', 'rules' => 'required'], ['field' =>
'lat', 'label' => 'Koordinat', 'rules' => 'required'], ['field' => 'lng', 'label' =>
'Koordinat', 'rules' => 'required'], ['field' => 'nomor_hp', 'label' => 'Nomor HP',
'rules' => 'numeric'], ['field' => 'tgl_mulai', 'label' => 'Tanggal Mulai', 'rules' =>
'required'], ]; return $rules; } public function tampil_pekerjaan() { $this->db-
>select('ts.*, tp.nama, tp.nomor_hp,tapek.id_pekerjaan ,tapek.tgl_selesai,
tk.keahlian'); $this->db->from('tbl_surat_tugas AS ts'); $this->db-
>join('tbl_pegawai AS tp', 'ts.pegawai_id_pegawai = tp.id_pegawai'); $this->db-
>join('tbl_pekerjaan AS tapek', 'tapek.surat_tugas_id_surat = ts.id_surat'); $this-
>db->join('tbl_keahlian AS tk', 'tp.keahlian_id_keahlian = tk.id_keahlian'); $query

= $this->db->get(); return $query->result(); } public function update() {

$input = $this->input->post(); $this->id = $post["id_pegawai"]; $this-
>nama = $post["nama"]; $this->keahlian_id_keahlian = $post["keahlian"];
$this->lokasi_pekerjaan = $post["lokasi_pekerjaan"]; $this->koordinat =
$post["koordinat"]; $this->tugas = $post["tugas"]; $this->tgl_mulai =
$post["tgl_mulai"]; $this->db->where('id_surat',$this->id); $this->db-
>update($this->tabel, $this); } public function hapus($id) { return $this-
>db->delete($this->tabel, array("id_pekerjaan" => $id)); } function
get_keahlian(){ $query = $this->db->query('SELECT * FROM tb_pegawai');
return $query->result(); } 4. Halaman Data Surat Tugas Gambar 4.4
Halaman Data Surat Tugas Controller : public function surat_tugas() {
$data['surat'] = $this->Surat_model->tampil_data(); $this->load-
>view('header'); $this->load->view('navigasi'); $this->load-
>view('v_surat_tugas', $data); $this->load->view('footer'); } ublic function
hapus_surat($id=null) { if (!isset($id)) show_404(); if ($this->Surat_model-
>hapus($id)){ redirect('pekerjaan/surat_tugas'); } } public function edit($id)
{ if (!isset($id)) redirect('pekerjaan'); $pekerjaan = $this-
>Pekerjaan_model; $validation = $this->form_validation; $validation-

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113467738&ft=1&bypass_PT=1 3/5
4/16/2019 Turnitin

>set_rules($pekerjaan->rules()); if ($validation->run()) { $pekerjaan-

>edit(); $this->session->set_flashdata('success', 'Berhasil disimpan!!!'); }
$data["pekerjaan"] = $pekerjaan->ambil_pekerjaan($id); //echo
json_encode($data['pekerjaan']->result()); if (!$data["pekerjaan"])
show_404(); $this->load->view('header'); $this->load->view('navigasi');
$this->load->view('v_form_data_pekerjaan', $data); $this->load-
>view('footer'); } public function cetak($id=null) { $data["surat"] = $this-
>Surat_model->getById($id); $this->load->view("cetak_surat", $data); }
Model : ublic function tampil_data() { $this->db->select('ts.*, tp.nama,
tp.nomor_hp, tk.keahlian, '); $this->db->from('tbl_surat_tugas AS ts');
$this->db->join('tbl_pegawai AS tp', 'ts.pegawai_id_pegawai =
tp.id_pegawai'); $this->db->join('tbl_keahlian AS tk',
'tp.keahlian_id_keahlian = tk.id_keahlian'); $query = $this->db->get();
return $query->result(); } public function hapus($id) { return $this->db-
>delete($this->tabel, array("id_surat" => $id)); } function get_keahlian(){
$query = $this->db->query('SELECT * FROM tbl_keahlian'); return $query-
>result(); } 5. Halaman Data Pekerjaan Gambar 4.5 Halaman Data Pekerjaan
Controller : public function data_pekerjaan() { $data['pekerjaan'] = $this-
>Pekerjaan_model->tampil_pekerjaan(); $this->load->view('header'); $this-
>load->view('navigasi'); $this->load->view('v_data_pekerjaan', $data);
$this->load->view('footer'); } public function upload_foto($id) { $photo =
$this->Foto_model; $config['upload_path'] = './assets/foto';
$config['allowed_types'] = 'jpg|jpeg|png'; $config['max_size'] = 7000;
$config['max_width'] = 2100; $config['max_height'] = 1500; $this->upload-
>initialize($config); if (!$this->upload->do_upload()) { echo
json_encode($this->upload->display_errors()); } $upload = $this->upload-
>data(); $photo->file_loc = 'assets/foto/'.$upload['file_name']; $photo-
>file_size = $upload['file_size']; } if ($this->input->post('status') == 1) {
$photo->status } else { $photo->status } $photo->pekerjaan_id_pekerjaan
= $id; $photo->simpan(); redirect(''); = 1; = 0; public function
lihat_photo($id) { $photo = $this->Foto_model; $data['photo'] = $photo-
>getByPekerjaan($id); $this->load->view('header'); $this->load-
>view('navigasi'); $this->load->view('v_photo', $data); $this->load-
>view('footer'); } public function cetak($id=null) { $data["pekerjaan"] =
$this->Pekerjaan_model->getById($id); $this->load-
>view("cetak_pekerjaan", $data); } Model : public function
tampil_pekerjaan() { $this->db->select('ts.*, tp.nama,
tp.nomor_hp,tapek.id_pekerjaan ,tapek.tgl_selesai, tk.keahlian'); $this->db-
>from('tbl_surat_tugas AS ts'); $this->db->join('tbl_pegawai AS tp',
'ts.pegawai_id_pegawai = tp.id_pegawai'); $this->db->join('tbl_pekerjaan
AS tapek', 'tapek.surat_tugas_id_surat = ts.id_surat'); $this->db-
>join('tbl_keahlian AS tk', 'tp.keahlian_id_keahlian = tk.id_keahlian'); $query
= $this->db->get(); return $query->result(); } public function getById($id) {
return $this->db->get_where($this->tabel, ["id_pekerjaan" => $id])->row(); }
public function ambil_pekerjaan($id) { $this->db->select('ts.*, tp.nama,
tp.nomor_hp,tapek.id_pekerjaan ,tapek.tgl_selesai, tk.keahlian'); $this->db-
>from('tbl_surat_tugas AS ts'); $this->db->join('tbl_pegawai AS tp',
'ts.pegawai_id_pegawai = tp.id_pegawai'); $this->db->join('tbl_pekerjaan AS
tapek', 'tapek.surat_tugas_id_surat = ts.id_surat'); $this->db->join('tbl_keahlian
AS tk', 'tp.keahlian_id_keahlian = tk.id_keahlian'); $this->db-
>where('tapek.id_pekerjaan', $id); return $this->db->get()->row(); } 4.1.2
Implementasi Basis Data 1. Database Gambar
4.6 database 2. Tabel Admin Gambar 4. 7 tabel admin 3. Tabel Foto Gambar
4. 8 tabel foto 4. Tabel Keahlian Gambar 4. 9 tabel keahlian 5. Tabel Pegawai
Gambar 4. 10 tabel pegawai 6. Tabel Pekerjaan Gambar 4. 11 tabel pekerjaan 7.
Tabel Surat Tugas Gambar 4. 12 tabel surat tugas 4.2 Tabel Pengujian Berikut
adalah beberapa tabel pengujian aplikasi pendataan

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113467738&ft=1&bypass_PT=1 4/5
4/16/2019 Turnitin

pekerjaan : Tabel 4.1 Tabel Pengujian No Deskripsi Pengujian Skenario Pengujian

Hasil yang Dicapai Hasil 1. Login Admin Admin memasukan akun dan kata sandi di
dalam form login, lalu pilih tombol “masuk” Admin masuk ke halaman utama OK 2.
Proses input data pegawai Menambahkan data pegawai baru Data baru muncul
pada tampilan data pegawai OK 3. Menampilkan data pegawai Lihat seluruh data
pegawai Muncul seluruh data pegawai pada tabel data pegawai OK 4. Proses edit
data pegawai Merubah data pegawai yang sebelumnya telah muncul pada tabel
data pegawai Data pegawai yang dirubah muncul dan berubah OK 5. Proses hapus
data pegawai Menghapus data pegawai dari database Data pegawai yang dipilih
terhapus dari database OK 6. Proses input surat tugas Menambahkan data surat
tugas dan pekerjaan baru Data baru muncul pada tampilan data surat tugas dan
pekerjaan OK 7. Proses edit data surat tugas Merubah data surat tugas yang
sebelumnya telah muncul pada data surat tugas Data surat tugas yang dirubah
muncul dan berubah OK 8. Proses hapus data surat tugas Menghapus data surat
tugas dari database Data surat tugas yang dipilih terhapus dari database OK 9.
Proses edit data pekerjaan Merubah data pekerjaan yang sebelumnya telah muncul
pada tabel data pekerjaan Data pekerjaan yang dirubah muncul dan berubah OK
10. Proses hapus data pekerjaan Menghapus data pekerjaan dari database Data
pekrjaan yang dipilih terhapus dari database OK 4.3 Kelebihan dan Kekurangan
4.3.1 Kelebihan Berikut kelebihan pada aplikasi pendataan pekerjaan : 1. Data
seluruh pegawai akan tersimpan aman dalam database dan tidak akan bisa
sembarang orang bisa mengakses data, 2. Memudahkan dalam proses pengolahan
data. 4.3.2 Kekurangan Berikut kekurangan pada aplikasi pendataan pegawai : 1.
Aplikasi ini dibuat secara stand alone, sehingga hanya satu orang yang dapat
mengoprasikannya. 2. Fitur – fitur dalam aplikasi ini masih perlu di perbaharui
untuk kedepannya agar lebih kompleks. 40 41 42 43 44 45 46 47 48 49 50 51 52
53 54 55 56 57 58 59 60

https://www.turnitin.com/newreport_classic.asp?lang=en_us&oid=1113467738&ft=1&bypass_PT=1 5/5
 M Rizqi Maulana
Data Diri

Nama Lengkap : M Rizqi Maulana

Alamat : Jalan Caringin-Cikukulu Kp. Babakan Sirna Rt 06/02

Desa Caringin Kulon Kecamatan Caringin

No Telepon : 085863570429

Email : rizqimaulana69@gmail.com

Pendidikan
Sekolah Dasar (SD) : SD Negeri 5 Caringin

Sekolah Menengah Pertama (SMP) : SMP Negeri 5 Caringin

Sekolah Menengah Atas (SMA) : MA Negeri 2 Kota Sukabumi

Sekarang menjalani pendidian S1 Teknik Informatika Semester 4 di Universitas

Muhammadiyah Sukabumi.