• Tidak ada hasil yang ditemukan

BAB III PELAKSANAAN KERJA MAGANG

N/A
N/A
Protected

Academic year: 2022

Membagikan "BAB III PELAKSANAAN KERJA MAGANG"

Copied!
32
0
0

Teks penuh

(1)

10

BAB III

PELAKSANAAN KERJA MAGANG

3.1. Kedudukan dan Koordinasi

Dalam melaksanakan proses kerja magang, mendapatkan kesempatan berkedudukan menjadi WEB DESIGN UI/UX di CV. KHC GROUP. Yang dimana memiliki job description untuk membuat mockup tampilan website e-commerce KHC GROUP, mendesain website seperti pemilihan warna dan font yang sesuai, mengkonversi layout visual ke HTML dan CSS, serta melakukan uji coba website yang telah dibuat. Koordinasi dalam pelaksanaan kerja magang di CV. KHC GROUP yaitu melalui owner dari CV.KHC GROUP itu sendiri yaitu Ricky Salim yang mengarahkan dan membantu menjelaskan rancangan awal dari website yang akan dibuat yaitu penggabungan ketiga website yang akan dibuat menjadi tampilan website e-commerce.

3.2. Tugas yang Dilakukan

Dalam menjalankan kerja praktik magang tugas yang diberikan berupa:

1. Membuat Mockup tampilan website e-commerce KHC GROUP (penggabungan 3 website online shop yang dimiliki yaitu Tipsanggun.com, beautology.id, bambinitoys.id).

2. Mendesain website e-commerce KHC GROUP (pemilihan warna, font yang sesuai).

3. Membuat website e-commerce KHC GROUP (konversi Layout visual ke HTML dan CSS).

4. Melakukan uji coba (testing) website yang telah dibuat.

3.3. Uraian Pelaksanaan Kerja Magang

Dalam melaksanakan kerja praktik magang, terdapat tugas-tugas yang telah diberikan oleh atasan, berikut pelaksanaan kerja magang yang telah dilakukan:

(2)

11 3.3.1. Minggu ke-1 sampai 2: Membuat Mockup rancangan website

Pada minggu pertama awal masuk kerja magang, diperkenalkan terlebih dahulu seputar CV.KHC GROUP oleh owner Ricky Salim yang sekaligus menjadi pembimbing dalam melakukan kerja magang sebagai WEB DESIGNER UI/UX. Diberikan informasi tentang bisnis online yang ada dalam KHC GROUP yaitu Tipsanggun, Beautology dan Bambinitoys. Kemudian diberikan arahan tentang website yang diinginkan owner. Pembuatan awal dibuat dengan rancangan kasar yang dibuat di kertas.

Gambar 3. 1 Gambaran Kasar Rancangan Website

Pada Gambar 3.1 terdapat gambaran kasar rancangan website yang dibuat di kertas. Setelah mendapatkan gambaran kasar rancangan untuk tampilan website, disuruh untuk membuat mockup dari rancangan kasar yang telah di buat

(3)

12 di kertas. Tools yang digunakan adalah Balsamiq Mockup 3. Di dalam 1 minggu ini, membuat mockup yang pas dan melakukan revisi beberapa kali sesuai dengan kemauan owner. Dan pada akhirnya mockup final yang jadi untuk rancangan website e-commerce KHC GROUP adalah seperti ini:

1. Mockup Tampilan Homepage

Gambar 3. 2 Mockup Tampilan Halaman Homepage

(4)

13 Pada Gambar 3.2 dalam membuat tampilan homepage ini ditambahkan fitur-fitur dan tampilan yang lebih menarik lagi. Dibagian atas terdapat kotak pencarian produk dan di sebelah kanan terdapat menu my account yang berisi halaman profil akun pengguna, your cart berisi halaman produk yang telah dipilih pengguna, checkout berisi halaman pembayaran produk, dan login berisi halaman login atau register. Dibawahnya terdapat tulisan atau logo KHC GROUP disertai menu-menu Tipsanggun, Beautology, Bambinitoys yang berisi halaman produk penjualan. Dan menu Best Seller berisi halaman produk-produk yang paling laris dalam penjualan KHC GROUP.

Terdapat slideshow banner dan produk-produk dari masing-masing toko. Di bagian bawah terdapat footer web.

