LAPORAN KERJA PRAKTEK

(1)

LAPORAN KERJA PRAKTEK

SEVEN INC

DESAIN UI/UX APLIKASI PET SHOP BERBASIS DESKTOP MENGGUNAKAN FIGMA

DIAH AYU OKTAVIANI 6304181132

PROGRAM STUDI REKAYASA PERANGKAT LUNAK JURUSAN TEKNIK INFORMATIKA

POLITEKNIK NEGERI BENGKALIS BENGKALIS- RIAU

(2)

(3)

KATA PENGANTAR

Bismilaahirrahmaanirrahiim...,

AssalamualikumWr,Wb

Segala puji dan syukur saya panjatkan kehadirat Allah SWT atas segala karunia, rahmat dan kekuatan, juga segala petunjuk dan kemudahan sehingga saya dapat menyelesaikan penulisan laporan ini. Shalawat serta salam selalu kita hadiahkan kepada junjungan kita Nabi Muhammad SAW, beserta keluarganya, para sahabatnya dan para pengikutnya.

Laporan ini berjudul “Desain UI/UX Aplikasi Pet Shop Berbasis Mobile Dan Desktop Menggunakan Figma”, Yang disusun untuk memenuhi salah satu syarat dalam menyelesaikan kerja praktek di Perusahaan SEVEN INC, Yogyakarta. Dalam kesempatan kali ini saya ingin mengucapkan banyak terima kasih kepada orang orang yang berjasa dalam membantu saya menyelesaikan tugas kerja praktek sekaligus laporan kerja praktek, di antaranya:

1. Terimakasih kepada Allah SWT. yang selalu memberikan kesehatan sehingga saya dapat menyelesaikan Kerja Praktek saya dengan tepat waktu.

2. Terimakasih kepada kedua orang tua dan adik saya atas doa dan restunya yang selalu menyertai setiap langkah dan tujuan.

3. Bapak Johny Custer, S.T.,M.T. selaku Direktur Politeknik Negeri Bengkalis.

4. Bapak Danuri, M.Cs selaku Ketua Jurusan Teknik Informatika Politeknik Negeri Bengkalis.

5. Ibu Rezki Kurniati, M.Kom selaku Ketua Program Studi Sarjana Terapan Rekayasa Perangkat Lunak Politeknik Negeri Bengkalis.

6. Bapak Fajri Profesio Putra, M.Cs selaku koordinator Kerja Praktek 7. Ibu Fajar Ratnawati, M.Cs selaku pembimbing kerja praktek..

8. Terimakasih kepada Pak Rekario Danny Sanjaya selaku CEO sekaligus Mentor saya di SEVEN INC.

9. Seluruh karyawan SEVEN INC yang telah banyak memberikan ilmu kepada penulis.

10. Terimakasih kepada semua teman-teman dan sahabat yang selalu memberi dukungan serta selalu bisa menjadi tempat curhat segala keluh kesah, dan juga sebagai keluarga kedua buat saya.

(4)

Selama proses kerja praktek berlangsung, saya sebagai pelaksana merasa senang hati melaksanakan kerja praktek ini karena memberikan dampak positif salah satunya pengalaman di lapangan langsung dari perusahaan yang tidak mungkin bisa saya dapatkan saat proses kuliah berlangsung.

Akhir kata, penulis mohon maaf yang sebesar-besarnya terutama kepada pihak perusahaan dan pihak kampus apabila selama proses kerja praktek terdapat sikap yang kurang menyenangkan dan dalam penyusunan laporan ini terdapat banyak kesalahan. Semoga laporan ini dapat bermanfaat pada umumnya bagi para pembaca.

Bengkalis, 29 Juni 2022

Diah Ayu Oktaviani NIM. 6304181132

(5)

DAFTAR ISI LEMBAR PENGESAHAN

KATA PENGANTAR I

DAFTAR ISI iii

DAFTAR GAMBAR v

DAFTAR TABEL DAFTAR LAMPIRAN

Vi Vi

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Tujuan dan Manfaat 2

1.3 Luaran Proyek Kerja Praktek 3

BAB II GAMBARAN UMUM PERUSAHAAN 4

2.1 Sejarah Singkat Perusahaan 4

2.2 Visi dan Misi Perusahaan 5

2.3 Struktur Organisasi Perusahaan 6

2.4 Ruang Lingkup Perusahaan 11

BAB III BIDANG PEKERJAAN SELAMA KERJA PRAKTIK 12

3.1 Pengerjaan Tugas Komen Video 12

3.2 Pembuatan Aplikasi Pet Shop berbasis desktop 13 3.3 Pengambilan Video untuk chanel Magang Jogja com 15 BAB IV PEMBUATAN APLIKASI PET SHOP BERBASIS DESKTOP 16

4.1 Metodologi 16

4.1.1 Prosedur Pembuatan Sistem/Alat/Solusi 16

4.1.2 Metodologi Pengumpulan Data 18

4.1.3 Proses Perancangan 18

(6)

4.2.1 Analisis Data 19

4.2.2 Rancangan Sistem 19

4.2.3 Implementasi 20

4.2.4 Dampak Implementasi 39

4.2.5 Kesulitan dan Solusi Selama Kerja praktek 39

BAB V PENUTUP 40

5.1 Kesimpulan 40

5.2 Saran 40

DAFTAR PUSTAKA 41

LAMPIRAN 42

(7)

DAFTAR GAMBAR

Gambar 3.1 pemberian tugas komen video 12

Gambar 3.2 tampilan login 13

Gambar 3.3 tampilan dashboard 14

Gambar 3.4 tampilan user profile 14

Gambar 3.5 sesi foto bersama divisi programmer dan UI/UX 15

Gambar 4.1 tahapan pembuatan system 16

