bab iv analisis dan perancangan sistem · pdf file18 4.2 perancangan sistem berdasarkan...

13

BAB IV

ANALISIS DAN PERANCANGAN SISTEM

4.1 Analisis Sistem

Sebelum merancang company profile PT.Nandya Karya Perkasa, terlebih

dahulu dilakukan analisis terhadap sistem yang sedang berjalan. Tahapan analisis

yang dilakukan adalah memahami sistem informasi data pegawai dan data

supplier yang sedang berjalan, mengidentifikasi permasalahan pada sistem yang

sedang berjalan kemudian menarik kesimpulan dari proses analisis yang telah

dilakukan.

4.1.1 Memahami Sistem Yang Sedang Berjalan

Dalam memahami sistem yang sedang berjalan, dikumpulkan informasi

yang berhubungan dengan informasi pegawai dan informasi supplier yang sedang

berjalan, melalui data karyawan dan data supplier yang sudah tersimpan dalam

database PT.Nandya Karya Perkasa.

Untuk mengetahui informasi pegawai dan informasi supplier, langkah –

langkah yang dilakukan adalah :

1. Kontrak Pegawai

- Data dari pegawai diserahkan kepada HRD berupa dokumen yang

berisikan : nama lengkap, alias, alamat, telpon, jabatan, tanggal mulai,

tanggal akhir, status, tanggal lahir, kota, pendidikan.

- Setelah HRD menerima data dari pegawai kemudian diinput kedalam

database khusus pegawai.

- HRD melaporkan data kemudian mengarsip

- Pegawai mendapatkan informasi tentang habis kontrak kerja.

Dokumen sistem informasi habis kontrak pegawai yang sedang berjalan

dapat dilihat pada gambar 4 :

14

Pegawai HRD

Gambar 4. Bagan Dokumen Sistem Informasi Habis Kontrak Pegawai Yang

Sedang Berjalan

2. Data Supplier

- Data dari supplier diserahkan kepada HRD berupa dokumen yang

berisikan : nama perusahaan, pemilik, alamat, telpon, fax, email, jasa,

contact person, negeri, provinsi, kota, kode pos, npwp.

- Setelah HRD menerima data dari supplier kemudian diinput kedalam

database khusus supplier.

- HRD melaporkan data kemudian mengarsip

- HRD membuat brosur

- Supplier mendapatkan informasi tentang data supplier dari brosur

2

START

Input Data

Pegawai

Data Pegawai 1

Database

Pegawai

Laporan Data 2

Pegawai

END

Laporan Habis 3

Kontrak

Data Pegawai 1

15

Dokumen sistem informasi data supplayer yang sedang berjalan dapat

dilihat pada gambar 5 :

Supplier HRD

Gambar 5. Bagan Dokumen Sistem Data Supplier Yang Sedang Berjalan

4.1.2 Identifikasi Masalah

Sistem informasi di PT.Nandya Karya Perkasa sudah memakai standar

komputerisasi dan sudah menggunakan database masing – masing kategori, sistem

informasi yang sedang berjalan di PT.Nandya Karya Perkasa tersebut berbasis

dekstop, identifikasi permasalahan pada sistem yang sedang berjalan dimana

START

Data Supplier 1

Brosur

END

Brosur

Input Data

Supplier

Data Supplier 1

2

Laporan Data 2

Supplier

Database

Supplier

16

untuk mengetahui habis kontrak pegawai, pegawai perlu datang ke HRD untuk

mendapatkan informasi, sedangkan untuk mengetahui data supplier, supplier

mengetahui dengan brosur yang sudah disediakan.

Hal tersebut menghabiskan waktu yang cukup lama bagi pegawai dan

supplier.

4.1.3 Kesimpulan Hasil Analisis

Dari analisis yang dilakukan disimpulkan bahwa permasalahan pada

sistem informasi habis kontrak dan data supplier adalah tidak efisiennya waktu

untuk pegawai dan supplier.

Dari permasalahan diatas, diperlukan adanya solusi untuk

mengembangkan sistem informasi khususnya bagi pegawai dan supplier. Dimana

sistem informasi yang berbasis dekstop dikembangkan menjadi satu berbasis

website.

4.1.4 Analisis Sistem Yang Akan Dikembangkan

Rancangan dokumen sistem informasi habis kontrak pegawai dan data

supplier PT.Nandya Karya Perkasa berbasis company profile yang akan

dikembangkan seperti terlihat pada gambar 6.

17

Pegawai Supplier HRD

START

Data Pegawai

1

Data Supplier

2

Data Pegawai

1

Data Supplier

2

Input Data

Dat

abas

e

Peg

awai

dan

Dat

abas

e

Sup

plie

r

Laporan Data

1

Login Login