(5)

14 2. Mockup Tampilan Your Cart

Gambar 3. 3 Mockup Tampilan Halaman Your Cart

Pada Gambar 3.3 halaman Your Cart, dibuat tampilan secara simple karena kebanyakan customer terdapat ibu-ibu yang kurang mengerti. Tampilan berisi, produk yang telah dipilih dan total harga yang harus dibayar apabila customer ingin melakukan checkout.

Terdapat tombol update apabila customer ingin menambah produk, continue untuk melanjutkan pembelian, dan checkout untuk melakukan pembayaran.

(6)

15 3. Mockup Tampilan Checkout

Gambar 3. 4 Mockup Tampilan Halaman Checkout

Pada Gambar 3.4 halaman Checkout, dibuat tampilan secara simple. Yang berisi opsi dimana customer merupakan customer baru atau lama yang sudah pernah melakukan pembelian produk sebelumnya. Lalu terdapat data-data yang harus diisi untuk data

(7)

16 pengiriman produk, berserta kolom komentar apabila customer ingin memberikan komen.

4. Mockup Tampilan Login

Gambar 3. 5 Mockup Tampilan Halaman Login

Pada Gambar 3.5 halaman Login dibuat tampilan seperti pada Gambar 3.5, dimana terdapat data-data yang harus diisi oleh pengguna apabila ingin melakukan login atau register. Tampilan dibuat seperti pada umumnya halaman login/register. Tampilan dibuat se-simple mungkin agar pengguna mudah dalam menggunakannya.

(8)

17 5. Mockup Tampilan Menu Halaman Tipsanggun, Beautology,

BambiniToys, dan Best Seller

Gambar 3. 6 Mockup Tampilan Halaman Menu

Pada Gambar 3.6 tampilan menu KHC GROUP terdapat menu Tipsanggun, eautology, bambinitoys, dan best seller. Dibuat halaman menu-menu tersebut seperti yang terdapat pada Gambar 3.6 dimana terdapat tampilan dengan foto-foto produk beserta informasi dan harga produk tersebut. Ditambah dengan fitur-fitur pendukung yang berada di sebelah kanan berupa, pencarian sesuai kategori produk, tampilan

(9)

18 produk terbaru dari masing-masing toko, dan tampilan produk-produk paling best seller dalam toko.

6. Mockup Tampilan Product Detail

Gambar 3. 7 Tampilan Halaman Product Detail

Pada Gambar 3.7 halaman product detail, dibuat tampilan yang berisi foto produk, nama produk, kode produk, ketersediaan produk, harga, quantity produk yang ingin dibeli, serta tombol add to cart untuk memasukan produk pilihan untuk di checkout. Juga terdapat deskripsi produk yang akan menjelaskan detail produk tersebut. Di bagian bawah ditampilkan juga produk-produk yang related dengan produk yang sedang dilihat.

(10)

19 3.3.2. Minggu ke-3 sampai 4: Mendesain website

Pada minggu kedua sampai minggu keempat, diberi waktu untuk melakukan pemilihan warna dan font yang sesuai untuk website yang akan dibuat. Setelah melakukan meeting dengan atasan, akhirnya ditetapkan warna gradasi putih, pink, hitam. Dengan background pink karena tema warna dari ketiga online shop ini berwarna pink. Lalu untuk font nya menggunakan font Open Sans, Arial, Tahoma.

Setelah itu, diberikan tugas tambahan untuk membuat tampilan gambar produk untuk dimasukan kedalam website. Yaitu membuat design gambar produk dan banner untuk halaman website.

3.3.3. Minggu ke-5 sampai 8: Konversi Layout visual ke HTML dan CSS

Pada minggu kelima sampai minggu kedelapan yaitu selama 1 bulan, diberi tugas untuk mengkonversi hasil design yang sudah dibuat ke HTML dan CSS. Tools yang digunakan adalah Sublime Text untuk mengkonversinya.

Berikut detail yang dilakukan selama 1 bulan:

• Minggu kelima, mengkonversi tampilan halaman Homepage.

• Minggu keenam, mengkonversi tampilan halaman Login/Register, Your Cart, dan Checkout.

• Minggu ketujuh, mengkonversi tampilan halaman Product Detail.

