LAPORAN AKHIR

MAGANG & STUDI INDEPENDEN

BERSERTIFIKAT

Perancangan UI Desain Aplikasi Digital Checksheet untuk

Petroport Mobile

Di PT.Petrokimia Gresik

Diajukan untuk memenuhi persyaratan kelulusan

Program MSIB MBKM

oleh :
Satria Perdana Putra Dika/190602107

PROGRAM STUDI TEKNIK INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK
2021 - 2022
 Lembar Pengesahan program studi Teknik Informatika di
Universitas Muhammadiyah Gresik
“Perancangan UI Desain Aplikasi Digital Checksheet untuk Petroport
Mobile ”

Di PT.Petrokimia Gresik

oleh :
Satria Perdana Putra Dika/190602107

disetujui dan disahkan sebagai

Laporan MagangBersertifikat Kampus Merdeka

Gresik, 21 Juli 2022 Pembimbing Magang merdeka prodi Teknik Informatika

Universitas Muhammadiyah Gresik

Henny Dwi Bhakti,S.Si.,M.Si.

NIP 06211709200

i
 Lembar Pengesahan
Perancangan UI Desain Aplikasi Digital Checksheet untuk Petroport
Mobile

Di PT.Petrokimia Gresik

oleh :
Satria Perdana Putra Dika/190602107

disetujui dan disahkan sebagai

Laporan Magang Bersertifikat Kampus Merdeka

Gresik, 21 Juli 2022

Jabatan penanggung jawab di tempat kerja,
Staff Candal Pelabuhan

Mahardhika Ristra Abady

NIK : 2166529

ii
 Abstraksi

Magang Merdeka Belajar kampus merdeka merupakan bagian dari program

kampus merdeka yang bertujuan memberikan kesempatan kepada mahasiswa untuk
belajar dan mengembangakan diri melalui aktivitas diluar kelas perkulihan. Selama
magang mahasiswa menerapkan pembelajaran langsung di tempat kerja dengan
kemampuan hard skill yang di dapat mulai dari keterampilan dibidang kerja, pemecahan
masalah, dan analisis permasalahan dunia kerja, maupun soft skill seperti etika didunia
kerja, organisasi dan manajemen, serta kerja sama antara tim di dunia kerja. Adapun
metode yang digunakan dalam penelitian ini yatu studi lapangan dan metode studi
kepustakaan . kesimpulan dari kegiatan magang Merdeka Belajar kampus merdeka ini,
mahasiswa mampu mengingkatkan soft skill dan hard skill dan mendapatkan pengalaman
baru yang nantinya dapat diaplikasikan di dunia kerja

iii
 Kata Pengantar

Segala puji dan syukur saya limpahkan kepada Allah SWT atas karunia
serta rahmatnya yang telah memberikan kesempatan, sehingga saya dapat
menyelesaikan laporan akhir Magang Bersertifikat Kampus Merdeka di
PT.Petrokimia Gresik. Laporan ini disusun guna memenuhi persyaratan kelulusan
MSIB MBKM.

Dalam Penyusunan laporan ini saya menyedari sepenuhnya bahwa

selesainya laporan akhir ini tidak terlepas dari dukungan, semangat, serta
bimbingan dari berbagai pihak, baik bersifat moril maupun materil, oleh
karenaNya, saya ingin menyampaikan ucapan banyak terimakasih kepada:

1. Allah SWT beserta Nabi Muhammad SAW yang memberikan

kehendak kelancarannya dan perlindunganNya.

2. Bapak Nadim Anwar Makarim B.A,, M,B,A. selaku Mentri Pendidikan

Kebudayaan, Riset dan Teknologi Republik Indonesia yang telah
menyelenggarakan program MSIB MBKM.

3. Seluruh panitia Program MSIB yang tidak dapat di sebutkan satu

persatu yang telah melancarkan kegiatan ini agar dapat terlaksana
dengan baik.

4. Yang telah melancarkan kegiatan ini dengan baik.

5. Bapak Dr.Eko Budi Leksono,S.T.,M.T selaku Rektor Universitas

Muhammadiyah Gresik yang telah memberikan kesempatan untuk
mengikuti program studi independent bersertifikat ini

6. Bapak Harunur Rosyid,S.T.,M.Kom Selaku Dekan faklutas

Teknik Universitas Muhammadiyah Gresik.

7. Ibu Henny Dwi Bhakti,S.Si.,M.Si selaku ketua program studi Teknik

Informatika Universitas Muhammadiyah Gresik

iv
v

8. Bapak Mahardhika,Bapak Fachrudinsyah dan Bapak Rizky Arizona

selaku Mentor dan di Program Magang merdeka serta Semua Pihak
yang sudah sangat membantu sehingga kegiatan ini dapat berjalan
dengan sangat baik dan lancar.