Laporan Data

4

Laporan Data

3

END

1&2

Company

Profile

Company

Profile

Company

Profile

Gambar 6. Bagan Dokumen Company Profile Yang Akan Dikembangkan

2

18

4.2 Perancangan Sistem

Berdasarkan kesimpulan hasil analisis, sebagai alternatif untuk

meminimalkan permasalahan pada sistem informasi habis kontrak dan data

supplier dengan mengembangkan sistem informasi berbasis company profile.

Langkah pertama yang dilakukan untuk mengembangkan company profile

tersebut adalah melakukan tahapan perancangan. Maksud dari tahap perancangan

adalah membuat spesifikasi secara rinci mengenai arsitektur, gaya dan kebutuhan

material untuk sistem.

Perancangan sistem company profile yang akan dikembangkan dibagi tiga

yaitu :

1. Rancangan Database

Pada pengembangan company profile PT.Nandya Karya Perkasa

menggunakan database yang sudah tersedia pada aplikasi yang sedang berjalan.

Adapun hasil inisialisasi database yang ada dapat dilihat pada gambar 7, 8.

Login Pegawai

Data Pegawai

id

id_pagawai

nama

namalengkap

password

Alias

*nik

*nik

Alamat

Telpon

Jabatan

Tglmulai

Tglakhir

Status

id_bagian

Keterangan

Birthday

Citybrth

Habiskontrak

Resain

Image

Menikah

Penahir

Gambar 7. Inisialisasi Database Data Pegawai

19

Login Supplier

Data Supplier

id

*id

nama

Nama

password

Pemilik

*idsubcont

Alamat

Telpon

Fax

Email

Jasa

Contperson

Idneg

Idprov

Idkota

kode pos

Npwp

Tipesub

Refsub

Keterangan

Satus

Gambar 8. Inisialisasi Database Data Supplier

Setelah membangun perancangan inisialisasi database, langkah

selanjutnya adalah spesifikasi filenya, spesifikasi file memiliki beberapa tabel

sebagai berikut :

1. Tabel Admin

Tabel 1. Tabel Admin

Nama Field Type Lebar Keterangan

Id Int 3 Not Null

Nama Varchar 25 Not Null

Password Varchar 25 Not Null

20

2. Tabel Contact

Tabel 2. Tabel Contact


Id Int 3 Not Null

Name Varchar 50 Not Null

Email Text Not Null

Subject Text Not Null

Message Text Not Null

3. Tabel Password Pegawai

Tabel 3. Tabel Password Pegawai


Id Int 3 Not Null



Nik Varchar 10 Not Null

4. Tabel Password Supplier

Tabel 4. Tabel Password Supplier


Id Int 3 Not Null



IDSubcont Varchar 10 Not Null

21

5. Tabel Product

Tabel 5. Tabel Product


Id Int 3 Not Null

Nama_file Varchar 255 Not Null

Deskripsi Varchar 255 Not Null

6. Tabel Data Pegawai

Tabel 6. Tabel Data Pegawai


IDPegawai Int 10 Not Null

NamaLengkap Varchar 50

Alias Varchar 15

NIK Varchar 15

Alamat Varchar 225

Telpon Varchar 100

Jabatan Varchar 100

TglMulai Date

TglAkhir Date

Status Int 1 Not Null

IDBag Int 11 Not Null

Keterangan Varchar 225

Birthday Date

CityBrth Varchar 25

Habiskontrak Date

Resain Int 1

22

Image Varchar 228

Menikah Int 1 Not Null

Penahir Varchar 30

7. Tabel Data Supplier

Tabel 7. Tabel Data Supplier


Id Int 10 Not Null

Nama Varchar 150

Pemilik Varchar 100

Alamat Varchar 225

Telpon Varchar 100

Fax Varchar 100

Email Varchar 100

Jasa Varchar 100

ContPerson Varchar 100

IDNeg Varchar 225

IDProv Varchar 225

IDKota Varchar 225

KodePos Varchar 6

NPWP Varchar 25

TipeSub Varchar 15

RefSub Varchar 150

Keterangan Varchar 225

Status Int 11 Not Null

23

2. Rancangan Sistem Secara Umum

Pada rancangan sistem ini menggunakan perancangan Data Flow Diagram

(DFD) yang menggambarkan suatu sistem sebagai suatu jaringan proses dari

fungsi, yang dihubungkan dengan penyimpanan data sebagai sumber data.

A. Event List

Langkah awal dalam pembuatan DFD adalah menentukan event list.

Adapun event list yang berjalan pada company profile PT. Nandya Karya Perkasa

adalah :

1. Isi data pegawai

2. Isi data supplier

B. Data Flow Diagram Event List

Setelah menentukan event list, selanjutnya menetukan data flow event