• Minggu kedelapan, mengkonversi tampilan halaman Tipsanggun, Beautology Bambinitoys, dan Best Seller.

Setelah mengkonversi design layout visual yang telah dibuat ke dalam HTML dan CSS, mendapatkan hasil tampilan seperti berikut:

(11)

20 1. Tampilan Halaman Homepage KHC GROUP

Gambar 3. 8 Tampilan Halaman Homepage KHC GROUP

(12)

21 Pada Gambar 3.8 tampilan halaman Homepage yang telah dikonversikan kedalam HTML dan CSS, terdapat perubahan di bagian menu yang dimana sebelumnya terdapat menu my account di mockup.

Namun setelah didiskusikan dengan atasan, tidak perlu dibuat. Untuk itu dihapus dan hanya menampilkan menu Your Cart, Checkout dan Login dibagian kanan atas tampilan. Lalu untuk search box diletakkan di kiri atas sesuai dengan perintah atasan.

Untuk bagian menu, terdapat menu pilihan Tipsanggun, Beautology, Bambinitoys, dan Best Seller yang dapat klik dan masuk ke halaman produk masing-masing penjualan. Dibawah menu terdapat slideshow dengan gambar utaman yaitu berupa informasi promo diskon atau informasi penting lainnya yang ingin disampaikan. Lalu slide kedua ditampilkan gambar logo Tipsanggun, slide ketiga gambar logo Beautology, slide keempat gambar logo Bambinitoys. Dibagian bawah slideshow terdapat kata-kata selamat datang ke website KHC GROUP.

Yang sebelum nya di mockup akan ditampilkan tulisan motto dari KHC GROUP, namun telah disepakati agar mengganti tulisan selamat datang.

Pada bagian tengah isi, terdapat tampilan produk-produk yang dijual dari masing-masing toko Tipsanggun, Beautology, dan Bambinitoys. Produk yang ditampilkan sebanyak 4 produk di setiap toko, dan terdapat panah untuk melihat produk berikutnya. Tampilan berupa foto produk, nama produk, penjelasan singkat produk, dan harga produk. Masing-masing bisa di klik masuk ke dalam halaman Product Detail yang memberikan informasi lengkap tentang produk.

Di bagian bawah atau footer terdapat fitur informasi yang menjelaskan bahwa KHC GROUP merupakan produk terbaru, pengiriman produk dilakukan dengan kurir yang terpercaya, dan terdapat customer service yang bersedia 24 jam dalam 7 hari untuk customer apabila ada pertanyaan atau komplain tentang produk. Di

(13)

22 bawah nya lagi terdapat logo dari masing-masing toko yang apabila diklik masuk ke link media social Instagram. Dan yang terakhir di bagian paling bawah terdapat tulisan KHC GROUP 2021, yang dimana hal ini menunjukan pembuatan website dibuat.

Dalam mengkonversi layout visual ke HTML dan CSS, menggunakan bootstrap, jquery dan javascript. Berikut contoh tampilan coding halaman homepage/index:

Gambar 3. 9 Contoh Coding HTML CSS Halaman Homepage

Pada Gambar 3.9 terdapat contoh coding halaman homepage yang telah dibuat. Di dalam codingan, dimasukan gambar-gambar serta tulisan dan lain-lain untuk menjadi tampilan web KHC GROUP.

Membuat main.css dan style.css untuk memudahkan dalam mengubah warna, tulisan, ukuran tampilan yang diinginkan.

(14)

23 2. Tampilan Halaman Login KHC GROUP

Gambar 3. 10 Tampilan Halaman Login KHC GROUP Pada Gambar 3.10 tampilan halaman Login yang telah dikonversikan kedalam HTML dan CSS, tidak terdapat perubahan dan tetap sama dengan mockup yang telah dibuat. Halaman Login ditampilkan form login dan register dimana customer dapat langsung login jika sudah memiliki akun sebelumnya. Dan form register yang dapat diisi secara langsung oleh customer apabila belum memiliki akun. Yang harus diisi oleh customer meliputi, username, email, password. Terdapat tombol sign into your account untuk form login dan create your account untuk form register.

(15)

24 3. Tampilan Halaman TIPSANGGUN

Gambar 3. 11 Tampilan Halaman Tipsanggun KHC GROUP Pada Gambar 3.11 tampilan halaman Tipsanggun, terdapat tampilan foto produk, nama produk, kategori produk dan harga produk.