9. Teman teman yang tidak bisa sebutkan satu persatu satu, yang sangat
memberikan saya pengaruh positif dengan selalu memberikan saya suport
yang sangat saya butuhkan.

Laporan Magang ini, disusun berdasarkan apa yang telah dijalankan

selama melaksanakan kegiatan Magang merdeka di PT.Petrokimia Gresik yang di
laksankan selama jangka waktu kurang lebih 5 Bulan, mulai tanggal 1 4
F e b r u a r i 2022 hingga 1 4 juli 2022
Dalam penyusunan laporan ini, saya menyadari masih banyak kekurangan
baik dari segi susunan serta cara penulisan laporan ini, karena saran dan keritik
yang sifatnya membangun demi kesempurnaan laporan ini sangat kami harapkan.
Akhirnya, semoga laporan ini dapat bermanfaat bagi para pembaca umumnya dan
juga bermanfaat bagi penyusun pada khususnya.

Gresik, 21 Juli 2022

Satria Perdana Putra Dika

190602107

v
v

Daftar Isi

Lembar Pengesahan program studi Teknik Informatika di Universitas

Muhammadiyah Gresik...................................................................................................i
“Perancangan UI Desain Aplikasi Digital Checksheet untuk Petroport Mobile ”..................i
Lembar Pengesahan......................................................................................................ii
Perancangan UI Desain Aplikasi Digital Checksheet untuk Petroport Mobile...............ii
Di PT.Petrokimia Gresik..................................................................................................ii
Abstraksi........................................................................................................................iii
Kata Pengantar..............................................................................................................iv
Daftar Isi.........................................................................................................................vi
Daftar Gambar..............................................................................................................vii
Bab I Pendahuluan.........................................................................................................1
I.1 Latar Belakang.................................................................................................................1
I.2 Lingkup............................................................................................................................2
I.3 Tujuan..............................................................................................................................2
Bab II...............................................................................................................................3
PT.Petrokimia Gresik......................................................................................................3
II.1 Struktur Organisasi.........................................................................................................3
II.2 Lingkup pekerjaan...........................................................................................................3
II.3 Deskripsi Pekerjaan.........................................................................................................4
II.4 Jadwal Kerja....................................................................................................................5
Bab III..............................................................................................................................6
Perancangan UI Desain Aplikasi Digital Checksheet untuk Petroport Mobile...............6
III.1 Pelaksanaan Pekerjaan..................................................................................................6
III.2 Proses Pelaksaan Project Perancangan UI Desain Aplikasi Digital Checksheet untuk
Petroport Mobile..................................................................................................................7
III.3 Pencapaikan Hasil Project............................................................................................19
Bab IV...........................................................................................................................20
PENUTUP......................................................................................................................20
IV.1 Kesimpulan..................................................................................................................20
IV.2 SARAN..........................................................................................................................20
Refrensi..........................................................................................................................ix
Lampiran A. TOR.............................................................................................................x

vi
v

Daftar Gambar

Gambar 1. Struktur organisasi...................................................................3

Gambar 2. Flowchart..................................................................................8
Gambar 3. Wireframe halaman login.......................................................10
Gambar 4. Wireframe pilih alat...............................................................10
Gambar 5. Input nama kapal....................................................................11
Gambar 6. Wireframe pilih area..............................................................11
Gambar 7 Wireframe sub area.................................................................12
Gambar 8 Checksheet.............................................................................12
Gambar 9. Note........................................................................................13
Gambar 10. Wireframe riwayat................................................................13
Gambar 11. Mockup splash screen.........................................................15
Gambar 12. Mockup halaman login.........................................................15
Gambar 13. Mockup pilih alat.................................................................15
Gambar 14. Input data.............................................................................15
Gambar 15. Mockup pilih area.................................................................16
Gambar 16. Mockup pilih sub area..........................................................16
Gambar 17. Mockup checksheet..............................................................16
Gambar 18. Mockup note........................................................................16
Gambar 19. Mockup bukti foto ...............................................................17
Gambar 20. Selesai submit......................................................................17
Gambar 21. Tampilan Riwayat...............................................................17
Gambar 22 Detail Riwayat......................................................................17
Gambar 23. Tampilan setting...................................................................18
Gambar 23. Detail setting........................................................................18

vii
v

Bab I Pendahuluan

I.1 Latar Belakang