diagram. Berikut ini adalah DFD event list :

1.

Data Pegawai

Tabel Pegawai

2.

Data Supplier

Tabel Supplier

Pegawai

Isi

Data

Pegawai

supplier

Isi

Data

Supplier

24

C. Iventarisasi Data & Informasi

Data / Informasi Arus Terminator

Data Pegawai Masuk Pegawai

Data Supplier Masuk Supplier

D. Diagram Konteks

Diagram konteks merupakan alur yang menjelaskan entitas yang ada di

dalam company profile dan kegiatan yang dilakukan. Diagram konteks company

profile PT.Nandya Karya Perkasa ditampilkan pada gambar 9.

Data Supplier Data Pegawai

Gambar 9. Diagram Konteks

E. DFD Level 0

Rancangan DFD level 0 di tampilkan pada gambar 10

Data Pegawai Data Pegawai

Pegawai

Data Supplier

Data Supplier

Supplier

Gambar 10. DFD Level 0

Supplier Pegawai

Company Profile

PT. Nandya

Karya Perkasa

Bagian HRD

Pegawai

Input Data

Supplier

25

3. Rancangan Sistem Secara Detail

Tahapan dalam merancang company profile PT.Nandya Karya Perkasa

secara detail mencakup perancangan :

1. Perancangan struktur navigasi

2. Perancangan sistem dengan flowchart

3. Perancangan halaman company profile

4.2.1 Perancangan Struktur Navigasi

Desain struktur navigasi memberikan gambaran link dari halaman satu ke

halaman yang lainnya. Struktur navigasi digunakan pada desain company profile

baik linear maupun non linear.

Untuk company profile PT. Nandya Karya Perkasa digunakan desain

struktur navigasi Model Full Web ( Full Web Model ) Full Web Model banyak

digunakan karena user dapat mengakses semua topik dengan subtopik cepat.

Struktur navigasi Full Web Model untuk company profile PT. Nandya Karya

Perkasa dapat dilihat pada gambar 11 :

26

Gambar 11. Full Web Model Company Profile PT.Nandya Karya Perkasa

Keterangan :

Home : Halaman Utama

A : About Us

A5 : Engineering

A6 : Production

B : Product

C : Customers

E

Home

A

B

A1

A2

A3

A4

A5

A6

A7

A

A9

A8

C D

F

G

H

I

J

27

A1 : Business

A2 : Management

A3 : Struktur Organisasi

A4 : Environment

A7 : Machines

A8 : Quality Control

A9 : Delivery

D : Contact

E : Admin

F : Login

G : Pegawai I : Data Pegawai

H : Supplier J : Data Supplier

4.2.2 Perancangan Sistem dengan Flowchart

Company profile PT.Nandya Karya Perkasa yang akan dikembangkan

digambarkan dalam bagan alir (flowchart system) yang dapat dilihat pada gambar

dibawah ini.

28

Username,

passwordUsername,

password

Login Valid Login Valid

Data PegawaiData Supplier

START

Home

Menu Pilihan

1. About /us

2. Product

3. Customers

4. News

5. Contact

6. Login

About Us Product Customers Contact Login

Menu Pilihan

1.SEJARAH

2.BUSINESS

3.MANAGEMENT

4.ENVIRONMENT

5.ENGINEERING

7.PRODUCTION

8.MACHINES

9.QUALITY CONTROL

10.DELIVERY

Hal Login

Menu Pilihan

1.Admin

2.Pegawai

3.Supplier

Admin Pegawai Supplier

Username,

password

Login Valid

Menu Pilihan

1.Data Contact

2.Password Pegawai

3.Password Supplier

4.Password Admin

5.Product

A

A

A A A

B

B B

A

Habis Kontrak

Pertahun

A

B

A

Detail Supplier

A

Admin D

Gambar 12. Flowchart Sistem Company Profile PT. Nandya Karya Perkasa

C

29

Data ContactPassword

Supplier

Password

Pegawai

Password

AdminProduct

Hapus

Da

tab

ase

D

D

Gambar 13. Flowchart Sistem Data Contact

Hapus

Da

tab

ase

D

D

Tambah Edit

EditInput

D DSave/Reset Update Update

Gambar 14. Flowchart Sistem Tambah Password Pegawai

C

E F G H

E

30

Hapus

Da

tab

ase

D

D

Tambah Edit

EditInput


Gambar 15. Flowchart Sistem Tambah Password Supplier

Hapus

Da

tab

ase

D

D

Tambah Edit

EditInput


Gambar 16. Flowchart Sistem Tambah Password Admin

F

G

31

Hapus

Da

tab

ase

D

D

Upload

Gambar

Input

DUpload Update

Gambar 17. Flowchart Sistem Product