Tampilan per produk dapat di klik dan masuk ke halaman product detail.

(16)

25 4. Tampilan Halaman Beautology

Gambar 3. 12 Tampilan Halaman Beautology KHC GROUP Pada Gambar 3.12 tampilan halaman beautology, terdapat tampilan foto produk, nama produk, kategori produk dan harga produk.

Tampilan per produk dapat di klik dan masuk ke halaman product

(17)

26 detail. Sama seperti pada halaman Tipsanggun, dan bambinitoys namun hanya beda di bagian produk, kategori dan best seller produk.

5. Tampilan Halaman Bambinitoys

Gambar 3. 13 Tampilan Halaman Bambinitoys KHC GROUP Pada Gambar 3.13 tampilan halaman bambinitoys, terdapat tampilan foto produk, nama produk, kategori produk dan harga produk.

Tampilan per produk dapat di klik dan masuk ke halaman product

(18)

27 detail. Sama seperti pada halaman Tipsanggun, dan beautology namun hanya beda di bagian produk, kategori dan best seller produk.

6. Tampilan Halaman Best Seller

Gambar 3. 14 Tampilan Halaman Best Seller KHC GROUP Pada Gambar 3.14 tampilan halaman best seller, berisi produk- produk pilihan yang laris dibeli oleh customer. Terdapat tampilan foto

(19)

28 produk, nama produk, kategori produk dan harga produk. Tampilan per produk dapat di klik dan masuk ke halaman product detail.

7. Tampilan Halaman Product Detail

Gambar 3. 15 Tampilan Halaman Product Detail 1 KHC GROUP Pada Gambar 3.15 tampilan halaman product detail 1, berisikan dengan detail dari suatu produk. Gambar 3.15 menampilkan contoh product detail Vienna Bra yang dijual oleh Beautology. Tampilan berupa gambar produk, nama produk, kode produk, ketersediaan produk, jumlah produk yang ingin dibeli, tombol add to cart, deskripsi

(20)

29 produk, additional information, dan fitur related produk yang menampilkan produk sesuai kategori.

Gambar 3. 16 Tampilan Product Detail 2 KHC GROUP Pada Gambar 3.16 merupakan contoh apabila gambar di klik akan muncul gambar dengan warna bra pilihan serta keterangan warna.

Gambar 3. 17 Tampilan Product Detail 3 KHC GROUP Pada Gambar 3.17 merupakan tampilan apabila mengklik additional information akan muncul tulisan berupa keterangan size dan warna yang tersedia.

(21)

30 8. Tampilan Halaman Your Cart KHC GROUP

Gambar 3. 18 Tampilan Halaman Your Cart KHC GROUP Pada Gambar 3.18 tampilan halaman Your Cart yang telah dikonversikan kedalam HTML dan CSS, terdapat perubahan pada bagian tombol continue yang ada pada mockup. Setelah didiskusikan dengan atasan, pada akhirnya disepakati bahwa tombol continue

(22)

31 dihilangkan karena kurang penting dan sama dengan tombol checkout.

Di dalam halaman Your Cart ditampilkan adalah produk-produk yang telah dipilih dan ditampilkan foto produk, nama produk, quantity produk, harga, dan total harga.

Pada bagian bawah tampilan produk yang telah dipilih terdapat totalan harga sementara yang belum menggunakan kupon diskon dan biaya pengiriman. Kemudian dibawah total harga sementara terdapat opsi yang harus dipilih customer apakah memiliki kupon untuk gratis ongkir atau ingin melihat biaya pengiriman.

Pada bagian akhir, terdapat informasi berupa total harga produk, ditambah biaya pengiriman, dan total yang harus dibayar customer. Terdapat tombol update yang memiliki fungsi untuk mengupdate produk dan tombol checkout masuk ke halaman checkout, untuk melakukan pendataan customer dan melakukan pembayaran.

9. Tampilan Halaman Checkout KHC GROUP

Gambar 3. 19 Tampilan Halaman Checkout 1 KHC GROUP Pada Gambar 3.19 tampilan halaman Checkout yang telah dikonversikan kedalam HTML dan CSS, terdapat beberapa langkah

(23)

