bab iii - digital library - perpustakaan pusat unikom...
TRANSCRIPT
![Page 1: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/1.jpg)
BAB III
ANALISIS DAN PERANCANGAN
3.1. Analisis Permasalahan
3.1.1. Analisis Pengguna
Menurut bentuk pengguna yang ada di lingkungan tempat kerja praktek
berlangsung, penulis dapat mengkategorikan pengguna tersebut ke dalam 2
kelompok sebagai berikut :
1. Admin
Dalam peranannya admin dapat memasukan data karyawan,
mengelolanya, serta melihat / mencetak laporan, sesuai dengan kebutuhan.
2. Karyawan
Karyawan hanya dapat melakukan interaksi secara pasif, karena sedikitnya
hak yang diberikan, yaitu berupa input data pribadi, nama pekerjaan dan
kode pekerjaan saja. Karyawan tidak dapat melakukan manipulasi data.
3.1.2. Analisis Kebutuhan Perangkat Lunak
Sistem Operasi : Windows XP SP3
Software Pembangun : Macromedia Dreamweaver 8
Desain Tampilan : CSS (Cascading Style Sheets)
Database Engine : MySQL (apache)
Bahasa Pemrograman : PHP
1
![Page 2: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/2.jpg)
3.1.3. Analisis Kebutuhan Perangkat Keras
Untuk menuju website ini, maka diperlukan koneksi ke internet terlebih
dahulu, dengan menggunakan jaringan telepon ataupun hotspot. Untuk
mendapatkan kinerja yang optimal, setidaknya harus didukung oleh hardware
dengan spesifikasi sebagai berikut :
Processor : AMD turion X2 2 GHz
Memory : 1790 MB
Harddisk : 160Gb
3.1.4. Entity Relationship Diagram (ERD)
ERD digunakan untuk merancang tabel yang akan dibuat beserta relasi
antar tabel basis data. ERD juga merupakan model konseptual yang
mendeskripsikan hubungan antara penyimpanan. ERD digunakan untuk
memodelkan struktur hubungan antar data. ERD sistem data karyawan dapat
dilihat pada gambar di bawah ini. Untuk pengolahan data karyawan ini bisa dilihat
pada gambar 3.1 dijelaskan ERD adalah sebagai berikut :
2
![Page 3: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/3.jpg)
Gambar 3.1 Entity Relationship Diagram (ERD)
3.2. Analisis Kebutuhan Fungsional
3.2.1. Contex Diagram
Contex Diagram (Diagram konteks) merupakan gambaran aliran data dari
suatu sistem atau perangkat lunak secara global, yang bertujuan untuk
memudahkan pemahaman terhadap suatu sistem atau perangkat lunak tersebut.
Pada intinya diagram konteks mendeskripsikan ruang lingkup sistem atau
perangkat lunak dan interaksi yang terjadi dengan entitas-entitas luarnya. Berikut
adalah diagram konteks dari sistem web ini:
3
![Page 4: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/4.jpg)
Admin
Sistem Informasi Data Karyawan PT Nusantara Turbin dan Propulsi
Request login, data karyawan, list jobcode, edit, hapus, tambah, view user login, tambah user login, change admin name, change password
Karyawan
Request data karyawan, profile NTP, login
Informasi data karyawan, profile NTP, konfirmasi login
Informasi data karyawan, list jobcode, konfirmasi edit, hapus, tambah, informasi view user login, konfirmasi tambah user login, konfirmasi change admin name, change password
4
Gambar 3.2 Diagram Konteks
3.2.2. Data Flow Diagram (DFD)
Dari diagram konteks dapat dijabarkan aliran data yang mengalir pada
aplikasi web kedalam Data Flow Diagram (DFD). Berikut pemaparan DFD untuk
proses sistem informasi data karyawan PT Nusantara Turbin dan Propulsi.
![Page 5: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/5.jpg)
Request data karyawan
1Login Admin
3Login Client
Data login admin
2Pengolahan Data Karyawan
Data login karyawan
Infodata karyawanInformasi data karyawan, edit, hapus, tambah, view user login,tambah user login, change admin name,change password
request data karyawan, edit, hapus, tambah, view user login,tambah user login, change admin name,change password
Request profile NTP, data karyawan
info profile NTP, data karyawan
5
DFD Level 1
![Page 6: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/6.jpg)
6
Keterangan :
1.0 Proses Login Admin
Proses ini harus dilalui sebelum admin dapat mengakses proses
yang lain. Autentikasi dilakukan dengan menggunakan username dan
userpass. Jika respon autentikasi admin dari Sistem pengelolaan data
karyawan OK, maka admin dapat melanjutkan ke proses yang lain. Jika
salah, sistem akan menampilan pesan autentikasi.
2.0 Proses Pengolahan Data Karyawan
Proses ini bisa dilakukan setelah proses login berhasil. Pada proses
ini dilakukan pengolahan data seperti melihat data karyawan, edit data
karyawan, hapus data karyawan, tambah data karyawan dan lain-lain.
3.0 Proses Login Client
Proses ini dilakukan oleh karyawan untuk masuk halaman
karyawan. Pada proses ini karyawan bisa melihat data karyawan dan
mengganti password dari login karyawan.
![Page 7: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/7.jpg)
2.1View
2.2List Job
2.3Edit
2.4Hapus
2.5Tambah
2.6View User Login
2.7Tambah User Login
2.8Change admin name
2.9Change admin password
Request data karyawan
Info data karyawan
Request data karyawan
Info data karyawan
Request list Jobcode
Request Tambah
Request Edit
Request View User Login
Info Tambah
Info list Jobcode
infoView User Login
Info Edit
Request Tambah User Login
infoTambah User LoginLogin
Request Hapus
Info Hapus Request Change admin name
Info Change admin name
Request Change admin passwords
Info Change admin passwordname
Data Karyawan
KaryawanData Login Karyawan
Data Login Admin
7
DFD Level 2 Proses 2
![Page 8: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/8.jpg)
8
Keterangan :
2.1 Proses View
Proses ini untuk melihat data karyawan.
2.2 Proses List Job
Proses ini untuk melihat data list job.
2.3 Proses Edit
Proses ini untuk mengedit data dari data karyawan.
2.4 Proses Hapus
Proses ini untuk menghapus data dari data karyawan.
2.5 Proses Tambah
Proses ini untuk menambahkan data baru pada data karyawan.
2.6 Proses View User Login
Proses ini untuk melihat daftar karyawan yang telah login.
2.7 Proses Tambah User Login
Proses ini untuk menambahkan data pada daftar user login.
2.8 Proses Change Admin Name
Proses ini untuk mengganti nama admin dari data admin.
2.9 Proses Change Password
Proses ini untuk mengganti password admin dari data admin.
![Page 9: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/9.jpg)
9
3.2.3. Spesifikasi Proses
Spesifikasi ini penjelasan dari proses – proses yang ada pada diagram
aliran data dan level 1 pada sistem informasi pendistribusian obat, spesifikasi
tersebut meliputi :
Tabel 3.1 Spesifikasi Proses Login Admin
No Proses Keterangan
1 No Proses 1
Nama Proses Login Admin
Deskripsi Login Admin
Input Data admin
Output Masuk halaman menu utama admin
Logika Proses 1. Sistem menampilkan form login
2. Admin mengisi data login
3. Validasi login
4. Sistem menampilkan menu utama
Tabel 3.2 Spesifikasi Proses Pengolahan Data Karyawan
No Proses Keterangan
1 No Proses 2
Nama Proses Pengolahan Data Karyawan
Deskripsi Mengolah data karywan
![Page 10: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/10.jpg)
10
Input Validasi login
Output Menu utama
Logika Proses 1. Validasi login
2. Sistem menampilkan menu utama
Tabel 3.3 Spesifikasi Proses Login Client
No Proses Keterangan
1 No Proses 3
Nama Proses Login Karyawan
Deskripsi Login Karyawan
Input Data client_login
Output Masuk menu utama
Logika Proses 1. Sistem menampilkan form login
2. Validasi login
3. Sistem manampilkan menu utama
![Page 11: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/11.jpg)
11
Tabel 3.4 Spesifikasi Proses View
No Proses Keterangan
1 No Proses 2.1
Nama Proses View
Deskripsi Melihat data karyawan
Input Pilih view
Output Data karyawan
Logika Proses 1. Sistem menampilkan menu utama
2. Pilih view
3. Sistem menampilkan data karyawan
Tabel 3.5 Spesifikasi Proses List Job
No Proses Keterangan
1 No Proses 2.2
Nama Proses List Job
Deskripsi Melihat List Job
Input Pilih list job
Output Data List Job
Logika Proses 1. Sistem menampikan menu utama
2. Pilih list job
3. Data list job
![Page 12: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/12.jpg)
12
Tabel 3.6 Spesifikasi Proses Edit
No Proses Keterangan
1 No Proses 2.3
Nama Proses Edit
Deskripsi Edit data karyawan
Input Pilih edit
Output Data karyawan
Logika Proses 1. Sistem menampilkan menu utama
2. Pilih edit
3. Masukan nik yang diedit
4. Sistem mengedit data karyawan berdasarkan nik
5. Data karyawan
Tabel 3.7 Spesifikasi Proses Hapus
No Proses Keterangan
1 No Proses 2.4
Nama Proses Menghapus data karyawan
Deskripsi Menghapus data karyawan
Input Pilih hapus
Output Data karyawan
Logika Proses 1. Sistem menampikan menu utama
2. Pilih hapus
3. Masukan nik yang akan dihapus
![Page 13: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/13.jpg)
13
4. Sistem menghapus data karyawan berdasarkan
nik
5. Data karyawan
Tabel 3.8 Spesifikasi Proses Tambah
No Proses Keterangan
1 No Proses 2.5
Nama Proses Tambah
Deskripsi Menambah data karyawan
Input Pilih tambah
Output Data karyawan
Logika Proses 1. Sistem menampilkan menu utama
2. Pilih tambah
3. Isi data karyawan
4. Validasi
5. Data karyawan
![Page 14: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/14.jpg)
14
Tabel 3.9 Spesifikasi Proses View User Login
No Proses Keterangan
1 No Proses 2.6
Nama Proses View User Login
Deskripsi Melihat karyawan yang telah login
Input Pilih view user login
Output Daftar user login
Logika Proses 1. Sistem menampilkan menu utama
2. Pilih view user login
3. Sistem menampilkan daftar user login
Tabel 3.10 Spesifikasi Proses Tambah User Login
No Proses Keterangan
1 No Proses 2.7
Nama Proses Tambah User Login
Deskripsi Menambah user login
Input Pilih tambah user login
Output Daftar user login
Logika Proses 1. Sistem menampilkan menu utama
2. Pilih tambah user login
![Page 15: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/15.jpg)
15
3. Isi daftar user login
4. Validasi
5. Daftar user login
Tabel 3.11 Spesifikasi Proses Change admin name
No Proses Keterangan
1 No Proses 2.8
Nama Proses Change admin name
Deskripsi Ganti nama admin
Input Pilih change admin name
Output Data admin
Logika Proses 1. Sistem menampilkan menu utama
2. Pilih change admin name
3. Isi nama admin
4. Validasi
5. Data admin
![Page 16: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/16.jpg)
16
Tabel 3.12 Spesifikasi Proses Change admin password
No Proses Keterangan
1 No Proses 2.9
Nama Proses Change admin password
Deskripsi Ganti password admin
Input Pilih change admin password
Output Data admin
Logika Proses 1. Sistem menampilkan menu utama
2. Pilih change admin password
3. Isi password admin
4. Validasi
5. Data admin
![Page 17: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/17.jpg)
17
3.2.4. Kamus Data
Tabel 3.13 Kamus Data admin_login
Nama Data admin_login
Struktur Data Terdiri dari item data
ID
NIK
username
userpass
[0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
Tabel 3.14 Kamus Data client_login
Nama Data client_login
Struktur Data Terdiri dari item data
ID
NIK
Username
Password
[0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
Tabel 3.15 Kamus Data tbljobtitle
Nama Data tbljobtitle
Struktur Data Terdiri dari item data
JobTitle [a..z | A..Z | 0..9]
![Page 18: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/18.jpg)
18
OrgCode
StaffCat
NewJobCode
OjtTime
Ket
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
yyyy/mm/dd
[a..z | A..Z | 0..9]
Tabel 3.16 Kamus Data tblorgcode
Nama Data tblorgcode
Struktur Data Terdiri dari item data
OrgCode
OrgName
OrgLevel
UpperOrgCode
UpperOrgCode
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
![Page 19: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/19.jpg)
19
Tabel 3.17 Kamus Data tbltitle
Nama Data tbltitle
Struktur Data Terdiri dari item data
P
DESCRIPTION
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
Tabel 3.18 Kamus Data tbl_employee
Nama Data tbl_employee
Struktur Data Terdiri dari item data
NIK
Name
JobCode
NewJobCode
TMT
Grade
oIN
Fo
J
S
Dir_Ind
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
yyyy/mm/dd
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
![Page 20: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/20.jpg)
20
StampHolder
P
Sex
Relig
GOL
MasaKerja
Marital
Child
BirthDate
BirthReg
TMT_UMC
TmtKgg
TMT_CB
TMT_IPTN
Notes
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
[a..z | A..Z | 0..9]
yyyy/mm/dd
yyyy/mm/dd
yyyy/mm/dd
yyyy/mm/dd
yyyy/mm/dd
yyyy/mm/dd
[a..z | A..Z | 0..9]
3.2.5. Skema Relasi
Setelah membuat rancangan tabel-tabel yang digunakan pada database,
langkah selanjutnya adalah membuat skema relasi antar tabel-tabel tersebut.
skema relasi dibutuhkan untuk memudahkan dalam memperlihatkan pola
![Page 21: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/21.jpg)
21
hubungan antar tabel. Berikut ini adalah gambar hasil relasi antar tabel dalam
perancangan aplikasi web data karyawan :
Gambar 3.3 Skemarelasi
3.2.6. Struktur Tabel
Dalam membangun database yang baik, setiap tabel yang akan dibuat
harus didefinisikan terlebih dahulu struktur tabelnya. Dengan memperhatikan hal
diatas maka dalam merancang Aplikasi Web ini, tabel-tabel yang akan digunakan
kedalam program aplikasi ini harus terlebih dahulu didefinisikan struktur
tabelnya. Pada tahap perancangan struktur tabel, tabel-tabel dibuat berdasarkan
kumpulan atribut atau entitas-entitas. Berikut ini merupakan struktur tabel yang
akan digunakan dalam Aplikasi Web, antara lain :
![Page 22: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/22.jpg)
22
Tabel 3.19 admin_login
Field Name Data Type Field Size Field Properties
ID integer 11 Primary Key
NIK varchar 10
username varchar 42
userpass varchar 41
Tabel 3.20 client_login
Field Name Data Type Field Size Field Properties
ID integer 10 Primary Key
NIK varchar 10
Username varchar 20
Userpass varchar 41
Tabel 3.21 tbljobtitle
Field Name Data Type Field Size Field Properties
JobTitle varchar 30
OrgCode varchar 10
StaffCat varchar 5
NewJobCode varchar 10 Primary Key
OjtTime date 10
Ket varchar 1
![Page 23: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/23.jpg)
23
Tabel 3.22 tblorgcode
Field Name Data Type Field Size Field Properties
OrgCode varchar 10 Primary Key
OrgName varchar 30
OrgLevel varchar 1
UpperOrgCode varchar 5
UpperOrgLevel varchar 5
Tabel 3.23 tbltitle
Field Name Data Type Field Size Field Properties
P varchar 2 Primary Key
DECRIPTION varchar 30
![Page 24: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/24.jpg)
24
Tabel 3.24 tbl_employee
Field Name Type Field Size Field Properties
NIK Varchar 10 Primary Key
Name Varchar 40
JobCode Varchar 10
NewJobCode Varchar 10
TMT Date
Grade Varchar 3
oIN Varchar 2
Fo Varchar 1
J Varchar 1
S Varchar 1
Dir_Ind Varchar 1
StampHolder Varchar 1
P Varchar 2
Sex Varchar 6
Relig Varchar 30
GOL Varchar 2
MasaKerja Varchar 2
Marital Varchar 1
Child Varchar 1
BirthDate Date
BirthReg Varchar 30
TMT_UMC Date
![Page 25: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/25.jpg)
25
TmtKgg date
TMT_CB date
TMT_IPTN date
Notes Varchar 255
3.2.7. Struktur Menu
3.2.7.1. Struktur Menu Admin
Gambar 3.4 Struktur Menu Admin Aplikasi Web
3.2.7.2. Struktur Menu Karyawan
Gambar 3.5 Struktur Menu Karyawan Aplikasi Web
![Page 26: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/26.jpg)
26
3.3. Perancangan Sistem
3.3.1. Perancangan Antarmuka
3.3.1.1. Perancangan Antarmuka Admin
No. F01 Form Login Admin
Gambar 3.6 Form Login Admin
No. F02 Form Utama
Gambar 3.7 Form Utama
![Page 27: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/27.jpg)
27
No. F03 Form View
Gambar 3.8 Form View
No. F04 Form List JobCode
Gambar 3.9 Form List JobCode
![Page 28: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/28.jpg)
28
No. F05 Form Edit
Gambar 3.10 Form Edit
No. F06 Form Hapus
Gambar 3.11 Form Hapus
![Page 29: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/29.jpg)
29
No. F07 Form Tambah
Gambar 3.12 Form Tambah
No. F08 Form View User Login
Gambar 3.13 Form View User Login
![Page 30: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/30.jpg)
30
No. F09 Form Tambah User Login
Gambar 3.14 Form Tambah User Login
No. F10 Form Change Admin Name
Gambar 3.15 Form Change Admin Name
![Page 31: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/31.jpg)
31
No. F11 Form Change Password
Gambar 3.16 Form Change Password
No. F12 Form Hasil Cari Data Karyawan
Gambar 3.17 Form Hasil Cari Data Karyawan
![Page 32: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/32.jpg)
32
No. F13 Form Detail Data Karyawan
Gambar 3.18 Form Detail Data Karyawan
No. F14 Form Edit Data Karyawan
Gambar 3.19 Form Edit Data Karyawan
![Page 33: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/33.jpg)
33
No. F15 Form Hasil Update Data Karyawan
Gambar 3.20 Form Hasil Update Data Karyawan
No. F16 Form Upload
Gambar 3.21 Form Upload
![Page 34: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/34.jpg)
34
No. F17 Form Hasil Upload
Gambar 3.22 Form Hasil Upload
No. F18 Form Hasil Cari List JobCode
Gambar 3.23 Form Hasil Cari List JobCode
![Page 35: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/35.jpg)
35
No. F19 Form Hapus Data Karyawan
Gambar 3.24 Form Hapus Data Karyawan
No. F20 Form Hasil Hapus Data Karyawan
Gambar 3.25 Form Hasil Hapus Data Karyawan
![Page 36: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/36.jpg)
36
No. F21 Form Simpan Data Karyawan
Gambar 3.26 Form Simpan Data Karyawan
No. F22 Form Edit User Login
Gambar 3.27 Form Edit User Login
![Page 37: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/37.jpg)
37
No. F23 Form Hasil Update User Login
Gambar 3.28 Form Hasil Update User Login
N0. F24 Form Hapus User Login
Gambar 3.29 Form Hapus User Login
![Page 38: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/38.jpg)
38
No. F25 Form Hasil Hapus User Login
Gambar 3.30 Form Hasil Hapus User Login
No. F26 Form Hasil Simpan Tambah User Login
Gambar 3.31 Form Hasil Simpan Tambah User Login
![Page 39: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/39.jpg)
39
No. F27 Form Hasil Ganti Nama Admin
Gambar 3.32 Form Hasil Ganti Nama Admin
No. F28 Form Hasil Ganti Password Admin
Gambar 3.33 Form Hasil Ganti Password Admin
![Page 40: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/40.jpg)
40
No. P01 Pesan Kesalahan Login
Gambar 3.34 Pesan Kesalahan Login
No. P02 Pesan Tidak Ditemukan Data Pencarian Data Karyawan
Gambar 3.35 Pesan Tidak Ditemukan Data Pencarian Data Karyawan
![Page 41: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/41.jpg)
41
No. P03 Pesan Tidak Ditemukan Data Pencarian Job Code
Gambar 3.36 Pesan Tidak Ditemukan Data Pencarian Job Code
No. P04 Pesan Kesalahan Edit
Gambar 3.37 Pesan Kesalahan Edit
![Page 42: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/42.jpg)
42
No. P05 Pesan Kesalahan Hapus Data Karyawan
Gambar 3.38 Pesan Kesalahan Hapus Data Karyawan
No. P06 Pesan Kesalahan Dalam Tambah Data Karyawan
Gambar 3.39 Pesan Kesalahan Dalam Tambah Data Karyawan
![Page 43: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/43.jpg)
43
No. P07 Pesan Kesalahan Tambah User Login
Gambar 3.40 Pesan Kesalahan Tambah User Login
No. P08 Pesan Kesalahan Ganti Nama Admin (kesalahan nam lama)
Gambar 3.41 Pesan Kesalahan Ganti Nama Admin (kesalahan nama lama)
![Page 44: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/44.jpg)
44
No. P09 Pesan Kesalahan Ganti Nama Admin (kesalahan nama baru)
Gambar 3.42 Pesan Kesalahan Ganti Nama Admin (kesalahan nama baru)
No. P10 Pesan Kesalahan Ganti Password Admin
Gambar 3.43 Pesan Kesalahan Ganti Password Admin
![Page 45: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/45.jpg)
45
3.3.1.2. Perancangan Antarmuka Karyawan
No. FK01 Form Utama Karyawan
Gambar 3.44 Form Utama Karyawan
No. FK02 Form View
Gambar 3.45 Form View
![Page 46: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/46.jpg)
46
No. FK03 Form Profile NTP
Gambar 3.46 Form Profile NTP
No. FK04 Form Hasil Cari Data Karyawan
Gambar 3.47 Form Hasil Cari Data Karyawan
![Page 47: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/47.jpg)
47
No. FK05 Form Detail Data Karyawan Belum Login
Gambar 3.48 Form Detail Data Karyawan Belum Login
No. FK06 Form Sejarah NTP
Gambar 3.49 Form Sejarah NTP
![Page 48: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/48.jpg)
48
No. FK07 Form Struktur Organisasi
Gambar 3.50 Form Struktur Organisasi
No. FK08 Form Visi dan Misi
Gambar 3.51 Form Visi dan Misi
![Page 49: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/49.jpg)
49
No. FK09 Form Daftar Pelanggan
Gambar 3.52 Form Daftar Pelanggan
No. FK10 Form Aktivitas Bisnis
Gambar 3.53 Form Aktivitas Bisnis
![Page 50: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/50.jpg)
50
No. FK11 Form Kemampuan NTP
Gambar 3.54 Form Kemampuan NTP
No. FK12 Form Pasilitas Pendukung
Gambar 3.55 Form Pasilitas Pendukung
![Page 51: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/51.jpg)
51
No. FK13 Form Perbaikan Komponen Berteknologi Tinggi
Gambar 3.56 Form Perbaikan Komponen Berteknologi Tinggi
No. FK14 Form Proses Perbaikan Berteknologi Tinggi
Gambar 3.57 Form Proses Perbaikan Berteknologi Tinggi
![Page 52: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/52.jpg)
52
No. FK15 Form Login
Gambar 3.58 Form Login
No. FK16 Form Menu Utama Telah Login
Gambar 3.59 Form Menu Utama Telah Login
![Page 53: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/53.jpg)
53
No. FK 17 Form Ganti Password
Gambar 3.60 Form Ganti Password
No. FK18 Form Hasil Ganti Password
Gambar 3.61 Form Hasil Ganti Password
![Page 54: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/54.jpg)
54
N0. FK19 Form View Data Karyawan Telah Login
Gambar 3.62 Form View Data Karyawan Telah Login
No. FK20 Form Detail Data Karyawan Telah Login
Gambar 3.63 Form Detail Data Karyawan Telah Login
![Page 55: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/55.jpg)
55
No. FK21 Form Hasil Cari Data Karyawan Telah Login
Gambar 3.64 Form Hasil Cari Data Karyawan Telah Login
No. P1 Pesan Kesalahan Login
Gambar 3.65 Pesan Kesalahan Login
![Page 56: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/56.jpg)
56
No. P2 Pesan Tidak Ditemukan Data Pada Pencarian
Gambar 3.66 Pesan Tidak Ditemukan Data Pada Pencarian
No. P3 Pesan Kesalahan Ganti Password (password lama)
Gambar 3.67 Pesan Kesalahan Ganti Password (password lama)
![Page 57: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/57.jpg)
57
No. P4 Pesan Kesalahan Ganti Password (password baru)
Gambar 3.68 Pesan Kesalahan Ganti Password (password baru)
![Page 58: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/58.jpg)
F01
F11
F04
F06
F08
F05F07
F09
F10
F03
F02
F24
F23
F21
F20
F19
F18
F17 F16
F15
F14
F22
F27
F26
F25
F28
F13
F12
P01
P02
P03
P04
P05
P06
P07
P10
P09
P08
58
3.3.2. Jaringan Simantik
3.3.2.1. Jaringan Semantik Admin
![Page 59: BAB III - Digital library - Perpustakaan Pusat Unikom ...elib.unikom.ac.id/files/disk1/429/jbptunikompp-gdl-shone... · Web viewSetelah membuat rancangan tabel-tabel yang digunakan](https://reader031.vdocuments.site/reader031/viewer/2022020108/5aed57137f8b9ae53190314a/html5/thumbnails/59.jpg)
59
3.3.2.2. Jaringan Simantik Karyawan.
P4
FK01
FK21
FK20
FK19
FK18
FK17
FK16 FK15
FK14
FK13
FK12
FK11
FK10
FK09
FK08
FK07
FK06
FK05
FK04
FK03
FK02
P1
P2
P3