4.2.3 Perancangan Halaman Company Profile

Pada tahap perancangan sistem ini dilakukan perancangan dengan

mendesain halaman sesuai dengan sistem yang dibutuhkan, antara lain :

1. Perancangan Halaman Front End

Halaman antar muka dalam company profile PT.Nandya Karya Perkasa

terdapat beberapa rancangan halaman yang terdiri dari halaman Home, About Us,

Product, Customers, Contact, Login.

H

32

a. Perancangan Halaman Home

Gambar 18. Rancangan Halaman Home

b. Perancangan Halaman About Us

Gambar 19. Rancangan Halaman About Us

Footer

Header

Home About Us Product Customers Contact Login

Gambar

Header

Home About Us Product Customers Contact

Footer

Peresmian Pabrik Baru

Juni 07, 2007

Penandatanganan prasasti oleh Bapak H. Hadi

Subroto (Dirut PT. Nandya Karya Perkasa)

Gambar

ABOUT US

SEJARAH

BUSINESS

FACILITIES

ENGINEERING

PRODUCTION

MACHINES

Siaga Kebakaran

Agustus 09, 2007

Sebagai antisipasi terhadap peristiwa kebakaran

di pabrik baru

Gambar

http://localhost/praktik_lapang/sejarah.php

http://localhost/praktik_lapang/business.php

http://localhost/praktik_lapang/engineering.php

http://localhost/praktik_lapang/production.php

http://localhost/praktik_lapang/machines.php

33

c. Perancangan Halaman Sejarah

Gambar 20. Rancangan Halaman Sejarah

d. Perancangan Halaman Business

Gambar 21. Rancangan Halaman Business

Footer

Header


SEJARAH

Didirikan oleh Bp.Hadi Subroto th 1980an dengan nama CV Hadi Karya, memproduksi :

Lampu gantung, Gantungan baju, Kursi makan, Kursi taman. Memiliki keahlian khusus

dalam membuat dies progressive

Footer

Header

Gambar


34

e. Perancangan Halaman Management

Gambar 22. Rancangan Halaman Management

f. Perancangan Halaman Struktur Organisasi

Gambar 23. Rancangan Halaman Struktur Organisasi

STRUKTUR ORGANISASI

Header

KEBIJAKAN MANAJEMEN

1. Menghasilkan produk yang berkualitas

2. Melakukan Perbaikan terus menerus untuk memenuhi harapan dan kepuasan

pelanggan karyawan


Footer

Header


Footer

35

g. Perancangan Halaman Environment

Gambar 24. Rancangan Halaman Environment

h. Perancangan Halaman Engineering

Gambar 25. Rancangan Halaman Engineering

Footer

Header


Footer

Header


Gambar

Produksi Dies di lakukan sesuai dengan

desain drawing untuk

36

i. Perancangan Halaman Production

Gambar 26. Rancangan Halaman Production

j. Perancangan Halaman Machinis

Gambar 27. Rancangan Halaman Machinis

Footer

Header


Footer

Header


PRODUCTION MACHINIS

NO NAMA MESIN SPESIFIKASI JUMLAH

1 Mechanical 3 – 12 ton - 10 unit

2 Mechanical Press 16 - 35 ton - 10 unit

3 Mechanical Press 55 ton With Air Feeder 2 unit

4 Mechanical Press 63 ton With Air Feeder 2 unit

http://www.nandya-karya-perkasa.com/image/CNC1.JPG

37

k. Perancangan Halaman Quality Control

Gambar 28. Rancangan Halaman Quality Control

l. Perancangan Halaman Delivery

Gambar 29. Rancangan Halaman Delivery

Header


Gambar

Quality Control berfungsi sebagai alat atau metoda

yang berguna untuk mengidentifikasi masalah

Footer

Header


Gambar

Untuk memenuhi kepuasan customers maka

pengiriman yang dilakukan mengacu kepasa “On Time

Delivery

Footer

38

m. Perancangan Halaman Product

Gambar 30. Rancangan Halaman Product

n. Perancangan Halaman Customers

Gambar 31. Rancangan Halaman Customers

Header

Footer


Gambar Gambar Gambar Gambar

Header


PT. ALLINDO COIN MAS ERA KOTA JAKARTA UTARA INDONESIA

PT. AMANAH BUDI LAKSANA KOTA JAKARTA TIMUR INDONESIA

CV. COMFY STYLE KOTA JAKARTA PUSAT INDONESIA

PT. SINAR LOGAMINDO SENTOSA KOTA JAKARTA TIMUR INDONESIA

PT. SURYA SEJAHTERA METALINDO LESTARI TANGERANG INDONESIA

PT. KWANG HWA SHING INDUSTRIAL BEKASI INDONESIA

