PERANCANGAN DAN PEMBUATAN APLIKASI OTOMASI DESIGN APPAREL BERBASIS WEB SKRIPSI

PERANCANGAN DAN PEMBUATAN APLIKASI OTOMASI DESIGN APPAREL BERBASIS WEB SKRIPSI Disusun oleh : DIMAS SURYA IRAWAN NPM. 0634010147 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAWA TIMUR SURABAYA 2010

PERANCANGAN DAN PEMBUATAN APLIKASI OTOMASI DESIGN APPAREL BERBASIS WEB SKRIPSI Diajukan Untuk Memenuhi Sebagai Persyaratan Dalam Memperoleh Gelar Sarjana Komputer Jurusan Teknik Informatika Disusun oleh : DIMAS SURYA IRAWAN NPM. 0634010147 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAWA TIMUR SURABAYA 2010

LEMBAR PENGESAHAN PERANCANGAN DAN PEMBUATAN APLIKASI OTOMASI DESIGN APPAREL BERBASIS WEB Disusun Oleh : DIMAS SURYA IRAWAN NPM. 0634010147 Telah disetujui untuk mengikuti Ujian Negara Lisan Gelombang II Tahun Akademik 2010/2011 Pembimbing Utama Pembimbing Pendamping Mohamad Irwan Afandi, ST, M.Sc Wahyu Syaifullah, JS, S.Kom NIP/NPT. 376 0707 0220 NPT. 3860 8100 2951 Mengetahui, Ketua Jurusan Teknik Informatika Fakultas Teknologi Industri UPN Veteran Jawa Timur Basuki Rahmat, S.Si, MT

NIP/NPT. 369 070 602 09 SKRIPSI PERANCANGAN DAN PEMBUATAN APLIKASI OTOMASI DESIGN APPAREL BERBASIS WEB Disusun Oleh : DIMAS SURYA IRAWAN NPM. 0634010147 Telah dipertahankan di hadapan dan diterima oleh Tim Penguji Skripsi Jurusan Teknik Informatika Fakultas Teknologi Industri Universitas Pembangunan Nasional Veteran Jawa Timur Pada Tanggal 26 Nopember 2010 Pembimbing : Tim Penguji : 1. 1. Mohamad Irwan Afandi, ST, M.Sc Mohamad Irwan Afandi, ST, M.Sc NIP/NPT. 376 0707 0220 NIP/NPT. 376 0707 0220 2. 2. Wahyu Syaifullah, JS, S.Kom NPT. 3860 8100 2951 Made Kamisutara, ST, M.Kom NIP/NPT. 3. Syurfah Ayu Ithriah, S.Kom NIP/NPT. 3 8501 10 0294 Mengetahui, Dekan Fakultas Teknologi Industri Universitas Pembangunan Nasional Veteran Jawa Timur Ir. SUTIYONO, MT. NIP/NPT. 19600713 198703 1 001

YAYASAN KESEJAHTERAAN PENDIDIKAN DAN PERUMAHAN UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAWA TIMUR FAKULTAS TEKNOLOGI INDUSTRI PANITIA UJIAN SKRIPSI / KOMPREHENSIF KETERANGAN REVISI Mahasiswa di bawah ini : Nama : Dimas Surya Irawan NPM : 0634010147 Jurusan : Teknik Informatika Telah mengerjakan revisi/ tidak ada revisi*) pra rencana (design)/ skripsi ujian lisan gelombang V, TA 2009/20010 dengan judul: PERANCANGAN DAN PEMBUATAN APLIKASI OTOMASI DESIGN APPAREL BERBASIS WEB Surabaya, 3 Desember 2010 Dosen Penguji yang memerintahkan revisi: 1) Mohamad Irwan Afandi, ST, M.Sc NIP/NPT. 376 0707 0220 2) Made Kamisutara, ST, M.Kom NIP/NPT. 3) Syurfah Ayu Ithriah, S.Kom NIP/NPT. 3 8501 10 0294 { } { } { } Pembimbing Utama Mengetahui, Pembimbing Pendamping Mohamad Irwan Afandi, ST, M.Sc Wahyu Syaifullah, JS, S.Kom NIP/NPT. 376 0707 0220 NPT. 3860 8100 2951