32 yang harus dilakukan customer. Langkah pertama yang harus dilakukan customer adalah melakukan pemilihan opsi sebagai customer baru atau customer lama. Terdapat form login untuk customer lama, apabila belum memiliki akun, customer bisa memilih sebagai guest checkout.

Dimana customer tidak perlu membuat akun.

Gambar 3. 20 Tampilan Halaman Checkout 2 KHC GROUP Pada Gambar 3.20 langkah kedua yang harus dilakukan adalah mengisi data-data untuk sebagai data pengiriman. Dimana customer harus mengisi data nama depan, nama belakang, email, telpon, alamat lengkap, kecamatan/kelurahan, kode pos, provinsi dan kota.

(24)

33 Gambar 3. 21 Tampilan Halaman Checkout 3 KHC GROUP

Pada Gambar 3.21 langkah ketiga, terdapat kolom komentar apabila customer ingin menambahkan catatan dalam pembelian produk. Baru di tahap terakhir terdapat tombol confirm order apabila sudah mengisi data-data yang diperlukan untuk pengiriman.

3.3.4. Minggu ke-9 sampai 10: Melakukan Uji Coba Testing kepada admin

Pada 2 minggu terakhir setelah selesainya mengkonversi layout visual ke HTML dan CSS, dilakukan uji coba kepada admin-admin yang bekerja pada KHC GROUP. Testing yang dilakukan adalah usability testing dan pengujian analisa menggunakan metode System Usability Scale (SUS).

Dalam kuesioner terdapat 10 pertanyaan yang telah diberikan, terdiri dari 5 pertanyaan positif dan 5 pertanyaan lainnya bersifat negatif. Dan dengan pemilihan 5 pilihan jawaban menggunakan skala Likert yaitu, sangat tidak setuju, tidak setuju, netral, setuju, sangat setuju. Berikut 10 pertanyaan yang diberikan [5]:

1. Saya akan sering menggunakan web KHC GROUP.

2. Saya menemukan banyak kesulitan dalam mengakses web KHC GROUP.

(25)

34 3. Saya berpikir web KHC GROUP mudah digunakan.

4. Saya merasa membutuhkan bantuan dari teknis / orang lain pada saat menggunakan web KHC GROUP.

5. Saya menemukan beragam fungsi dalam web KHC GROUP sudah terintegrasi dengan baik.

6. Saya pikir terlalu banyak ketidaksesuaian dalam web KHC GROUP.

7. Saya merasa customer atau pengguna akan mudah untuk mempelajari web KHC GROUP dengan sangat cepat.

8. Saya merasa web KHC GROUP sangat rumit untuk digunakan.

9. Saya merasa tidak ada hambatan pada saat menggunakan web KHC GROUP.

10. Saya perlu mempelajari banyak hal sebelum saya bisa menggunakan web KHC GROUP.

Pengisian kuesioner SUS dilakukan pada tanggal 6 Oktober 2021 oleh admin KHC GROUP. Berikut hasil kuesioner yang telah dilakukan:

Gambar 3. 22 Nama Responden

Pada Gambar 3.22 terdapat tampilan nama-nama responden yaitu admin KHC GROUP yang mengisi kuesioner SUS.

(26)

35 Gambar 3. 23 Hasil Pertanyaan Kuesioner No 1

Pada Gambar 3.23 terdapat hasil dari pertanyaan kuesioner no 1 yaitu

“Saya akan sering menggunakan Website KHC GROUP”, sebanyak 71,4%

menjawab “setuju” dan 28,6% lainnya menjawab “sangat setuju”. Hal ini dapat disimpulkan bahwa tampilan web mudah untuk dipahami dan digunakan oleh pengguna.

Gambar 3. 24 Hasil Pertanyaan Kuesioner No 2

Pada Gambar 3.24 terdapat hasil dari pertanyaan kuesioner no 2 yaitu

“Saya menemukan banyak kesulitan dalam mengakses web KHC GROUP”, sebanyak 57,1% menjawab “sangat tidak setuju” dan 42,9% lainnya menjawab

“tidak setuju”. Hal ini dapat disimpulkan bahwa tampilan web mudah dipahami oleh pengguna.

(27)

36 Gambar 3. 25 Hasil Pertanyaan Kuesioner No 3