PT. HOSHIHARA TEKNIK INDONESIA BEKASI INDONESIA

CV. INTERTEKNINDO JAYA TANGERANG INDONESIA

PT. YUMIDA SIBA UTAMA BEKASI INDONESIA

Footer

39

o. Perancangan Halaman Contact

Gambar 32. Rancangan Halaman Contact

p. Perancangan Halaman Login

Gambar 33. Rancangan Halaman Login

Footer

Header


Contact From Map

Nama:

Email:

Subject:

Message:

Peta

Our Address

PT. Nandya Karya Perkasa

Jl. KH.Umar Dayeuh Rawa Ilat

Cileungsi - Bogor

Telp : 021-82499386,

82499427, 82499447,

82499486

Fax : 021-82499451

Footer

Header


.: Selamat Datang Di Halaman Login :.

User Name:

Password :

Hak Akses :

Gambar

40

2. Perancangan Halaman Back End

Halaman Back End dalam company profile PT.Nandya Karya Perkasa

terdapat beberapa perancangan halaman yang terdiri dari halaman back end admin

terdiri dari Home, Data Contact Us, Password Pegawai, Password Supplier,

Password Admin, Product, halaman back end pegawai terdiri dari halaman Home,

Data Habis Kontrak Pegawai Pertahun, halaman back end supplier terdiri dari

halaman Home, Detail Supplier.

A. Perancangan Halaman Back End Admin

1. Perancangan Halaman Home

Gambar 34. Perancangan Halaman Home

Hi...ADMIN Silahkan untuk mengolah data

Footer

Header

Logout Admin

MENU PT.NANDYA KARYA PERKASA

Data Contact Us

Password Karyawan

Password Supplier

Password Admin

Product

Logo

http://localhost/praktik_lapang/tampil_data_contact.php

http://localhost/praktik_lapang/password_karyawan.php

http://localhost/praktik_lapang/password_supplayer.php

http://localhost/praktik_lapang/gambar.php

http://localhost/praktik_lapang/tampil_data_contact.php

http://localhost/praktik_lapang/password_karyawan.php

http://localhost/praktik_lapang/password_supplayer.php

http://localhost/praktik_lapang/password_admin.php

http://localhost/praktik_lapang/gambar.php

41

2. Perancangan Halaman Data Contact Us

Gambar 35. Perancangan Halaman Contact Us

3. Perancangan Halaman Password

V

Gambar 36. Perancangan Halaman Password

Data Contact

Footer

Header

Logout Admin

Name Email Subject Message Tools

DHELA [email protected] Test Halloooo X


Footer

Header

Logout Admin

PASSWORD PT.NANDYA KARYA PERKASA

Logo

Tambah Password

Edit & Hapus Password

http://localhost/praktik_lapang/addpassword_karyawan.php

http://localhost/praktik_lapang/edit_password_karyawan.php

42

4. Perancangan Halaman Tambah Password

Gambar 37. Perancangan Halaman Tambah Password

5. Perancangan Halaman Edit & Hapus Password

Gambar 38. Perancangan Halaman Edit & Hapus Password

Footer

Header

Logout Admin Back


PT.NANDYA KARYA PERKASA Back

TAMBAH PASSWORD

Nama

Password

NIK

Footer

Header

Logout Admin

Nama Password Tools

Ridwan 1234 / X

Gambar


43

6. Perancangan Halaman Edit

Gambar 39. Perancangan Halaman Edit

7. Perancangan Halaman Product

Gambar 40. Perancangan Halaman Product

Footer

Header

Logout Admin


PT.NANDYA KARYA PERKASA Back

Nama

Password

Ridwan

1234

Gambar

Save


Footer

Header

Logout Admin

PRODUCT PT.NANDYA KARYA PERKASA

Upload Gambar

Hapus Gambar



44

8. Perancangan Halaman Upload Gambar

Gambar 41. Perancangan Halaman Upload Gambar

9. Perancangan Halaman Hapus Gambar

Gambar 42. Perancangan Halaman Hapus Gambar

UPLOAD GAMBAR

Header

Logout Admin

Footer

Choose

Upload

Delete Delete

Header

Footer

Home About Us Product Customers Contact Login

Gambar Gambar

45

B. Perancangan Halaman Back End Pegawai

1. Perancangan Halaman Home Pegawai

Gambar 43. Perancangan Halaman Home Pegawai

2. Perancangan Halaman Habis Kontrak Pegawai Pertahun

Gambar 44. Perancangan Halaman Habis Kontrak Pegawai Pertahun

Footer

Header

Logout Pegawai

NIK NAMA ALAMAT JABATAN HABIS KONTRAK 141 RIDWAN Depok 2010-07-06

Footer

Header

Logout Kembali Pegawai

