PENGEMBANGAN SISTEM GARMENT BERBASIS WEB PT. KAMPUS KOMPANI (Studi Kasus di PT. KAMPUS KOMPANI)
Skripsi
Untuk memenuhi sebagai persyaratan mencapai derajat Sarjana S-1
Diajukan oleh Mega Yulia Kistin
20120140088
PROGRAM STUDI TEKNOLOGI INFORMASI FAKULTAS TEKNIK
▸ Baca selengkapnya: makalah studi kampus
(2)PRAKATA
Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan barokahnya sehingga penulis dapat menyelesaikan skripsi dengan judul “Pengembangan Aplikasi Penjualan dan Pembelian di Toko Usaha Dagang Berutu Kabupaten Dairi”. Laporan skripsi disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Sarjana Teknik (S.T) pada Program Studi S1 Teknik Informatika Universitas Muhammadiyah Yogyakarta.
Dalam melakukan penelitian dan penyusunan laporan skripsi penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada:
1. Bapak Dr. Ir. Dwijoko Purbohadi, M.T. selaku pembimbing utama yang telah membimbing penulis dengan kesabaran dan ketulusan dalam pengembangan sistem. 2. Mbak Aprilia Kurnianti, S.T., M. Eng. selaku pembimbing pendamping yang telah
meluangkan waktu dan sangat sabar membimbing penulis dalam pembuatan skripsi. 3. Bapak Chayadi Oktomy N S, S.T., M. Eng. selaku dosen penguji yang mau meluangkan
waktu untuk memberikan kritik dan saran kepada penulis dalam pembuatan skripsi. 4. Bapak Muhammad Helmi Zain Nuri, S.T., M.T selaku Ketua Program Studi S1 Teknik
Informatika yang memberikan izin kepada penulis untuk belajar.
5. Para dosen Jurusan Teknik Informatika Universitas Muhammadiyah Yogyakarta, Bapak Asroni, Bapak Eko, Bapak Giga, Bapak Slamet, dan Mas Okto yang telah memberikan tambahan pengetahuan dan mengajarkan ilmunya kepada penulis selama perkuliahan.
6. Para Staff Jurusan Teknik Informatika UMY, Mas Reza, Mbak Lilis, Mbak Novi, Mas Andi, dan Mas Haris yang senantiasa membantu penulis dalam urusan administrasi maupun sebagai sahabat berbagi ilmu dan canda tawa.
7. Para Staf Tata Usaha Fakultas Teknik, Bapak Wawan Shodiq Purnomo, yang dengan senang hati selalu membantu penulis dalam hal administrasi maupun berbagi kejelasan informasi terkait kebijakan Fakultas terhadap Mahasiswa.
9. Mbak Indah Paramitha Kurnia Windy, Nada Nadhifa Salsabila dan Keluarga Besar, merupakan anugerah dan kebahagiaan yang diberikan oleh Allah SWT dapat berada diantara kalian
10.Fabio Dwi Bagus Irawan, Fauziah Mutmainnah, Anggi Dhea Pangesthi, Sinta Adiyasa, Wakhidatun Nurul Khasanah dan Adam Drajat Kuntorojati kalian merupakan sahabat dan keluarga yang senantiasa memberikan inspirasi, motivasi, dan berbagi ide serta keceriaan selama penulisan tugas akhir ini. Terima kasih banyak atas doa dan semangatnya.
11.Teman-teman Teknologi Informasi, khususnya teman seperjuangan angkatan 2012, kalian merupakan sahabat dan keluarga yang senantiasa berbagi ilmu, suka cita, suka duka, dorongan serta motivasi dan pengalaman selama kuliah di Fakultas Teknik. 12.Serta pihak-pihak lainnya yang tidak dapat disebutkan satu per satu, yang telah
HALAMAN PERNYATAAN
Saya menyatakan bahwa skripsi tidak mengandung karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak mengandung karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali secara tulisan diacu dalam naskah dan disebutkan dalam daftar pustaka.
Yogyakarta, 28 Desember 2016
DAFTAR ISI
HALAMAN PENGESAHAN I ... Error! Bookmark not defined. HALAMAN PENGESAHAN II ... Error! Bookmark not defined.
PRAKATA ... 1
HALAMAN PERNYATAAN ... 3
DAFTAR ISI ... 4
DAFTAR GAMBAR ... 6 ABSTRAK ... Error! Bookmark not defined. BAB I PENDAHULUAN ... Error! Bookmark not defined.
1.1. Latar Belakang Masalah ... Error! Bookmark not defined. 1.2. Rumusan Masalah ... Error! Bookmark not defined. 1.3. Batasan Masalah ... Error! Bookmark not defined. 1.4. Tujuan... Error! Bookmark not defined. 1.5. Manfaat... Error! Bookmark not defined. 1.6. Sistematika Penulisan ... Error! Bookmark not defined.
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORIError! Bookmark not defined. 2.1. Tinjauan Pustaka ... Error! Bookmark not defined.
2.2. Landasan Teori ... Error! Bookmark not defined. 2.2.1. Aplikasi Berbasis Web ... Error! Bookmark not defined. 2.2.2. Pemrogaman Web ... Error! Bookmark not defined. 2.2.3. Jenis-Jenis Website ... Error! Bookmark not defined. 2.2.4. Wordpress ... Error! Bookmark not defined. 2.2.5. Domain Dan Hosting ... Error! Bookmark not defined. 2.3. Konsep Pengembangan Sistem ... Error! Bookmark not defined. 2.3.1. Konsep Sistem Informasi ... Error! Bookmark not defined. 2.3.2. Arsitektur Website ... Error! Bookmark not defined. 2.3.3. Analisa Sistem Pembayaran ... Error! Bookmark not defined. 2.3.4. Analisa Dan Perancangan Sistem .... Error! Bookmark not defined. 2.4. Perangkat Lunak Pembangun Sistem ... Error! Bookmark not defined.
2.4.4. PHPMyAdmin versi 4.3.11 ... Error! Bookmark not defined. 2.4.5. cPanel ... Error! Bookmark not defined. BAB III METODE PENELITIAN ... Error! Bookmark not defined.
3.1. Alat dan Bahan Penelitian ... Error! Bookmark not defined. 3.2. Langkah Penelitian ... Error! Bookmark not defined. 3.3. Pengembangan Website ... Error! Bookmark not defined. 3.3.1 Website yang akan Dikembangkan .. Error! Bookmark not defined. 3.4. Rancangan ... Error! Bookmark not defined.
3.4.1. Activity Diagram ... Error! Bookmark not defined. 3.4.2. Use Case Diagram ... Error! Bookmark not defined. 3.4.3. Rancangan Antarmuka ... Error! Bookmark not defined. 3.5. Pengujian ... Error! Bookmark not defined. BAB IV HASIL DAN PEMBAHASAN ... Error! Bookmark not defined. 4.1. Hasil ... Error! Bookmark not defined. 4.2. Pembangunan Sistem ... Error! Bookmark not defined.
4.3. Fungsi-Fungsi Halaman Website Kampus KompaniError! Bookmark not defined. 4.3.1. Halaman Admininistrator... Error! Bookmark not defined.
DAFTAR GAMBAR
Gambar 2.1 Arsitektur Website ... Error! Bookmark not defined. Gambar 3.1 Model SDL ... Error! Bookmark not defined. Gambar 3.2 Activity diagram pada kegiatan websiteError! Bookmark not defined. Gambar 3.3 Use Case Diagram Aplikasi ... Error! Bookmark not defined. Gambar 3.4 Rancangan Home Website ... Error! Bookmark not defined. Gambar 3.5 Rancangan Halaman Cara Order ... Error! Bookmark not defined. Gambar 3.6 Rancangan Halaman Daftar Harga ... Error! Bookmark not defined. Gambar 3.7 Rancangan Halaman Profil Kami ... Error! Bookmark not defined. Gambar 4.1 Running Apache dan MySQLdi XAMPPError! Bookmark not defined. Gambar 4.2 Pembuatan Database dengan phpMyAdminError! Bookmark not defined. Gambar 4.3 Halaman Login ... Error! Bookmark not defined.
Gambar 4.4 Halaman Dashboard ... Error! Bookmark not defined. Gambar 4.5 Halaman post untuk admin ... Error! Bookmark not defined. Gambar 4.6 Halaman Media ... Error! Bookmark not defined. Gambar 4.7 Halaman Pages ... Error! Bookmark not defined. Gambar 4.8 Halaman Comments ... Error! Bookmark not defined. Gambar 4.9 Halaman Menu Appearance ... Error! Bookmark not defined. Gambar 4.10 Halaman Plugin ... Error! Bookmark not defined. Gambar 4.11 Halaman Users ... Error! Bookmark not defined. Gambar 4.12 Halaman Tools ... Error! Bookmark not defined. Gambar 4.13 Halaman Setting... Error! Bookmark not defined. Gambar 4.14 Halaman Maps ... Error! Bookmark not defined. Gambar 4.15 Halaman From DB ... Error! Bookmark not defined. Gambar 4.16 Gambar Laporan Microsoft Excel .. Error! Bookmark not defined. Gambar 4.17 Gambar Laporan Pemesanan di EmailError! Bookmark not defined. Gambar 4.18 Halaman Beranda Website ... Error! Bookmark not defined. Gambar 4.19 Informasi Perusahaan ... Error! Bookmark not defined. Gambar 4.20 Tampilan Halaman Cara Order ... Error! Bookmark not defined. Gambar 4.21 Tampilan Halaman Contoh Desain BajuError! Bookmark not defined. Gambar 4.22 Tampilan Halaman Daftar Harga ... Error! Bookmark not defined. Gambar 4.23 Tampilan Halaman Order ... Error! Bookmark not defined. Gambar 4.24 Tampilan Halaman Profil Kami ... Error! Bookmark not defined. Gambar 4.25 Tampilan Halaman Setelah Order .. Error! Bookmark not defined.
Gambar 4.26 Tampilan Halaman Konfirmasi PembayaranError! Bookmark not defined. Gambar 4.27 Grafik Hasil Pengujian Tampilan Teks pada WebsiteError! Bookmark not defined.
Gambar 4.28 Grafik Hasil Pengujian Tampilan Warna dan FontError! Bookmark not defined.
Gambar 4.30 Grafik Hasil Pengujian Kemudahan Penggunaan WebsiteError! Bookmark not defined.
Gambar 4.31 Grafik Hasil Pengujian Fungsi WebsiteError! Bookmark not defined.
ABSTRAK
Wordpress merupakan suatu istilah yang tidak asing didengar sebagai strategi bisnis pada zaman ini. Sangat penting tentunya bagi perusahaan PT. KAMPUS KOMPANI untuk memperkenalkan perusahaan garment dengan menggunakan website untuk kemajuan proses bisnis yang ada di dalam perusahaan, sehingga tujuan dan sasaran bisnis perusahaan dalam meningkatkan kinerja pemasaran jasa pembuatan baju dapat dicapai. Website yang dikembangkan untuk perusahaan PT. KAMPUS KOMPANI ini diharapkan dapat membantu mengatasi masalah pemasaran yang ada pada perusahaan. Website dibangun menggunakan
wordpress dan database PhpMyAdmin. Berdasarkan hasil pengujian dapat disimpulkan bahwa aplikasi berbasis web yang telah dibangun dan dikembangkan sangat berperan dalam peningkatan jasa pembuatan baju dan penyedia informasi yang dibutuhkan pengunjung website.
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah
Perusahaan Kampus Kompani adalah sebuah perusahaan yang bergerak dalam bidang konveksi. Konveksi sendiri adalah suatu bahan yang digunakan untuk membuat pakaian baik seperti kemeja, kaos, jaket dan masih banyak lagi. Kampus Kompany sudah berdiri dari tahun 2012. Kampus Kompani menyediakan berbagai macam bahan dan berbagai pakain kemeja, pakaian olahraga, jaket dan beberapa produk lainnya. Lokasi Kampus Kompani berada di jalan Ring Road Barat Yogyakarta.
Selama beberapa tahun setelah didirikan, media pemasaran yang ada di Kampus Kompani belum memanfaatkan kemampuan teknologi yang ada di masa kini. Media pemasaran atau promosi yang ada pada Kampus Kompani ini terkesan biasa karena perusahaan belum memanfaatkan teknologi informasi yang ada secara maksimal sehingga membuat persaingan tidak seimbang dengan perusahaan pesaing yang bergerak di bidang konveksi di daerah Yogya dan sekitarnya. Selain itu, pemanfaatan teknologi terkini dengan menggunakan media internet perlu dilakukan karena banyaknya perusahaan pesaing yang lebih gencar dalam mengadakan promosi untuk menarik konsumen dengan memanfaatkan perkembangan teknologi khususnya internet. Oleh karena itu, untuk dapat bersaing dengan perusahaan konveksi lainnya dibutuhkan suatu strategi pemasaran yang tepat dan inovatif untuk meningkatkan pemasaran dan proses bisnis di dalam Kampus Kompani.
Website yang akan dibuat untuk Kampus Kompani diharapkan dapat membantu mengatasi masalah pemasaran yang ada pada perusahaan Kampus Kompani. Website akan dibangun menggunakan Wordpress.
1.2. Rumusan Masalah
Berdasarkan latar belakang masalah yang sudah dijelaskan, maka dapat diidentifikasi permasalahan yang ada, yaitu :
a. Kampus Kompani belum menggunakan media promosi online apapun melalui intermet, sehingga banyak yang belum mengetahui layanan apa saja yang diberikan perusahaan. b. Media promosi atau pemasaran yang disebarkan hanya dari mitra atau rekan kerja di sekitar perusahaan, sehingga tidak meluasnya relasi kerja dengan mitra atau partner bisnis yang baru.
c. Tidak tersedianya media pemasaran dari perusahaan yang menjelaskan spesifikasi produk yang ditawarkan serta minimnya informasi mengenai tata cara memesan, maka yang terjadi kurangnya pemahaman cara kerja atau cara memesan yang telah ditentukan perusahaan
1.3. Batasan Masalah
Dari rumusan masalah tersebut diatas, maka dalam penelitian ini hanya dibatasi pada permasalahan-permasalahan sebagai berikut:
a. Meneliti pengguna website Kampus Kompani
b. Meneliti tingkat keramahan dari Content Management System (CMS) yang dipakai
website Kampus Kompani
1.4. Tujuan
Berikut adalah tujuan yang hendak dicapai dengan adanya penelitian ini adalah: a. Membuat sebuah Website untuk mempromosikan dan memperkenalkan Kampus
Kompani ke publik atau masyarakat luas, agar public lebih mudah mendapatkan informasi yang sesuai tentang Kampus Kompani.
c. Sebagai sarana online untuk memudahkan dalam proses penyebarluasan informasi ke publik atau masyarakat luas, khususnya pengetahuan mengenai jasa konveksi dalam penyampaian logistik.
1.5. Manfaat
Penggunaan e-commerce dalam bentuk media website ini sangatlah berpengaruh besar bagi Kampus Kompani yaitu dalam memperkenalkan produk yang ditawarkan. Manfaat lainnya yang diharapkan perusahaan dengan adanya website ini yaitu agar dapat meningkatkan produksi sehingga mencapai persentase 85% dalam tiap minggu, serta perluasan jangkauan wilayah agar lebih menyebar ke luar daerah, dan tidak hanya di wilayah Yogyakarta namun hingga ke luar negri.
1.6. Sistematika Penulisan
Sistematika penulisan tugas akhir secara garis besar diuraikan sebagai berikut: BAB I PENDAHULUAN
Bab I menjelaskan mengenai latar belakang pemilihan tema, perumusan masalah, identifikasi masalah, batasan masalah, tujuan dan manfaat serta sistematika penulisan
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI
Bab II menjelaskan teori-teori yang menjadi acuan dalam penulis, yaitu mulai dari penjelasan tentang teknologi, penjelasan tentang teori yang digunakan dalam membangun aplikasi hingga pada database yang digunakan.
BAB III METODE PENELITIAN
Bab III berisi analisis kebutuhan dalam membangun aplikasi, arsitektur dan alur penelitian. Selain itu terdapat juga rancangan antarmuka untuk aplikasi.
BAB IV HASIL DAN PEMBAHASAN
Bab IV menjelaskan mengenai implementasi system dan hasil pengujian system yang telah dibuat.
BAB V KESIMPULAN DAN SARAN
Bab V menjelaskan mengenai kesimpulan dan saran yang dibutuhkan dari hasil penelitian yang telah dibuat.
BAB II
TINJAUAN PUSTAKA DAN LANDASAN TEORI
2.1. Tinjauan Pustaka
Pada era teknologi yang berkembang saat ini, website mulai dikenal sebagai halaman yang menyediakan informasi melalui jalur internet sehingga dapat diakses di berbagai belahan dunia selama terkoneksi dengan jaringan internet. Website merupakan salah satu cara menampilkan informasi mengenai perusahaan yang dapat dikunjungi tanpa batas ruang dan waktu. Maka dengan adanya website sekarang ini akan menjadi strategi pemasaran yang baik dalam bidang bisnis.
Penelitian-penelitian terdahulu menjadi bahan acuan dan kajian terhadap penelitian yang dilakukan saat ini. Dan dengan adanya penelitian terdahulu didapatlah perbandingan-perbandingan yang sesuai dari topik penelitian yaitu mengenai sistem aplikasi berbasis website yang digunakan sebagai media pemasaran online dari suatu perusahaan.
Novriyansah (2014) melakukan penelitiannya yang berjudul “ Analisis dan Perancangan Website Sebagai Media Informasi dan Promosi pada Wisan BMW Part & Service Yogyakarta” penelitiannya ini berguna untuk memberikan informasi mengenai profil perusahaan dan spesifikasi produk BMW terbaru yang berada di dealer tersebut.
a. Persamaan penelitian yang sekarang dengan yang terdahulu adalah sama-sama memberikan informasi profil perusahaan dan spesifikasi produk terbaru untuk menarik pengunjung dengan memberikan informasi menarik pada halaman website tersebut. b. Perbedaan dari penelitian sekarang adalah aplikasi yang terdahulu tidak menyediakan
halaman yang memberikan informasi unit produk yang masih tersedia untuk dapat dipesan.
Deffi Rosdiana Sari (2014) juga melakukan penelitian dengan judul “Membangun Aplikasi Sistem Pemesanan dan Pembayaran Sewa Mobil Online Berbasis Web pada Studi Kasus di Rental Daras Corporation” mengenai web company profile beserta sistem pemesanan dan pembayarannya.
b. Perbedaannya penelitian yang sekarang dan yang terdahulu adalah penelitian yang sekarang menggunakan XAMPP sedangkan pada penelitian sebelumnya menggunakan WAMP sebagai web servernya.
Setelah membandingkan penelitian-penelitian terdahulu dapat disimpulkan bahwa persamaannya adalah sama-sama membuat aplikasi berbasis web sebagai media pemasaran atau promosi online yang memudahkan konsumen untuk mendapatkan informasi terbaru. Sedangkan perbedaannya adalah aplikasi berbasis web ini dibangun dengan konsep wordpress
dan database menggunakan PHPMyAdmin serta XAMPP sebagai webservernya.
2.2. Landasan Teori
2.2.1. Aplikasi Berbasis Web
Aplikasi Web merupakan suatu perangkat lunak computer yang dikodekan dalam bahasa pemrograman yang didukung oleh perangkat lunak seperti HTML, JavaScript, CSS, Ruby, Phyton, PHP, Java dan bahasa pemrograman lainnya. Aplikasi web adalah sebuah program yang disimpan di server dan dikirim melalui internet dan diakses melalui antarmuka browser (Rouse, 2011). Dan dapat disimpulkan aplikasi web merupakan aplikasi yang diakses menggunakan teknologi browser dengan melalui jaringan internet atau intranet.
Keunggulan aplikasi berbasis web:
1. Aplikasi dapat dijalankan tanpa harus melakukan penginstallan
2. Tidak memerlukan lisensi ketika menggunakan web-based application, sebab lisensi telah menjadi tanggung jawab dari penyedia aplikasi web.
3. Dapat dijalankan di sistem operasi apapun, aplikasi berbasis web dapat di akses dengan memiliki browser beserta akses internet.
4. Dapat diakses melalui media seperti computer, Smartphone atau tablet yang sudah sesuai dengan standard.
5. Tidak memerlukan spesifikasi computer yang tinggi untuk menggunakan aplikasi berbasis web ini, sebab di sebagaian besar proses dilakukan di web server penyedia aplikasi berbasis web ini.
Kekurangan aplikasi berbasis web :
2. Dibutuhkan sistem keamanan yang baik dikarenakan aplikasi dijalankan secara terpusat, sehingga apabila server di pusat mengalami gangguan maka sistem aplikasi tidak dapat berjalan.
2.2.2. Pemrogaman Web
Pemrograman web menggunakan bahasa berupa script yang terbagi menjadi 2 dalam cara kerja dan pemrosesannya, yaitu Client Side Scripting (CSS) dan Server Side Scripting (SSS) (M. Rudyanto Arif, 2011).
1. Client Side Scripting
Bahasa pemrograman web ini untuk proses pengolahannya dilakukan di sisi client, proses pengolahan client side scripting dilakukan oleh browser sebagai client nya. 2. Server Side Scripting
Server side scripting adalah bahasa pemrograman web yang pengeksekusian kode programnya dilakukan di sisi server, kemudian hasil pengeksekusiannya akan ditampilkan pada sisi client.
2.2.3. Jenis-Jenis Website
Secara garis besar, website biasa digolongkan menjadi 3 jenis yaitu : 1. Website Statis
Website Statis adalah web yang mempunyai halaman tidak berubah. Untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengubah code yang menjadi struktur dari website tersebut.
2. Website Dinamis
Website Dinamis merupakan website yang secara struktur memungkinkan untuk diperbaharui sesering mungkin. Biasanya selain halaman utama yang bisa diakses oleh user pada umumnya, juga disediakan halaman backend untuk mengedit kontent dari website. Contoh umum mengenai website dinamis adalah web berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya.
3. Website Interaktif
2.2.4. Wordpress
WordPress adalah open source CMS (Content Management System), sering digunakan sebagai engine blog yang dibangun dengan PHP dan MySQL. Memiliki banyak fitur, termasuk arsitektur plug in dan sistem template. Digunakan oleh lebih dari 12% dari 1 juta website terbesar, WordPress adalah CMS yang paling populer saat ini.
2.2.5. Domain Dan Hosting
Untuk membuat sebuah situs atau website diperlukan domain dan hosting. Dua istilah ini adalah komponen utama dalam membangun sebuah website sehingga dapat diakses oleh siapapun di seluruh penjuru dunia melalui akses internet. Hosting adalah suatu space atau tempat di internet yang kita gunakan untuk menyimpan data-data situs kita. Entah itu situs perusahaan, situs pribadi, situs blog, dan lain sebagainya. Setiap situs yang hendak kita buat online sehingga banyak orang bisa mengaksesnya, harus disimpan pada suatu host. Kini banyak tersedia host-host yang ditawarkan yang ada di internet. Mulai yang berbayar, sampai yang gratis sekalipun. Sedangkan domain adalah penamaan situs yang unik pada dunia internet. Unik disini berarti nama situs hanya dimiliki oleh satu orang.
2.3. Konsep Pengembangan Sistem 2.3.1. Konsep Sistem Informasi
Informasi di dalam suatu organisasi atau perusahaan sangatlah penting dan berarti ,karena informasi dapat membuat suatu organisasi meraih tujuan dari didirikannya organisasi tersebut. Dengan sistem informasi, suatu organisasi dapat menyelesaikan masalah yang dihadapinya dan dengan informasi juga, suatu organisasi dapat mengontrol semua aktifitas yang ada di dalamnya.
Analisa sistem adalah sebagai penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permsalahan-permasalahan, kesempatan-kesempatan, hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya ( Jimmy L.Goal, 2008).
2.3.2. Arsitektur Website
memerlukan perhatian khusus pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan desain arsitektur web. Untuk optimasi mesin pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide Web.
Pengunjung Internet DATABASE
Pengunjung merupakan orang yang melihat website ini. Pengujung disini bisa dari member atau pengunjung baru dari website ini.
b. Internet
Internet merupakan media bagi pengguna untuk menemukan atau mencari informasi, dalam hal ini internet digunakan pengguna untuk mengakses web Kampus Kompany. c. Web Server
Web Server merupakan tempat penyimpanan berbagai website. Pengguna melalui internet mengakses webshopping yang berada pada web server.
d. Database Server
Database server merupakan tempat penyimpanan database yang sudah ada. Data-data yang telah dimasukan atau didata akan disimpan didalam database server.
2.3.3. Analisa Sistem Pembayaran
Analisa sistem pembayaran dibangun dengan mengikuti proses-proses yang telah berjalan pada website.
Proses yang terjadi pada sistem pembayaran website Kampus Kompani : 1. Pengunjung membuka website kampus kompani
2. Pelanggan meng-upload foto pakaian yang akan dibuat, kemudaian melakukan proses pemesanan.
4. Jika pelanggan melakukan pembayaran dengan transfer maka pelanggan harus mengkonfirmasi bukti pembayaran dengan mengirimkan bukti pembayaran melalui email atau smartphone dengan media WhatsApp, BBM dan Line.
2.3.4. Analisa Dan Perancangan Sistem 2.3.4.1 Analisa Aplikasi Web
Pengertian perancangan sistem yang lain menurut Jogiyanto H.M (2001), yaitu: “
Perancangan sistem menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti
diselesaikan. Tahap ini menyangkut mengkonfigurasikan dari komponen-komponen perangkat
lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar memuaskan rancangan bangun yang telah ditetapkan pada akhir tahap analisa sistem”.
Dengan demikian perancangan sistem dapat diartikan sebagai berikut : 1. Tahap setelah analisis dari siklus pengembangan sistem.
2. Pendefinisian dari kebutuhan-kebutuhan fungsional. 3. Persiapan untuk rancang bangun dan implementasi. 4. Menggambarkan bagaimana suatu sistem dibentuk.
5. Penggambaran, perancangan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi.
Perancangan Sistem (System Design) secara umum dapat berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesalahan yang utuh dan berfungsi.Termasuk mengkonfigurasikan komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem.
Perancangan sistem dapat diartikan sebagai berikut ini: 1. Tahap setelah analisis dari siklus pengembangan system. 2. Pendefinisian dari kebutuhan-kebutuhan fungsional. 3. Persiapan untuk rancang bangun implementasi. 4. Menggambarkan bagaimana suatu sistem dibentuk.
Analisis sistem adalah orang yang mempunyai kemampuan untuk menganalisis sebuah sistem, memilih alternatif pemecahan masalah dan menyelesaikan masalah tersebut dengan menggunakan computer (Kristanto, 2003).
2.3.4.2 Analisis Kebutuhan Aplikasi Web
permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.
Tahapan dalam merancang Web menggunakan Model Waterfalls sebagai berikut : 1. Analisis kebutuhan merupakan proses pengumpulan kebutuhan yang dilakukan secara
intensif untuk menentukan spesifikasi web agar dapat dipahami oleh pengguna. 2. Desain Perangkat Lunak Desain Antar Muka, desain basis data dan desain navigasi
terstruktur.
3. Pembuatan Kode Program atau Implementasi 4. Pengujian atau testing
5. Pendukung (Support) atau pemeliharaan (Maintenance).
Analisis Kebutuhan Secara singkat terdapat 7 jenis kebutuhan Requirements Types
dalam pengembangan Web sebagai berikut :
1. Functional Requirements
Menetukan kemampuan dan layanan dari web yang di sediakan. Misalnya dalam Aplikasi Perbankan Online (Internet Banking) terdapat fasilitas transfer uang.
2. Content Requirements
Menentukan isi aplikasi web atau konten yang terdapat dalam web yang dikembangkan.
3. Quality Requirements
Menetukan tingkat kualitas layanan dan kemampuan dalam hal-hal penting seperti keamanan, kinerja, manfaat dan kegunaan dari web.
4. System Environment Requirements
Menentukan bagaimana aplikasi web dapat diterima oleh masyarakat. Jika aplikasi web“ubiquitous” berarti harus menyediakan layanan yang dapat dikustomisasi oleh usernya, kapanpun, dimanapun, dan untuk perangkat apapun.
5. User Interface Requirements
Menentukan kemudahan dari penggunaan web oleh pengguna meliputi aspek penting yang meliputi struktur navigasi dan user interface.
6. Evolution Requirements
Menentukan kemampuan web sesuai dengan eolusi yang berlangsung dengan melakukan peningkatan. Web harus dirancangup-to-date mengikuti perkembangan zaman.
Menentukan kendala yang mungkin dihadapi dalam pengembangan web seperti anggaran dan jadwan, keterbatasan teknik, pemeliharaan web, pengembangan teknologi, aturan pemerintah, dan aspek budaya.
2.4. Perangkat Lunak Pembangun Sistem 2.4.1. XAMPP versi 3.2.2
Xampp merupakan web server yang dapat dijalankan oleh berbagai sistem operasi Windows. Yang berguna untuk melayani dan memfungsikan situs web. XAMPP yang digunakan adalah versi 3.2.2, menurut Riyanto (2010, 1), dikutip dalam (Choliviana, Triyono, & Sukadi, 2012), XAMPP merupakan paket PHP dan MySQL berbasis open source, yang dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP. XAMPP mengombinasikan beberapa paket perangkat lunak berbeda ke dalam satu paket.
Memanfaatkan XAMPP sebagai database karena XAMPP menyediakan aplikasi database MySQL dengan interface lebih mudah dalam pengoperasiannya, tool-tool yang disediakan cukup lengkap dan memenuhi kebutuhan perancangan database selain itu XAMPP merupakan aplikasi tidak berbayar.
2.4.2. Wordpress versi 4.5.3
Aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan olehChristine Selleck, teman Matt Mullenweg. WordPress saat ini menjadi platform content management system (CMS) bagi beberapa situs web ternama seperti CNN, Reuters, The New York Times, TechCrunch, dan lainnya.
2.4.3. MySQL versi 5.6.24
sekian banyak DBMS seperti Oracle, MSSQL, PostagreSQL, dan lainya. Pemograman PHP
juga sangat mendukung/ support dengan database MySQL.
2.4.4. PHPMyAdmin versi 4.3.11
PhpMyAdmin adalah sebuah aplikasi web yang ditulis menggunakan bahasa pemrograman PHP. Sebagaimana aplikasi-aplikasi lain untuk lingkungan web. PhpMyAdmin juga mengandung unsur HTML/XHTML, CSS, dan juga kode JavaScript. Aplikasi web ini ditujukan untuk memudahkan pengelolaan basis data MySQL dengan penyajian tampilan web (user interface) yang lengkap.
PhpMyAdmin merupakan aplikasi web yang bersifat open souce (sumber terbuka) sejak pertama kali dibuat dan dikembangkan. Dengan dukungan dari banyak developer dan translator, aplikasi web phpMyAdmin mengalami perkembangan yang cukup pesat dengan ketersediaan banyak pilihan bahasa. Sampai saat ini, ada kurang lebih 65 bahasa yang didukung oleh aplikasi web phpMyAdmin.
2.4.5. cPanel
cPanel adalah web hosting yang berbasis Unix Panel kontrol yang menyediakan grafis antarmuka dan alat otomatisasi dirancang untuk menyederhanakan proses hosting situs web. cPanel menggunakan struktur tingkat 3 yang menyediakan kemampuan untuk administrator, reseller, dan pemilik situs web pengguna akhir untuk mengontrol berbagi aspek dari situs
website dan administrator server melalui web browser standar.
Selain GUI (Grafik User Interface) antarmuka, cPanel juga memiliki baris perintah berbasis akses yang memungkinkan vendor perangkat lunak pihak ketiga, organisasi web hosting, dan pengembang untuk mengotomatisasi proses sistem administrasi standar.
cPanel didesain sebagai dedikasi srver atau virtual private sever. Versi terbaru cPanel mendukung instalasi pada CentOS, Red Hat Enterprise Linux (RHEL), dan CloudLinux. Dan cPanel 11.30 adalah versi terakhir untuk mendukung FreeBSD.
Beberapa hal yang dapat dilakukan dengan cPanel: 1. Menambah, menghapus, dan merubah Email account. 2. Upload file dari browser.
3. Instalasi software/script.
4. Password protection untuk folder.
BAB III
METODE PENELITIAN
1.1. Alat dan Bahan Penelitian
Penelitian ini membutuhkan alat-alat untuk mendukung berjalannya perancangan dan implementasi website, antara lain:
1. Perangkat Keras
Personal Computer (PC) / Laptop. - 32/64 bit Architecture Processor. - 2GB Random Access Memory (RAM). - Sistem Operasi Windows 7/8/10. 2. Perangkat Lunak
a. Browser Internet (Google Chrome atau Mozila Firefox). b. XAMPP Control Panel v3.2.2
c. Wordpress 4.5.3 d. cPanel
1.2. Langkah Penelitian
Gambar 3.1 Model SDL a. Tahap Perencanaan
Pada tahap perencanaan ini membahas studi tentang kebutuhan pengguna, serta kelayakan baik secara teknik maupun secara teknologi. Pada tahap ini pula dilakukan perencanaan tentang sistem yang akan dibangun, dalam hal ini website Kampus Kompani
b. Tahap Analisis
Pada tahap ini dilakukan proses pendalaman mengenai segala permasalahan dan resiko pada pengguna.
c. Tahap Perancangan
Pada tahap perancangan ini menyangkut sistem dimana akan diberikannya solusi dari segala masalah yang ada setelah dilakukannya tahap analisis. d. Tahap Implementasi
Tahapan dimana perancangan sistem diimplementasikan ke situasi nyata dengan pemilihan perangkat keras penyusun design. Untuk implementasinya yaitu dengan memasukan design yang sudah dibuat. e. Tahapan Pengujian
meminimalisir kesalahan design website sehingga sistem yang dikembangkan dapat berjalan dengan sebaik mungkin.
f. Tahap Pemeliharaan
Tahap dimana dilakukannya perawatan dan pemeliharaan website, jika diperlukan perbaikan kecil kemuadian jika periode sistem sudah habis maka akan masuk kedalam tahap perencanaan.
3.3. Pengembangan Website
Pengembangan website dilakukan dengan membuat website company profile untuk Kampus Kompani yang dimulai dari perencanaan lalu analisis kebutuhan sebagai penunjang agar dapat mencapai tujuan penggunaan website sesuai dengan E-marketting yang gunanya untuk meningkatkan pemasaran dan pendapatan Kampus Kompani. Website yang dikembangkan untuk Kampus Kompani merupakan jenis website dinamis.
3.3.1 Website yang akan Dikembangkan
Website yang akan dikembangkan yaitu website baru yang yang mengikuti standarisasi website yang di inginkan oleh Kampus Kompani.
3.4. Rancangan
3.4.1. Activity Diagram
Gambar 3.2 Activity diagram pada kegiatan website
Gambar 3.2 menunjukan Activity Diagram pada kegiatan website. Setiap visitor yang akan melakukan pemesanan baju perlu membuka website dan memasukan file foto desain baju. Setelah sukses megunggah file tugas visitor selesai. Selanjutnya tugas website yang akan menerima file foto desain baju yang telah diunggah oleh visitor. File yang telah diterima dari website akan di proses oleh admin dan segera mengerjakan pesanan visitor.
3.4.2. Use Case Diagram
Berikut adalah use case yang dibuat pada use case diagram: a. Melihat home website: untuk melihat info yang ada di home b. Melihat halaman cara order: untuk melihat info cara order c. Mengunggah file foto: untuk mengunggah file foto
d. Melihat halaman daftar harga: untuk melihat rincian daftar harga e. Melihat halaman profil kami: untuk melihat info tentang perusahaan f. Update data: untuk memperbaharui data
g. Menerima dan memproses pesanan: untuk memproses pesanan
Gambar 3.3 Use Case Diagram Aplikasi
3.4.3. Rancangan Antarmuka
Home Cara Order Daftar Harga Profil Kami
Gambar 3.4 Rancangan Home Website
Gambar 3.4 adalah rancangan halaman untuk beranda web, terdapat beberapa info tentang perusahaan di halaman ini.
Contoh Desain Baju
Cara Order Daftar Harga Profil Kami
Kampus Kompani
Label Home
Gambar 3.5 Rancangan Halaman Cara Order
Contoh Desain Baju
Cara Order Daftar Harga Profil Kami
Kampus Kompani
Label Home
Gambar 3.6 Rancangan Halaman Contoh Desain Baju
Gambar 3.6 menunjukan rancangan halaman contoh desain baju yang akan
dilihat oleh pengunjung dihalaman ini ada beberapa contoh bentuk desain baju.
Contoh Desain Baju
Cara Order Daftar Harga Profil Kami
Kampus Kompani
Label Home
Gambar 3.7 Rancangan Halaman Daftar Harga
Contoh Desain Baju
Cara Order Daftar Harga Profil Kami
Kampus Kompani
Label Home
Gambar 3.8 Rancangan Halaman Profil Kami
Gambar 3.8 adalah rancangan pada halaman yang akan menampilkan peta perusahaan dan sedikit info tentang perusahaan.
Tampilan halaman pada aplikasi juga dibagi menjadi 4 tab yaitu tab Home, tab Cara Order, tab Daftar Harga, tab Profil Kami.
Contoh Desain Baju
Cara Order Daftar Harga Profil Kami
Kampus
Gambar 3.9 adalah rancangan pada halaman yang akan menampilkan beberapa file unggahan untuk memasukan foto desain.
Contoh Desain Baju
Cara Order Daftar Harga Profil Kami Kampus
Gambar 3.10 Rancangan Halaman Konfirmasi Pembayaran
Gambar 3.10 adalah rancangan pada halaman konfirmasi pembayaran yang akan menampilkan file unggahan bukti transferan.
3.5. Pengujian
Pada penelitian ini digunakan suatu metode untuk menguji serta mengevaluasi bagaimana website ini berjalan. Tujuan pengujian pada website ini adalah untuk mengetahui apakah website Kampus Kompani telah memenuhi kebutuhan yang diperlukan oleh perusahaan sebagai media untuk menyampaikan informasi. Metode pengujian yang dipakai dalam pengembangan aplikasi ini adalah tes fungsional yaitu pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari aplikasi tersebut.
Hal-hal yang menjadi perhatian dalam pengujian adalah sebagai berikut: a. Website dapat memberi kenyamanan pada pengguna.
BAB IV
HASIL DAN PEMBAHASAN
4.1. Hasil
Hasil penelitian ini berupa sebuah website yang didukung oleh teknologi CMS
wordpress version 4.5.3. Halaman-halaman web yang terdapat dalam website secara umum terbagi menjadi 2(dua) bagian yaitu:
Halaman dashboard yang digunakan admin untuk mengelola konten yang akan ditampilkan pada website.
Halaman website yang menampilkan hasil pengelolaan konten yang dibuat oleh admin dan bisa diakses oleh pengunjung website.
1.2. Pembangunan Sistem 4.2.1 Instalasi Aplikasi Server
Langkah pertama dalam pembangunan aplikasi ini adalah melakukan instalasi aplikasi
server yaitu menggunakan XAMPP. Setelah selesai melakukan instalasi kemudian jalankan aplikasi XAMPP, kemudian pastikan Apache dan MySQL dapat terkoneksi ditandai dengan tulisan running. Tampilan instalasi aplikasi server dapat dilihat pada gambar 4.1.
Gambar 4.1 Running Apache dan MySQLdi XAMPP 4.2.2 Pembuatan Database
membuka browser kemudian ketikan localhost/phpmyadmin. Pada sistem yang telah dibangun
database diberi nama dbkampuskompany yang didalamnya berisi banyak tabel. Pembuatan
database dapat dilihat pada gambar 4.2.
Gambar 4.2 Pembuatan Database dengan phpMyAdmin
1.3. Fungsi-Fungsi Halaman Website Kampus Kompani 4.3.1. Halaman Admininistrator
4.3.1.1 Halaman Login admin
Halaman Login admin adalah halaman dimana hanya admin yang bisa masuk ke dalam halaman selanjutnya yaitu halaman dashboard. Halaman admin bisa diakses melalui alamat
kampuskompani.com/wp-admin.
4.3.1.2 Dashboard
Gambar 4.4 Halaman Dashboard
Halaman dashboard adalah halaman utama yang paling pertama ketika admin telah selesai melakukan proses login. Admin disini bisa memperbaharui konten berita, memperbaiki halaman, mengganti slide, dan lainnya.
Gambar 4.5 Halaman post untuk admin
Menu post adalah menu yang berfungsi sebagai membuat dan merubah artikel postingan. Menu post pada dashboard terbagi kembali menjadi beberapa sub menu yang masing-masing sub menu diperuntukan untuk kegnaan yang berbeda yaitu sebagai berikut
1 All Post: berfungsi sebagai tempat daftar dan jumlah postingan
2 Add New: berfungsi sebagai tempat dimana kita bisa melakukan posting. 3 Categorie: berfungsi untuk petunjuk kategori tulisan pada blog.
4 Tags: Berbeda dengan kategori tags berfungsi sebagai penandaan yang hampir sama dengan kategori.
4.3.1.4 Media
Gambar 4.6 Halaman Media
Menu media adalah menu yang berfungsi sebagai penyimpan file foto, musik, video, dan dokumen lainnya yang berekstensikan pdf, docx, xlsx dan lainnya. Menu media pada
dashboard terbagai kembali menjadi beberapa sub menu yang masing-masing sub menu
Library: berfungsi untuk mengetahui semua jumlah file yang di upload pada website
yang dikelola.
Add New: Berfungsi sebagai tempat dimana admin dapat menambahkan file, video, gambar, dll.
4.3.1.5 Pages
Gambar 4.7 Halaman Pages
Menu page adalah menu yang berfungsi untuk membuat halaman yang sifatnya permanen. Menu pages pada dashboard terbagi kembali menjadi beberapa sub menu yang masing-masing sub menu diperuntukan untuk kegunaan yang berbeda yaitu sebagai berikut :
4.3.1.6 Comments
Gambar 4.8 Halaman Comments
Menu comments adalah menu yang berfungsi untuk mengatur komentar yang masuk pada halaman yang dibuat.
Gambar 4.9 Halaman Menu Appearance
Menu appearance adalah menu yang berfungsi sebagai mengatur tampilan desain
website. Disinilah tempat dimana peneliti memasukan desain yang telah dibuat kedalam CMS wordpress. Menu appearance pada dashboard terbagi kembali menjadi beberapa sub menu
yang masing-masing sub menu diperuntukan untuk kegunaan yang berbeda yaitu:
Themes: Disini admin bisa mengatur tema website yang sudah tersedia dengan gratis dan bisa juga memasukan desain sendiri.
Widgets: Pengaturan widget website dari sisi kiri maupun sisi kanan website.
Menus: Mengatur menu yang terdapat pada website.
Header: Untuk mengatur tampilan bagian atas atau judul wordpress.
Background: Mengatur tampilan dasar/tampilan awal jendela wordpress.
Editor: Menu ini digunakan untuk editing keseluruhan, biasanya digunakan pengembang desain tema website. Tentunya menggunakan bahasa pemrograman php
dan menggunakan css.
Gambar 4.10 Halaman Plugin
Menu plugin adalah menu yang berfungsi untuk menginstal, menghapus, dan mengupdate plugin yang sudah disediakan oleh pihak wordpress.
4.3.1.9 Users
Gambar 4.11 Halaman Users
All Users: Untuk melihat semua pengguna yang memeberikan kontribusi terhadap
website.
Add New: Menambahkan pengguna baru pada website.
Your Profile: Melihat profil sendiri.
4.3.1.10 Tools
Gambar 4.12 Halaman Tools
Gambar 4.13 Halaman Setting
Menu setting adalah menu yang berfungsi untuk mengatur pengaturan yang ada didalam
dashboard dan website. Menu setting pada dashboard terbagi kembali menjadi beberapa sub menu yang masing-masing sub menu diperuntukan untuk kegunaaan yang berbeda yaitu:
General: pengaturan umum pada website seperti kata-kata, header website, gambar
product, dll.
Writting: pangaturan menulis yaitu pengaturan yang di peruntukan sebagai pengaturan media postingan seperti menu font, dll.
Reading: pengaturan untuk para pembaca ketika membuka homepage website. Discussion: Untuk pengaturan diskusi di website seperti comment pada postingan. Media: Pengaturan penyimpanan file yang di upload pada website.
Gambar 4.14 Halaman Maps
Menu maps adalah menu yang berfungsi sebagai pengaturan terhadap website untuk menampilkan sebuah peta lokasi.
4.3.1.13 Contcat From DB
Gambar 4.15 Halaman From DB
4.3.1.14 Laporan Microsoft Excel
Gambar 4.16 Gambar Laporan Microsoft Excel
Laporan Microsoft Excel adalah hasil export dari data plugins Contact Form DB ke Microsoft Excel.
Gambar 4.17 Gambar Laporan Pemesanan di Email
Laporan Pemesanan di Email adalah hasil pelanggan yang melakukan pemesanan yang pesanannya masuk di email.
Gambar 4.18 Halaman Beranda Website
Inilah tampilan website utama ketka pengunjung pertama kali mengakses alamat
website kampuskompani, yaitu : http://kampuskompani.com. Terdapat slide yang memberikan kesan elegant dan user friendly.
Gambar 4.19 Informasi Perusahaan
Di dalam informasi perusahaan ini pengunjung bisa mengetahui nama lengkap, alamat, dan email dari perusahaan.
4.3.2.3 Tampilan Halaman Cara Order
Gambar 4.20 Tampilan Halaman Cara Order
Halaman ini berfungsi untuk menerangkan kepada pelanggan bagaimana cara untuk mengorder baju tanpa harus datang langsung ke toko.
Gambar 4.21 Tampilan Halaman Contoh Desain Baju
Halaman ini berfungsi untuk pelanggan melihat beberapa contoh desain baju apabila mereka membutuhkan referensi desain baju.
Gambar 4.22 Tampilan Halaman Daftar Harga
Halaman ini berfungsi untuk menerangkan kepada pelanggan bahan baju yang akan dipilih.
4.3.2.6 Tampilan Halaman Order
Gambar 4.23 Tampilan Halaman Order
Dihalaman ini pelanggan dapat memasukkan desain baju nya sendiri yang nantinya akan diproses oleh perusahaan.
Gambar 4.24 Tampilan Halaman Profil Kami
Dihalaman ini pelanggan dapat mengetahui beberapa informasi mengenai perusahaan dan dapat mengetahui lokasi dari toko Kampus Kompani.
Gambar 4.25 Tampilan Halaman Setelah Order
Dihalaman ini pelanggan dapat memasukan file foto deain baju dan jika sudah berhasil akan masuk ke email dan bisa diproses.
Gambar 4.26 Tampilan Halaman Konfirmasi Pembayaran
Dihalaman ini pelanggan dapat memasukan file foto bukti pembayaran dan jika sudah berhasil akan masuk ke email dan pakaian segera dibikin.
4.2 Pengujian Website
Gambar 4.27 Grafik Hasil Pengujian Tampilan Teks pada Website
Gambar pada Gambar 4.27 merupakan hasil penilaian responden terhadap teks tampilan pada website. Dari pengujian tersebut dapat dihasilkan bahwa 80 % atau sekitar 8 orang berkomentar sangat setuju, 20% mewakili 2 orang berkomentar bahwa setuju dengan teks pada tampilan website secara kesuluruhan tampilan website sudah cukup.
Gambar 4.28 Grafik Hasil Pengujian Tampilan Warna dan Font
20%
80%
0 0
Hasil Pengujian Teks
Sangat Setuju Setuju Kurang Setuju Tidak Setuju
50% 50%
0% 0%
Hasil Pengujian Warna Font
Grafik pada Gambar 4.28 merupakan hasil penilaian responden terhadap tampilan warna dan font pada website. Dari pengujian tersebut dapat dihasilkan bahwa 50% atau sekitar 5 orang berkomentar setuju, 50% mewakili 5 orang berkomentar bahwa sangat setuju, bahwa tampilan dan font sudah sesuai dengan website.
Gambar 4.29 Grafik Hasil Pengujian Tampilan user interface
Grafik pada Gambar 4.29 merupakan hasil penilaian responden terhadap tampilan user interface pada website. Dari pengujian tersebut dapat dihasilkan bahwa 90% atau sekitar 9 orang berkomentar setuju, 10% mewakili 1 orang berkomentar sangat setuju bahwa tampilan dan font sudah sesuai dengan website.
10%
90% 0% 0%
Hasil Pengujian Kemudahan Penggunaan User
Interface
Sangat Setuju Setuju Kurang Setuju Tidak Setuju
20%
80%
0% 0%
Hasil Pengujian Kemudahan Website
Gambar 4.30 Grafik Hasil Pengujian Kemudahan Penggunaan Website
Grafik pada Gambar 4.30 merupakan hasil penilaian responden terhadap website. Dari pengujian tersebut dapat dihasilkan bahwa 20% atau sekitar 20 orang berkomentar sangat setuju, 80% mewakili 8 orang berkomentar setuju bahwa website mudah digunakan.
Gambar 4.31 Grafik Hasil Pengujian Fungsi Website
Grafik pada Gambar 4.31 merupakan hasil penilaian responden terhadap fungsi dalam
website sudah memenuhi kebutuhan. Dari pengujian tersebut dapat dihasilkan bahwa 80% atau sekitar 8 orang berkomentar setuju, 20% mewakili 2 orang berkomentar sangat setuju bahwa
website mudah digunakan.
20%
80%
0% 0%
Hasil Pengujian Fungsi Website
Sangat Setuju Setuju Kurang Setuju Tidak Setuju
20%
80%
0% 0%
Hasil Pengujian Konsistensi Tombol
Gambar 4.32 Grafik Hasil Pengujian Konsistensi Tombol dengan Fungsi
Grafik pada Gambar 4.32 merupakan hasil penilaian responden terhadap tombol sudah konsisten dengan fungsi. Dari pengujian tersebut dapat dihasilkan bahwa 20% atau sekitar 2 orang berkomentar sangat setuju, 80% mewakili 8 orang berkomentar setuju bahwa tombol sudah konsisten dengan fungsinya.
Setelah dilakukan pengujian dengan kuesioner dapat diambil kesimpulan bahwa secara keseluruhan Website Kampus Kompani sudah berfungsi untuk mempermudah pelanggan dalam melakukan pemesanan baju.
4.5 Pembahasan
Fokus Penelitian ini adalah pengembangan sebuah website yang digunakan oleh PT. KAMPUS KOMPANI sebagai media berupa aplikasi berbasis website yang menjelaskan profil perusahaan dan memberikan informasi yang dibutuhkan pelanggan berupa harga dan bahan kaos yang akan mereka gunakan untuk membuat pakaian dan pelanggan dapat mengunggah file desain baju mereka. Website dapat dikunjungi melalui berbagai perangkat atau device yang dimiliki pengunjung dan dapat diakses oleh berbagai macam browser.
Website ini juga membantu pelanggan dalam melakukan pemesanan baju dengan memberikan informasi pelanggan dalam melakukan pemesanan di website Kampus Kompani. Pemesanan baju serta pembayaran dan konfirmasi pembayaran dapat diproses secara langsung dan dikonfirmasikan melalui e-mail kepada pelanggan yang melakukan pemesanan baju secara
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Dari hasil pembahasan yang dilakukan mengenai pengembangan website untuk peningkatan produksi pada PT. KAMPUS KOMPANI, maka diperoleh kesimpulan bahwa aplikasi berbasis website ini dapat memberikan informasi tentang perusahaan dan mampu menjadi media pemasaran di perusahaan Kampus Kompani. Dengan adanya website ini pengunjung dapat dengan mudah mendapatkan informasi tentang bahan-bahan pakaian. Hasil yang didapatkan dari penelitian selama beberapa periode mengungkapkan dengan adanya website ini pemesanan pembuatan baju bisa dari dalam jogja maupun luar jogja melalui website Kampus Kompani.
5.2 Saran
Saran yang dapat dikembangkan dari tugas akhir yang berjudul “Pengembangan Sistem Penjualan Garment berbasis web PT. KAMPUS KOMPANI” ini adalah sebagai berikut:
1. Sistem informasi yang telah dibuat dapat dikembangkan kembali dari segi desain dengan tampilan yang lebih menarik dan animasi seperti video kegiatan pembuatan baju agar lebih menarik.
2. Sistem informasi PT. KAMPUS KOMPANI dengan aplikasi berbasis website yang sudah dibuat dapat dikembangkan dengan mengintegrasikan dengan aplikasi dekstop yang juga bersama ini sedang dibangun agar memudahkan admin dalam memperbaharui data yang bersifat berkelanjutan dan pembaharuan isi konten secara otomatis.
DAFTAR PUSTAKA
Rohi, Abdulah. 2015. Web Programming is Easy. Jakarta. Kelompok Gramedia PT. Elex Media Komputindo.
Hakim, Lukman. 2014. Rahasia Inti Master PHP dan MySQLi (Improved). Cetakan kedua. Yogyakarta. CV.Lokomedia.
Murya, Yosef, dan Rizki Hesananda. 2014. Project PHP 15 JUTA: Membuat toko eBook online dengan bootstrap twitter 3 & PHP MySQL. Jasakom.
Sianipar, R.H. 2015. Pemrograman JavaScript Teori dan Implementasi. Cetakan Pertama. Bandung. Informatika Bandung.
Zaembry, Dian Martin dan Tim Baba Studio. 2013. 212 Tips Mastering Profesional Web Design. Jakarta . PT Elex Media Komputindo.
Sibero, Alexander F.K . 2013. Web Programming Powerpack. Yogyakarta. Mediakom.
Prasetio, Adhi. 2015. Pintar Webmaster Untuk Pemula. Jakarta. Media.
Palilu, Tomy Manurun. 2012. Pengembangan Website Program Studi Sistem Informasi Universitas Widyatama Menggunakan Php Dan Mysql. Bandung: Prodi Sistem Informasi Universitas Widyatama.
Prasetyo, Didik Dwi. 2003. Belajar Sendiri Administrasi Database Server MySQL. Jakarta : PT. Elex Media Komputindo.
PT. Elex Media Kompetindo Suranta, Edhy. 2004. Sistem Basis Data. Yogyakarta: Graha Ilmu.
Rusmawan, Uus. 2006. Buku Latihan Konsep dan Implementasi Basis Data. Jakarta.
LAMPIRAN
Lampiran I. Kuesioner