i
LAPORAN PRAKTEK KERJA LAPANGAN SISTEM KATALOG PRODUK BERBASIS WEB
DI PT. FURNINDO INTERNATIONAL
Diajukan untuk memenuhi persyaratan kelulusan Matakuliah TIT-317 Praktek Kerja Lapangan
Oleh :
Muhammad Rifai / NIM : 2013-51-130
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK
ii
HALAMAN PENGESAHAN LAPORAN KERJA PRAKTEK
Nama : Muhammad Rifai
NIM : 2013-51-130
Program Studi : Teknik Informatika
Judul Praktek Kerja Lapangan : Sistem Katalog Produk Berbasis Web di PT.
Furnindo International
Pembimbing : Tutik Khotimah, M.Kom
Dilaksanakan : Semester Genap tahun 2015/2016
Kudus, Februari 2016 Menyetujui :
Dosen Pembimbing
Tutik Khotimah, M.Kom NIDN. 0608068502
Mengetahui :
Ka. Progdi Teknik Informatika
iii ABSTRAK
PT. Furnindo International merupakan sebuah perusahaan yang bergerak di bidang furniture meubel. Seiring dengan kemajuan teknologi, perusahaan akhirnya membutuhkan sebuah sistem yang memudahkan pelanggan untuk mengakses informasi yang dibutuhkan, seperti produk yang ditawarkan atau detail kontak perusahaan maupun transaksi yang dilakukan.
Melalui sistem katalog produk berbasis web, pelanggan dapat dengan mudah mendapatkan informasi tersebut. Seiring dengan kebutuhan pengembangan aplikasi, maka diperlukanlah sebuah kerangka kerja (framework) yang dapat membantu menyelesaikan hal tersebut.
Framework CakePHP dengan konsep MVC (Model View Controller) yang memungkinkan pengerjaan web antara logika dengan presentasi tampilan web dilakukan secara terpisah sehingga memudahkan user mengakses informasi secara mudah, cepat, dan akurat.
iv
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Tuhan Yang Maha Esa atas limpahan rahmat dan karunia-Nya sehingga penyusunan Laporan Praktek Kerja Lapangan ini dapat selesai dengan baik.
Penyusunan Laporan Praktek Kerja Lapangan ini merupakan salah satu syarat untuk menyelesaikan program studi Teknik Informatika S1 pada Fakultas Teknik Universitas Muria Kudus.
Dalam pelaksanaan kegiatan Praktek Kerja Lapangan selama 1 bulan ini penulis dengan segala kerendahan hati ingin mengucapkan terima kasih yang sebesar-besarnya atas bantuan berupa dorongan, semangat, bimbingan, petunjuk, nasihat, dan kerja sama dari berbagai pihak antara lain :
1. Dr. Suparnyo SH. MS., selaku Rektor Universitas Muria Kudus.
2. Bapak Mohammad Dahlan ST. MT., selaku Dekan Fakultas Teknik Universitas Muria Kudus.
3. Bapak Ahmad Jazuli M.Kom., selaku Ketua Program Studi Teknik Informatika, atas ijinnya dapat melaksanakan Praktek Kerja Lapangan.
4. Ibu Tutik Khotimah M.Kom., selaku dosen pembimbing yang selalu memberikan bimbingan, arahan serta motivasi dan dukungan sehingga penulis dapat menyelesaikan laporan ini dengan baik.
5. Bapak Muh. Yusuf Nugroho Wiyono selaku pembimbing lapangan PT. Furnindo International, yang selalu memberikan bimbingan, arahan serta motivasi dan dukungan sehingga penulis dapat melaksanakan Praktek Kerja Lapangan dengan baik.
v
memberikan perhatian dan semangat yang besar dalam mendukung kegiatan yang penulis lakukan.
Kiranya masih banyak lagi yang membantu dalam penyelesaian laporan ini yang tidak dapat ditulis satu persatu dalam kata pengntar ini, penulis mengucapkan terima kasih banyak. Dan penulis mohon maaf yang sebesar-besarnya atas segala kekhilafan baik yang disengaja maupun tidak disengaja. Akhirnya penulis berharap semoga laporan ini akan membawa manfaat bagi kita semua dan bagi penulis khususnya. Amiin.
Kudus, Februari 2016 Penulis
vi DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PENGESAHAN ... ii
ABSTRAK ... iii
KATA PENGANTAR ... iv
DAFTAR ISI ... vi
BAB II GAMBARAN UMUM PERUSAHAAN ... 4
2.1. Profil Perusahaan ... 4
2.2. Visi dan Misi Perusahaan ... 5
2.2.1. Visi ... 5
2.2.2. Misi ... 5
2.3. Struktur Organisasi ... 5
2.4. Deskripsi Pekerjaan ... 7
2.4.1. Director ... 7
2.4.9. Research & Development ... 11
vii
2.4.11. Information and Technology ... 12
2.5. Jadwal Kerja Praktek Kerja Lapangan ... 13
2.6. Denah Lokasi Perusahaan... 14
BAB III TEORI PENUNJANG ... 15
3.1. Sistem ... 15
3.2. Informasi ... 15
3.3. Sistem Informasi ... 16
3.4. Konsep Sistem Informasi ... 16
3.5. Katalog Digital ... 18
3.6. Alat Bantu Perancangan Sistem ... 19
3.6.1. PHP ... 19
3.6.2. Framework... 20
3.6.3. CakePHP ... 22
3.6.4. Arsitektur MVC ... 23
3.6.5. UML (Unified Modeling Language) ... 25
3.7. Tools yang Digunakan ... 34
3.7.1. MySQL ... 34
3.7.2. XAMPP ... 37
3.7.3. Arsitektur Enterprise (Enterprise Architecture) ... 39
BAB IV PELAKSANAAN PRAKTEK KERJA LAPANGAN ... 41
4.1. Analisa Sistem Yang Dibangun... 41
4.2. Analisa Kebutuhan Data dan Informasi ... 41
4.3. Analisa Kebutuhan Fungsional... 42
4.4. Analisa Kebutuhan Software dan Hardware ... 42
4.5. Perancangan dan Permodelan Sistem ... 43
4.5.1. Use CaseDiagram ... 43
4.5.2. Class Diagram ... 45
4.5.3. Sequence Diagram ... 52
4.5.4. Activity Diagram ... 56
viii
4.7. Relasi Tabel ... 69
4.8. Desain Input dan Output yang Diusulkan... 70
4.8.1. Desain Layout ... 70
4.8.2. Form Login ... 71
4.8.3. Struktur Menu User ... 71
4.8.4. Struktur Menu Admin ... 72
4.8.5. Desain Input ... 73
4.8.5.1. Form Input Finishing ... 73
4.8.5.2. Form Input Jenis Furniture ... 73
4.8.5.3. Form Input Katalog ... 74
4.8.6. Desain Output ... 75
4.8.6.1. Form Output Finsihing ... 75
4.8.6.2. Form Output Jenis Furniture ... 76
4.8.6.3. Form Output Katalog ... 77
4.8.7. Desain Tambah User ... 77
4.9. Implementasi ... 78
4.9.1. Implementasi Database ... 79
4.9.2. Implementasi Sistem ... 79
4.9.2.1. Implementasi Struktur Menu User ... 79
4.9.2.2. Implementasi Struktur Menu Admin ... 80
4.9.2.3. Implementasi Input ... 81
4.9.2.4. Implementasi Output ... 83
BAB V PENUTUP ... 86
5.1. Kesimpulan ... 86
5.2. Saran ... 86
ix
DAFTAR TABEL
Tabel 3.1 Notasi Use Case Diagram ... 26
Tabel 3.2 Notasi Class Diagram ... 30
Tabel 3.3 Notasi Sequence Diagram ... 31
Tabel 3.4 Notasi Activity Diagram ... 33
Tabel 4.1 Deskripsi Use Case Lihat Katalog Produk ... 44
Tabel 4.2 Tabel Brands ... 61
Tabel 4.3 Tabel Categories ... 62
Tabel 4.4 Tabel Contacts ... 62
Tabel 4.5 Tabel Products ... 63
Tabel 4.6 Tabel Tags ... 64
Tabel 4.7 Tabel Users ... 65
Tabel 4.8 Tabel Orders ... 66
Tabel 4.9 Tabel Orders Items ... 68
x
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi ... 6
Gambar 2.2 Denah Lokasi Perusahaan ... 14
Gambar 3.1 Logo PHP ... 19
Gambar 3.2 Logo CakePHP ... 22
Gambar 3.3 Arsitektur MVC ... 24
Gambar 3.4 Logo UML ... 25
Gambar 3.5 Logo MySQL... 35
Gambar 3.6 Logo XAMPP ... 37
Gambar 3.7.3.7 Logo EA ... 39
Gambar 4.1 Use Case Diagram ... 44
Gambar 4.5.2 Kelas Brands ... 45
Gambar 4.3 Kelas Categories ... 46
Gambar 4.4 Kelas Products ... 46
Gambar 4.5 Kelas Users ... 47
Gambar 4.6 Kelas Contatcs ... 48
Gambar 4.7 Kelas Tags ... 48
Gambar 4.8 Kelas Productmods ... 49
Gambar 4.9 Kelas Orders_Items ... 50
Gambar 4.10 Kelas Orders ... 51
Gambar 4.11 Class Diagram Sistem Katalog Produk ... 52
Gambar 4.12 Sequence Diagram Browse Produk ... 53
Gambar 4.13 Sequence Data Produk ... 53
Gambar 4.14 Sequence Finishing ... 54
Gambar 4.15 Sequence Jenis Furniture ... 55
Gambar 4.16 Sequence Contact Us ... 55
Gambar 4.17 Sequence Login ... 56
Gambar 4.18 Activity Login Admin ... 57
Gambar 4.19 Activity Input Data Produk... 58
Gambar 4.20 Activity Edit Data Produk ... 59
Gambar 4.21 Activity Delete Data Produk ... 60
xi
Gambar 4.23 Desain Layout ... 70
Gambar 4.24 Form Login ... 71
Gambar 4.25 Struktur Menu User ... 72
Gambar 4.26 Struktur Menu Admin ... 72
Gambar 4.27 Form Tambah Finishing ... 73
Gambar 4.28 Form Tambah Furniture... 74
Gambar 4.29 Form Tambah Katalog ... 75
Gambar 4.30 Form Output Finishing ... 76
Gambar 4.31 Form Output Jenis Furniture... 76
Gambar 4.32 Form Output Tambah Katalog ... 77
Gambar 4.33 Form Tambah User ... 78
Gambar 4.34 Implementasi Database ... 79
Gambar 4.25 Impelemntasi Struktur Menu User ... 80
Gambar 4.36 Implementasi Struktur Menu Admin ... 80
Gambar 4.37 Impelemntasi Form Login ... 81
Gambar 4.38 Implementasi Form Tambah Finishing ... 81
Gambar 4.39 Implementasi Form Tambah Jenis Furniture .... 82
Gambar 4.40 Implementasi Form Tambah Katalog ... 82
Gambar 4.41 Impelementasi Form Tambah User ... 83
Gambar 4.42 Implementasi Output Tambah FInishing ... 84
xii
DAFTAR LAMPIRAN
1 BAB I PENDAHULUAN
1.1. Latar Belakang
Perkembangan teknologi informasi yang demikian pesatnya membawa dampak yang sangat signifikan dalam berbagai aspek kehidupan. Pada saat ini teknologi informasi banyak digunakan dalam berbagai bidang, seperti bidang usaha, administrasi, pendidikan, pemerintahan dan lain-lain. Penggunaan teknologi ini dimaksudkan untuk efektivitas dan efesiensi pekerjaan.
Katalog adalah alat publikasi yang digunakan perusahaan sebagai cara untuk mempromosikan produk dan layanan mereka. Grafis memungkinkan berbagai macam perusahaan untuk menginformasikan kepada calon pelanggan dan pelanggan yang sudah ada tentang fitur produk mereka dalam rangka untuk mendorong penjualan mereka. Katalog adalah sarana bagi perusahaan untuk menyajikan secara rinci cakupan produk dan jasa, langsung kepada pelanggan.
melihat-2
lihat produk apa yang ditawarkan oleh PT. Furnindo International.
Dalam hal ini penulis mengajukan sebuah sistem katalog produk berbasis web agar membantu pengguna yang ingin melihat katalog produk tanpa harus datang langsung ke lokasi perusahaan.
1.2. Perumusan Masalah
Berdasarkan latar belakang masalah yang telah dikemukakan diatas, maka dapat diidentifikasi rumusan masalah yaitu, “Bagaimana membangun sebuah sistem informasi berbasis web sebagai media katalog produk pada PT. Furnindo International yang dapat di-update dengan mudah pada waktu yang diinginkan dan menyediakan database produk sebagai media penyimpanannya ?”
1.3. Batasan Masalah
Perancangan yang dilakukan agar dapat mencapai sasaran dan tujuan yang tepat, maka permasalahan yang ada dibatasi sebagai berikut :
a. Pembahasan mencakup perancangan sistem katalog produk yang meliputi, katalog produk, detail kontak perusahaan, dan profil perusahaan.
b. Sistem ini tidak berhubungan dengan stok barang yang dijual pada web, diasumsikan barang tersebut dibuat dengan lama waktu tertentu, dan sudah siap untuk diantarkan ke pemesan.
1.4. Tujuan
3
a. Merancang sebuah sistem informasi berbasis web yang sederhana dan ringan, namun dapat memenuhi kebutuhan pengguna dan penjual dalam mengelola data. b. Akan terbangun sebuah sistem informasi berbasis web
yang dapat digunakan sebagai media katalog produk. 1.5. Manfaat PKL
Selain maksud dan tujuan di atas, dengan adanya laporan ini dapat memberikan manfaat antara lain sebagai berikut :
a. Untuk Mahasiswa
a. Dapat membuat sistem katalog produk secara komputerisasi untuk mengatasi permasalahan yang ada dengan cepat, dan akurat.
b. Mendapatkan pengalaman kerja sebelum memasuki dunia kerja nantinya.
c. Menambah wawasan dan pemahaman tentang dunia kerja pada instansi terkait.
d. Mengaplikasikan teori yang didapat dibangku kuliah dengan dunia kerja yang sebenarnya. b. Untuk Perusahaan, dapat mengaplikasikan sistem agar
4 BAB II
GAMBARAN UMUM PERUSAHAAN
2.1. Profil Perusahaan
PT. Furnindo International adalah sebuah perusahan yang berpengalaman lebih dari 10 tahun di bidang pembuatan mebel, yang memperlihatkan sebuah karya indah dari para perajin pilihan. Furnindo membuat mebel tradisional menjadi mebel modern dengan sentuhan lembut dari French.
Furnindo melayani berbagai macam kebutuhan furniture yang diperlukan oleh masyarakat perumahan, perusahaan maupun perkantoran serta instansi atau lembaga di Indonesia. Produk yang ditawarkan dapat berupa interior modern, furniture antik, salinan dari restorasi furniture sampai customfurniture.
Setiap produk yang ditawarkan tentunya memiliki kualitas yang tinggi dan berbahan dasar yang berkualitas tinggi pula. Furnindo menawarkan berbagai macam furniture yang dapat dipesan sesuai dengan keinginan anda dan tentunya kami menjamin barang tersebut dalam kondisi terbaik hingga sampai tempat tujuan.
5 2.2. Visi dan Misi Perusahaan
2.2.1. Visi
Visi adalah suatu pandangan ke depan kearah mana suatu organisasi akan dibawa, agar tetap eksis inovatif dan antisipatif. Dikatakan juga bahwa visi adalah suatu abstrak atau gambaran keadaan di masa yang akan datang, yang akan diwujudkan oleh seluruh potensi organisasi. Sehingga visi PT. Furnindo International adalah sebagai berikut :
“Menjadi perusahaan Furniture yang profesional sebagai supplier dan produsen meubel berkualitas, inovatif serta mampu menghadapi persaingan global.”
2.2.2. Misi
Untuk mewujudkan visi yang telah ditetapkan, setiap perusahaan harus mempunyai misi yang jelas. Misi merupakan pernyataan yang menetapkan tujuan perusahaan dan sasaran yang ingin dicapai. Berkenaan dengan hal tersebut, misi PT. Furnindo International adalah seabagai berikut :
1) Membangun individu yang profesional. 2) Memproduksi meubel yang berkualitas.
3) Membangun sebuah perusahaan yang memiliki akuntabilitas dan kredibilitas tinggi.
2.3. Struktur Organisasi
7 2.4. Deskripsi Pekerjaan
2.4.1. Director
Direktur Utama merupakan kedudukan yang paling penting di perusahaan ini, yang membawahi seluruh kedudukan. Adapun tugas dan tanggung jawabnya adalah sebagai berikut :
1) Menetapkan garis-garis kebijakan perusahaan, menetapkan tujuan perusahaan.
2) Memiliki wewenang dalam menangani masalah keuangan, mencari dan mengatur penggunaan dana perusahaan untuk kelancaran operasi perusahaan.
3) Bertanggungjawab penuh dalam menjalankan tugas untuk kepentingan perusahaan sesuai ketentuan yang berlaku.
4) Menetapkan kebijakan-kebijakan dan membuat aturan kepegawaian.
5) Memimpin rapat evaluasi bulanan dan mengawasi usaha operasi perusahaan. 2.4.2. Secretary
Secara umum tugas-tugas sekretaris adalah meliputi hal-hal sebagai berikut :
1) Menerima dikte dari pimpinan. 2) Menerima tamu-tamu pimpinan.
3) Membuat jadwal pertemuan dan perjanjian dengan kolega, relasi maupun kegiatan lainnya. 4) Melaksanakan korespondensi (menerima dan
mengirim surat termasuk telegram).
8
6) Menyiapkan bahan-bahan keterangan kepada pimpinan sesuai dengan kebutuhan pimpinan dalam rapat maupun kegiatan lainnya. 2.4.3. Plan Manager
Plan Manager merupakan orang yang bertanggung jawab penuh terhadap gerak majunya suatu perusahaan karena di sini, Plan Manager merencanakan semua kegiatan yang akan dilaksanakan dalam sebuah perusahaan. Adapun tugas dan tanggungjawabnya adalah sebagai berikut :
1) Mengontrol kinerja manajer.
2) Bertanggung jawab atas keseluruhan pabrik atau perusahaan.
3) Mengontrol bisnis plan yang telah dibuat terhadap kondisi riil yang ada di lapangan.
4) Memeriksa pelaksanaan kegiatan di lapangan dan menilai secara langsung pelaksanaan kegiatan di lapangan.
2.4.4. HRD & GA Manager
Tugas dan tanggung jawab dari HRD & GA Manager adalah sebagai berikut :
1) Melakukan persiapan dan seleksi tenaga kerja. 2) Pengembangan dan evaluasi karyawan.
3) Memberikan kompensasi dan proteksi pada karyawan.
4) Hubungan antara manajemen dan karyawan. 5) Melakukan analisa kebutuhan anggaran atas
9
6) Membina hubungan dengan para vendor atau supplier barang dan jasa fasilitas/prasarana perusahaan.
7) Bertanggung jawab terhadap kegiatan yang berhubungan dengan rekapitulasi absensi karyawan, perhitungan gaji, tunjangan dan bonus. 2.4.5. Finance & ADM Manager
Bagian keuangan bertugas untuk mengelola keuangan perusahaan, setiap hal terkait keuangan baik itu dalam hal produksi atau pengeluaran serta pendapatan maka akan menjadi tanggung jawab bagian keuangan. Tugas dan tanggung jawabnya antara lain sebagai berikut :
1) Membuat bukti pembayaran pelanggan.
2) Mengelola dana yang dibutuhkan selama kegiatan produksi.
3) Mengontrol dan mengevaluasi pencatatan neraca laba rugi dan aktivitas akunting lainnya agar dapat berjalan secara tepat dan akurat.
4) Mengatur dan mengarahkan pencatatan neraca perusahaan sesuai aktivitas perusahaan dan menjaga keseimbangan neraca laba rugi. 2.4.6. Marketing Manager
Marketing betugas untuk menawarkan produk kepada pelanggan serta menjelaskan hal-hal yang terkait tentang produk kepada pelanggan. Tugas dan tanggung jawabnya sebagai berikut :
10
laporan kegiatan untuk setiap hubungan yang dilakukan.
2) Memelihara semua hasil analisis penjualan yang telah dibuat.
3) Melakukan tindak lanjut pelayanan, untuk memberikan kepuasan kepada konsumen.
4) Melakukan tindak lanjut setiap kegiatan yang dilakukan untuk memperoleh peluang usaha pada saat mendatang.
2.4.7. PPIC Manager
Bagian PPIC bertugas membantu bagian produksi untuk melancarkan pekerjaan dari penerimaan pesanan sampai selesainya produk. Tugas dan tanggung jawabnya :
1) Memberikan penjelasan setiap pesanan barang ke bagian produksi.
2) Menindaklanjuti perkembangan setiap minggu ke bagian produksi.
2.4.8. Production Manager
Kepala Bagian produksi memiliki tugas yang sangat berat untuk memeriksa semua produk yang dihasilkan. Tugas dan tanggung jawabnya diantaranya sebagai berikut :
1) Mengatur waktu pekerjaan agar sesuai dengan waktu pengiriman.
2) Mengatur posisi pengawas kualitas di masing-masing titik pekerjaan.
11 2.4.9. Research & Development
Departemen R&D, secara umum, melakukan berbagai penelitian, pengembangan dan inovasi produk yang telah ada agar sesuai dengan keinginan pasar, bahkan jika perlu mengeluarkan produk baru demi kesinambungan bisnis. Hal-hal yang harus dilakukan oleh Manajer R&D, yaitu :
1) Mencari tahu berbagai informasi dan tren produk secara intensif untuk memperkuat pengetahuan yang dapat menyokong implementasi dari perkembangan proyek dan riset – riset dasar. 2) Mengkoordinir dan memonitor proses
perkembangan produk, riset dasar, dan riset konsumen yang dilakukan oleh unit-unit yang bersangkutan.
3) Membantu para karyawan pabrik untuk mengatasi masalah yang berkaitan dengan perumusan/ resep, bahan baku, proses secara teknis, material pengemasan, dan proses sanitasi.
4) Melakukan penelitian, eksperimen dan mencari berbagai kemungkinan baru untuk mengembangkan produk-produk yang inovatif. 2.4.10. Quality Control
Bagian QC paling banyak membutuhkan pekerja, karena di setiap pekerjaan harus melewati dahulu standarisasi perusahaan. Agar produk yang dihasilkan sesuai seperti yang diinginkan. Tugas dan tanggung jawab dari bagian Quality Control adalah sebagai berikut :
12
2) Menganalisa permasalahan yang timbul pada kualitas proses dan hasil produksi.
3) Memonitor kualitas material serta hasil produksi dengan perbandingan kualitas standar.
4) Melakukan pemeriksaan terhadap jalannya proses produksi untuk memastikan kesesuaian prosedur. 5) Menyusun dan menyiapkan dokumen-dokumen
QC dan data produksi.
2.4.11. Information and Technology
Secara umum tugas-tugas bagian Information and Technology adalah meliputi hal-hal sebagai berikut :
1) Menerima, memprioritaskan dan menyelesaikan permintaan bantuan IT.
2) Membeli hardware IT, software dan hal-hal lain yang berhubungan dengan hal tersebut.
3) Instalasi, perawatan dan penyediaan dukungan harian baik untuk hardware & software Windows & Macintosh, peralatan termasuk printer, scanner, hard-drives external, dll.
4) Korespondensi dengan penyedia jasa eksternal termasuk Internet Service Provider, penyedia jasa e-mail, hardware, dan software supplier, dll. 5) Mengembangkan secara aktif kemampuan dalam
pengembangan perangkat lunak.
6) Menyediakan dukungan dan penyelesaian masalah konsumen baik untuk konsumen internal maupun eksternal.
13
8) Mengurus, mengoperasikan, maintain, dan perawatan jaringan LAN maupun WAN, manajemen sistem serta dukungan terhadap perangkat kerasnya.
2.5. Jadwal Kerja Praktek Kerja Lapangan
14 2.6. Denah Lokasi Perusahaan
Di bawah ini adalah denah lokasi PT. Furnindo International, seperti yang ditujukan pada gambar 2.2.
Jln. Gondangmanis
15 BAB III TEORI PENUNJANG
3.1. Sistem
Sistem adalah sekelompok komponen dan elemen yang digabungkan menjadi satu untuk mencapai tujuan tertentu. Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika seringkali bisa dibuat [Eriyatno, 1999:26].
3.2. Informasi
Informasi (information) dapat didefinisikan sebagai berikut :
“Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya”
Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal datum atau data-item. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata.
16
kejadian dan fakta yang ada [Jogiyanto, 2005].
3.3. Sistem Informasi
Sistem informasi adalah suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi. Atau dapat juga didefinisikan sekumpulan prosedur organisasi yang pada saat dilaksanakan akan memberikan informasi bagi pengambilan keputusan dan/atau untuk mengendalikan organisasi [Ladjamudin, 2005:13].
3.4. Konsep Sistem Informasi
Sistem informasi terdiri dari komponen-komponen yang disebut blok bangunan (building block), yang terdiri dari komponen input, komponen model, komponen output, komponen teknologi, komponen hardware, komponen software, komponen basis data, dan komponen kontrol. Semua komponen tersebut saling berinteraksi satu dengan yang lain membentuk suatu kesatuan untuk mencapai sasaran.
a) Komponen Input
17 c) Komponen Output
Hasil dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua pemakai sistem.
d) Komponen Teknologi
Teknologi merupakan “tool box” dalam sistem informasi. Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran, serta membantu pengendalian dari sistem secara keseluruhan.
e) Komponen Hardware
Hardware berperan penting sebagai suatu media penyimpanan vital bagi sistem informasi. Yang berfungsi sebagai tempat untuk menampung database atau lebih mudah dikatakan sebagai sumber data dan informasi untuk memperlancar dan mempermudah kerja dari sistem informasi.
f) Komponen Software
Software berfungsi sebagai tempat untuk mengolah, menghitung dan memanipulasi data yang diambil dari hardware untuk menciptakan suatu informasi.
g) Komponen Basis Data
18
sedemikian rupa supaya informasi yang dihasilkan berkualitas. Organisasi basis data yang baik juga berguna untuk efisiensi kapasitas penyimpanannya. Basis data diakses atau dimanipulasi menggunakan perangkat lunak paket yang disebut DBMS (Database Management System).
h) Komponen Control
Banyak hal yang dapat merusak sistem informasi, seperti bencana alam, api, temperatur, air, debu, kecurangan-kecurangan, kegagalan-kegagalan sistem itu sendiri, ketidak efisienan, sabotase dan lain sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa halhal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat diatasi [Suhari, 2011].
3.5. Katalog Digital
19 3.6. Alat Bantu Perancangan Sistem
3.6.1. PHP
Gambar 3.1 Logo PHP
20
berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).
Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerfull dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti Wikipedia, Wordpress, Joomla, dll.
Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor. PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source [Andre, 2014].
3.6.2. Framework
Framework adalah kerangka kerja. Framework juga dapat diartikan sebagai kumpulan script (terutama class dan function) yang dapat membantu developer/programmer dalam menangani berbagai masalah-masalah dalam pemrograman seperti koneksi ke database, pemanggilan variabel, file, dll sehingga developer lebih fokus dan lebih cepat membangun aplikasi.
21
membuat aplikasi yang utuh tanpa harus membuat semua kodenya dari awal. Kelebihan framework antara lain sebagai berikut :
a) Ringan dan cepat. Framework hanya melakukan pemanggilan pustaka/kelas yang dibutuhkan sehingga meminimalkan resource yang diperlukan sehingga ketika kita me-load sebuah halaman akan menjadi ringan dan cepat.
b) Menggunakan metode MVC. Seperti yang telah dijelaskan sebelumnya, dengan metode MVC akan mempermudah kita dalam memahami alur pemrograman karena untuk bagian tampilan, logika dan query database telah dipecah sedemikian rupa. c) Mayortitas mendukung berbagai jenis database.
22 3.6.3. CakePHP
Gambar 3.2 Logo CakePHP
Apa yang ada di dalam pikiran anda ketika mendengar kata CakePHP ? Kata ini masih kurang familiar bagi sebagian orang. Gambar 3.2 di atas adalah logo dari CakePHP. CakePHP merupakan sebuah rapid development framework yang gratis dan sumber terbuka untuk PHP. CakePHP adalah sebuah framework atau kerangka kerja untuk membuat aplikasi CRUD (Create, Read, Update, Delete) berbasis bahasa pemrograman PHP. CakePHP juga menjadi salah satu framework pilihan yang memungkinkan seorang pengembang web untuk membuat sebuah aplikasi dengan karakter pengembangan RAD (Rapid Application Development), yang memungkinkan untuk digunakan dan dikembangkan menjadi aplikasi lain yang lebih kompleks.
23
perlu diselesaikan, yaitu logika aplikasi. Daripada membuat sesuatu yang baru setiap memulai proyek baru, pengguna dapat meninjau unduhan CakePHP dan mulai fokus kepada logika aplikasi yang hendak dibangun [Saputra, 2012].
3.6.4. Konsep MVC
PHP Framework menggunakan metode
pengembangan berbasis MVC. Namun apa itu MVC ? MVC merupakan suatu metode untuk memisahkan bagian-bagian dari suatu web aplikasi. MVC adalah kependekan dari Model View Controller. MVC terdiri dari tiga bagian yaitu [Admin, 2014]:
a) Model : Model mewakili struktur data. Biasanya model berisi fungsi-fungsi yang membantu kita dalam pengelolaan database seperti memasukkan data ke database, update data dan lain-lain.
b) View : View adalah bagian yang mengatur tampilan ke user. Bisa di katakan berupa halaman web.
24
Gambar 3.3 Arsitektur MVC
25
3.6.5. UML (Unified Modeling Language)
Gambar 3.4 Logo UML
Gambar 3.4 merupakan logo dari UML. Apa itu UML? UML adalah singkatan dari “Unified Modelling
Language” yaitu bahasa spesifikasi standart untuk mendokumentasikan, menspesifikasikan, dan membangun sistem perangkat lunak.
Unified Modeling Language (UML) adalah himpunan struktur dan teknik untuk pemodelan desain program berorientasi objek (OOP) serta aplikasinya. UML adalah metodologi untuk mengembangkan sistem OOP dan sekelompok perangkat tool untuk mendukung pengembangan sistem tersebut.
26
Ivan Jacobson. Namun demikian UML dapat digunakan untuk memahami dan mendokumentasikan setiap sistem informasi. Penggunaan UML dalam industri terus meningkat. Ini merupakan standar terbuka yang menjadikannya sebagai bahasa pemodelan yang umum dalam industri peranti lunak dan pengembangan sistem [Dharwiyanti, 2003].
Berikut beberapa jenis-jenis diagram UML [Munawar, 2005] :
a) Use Case Diagram
a) Bussiness Use Case Diagram
Bussiness use case diagram digambarkan menurut perspektif organisasi. Disini tidak membedakan apakah aktivitas tersebut dilakukan secara manual atau otomatis.
b) System Use Case Diagram
Use case diagram adalah fungsionalitas atau persyaratan-persyaratan sistem yang harus dipenuhi oleh sistem yang akan dikembangkan tersebut menurut pandangan pemakaian sistem. Tabel 3.1 menunjukkan beberapa simbol dari use case diagram beserta keterangannya.
Tabel 3.1 Notasi Use Case Diagram
28
No Simbol Nama Keterangan
5. <<ekstend>> Extend Relasi use case tambahan ke
29
Sumber : Rosa A.S dan M. Shalahuddin (2011) b) Class Diagram
Class Diagram mendiskripsikan kelompok obyek-obyek dengan properti, perilaku (operasi) dan relasinya satu dengan lainya. Tabel 3.2 menunjukkan beberapa simbol dari class diagram.
NewClass
30
Tabel 3.2 Notasi Class Diagram
31 Sumber : Rosa A.S dan M. Shalahuddin (2011)
c) Sequence Diagram
Sequence Diagram menjelaskan atau menggambarkan perilaku pada sebuah skenario dengan menunjukkan sejumlah contoh obyek dan message (pesan) yang diletakkan diantara obyek-obyek ini di dalam use case. Selain use case dan class diagram masih terdapat sequence diagram, berikut simbol-simbol dari diagram tersebut seperti yang ditujukan tabel 3.3.
Tabel 3.3 Notasi Sequence Diagram
No Symbol Nama Keterangan
1. Actor Orang, proses atau
sistem yang
berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat itu
32
objek mengirim suatu data/masukan/informa si ke objek lain.
4. Pesan tipe
return
Menyatakan bahwa suatu objek yang telah menjalankan suatu
Sumber : Rosa A.S dan M. Shalahuddin (2011)
33 d) Activity Diagram
Activity Diagram adalah teknik untuk mendiskripsikan logika prosedural, proses bisnis dan aliran kerja dalam banyak kasus. Berikut adalah simbol-simbol yang biasanya digunakan pada activty diagram, seperti yang ditujukan pada tabel 3.4.
Tabel 3.4 Notasi Activity Diagram
34
No Simbol Nama Keterangan
5.
Status akhir
Status ahkir dilakukan sistem, sebuah diagram aktifitas memiliki sebuah ahkir
6.
Fork
Menunjukan
kegiatan yang dilakukan secara paralel
7.
Rake
Menunjukan
kegiatan adanya sebuah dekomposisi. Sumber : Rosa A.S dan M. Shalahuddin (2011)
35
Gambar 3.5 Logo MySQL
Gambar 3.5 merupakan salah satu logo dari MySQL. Apa anda tahu MySQL ? MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus di mana penggunaannya tidak cocok dengan penggunaan GPL.
36
pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. [Nanda, 2015]
Ada beberapa kelebihan yang dimiliki MySQL sehingga dapat menarik banyak pengguna. Kelebihan tersebut yaitu [Gunawan, 2011] :
a) Portabilitas
Saat ini, MySQL telah dioptimasi untuk dua belas platform seperti HP-UX, Linux, Mac OS X, Novell Netware, OpenBSD, Solaris, Microsoft Windows dan lain-lain. MySQL juga menyediakan source code yang dapat diunduh secara gratis, sehingga pengguna dapat mengkompilasi sendiri sesuai platform yang digunakan. Selain itu, MySQL juga dapat di-customisasi sesuai keinginan penggunanya, misalnya mengganti bahasa yang digunakan pada antarmukanya.
b) Performansi.
Sejak rilis pertama, pengembangMySQL fokus kepada performa. Hal ini masih tetap dipertahankan hingga sekarang dengan terus meningkatkan fiturnya.
c) Lisensi.
MySQL menawarkan berbagai pilihan lisensi kepada penggunanya. Lisensi open source yang ditawarkan yaitu lisensi GNU General Public License dan Free/Libre and Open Source Software (FLOSS)License Exception. Selain itu ditawarkan juga lisensi komersial berbayar yang memiliki fasilitas dukungan teknis.
d) Multi-user
MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.
37
MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi. f) Konektivitas
MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).
g) Antar Muka
MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).
3.7.2. XAMPP
Gambar 3.6 Logo XAMPP
38
Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.
Kelebihan software web server XAMPP ini dibanding dengan software web server lain adalah dalam satu kali install software ini telah sekaligus ter-install Apache Web Server, MySQL Database Server, PHP Support.
Salah satu bagian penting dari XAMPP ialah phpMyAdmin. phpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui WWW (World Wide Web). phpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perizinan (permissions), dan lain-lain.
39
3.7.3. Arsitektur Enterprise (Enterprise Architect)
Gambar 3.7 Logo EA
Tools Enterprise Architect adalah sebuah platform visualisasi untuk merancang dan membangun sebuah sistem perangkat lunak, untuk pemodelan proses bisnis, dan untuk lebih umumnya digunakan tujuan pemodelan. Logo dari Enterprise Architect seperti yang ditujukan pada gambar 3.7. Enterprise Architect adalah sebuah alat yang sangat maju yang mencakup seluruh aspek dari mulai siklus pengembangan, memberikan penelusuran secara mendetail atau penuh dari mulai awal tahap mendesain sampai mengontrol perkembangan, pemeliharaan, pengujian dan perubahan kontrol. Dimana tools Enterprise Architect dikembangkan oleh Sparx Systems sebuah perusahaan Australia dengan inovasi dan pengembangan dalam pemodelan UML. Sparx Systems adalah anggota dari Object Management Group (OMG).
Perbedaan Enterprise Architect tools dengan alat bantu UML yang lainnya :
a) Komprehensif dengan pemodelan UML dan desain b) Membangun pengelolaan kebutuhan
c) Mendukung manajemen proyek yang luas, termasuk juga sumber daya, dan pengujian
40
e) Memiliki pilihan dokumentasi yang fleksibel berupa HTML dan Rich-TextFormat (RTF) laporan penulis f) Mendukung banyak bahasa didalam rekayasa kode-kode
bahasa
g) Usability : Enterprise Architect memudahkan untuk membangun dijalani cepat dengan UML
h) Speed : Enterprise Architect memiliki performa yang cepat
41 BAB IV
PELAKSANAAN PRAKTEK KERJA LAPANGAN
4.1. Analisa Sistem Yang Dibangun
Hasil pengamatan pada PT. Furnindo International tentang katalog produk masih harus datang ke lokasi perusahaan. Oleh karena itu, penulis bermaksud untuk menganalisis dan merancang sebuah sistem katalog produk berbabis web yang nantinya akan membantu pengguna untuk melihat katalog produk tanpa harus datang langsung ke lokasi perusahaan agar lebih efisien.
4.2. Analisa Kebutuhan Data dan Informasi
Di dalam membangun sebuah sistem yang baik maka dibutuhkan adanya masukan berupa data yang nantinya akan diproses oleh sistem sehingga dapat memberikan informasi yang bermanfaat kepada penggunanya. Kebutuhan data dan informasi untuk Sistem Katalog Produk Berbasis Web di PT. Furnindo International adalah :
a) Data
Data-data yang diperlukan antara lain : a. Data Jenis Furniture
b. Data Jenis Finishing c. Data Jenis Produksi b) Informasi
Informasi yang ingin dihasilkan antara lain :
a.
Informasi tentang detail produk42
c.
Informasi jenis finishing 4.3. Analisa Kebutuhan FungsionalKebutuhan fungsional merupakan jenis kebutuhan berupa proses – proses apa saja yang dilakukan oleh sistem. Kebutuhan fungsional dari sistem katalog produk disini ada admin, dan pengguna.
a) Admin
a. Mendapatkan informasi detail produk b. Menerima informasi kontak perusahaan 4.4. Analisa Kebutuhan Software dan Hardware
a) Kebutuhan Perangkat Lunak
Adapun perangkat lunak yang digunakan untuk sistem ini adalah sebagai berikut :
a. Sistem operasi Microsoft Windows 8.1 Pro b. Web Browser
c. Enterprise Architect d. Editor Notepad ++ e. XAMPP
43 b) Kebutuhan Perangkat Keras
Adapun perangkat Keras yang digunakan untuk sistem ini adalah sebagai berikut :
a. Prosesor Intel(R) Core (TM) i3-3110M CPU @ 2.40 GHz
b. RAM 2GB c. Harddisk 450 GB
d. VGA Intel(R) HD Graphics 4000 e. Perangkat Standar Input dan Output 4.5. Perancangan dan Permodelan Sistem
4.5.1. Use CaseDiagram
44
Gambar 4.1 Use Case Diagram
Berikut ini adalah skenario use case bersasarkan diagram sistem use case Sistem Katalog Produk Berbasis Web. seperti yang ditujukan pada tabel 4.1 :
Tabel 4.1 Deskripsi Use Case Lihat Katalog Produk
Use Case Browse Produk Tujuan Melihat Katalog Produk
Deskripsi Sistem ini memungkinkan aktor melihat katalog produk
Aktor User
Skenario Utama Kondisi Awal Aktor telah masuk di web Aksi Aktor Reaksi Sistem a) Aktor
memilih form katalog produk
Sistem merespon dengan menampilkan form katalog produk
Kondisi Akhir
45 4.5.2. Class Diagram
Class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Berdasarkan analisa dari diagram sistem use case di atas, maka diperoleh beberapa kelas sebagai berikut :
a) Kelas Brands
Gambar 4.2 Kelas Brands
Atribut yang dimiliki kelas brands adalah brand_id, name, slug, created dan modified. Operasi yang dapat dilakukan pada kelas brands adalah tambah,ubah, danhapus. Seperti yang ditujukan pada gambar 4.2.
46
Gambar 4.3 Kelas Categories
Atribut yang dimilki kelas categories adalah category_id, parent_id, lft, rght, name, slug, description, created, dan modified. Operasi yang dapat dilakukan tambah, ubah, dan hapus. Seperti yang ditujukan pada gambar 4.3.
c) Kelas Products
47
Atribut yang dimilki kelas products adalah product_id, brand_id, category_id, name, slug, price, description, tags, views, created, dan modified. Operasi yang dapat dilakukan tambah, ubah, dan hapus. Seperti yang ditujukan pada gambar 4.4.
d) Kelas Users
Gambar 4.5 Kelas Users
Atribut yang dimilki kelas users adalah user_id, role, name, username, password, created, dan modified. Operasi yang dapat dilakukan tambah, ubah, dan hapus. Seperti yang ditujukan pada gambar 4.5.
48
Gambar 4.6 Kelas Contatcs
Atribut yang dimilki kelas contacts adalah contact_id, name, address, city, zip_code, country, phone, email, dan message. Operasi yang dapat dilakukan tambah, ubah, dan hapus. Seperti yang ditujukan pada gambar 4.6.
f) Kelas Tags
Gambar 4.7 Kelas Tags
49 g) Kelas Productmods
Gambar 4.8 Kelas Productmods
Atribut yang dimilki kelas productmods adalah productmod_id rpoduct_id, name, type, price, value, views, created dan modified. Operasi yang dapat dilakukan tambah, ubah, dan hapus. Seperti yang ditujukan pada gambar 4.8.
50
Gambar 4.9 Kelas Orders_Items
Atribut yang dimiliki kelas orders_items adalah items_id, order_id, poduct_id, name, price, productmod_name, quantity, subtotal, created dan modified. Operasi yang dapat dilakukan tambah, ubah, dan hapus. Seperti yang ditujukan pada gambar 4.9.
51
Gambar 4.10 Kelas Orders
Atribut yang dimilki kelas orders adalah orders_id, order_type, order_item, first_name, last_name, billing_address, billing_city, billing_zip, billing_state, billing_country, shipping_address, shipping_city, shipping_zip, shipping_state, shipping_country, phone, email, tax, subtotal, total, ip_address, authorization, transaction, status, created dan modified. Operasi yang dapat dilakukan tambah, ubah, dan hapus. Seperti yang ditujukan pada gambar 4.10.
52
yang akan dijalankan. Berikut adalah class diagram dari sistem informasi tersebut, seperti yang ditujukan pada gambar 4.11 :
Gambar 4.11 Class Diagram Sistem Katalog Produk
4.5.3. Sequence Diagram
53
Gambar 4.12 Sequence Diagram Browse Produk
Berdasarkan gambar di atas user bisa melihat form katalog. Seperti yang ditujukan pada gambar 4.12.
b) Sequence CRUD (Create, Read, Update, Data) Produk
54
Berdasarkan gambar di atas, kelola data produk dilakukan oleh admin. Dia bisa melakukan proses tambah, ubah, dan hapus katalog produk. Seperti yang ditujukan pada gambar 4.13.
c) Sequence lihat Finishing
Gambar 4.14 Sequence Finishing
Berdasarkan gambar di atas user bisa melihat form finishing. Seperti yang ditujukan pada gambar 4.14.
55
Gambar 4.15 Sequence Jenis Furniture
Berdasarkan gambar di atas user bisa melihat form jenis furniture. Seperti yang ditujukan pada gambar 4.15.
e) Sequence Contact Us
56
Berdasarkan gambar di atas user bisa mengirim pesan ke admin. Seperti yang ditujukan pada gambar 4.16.
f) Sequence Login
Gambar 4.17 Sequence Login
Berdasarkan gambar di atas admin bisa mengakses halaman admin. Seperti yang ditujukan pada gambar 4.17.
4.5.4. Activity Diagram
Activity diagram menggambarkan workflow (aliran kerja) atau aktifitas dari sebuah sistem atau proses bisnis. Yang perlu diperhatikan disini adalah bahwa activitydiagram menggambarkan aktifitas sistem bukan apa yang dilakukan oleh aktor, jadi aktifitas yang dilakukan oleh sistem. Berikut adalah gambaran activity diagram :
57
Gambar 4.18 Activity Login Admin
58
kembali ke form login begitu seterusnya hingga validasi benar. Seperti yang ditujukan pada gambar 4.18.
b) Activty input Data Produk
Gambar 4.19 Activity Input Data Produk
Aliran aktifitas proses input data produk dapat dilihat pada gambar di atas. Admin dapat melakukan proses menambah data produk kemudian sistem melakukan penyimpanan dan menampilkan data produk, seperti yang ditujukan pada gambar 4.19.
59
Gambar 4.20 Activity Edit Data Produk
Aliran aktifitas proses edit data produk dapat dilihat pada gambar di atas. Admin dapat melakukan proses mengubah data produk kemudian sistem melakukan penyimpanan dan menampilkan data produk setelah proses tadi. Seperti yang ditujukan pada gambar 4.20.
60
Gambar 4.21 Activity Delete Data Produk
61 4.6. Perancangan Basis Data
Dalam penyimpanan data pada Sistem Katalog Produk Berbasis Web akan terbentuk tabel-tabel sebagai berikut :
a) Nama Tabel : Brands
Fungsi : Menampung detail finishing Primary Key : id_brand
Foreign Key : -
Tabel 4.2 menunjukkan field-field dari tabel Brands beserta keterangannya.
Tabel 4.2 Tabel Brands
Field Type Size Keterangan id integer 10 identitas finishing name varchar 255 nama finishing
slug varchar 255 -
created datetime 20 waktu dibuat modified datetime 20 waktu diubah
b) Nama Tabel : Categories
Fungsi : Menampung detail jenis furniture Primary Key : id_category
Foreign Key : -
62
Tabel 4.3 Tabel Categories
Field Type Size Keterangan
id integer 10 identitas jenis furniture
parent_id integer 10 -
lft integer 10 -
rght integer 10 -
name varchar 255 nama jenis furniture
slug varchar 255 -
description text - deskripsi furniture created datetime - waktu dibuat modified datetime - waktu diubah
c) Nama Tabel : Contacts
Fungsi : Menampung informasi kontak user Primary Key : id_contact
Foreign Key : -
Tabel 4.4 menunjukkan field-field dari tabel Conatcts beserta keterangannya.
Tabel 4.4 Tabel Contacts
Field Type Size Keterangan
63
Field Type Size Keterangan Name varchar 255 nama Address text - alamat Zip_Code varchar 255 kode pos alamat
City varchar 255 kota Country varchar 255 negara
Phone varchar 20 telepon Email varchar 255 email
Message text - pesan
d) Nama Tabel : Products
Fungsi : Menampung detail produk Primary Key : id_product
Foreign Key : -
Tabel 4.5 menunjukkan field-field dari tabel Products beserta keterangannya.
Tabel 4.5 Tabel Products
Field Type Size Keterangan
Id integer 11 identitas produk Category_id integer 11 identitas jenis furniture
64
Field Type Size Keterangan Name varchar 255 nama produk
Slug varchar 255 -
Description text - deskripsi produk Image varchar 255 gambar produk
Price integer 12 harga produk
Tags varchar 255 -
Views integer 11 fungsi lihat produk Created datetime - waktu dibuat Modified datetime - waktu diubah
e) Nama Tabel : Tags
Fungsi : Untuk menampung tags produk Primary Key : id_tags
Foriegn Key : -
Tabel 4.6 menunjukkan field-field dari tabel Tags beserta keterangannya.
Tabel 4.6 Tabel Tags
65
created datetime 20 waktu dibuat modified datetime 20 waktu diubah
f) Nama Tabel : Users
Fungsi : Menampung informasi pengguna Primary Key : id_user
Foreign Key : -
Tabel 4.7 menunjukkan field-field dari tabel Users beserta keterangannya.
Tabel 4.7 Tabel Users
Field Type Size Keterangan id integer 10 identitas user role varchar 255 tipe/sifat user
name varchar 255 nama
username varchar 255 nama user password varchar 255 password username
created datetime - waktu dibuat modified datetime - waktu diubah
g) Nama Tabel : Orders
Fungsi : Menampung informasi pemesanan Primary Key : id_orders
66
Tabel 4.8 menunjukkan field-field dari tabel Orders beserta keterangannya.
Tabel 4.8 Tabel Orders
Field Type Size Keterangan
Id integer 10 Identitas pesanan First_name varchar 255 nama depan Last_name varchar 255 nama belakang
Email varchar 255 email
Phone varchar 255 telepon
Billing_address varchar 255 alamat tagihan Billing_city varchar 255 kota alamat tagihan
Billing_zip varchar 255 kode pos alamat tagihan Billing_state varchar 255
negara (bagian) alamat tagihan
Billing_country varchar 255 negara alamat tagihan Shipping_address varchar 255 alamat pengiriman
Shipping_city varchar 255 kota pengiriman Shipping_zip varchar 255
kode pos kota pengiriman
Shipping_state varchar 255
67
Field Type Size Keterangan Shipping_country varchar 255 negara pengiriman Order_item_count integer 11 jumlah item pesanan
Subtotal integer 12 -
Tax integer 12 pajak
Shipping integer 12 pengiriman
Total integer 12 total
Order_type varchar 255 tipe pesanan Authorization varchar 255 akses/keamanan
Transaction varchar 255 transaksi Status varchar 255 status/keterangan Ip_address varchar 255 nomor alamat ip
Created datetime - waktu dibuat Modified datetime - waktu diubah
h) Nama Tabel : Orders Items
Fungsi : Menampung detail produk Primary Key : id_items
Foreign Key : -
68
Tabel 4.9 Tabel Orders Items
Field Type Size Keterangan
id integer 10 identitas item pesanan Order_id integer 10 identitas pemesanan product_id integer 10 identitas produk
name varchar 255 nama
quantity integer 11 jumlah pesanan
price integer 12 harga
subtotal integer 12 -
Productmod_name varchar 255
nama modifikasi produk created datetime - waktu dibuat modified datetime - waktu diubah
i) Nama Tabel : Productmods
Fungsi : Menampung detail produk Primary Key : id_mods
Foreign Key : -
69
Tabel 4.10 Tabel Productmods
Field Type Size Keterangan
id integer 10 identitas pemesanan product_id integer 10 identitas produk
type varchar 255 tipe
name varchar 255 nama produk value char 36 jumlah produk
price integer 12 harga produk views integer 11 fungsi lihat produk created datetime - waktu dibuat modified datetime - waktu diubah
4.7. Relasi Tabel
70
Gambar 4.22 Relasi Tabel Sistem Aplikasi Katalog Produk
4.8.
Desain Input dan Output yang Diusulkan 4.8.1. Desain LayoutMENU
AWDQCONTENT HEADER
CONTENT
FOOTER MENU HEADER
71
Berikut tampilan desain layout dari Sistem Katalog Produk Berbasis Web. Terdiri dari 4 bagian yaitu, header, menu, content, dan footer. Bagian menu berisi menu-menu dari form yang akan ditampilkan nantinya. Misal, form finishing, jenis furniture dan lainnya. Seperti yang ditujukan pada gambar 4.23.
4.8.2.
Form LoginLogin
Login
Username
Password
Login
Gambar 4.24 Form Login
Desain form di atas untuk mengaktifkan menu utama halaman admin Sistem Katalog Produk Berbasis Web yang merupakan pusat aktifitas sistem, hal ini membutuhkan keamanan dalam hal hak akses. Seperti yang ditujukan pada gambar 4.24.
72
Gambar 4.25 Struktur Menu User
Form di atas merupakan tampilan awal dari struktur menu user. Tampilan ini akan langsung muncul ketika pertama kali pengguna mengakses sistem. Seperti yang ditujukan pada gambar 4.25.
73
Form di atas merupakan desain tampilan dari struktur menu admin. Tampilan di atas akan muncul ketika admin sudah melakukan proses login dan berhasil masuk ke dalam sistem. Seperti yang ditujukan pada gambar 4.26.
4.8.5. Desain Input
Desain input sistem akan terdiri dari beberapa form yang dapat ditampilkan nantinya. Berikut form-form tersebut :
4.8.5.1. Form Input Finishing
Dimana admin dapat mengelola semua data yang ada seperti menambah data finishing, yang terlihat pada gambar 4.27 di bawah ini :
Admin Tambah Finishing
Login
Nama
Slug
Submit
Gambar 4.27 Form Tambah Finishing
4.8.5.2. Form Input Jenis Furniture
74
Admin Tambah Furniture
Login
Nama
Slug
Submit
Deskripsi
Parent
Parent
Gambar 4.28 Form Tambah Furniture
4.8.5.3. Form Input Katalog
75
Admin Tambah Katalog
Login
Nama
Slug
Submit
Deskripsi
Parent
Finishing
Parent
Furniture
Harga
Gambar 4.29 Form Tambah Katalog
4.8.6. Desain Output
Desain output sistem akan terdiri dari beberapa form yang dapat ditampilkan nantinya. Berikut form-form tersebut :
4.8.6.1. Form Output Finsihing
76
Login
FINISHING
Tambah Finishing
IDID NAME SLUG CREATED MODIFIED ACTIONS
Lihat Ubah
Gambar 4.30 Form Output Finishing
4.8.6.2. Form Output Jenis Furniture
Dimana admin dapat mengelola semua data yang ada seperti menambah data finishing, edit dan hapus data yang terlihat pada gambar 4.31 di bawah ini:
Login
JENIS FURNITURE
Tambah Furniture
IDID ID NAME SLUG CREATED MODIFIED ACTIONS
ID ID ID ID
PARENT
Lihat Ubah
77
4.8.6.3. Form Output Katalog
Dimana admin dapat mengelola semua data yang ada seperti menambah data katalog dan melakukan pencarian katalog, yang terlihat pada gambar 4.32 di bawah ini :
KATALOG
Login
Finishing NamaLogin Login CariLogin Tambah KatalogLogin
ID
Image ID Finsihing Nama Deskripsi Harga Views
ID
ID
ID
ID Furniture
Gambar 4.32 Form Output Tambah Katalog
4.8.7. Desain Tambah User
78
Admin Tambah User
Login
Name
Username
Submit
Password
Parent
Role
Gambar 4.33 Form Tambah User
4.9.
Implementasi79 4.9.1. Implementasi Database
Gambar 4.34 Implementasi Database
4.9.2. Implementasi Sistem
4.9.2.1. Implementasi Struktur Menu User
80
Gambar 4.3 5 Impelemntasi Struktur Menu User
4.9.2.2. Implementasi Struktur Menu Admin
Struktur Menu admin merupakan halaman utama yang berisi menu-menu yang ada pada sistem. Halaman ini hanya dapat diakses oleh user yang bersifat admin, seperti pada gambar 4.36.
81
4.9.2.3. Implementasi Input
1. Form Login
Form login aplikasi berfungsi untuk mengaktifkan menu perpustakaan dengan memasukan username dan password yang sudah dibuat, seperti yang terlihat pada gambar 4.37.
Gambar 4.37 Impelemntasi Form Login
2. Form Input Finishing
Form input Data Finishing berfungsi untuk menambah data finishing seperti pada gambar 4.38.
82 3. Form Input Jenis Furniture
Form input Data Furniture berfungsi untuk menambah data jenis furniture seperti pada gambar 4.39.
Gambar 4.39 Implementasi Form Tambah Jenis Furniture
4. Form Input Katalog
Form input Data Katalog berfungsi untuk menambah data katalog produk seperti pada gambar 4.40.
83 5. Form Tambah User
Form input Tambah User berfungsi untuk menambah data user untuk pengguna yang ingin mengakses halaman seperti pada gambar 4.41.
Gambar 4.41 Impelementasi Form Tambah User
4.9.2.4. Implementasi Output
1. Output Finishing
84
Gambar 4.42 Implementasi Output Tambah FInishing
2. Output Jenis Furniture
Form output Jenis Furniture berfungsi untuk membuat data jenis furniture baru, mengubah atau menghapus data yang ada, seperti pada gambar 4.43.
85 3. Output Katalog
Form output Katalog berfungsi untuk membuat data katalog baru, mengubah atau menghapus data yang ada, seperti pada gambar 4.44.
86 BAB V PENUTUP
5.1. Kesimpulan
Berdasarkan penelitian pada Sistem Katalog Produk Berbasis Web pada PT. Furnindo International, penulis dapat mengetahui kerja sistem lama secara langsung dan dapat merancang sistem baru yang diharapkan dapat digunakan untuk membantu mempermudah dalam melihat katalog produk. Dengan itu maka penulis dapat mengambil kesimpulan sebagai berikut :
a. Telah dibuat rancang bangun prototipe sistem berupa sistem katalog produk.
b. Sistem yang dibangun mempunyai fitur yang digunakan untuk menampilkan katalog produk beserta detail dari produk tersebut seperti harga dan contoh gambar produk.
c. Sistem komputerisasi yang baru dalam penyusunan tidak mengubah prosedur yang ada pada sistem yang lama.
5.2. Saran
Penulis menyadari bahwa masih terdapat beberapa kekurangan dalam sistem ini. Untuk itu melalui bagian ini penulis hendak memberikan saran bagi pengembangan dan penyempurna selanjutnya.
87
a. Pemeliharaan sistem harus terus dilakukan, sehingga sistem ini dapat berfungsi dengan baik.
88
DAFTAR PUSTAKA
Admin. 2014. Mengenal Framework PHP dan Kegunaannya. http://technophoriajogja.com/2014/01/28/mengenal-framework-php-dan-kegunaannya.html (diakses pada tanggal 14 Juni 2016)
Andre. 2014. Tutorial Belajar PHP Part 1: Pengertian dan Fungsi PHP dalam Pemrograman Web.
http://www.duniailkom.com/pengertian-dan-fungsi-php-dalam-pemograman-web.html (diakses pada tanggal 14 Juni 2016)
Assauri, S. 2004. Manajemen Pemasaran (Dasar, Konsep, dan Strategi). Jakarta : PT. Grafindo.
Dharwiyanti, S. dan Wahono, R.S. 2003. Pengantar Unified Modeling Language (UML). IlmuKomputer.com. Eriyatno. 1999. Ilmu Sistem: Meningkatkan Mutu dan
Efektivitas Manajemen. Jilid Satu. Bogor : IPB Press. Jogiyanto, HM. 2005. Analisis dan Desain Sistem Informasi.
Yogyakarta : Penerbit Andi.
Ladjamudin, A.B. 2005. Analisa dan Desain Sistem Informasi. Yogyakarta : Graha Ilmu.
Munawar. 2005. Pemodelan Visual dengan UML. Yogyakarta : Graha Ilmu.
89
Nanda, A. 2015. Pengertian MySQL (My Structure Query Languange)
http://ehnanda.blogspot.co.id/2015/01/pengertian-mysql-my-structure-query.html?m=1 (diakses pada tanggal 14 Juni 2016)
Shalahuddin, M. dan Rosa. A.S. 2011. Modul Pembelajaran Rekayasa Perangkat Lunak (Terstruktur dan
Berorientasi Objek). Bandung : Modul.
Saputra, A. 2012. Proyek Membuat Web Profesional dengan Framework CakePHP. Yogyakarta : Lokomedia. Suhari, Ari. Komponen-Komponen Sistem Informasi. 2011. Susanto, G. dan Sukadi. 2011. Sistem Informasi Rekam Medis
Pada Rumah Sakit Umum Daerah (RSUD) Pacitan
Berbasis Web Base. Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 3 No 4 - 2011 ISSN : 1979-9330.
Susanto, E. 2012. Belajar Enterprise Architect.
http://www.erdisusanto.com/2012/04/belajar-enterprise-architect.html (diakses pada tanggal 14 Juni 2016)
Winter, O. 2014. Definisi Pengertian Dan Fungsi XAMPP Lengkap.