HABIS KONTRAK PEGAWAI 2011

NAMA

LENGKAP

NIK TANGGAL

MULAI

TANGGAL

AKHIR

KETERANGAN HABIS

KONTRAK

Rusli 008 1991-04-01 0000-00-00 Aktif 2011-01-25

Yohanes Wae 039 2000-06-02 2007-03-28 Aktif 2011-01-24

Ramdanih 071 2000-11-12 2007-03-28 Aktif 2011-02-01

46

C. Perancangan Halaman Back End Supplier

1. Perancangan Halaman Home Supplier

Gambar 45. Perancangan Halaman Home Supplier

2. Perancangan Halaman Detail Supplier

Gambar 46. Perancangan Halaman Detail Supplier

4.3 Tahap Implementasi

Setelah diperoleh spesifikasi sistem yang diinginkan, tahap berikutnya

adalah implementasi menggunakan perangkat lunak. Tahapan implementasi

merupakan tahap pembangunan sistem yang telah dirancang sehingga sistem

tersebut dapat dipergunakan. Implementasi pengembangan company profile

Footer

Header

Logout Detail Supplier

ID NAMA ALAMAT TELPON FAX EMAIL

227 PT.

ALLINDO

COIN MAS

ERA

Komplek

Pertokoan

Marina

Mangga

Dua Blok D

10-12A

6459326-7 6459456 [email protected]

Footer

Header

Logout Kembali Detail Supplier

SUPPLIER

ID NAMA ALAMAT

227 PT. ALLINDO COIN MAS

ERA

Komplek Pertokoan Marina Mangga Dua Blok D

10-12A

228 PT. AMANAH BUDI

LAKSANA

Jl. SMA 48 No. 46 Kel. Pinang Ranti, Kec.

Makasar

238 CV. COMFY STYLE Jl. Pintu Air Raya No.11 Pasar Baru

47

PT.Nandya Karya Perkasa dilakukan berdasarkan tiga tahapan yaitu Material

Collecting, Assembly dan Testing.

4.3.1 Material Collecting

Material Collecting ( mengumpulkan bahan ) dikerjakan pararel dengan

assembly, pada tahap ini dilakukan pengumpulan bahan seperti data – data serta

gambar mengenai PT.Nandya Karya Perkasa yang diambil secara langsung

maupun tidak langsung.

Gambar yang telah dikumpulkan kemudian diolah menggunakan

perangkat lunak Adobe Photoshop CS3 yang digunakan untuk mendesain

halaman company profile. Tetapi tidak semua gambar yang ada adalah hasil

olahan sendiri melainkan ada sebagian gambar tersebut yang didapat dari internet

melalui proses download. Setelah melalui proses tersebut baru gambar dimasukan

kedalam sistem.

4.3.1.1 Header

Header diisi dengan banner, bagian banner adalah bagian paling atas dari

halaman company profile PT.Nandya Karya Perkasa yang diisi dengan nama

perusahaan, jenis usaha, logo perusahaan. Header company profile PT.Nandya

Karya Perkasa untuk bagian front end dan back end dapat dilihat pada gambar

berikut.

Gambar 47. Banner Untuk Front End dan Back End

Langkah – langkah membuat Banner dengan menggunakan Adobe

Photoshop CS3 diantaranya :

1. Buka aplikasi Adobe Photoshop CS3, kemudian klik menu file, klik menu

new, selanjutnya sesuaikan ukuran header atau banner dengan widht : 960

pixels dan height : 132 pixels seperti yang terlihat digambar :

48

Gambar 48. Tampilan Halaman Kerja Adobe Photoshop CS3

2. Membuat desain backround header dengan latar warna biru kemudian

mengupload gambar pertama dengan mengklik open pilih tempat

disimpannya gambar serta ketik nama gambar pada file name dan klik open

untuk dijadikan background.

3. Membuat nama PT.Nandya Karya Perkasa menggunakan text tool

4. Simpan gambar

4.3.2 Assembly

Tahapan assembly ( pembuatan ) merupakan tahap dimana seluruh objek

dibuat. Pembuatan company profile PT.Nandya Karya Perkasa berdasarkan

flowchart view yang dihasilkan pada tahap perancangan

4.3.2.1 Implementasi Basis Data ( Database )

Langkah selanjutnya dalam membangun company profile PT.Nandya

Karya Perkasa yaitu dengan membuat basis data diMySQL dengan

mengimplementasikan rancangan yang dihasilkan pada tahap perancangan atau

desain basis data. Untuk hosting menggunakan PHP My Admin, basis data yang

dibuat diberi nama db_praktik_lapang terdiri dari 7 tabel yaitu admin, contact,

49

maspegawai, massubcont, password_pegawai, password_supplier, dan product.

