Laporan magang dengan judul “Pengembangan Antarmuka Pengguna (Front-End) Aplikasi Website Jasamarga Pavetrack Menggunakan Framework Laravel” ini disusun sebagai wujud tanggung jawab serta dokumentasi kegiatan Praktik Kerja Lapangan (PKL) yang dilaksanakan oleh Diva Nur Rohmahwati di PT Jasamarga Tollroad Surabaya–Gempol. Tujuan dari kegiatan magang ini adalah untuk meningkatkan pemahaman mengenai proses pembuatan perangkat lunak dalam suasana kerja profesional, khususnya dalam pengembangan antarmuka pengguna (front-end) untuk aplikasi web. Pengalaman ini diharapkan dapat memberikan pemahaman yang lebih luas sekaligus meningkatkan keterampilan teknis yang sesuai dengan kebutuhan dalam industri teknologi informasi. Salah satu fokus utama dari magang ini adalah pengembangan antarmuka untuk website Jasamarga Pavetrack, yaitu sebuah aplikasi internal yang digunakan untuk membantu pengelolaan data mengenai kondisi perkerasan jalan tol. Sistem ini dirancang untuk memperlancar proses pencatatan, pemantauan, serta pengolahan informasi terkait keadaan perkerasan jalan tol agar lebih terorganisir, cepat, dan akurat. Dalam hal ini, pengembangan antarmuka pengguna sangat krusial karena berfungsi sebagai penghubung antara pengguna dan sistem, sehingga kualitas tampilan, kenyamanan pengguna, dan konsistensi desain menjadi elemen yang harus diperhatikan. Dalam pengembangan, penulis menggunakan framework Laravel sebagai dasar utama untuk membangun sistem. Laravel dipilih karena menyediakan struktur pengembangan yang modern, teratur, dan mudah untuk dikembangkan, serta mendukung arsitektur Model-View-Controller (MVC) yang membedakan dengan jelas antara logika bisnis, tampilan, dan pengelolaan data. Pada sisi front-end, penulis memanfaatkan fitur Blade Template Engine, pengintegrasian CSS dan JavaScript, serta berbagai pustaka pendukung yang sesuai dengan Laravel untuk menciptakan antarmuka yang responsif, menarik, dan praktis digunakan. Penggunaan framework ini juga memungkinkan tampilan dan logika pemrosesan data terintegrasi secara efisien tanpa mengurangi performa sistem. Seluruh pengembangan dilakukan dengan memperhatikan prinsip usability, konsistensi desain, responsivitas tampilan, dan kemudahan navigasi agar aplikasi dapat dimanfaatkan secara maksimal oleh pengguna internal perusahaan. Antarmuka dirancang agar dapat beradaptasi dengan berbagai perangkat seperti desktop dan tablet, mengingat kebutuhan operasional lapangan yang membutuhkan akses yang fleksibel. Selain itu, proses desain dan implementasi juga mempertimbangkan standar perusahaan serta persyaratan fungsional yang telah ditentukan oleh pembimbing lapangan. Melalui pengalaman magang ini, penulis mendapatkan pelajaran yang sangat berharga mengenai proses pengembangan aplikasi web dalam lingkungan profesional, mulai dari analisis kebutuhan, perancangan antarmuka, implementasi, hingga penilaian dan perbaikan. Selain meningkatkan kemampuan teknis dalam front-end menggunakan Laravel, penulis juga merasakan perkembangan yang signifikan dalam komunikasi, kerja sama tim, manajemen waktu, serta penyesuaian terhadap prosedur dan budaya kerja perusahaan. Pengalaman ini diharapkan menjadi bekal berharga bagi penulis saat memasuki dunia kerja dalam bidang teknologi informasi, khususnya dalam pengembangan aplikasi web dan rekayasa perangkat lunak

Kegiatan magang ini dilaksanakan di PT Ordo Teknologi Karya dengan fokus pada bidang Quality Assurance (QA) untuk meningkatkan kualitas aplikasi melalui pengujian fungsi dan kesesuaian desain. Magang bertujuan memberikan pengalaman praktis kepada mahasiswa dalam menerapkan pengetahuan teknologi informasi pada lingkungan kerja profesional, khususnya pada proses pengembangan perangkat lunak. Selama magang, penulis bertugas melakukan pengujian pada Aplikasi A, yaitu sistem berbasis website dan mobile yang digunakan untuk pengelolaan event. Tahapan kerja meliputi pemahaman alur sistem, penyusunan dokumen QA, pengecekan fungsi dan tampilan, pendokumentasian bug, komunikasi dengan developer, serta retesting setelah perbaikan. Hasil pengujian menunjukkan adanya beragam bug, seperti error fungsi, ketidaksesuaian UI, validasi yang belum berjalan, hingga crash pada beberapa halaman. Temuan tersebut digunakan sebagai dasar perbaikan untuk meningkatkan stabilitas dan kualitas aplikasi. Melalui kegiatan magang ini, penulis memperoleh pemahaman menyeluruh mengenai proses pengembangan software, penerapan standar QA, serta pentingnya kolaborasi antara tim pengembang dan QA untuk memastikan aplikasi berjalan sesuai kebutuhan pengguna. Secara keseluruhan, kegiatan ini membantu meningkatkan keterampilan teknis, analitis, dan profesional dalam bidang teknologi informasi.

