Laporan ini penulis buat guna menjelaskan kegiatan kerja praktek (KP) yang penulis laksanakan di CV. Selain itu, penulisan laporan kerja praktek (KP) ini merupakan salah satu syarat yang harus dipenuhi oleh setiap mahasiswa Jurusan Teknik Informatika Politeknik Negeri Bengkalis untuk menyelesaikan mata kuliah kerja praktek (KP) pada semester lima. Laporan kerja praktek ini dibuat dengan berbagai pengamatan dan bantuan dari berbagai pihak untuk membantu mengatasi tantangan dan kendala selama melakukan kerja praktek dan mengerjakan laporan ini.
Quantum Solutions, salah satu software house yang ada di Provinsi Riau khususnya di Kota Dumai, meskipun kegiatan kerja praktek ini dilaksanakan pada masa pandemi Covid-19. Dengan melakukan kerja praktek ini, penulis mendapatkan banyak ilmu tentang menjadi seorang front end website developer di dunia kerja. Untuk itu penulis sangat mengharapkan kritik dan saran demi kesempurnaan penulisan Kerja Praktek (PK) ini.
Oleh karena itu, mahasiswa harus mengikuti salah satu kegiatan akademik yang disebut Kerja Praktek (KP) selama minimal 4 minggu1. Kerja Praktek (KP) merupakan serangkaian kegiatan yang mencakup pemahaman teori/konsep ilmiah yang digunakan dalam pekerjaan sesuai bidang profesinya. Quantum Solutions merupakan tempat kerja praktek yang saya lakukan pada bulan November hingga Desember 2020.
Memberikan kesempatan kepada mahasiswa untuk menerapkan teori/konsep keilmuan sesuai dengan program studinya yang dipelajari di perguruan tinggi pada suatu organisasi/perusahaan.
Visi dan Misi Perusahaan
Struktur Organisasi Perusahaan
Ruang Lingkup Perusahaan
BIDANG PEKERJAAN SELAMA KP
- Uraian Tugas Yang dikerjakan
- Target Yang Diharapkan
- Perangkat Lunak dan Perangkat Keras yang Digunakan
- Kendala Yang Dihadapi Selama Kerja Praktek
- Pemecahan Masalah
Komponen material UI harus diimpor terlebih dahulu pada halaman yang memerlukan komponen tertentu. Sedangkan untuk memanggil komponen Material UI di React, pengembang hanya perlu menulis kode JSX bernama komponen impor. Memanggil komponen Grid dari @material-ui/core/Grid akan memanggil grid menggunakan sintaksis "
Saat melakukan praktik langsung ini, saya ditugaskan untuk membuat beberapa halaman depan aplikasi PaudApss yang saya uraikan pada poin-poin. Poin-poin tersebut antara lain membuat halaman beranda, halaman tentang, dan halaman panduan untuk PaudApps. React adalah pustaka JavaScript sumber terbuka front-end untuk membangun antarmuka pengguna atau komponen antarmuka pengguna (komponen React) yang dikelola oleh Facebook dan komunitas pengembang individu dan perusahaan.
Halaman depan aplikasi merupakan halaman yang berisi semua video yang tersedia di aplikasi PauddAps. Halaman ini nantinya akan berisi video sehingga pengguna dapat langsung berinteraksi dengan layanan video yang tersedia di aplikasi PaudApps. Halaman bantuan merupakan halaman yang berfungsi untuk memberikan informasi detail mengenai aplikasi, cara penggunaan aplikasi dan informasi lainnya terkait dengan aplikasi PaudApps.
Tujuan yang diharapkan adalah mampu membuat website front-end yang benar dengan memahami penggunaan pustaka React dan Material-UI menggunakan bahasa pemrograman JavaScript. Konsep yang dimaksud adalah memahami penggunaan komponen React, status dan siklus hidup React, React Hooks, Material-UI sebagai perpustakaan React dan penggunaan API untuk pengembangan front-end. Selain mendapatkan pengetahuan baru tentang website khususnya di bidang web front-end, Anda juga mendapatkan wawasan dan pengalaman di bidang pekerjaan.
Selain itu, tidak adanya perancangan prototype maupun desain mockup dalam pembuatan front end website PaudApps, sehingga membuat pembuatan front end website PaudApps menjadi kurang efektif. Ditugaskan menjadi front-end developer menggunakan framework ReactJS adalah sesuatu yang baru untuk dipelajari dan diimplementasikan. Kurangnya desain sebelum penerapan front-end dapat menjadi alternatif dengan melihat contoh website YouTube Kids untuk menonton video anak-anak.
Ketidakseimbangan antara percepatan perubahan kebutuhan perusahaan akan pengetahuan IT khususnya di area front-end dengan pengetahuan IT dari kurikulum kampus dapat diatasi dengan selalu update dan bertanya di platform media sosial khususnya Facebook yang banyak komunitasnya. kelompok di bidang TI. Hal ini juga dapat diatasi dengan menggunakan platform StackOverflow, Github dan CodePen dengan mencari implementasi kode dengan output yang benar sesuai dengan Code Convention.
MEMBUAT FRONT END WEBSITE MENGGUNAKAN REACT APP DAN MATERIAL-UI
Uraian Judul
React adalah pustaka JavaScript front-end open source untuk membangun antarmuka pengguna atau komponen antarmuka pengguna (React Components) yang dikelola oleh Facebook dan komunitas pengembang individu serta perusahaan. Material-UI adalah framework CSS dan kumpulan komponen React yang mengimplementasikan Material Design dari Google. Pustaka ini menyediakan dukungan untuk komponen seperti tombol, dialog, menu tarik-turun, ikon tombol, input, sakelar, bilah alat, dan komponen desain material lainnya.
Hasil dari pekerjaan hands-on yang saya lakukan adalah halaman website front-end menggunakan React dan Material-UI. Halaman website yang dibuat bernama PaudApps, merupakan aplikasi dan website berbasis mobile yang menyediakan layanan video edukasi untuk anak usia dini, sejalan dengan slogan “Aplikasi Pendidikan Anak Usia Dini”.
Front-End PaudApps
PENUTUP
Kesimpulan
Saran
Saran bagi tempat kerja praktek adalah memberikan petunjuk meja kerja secara jelas dan sebaiknya dijelaskan secara rinci, jelas dan tepat sesuai dengan tujuan meja kerja, sehingga pekerjaan menjadi lebih efektif, meminimalisir kesalahan dan tujuan kerja untuk menjadi lebih fokus. Saran bagi mahasiswa atau mahasiswa khususnya mahasiswa prodi D3 Teknik Informatika Polbeng yang ingin bekerja di bidang front-end developer, agar lebih giat mencari informasi terbaru tentang front-end developer, karena hanya Polbeng D3 Teknik Informatika Kurikulum memberikan jembatan bagi mahasiswa untuk memahami basis pengetahuan dari beberapa bidang Teknik Komputer dan perkembangan serta perubahan ilmu Teknik Komputer sangat cepat.
DAFTAR PUSTAKA