KATA PENGANTAR Puji syukur penulis panjatkan kehadirat ALLAH SWT yang telah melimpahkan rahmatnya kepada penulis sehingga penulis dapat menyelesaikan Laporan tugas akhir ini dengan baik dan benar. Melalui tugas akhir ini penulis merasa mendaptakan kesempatan untuk memperdalam ilmu-ilmu mengenai teknologi informasi yang telah di dapatkan di bangku kuliah penyusunan laporan tugas akhir ini merupakan prasyarat dalam mengambil tugas akhir. Adapun judul laporan PERANCANGAN DAN PEMBUATAN APLIKASI OTOMASI DESIGN CUSTOM APPAREL BERBASIS WEB Penulis menyadari bahwa masih banyak kekurangan pada pembuatan skripsi dan pembuatan buku skripsi ini, oleh karena itu besar harapan penulis untuk menerima kritik dan saran dari para pembaca. Semoga buku ini memberikan manfaat bagi para pembacanya terutama bagi mahasiswa jurusan Teknik Informatika UPN Veteran Jatim. Surabaya November 2010 penyusun ii

UCAPAN TERIMA KASIH Puji syukur kahadirat Allah SWT berkat limpahan rahmat, taufik dan hidayahnya.penulisan laporan Tugas Akhir ini dapat diselesaikan sesuai dengan rencana Tak lupa pada kesempatan ini penulis menyampaikan ucapan terima kasih yang sebesar besarnya kepada semua pihak yang telah membantu dalam penyelesaian Laporan Skirpsi ini. Ucapan terima kasih penulis sampaikan kepada yang terhormat: 1. Bapak Ir. Sutiyono, MT selaku Dekan Fakultas Teknologi Industri UPN Veteran Jawa Timur. 2. Bapak Basuki Rachmat, SSi, MT selaku Ketua Jurusan Teknik Informatika UPN Veteran Jawa Timur. 3. Bapak Moh. Irwan Afandi ST.MSc. selaku Dosen Pembimbing I Laporan Dan Program Skripsi yang telah meluangkan begitu banyak waktu, tenaga dan pikiran serta dengan sabar membibing penulis dari awal hingga terselesainya Laporan Skripsi / Tugas Akhir (TA) ini. 4. Bapak Wahyu.S.J. Saputra, S.Kom selaku Dosen Pembimbing II Laporan Dan Program Skripsi yang telah meluangkan begitu banyak waktu, tenaga dan pikiran serta dengan sabar membimbing penulis dari awal hingga terselesainya Laporan Skripsi / Tugas Akhir (TA) ini. 5. Kedua orang tua tercinta, atas semua doa, materil, dukungan serta harapanharapanya pada saat penulis menyelesaikan Skripsi dan laporan ini. Yang penulis minta hanya doa restunya, sehingga penulis bisa membuat sesuatu yang lebih baik dari laporan ini. iii

6. Kedua kakak ku memberikan aku motivasi untuk menyelesaikan tugas akhir ini. 7. Dosen Dosen Jurusan Teknik Informatika UPN VETERAN JATIM, yang telah membuat kami membuka pikiran dan merubah pola pikir kami. 8. Seluruh Teman Jurusan Informatika Dan Sistem Informasi (Ivan,Ajeng Kevin,Sandy,Resha om Erros),Segenap Teman angkatan 2006 yang tidak biasa disebutkan satu persatu,segenap Teman road to Bandung (Theo,Gundhul Jemblung,Dhona), terakhir teman-teman ARSI (arek sistem informasi) FC, dan BA. Penulis sebagai manusia biasa pasti mempunyai keterbatasan dan banyak sekali kekurangan, terutama dalam pembuatan laporan ini. Untuk itu penulis sangat membutuhkan kritik dan saran yang membangun dalam memperbaiki penulisan laporan ini. Surabaya,November 2010 Penulis iv

