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 :
13
Pegawai
HRD Data Pegawai
START
Data Pegawai
1
1
Input Data Pegawai
Database Pegawai
Laporan Habis
Laporan Data
3
2
Pegawai
Kontrak
2
END 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
14
Dokumen sistem informasi data supplayer yang sedang berjalan dapat dilihat pada gambar 5 : Supplier START
Data Supplier 1
HRD Data Supplier
1
Input Data Supplier
Database Supplier
Laporan Data
2
Supplier 2
Brosur
Brosur
END 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
15
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.
16
Pegawai
Supplier
Data Pegawai 1
START
Data Pegawai 1
HRD
Data Supplier 2
Data Supplier 2
Database Pegawai dan Database Supplier
Input Data
2
Laporan Data 1 1&2
Company Profile
Company Profile
Login
Login
Laporan Data 4
Laporan Data 3
Company Profile
END
Gambar 6. Bagan Dokumen Company Profile Yang Akan Dikembangkan
17
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 id nama password *nik
Data Pegawai id_pagawai namalengkap Alias *nik Alamat Telpon Jabatan Tglmulai Tglakhir Status id_bagian Keterangan Birthday Citybrth Habiskontrak Resain Image Menikah Penahir
Gambar 7. Inisialisasi Database Data Pegawai
18
Login Supplier
Data Supplier
id nama password *idsubcont
*id Nama Pemilik 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
Int
3
Not Null
Nama
Varchar
25
Not Null
Password
Varchar
25
Not Null
Id
19
2.
Tabel Contact
Tabel 2. Tabel Contact Nama Field
Type
Lebar
Keterangan
Int
3
Not Null
Name
Varchar
50
Not Null
Email
Text
Not Null
Subject
Text
Not Null
Message
Text
Not Null
Id
3.
Tabel Password Pegawai
Tabel 3. Tabel Password Pegawai Nama Field
Type
Lebar
Keterangan
Int
3
Not Null
Nama
Varchar
50
Not Null
Password
Varchar
10
Not Null
Nik
Varchar
10
Not Null
Type
Lebar
Keterangan
Int
3
Not Null
Nama
Varchar
50
Not Null
Password
Varchar
10
Not Null
IDSubcont
Varchar
10
Not Null
Id
4.
Tabel Password Supplier
Tabel 4. Tabel Password Supplier Nama Field Id
20
5.
Tabel Product
Tabel 5. Tabel Product Nama Field
Type
Lebar
Keterangan
Int
3
Not Null
Nama_file
Varchar
255
Not Null
Deskripsi
Varchar
255
Not Null
Type
Lebar
Keterangan
Int
10
Not Null
NamaLengkap
Varchar
50
Alias
Varchar
15
NIK
Varchar
15
Alamat
Varchar
225
Telpon
Varchar
100
Jabatan
Varchar
100
Id
6.
Tabel Data Pegawai
Tabel 6. Tabel Data Pegawai Nama Field IDPegawai
TglMulai
Date
TglAkhir
Date
Status
Int
1
Not Null
IDBag
Int
11
Not Null
Varchar
225
Keterangan Birthday
Date
CityBrth
Varchar
Habiskontrak Resain
25
Date Int
1
21
Image
Varchar
228
Menikah
Int
1
Penahir
Varchar
30
7.
Not Null
Tabel Data Supplier
Tabel 7. Tabel Data Supplier Nama Field
Type
Lebar
Keterangan
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
Int
11
Id
Status
Not Null
22
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.
Pegawai Data Pegawai Isi Data Pegawai
Tabel Pegawai
2.
supplier Data Supplier Isi Data Supplier
Tabel Supplier
23
C. Iventarisasi Data & Informasi Data / Informasi
D.
Arus
Terminator
Data Pegawai
Masuk
Pegawai
Data Supplier
Masuk
Supplier
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. Supplier
Pegawai
Data Supplier
Company Profile
Data Pegawai
PT. Nandya Karya Perkasa
Gambar 9. Diagram Konteks E.
DFD Level 0 Rancangan DFD level 0 di tampilkan pada gambar 10 Bagian HRD Pegawai
Data Pegawai
Data Pegawai
Input Data
Pegawai
Data Supplier Data Supplier Supplier
Supplier
Gambar 10. DFD Level 0
24
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 :
25
E
Home
A
F B
C
D
G A1 H A2
I
A3
J
A4
A5
A6
A7 A
A8 A9
Gambar 11. Full Web Model Company Profile PT.Nandya Karya Perkasa Keterangan : Home : Halaman Utama
A5
: Engineering
B
: Product
A
A6
: Production
C
: Customers
: About Us
26
A7
: Machines
A8
: Quality Control
A1
: Business
A2
: Management
A3
: Struktur Organisasi
A4
: Environment
A9
: Delivery
G
: Pegawai
I
: Data Pegawai
H
: Supplier
J
: Data Supplier
D
: Contact
E
: Admin
F
: Login
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.
27
START
Home
A
Menu Pilihan 1. About /us 2. Product 3. Customers 4. News 5. Contact 6. Login
About Us
Menu Pilihan 1.SEJARAH 2.BUSINESS 3.MANAGEMENT 4.ENVIRONMENT 5.ENGINEERING 7.PRODUCTION 8.MACHINES 9.QUALITY CONTROL 10.DELIVERY
Product
Customers
Contact
A
A
A
Login
Hal Login
B
Menu Pilihan 1.Admin 2.Pegawai 3.Supplier
Admin
Pegawai
Supplier
Username, password
Username, password
Username, password
A
B
Login Valid
Admin
Menu Pilihan 1.Data Contact 2.Password Pegawai 3.Password Supplier 4.Password Admin 5.Product
D
B
Login Valid
A
Data Pegawai
B
Login Valid
A
Data Supplier
Habis Kontrak Pertahun
Detail Supplier
A
A
C
Gambar 12. Flowchart Sistem Company Profile PT. Nandya Karya Perkasa
28
C
Data Contact
Hapus
Password Supplier
Password Admin
E
F
G
Product
H
Database
D
Password Pegawai
D
Gambar 13. Flowchart Sistem Data Contact E
Edit
Input
Edit
Save/Reset
D
Update
Hapus
D
Update
Database
D
Tambah
D
Gambar 14. Flowchart Sistem Tambah Password Pegawai
29
F
Edit
Input
Edit
Save/Reset
D
Update
Hapus
D
Update
Database
D
Tambah
D
Gambar 15. Flowchart Sistem Tambah Password Supplier G
Edit
Input
Edit
Save/Reset
D
Update
Hapus
D
Update
Database
D
Tambah
D
Gambar 16. Flowchart Sistem Tambah Password Admin 30
H
Upload Gambar
Hapus
Input
D
Upload
Update
Database
D
D
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.
31
a.
Perancangan Halaman Home Header
Home About Us Product Customers Contact Login
Gambar
Footer
Gambar 18. Rancangan Halaman Home
b.
Perancangan Halaman About Us Header
Home About Us Product Customers Contact Gambar
Peresmian Pabrik Baru
ABOUT US
Juni 07, 2007 Penandatanganan prasasti oleh Bapak H. Hadi Subroto (Dirut PT. Nandya Karya Perkasa)
SEJARAH BUSINESS
Gambar
Siaga Kebakaran
FACILITIES
Agustus 09, 2007 Sebagai antisipasi terhadap peristiwa kebakaran
ENGINEERING PRODUCTION
di pabrik baru
MACHINES
Footer
Gambar 19. Rancangan Halaman About Us
32
c.
Perancangan Halaman Sejarah Header
Home About Us Product Customers Contact 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
Gambar 20. Rancangan Halaman Sejarah
d.
Perancangan Halaman Business Header
Home About Us Product Customers Contact
Gambar
Footer
Gambar 21. Rancangan Halaman Business
33
e.
Perancangan Halaman Management Header
Home About Us Product Customers Contact KEBIJAKAN MANAJEMEN 1. Menghasilkan produk yang berkualitas 2. Melakukan Perbaikan terus menerus untuk memenuhi harapan dan kepuasan pelanggan karyawan
STRUKTUR ORGANISASI
Footer
Gambar 22. Rancangan Halaman Management
f.
Perancangan Halaman Struktur Organisasi Header
Home About Us Product Customers Contact
Footer
Gambar 23. Rancangan Halaman Struktur Organisasi
34
g.
Perancangan Halaman Environment Header
Home About Us Product Customers Contact
Footer
Gambar 24. Rancangan Halaman Environment h.
Perancangan Halaman Engineering Header
Home About Us Product Customers Contact Prod u ksi Di es di l a k u ka n s es uai d e ng a n des ai n dr aw i n g u nt u k
Gambar
Footer
Gambar 25. Rancangan Halaman Engineering
35
i.
Perancangan Halaman Production Header
Home About Us Product Customers Contact
Footer
Gambar 26. Rancangan Halaman Production j.
Perancangan Halaman Machinis Header
Home About Us Product Customers Contact PRODUCTION MACHINIS NO 1 2 3 4
NAMA MESIN
JUMLAH
Mechanical Press 16 - 35 ton
SPESIFIKASI -
Mechanical Press 55 ton
With Air Feeder
2 unit
Mechanical Press 63 ton
With Air Feeder
2 unit
Mechanical 3 – 12 ton
10 unit 10 unit
Footer
Gambar 27. Rancangan Halaman Machinis
36
k.
Perancangan Halaman Quality Control Header
Home About Us Product Customers Contact Quality Control berfungsi sebagai alat atau metoda yang berguna untuk mengidentifikasi masalah
Gambar
Footer
Gambar 28. Rancangan Halaman Quality Control l.
Perancangan Halaman Delivery Header
Home About Us Product Customers Contact Untuk memenuhi kepuasan customers maka pengiriman yang dilakukan mengacu kepasa “On Time Delivery
Gambar
Footer
Gambar 29. Rancangan Halaman Delivery
37
m. Perancangan Halaman Product Header
Home About Us Product Customers Contact Gambar
Gambar
Gambar
Gambar
Footer
Gambar 30. Rancangan Halaman Product n.
Perancangan Halaman Customers Header
Home About Us Product Customers Contact 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
FooterBEKASI
INDONESIA
PT. HOSHIHARA TEKNIK INDONESIA
BEKASI
INDONESIA
CV. INTERTEKNINDO JAYA
TANGERANG
INDONESIA
PT. YUMIDA SIBA UTAMA
BEKASI
INDONESIA
Gambar 31. Rancangan Halaman Customers
38
o.
Perancangan Halaman Contact Header
Home About Us Product Customers Contact Contact From
Map
Nama: Email:
Peta
Subject: Our Address
Message:
PT. Nandya Karya Perkasa Jl. KH.Umar Dayeuh Rawa Ilat Cileungsi - Bogor Telp : 021-82499386,
Footer 82499427, 82499447, 82499486
Gambar 32. Rancangan Halaman Contact Fax : 021-82499451 p.
Perancangan Halaman Login Header
Home About Us Product Customers Contact .: Selamat Datang Di Halaman Login :. User Name: Gambar
Password : Hak Akses :
Footer
Gambar 33. Rancangan Halaman Login
39
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 Header
Logout Admin Hi...ADMIN Silahkan untuk mengolah data MENU Data Contact Us Password Karyawan Password Supplier Password Admin
PT.NANDYA KARYA PERKASA
Logo
Product
Footer
Gambar 34. Perancangan Halaman Home
40
2.
Perancangan Halaman Data Contact Us Header
Logout Admin Data Contact
Name DHELA
Email
[email protected]
Subject Test
Message Halloooo
Tools X
Footer
Gambar 35. Perancangan Halaman Contact Us 3.
Perancangan Halaman Password Header
Logout Admin Hi...ADMIN Silahkan untuk mengolah data PASSWORD
V
PT.NANDYA KARYA PERKASA
Tambah Password Edit & Hapus Password
Logo
Footer
Gambar 36. Perancangan Halaman Password
41
4.
Perancangan Halaman Tambah Password Header
Logout Admin Back TAMBAH PASSWORD
Hi...ADMIN Silahkan untuk mengolah Gambar data
Nama
PT.NANDYA KARYA PERKASA
Back
Password NIK
Footer
Gambar 37. Perancangan Halaman Tambah Password 5.
Perancangan Halaman Edit & Hapus Password Header
Logout Admin
Nama Ridwan
Password 1234
Tools / X
Footer
Gambar 38. Perancangan Halaman Edit & Hapus Password
42
6.
Perancangan Halaman Edit Header
Logout Admin Hi...ADMIN Silahkan untuk mengolah data Nama
Ridwan
PT.NANDYA KARYA PERKASA Password
Back
Gambar
1234
Save
Footer
Gambar 39. Perancangan Halaman Edit 7.
Perancangan Halaman Product Header
Logout Admin Hi...ADMIN Silahkan untuk mengolah data PRODUCT
PT.NANDYA KARYA PERKASA
Upload Gambar Hapus Gambar
Footer
Gambar 40. Perancangan Halaman Product
43
8.
Perancangan Halaman Upload Gambar Header
Logout Admin UPLOAD GAMBAR Choose
Upload
Footer
Gambar 41. Perancangan Halaman Upload Gambar 9.
Perancangan Halaman Hapus Gambar Header
Home About Us Product Customers Contact Login Gambar
Gambar Delete
Delete Footer
Gambar 42. Perancangan Halaman Hapus Gambar
44
B. Perancangan Halaman Back End Pegawai 1.
Perancangan Halaman Home Pegawai Header
Logout Pegawai
NIK
NAMA
ALAMAT
141
RIDWAN
Depok
JABATAN
HABIS KONTRAK 2010-07-06
Footer
Gambar 43. Perancangan Halaman Home Pegawai 2.
Perancangan Halaman Habis Kontrak Pegawai Pertahun Header
Logout Kembali Pegawai HABIS KONTRAK PEGAWAI 2011 NAMA LENGKAP Rusli Yohanes Wae Ramdanih
NIK 008 039 071
TANGGAL MULAI 1991-04-01 2000-06-02 2000-11-12
TANGGAL AKHIR 0000-00-00 2007-03-28 2007-03-28
KETERANGAN Aktif Aktif Aktif
HABIS KONTRAK 2011-01-25 2011-01-24 2011-02-01
Footer
Gambar 44. Perancangan Halaman Habis Kontrak Pegawai Pertahun
45
C. Perancangan Halaman Back End Supplier 1.
Perancangan Halaman Home Supplier Header
Logout Detail Supplier ID
NAMA
ALAMAT
TELPON
FAX
EMAIL
227
PT.
Komplek
6459326-7
6459456
[email protected]
ALLINDO
Pertokoan
COIN MAS
Marina
ERA
Mangga Dua Blok D 10-12A
Footer
Gambar 45. Perancangan Halaman Home Supplier 2.
Perancangan Halaman Detail Supplier Header
Logout Kembali Detail Supplier SUPPLIER ID 227 228 238
NAMA PT. ALLINDO COIN MAS ERA PT. AMANAH BUDI LAKSANA CV. COMFY STYLE
ALAMAT Komplek Pertokoan Marina Mangga Dua Blok D 10-12A Jl. SMA 48 No. 46 Kel. Pinang Ranti, Kec. Makasar Jl. Pintu Air Raya No.11 Pasar Baru
Footer
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
46
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 :
47
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, 48
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
49
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
50
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
51
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
52
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 53
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 : 1. Buka aplikasi Adobe Dreamweaver CS5 2. Pilih create new php 3. Buat file dengan nama about.php 4. Masukan listing programnya beserta data dan conten yang disediakan 5. Simpan pada folder praktik_lapang 6. Save Tampilan yang akan dihasilkan pada halaman about us adalah :
54
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 : 1. Buka aplikasi Adobe Dreamweaver CS5 2. Pilih create new php 3. Buat file dengan nama contact.php 4. Masukan listing program 5. Simpan pada folder praktik_lapang 6. Save Tampilan yang akan dihasilkan pada halaman contact adalah :
55
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 : 1.
Buka aplikasi Adobe Dreamweaver CS5
2.
Pilih create new php
3.
Buat file dengan nama koneksi.php
56
Gambar 61. Implementasi Pembuatan Koneksi
4.
Buat file dengan nama login.php
Gambar 62. Implementasi Pembuatan Halaman Login
57
Gambar 63. Tampilan Halaman Login 5. Buat file dengan nama prosesLogin.php
Gambar 64. Implementasi Pembuatan Proses Login 6. Simpan pada folder praktik_lapang 7. Save
58
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. 1.
Buka aplikasi Adobe Dreamweaver CS5
2.
Pilih create new php
3.
Buat file dengan nama tampil_data_contact.php
4.
Masukan listing program
Gambar 65. Implementasi Pembuatan Halaman Tampilan Contact Masuk 5.
Simpan pada folder praktik_lapang
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.
59
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
60
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 Contact
Link
Hasil
Tombol Send
Berfungsi
Tombol Reset
Berfungsi
Tabel 10. Uji Coba Fungsional Halaman Front End
Halaman Login
Link
Hasil
Tombol Kirim
Berfungsi
Tombol Reset
Berfungsi
Data Contact
Tombol Hapus
Berfungsi
Password Pegawai
Tombol Tambah Save
Berfungsi
Tombol Tambah Reset
Berfungsi
Tombol Edit
Berfungsi
61
Password Supplier
Password Admin
Product
Tombol Hapus
Berfungsi
Tombol Tambah Save
Berfungsi
Tombol Tambah Reset
Berfungsi
Tombol Edit
Berfungsi
Tombol Hapus
Berfungsi
Tombol Tambah Save
Berfungsi
Tombol Tambah Reset
Berfungsi
Tombol Edit
Berfungsi
Tombol Hapus
Berfungsi
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 62