User Interface dan User Experience (UI/UX) memegang peran penting dalam
pembangunan sebuah aplikasi, karena desain pada sebuah aplikasi harus rapi dan
terorganisir. Selain itu User Interface dan User Experience (UI/UX) harus sesuai
dengan kebutuhan pengguna dari aplikasi yang akan dibangun. User Interface dan
User Experience (UI/UX) dibangun dengan melihat kebutuhan pengguna atas sebuah
aplikasi yang akan dibangun mulai dari desain tampilan, fitur-fitur, dan berbagai
kebutuhan lainnya.
Aplikasi Digital checksheet pada Departemen Pengelolaan Pelabuhan
PT.Petrokimia Gresik memiliki kendala dalam UI/XUX. Pihak Pengelolaan
Pelabuhan belum memiliki desain dalam pembuatan aplikasinya. Disamping
itu, karena pada saat cek alat masih menggunakan media kertas terdapat
kendala seperti kertas robek,terkena keringat ataupun hilang.
Informasi yang disampaikan melalui media kertas berisi tentang nama
alat,area,sub area,nama kapal,nama pekerja,kendala dan status
pekerjaan.Meskipun informasi yang ada pada media kertas telah memenuhi
data pekerjaan tetapi masih terdapat satu kekurangan yaitu kertas mudah
sobek,hilang,terkena air atau keringat dan kusut.
Maka dari itu pihak Pengelolaan pelabuhan PT.Petrokimia Gresik
menawarkan suatu solusi yaitu dengan dibuatnya aplikasi Digital Checksheet
untuk mobile yang akan menampilkan alat yang akan di cek oleh para
pekerja yang ada di pelabuhan.
Aplikasi ini dapat menampilkan berbagai macam alat dan kendala
yang ada di pelabuhan berupa gambar dan informasi yang akan dipilih dan
para pekerja bisa memberikan penjelasan singkat mengenai alat yang sudah
di cek apakah ada kendala atau tidak. Dengan adanya ide ini diharapkan bisa
meningkatkan efektivitas pekerjaan di Departemen pengelolaan pelabuhan

1
v

I.2 Lingkup

Agar Penelitian ini lebih terfokus dan menghindari pembahasan yang terlalu
luas maka perlu adanya batasan. Adapun batasan masalah dalam penelitian ini adalah
sebagai berikut :
1. Aplikasi ini dirancang dan dibangun khusus untuk digunakan dalam
memenuhi pekerjaan yang ada di pelabuhan PT.Petrokimia Gresik
2. Laporan hanya mencakup dalam pembuatan dalam pembuatan desain
grafis UI/UX
3. Aplikasi hanya dapat digunakan pada sistem operasi Android
minimal Android versi Marshmallow 6.0
4. Desain grafis UI/UX pada aplikasi Digital checksheet dibuat sesuai
dengan permintaan AVP bagian Operasional Departemen
pengelolaan pelabuhan

I.3 Tujuan

Adapun tujuan dari proyek ini adalah membuat sebuah aplikasi yang akan
dirilis bersamaan dengan perilisan PETROPORT 2.0 dengan fungsional sebagai
berikut :
1. Membuat aplikasi yang sesuai dengan prinsip User Experience
2. Membuat aplikasi yang menarik dan menyesuaikan kebutuhan pengguna
3. Untuk mempermudahkan para pekerja
4. Sebagai inovasi di Departemen pengelolaan pelabuhan

2
v

Bab II
PT.Petrokimia Gresik

II.1 Struktur Organisasi

Gambar 1struktur organisasi

II.2 Lingkup pekerjaan

Kegiatan yang diikuti oleh peserta magang selama melaksanakan kerja praktek
lewat kampus merdeka kurang lebih 5 bulan, terhitung dari tanggal 14 Februari 2022
samapi dengan 14 Juli 2022.

Dilibatkan dalam beberapa proyek diantaranya :

1. Rancangan konsep jalannya aplikasi yang akan dibuat melalui flowchart.
2. Rapat melalui zoom untuk menentukan joobdesk yang akan diberikan kepada
mentee.
3. Presentasi hasil desain UI yang telah dibuat kepada AVP Departemen
Pengelolaan pelabuhan dan mentor.
4. Melakukan revisi yang diberikan oleh AVP Departemen pengelolaan
pelabuhan dan mentor untuk beberapa bagian yang kurang tepat.
5. Presentasi hasil revisi.

3
v

6. Presentasi hasil prototype yang telah dibuat pada aplikasi Digital checksheet.

Selain mengikuti jam kantor yang sudah ditentukan yaitu pada jam
07.00 WIB sampai dengan jam 16.00 WIB peserta magang juga diperbolehkan
membawa tugas-tugasnya untuk dikerjakan dirumah, dikarenakan harus
menyesuaikan waktu kegiatan antara kegiatan akademis dan tempat
pelaksanaan magang.

II.3 Deskripsi Pekerjaan