RANCANG BANGUN APLIKASI OTOMASI LAYANAN CUSTOM DESIGN APPAREL BERBASIS WEB Penyusun : Dimas Surya Irawan Pembimbing I : Moh.Irwan Afandi ST.MSc Pembimbing II : Wahyu.S.J. Saputra S.Kom ABSTRAK Di era bisnis saat ini sangat berkembang bisnis Apparel/pakaian dimana banyak bermunculan butik-butik, distro dsb. Hal itu membuat keinginan Pelanggan/calon pembeli untuk berlomba-lomba mendapatkan Apparel/busana jenis dan tren terbaru. Permasalahan muncul ketika pelanggan selalu ingin mendapatkan Apparel/pakaian yang sangat unik untuk dikenakan atau bahakan pelanggan merasa kurang cocok dengan desain-desain yang telah disediakan oleh Butik-butik atau distro yang telah ada. Hal ini akan menjadi masalah bagi Butikbutik atau distro yang hanya memproduksi barangnya secara masal (dalam jumlah banyak) tanpa memperhatikan ke inginan dari pelanggan. Pada penelitian tugas akhir ini, akan dilakukan pembuatan suatu apliakasi yang bermanfaat untuk mendesain Apparel/pakaian secara otomatis melalui Web dengan didalamnya terdapat E-Commerce dan prangakat lunak yang digunakan adalah php yang nantinya akan menjadi sistem informasi untuk mendesain dan memesan Apparel secara otomatis melalui Web. Dengan demkian hasil kesimpulan yang penulis dapat, melalui aplikasi E- commerce ini adalah, pemakai aplikasi ini dapat mempermudah penjualannya dan cara memberikan informasi apparel secara cepat. Kata Kunci : PHP,E-Commerce,web i

DAFTAR ISI ABSTRAK... i KATA PENGANTAR... ii UCAPAN TERIMA KASIH... iii DAFTAR ISI... v DAFTAR GAMBAR... x DAFTAR TABEL... xiii BAB I PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Perumusan Masalah... 2 1.3 Batasan Masalah... 3 1.4 Tujuan Penelitian... 3 1.5 Manfaat Penelitian... 4 1.6 Sistematika Penulisan... 4 BAB II TINJAUAN PUSTAKA... 6 2.1 Pengertian Website/situs... 6 2.1.1 Unsur-unsur Dalam Penyediaan Web atau Situs... 6 2.2 E-commerce... 7 2.2.1. Keuntungan E-commerce... 8 2.2.2. Manfaat E-commerce... 9 2.2.3. Contoh E-commerce... 9 2.2.4. Dampak Positive dan Negative E-commerce... 9 2.3 Dokumentasi Sistem... 10 v

2.3.1. Komponen DFD... 11 A. Komponen Terminator/Entitas luar... 11 B. Komponen Proses... 13 C. Komponen Data Store... 14 D. Komponen data Flow/Alur Data... 14 2.4. PHP... 15 2.4.1. Dasar-dasar PHP... 16 2.4.2. Kelebiahn PHP... 16 2.5. XAMPP web server... 18 2.6. Mengenal Database... 19 2.7. MySQL... 20 2.7.1. Koneksi Database MySQL dengan PHP... 22 BAB III ANALISIS DAN PERANCANGAN SISTEM... 23 3.1 Analisis Sistem... 23 3.1.1.Admin... 24 3.1.2 Pelanggan... 24 3.2 Arsitektur Sistem... 25 3.3 Perancangan Sistem... 26 3.4 Flowchart... 27 3.4.1. Penjelasan Flowchart... 28 3.5 Arus Data DFD (Data Flow Diagram)... 29 3.5.1. DFD Level Konteks... 30 3.5.2. DFD Level 1... 32 vi

