PENGEMBANGAN SISTEM GARMENT BERBASIS WEB PT. KAMPUS KOMPANI (Studi Kasus di PT. KAMPUS KOMPANI)

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

UNIVERSITAS MUHAMMADIYAH YOGYAKARTA 2016

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.

8. Ayah dan Ibu yang selalu memberikan kasih sayang dengan cinta kasihnya, yang selalu mendoakan dan memberikan dukungan semangat kepada penulis, sehingga penulis dapat mencapai ke tahap sekarang. Terima kasih Ayah, Ibu atas segalanya yang telah kalian berikan.

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

memberikan bantuan kepada penulis, sehingga penulis dapat menyelesaikan penyusunan skripsi ini. Terima kasih untuk setiap doa dan dukungan yang diberikan.

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.1. XAMPP versi 3.2.2 ... Error! Bookmark not defined. 2.4.2. Wordpress versi 4.5.3 ... Error! Bookmark not defined. 2.4.3. MySQL versi 5.6.24 ... 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.

4.3.2. Halaman Pengunjung Website ... Error! Bookmark not defined. 4.2 Pengujian Website ... Error! Bookmark not defined. 4.5 Pembahasan... Error! Bookmark not defined. BAB V KESIMPULAN DAN SARAN ... Error! Bookmark not defined. 5.1 Kesimpulan... Error! Bookmark not defined. 5.2 Saran ... Error! Bookmark not defined. DAFTAR PUSTAKA ... Error! Bookmark not defined. LAMPIRAN ... 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.29 Grafik Hasil Pengujian Tampilan user interfaceError! 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.

Gambar 4.32 Grafik Hasil Pengujian Konsistensi Tombol dengan FungsiError! 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.

Dalam data mingguan pemasukan perusahaan, setiap minggunya perusahaan Kampus Kompani mendapatkan pemesananan konveksi berjumlah sekitar 5 sampai 10 konsumen. Sedangkan perusahaan mengharapkan pemesan atau pembeli sekitar 15 sampai 20 konsumen. Dengan adanya uraian tersebut maka dapat digunakanlah salah satu strategi pemasaran yang sedang berkembang saat ini yaitu media internet, khususnya website. Website yang mana telah diketahui masyarakat umum adalah media penyebar informasi yang cepat, luas dan mudah diakses dengan biaya yang cukup terjangkau. Hampir seluruh perusahaan kecil, menengah, maupun besar telah memanfaatkan penggunaan website untuk melakukan pemasaran dengan istilah yang telah diketahui e-commerce atau internet marketing. Sangat penting tentunya bagi Kampus Kompani untuk memperkenalkan dan memasarkan produk nya secara online dalam bentuk website untuk kemajuan proses bisnis di dalam perusahaan tersebut, sehingga tujuan dan sasaran bisnis perusahaan dapat tercapai.

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.

b. Memberikan alternatif web based sebagai media berkomunikasi antara perusahaan dan publik dalam mempromosikan jasa konveksi.

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.

DAFTAR PUSTAKA LAMPIRAN

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.

a. Persamaan yang ada pada penelitian kali ini dan yang sebelumnya adalah sama- sama mengembangkan web menggunakan apache, PHP, dan MySQL untuk implementasi webnya.

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 :

1. Dibutuhkan koneksi intranet dan internet yang handal dan stabil, hal ini bertujuan agar pada saat aplikasi dijalankan dapat berjalan dengan baik dan lancer.

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

Pada website ini user bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur.

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

Arsitektur Website adalah suatu pendekatan terhadap desain dan perencanaan situs yang, seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah pada pengguna dan kebutuhan pengguna. Hal ini

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

Server Internet

Web Server

Gambar 2.1 Arsitektur Website a. Pengunjung

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.

3. Pelanggan mendapat balasan pemesanan yang berisi keterangan lebih lanjut dalam pembuatan pakaian yang mereka pesan. Pembayaran bisa COD (Cash On Delivery) atau transfer antar rekening.

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

Analisis sistem merupakan penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengindentifikasikan dan mengevaluasi

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

MySQL merupakan sebuah server database open source yang terkenal yang digunakan berbagai aplikasi terutama untuk server atau membuat WEB. Mysql berfungsi sebagai SQL (Structured Query Language) yang dimiliki sendiri dan sudah diperluas oleh Mysql umumnya digunakan bersamaan dengan PHP untuk membuat aplikasi server yang powerfull. Menurut Anhar (2010:45) “MySQL adalah salah satu databases management system (DBMS) dari

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.

5. Edit file-file website anda langsung dari browser. 6. Melihat statistik website.

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

