bab iii - digital library - perpustakaan pusat unikom...

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