3.6 CDM... 33 3.7 PDM... 34 3.8 Desain Antar Muka... 35 3.8.1 Tampilan Halaman Menu Utama... 36 3.8.2 Tampilan Halaman Area Custom... 36 3.8.3 Tampilan Halaman Area Keranjang Belanja... 37 3.8.4 Tampilan Halaman Produk Detail... 38 BAB IV IMPLEMENTASI SISTEM... 39 4.1 Kebutuhan Sistem... 39 4.1.1 kebutuhan Perangkat Keras... 39 4.1.2 Tools Yang Digunakan... 39 4.2 Tabel Pembentuk Sistem... 40 4.2.1.Tabel Admin... 40 4.2.2.Tabel Kategori... 41 4.2.3.Tabel Produk... 42 4.2.4.Tabel Pelanggan... 43 4.2.5.Tabel Order... 44 4.2.6.Tabel Order_Temp... 45 4.2.7.Tabe Order_Detail... 46 4.2.8.Tabel Banner... 46 4.2.9.Tabel kota... 47 4.2.10.Tabel Hubungi... 48 4.2.11.Tabel Modul... 48 vii

4.2.12.Tabel Baju Custom... 49 4.2.13.Tabel Icon Custom... 50 4.2.14.Tabel detail Produk... 51 4.2.15.Tabel Custom... 52 4.3 Implementasi Program dan tampilan Antar muka... 52 4.3.1 Halaman utama... 53 4.3.2 Halaman Login & Regestrasi... 55 4.3.3 Halaman Profil... 56 4.3.4 Halaman Cara Pembelian... 57 4.3.5 Halaman Produk... 58 4.3.6 Halaman Produk detail... 59 4.3.7 Halaman Custom... 60 4.3.8 Halaman keranajang belanja... 61 4.3.9 Halaman Hubungi Kami... 62 4.3.10 Halaman Detail Transaksi Order... 62 4.4 Admin... 63 4.4.1 Halaman Login Admin... 63 4.4.2 Halaman Home Admin... 64 4.4.3 Halaman Profil... 64 4.4.4 Halaman Manajemen Modul... 65 4.4.5 Halaman Admin Kategori... 66 4.4.6 Halaman Admin Produk... 67 4.4.7 Halaman Admin Detail produk... 67 viii

4.4.8 Halaman Admin Ongkos kirim... 68 4.4.9 Halaman Admin Menu Order... 69 4.4.10 Halaman Admin Cara Pembelian... 70 4.4.11 Halaman Admin Hubungi... 71 4.4.12 Halaman Admin menu Banner... 72 4.4.13 Halaman Admin Ganti Password... 72 BAB V UJI COBA DAN EVALUASI... 73 5.1 Lingkungan Uji Coba... 73 5.2 Sekenario uji coba... 73 5.3 Pelaksanaan uji Coba... 74 5.3.1 Pelaksanaan Uji Coba Regestrasi... 74 5.3.2 Pelaksanaan Uji Coba Login... 75 5.3.3 Pelaksanaan Uji Coba Order... 76 5.3.4 Pelaksanaan Uji Coba Custom... 78 5.4 Evaluasi... 79 BAB VI PENUTUP... 80 6.1 Kesimpulan... 80 6.2 Saran... 81 DAFTAR PUSTAKA... 82 ix

DAFTAR GAMBAR Gambar 2.1.komponen DFD... 11 Gambar 2.2.Terminaror/Entitas terluar... 12 Gambar 2.3.Komponen Proses... 13 Gambar 2.4.Hasil dari File Coba.php... 16 Gambar 2.5.Mekanisme Pengaksesan MYSQL melalui web browser... 20 Gambar 3.1.Alur Arisitektur Sistem... 25 Gambar 3.2.Flowchart Aplikasi Apparel... 28 Gambar 3.3.DFD Level Konteks... 31 Gambar 3.4.DFD Level 1... 32 Gambar 3.5. CDM... 34 Gambar 3.6. PDM... 35 Gambar 3.7 Tampilan Halaman Menu Utama... 36 Gambar 3.8. Tampilan Halaman Area Custom... 37 Gambar 3.9. Tampilan Halaman Keranjang Belanja... 38 Gambar 3.10. Tampilan Halaman Produk Detail... 38 Gambar 4.1.Gambar Halaman Utama... 53 Gambar 4.2.Halaman Login... 55 Gambar 4.3.Halaman Regestrasi... 55 Gambar 4.4.Halaman Profil... 56 Gambar 4.5.Halaman Cara Pembelian... 57 Gambar 4.6.Halaman Produk... 58 x