Seperti terlihat digambar bawah ini :

Gambar 49. Tampilan Halaman Database

Spesifikasi tabel – tabel tersebut dapat dilihat digambar berikut ini :

1. Tabel Password Admin

Nama Tabel : Admin

Primary Key : id

Keterangan : Tabel berisi password admin untuk membuka halaman

admin

Gambar 50. Tampilan Halaman Database Admin

50

2. Tabel Data Contact Masuk

Nama Tabel : Contact

Primary Key : id

Keterangan : Tabel berisi buku tama atau contact us yang diinput oleh

user dan dapat dilihat oleh admin

Gambar 51. Tampilan Halaman Database Contact

3. Tabel Data Pegawai

Nama Tabel : Maspegawai

Primary Key : IDPegawai

Keterangan : Tabel berisi data lengkap dari seluruh pegawai

PT. Nandya Karya Perkasa

Gambar 52. Tampilan Halaman Database Maspegawai

51

4. Tabel Data Supplier

Nama Tabel : Massubcont

Primary Key : id

Keterangan : Tabel berisi data lengkap dari seluruh supplier atau

customers PT. Nandya Karya Perkasa

Gambar 53. Tampilan Halaman Database Massubcont

5. Tabel Password Pegawai

Nama Tabel : Password Pegawai

Primary Key : id

Keterangan : Tabel berisi password pegawai untuk membuka halaman

pegawai

Gambar 54. Tampilan Halaman Database Password Pegawai

52

6. Tabel Password Supplier

Nama Tabel : Password Supplier

Primary Key : id

Keterangan : Tabel berisi password supplier untuk membuka halaman

supplier

Gambar 55. Tampilan Halaman Database Password Supplier

7. Tabel Product

Nama Tabel : Product

Primary Key : id

Keterangan : Tabel berisi gambar product yang diinput oleh admin

Gambar 56. Tampilan Halaman Database Product

53

4.3.2.2 Implementasi Halaman Company Profile

Setiap tahap implementasi basis data selesai, maka dilanjutkan dengan

tahap implementasi halaman pembuatan situs company profile yaitu pembuatan

program. Penulisan bahasa program menggunakan bahasa pemrograman PHP dan

basis datanya menggunakan My SQL dan PHP My Admin.

4.3.2.3 Implementasi Halaman Utama

Halaman utama merupakan halaman pertama yang akan dilihat oleh user,

halaman ini mempunyai peranan penting untuk sebuah company profile, semua isi

dan fungsi – fungsi yang ada di company profile ini akan ditampilkan dihalaman

ini.

Langkah – langkah dalam pembuatan halaman utama company profile

PT.Nandya Karya Perkasa ialah sebagai berikut :

1. Buka aplikasi Adobe Dreamweaver CS5

2. Pilih create new php

Gambar 57. Tampilan Aplikasi Adobe Dreamweaver CS5

3. Buat file dengan nama index.php

4. Buat file dengan nama style.css

5. Simpan pada folder praktik_lapang

54

6. Pada file style.css kita atur coding tampilan interfacenya, setelah pengaturan

interfacenya selesai kemudian kita tinggal isi yang akan ditampilkan

dihalaman utama.

7. Save

Tampilan yang akan dihasilkan pada halaman utama adalah :

Gambar 58. Tampilan Halaman Utama

4.3.3 Implementasi Pembuatan Halaman Front End

4.3.3.1 Implementasi Pembuatan Halaman About Us

Halaman about us yang termasuk kedalam frond end menampilkan

sejarah, dan bagian – bagian yang terdapat dalam perusahaan. Cara pembuatan

halaman about us adalah sebagai berikut :



3. Buat file dengan nama about.php

4. Masukan listing programnya beserta data dan conten yang disediakan


6. Save

Tampilan yang akan dihasilkan pada halaman about us adalah :

55

Gambar 59. Tampilan Halaman About Us

4.3.3.2 Implementasi Pembuatan Halaman Contact

Halaman contact yang termasuk kedalam frond end menampilkan contact

form atau buku tamu yang akan diisi oleh user. Cara pembuatan halaman contact

adalah sebagai berikut :



3. Buat file dengan nama contact.php

4. Masukan listing program


6. Save

Tampilan yang akan dihasilkan pada halaman contact adalah :

56

Gambar 60. Tampilan Halaman Contact

4.3.4 Implementasi Pembuatan Halaman Back End

4.3.4.1 Implementasi Pembuatan Halaman Login

Login merupakan salah satu bentuk navigasi yang digunakan untuk

mengantarkan pada halaman back end, agar dapat mengakses setiap informasi

maupun manipulasi data pada company profile PT.Nandya Karya Perkasa.