CV Alkas Triyasa Adhimukti (ATRIA) merupakan perusahaan konsultan teknologi informasi yang menghadapi kendala efisiensi dalam pengelolaan tugas dan pencatatan waktu kerja karyawan yang masih dilakukan secara manual. Laporan magang ini membahas rancang bangun antarmuka (frontend) aplikasi Task Management berbasis mobile guna mengatasi permasalahan tersebut. Pengembangan aplikasi dilakukan menggunakan framework Flutter dengan bahasa pemrograman Dart untuk menghasilkan antarmuka pengguna (UI/UX) yang responsif dan interaktif. Fokus utama pengembangan meliputi integrasi layanan RESTful API sebagai penghubung data antara aplikasi mobile dan server, dengan titik berat pada implementasi dua fitur krusial: sistem absensi kehadiran dan manajemen tugas (task management). Implementasi teknis mencakup manajemen state aplikasi, penanganan pertukaran data format JSON, serta validasi input pengguna untuk menjamin akurasi informasi yang dikirimkan. Hasil pengujian integrasi menunjukkan bahwa aplikasi mampu berkomunikasi dengan server secara lancar dalam menampilkan dan mengirimkan data. Sistem ini diharapkan berhasil mendigitalisasi proses administrasi operasional, memudahkan karyawan dalam melakukan absensi dan pelaporan tugas secara real-time, serta meningkatkan efisiensi kerja di lingkungan CV Alkas Triyasa Adhimukti.

Laporan magang ini berjudul "Penerapan Metode Black Box Testing Pada Website Sistem Informasi Anak Magang (SI AMANG)" dan disusun oleh Dita Ardelia Karisma (NIM. E41222838) dari Program Studi Teknik Informatika PSDKU Nganjuk, Politeknik Negeri Jember. Kegiatan magang ini dilaksanakan di Radar Surabaya yang berlokasi di Jl. Kembang Jepun No.167-169, Surabaya, dari tanggal 21 Juli 2025 sampai 30 November 2025. Tujuan utama magang ini adalah untuk memberikan pengalaman kerja nyata, menerapkan ilmu yang diperoleh di perkuliahan, dan khususnya, menguji Website Sistem Informasi Anak Magang (SI AMANG) di Radar Surabaya. Website SI AMANG sendiri dikembangkan untuk mendukung pencatatan kehadiran secara digital. Dalam kegiatan ini, penulis menerapkan Black Box Testing. Metode pengujian ini berfokus pada fungsi sistem dari sisi pengguna dengan menguji input dan output, tanpa memeriksa kode program di dalamnya. Pengujian ini dilakukan secara sistematis pada berbagai modul dan peran pengguna (Superadmin, Admin, dan User) untuk memastikan fitur-fitur seperti telah berjalan sesuai alur yang diharapkan.

PERANCANGAN UI/UX APLIKASI MOBILE TK AL-ALIM MENGGUNAKAN METODE DESIGN THINKING, Nira Ayuhana Nurlitha, NIM E41220200, Tahun 2025, Teknologi Informasi, Politeknik Negeri Jember, Qonitatul Hasanah S.ST., M.Tr.T. (Pembimbing Utama), Hendra Saputra (Pembimbing Lapang). Maksud umum program magang ini bertujuan untuk membekali mahasiswa dengan kesiapan memasuki dunia kerja melalui pengembangan keterampilan teknis yang selaras dengan standar industri teknologi informasi. Selain itu, magang ini juga dirancang untuk meningkatkan kemampuan interpersonal dan profesional agar mahasiswa mampu bekerja secara efektif dalam sebuah tim. Tidak hanya itu, kegiatan ini turut menanamkan pemahaman mengenai praktik kerja yang aman dan sehat, sehingga mahasiswa dapat bekerja dengan penuh tanggung jawab serta memberikan kontribusi positif dalam lingkungan kerja. Magang ini diselenggarakan di CV. Araya Media IT terletak di Jln. Bantaran Indah Blok E No. 21B kode pos 65142 Malang, Jawa Timur, Indonesia. Kegiatan magang berlangsung selama 4 bulan, dimulai dari tanggal 21 Juli 2025 hingga 30 November 2025. Pelaksanaan magang dilakukan secara WFO (Work from Office) dari hari Senin sampai hari Jumat. Kegiatan ini berlangsung dari pukul 09:00 WIB hingga 16:00 WIB dengan waktu istirahat pada jam 12:00 WIB sampai dengan 13:00 WIB. Selama magang di CV. Araya Media IT, saya berkontribusi dalam perancangan UI/UX aplikasi mobile TK Al-Alim dengan metode Design Thinking serta melakukan pengujian dengan metode SEQ (Single Ease Question) dengan tujuan memastikan desain yang dirancang mudah digunakan oleh pengguna. Kegiatan ini dilaksanakan Bersama tim dengan arahan dari pembimbing lapang dan Kepala perusahaan Araya.