Gambar 4.7.Halaman Produk Detail... 59 Gambar 4.8.Halaman Custom... 60 Gambar 4.9.Halaman Keranjang Belanja... 61 Gambar 4.10.Halaman Hubungi kami... 62 Gambar 4.11.Halaman Detail Transaksi Order... 63 Gambar 4.12.Halaman Login Admin... 64 Gambar 4.13.Halaman Home Admin... 64 Gambar 4.14.Halaman Profil Admin... 65 Gambar 4.15.Halaman Admin Manajemen Modul... 66 Gambar 4.16.Halaman Admin Kategori... 66 Gambar 4.17.Halaman Admin Produk... 67 Gambar 4.18.Halaman Admin Produk Detail... 78 Gambar 4.19.Halaman admin Ongkos Kirim... 69 Gambar 4.20.Halaman Admin Menu Order... 70 Gambar 4.21.Halaman Admin Cara Pembelian... 71 Gambar 4.22.Halaman Menu Hubungi... 71 Gambar 4.23.Halaman Admin Banner... 72 Gambar 4.24 Halaman Admin Menu Ganti password... 72 Gambar 5.1 Regestrasi... 75 Gambar 5.2 Login... 75 Gambar 5.3 Jika Login Benar... 76 Gambar 5.4 Keranjang Belanja... 77 Gambar 5.5 Proses Data Pembeli... 77 xi

Gambar 5.6 Total Yang Harus Dibayar... 78 Gambar 5.7 Uji Coba Menu Custom... 79 xii

DAFTAR TABEL Tabel 4.1.Tabel Admin.... 41 Tabel 4.2.Tabel Kategori... 42 Tabel 4.3.Tabel Produk... 43 Tabel 4.4.Tabel Pelanggan... 44 Tabel 4.5.Tabel Order... 45 Tabel 4.6.Tabel Order Temp... 45 Tabel 4.7.Tabel Order Detail... 46 Tabel 4.8.Tabel Banner... 47 Tabel 4.9.Tabel Kota... 47 Tabel 4.10.Tabel Hubungi... 48 Tabel 4.11.Tabel Modul... 49 Tabel 4.12.Tabel Baju Custom... 50 Tabel 4.13.Tabel Icon Custom... 50 Tabel 4.14 Tabel Detail Produk... 51 Tabel 4.15 Tabel Custom... 52 xiii

BAB I PENDAHULUAN 1.1 Latar Belakang Era informasi saat ini telah banyak merubah bentuk bisnis disemua bidang. Model bisnis yang memiliki keunggulan kompetitif untuk bersaing saat ini salah satunya adalah bisnis Apparel yang menerapkan teknologi informasi yang salah satunya adalah mengunakan jasa internet. Aplikasi komputer yang telah banyak di terapkan oleh perusahan yang bergerak di perdagangan adalah CRM operasional. Customer Relationship Management opersaional (CRM operasional) pada dasarnya merupakan keterkaitan dengan konsumen setia yang mampu menciptakan keadaan yang tidak merugikan salah satu pihak. Dalam hal ini suatu perusahaan melalui Customer Relationship Management ( CRM ) berusaha untuk menambah nilai pada kehidupan sehari-hari dari konsumen dan sebagai imbalannya konsumen akan memberikan kesetiaannya kepada perusahaan melalui Customer Relationship Management ( CRM ) akan mendorong para konsumennya untuk tetap loyal pada perusahaan. Ini menjadi sebuah piranti baru yang memiliki tujuan yang berorientasi terhadap kepuasan konsumen. CRM Operasional mencakup proses otomatisasi yang terintegrasi dari keseluruhan proses bisnis, seperti otomatisasi pemasaran, penjualan electronic commerce (E-Commerce), dan pelayanan. Salah satu penerapan CRM yang termasuk dalam kategori operasional CRM adalah dalam bentuk aplikasi web. Melalui web, suatu perusahaan dapat memberikan pelayanan kepada pelanggan. Aplikasi Otomasi layanan Custom Design Apparel ini merupakan bagian dari 1