Aspek yang akan dikaji dalam pelaksaan kegiatan magang ini terdiri dari
aspek umum dan aspek khusus. Aspek umum meliputi identifikasi profil perusahaan
dan melaksanakan kegiatan-kegiatan yang berhubungan dengan pekerjaan didalam
Departemen Pengelolaan pelabuhan. Aspek khusus meliputi proses pembuatan UI
desain aplikasi Digital checksheet, untuk menjalankan aspek umum dalam kegiatan
magang adalah :

1. Perkenalan dengan pimpinan dan staff Departemen Pengelolaan pelabuhan

Untuk saling mengenal antara staff perusahaan sebagai pihak yang
membantu pelaksaan kegiatan magang.
2. Pengamatan
Untuk mengetahui kondisi lapangan secara visual sehingga akan dapat
diketahui keadaan checksheet untuk alat-alat yang ada di Departemen
Pengelolaan pelabuhan. Dalam pengamatan juga dilakukan pengambilan
data yang akan dimasukan ke dalam desain yang akan dibuat.
3. Wawancara
Untuk mengklarifikasi permasalahan-permasalahan yang terjadi di lapangan
dengan menanyakan secara langsung kepada pihak terkait
4. Magang.
Melakukan praktek kerja secara langsung guna memperoleh pengalaman dan
keterampilan kerja.

Untuk pemenuhan tugas umum kegiatan magang dilaksanakan di kantor

Pencadangan dan pengendalian Departemen Pengelolaan pelabuhan,sedangkan untuk
pemenuhan tugas khusus dilaksanakan di kantor Operasional Departemen
Pengelolaan pelabuhan PT.Petrokimia Gresik adalah :

1. Pembahasan flowchat
Untuk pembuatan desain aplikasi dimulai dengan pembahasan tentang
flowchart yang akan dibuat.
2. Pembuatan wireframe
Setelah pembahasan flowchart selesai peserta diminta untuk membuat
wireframe dan akan direvisi apabila terjadi kesalahan atau kekurangan.
3. Pembuatan mockup
Apabila wireframe disetujui langkah selanjutnya adalah pembuatan mockup
aplikasi Digital checksheet.
4. Prototype
Fungsi dari prototype adalah untuk melakukan beberapa uji coba sekaligus.

4
v

Tujuannya untuk mengetahui apakah konsep yang sudah diperkenalkan tadi

dapat diimplementasikan.

Selain mengerjakan tugas yang diberikan oleh kantor peserta magang juga
diminta untuk membuat online course yang akan diupload di website milik
PT.Petrokimia Gresik, perseta dimintai untuk membuat 8 online course untuk magang
batch 2 kali ini yang dimana setiap bulannya peserta diharap upload 2 kali dalam satu
bulan.
Magang di PT.Petrokimia Gresik juga mendapatkan pelatihan online seperti
pelatihan critical thingking,pelatihan Microsoft Excel,Microsoft Powerpoint dan
pelatihan wawancara.

II.4 Jadwal Kerja

Dalam progam magang merdeka di PT.Petrokimia Gresik yang dimulai pada

tanggal 14 Februari 2022 sampai 14 Juli 2022. Waktu pelaksanaannya disesuaikan
dengan ja kerja karyawan yaitu mulai pukul 07.00 WIB sampai dengan 16.00 WIB
selama lima hari dalam seminggu.Waktu istirahat kurang lebih 60 menit yang dimulai
dari pukul 12.00 WIB sampai dengan 13.00 WIB untuk hari Senin sampai Kamis, dan
untuk hari Jumat dimulai pukul 11.00 WIB sampai dengan 13.00 WIB.
Pada magang kali ini dilaksanakan secara on site sepenuhnya karena kasus
Covid-19 sudah meredah diwilayah Gresik dan sekitar. Tetapi untuk peserta yang
terkena Covid-19 diminta untuk isolasi dirumah sekitar 14 hari kerja dan
perkerjaannya akan dilakukan secara online (daring).
Untuk beberapa peserta magang ada yang melakukan perjalanan dinas ke luar
kota yang bertujuan untuk membantu mentor atau untuk nelakukan studi banding
dengan perusahaan lainnya.

5
v

Bab III
Perancangan UI Desain Aplikasi Digital Checksheet untuk
Petroport Mobile

III.1 Pelaksanaan Pekerjaan

Metode Pelaksanaan Pekerjaan adalah metode yang menggambarkan

penguasaan penyelesaian pekerjaan yang sistematis dari awal sampai akhir meliputi
tahapan/urutan pekerjaan utama dan uraian/cara kerja dari masing-masing jenis
kegiatan pekerjaan utama yang dapat dipertanggungjawabkan secara teknis

Berikut penjelasan mengenai rencana kegiatan selama Magang :

1. Melaksanakan kegiatan pengambilan data dan pengenalan alat berat