Gambar 4.2 tampilan login dan tampilan dashboard actor admin 23 Gambar 4.3 tampilan profile dan fitur jasa grooming 23 Gambar 4.4 tampilan login dan dashboard pada actor super admin 24 Gambar 4.5 tampilan profile admin dan pengaturan pada actor super admin 24 Gambar 4.6 tampilan dashboard dan menu transaksi pada actor finance 24 Gambar 4.7 tampilan login dan dashboard pada actor admin 25 Gambar 4.8 tampilan profile dan fitur jasa grooming 25 Gambar 4.9 tampilan login dan dashboard pada actor super admin 26 Gambar 4.10 tampilan profile dan data mitra pada actor super admin 26 Gambar 4.11 tampilan login dan profile pada actor finance 27 Gambar 4.12 tampilan data transaksi dan detail transaksi 27

Gambar 4.15 tampilan profile 29

Gambar 4.16 tampilan data order grooming 29

Gambar 4.17 tampilan data order antar jemput 30

(8)

Gambar 4.19 tampilan transaksi 31

Gambar 4.23 tampilan data mitra 33

Gambar 4.24 tampilan detail orderan 34

Gambar 4.25 tampilan notifikasi 35

Gambar 4.28 tampilan data transaksi 38

Gambar 4.29 tampilan detail transaksi 38

Gambar 4.30 tampilan detail transaksi 39

(9)

DAFTAR TABEL

Tabel 4.1 tahapan jadwal perancangan 18

Tabel 4.2 tabel hasil wawancara 20

(10)

Absensis

DAFTAR LAMPIRAN

Lampiran 1 Surat Balasan Diterima Pada Perusahaan 42

Lampiran 2 Surat Keterangan Telah Menyelesaikan Magang 43

Lampiran 3 Dokumentasi Kerja Praktik 45

Lampiran 4 Presensi 46

(11)

BAB I. PENDAHULUAN

1.1 Latar Belakang

Menurut Arifin (2014) mengatakan Praktek Kerja Lapangan (PKL) merupakan salah satu bentuk implementasi secara sistematis dan sikron antara program pendidikan di sekolah/kampus dengan program penguasaan keahlian tertentu. Selain itu PKL merupakan salah satu kegiatan akademik yang wajib diikuti oleh seluruh siswa/mahasiswa pada program studi tertentu.

Seven inc, yang sebelumnya bernama Twelve Inc didirikan di Kota Gudeg, Jogja, tepatnya di daerah Banguntapan, Bantul oleh Rekario Danny Sanjaya bersama dengan rekan-rekan bisnisnya sejak tahun 2012. Perusahaan digital creative ini identik dengan anak muda sebagai punggawanya . Sampai tahun 2017, nama Twelve Inc berganti menjadi Seven inc dengan harapan membawa semangat baru, dari kata "Seven" yang dalam bahasa Jawa berbunyi "Pitu", diharapkan menjadi "Pitulungan" atau "Pertolongan" atau "Solusi" untuk berbagai kebutuhan pelanggan.

Magangjogja.com merupakan program magang yang dibuat bukan hanya untuk melatih skill tetapi juga karakter serta memberikan pengalaman untuk terjun ke dunia kerja. Magangjogja.com ini berada dibawah naungan perusahaan bernama SEVEN INC. Magangjogja.com didirikan oleh Rekario Danny Sanjaya dengan alasan bahwa cemerlangnya prestasi akademik bukan jaminan bahwa sumber daya manusia (SDM) siap untuk kerja. Ke depannya, dengan mumpuninya kemampuan dari SDM, hal tersebut juga dapat membantu țidak hanya SEVEN INC, namun juga perusahaan lain. Magangjogja.com memberikan kesempatan bagi sumber daya yang menjalankan kegiatan magang untuk bisa mempelajari hard skill dan soft skill yang diperlukan dalam dunia kerja. SDM juga dapat berkonsultasi kapan pun, meminta materi yang ingin dipelajari dan

(12)

magangjogja.com memiliki tujuan untuk menjadi wadah pengembangan bagi SDM sebelum memasuki dunia kerja. Setelah selesai kegiatan magang, magangjogja.com memberikan sertifikat sebagai portofolio yang bisa ditunjukkan pada perusahaan bahwa SDM telah terlatih dan tersertifikasi serta siap kerja.

Alasan memilih melaksanakan kerja pratek (KP) di seven inc adalah disana banyak devisi terutama devisi UI/UX,devisi ini sesuai dengan jurusan penulis yaitu rekayasa perangkat lunak.

Selama magang atau kerja praktik di Divisi UI/UX project pertama yang diberikan adalah desain aplikasi Pet Shop berbasis desktop. Permasalah dilapangan adalah banyak para pemilik hewan peliharaan yang kesulitan untuk mencari barang atau ingin menitipan hewan peliharaan mereka. Tidak hanya itu untuk para mitra atau orang yang mempunyai barang atau jasa mereka bisa untuk mempromosikan. Penulis hanya mengerjakan desain bagian 3 aktor yaitu actor admin, super admin dan finance.

1.2 Tujuan dan Manfaat

Tujuan dari pelaksanaan Kerja Praktek ini adalah:

1. Melatih mahasiswa untuk memahami dan membiasakan diri dengan lingkungan kerja sehingga lebih siap ketika terjun ke dunia nyata kemudian hari.

2. Memperoleh pengalaman praktis sesuai dengan pengetahuan dan keterampilan program studi.

3. Memperoleh kesempatan untuk menerapkan ilmu pengetahuan yang telah diperoleh dalam perkuliahan untuk diterapkan dalam lapangan kerja.

4. Menciptakan dan melahirkan sikap bertanggung jawab, disiplin, jujur, serta etika yang baik serta dapat bersosialisasikan dengan lingkungan sekitar.

Adapun manfaat dari pelaksanaan KP (Kerja Praktek) ini adalah:

(13)

2. Mahasiswa dapat memahami lebih dalam tentang dunia kerja dengan segala permasalahan yang dihadapi.

3. Menambah wawasan pada mahasiswa Kerja Praktek tentang bagaimana proses dalam sebuah perusahaan dan mengetahui pekerjaan apa saja yang dilakukan dalam sebuah perusahaan.