2 CRM oprasional yang bertujuan untuk meningkatkan kepuasan costumer dan peningkatan penjualan. Selain itu Penggunaan teknologi ini diharapkan dapat memberikan manfaat yang besar terhadap dunia bisnis. Perusahaan yang mampu bersaing dalam kompetisi tersebut adalah perusahaan yang mampu mengimplementasikan teknologi ke dalam perusahaannya. Salah satu jenis implementasi teknologi dalam hal meningkatkan persaingan bisnis dan penjualan produk-produk adalah WEB tersebut dengan menggunakan teknologi electronic commerce (E-Commerce) untuk memasarkan produknya, dengan demikian calon pelanggan maupun pelanggan lama diharapkan memperoleh kemudahan dalam mendapatkan Apparel yang di inginkan tanpa harus datang ke butik cukup dengan mengakses internet pelanggan dapat berbelanja secara on-line. Untuk lebih menarik konsumen, dalam E-commerce berbasis web ini dapat di tambahkan menu otomasi lainya seperti otomasi design T-shirt jadi konsumen selain mudah mendapatkan barang yang diinginkan, konsumen juga dapat berkreasi mendesain T-shirt sesuai selera. 1.2 Perumusan Masalah Berdasarkan latar belakang yang telah dijelaskan diatas, maka dapat dirumuskan masalah dalam tugas akhir ini, yaitu : 1. Bagaimana merancang dan membangun Aplikasi Otomasi layanan Custom Design Apparel. 2. Bagaimana merancang dan membangun aplikasi untuk menampilkan produkproduk terbaru.

3 3. Bagaimana merancang dan membangun aplikasi yang di dalamnya terdapat menu custom design T-shirt dan visualisasinya. 1.3 Batasan Masalah Dalam menganalisa dan menyelesaikan suatu masalah, maka perlu diberikan pembatasan atau ruang lingkup pembahasan guna mempermudah dalam pemecahan serta pembahasannya. Adapun batasan-batasan masalah adalah sebagai berikut : 1. Sistem informasi ini dibuat untuk menghasilkan informasi mengenai produk dalam bentuk artikel dan gambar yang nantinya ditampilkan di halamanhalaman web dan dapat diakses oleh pelanggan. Aplikasi ini berupa Website dibuat hanya untuk penyampaian informasi, memberikan sarana otomasi dalam mendesain T-shirt dengan bahan yang telah disediakan dan juga pemesanan Apparel (E-Commerce). 2. Bahasa pemrograman yang digunakan untuk merancang aplikasi ini adalah php. 1.4 Tujuan Tujuan dari Skripsi ini adalah : Membuat Website guna menerapkan teknologi informasi yang di dalam website tersebut terdapat menu custom design Apparel dan pemesanan.

4 1.5 Manfaat Manfaat yang dapat diambil nantinya adalah : 1.Menghemat biaya promosi. 2.Meningkatkan mutu pelayanan bagi Pelanggan. 3.Memberikan informasi Produk-produk terbaru terbaru. 4.Memudahkan pelanggan untuk mendapatkan produk yang kita hasilkan. 5.Memberikan sarana kreatif bagi pelanggan yang ingin mendesain pakaian. 1.6 Sistematika Penulisan Sistematika Pembahasan Penulisan Skripsi ini nantinya tersusun atas beberapa sistematis penulisan, yaitu : BAB I: PENDAHULUAN Bab ini menerangkan tentang latar belakang permasalahan yang ada, batasan permasalahan, tujuan dan manfaat dari penulisan skripsi ini. BAB II: TINJAUAN PUSTAKA Semua teori dasar yang diperlukan untuk penulisan Skripsi terdapat pada bab ini. Bab ini menerangkan dan menjelaskan antara lain : sejarah dan dasar-dasar software yang digunakan. BAB III: ANALAISIS DAN PERENCANAAN SISTEM Dalam bab ini dijelaskan tentang cara perencanaan dan desain dari sistem.

5 BAB IV: IMPLEMENTASI SISTEM Bab ini melakukan metode percobaan dan pengamatan terhadap sistem yang telah direncanakan. BAB V: UJI COBA DAN EVALUASI Pada bab ini berisi tentang uji coba dan evaluasi program. BAB VI : PENUTUP Pada bab ini berisi kesimpulan dan saran.