yang akan dijadikan sebagai objek utama dalam pembuatan konsep UI
desain. Mentor bertugas melakukan pengenalan alat dan peserta
mendapatkan sedikit pengetahuan tentang fungsi dan nama alat.
2. Melaksanakan kegiatan apel bulanan yang diadakan setiap awal bulan
berisi tentang bahaya kerja diketinggian dan cara mencegah terjadinya
kecelakaan di Departemen Pengelolaan pelabuhan untuk mengingatkan
kepada pekerja supaya lebih berhati-hati.
3. Membantu mentor membuat laporan mingguan terkait kedatangan
kapal dan proses bongkar muat yang terjadi dipelabuhan Petrokimia
Gresik pada seminggu lalu untuk dilaporkan ke VP.
4. Membuat flowchart terkait Digital checksheet untuk menyederhanakan
penjelasan dari proses yang ada. Dengan begitu, alir program akan
lebih mudah untuk dipahami oleh semua orang pada saat presentasi.
5. Melakukan rancangan terhadap wireframe. Dalam hal ini peserta
terlebih dahulu melakukan brainstorming sebelum membuat rancangan
wireframe. Proses brainstroming dilakukan selama dua sampai tiga
hari kerja.
6. Membuat desain mockup Digital checksheet dan copywriting yang
dilakukan selama dua minggu dengan didampingi dan dibimbing oleh
mentor yaitu Bapak Mahardhika ristra abady dan Bapak
Fachrudinsyah.
7. Pada tahap terahkir membuat prototype yang berguna untuk
mengetahui apakah konsep yang sudah diperkenalkan tadi dapat
diimplementasikan. Presentasi dilakukan melalui Zoom meeting
dengan waktu yang sudah dijadwalkan.
8. Melakukan presentasi terkait UI desain yang jadi didepan mentor dan
AVP Pengelolaan melalui Zoom meeting dengan waktu yang sudah
ditentukan pelabuhan yang nantinya akan didiskusikan dengan
developer yang sudah ditunjuk untuk membuat aplikasi.
9. Menghadiri acara EUT ( End User Training ) terkait website

6
v

PETROPORT 2.0 yang akan diluncurkan. Acara tersebut diadakan

dihotel Aston Gresik dihadiri oleh sekutar Empat puluh pekerja
Petrokimia Gresik dan enam orang programmer dari pihak developer
dan lima orang peserta magang. Acara berlangsung selama tujuh jam
terhitung dari jam 08.00 WIB sampai dengan 15.00 WIB.

III.2 Proses Pelaksaan Project Perancangan UI Desain Aplikasi Digital

Checksheet untuk Petroport Mobile

Dalam pelaksaan tahap ini penulis melakukan percakapan langsung dengan

mentor dan AVP Pengelolaan Pelabuhan PT.Petrokimia Gresik untuk menentukan
kebutuhan pengguna. Dengan melakukan wawancara Bersama mentor dan AVP
Pengelolaan Pelabuhan dapat diambil informasi mengenai kebutuhan dari pengguna.
Hasil wawancara ini akan digunakan sebagai gambaran dalam membangun aplikasi
Dalam pertemuan lewat Zoom meeting tersebut dilakukan wawancara pada
pihak Departemen Pengelolaan Pelabuhan yang menghasilkan konsep yaitu :

1. Desain aplikasi dapat mempresentasikan identitas dari PT.Petrokimia

Gresik. Desain aplikasi dapat memberikan kesan modern namun tidak
menghilangkan identitasnya sebagai perusahaan pupuk.
2. Aplikais yang dibuat dapat menyampaikan informasi mengenai alat berat
yang akan dicek serta bisa ditambahkan data ketika ada alat yang tidak
sesuai dengan kondisi normal.

Berikut ini adalah tahapan dalam pembuatan UI desian Digital checksheet :

A. Flowchart

Pada tahap ini flowchart atau bagan alur adalah diagram yang
menampilkan langkah-langkah dan keputusan untuk melakukan sebuah
proses dari suatu program. Setiap langkah digambarkan dalam bentuk
diagram dan dihubungkan dengan garis atau arah panah.

Flowchart berperan penting dalam memutuskan sebuah langkah atau

fungsionalitas dari sebuah proyek pembuatan program yang melibatkan
banyak orang sekaligus. Selain itu dengan menggunakan bagan alur proses
dari sebuah program akan lebih jelas, ringkas, dan mengurangi kemungkinan
untuk salah penafsiran. Penggunaan flowchart dalam dunia pemrograman
juga merupakan cara yang bagus untuk menghubungkan antara kebutuhan
teknis dan non-teknis. Berikut adalah flowchart yang sudah dibuat :

7
v

Gambar 2. flowchart

B. Wireframe