4. Meningkatkan kerja sama antara pihak perusahaan dengan lembaga pendidikan khususnya Program Studi D4 Rekayasa Perangkat Lunak.

1.3 Luaran Proyek Kerja Praktek

Output yang dihasilkan dari project yang dikerjakan selama kerja pratek (KP) di PT Seven inc Yogyakarta adalah membuat tampilan UI/UX pada aplikasi Pet shop berbasis desktop yang memudahkan pengguna untuk merawat hewan peliharaan dan membantu para mitra untuk mempromosikan jasa atau barang mereka.

(14)

BAB II. GAMBARAN UMUM PERUSAHAAN

2.1 Sejarah Singkat Perusahaan

Awal mula merintis bisnis online, Danny (owner) mengelola sendirian pada tahun 2010 dengan sebuah toko online bernama Limited Shoping (sampai saat ini toko online ini masih dikelolanya). Makin kedepan ternyata semakin keteteran saat dikelola sendirian karena customer makin banyak. Maka Danny mulai menambah beberapa orang karyawan untk membantunya. Bersama dengan dua orang karyawannya di tahun 2011, produk clothingline-nya semakin digemari. Dengan pengalaman suksesnya, Danny mengajak teman-temannya untuk memulai bisnis bersama dan dibentuklah Twelve Ios (nama awal sebelum menjadi Seven inc) pada tanggal 12 April 2012. Masih digarap dengan konsep online shop, sekumpulan anak muda yang dipimpin oleh Danny ini, membuat Twelve Ios makin berkembang.

Berkantor di kos-kosan Gang Bimo (daerah Janti), saat itu Danny beserta dua temannya memulai usaha dengan hanya segelintir karyawan.

Mereka bekerja dengan fasilitas seadanya, yaitu laptop, meja kecil dan duduk lesehan di lantai. Usaha online yang dikembangkan adalah fashion pria seperti jaket, blazer, t-shirt. Tahun berjalan, kantor berpindah ke Gang Mawar, Karangbendo (masih di daerah Janti). Jumlah karyawan di tahun 2013 mengalami peningkatan.

Kantor Gang Mawar tidak mencukupi lagi, maka menambahlah sebuah kantor bertingkat dua, di selatan SMA BOPKRI Banguntapan yang diberi nama Seven house. Seven house selain berfungsi untuk tempat training karyawan juga dipakai sebagai tempat produksi. Di tahun inilah Seven inc makin membesarkan beberapa label clothingnya yaitu Crows Denim yang berfokus pada clothing bertema, lalu Goog On yaitu clothing seputar Korean Style, Full Metal Spirit berupa t-shirt bernuansa Indonesia. Di tahun 2014, Seven inc memiliki kantor tetap yang beralamat di Jl. Raya Janti, Gang Arjuna No. 59, karang jambe, Banguntapan, Bantul, Yogyakarta 55198. Kantor ini berfungsi sebagai kantor pusat dimana kegiatan

(15)

2.2 Visi Dan Misi Perusahaan 1. Visi Perusahaan

Visi utama Seven inc adalah Menjadi salah satu perusahaan digital terbesar di Indonesia yang mengutamakan kepuasan pelanggan dengan memberikan pilihan produk dan jasa terbaik serta pelayanan terbaik.

2. Misi Perusahaan

Untuk mendukung & menunjang visi tersebut, misi Seven inc meliputi tiga poin, yaitu:

a. Memberikan pelayanan ang memuaskan kepada pelanggan.

b. Mempermudah pemesanan produk atau jasa serta proses penyelesaian yang cepat.

c. Perbaikan secara terus menerus dalam hal kualitas produk dan jasa serta kualitas SDM

(16)

2.3 Struktur Organisasi Perusahaan

STRUKTUR ORGANISASI

SEVEN INC.

(17)

1. Tugas dan Fungsi CEO

a. Membangun Tim yang Solid. Seorang CEO harus dapat menjadi jembatan penghubung antara para pegawai dengan dewan direksi dalam perusahaan.

b. Alokasi Anggaran Belanja. Menganalisis dan mengevaluasi rencana investasi finansial distribusi anggaran belanja suatu proyek menjadi tepat sasaran sehingga risiko dan keuntungan perusahaan di masa depan menjadi tanggung jawab seorang Chief Executive Officer.

c. Budaya Kerja yang Positif. Memperhatikan kondisi lingkungan kerja dan menyampaikan pesan/motivasi kepada pegawainya. Selain itu, CEO juga harus mengetahui dan dapat meneliti apa yang sedang terjadi di perusahaan terkait masalah kepegawaian karena akan berpengaruh pada budaya kerja.

d. Perencanaan Tujuan Perusahaan. Membuat perencanaan bisnis suatu perusahaan dan mengevaluasi profitabilitas dari rencana tersebut serta mengawasi kinerja setiap departemen agar bekerja sesuai dengan visi dan misi perusahaan.

e. Mewakili Perusahaan. Menjadi citra perusahaan dan mewakili kualitas produk.

2. Tugas dan Fungsi Manager Operasional

a. Menekan biaya pengeluaran operasional seminim mungkin.

b. Melakukan eliminasi terhadap pengeluaran operasional yag tidak penting.

c. Mengembangkan inovasi tentang operasional agar berjalan dengan baik.

d. Meningkatkan efektivitas operasional perusahaan.

e. Mengawasi persedian barang distribusi, penyedia jasa, dan letak fasilitas operasional.

f. Melakukan pertemuan rutin secara berkala dengan direktur, guna mencapai visidan misi perusahaan.

g. Mengawasi kualitas produk.

(18)

3. Tugas dan Fungsi Produksi

Memproses permintaan naik produksi dan membuatkan produk yang sesuai permintaan customer maupun standar perusahaan.

4. Tugas dan Fungsi Administrasi