Implementasi Automation Testing pada Aplikasi BosOnline di Perangkat Desktop Menggunakan Playwright di PT Hadid Parama Indonesia, Septia Rahma Dwi Puspita, NIM E4120778, Tahun 2025, 54 halaman, Teknologi Informasi, Politeknik Negeri Jember PSDKU Nganjuk, Bapak Raditya Arief Pratama, S.Kom., M.Eng (Dosen Pembimbing), Bapak Rifky Izzatur dan Kakak Muchammad Sholikhudin Bhasri (Pembimbing Lapang). Praktek Kerja Lapangan merupakan program yang memberikan kesempatan bagi mahasiswa untuk mengaplikasikan ilmu yang telah dipelajari di kampus ke dalam situasi kerja yang sesungguhnya, sekaligus mengembangkan keterampilan praktis dalam menyelesaikan permasalahan yang dihadapi oleh perusahaan. Praktek Kerja Lapangan dilaksanakan di PT Hadid Parama Indonesia, kantor cabang Sidoarjo. PT Hadid Parama Indonesia adalah sebuah perusahaan didirikan sejak 2017 dan resmi terdaftar pada 2020 yang bergerak di bidang digital dan teknologi yang berfokus pada layanan Internet Marketing, IT, Laboratorium Tanaman dan Branding. Kegiatan pada PKL adalah mengimplementasikan Automation Testing untuk fitur pembuatan produk pada platform BosOnline menggunakan Framework Playwright. BosOnline adalah platform e-commerce all-in-one yang dirancang khusus untuk membantu pelaku UMKM dan online seller dalam mengelola dan mengembangkan bisnis online mereka. Platform ini menyediakan berbagai fitur yang memudahkan penjual dalam menjalankan operasional bisnis Tahapan awal dalam pembuatan Automation Testing adalah memahami alur bisnis pembuatan produk untuk Produk Fisik, Produk Digital, dan Layanan Jasa. Tahapan selanjutnya adalah merancang test scenario dan test case sesuai kebutuhan pengujian. Terakhir, mengimplementasikan Automation Script menggunakan Playwright agar proses pengujian dapat berjalan otomatis konsisten, dan mudah dijalankan kembali saat ada perubahan sistem.

Program magang industry ini berfokus pada penerapan teknologi informasi untuk meningkatkan efektivitas pemantauan data pada Departemen Pergudangan PT Petrokimia Gresik. Sistem yang berjalan sebelumnya masih mengandalkan penyimpanan lokal berbasis XAMPP sehingga akses data bersifat terbatas dan tidak mendukung pemantauan secara real-time. Kegiatan magang memberikan kesempatan untuk mempelajari kebutuhan operasional di lingkungan industri sekaligus merancang solusi berbasis teknologi modern melalui implementasi database time-series dan visualisasi data interaktif. Proses pengembangan sistem dimulai dari analisis kebutuhan, perancangan alur data, hingga integrasi protocol MQTT sebagai jalur pengiriman data sensor. Worker berbasis Node.js diterapkan sebagai pengolah pesan sebelum data dicatat ke InfluxDB. Penyimpanan data berbasis time-series memberikan struktur yang lebih rapi dan memudahkan proses visualisasi. Grafana dipilih sebagai alat monitoring karena mampu menampilkan data secara langsung melalui panel grafik, tabel, dan indikator yang mudah dianalisis oleh pengguna. Hasil implementasi menunjukkan peningkatan signifikan terhadap aksesibilitas, kecepatan pemantauan, serta kualitas monitoring operasional. Pengguna memperoleh kemampuan untuk melihat perubahan kondisi pergudangan secara instan tanpa bergantung pada satu perangkat tertentu. Pengalaman magang ini memberikan pemahaman praktis mengenai integrasi sistem IoT, penerapan teknologi industri, serta kolaborasi dalam penyelesaian proyek digital yang mendukung transformasi perusahaan.

optimalisasi desain UI/UX aplikasi Al-Hamra di PT. Cendana Teknika Utama. Selama magang, mahasiswa melaksanakan berbagai aktivitas mulai dari pengenalan perusahaan, diskusi proyek, hingga perancangan ulang tampilan aplikasi. Aplikasi Al-Hamra sendiri merupakan aplikasi untuk wali santri dalam memantau perkembangan santri, sehingga desain yang informatif, rapi, dan mudah digunakan menjadi prioritas utama.