Post on 05-May-2018
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
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
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
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.
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
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.
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
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.
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
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
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
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
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
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
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
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
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]
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]
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]
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
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 :
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
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
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
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
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
27
No. F03 Form View
Gambar 3.8 Form View
No. F04 Form List JobCode
Gambar 3.9 Form List JobCode
28
No. F05 Form Edit
Gambar 3.10 Form Edit
No. F06 Form Hapus
Gambar 3.11 Form Hapus
29
No. F07 Form Tambah
Gambar 3.12 Form Tambah
No. F08 Form View User Login
Gambar 3.13 Form View User Login
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
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
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
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
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
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
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
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
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
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
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
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
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
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)
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
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
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
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
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
49
No. FK09 Form Daftar Pelanggan
Gambar 3.52 Form Daftar Pelanggan
No. FK10 Form Aktivitas Bisnis
Gambar 3.53 Form Aktivitas Bisnis
50
No. FK11 Form Kemampuan NTP
Gambar 3.54 Form Kemampuan NTP
No. FK12 Form Pasilitas Pendukung
Gambar 3.55 Form Pasilitas Pendukung
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
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
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
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
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
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)
57
No. P4 Pesan Kesalahan Ganti Password (password baru)
Gambar 3.68 Pesan Kesalahan Ganti Password (password baru)
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
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