PENDAHULUAN
Latar Belakang Pemikiran Kerja Praktek
Kerja praktek merupakan salah satu mata kuliah wajib di perguruan tinggi (PT) pada jenjang sarjana dan pascasarjana. Bagi seseorang yang belum mempunyai pengalaman kerja, banyak kendala ketika memasuki dunia kerja, teori yang diperoleh belum tentu sama dengan praktek kerja di lapangan, serta adanya keterbatasan waktu dan ruang yang berakibat pada ilmu yang diperoleh, masih terbatas. Untuk menambah pengalaman kerja secara langsung, melakukan kerja praktek merupakan langkah yang tepat untuk mendapatkan pengalaman kerja.
Dalam melaksanakan kerja praktek, mahasiswa juga memperoleh ilmu-ilmu di luar teori yang diperolehnya di perkuliahan. Oleh karena itu, Politeknik Negeri Bengkalis mengadakan kerja praktek agar mahasiswa mendapatkan ilmu yang tidak diberikan oleh kampus. Sehingga kerja praktek dapat memperluas wacana, pengetahuan dan keterampilan mahasiswa serta memecahkan permasalahan ilmiah sesuai dengan teori yang diperolehnya di bangku kuliah.
Tujuan dan Manfaat Kerja Praktek
- Tujuan Kerja Praktek
- Manfaat Kerja Praktek
Soodu Pedia merupakan layanan yang memberikan edukasi dan literasi digital bagi UMKM daerah. Tugas yang penulis lakukan untuk Soodu.id adalah merancang tampilan website Sooud Pedia menggunakan aplikasi Figma. Kegiatan yang dilaksanakan antara lain workshop dan seminar kewirausahaan Pambang Baru, kunjungan tim Soodu.id ke desa Muntai dalam agenda sosialisasi kegiatan Soodu Pedia Training Clinic. Pada kegiatan KP (kerja praktek) ini, PhpMyAdmin merupakan aplikasi yang digunakan untuk mengakses database Soodu.id.
Halaman reset terdiri dari navigasi bar, konten dan konten footer yang muncul pada halaman pencarian berupa informasi promosi dari aplikasi dan website Soodu.id, serta profil para pendiri Soodu.id. Halaman blog terdiri dari bilah navigasi, konten, dan footer. Konten yang ditampilkan dalam situs blog berupa artikel informasi kegiatan Soodu Pedia dan Soodu.id serta artikel terkait UMKM. Dalam melaksanakan kerja praktek di Soodu.id dapat disimpulkan bahwa dalam dunia kerja diperlukan tanggung jawab, ketelitian dan kesabaran yang tinggi terhadap segala pekerjaan yang dilakukan.
GAMBARAN UMUM PERUSAHAAN
Sejarah Singkat Perusahaan
Visi Dan Misi Perusahaan
- Visi
- Misi
Struktur Organisasi Perusahaan
- Tugas Dalam Ruang Lingkup Perusahaan
Ruang Lingkup Perusahaan
- Layanan Digital Soodu.Id
BIDANG PEKERJAAN SELAMA KERJA PRAKTEK
Spesifikasi Tugas yang Dilaksanakan
- Mendesain User Interface Website Soodu Pedia
- Dokumentasi Kegiatan Soodu.id
- Menambahkan Data ke dalam Database website Soodu.id
Soodu.id merupakan startup yang bergerak di bidang pemasaran digital berupa marketplace yang memberikan ruang bagi seluruh UMKM di Riau khususnya Bengkalis. Namun Soodu.id bukan hanya layanan marketplace saja, ada beberapa layanan digital lain dari Soodu.id, salah satunya Soodu Pedia. Website Design atau Desain Antarmuka Pengguna Website Soodu Pedia merupakan meja kerja utama dalam kegiatan KP di Soodu.id. Tujuan yang diharapkan dalam bidang pekerjaan ini adalah mempelajari desain User Interface dan juga dapat menyelesaikan pekerjaan tepat waktu. Dalam melakukan kegiatan magang atau KP, tim Soodu.id memberikan kesempatan kepada tim magang untuk menjadi Dokumenter Soodu.id dalam kegiatan Soodu Pedia. Tugas seorang dokumenter adalah mendokumentasikan setiap kegiatan Soodu Pedia, mulai dari pengambilan foto atau video kegiatan tersebut yang nantinya akan dijadikan foto atau video yang diambil untuk dijadikan bahan postingan di media sosial Soodu.id.
Dalam kegiatan praktek, tim Soodu.id memberikan kesempatan kepada tim praktek untuk menambahkan data pada database Soodu.id untuk mengisi data-data yang masih kurang. Data yang akan diisi adalah data alamat pengguna yaitu data Kabupaten pada tabel kecamatan, data kecamatan pada tabel kecamatan. , serta data desa atau kelurahan pada tabel desa, data yang ditambahkan adalah data khusus yang ada di Provinsi Riau, dalam memasukkan data ke database menggunakan software Cpanel dan PhpMyAdmin, setiap anggota tim akunnya telah diberikan akses untuk mengakses basis data.
Target yang Diharapkan
Perangkat Lunak/Perangkat Keras yang Digunakan
- Perangkat Lunak (Software)
- Perangkat Keras (Hardware)
11 Pada kegiatan KP (kerja praktek) ini, Figma merupakan aplikasi utama dalam pembuatan user interface website Soodu Pedia. Cpanel adalah panel kontrol untuk layanan web hosting di Linux yang menyediakan representasi grafis dan alat otomatisasi yang dibuat untuk memudahkan proses hosting di situs web. Cpanel menggunakan struktur tiga tingkat untuk menyediakan fungsi administrator, agen, dan pemilik situs web untuk mengelola berbagai aspek administrasi situs web dan server melalui browser web. Aplikasi yang didukung cpanel antara lain Apache, Php, Mysql, Pearl, Python dan Bind.
Browser web adalah perangkat lunak yang dirancang untuk menampilkan dan mengakses informasi atau halaman yang tersedia di server web. Perangkat keras yang digunakan dalam kegiatan magang (kerja praktek) di Soodu.id adalah laptop. Laptop digunakan sebagai perangkat dalam mendesain user interface website menggunakan Figma dan memasukkan data ke dalam database Soodu.id menggunakan Cpanel dan Phpmyadmin. Spesifikasi laptop dan notebook yang digunakan adalah laptop Asus dengan spek Model M409da, prosesor AMD Ryzen 3 3200u/2.6 Ghz, random access memory (RAM) 8 Gigabytes, penyimpanan SSD 256 GB dan harddisk 1 Terabyte, dengan sistem operasi Windows 11 home. Bahasa tunggal.
Data - data yang diperlukan
Dokumen - dokumen atau File-file yang dihasilkan
Kendala - kendala yang dihadapi
Penyelesaian Masalah
Alasan penulis mengangkat judul ini karena Jobdesk yang dilaksanakan pada saat kerja praktek di soodu.id ini dirancang, soodu id sendiri merupakan sebuah start up di bidang pasar yang disediakan sebagai wadah pemasaran produk UMKM dalam suatu upaya untuk memperkenalkan Produk UMKM untuk pasar yang lebih luas, namun Soodu.id mempunyai layanan lain selain Marketplace salah satunya adalah Soodu Pedia, Soodu Pedia sendiri memiliki program bernama Soodu Pedia Coaching Clinic yang memberikan pendidikan literasi dan pendampingan kepada calon wirausaha dan UMKM lokal, yang membuat User Interface Design dari website Soodu Pedia sendiri merupakan penunjukan dari pembimbing lapangan kami di Soodu ID, nantinya website Soodu Pedia Coaching Clinic akan memuat materi, artikel dan juga video pembelajaran mengenai digital marketing. Pembuatan desain UI website Soodu Pedia Coaching Clinic ini dilakukan dengan menggunakan aplikasi Figma, pada aplikasi Figma sendiri terdapat fungsi Prototyping yaitu berupa gambar simulasi yang mensimulasikan seolah-olah website sudah jadi, dalam pembuatannya dalam sebuah desain web diperlukan informasi atau data yang diantaranya adalah User Research, User Research berisikan data tentang siapa penggunanya, apa kebutuhan penggunanya dan juga lingkungan penggunanya. Pengguna yang dimaksud disini adalah orang yang akan digunakan oleh website atau aplikasi yang akan dibuat. Merupakan proses pertama dalam pembuatan desain antarmuka suatu website, penelitian dilakukan untuk mengetahui siapa pengguna, apa pengalaman Pengguna dan apa kebutuhan Pengguna, dalam Penelitian proses pengumpulan data dilakukan dengan menggunakan berbagai macam metode atau metode, pengumpulan data dilakukan melalui wawancara dan juga observasi, dalam pembuatan website Soodu Pedia data penelitian yang dibutuhkan dalam kaitannya dengan pembuatan User Interface berasal dari Soodu.id.
Brainstorming sekaligus membuat user interface Soodu Pedia merupakan proses mencari ide-ide inspiratif dan juga referensi. Inspirasi dan referensi bisa datang dari kompetitor, desain yang sudah ada, atau dari platform lain yang memiliki permasalahan yang sama. Saat membuat user interfacenya Soodu pedia mengambil referensi dari website Coinfolk, Coinfolk sendiri merupakan website investasi pembelajaran dan juga dari Crypto. Hasil brainstorming berupa material desain dan juga style guide yang terdiri dari button style, Navigation bar, input dan page.
18 membuat desain website Soodu Pedia sebagai acuan agar terjalin keselarasan antara satu halaman dengan halaman lainnya. Peta Situs adalah diagram yang menunjukkan struktur suatu situs web atau aplikasi. Tujuannya adalah untuk menentukan susunan informasi berdasarkan kelompok konten serupa, yang menunjukkan alur pengguna produk yang kita buat. Sitemap juga dapat dijadikan patokan dalam Dengan membuat sitemap kita menentukan konten apa yang akan dimuat pada website, menentukan navigasi suatu website, dan juga alur atau urutan suatu website pada saat digunakan, berikut Soodu Pedia Peta Situs Klinik Pelatihan. Dalam proses pembuatan UI website Soodu Pedia Mockup, berikut adalah tampilan wireframe yang berwarna, berisi konten nyata dan memiliki elemen desain yang lebih detail, tujuannya agar kita dapat melihat hasil akhir dari model yang kita buat, di dengan kata lain mockup merupakan hasil akhir dari proses desain antarmuka website di luar proses prototyping, berikut mockup Soodu Pedia 1.
Halaman dashboard terdiri dari navbar, konten dan footer, konten yang ditampilkan berupa banner foto, thumbnail video pelatihan dan juga peta yang menampilkan kegiatan Soodu Pedia, serta informasi terkait program Soodu Pedia Coaching Klink. Halaman tersebut terdiri dari navbar, konten dan footer, konten yang ditampilkan adalah informasi kontak terkait Soodu.id dan juga Soodu Pedia, halaman kontak juga berisi form input untuk pengiriman pesan baik kritik maupun saran yang nantinya akan dikirimkan oleh pengguna. pertanyaan terkait Soodu Pedia di formulir kontak. Halaman login terdiri dari bilah navigasi, konten, dan footer. Konten yang ditampilkan berupa form login, nantinya pengguna akan memasukkan username, email dan password.
Saran yang ingin disampaikan mengenai pelaksanaan kerja praktek dan tugas yang diberikan adalah pembuatan UI untuk website Soodu Pedia yang telah dibuat. Hal ini masih dapat dikembangkan atau dimodifikasi lebih lanjut agar lebih menarik dan beberapa fitur serta halaman lainnya masih dapat ditambahkan agar informasi yang dimuat pada halaman tersebut menjadi lebih lengkap dan sempurna.
PEMBUATAN DESAIN USER INTERFACE (UI) WEBSITE
Uraian Judul
Pembuatan Desain Mockup User Interface (UI) Soodu Pedia
- Research
- BrainStorming
- Desain
- Prototype
Wireframe adalah sketsa sederhana yang berisi tata letak dan informasi apa pun yang akan ditampilkan di layar. Fungsinya untuk mengatur isi dan tata letak serta kerangka pembuatan model. Wireframe dapat digambar secara manual menggunakan kertas atau menggunakan software desain seperti Figma dan Adobe Wireframe fokus pada rendering konten pada website yang nantinya akan diimplementasikan pada model. Halaman pendaftaran terdiri dari bilah navigasi yang berisi konten dan footer yang menampilkan form fnput, sedangkan data pendaftaran yang dimasukkan berupa nama, email, nomor telepon dan password. Dengan adanya kerja praktek ini, mahasiswa kerja praktek Politeknik Komputer Politeknik Negeri Bengal dapat mengetahui lebih jauh tentang Teknik Komputer dalam dunia kerja di luar Politeknik, dan mahasiswa kerja praktek juga mendapatkan ilmu-ilmu lain dalam dunia Startup dan bisnis.
PENUTUP
Kesimpulan
Saran