Admin akan bertugas untuk mengelola administrasi yang berhubungan dengan mengumpulkan dan menyusun aneka macam dokumen. Baik dokumen umum, perusahaan dokumen pribadi pegawai lainnya dan hal lainnya. Di SEVEN INC Admin bercabang menjadi 3, yaitu

a. Admin Penjualan yang berfungsi untuk memproses pesanan, mempersiapkan pengiriman dan pelaporan pendataan penjualan.

b. Admin Stok/Gudang yang berfungsi untuk mendata permintaan naik produksi, menjaga stok tetap update dan memastikan kualitas barang jadi sesuai standar.

c. Admin Keuangan yang berfungsi untuk mendata dan memantau keluar masuknya keuangan dan menganalisis keuangan perusahaan.

5. Tugas dan Fungsi HR

a. Membuat desain organisasi perusahaan. Tugas yang harus dilakukan oleh HRD adalah melakukan identifikasi fungsi pekerjaan, kompetensi karyawan serta keterampilan individu karyawan. Selain itu, HRD juga harus melakukan tinjauan terhadap segala permasalahan yang terjadi pada perusahaan. Kemudian memberikan sebuah rekomendasi untuk perbaikan masalah dan melakukan perubahan desain organisasi perusahaan jika diperlukan.

b. Tanggung jawab pemetaan sumber daya yang melekat pada bagian HRD meliputi tugas-tugas seperti menganalisis kebutuhan karyawan, merekrut karyawan dan pengembangan yang dilakukan untuk kompetensi karyawan. Pemetaan sumber daya ini berhubungan secara langsung dengan tanggung jawab HRD yang berkaitan dengan manajemen kinerja karyawan. Pemetaan yang dilakukan HRD

(19)

sebuah analisis kinerja karyawan yang tepat. Penilaian kinerja yang adil dilakukan pada karyawan yang telah dipetakan sesuai dengan kemampuan dan latar belakang pendidikannya masing-masing. Dengan begitu, kinerja karyawan dapat dinilai secara baik dan benar. Jika sampai ada karyawan yang kinerjanya tidak baik, maka HRD hanya perlu memberikan peringatan atau sanksi in-disiplin tanpa harus melakukan perombakan pada pemetaan sumber daya.

c. Tanggung jawab penghargaan yang dilekatkan kepada HRD meliputi tugas-tugas yang berkaitan dengan upah atau gaji karyawan. Sebagai sebuah bagian terpenting dari perusahaan yang berhubungan langsung dengan karyawan, maka bagian HRD harus jeli dalam menjalankan kebijakan upah yang diterapkan perusahaan. Jika ternyata ada salah satu pihak yang dirugikan, maka tugas HRD untuk melakukan perbaikan.

6. Tugas dan Fungsi Marketing

Marketing dibagi menjadi 3 cabang yaitu social media marketing, marketplace marketing, dan ads marketing. Social media marketing tugas dan fungsinya mendatangkan lead pasar dengan beriklan dan memasarkan produk ke social media. Marketplace marketing tugas dan fungsinya mendatangkan lead pasar dengan beriklan dan memasarkan produk ke marketplace online yang ada.

7. Tugas dan Fungsi CS

CS (Customer Service) tugas dan fungsinya adalah menanggapi lead yang datang, membuat penjualan closing dan melayani transaksi sampai tuntas.

8. Tugas dan Fungsi IT Programmer

Membuat tools yang support untuk kegiatan branding, marketing dan juga kegiatan operasional administrasi maupun penjualan. Divisi ini terdiri dari :

a. Backend : membuat dan memastikan agar website dan app Android dapat bekerja semaksimal mungkin sesuai keperluan perusahaan.

(20)

b. Frontend : membuat tampilan website dan app Android sesuai keperluan perusahaan.

9. Tugas dan Fungsi R&D

Merencanakan, melaksanakan, dan melaporkan semua aktifitas research and development untuk tujuan perbaikan dan pengembangan produk perusahaan.

10. Tugas dan Fungsi Team Kreatif

a. Disainer Grafis : membuat disain-disain tools marketing,branding,maupun segala desain visual keperluan produksi.

b. Photographer/Videographer : membuat content visual berupa video dan foto yang menjual.

c. Content Writer : membuat content tulisan berupa caption, artikel, ulasan/review untuk keperluan perusahaan.

(21)

2.4 Ruang Lingkup Perusahaan

Seven inc merupakan perusahaan yang bergerak di bidang fashion dengan label clothingnya yaitu Crows Denim yang berfokus pada clothing bertema, lalu Goog On yaitu clothing seputar Korean Style, Full Metal Spirit berupa t-shirt bernuansa Indonesia. Di tahun 2014, Seven inc memiliki kantor tetap yang beralamat di Jl. Raya Janti, Gang Arjuna No. 59, karang jambe, Banguntapan, Bantul, Yogyakarta 55198. Kantor ini berfungsi sebagai kantor pusat dimana kegiatan operasional administrasi berlangsung dan sekaligus store tempat customer yang ingin berbelanja dengan sistem transaksi langsung atau Cash On Delivery. Kegiatan usaha Seven inc secara umum, mencakup:

1. Memproduksi pakaian seperti jaket, hoodie, t-shirt, blazer dan jas.

2. Menjual produk hasil dari produksi

3. Melakukan program magang untuk siswa maupun mahasiswa dengan berbagai bidang diantaranya: Administrasi, Content Planner, Content Writer, Digital Marketing, Desain Grafis, Host / Presenter, Human Resource, Las, Marcom / Public Relation, Marketing & Sales, Programmer, Project Manager, Photografer, Research & Development, Social Media Specialist, Tiktok Creator, UI / UX Designer, Videografer, Voice Over Talent

(22)

BAB III. BIDANG PEKERJAAN SELAMA KERJA PRAKTIK

3.1 Pengerjaan Tugas Komen Video