Pada Gambar 3.25 terdapat hasil dari pertanyaan kuesioner no 3 yaitu

“Saya berpikir web KHC GROUP mudah digunakan”, sebanyak 71,4%

menjawab “sangat setuju” dan 28,6% lainnya menjawab “setuju”. Hal ini dapat disimpulkan bahwa tampilan web mudah digunakan.

Gambar 3. 26 Hasil Pertanyaan Kuesioner No 4

Pada Gambar 3.26 terdapat hasil dari pertanyaan kuesioner no 4 yaitu

“Saya merasa membutuhkan bantuan dari teknis / orang lain pada saat menggunakan web KHC GROUP”, sebanyak 71,4% menjawab “sangat tidak setuju” dan 28,6% lainnya menjawab “tidak setuju”. Hal ini dapat disimpulkan bahwa tampilan web mudah digunakan dan tidak perlu membutuhkan orang lain pada saat menggunakan web KHC GROUP.

(28)

37 Gambar 3. 27 Hasil Pertanyaan Kuesioner No 5

Pada Gambar 3.27 terdapat hasil dari pertanyaan kuesioner no 5 yaitu

“Saya menemukan beragam fungsi dalam web KHC GROUP sudah terintegrasi dengan baik”, sebanyak 57,1% menjawab “setuju” dan 42,9% lainnya menjawab

“sangat setuju”. Hal ini dapat disimpulkan bahwa tampilan web sudah terintegrasi dengan baik.

Gambar 3. 28 Hasil Pertanyaan Kuesioner No 6

Pada Gambar 3.28 terdapat hasil dari pertanyaan kuesioner no 6 yaitu

“Saya pikir terlalu banyak ketidaksesuaian dalam web KHC GROUP”, sebanyak 71,4% menjawab “sangat tidak setuju” dan 28,6% lainnya menjawab “tidak setuju”. Hal ini dapat disimpulkan bahwa tampilan web sudah sesuai sebagaimana mestinya.

(29)

38 Gambar 3. 29 Hasil Pertanyaan Kuesioner No 7

Pada Gambar 3.29 terdapat hasil dari pertanyaan kuesioner no 7 yaitu

“Saya merasa pengguna akan mudah untu mempelajari web KHC GROUP dengan sangat cepat”, sebanyak 71,4% menjawab “sangat setuju” dan 28,6%

lainnya menjawab “setuju”. Hal ini dapat disimpulkan bahwa tampilan web mudah dipelajari dengan sangat cepat oleh pengguna.

Gambar 3. 30 Hasil Pertanyaan Kuesioner No 8

Pada Gambar 3.30 terdapat hasil dari pertanyaan kuesioner no 8 yaitu

“Saya merasa web KHC GROUP sangat rumit untuk digunakan”, sebanyak 57,1% menjawab “sangat tidak setuju” dan 42,9% lainnya menjawab “tidak setuju”. Hal ini dapat disimpulkan bahwa tampilan web mudah dipelajari dan tidak rumit.

(30)

39 Gambar 3. 31 Hasil Pertanyaan Kuesioner No 9

Pada Gambar 3.31 terdapat hasil dari pertanyaan kuesioner no 9 yaitu

“Saya merasa tidak ada hambatan pada saat menggunakan web KHC GROUP”, sebanyak 85,7% menjawab “setuju” dan 14,3% lainnya menjawab “sangat setuju”. Hal ini dapat disimpulkan bahwa tampilan web mudah dipahami oleh pengguna.

Gambar 3. 32 Hasil Pertanyaan Kuesioner No 10

Pada Gambar 3.32 terdapat hasil dari pertanyaan kuesioner no 10 yaitu

“Saya perlu mempelajari banyak hal sebelum saya bisa menggunakan web KHC GROUP”, sebanyak 71,4% menjawab “tidak setuju”, 14,3% menjawab “netral”

dan 14,3% lainnya menjawab “sangat tidak setuju”. Hal ini dapat disimpulkan bahwa tampilan web tidak perlu dipelajari terlebih dahulu dan mudah dipahami.

(31)

40 Setelah mendapatkan hasil kuesioner, berikut cara perhitungan nilai SUS berdasarkan aturan yang sudah berlaku pada SUS:

1. Setiap pertanyaan dengan nomor ganjil (1,3,5,7,9) = nilai dari responden -1.

