Activity Diagram Use Case Diagram Rancangan Antarmuka

Home Cara Order Daftar Harga Profil Kami Kampus Kompani Nama Email Alamat 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 Rancangan Halaman Order 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 2dua 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 MySQL di 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 localhostphpmyadmin. 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 Gambar 4.3 Halaman Login