Tugas komen video yang dilakukan adalah tugas komen video dari beberapa chanel yang dikelola oleh perusahaan Seven inc. seperti chanel Magangjogja.com, chanel Sevendomu, chanel Beje, chanel Inashop, chanel Jurjak, chanel Limited shopping. Tugas diberikan oleh admin melalui grup WA yang diberikan setiap tugas komen selesai dikerjakan dan dikirim ke grup WA. Tugas komen video yang dikerjakan berisi link setiap video dan bukti komentar dalam bentuk screenshot yang dibuat dalam bentuk dokumen word.

gambar 3. 1 pemberian tugas komen video (Sumber: Data olahan)

(23)

3.2 Design Aplikasi Pet Shop berbasis desktop

Tugas harian yang diberikan adalah pembuatan pet shop berbasis desktop menggunakan figma. Dalam desaign aplikasi pet shop. Design aplikasi pet shop ini mempunyai 5 aktor yaitu pelanggan, mitra, admin, finance dan super admin. Dalam pembuatan desain aplikasi pet shop dilakukan pembagian tugas, dimana penulis hanya mengerjakan desain pada bagian actor admin,super admin, dan finance. Data admin membutuhkan masukan login dan akan diverifikasi oleh super admin hak akses yang dimiliki oleh system terhadap data ini adalah CRUD. Data finance membutuhkan masukan login dan akan diverifikasi oleh super admin, hak akses yang dimiliki oleh system terhadap data ini adalah melihat pembayaran dan mengkonfimasi kepada pelanggan dan mitra jika pembayaran telah selesai. Data super admin tidak membutuhkan untuk masuk ke dalam system, karena super admin adalah orang yang mempunyai aplikasi pet shop tersebut. Hak akses super admin bisa CRUD kepada seluruh actor.

gambar 3. 2 Tampilan Login (Sumber: Data olahan)

(24)

(Sumber: Data olahan) gambar 3. 3 Tampilan dashboard

gambar 3. 4 Tampilan user profile (Sumber: Data olahan)

(25)

gambar 3. 5 sesi foto bersama divisi programmer dan UI/UX (Sumber: Data olahan)

3.3 Pengambilan Video untuk Chanel Magangjogja.com

Sesuai tradisi yang ada di magangjogja.com, setiap anak magang yang sudah melaksanakan magangnya dalam waktu kurang lebih 2 bulan akan dilaksanakan pengambilan video. Pengambilan video yang dilakukan bertujuan untuk membagikan pengalaman yang sudah diperoleh selama selang waktu tersebut. Hasil pengambilan video selanjutnya akan di upload di chanel youtube magangjogja.com.

(26)

BAB IV. DESIGN APLIKASI PET SHOP BERBASIS DESKTOP

4.1 Metodologi

4.1.1 Prosedur Pembuatan Sistem/Alat/Solusi

Design Thinking merupakan metode kolaborasi yang mengumpulkan banyak ide dari disiplin ilmu untuk memperoleh sebuah solusi. Design thinking tidak hanya berfokus pada apa yang dilihat dan dirasakan, namun juga berfokus pada pengalaman pengguna (user). Design thinking digunakan untuk mencari solusi yang paling efektif dan efesien untuk memecahkan suatu masalah yang kompleks. Pemikiran yang diterapkan adalah pemikiran komperensif untuk mendapatkan sebuah solusi. Adapun tahapan-tahapan dalam pembuatan desain web ini yang menggunakan metode Design Thinking, terdiri dari 5 tahapan yaitu sebagai berikut:

gambar 4. 1 tahapan pembuatan system (Sumber: Arifin, 2014)

Langkah-langkah yang dilakukan dalam pembuatan design aplikasi pet shop adalah sebagai berikut:

1.1 Empathize

Proses empathize yaitu proses melakukan kegiatan untuk mengetahui kebutuhan pengguna dengan melakukan wawancara dan observasi kebutuhan pengguna.

(27)

1.2 Define

Define menggambarkan ide atau pandangan user menjadi dasar produk aplikasi yang akan dibuat. Membuat daftar kebutuhan penggunaan.

1.3 Ideate

Ideate menggambarkan solusi yang dibutuhkan dengan melakukan evaluasi bersama tim desain dan menggabungkan kreativitas dari masing-masing desainer aplikasi.

1.4 Prototype

Proses prototype mengimplementasikan ide yang sudah didapatkan dari tahapan sebelumya menjadi sebuah aplikasi dan produk yang dapat diuji coba. Tahapan ini menghasilkan produk jadi dan scenario penggunaan aplikasi.

1.5 Test

Proses test merupakan uji coba aplikasi yang sudah jadi dengan melakukan percobaan ke pengguna. Berdasarkan pengalaman dari pengguna akan didapatkan masukan untuk membuat produk yang lebih baik dan melakukan perbaikan pada produk yang ada.

(28)

4.1.2 Metodologi Pengumpulan Data

Metode pengumpulan data dengan melakukan wawancara pengumpulan data dengan tanya jawab langsung dengan nara sumber dari pihak dan bagian yang terkait tentang profil perusahaan dan permasalahan yang sedang dihadapi.

4.1.3 Proses Perancangan

Setelah melakukan pengumpulan data penulis melakukan proses perancangan UI/UX dengan menganalisa tampilan website yang sebelumnya dan juga sesuai permintaan dari client.

4.1.4 Tahapan dan Jadwal Pelaksanaan

Adapun perincian dalam tiap tahapan kegiatan tersebut adalah sebagai berikut:

tabel 4. 1 tahapan jadwal perancangan No. Jenis Kegiatan

Bulan

Ke-1 Ke-2 Ke-3 Ke-4

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1. Empathize

2. Define

3. Ideate

4. Prototype

5. Test

(29)

4.2 Perancangan dan Implementasi 4.2.1 Analisis Data