Wireframe adalah sebuah kerangka untuk menata suatu item di laman

website atau aplikasi. Pembuatan wireframe biasanya dilakukan sebelum

8
v

pembuatan produk tersebut dilakukan. Item yang berkaitan seperti teks,

gambar, layoiting, dan sebagainya.

Wireframe biasa ditugaskan kepada ahlinya, yang biasa dikenal

sebagai UI/UX Designer. Untuk melakukannya, seorang UI/UX
Designer menggunakan kertas coretan atau software khusus
untuk wireframing. Wireframe hanya menampilkan lembaran yang terdiri
dari kotak-kotak dan garis-garis untuk mengatur tata letak berbagai elemen
pada website atau aplikasi.

Wireframe memungkinkan seorang developer dengan mudah

mengerjakan pengembangan struktur dan arah dari website atau aplikasi yang
akan dibangun. Bayangkan saja jika tidak adanya konsep ini, developer
mungkin akan kebingungan saat website atau aplikasi telah jadi. Namun,
setelah selesai diperiksa karena tidak membuat wireframe terlebih dahulu
maka terdapat banyak revisi di setiap tampilan. Sehingga pekerjaan tersebut
dapat memperlambat waktu, sedangkan deadline proyek tersebut harus
segera terselesaikan. Berikut adalah gambaran wireframe dari aplikasi Digital
checksheet :

9
v

Gambar 3. Wireframe halaman login Gambar 4. Wireframe pilih alat

10
v

Gambar 5. Input nama kapal Gambar 6. Wireframe

pilih area

11
v

Gambar 7. Wireframe sub area Gambar 8. Checksheet

12
v

Gambar 9. Note Gambar 10. Wireframe riwayat

13
v

C. Mockup

Apa itu Mockup? Mockup sering digunakan dalam dunia desain.

Secara singkat mockup adalah gambaran nyata terkait konsep yang tengah
diolah. Mockup bisa dikatakan sebagai maket atau alat presentasi yang
berguna untuk memberikan gambaran mengenai karya yang ingin dihasilkan.
Mockup bisa dilakukan dengan atau tanpa bantuan aplikasi. Dengan mockup,
proses finalisasi suatu karya desain akan menjadi lebih efektif.
Advertisement Sementara itu, mengutip Keenethics, bentuk mockup adalah
gambaran mid-fidelity atau high-fidelity yang menggambarkan pilihan warna
desain, tipografi, layout, visual navigasi dan keseluruhan tampilan produk
yang didesain. Singkatnya, mockup adalah visualisasi sebuah konsep desain.
Manfaat Mockup Ada banyak manfaat yang bisa didapat jika telah
mempersiapkan mockup sebelumnya, di antaranya:
1. Memiliki Gambaran Realistis Mockup menyerupai hasil final yang ingin
ditunjukan, sehingga klien memiliki imajinasi atau bayangan yang sama
tentang desain yang akan diciptakan.
2. Memudahkan Proses Revisi Jika seseorang mengabaikan mockup dan
langsung melakukan tahap finalisasi dari projeknya, maka proses revisi
bisa saja terjadi dari awal, sebab klien tidak memiliki gambaran nyata
tentang karya yang akan diciptakan.
3. Media Presentasi Mockup juga bisa digunakan sebagai media presentasi
untuk menyamakan perspektif antara klien dengan desainer.
4. Memudahkan Stakeholder Mockup merupakan cara sederhana
stakeholder alias pemangku kepentingan dapat melihat dan memahami
produk final yang akan dibuat. Cara ini memudahkan mereka dalam
memberikan kritik mengenai desain tersebut sebelum proses akhir
dilakukan.
5. Hemat Anggaran Revisi yang dilakukan dalam tahap mockup tentu akan
lebih menghemat anggaran ketimbang perbaikan yang dilakukan setelah
tahap finalisasi atau ketika produk sudah selesai dibuat.

Berikut adalah hasil mockup dari aplikasi Digital checksheet :

14
v

Gambar 11. Mockup splash screen Gambar 12. Mockup halaman login

15
v

Gambar 13. Mockup pilih alat Gambar 14. Input data

Gambar 15. Mockup pilih area Gambar 16. Mockup pilih area

16
v

Gambar 17. Mockup checksheet Gambar 18. Mockup note

Gambar 19. Mockup bukti foto Gambar 20. Selesai submit

17
v

Gambar 21. Tampilan Riwayat Gambar 22. Detail Riwayat

Gambar 23. Tampilan setting Gambar 24. Detail setting

D. Prototype

Prototype bertujuan untuk mempermudah klien jika hendak melakukan