2. Setiap pertanyaan dengan nomor genap (2,4,6,8,10) = 5 – nilai dari responden.

3. Setelah mendapatkan hasil dari pengurangan diatas, hasil tersebut dapat dikalikan 2,5 untuk mendapatkan hasil nilai maksimal 100.

4. Setelah dikalikan 2,5 maka setiap hasil perkalian dijumlahkan, lalu hasil dari total keseluruhan dirata-rata.

Setelah admin melakuan pengisian terhadap kuesioner SUS, maka hasil kuesioner dibuat tabel. Menurut McLellan & Peres, tabel tersebut diberi warna untuk membantu visualisasi terhadap tanggapan positif, netral dan negatif.

Warna hijau untuk tanggapan positif (excellent) dengan range 85-100, warna orange untuk tanggapan netral (diterima) dengan range nilai 65-84, dan warna merah untuk tanggapan negatif (tidak dapat diterima) dengan range 0-64.

Tabel 3. 1 Perhitungan SUS

Keterangan: R= Responden, Q= Questions

(32)

41 Gambar 3. 33 Penilaian SUS

Perolehan nilai skor untuk kuesioner setelah usability testing adalah sebesar 88,214 dengan rating “excellent”, dan sudah termasuk kategori diatas rata-rata karena menurut riset Jeff Sauro nilai rata-rata skor SUS adalah 68. Hal ini berarti nilai skor yang didapatkan dari tampilan web KHC GROUP berada diatas rata-rata nilai skor SUS secara global, jadi nilai kebergunaannya dapat dibilang sudah memenuhi standar nilai kebergunaan.

3.4. Kendala Yang Dihadapi

Dalam melakukan kerja praktik magang, terdapat beberapa kendala yang dialami seperti:

a) Merasa kurangnya bimbingan karena owner yang sekaligus menjadi pembimbing sibuk dengan pekerjaan lainnya.

b) Merasa sulit berkomunikasi secara langsung karena adanya pandemi dan hanya masuk 1 kali dalam seminggu, 5 hari lainnya Work From Home.

Dan apabila berkomunikasi lewat chat terkadang suka miscom.

c) Diberikan pekerjaan lain yaitu membuat banner.

3.5. Solusi Atas Kendala Yang Ditemukan

Meskipun menemukan beberapa kendala dalam kerja magang, namun kendala tersebut dapat diatasi dengan cara-cara seperti:

a) Belajar dan mencari referensi sendiri terkait WEB DESIGN UI/UX.

b) Menyarankan berkomunikasi menggunakan Zoom agar bisa langsung di share screen.

c) Mengambil hal positif yaitu mendapatkan pengalaman baru menjadi seorang designer.

Referensi

Dokumen terkait

Motor induksi satu fasa dengan perbandingan suplai daya V/f konstan dapat dilakukan dengan pengaturan frekuensi jala-jala yang masuk ke kumparan stator melalui

Pada gambar 3.2 user membuka halaman login, lalu user dapat membuka halaman utama, halaman produk, dan halaman hot produk yang berisi produk batu alam dan bisa

Kumpulan mengiktiraf keuntungan atau kerugian rosotnilai dalam keuntungan atau kerugian bagi semua instrumen kewangan dengan pelarasan yang sesuai dengan jumlah bawaannya

Model ini mengasumsikan bahwa penelitian harus dimulai dan diakhiri di tingkat petani dan inovasi teknologi belum seutuhnya dapat menggerakkan usahatani yang berwawasan

Tujuan penelitian ini adalah untuk mengetahui: (1) jenis senyawa metabolit sekunder yang terkandung dalam ekstrak kulit manggis, (2) daya antibakteri ekstrak kulit

yang telah dipaparkan pada bagian 4, bahwa upa- kunci yang jumlahnya 52 buah dengan panjang masing-masing kunci 16-bit, dibangkitkan dari kunci utama yang panjangnya 128-bit.

Halaman ini terdiri dari kolom id produk, id user, nama, harga, gambar produk tanggal update iklan, dan kolom manage yang terhubung ke halaman Manage Ads

Popup tambah produk berisi form tambah produk, user bisa mengisi informasi nama produk, ukuran dan harga selain itu user juga bisa menambah foto produk apabila sudah selesai