Suatu system yang dibangun tidak akan terlepas dari kondisi atau keadaan sesungguhnya. Dengan berbagai alasan untuk mendorong membangun suatu desain UI dan UX yang lebih baik sesuai dengan tuntuan penyampaian informasi yang cepat,tepat dan mudah diakses oleh pengguna. Untuk memenuhi kebutuhan dari setiap maka akan dirancang suatu desain yang mudah digunakan. Sehingga diharapkan dapat membantu menyelesaikan masalah. Selain itu untuk membangun sebuah desain yang sesuai dengan kebutuhan, memberikan pengalaman pengguna yang lebih baik dibutuhkan adanya masukan berupa data yang nantinya akan diterapkan dalam sebuah desain UI dan UX sehingga dapat mencapai tujuan untuk meningkatkan pengalaman pengguna. Kebutuhan data yang diperlukan antara lain:

1. Data mitra 2. Data super admin 3. Data finance

4.2.2 Rancangan Sistem

Untuk tahap perancangan sistem project ini membuat suatu BRD (Business requirements document) dimana penulis hanya membuat 3 aktor yaitu actor admin,super admin dan finance dengan menggunakan website figma.

1. Admin

Pada aplikasi pet shop admin dapat berinteraksi dengan system dengan melalukan login,registrasi,melakukan CRUD pada pelanggan dan mitra,melakukan verifikasi pada mitra.

2. Super admin

Pada aplikasi pet shop super admin dapat berinteraksi dengan system dengan melakukan login, meregistrasi akun admin dan finance, super admin dapat mengakses semua fitur yang bisa diakses oleh semua pelanggan, fitur yang bisa diakses oleh semua mitra, fitur yang bisa diakses oleh admin, dan fitur yang bisa diakses oleh

(30)

finance, bisa mengecek data penjualan dan memverifikasi data penjualan oleh admin, bisa mengecek data pembayaran dan mengkonfirmasi data pembayaran oleh finance.

3. Finance

Pada aplikasi pet shop finance dapat berintekrasi dengan system dengan melakukan login,registrasi,bisa melihat hasil bukti pembayaran.

4.2.3 Implementasi

Implementasi merupakan tahapan yang dilakukan setelah melakukan analisis dan perancangan antarmuka terhadap sistem yang dibangun, kemudian diterapkan dengan menggunakan perangkat keras dan perangkat lunak sesuai dengan analisis kebutuhan sistem. Implementasi dilakukan dengan tujuan untuk menerapkan perancangan antarmuka yang telah dibangun sebelumnya dan menjelaskan komponen, fungsi serta proses pada system, tahapan implementasi dilakukan sesuai metode design thinking yang digunakan, berikut adalah kegiatan yang dilakukan sesuai metode tersebut:

1. Empathize

Pada tahapan ini dilakukan wawancara kepada owner.

tabel 4. 2 tabel hasil wawancara

NO Pertanyaan Jawabaan

1. System apa yang bisa dibangun?

Di perusahaan ini ada salah satu program kemitraan, dimana program ini akan dijalankan dan dipasarkan. Program nya yaitu membuat aplikasi pet shop.

2. Bagaimana gambaran

program tersebut?

Program tersebut adalah salah satu bentuk mitra, dimana

(31)

membantu para masyarakat untuk mencari jasa atau barang untuk hewan peliharaan, dan

untuk mitra bisa

mempromosikan jasa atau barang mereka.

3. Untuk actor nya ada

berapa pada aplikasi ini nantinya pak?

Untuk actor pada aplikasi ini nantinya ada 5. Yaitu ada pelanggan, mitra, admin, super admin, dan finance.

4. Apa saja jenis jasa

yang akan

diberikan?

Jenis jasa nya ada seperti, jasa grooming, jasa antar jemput, dan jasa penitipan.

Untuk barang disedikan barang-barang kebutuhan hewan peliharaan.

5. Untuk actor admin

bagaimana system yang akan berjalan pak?

pada system yang akan dibangun nantinya, admin bisa login dan bisa registrasi dan admin bisa mengakses semua fitur pada actor pelanggan.

6. Pada saja yang

dibutuhkan oleh admin?

Yang dibutuhkan oleh admin yaitu, id admin, nama admin, nomor handphone, dan alamat.

(32)

7. Apakah pada actor admin ini bisa hak akses semua actor?

Tidak, admin tidak bisa melakukan hak akses semua aktor, karena yang bisa hak akses semua nya hanya super admin.

8. Untuk actor super

admin bagaimana system yang akan berjalan pak?

pada system yang akan dibangun nantinya, super admin bisa login. Super admin adalah yang mempunyai aplikasi. Super admin bisa mengakses semua actor. Dari actor pelanggan, mitra, admin, dan finance.

9. Pada saja yang

dibutuhkan oleh super admin?

Super admin tidak membutuhkan apa-apa, karena super admin adalah yang mempunyai aplikasi ini nantinya.

10. Untuk actor finance bagaimana system yang akan berjalan pak?

pada system yang akan dibangun nantinya, finance bisa login dan registrasi.

Pada actor finance ini mereka bisa melihat bukti

pembayaran dari

pelanggan.

(33)

dibutuhkan oleh finance?

membutuhkan id finance, nama finance, dan alamat.

1. Define

Membuat daftar kebutuhan penggunaan dari actor admin,super admin, dan finance. Yang dibutuhkan oleh actor admin adalah seperti atribut yaitu nama admin, id admin, NIK, alamat. Yang dibutuhkan oleh aktor finance yaitu nama finance, id finance, dan alamat. Kemudian pada aktor super admin tidak membutuhkan apa saja karena super admin bisa mengakses semua aktor dari aplikasi pet shop ini.

2. Ideate

Menggambarkan solusi yang dibutuhkan oleh setiap aktor.

Gambar 4. 2 tampilan login dan tampilan dashboard actor admin (Sumber: Data olahan)

Gambar 4. 3 tampilan profile dan fitur jasa grooming

(34)

Gambar 4. 4 tampilan login dan dashboard pada actor super admin (Sumber: Data olahan)

Gambar 4. 6 tampilan dashboard dan menu transaksi pada actor finance (Sumber: Data olahan)

Gambar 4. 5 tampilan profile admin dan pengaturan pada akor super admin (Sumber: Data olahan)