Sebagai pengembangan pada sistem penelitian ini maka akan digunakan model SDLC (Software Development Life Cycle) pengembang atau rekayasa website, berikut ini adalah gambaran dari model SDLC:

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

Tahapan yang menentukan design yang sudah dibuat sudah sesuai dengan kebutuhan pengguna atau belum. Tujuan pengujian ini adalah untuk

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

Metode perancangan yang digunakan dalam aplikasi adalah Unified Markup Language (UML). Model UML yang dipakai dalam pengembangan aplikasi yaitu model Activity diagram dan Use Case diagram.

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

Berdasarkan analisis kebutuhan dibuatlah use case diagram untuk membantu perancangan aplikasi. Pada pembuatan website ini terdiri dari 2 aktor yaitu pelanggan atau visitor dan admin.

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

Antarmuka sangatlah penting dalam suatu aplikasi karena merupakan bagian dari perangkat lunak yang menjadi sarana komunikasi antar pengguna dengan sistem serta dapat memberikan kemudahan bagi pengguna dalam melakukan aktivitasnya.

Home Cara Order Daftar Harga Profil Kami Kampus

Kompani

Nama Alamat Email

Contoh Desain Baju

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

Pada gambar 3.5 menunjukan rancangan untuk halaman cara order dan digunakan untuk mengunggah sebuah file foto.

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

Gambar 3.7 menunjukan rancangan halaman daftar harga yang akan dilihat oleh pengunjung. Pada rancangan halaman daftar harga terdapat label yang berisi keterangan harga kain.

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 Kompani Label Home Foto 3 Foto 2 Foto 1 Email Nama Submit Pesan

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 Kompani Label Home Foto Email Nama Submit

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.

b. Website dapat memberikan kemudahan dalam melakukan transaksi pada pelanggan.

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

Setelah memastikan bahwa koneksi Apache dan MySQL telah berhasil dijalankan, maka langkah selanjutnya yang harus dilakukan adalah membuat database dengan cara

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 :

 All Pages: Berfungsi untuk melihat semua jumlah halaman  All New: Berfungsi untuk membuat Halaman baru.

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

Menu users adalah menu yang berfungsi untuk mengetahui beberapa pengguna yang bisa mengakses website ini. Menu users pada dashboard terbagi kembali menjadi beberapa sub menu yang masing-masing sub menu diperuntukan untuk kegunaan yang berbeda yaitu sebagai berikut:

 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

Menu tools ini berfungsi sebagai untuk mengatur tag, import dan export tulisan. 4.3.1.11 Setting

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.

 Permalinks: Pengaturan privasi website. 4.3.1.12 Maps

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

Menu Contact Form DB adalah menu yang berfungsi sebagai form untuk melihat data pelanggan yang melakukan pemesanan.

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.

4.3.2. Halaman Pengunjung Website 4.3.2.1 Tampilan Website Utama

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

Uji kelayakan sistem dilakukan dengan beberapa variabel umum yang telah disesuaikan dengan manfaat serta tujuan pembuatan Website Kampus Kompani. Dengan menggunakan kuesioner, peneliti dapat mengetahui kelayakan sistem yang telah dibuat. Kuesioner yang telah dibagikan kepada 10 responden yaitu mahasiswa TI UMY sebagai user yang melakukan pemesanan baju. Hal in dilakukan agar data yang diperoleh lebih objektif seperti yang diharapkan oleh peneliti. Kemudian pertanyaan yang telah dibuat dihubungkan dengan beberapa variabel yang menghubungkan fungsi sistem web. Berikut ini adalah gambar grafik hasil dari pengujian dengan kuesioner:

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

online di website Kampus Kompani. Pada pengujian sistem, semua fungsi pada website telah diuji dan didapatkan hasil yang sesuai dengan dasar rancangan awal pengembangan aplikasi, sehingga diperoleh hasil yang berjalan sesuai dengan fungsinya yang dapat dilihat disetiap gambar di BAB IV.

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.

3. Melakukan pengindeksan di google, agar Kampus Kompani lebih terkenal. Demikian saran yang dapat penulis sampaikan semoga saran tersebut bisa dijadikan sebagai bahan masukkan yang dapat bermanfaat bagi penulis khususnya, serta umumnya bagi pembaca, bagi PT. KAMPUS KOMPANI

dan Program Studi S1 Teknologi Informasi Universitas Muhammadiyah Yogyakarta.

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.

Sholiq. Pemodalan Sistem Informasi Berorientasi Objek dengan UML, edisi pertama. Yogyakarta: Graha Ilmu.

Sommerville, Ian. 2011. Software Engineering (Rekayasa Perangkat. Lunak). Jakarta: Erlangga.

LAMPIRAN

Lampiran I. Kuesioner