Langkah – langkah yang dilakukan dalam pembuatan form login admin

adalah sebagai berikut :



3. Buat file dengan nama koneksi.php

57

Gambar 61. Implementasi Pembuatan Koneksi

4. Buat file dengan nama login.php

Gambar 62. Implementasi Pembuatan Halaman Login

58

Gambar 63. Tampilan Halaman Login

5. Buat file dengan nama prosesLogin.php

Gambar 64. Implementasi Pembuatan Proses Login


7. Save

59

4.3.4.1 Implementasi Pembuatan Halaman Tampilan Contact Masuk

Halaman tampilan contact masuk adalah halaman dimana para user telah

mengisi contact form atau buku tamu ditampilkan diback end dan hanya admin

yang bisa mengelolanya.



3. Buat file dengan nama tampil_data_contact.php

4. Masukan listing program

Gambar 65. Implementasi Pembuatan Halaman Tampilan Contact Masuk


6. Save

4.4 Uji Coba

Tahap uji coba sistem dilakukan untuk mengetahui kekurangan dan

kelebihan sistem yang dibuat. Pada tahap uji coba tersebut diuji dengan tiga

langkah yaitu uji coba struktural, fungsional dan validasi.

60

4.4.1 Uji Coba Struktural

Uji coba struktural adalah suatu uji coba kesesuaian dengan

membandingkan konsep awal dengan hasil akhir. Uji coba ini dilakukan dengan

cara menjalankan form pada browser untuk mendapatkan hasil yang diinginkan

dari setiap halaman front end dan back end. Apabila tidak sesuai dengan yang

diinginkan, maka kembali ketahap implementai sampai didapat hasil yang

diinginkan. Uji coba struktural dapat dilihat pada tabel dibawah ini.

No Halaman Hasil

1 Home Tampil

2 About Us Tampil

3 Sejarah Tampil

4 Business Tampil

5 Management Tampil

6 Struktur Organisasi Tampil

7 Environment Tampil

8 Engineering Tampil

9 Production Tampil

10 Machines Tampil

11 Quality Control Tampil

12 Delivery Tampil

13 Product Tampil

14 Customers Tampil

15 Contact Tampil

Tabel 8. Uji Coba Struktural Halaman Frond End

No Halaman Hasil

1 Login Admin Tampil

2 Login Pegawai Tampil

3 Login Supplier Tampil

4 Data Contact Us Tampil

5 Password Pegawai Tampil

61

6 Password Supplier Tampil

7 Password Admin Tampil

8 Tambah Password Tampil

9 Product Tampil

10 Upload Gambar Tampil

11 Hapus Gambar Tampil

12 Data Pegawai Tampil

13 Data Habis Kontrak Pertahun Tampil

14 Data Supplier Tampil

15 Detail Supplier Tampil

Tabel 9. Uji Coba Struktural Halaman Back End

4.4.2 Uji Coba Fungsional

Uji coba fungsional adalah uji coba untuk mengetahui apakah sistem

sudah berfungsi dengan baik atau belum. Uji coba ini dilakukan pada seluruh

menu halaman administrator dan halaman antar muka dengan cara mengklik

setiap link untuk membuat halaman yang dituju diambil dari halaman yang sudah

disimpan dalam database.

Halaman Link Hasil

Contact Tombol Send Berfungsi

Tombol Reset Berfungsi

Tabel 10. Uji Coba Fungsional Halaman Front End

Halaman Link Hasil

Login Tombol Kirim Berfungsi

Tombol Reset Berfungsi

Data Contact Tombol Hapus Berfungsi

Password Pegawai Tombol Tambah Save Berfungsi

Tombol Tambah Reset Berfungsi

Tombol Edit Berfungsi

62

Tombol Hapus Berfungsi

Password Supplier Tombol Tambah Save Berfungsi




Password Admin Tombol Tambah Save Berfungsi




Product Tombol Upload Gambar Berfungsi

Choose Berfungsi

Tombol Hapus Gambar Berfungsi

Tabel 11. Uji Coba Fungsional Halaman Back End

4.4.3 Uji Coba Validasi

Uji coba validasi adalah pemeriksaan keakuratan hasil data yang telah

dimasukan kedalam aplikai. Uji coba tersebut dilakukan dengan validasi sistem

pengisian data kedalam sistem uji coba yang diterapkan dalam hasil implementasi

yaitu apakah company profile PT.Nandya Karya Perkasa sudah valid atau belum

valid, sebagai contoh dapat ditampilkan pada halaman home, untuk lebih jelasnya

dapat dilihat contoh gambar hasil uji coba validasi dibawah ini.

Gambar 66. Halaman Home

bab iv analisis dan perancangan sistem · pdf file18 4.2 perancangan sistem berdasarkan...

Documents