(35)

Pada tahapan ini ada perulangan dan perbaikan setalah tahapan ideate.

Gambar 4.7 ini menunjukan perbaikan. Perbaikan nya dari warna, icon, dan gambar. Tampilan ini lebih baik dari pada sebelumnya.

3. Prototype

Tahapan ini menghasilkan produk jadi dan scenario penggunaan aplikasi.

Gambar 4. 7 tampilan login dan dashboard pada actor admin (Sumber: Data olahan)

Gambar 4. 8 tampilan profile dan fitur jasa grooming (Sumber: Data olahan)

Pada gambar 4.8 ini menunjukan perbaikan pada tahapan ideate.

Perbaikannya dari warna, icon, dan gambar. Tampilan ini lebih baik dari pada sebelumnya.

(36)

sebelumnya.

Gambar 4. 9 tampilan login dan bashboard pada actor super admin (Sumber: Data olahan)

Perbaikannya dari warna, icon, dan gambar. Tampilan ini lebih baik dari pada

Gambar 4. 10 tampilan profile dan data mitra pada actor super admin (Sumber: Data olahan)

(37)

sebelumnya.

Gambar 4. 11 tampilan login dan profile pada actor finance (Sumber: Data olahan)

Perbaikannya dari warna, icon, dan gambar. Tampilan ini lebih baik dari pada

Gambar 4. 12 tampilan data transaksi dan detail transaksi (Sumber: Data olahan)

4. Test

Pada tahapan ini dilakukan uji coba kepada owner, berdasarkan pernyataan dari owner desain aplikasi pet shop ini sudah bisa digunakan atau diterapkan.

(38)

4.2.3.1 Implementasi actor admin

Gambar 4. 13 Tampilan login (Sumber: Data olahan)

Pada gambar 4.13 adalah sebuah tampilan login pada aktor admin, pada tampilan ini terdapat e-mail, dan kata sandi. Admin bisa menginput e- mail dan kata sandi. Tidak hanya itu ada tombol button ingatkan saya dan lupa kata sandi.

Gambar 4. 14 Tampilan dashboard (Sumber: Data olahan)

(39)

Pada gambar 4.14 adalah tampilan dashboard pada aktor admin, pada tampilan ini ada sebuah grafik user tahunan kunjungan, penjualan, dan pendapatan.

Gambar 4. 15 Tampilan profile (Sumber: Data olahan)

Pada gambar 4.15 adalah tampilan profile pada aktor admin, pada tampilan ini ada user profile dimana ada admin bisa menginput e-mail, nama, alamat, dan deskripsi.

Gambar 4. 16 Tampilan data order grooming (Sumber: Data olahan)

(40)

Pada gambar 4.16 adalah tampilan data order grooming pada aktor admin, pada tampilan ini ada informasi tentang orderan grooming ada nama, alamat, e-mail, No handphone, dan jenis paket.

Gambar 4. 17 Tampilan data order antar jemput (Sumber: Data olahan)

Pada gambar 4.17 adalah tampilan data order antar jemput pada aktor admin, pada tampilan ini ada informasi tentang orderan antar jemput ada nama, alamat, No handphone, jenis paket, antar jemput, dan total pembayaran.

Gambar 4. 18 Tampilan data order penitipan (Sumber: Data olahan)

Pada gambar 4.18 adalah tampilan data order penitipan pada admin aktor,

(41)

Gambar 4. 19 Tampilan transaksi (Sumber: Data olahan)

Pada gambar 4.19 adalah tampilan transaksi pada aktor admin, pada tampilan ini ada informasi id user, nama, jumlah total pembayaran, dan status.

4.2.3.2 Implementasi actor super admin

Gambar 4. 20 Tampilan login

(42)

Pada gambar 4.20 adalah tampilan login pada aktor super admin, pada tampilan ini terdapat e-mail, dan kata sandi. Admin bisa menginput e-mail dan kata sandi. Tidak hanya itu ada tombol button ingatkan saya dan lupa kata sandi.

Gambar 4. 21 Tampilan dashboard (Sumber: Data olahan)

Pada gambar 4.21 adalah tampilan dashboard pada aktor super admin, pada tampilan ini ada grafik pengguna tahunan, ada pengguna aktif, barang terjual, dan pendapatan.

(43)

Pada gambar 4.22 adalah tampilan profile pada aktor super admin, pada tampilan ini ada user profile dimana ada admin bisa menginput e-mail, nama, alamat, dan deskripsi.

Gambar 4. 23 Tampilan data mitra

(44)

Pada gambar 4.23 adalah tampilan data mitra pada actor super admin, pada tampilan ini terdapat data mitra atau informasi terkait mitra. Ada id mitra, nama, alamat, nama toko, dan no hanphone.

Gambar 4. 24 Tampilan detail orderan (Sumber: Data olahan)

Pada gambar 4.24 adalah tampilan detail orderan pada actor super admin, pada tampilan ini terdapat detail informasi terkait orderan pelanggan.

(45)

Gambar 4. 25 Tampilan Notifikasi (Sumber: Data olahan)

Pada gambar 4.25 adalah tampilan notifikasi , pada tampilan ini terdapat notifikasi adanya orderan masuk, maupun notifikasi ada pelanggan baru.

(46)

4.2.3.3 Implementasi actor finance

Gambar 4. 26 Tampilan login (Sumber: Data olahan)

Pada gambar 4.26 adalah tampilan login pada actor finance, pada tampilan ini terdapat e-mail, dan kata sandi. Finance bisa menginput e-mail dan kata sandi. Tidak hanya itu ada tombol button ingatkan saya dan lupa kata sandi.

(47)

Pada gambar 4.27 adalah tampilan profile pada actor finance, pada tampilan ini terdapat informasi terkait finance atau data dirinya.

(48)

Gambar 4. 28 Tampilan data transaksi (Sumber: Data olahan)