modifikasi terhadap hasil akhir produk yang diinginkan. Secara umum,prototype
bertujuan untuk memberikan spesifikasi system kerja yang tidak hanya bersifat
teoretis tetapi juga praktik nyata. Proses pembuatan prototype menjadi suatu
langkah formalisasi dan dapat berfungsi sebagai evaluasi ide.

Prototype tampilan sistem merupakan gambaran sistem yang akan

dikembangkan, gambaran sistem tersebut terbagi kedalam beberapa bagian
seperti form login, tampilan beranda, tampilan Pencarian data dan tampila
tambah data. Adapun rancangan nya dapat dilihat dibawah ini:

1. Prototype Form Login Sebelum masuk ke dalam menu utama, pengguna

terlebih dahulu harus mengisi form login. Menu ini akan meminta
Username dan Password sebelum masuk ke sistem.
2. Prototype Tampilan Beranda. Halaman beranda merupakan halaman pertama
yang akan muncul setelah berhasil login dan disini pekerja dapat memilih alat

18
v

berat yang akan di cek kondisinya.

3. Prototype Input data. Pada halaman ini pekerja akan memasukan nama
kapal,jam,tanggal dan shift yang datanya akan digunakan untuk masuk ke
halaman berikutnya
4. Prototype Area adalah halaman selanjutnya setelah memasukan data. Pada
halaman ini pekerja akan memilih Area yang akan di cek kondisinya secara
manual.
5. Prototype Sub area adalah halaman selanjutnya setelah masuk dari halaman area.
Pada halaman ini pekerja diminta untuk memilih daerah yang lebih rinci untuk di
cek karena alat berat mempunyai banyak sekali bagian.
6. Prototype Checksheet. Di halaman ini pekerja akan diberi daftar-daftar dari sub
area yang akan dicek kondisinya yang nantinya apabila kondisi sub arenya sesuai
dengan standart akan dipilih ya dan jika tidak memenuhi standart akan dipilih
tidak dan akan diberi NOTE dan bukti foto yang akan langsung mengakses
kamera
7. Prototype Done. Setelah selesai mengecek kondisi alat yang sudah dipilih akan
muncul animasi bertuliskan SELESAI dan pekerja akan diarahkan Kembali ke
halaman beranda
8. Prototype Riwayat. Untuk alat yang telah dicek akan masuk ke bagian Riwayat
dan untuk detailnya bisa dilihat setelah mengeklik Riwayat yang akan dilihat

III.3 Pencapaikan Hasil Project

Selama mengikuti program magang merdeka yang diselenggarakan oleh

Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi Republik Indonesia di
PT.Petrokimia Gresik para peserta tidak hanya mengerjakan tugas dari Departemen
masing masing,tetapi juga mendapatkan tugas dari Departemen Pengembangan
Sumber Daya Manusia PT.Petromikia Gresik

Pada tanggal 20 Juni 2022 adalah sidang akhir magang yang diadakan
PT.Petrokimia Gresik dimana setiap peserta akan mempresentasikan project dari
mentor masing masing. Didalam sidang akhir PT.Petrokimia Gresik akan
mengundang PIC kampus sebagai pengawas sidang. Tidak hanya PIC kampus,
PT.Petromia Gresik juga mengundang mentor masing-masing peserta sebagai
pengawas sidang. Dan untuk penguji sidang sudah dihadirkan dari pihak Departemen
Pengembangan Sumber Daya Manusia PT.Petrokimia Gresik

Tidak banyak ilmu sewaktu kuliah yang bisa diterapkan disini. Semua yang
dipelajari saat kuliah hanyalah merupakan dasar, namun dasar yang ada memang
sangat diperlukan untuk bisa memahami dan mengembangkan ilmu seperti di dunia
kerja. Maka dengan Kerja Praktek ini kita mendapatkan beberapa ilmu seperti:

1. Memberi wawasan kepada mahasiswa tentang dunia kerja yang

sebenarnya.
2. Menambah pengalaman dan pelatihan kerja serta daya analis mahasiswa
dalam penerapan ilmu dan teknologi khususnya di bidang Informatika.
3. Menjalin hubungan dan kerjasama dengan instansi atau lembaga terkait,
baik dalam bidang penelitian maupun ketenagakerjaan.
4. Membuat Mahasiswa bisa belajar percaya diri akan keputusan yang
diambil saat bekerja di kantor.
5. Menambah ilmu baru tentang alat, program dan bahasa yang berbeda saat

19
v

berada di dunia kerja

Bab IV
PENUTUP

IV.1 Kesimpulan

Kegiatan magang di PT.Petrokimia Gresik melalui kampus merdeka

