76
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. 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

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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