Pada gambar 4.28 adalah tampilan data transaksi pada actor finance, pada tampilan ini menampilkan informasi terkait transaksi yang dilakukan.

(49)

Gambar 4. 29 Tampilan detail transaksi (Sumber: Data olahan)

Pada gambar 4.29 adalah tampilan detail transaksi pada actor finance, pada tampilan ini menampilkan detail terkait transaksi yang sudah diselesaikan.

(50)

Gambar 4. 30 Tampilan detail transaksi (Sumber: Data olahan)

Pada gambar 4.30 adalah tampilan detail transaksi pada actor finance, pada tampilan ini menampilkan detail terkait transaksi yang sudah diselesaikan.

4.2.4 Dampak Implementasi

Dampak terhadap PT. SEVEN INC yaitu meningkatkan pengalaman pengguna dan kemudahan dalam melakukan proses interaksi antara pengguna dengan system, serta konsep desain yang sesuai dengan tujuan dari brand mereka.

4.2.5 Kesulitan dan Solusi selama kerja praktek

Kendala yang di hadapi yaitu system membutuhkan waktu lebih lama dalam membuat halaman di karenakan banyak file yang harus dimuat oleh aplikasi.

(51)

BAB V. PENUTUP 5.1. Kesimpulan

Setelah pelaksanaan Kerja Praktek (KP) yang dilalui selama 4 (empat) bulan di SEVEN INC Indonesia, penulis mengerjakan beberapa project pada proses pelaksanaan kerja praktek, ada beberapa project yaitu membuat desian tampilan UI/UX aplikasi pet shop dan memberikan komen serta like pada channel youtube perusahaan. Dari pengerjaan sistem ini dapat diketahui kekurangan dan kelebihan dari sistem ini, selain itu juga dengan mengetahui kekurangan dari sistem ini dapat menyimpulkan dan memberi saran yang tepat.

Kesimpulan mengenai pembuatan desian tampilan UI/UX aplikasi pet shop berbasis desktop untuk perusahaan adalah dalam Kerja Praktek (KP) merupakan ajang yang sangat bagus untuk mempelajari dunia kerja secara langsung, banyak yang dapat dipelajari seperti sikap, cara berinteraksi, situasi dilapangan dan banyak hal lainnya. Contohnya seperti bekerja sama di dalam tim dan tugas-tugas tersebut dibagi secara merata dan berkoordinasi kepada penanggung jawab itu seperti apa. Hal ini diharapkan menjadi pengalaman terbaik untuk menambah ilmu di dunia kerja.

5.2. Saran

Adapun saran yang disampaikan terkait pengalaman Kerja Praktek (KP) yang telah diperoleh selama 4 bulan melaksanakan Kerja Praktek (KP) di SEVEN INC antar lain:

1. SEVEN INC adalah perusahaan yang memang dikhususkan untuk anak magang dari berbagai jurusan, karena SEVEN INC memiliki banyak divisi yang bisa kita pilih.

2. SEVEN INC sangat direkomendasikan untuk mahasiswa Teknik Informatika dan Rekayasa Perangkat Lunak.

(52)

DAFTAR PUSTAKA

Arifin, M. (2014). Analisa dan perancangan sistem informasi praktek kerja lapangan pada instansi/perusahaan. Simetris: Jurnal Teknik Mesin, Elektro dan Ilmu Komputer, 5(1), 49-56.

Hidayatul, R., & Suryalena. (2017). PENGARUH ON THE JOB TRAINING DAN OFF THE JOB TRAINING TERHADAP KINERJA

KARYAWAN. SAE Technical Papers, No 4, 1–12.

https://doi.org/10.4271/590122

(53)

x LAMPIRAN

Lampiran 1 Surat Balasan Diterima pada Perusahaan

(54)

xi Lampiran 2 Surat Keterangan telah Menyelesaikan Magang

(55)

xii Lampiran 3 Dokumentasi Kerja Praktik

Gambar di atas merupakan lokasi kantor utama kerja praktik dilaksanakan.

Gambar di atas adalah suasana ketika melaksanakan kerja praktik.

(56)

xiii Gambar di atas adalah suasana outing seluruh anak magang di 4 kantor perusahaan yang dilaksanakan di Pantai Cangkring.

(57)

xiv Lampiran 4 Presensi Absensi

(58)

xv

(59)

xvi

(60)

xvii

(61)

xviii

(62)

xix

(63)

xx

(64)

xxi

(65)

xxii

(66)

xxiii

(67)

xxiv

(68)

xxv

(69)

xxvi

(70)

xxviii

(71)

xxix

(72)

xxx

(73)

xxxi

(74)

xxxii

(75)

xxxiii

(76)

xxxiv

(77)

xxxv

(78)

xxxvi

(79)

xxxvii

(80)

xxxviii

(81)

xxxix

(82)

xl

(83)

xli

(84)

xlii

(85)

xliii

(86)

xliv

(87)

xlv

(88)

xlvi

(89)

xlvii

(90)

xlviii

(91)

xlix

(92)

l

(93)

li

(94)

lii

(95)

liii

(96)

liv

(97)

lv

(98)

lvi

(99)

lvii

(100)

lviii

(101)

lix

(102)

lx

(103)

lxi

(104)

lxii

(105)

lxiii

(106)

lxiv

(107)

lxv

(108)

lxvi

(109)

lxvii

(110)

lxviii

(111)

lxix

(112)

lxx

(113)

lxxi

(114)

lxxii

(115)

lxxiii

(116)

lxxiv

(117)

lxxv

(118)

lxxvi

(119)

lxxvii

(120)

lxxviii

(121)

lxxix

(122)

lxxx

(123)

lxxxi

(124)

lxxxii

(125)

lxxxiii

(126)

lxxxiv

(127)

lxxxv

(128)

lxxxvi

(129)

lxxxvii

(130)

lxxxviii

(131)

lxxxix

(132)

xc

(133)

xci

(134)

xcii

(135)

xciii

(136)

xciv

(137)

xcv

(138)

xcvi

(139)

xcvii