berlangsung selama kurang lebih 5 bulan,terhitung sejak 14 Februari 2022 sampai
dengan 14 Juli 2022. Dalam kegiatan ini sebanyak 5 peserta dari Departemen
Pengelolaan Pelabuhan dari berbagai kampus di Jawa Timur menjadi satu divisi yaitu
Port design,Plannign and Control. Divisi Port Design terbagi menjadi 2 jurusan yaitu
jurusan Teknik Informatika dan Teknik Industri, Teknik Industri berfokus kepada
proses bongkar muat yang ada dipelabuhan. Sedangkan Teknik Informatika berfokus
pada aplikasi Petroport.
Meskipun melalui banyak tekanan dan hambatan, melalui kegiatan magang ini
peserta mendapatkan banyak ilmu serta pengalaman berharga yang pastinya tidak
dapat didapatkan melalui kegiatan perkuliahan. Melalui kegiatan ini pula, kami dapat
meningkatkan kompetensi kami tidak hanya di bidang akademik, namun juga dalam
bidang non-akademik serta dapat mendukung program pemerintah, yaitu “Merdeka
Belajar” yang dapat diartikan pula, bahwa mahasiswa juga dapat mendapatkan ilmu
dari berbagai kegiatan bermanfaat lain, tidak hanya dari kegiatan perkuliahan pada
umumnya. Berdasarkan uraian di atas, maka dapat disimpulkan bahwa kegiatan
magang di PT.Petrokimia Gresik ini telah terlaksana dengan baik.

IV.2 SARAN

A. Saran kepada mahasiswa program magang selanjutnya

Mengikuti program magang di tengah kesibukan kuliah memang
merupakan suatu tantangan dan harus dipertimbangkan dengan baik,
meskipun demikian manfaat yang dapat diambil dari kegiatan tersebut lebih
banyak apabila dibandingkan dengan usaha serta hambatan yang dilalui.
Namun apabila, mahasiswa ingin mengikuti kegiatan ini, alangkah 17 lebih
baik apabila dapat melakukan persiapan yang baik dengan membekali diri
terlebih dahulu dengan ilmu dan kemampuan dasar terlebih dahulu, sehingga
tidak mengalami kesusahan dalam beradaptasi dengan lingkungan kerja.
Selain itu, selama pelaksanaan kegiatan, diharapkan mahasiswa dapat selalu
menjaga komunikasi dan hubungan dengan pihakpihak terkait, seperti
dengan dosen pembimbing, pejabat jurusan, dosen pengampu mata kuliah,
teman sekelas, pihak perusahaan, hingga rekan kerja agar kegiatan dapat
berlangsung secara lancar.

B. Saran kepada PT.Petrokimia Gresik

Sebagai tuan rumah dalam kegiatan ini, diharapkan pihak perusahaan

20
v

dapat senantiasa menjaga komunikasi sehingga meminimalisir terjadinya

miskomunikasi di kemudian hari yang akan berdampak pula terhadap
keberhasilan kegiatan magang.

21
v

Refrensi

1. https://sikarsa.um.ac.id/uploads/data_akhir/
akhir_5yauK2502221988031920140334_1645765826.pdf
2. https://informatika.untag-sby.ac.id/backend/uploads/pdf/
Amelia_Nuraini_1461700100.pdf
3. https://openlibrarypublications.telkomuniversity.ac.id/index.php/
appliedscience/article/viewFile/13706/13448
4. https://openlibrarypublications.telkomuniversity.ac.id/index.php/
appliedscience/article/viewFile/13707/13449
5. http://repo.darmajaya.ac.id/6171/1/LAPORAN%20MAGANG
%20LIA%20AGUSTINA%20SIHITE.pdf
6. https://kc.umn.ac.id/13042/1/HALAMAN_AWAL.pdf
7. http://e-journal.uajy.ac.id/19721/1/TIF_08057.pdf
8. http://eprints.polbeng.ac.id/530/4/4.%20KP-6304171071-Full
%20Text.pdf
9. https://docplayer.info/52043853-Bab-v-pelaksanaan-pekerjaan-
tahap-pelaksanaan-pekerjaan-adalah-tahapan-dimana-suatu-
kegiatan-yang.html
10.https://mirhanmorowaliutara.com/2020/06/03/metode-pelaksanaan-
pekerjaan/#:~:text=Metode%20Pelaksanaan%20Pekerjaan
%20adalah%20metode,yang%20dapat%20dipertanggungjawabkan
%20secara%20teknis.
11.http://repo.darmajaya.ac.id/6171/1/LAPORAN%20MAGANG
%20LIA%20AGUSTINA%20SIHITE.pdf
12.https://repository.atmaluhur.ac.id/handle/123456789/4151

ix
v

Lampiran A. TOR

Lampiran 1. Timeline pembuatan UI desian Digital checksheet

Lampiran 2. Project kantor candal pelabuhan

x
v

Lampiran 3. Master table Digital checksheet

xi