LAPORAN PRAKTIK KERJA LAPANGAN /

KERJA PRAKTIK
ALTERRA ACADEMY (PT. MARKA KREASI PERSADA)
WEBSITE PENGADUAN CYBER BULLYING
(SANCYBU)

Laporan Praktik Kerja Lapangan / Kerja Praktik disusun guna

memenuhi syarat kewajiban Praktik Kerja Lapangan

MUHAMMAD IQBAL AINU RAFIE

19102159

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS INFORMATIKA

INSTITUT TEKNOLOGI TELKOM PURWOKERTO

2022
 LAPORAN PRAKTIK KERJA LAPANGAN /
KERJA PRAKTIK
ALTERRA ACADEMY (PT. MARKA KREASI PERSADA)
WEBSITE PENGADUAN CYBER BULLYING
(SANCYBU)

Laporan Praktik Kerja Lapangan / Kerja Praktik disusun guna

memenuhi syarat kewajiban Praktik Kerja Lapangan

MUHAMMAD IQBAL AINU RAFIE

19102159

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS INFORMATIKA

INSTITUT TEKNOLOGI TELKOM PURWOKERTO

2022

ii
HALAMAN PENGESAHAN

3
 KATA PENGANTAR
Puji dan syukur saya panjatkan ke-Hadirat Allah SWT, yang selalu memberikan
Rahmat dan hidayahnya sehingga penulis dapat menyelesaikan Laporan Akhir MSIB mengenai
Everything Understand About VueJs “Website Pengaduan Cyber Bullying (SANCYBU)”
Dengan sebaik mungkin.

Saya menyadari bahwa dalam penyusunan laporan ini masih banyak kekurangan. Oleh
karena itu saran dan kritiknya begitu diharapkan oleh penulis dalam penulisan laporan
berikutnya.

Terimakasih Kepada:

1. Bapak Dr. Arfianto Fahmi, S.T., M.T., IPM selaku Rektor Institut Teknologi Telkom
Purwokerto.
2. Ibu Amalia Beladinna Arifa, S.Pd., M.Cs selaku Kepala Program Studi S1 Informatika
Institut Teknologi Telkom Purwokerto.
3. Dasril Aldo, S.Kom., M.Kom selaku Pembimbing Program MSIB.
4. Coach Moh Aufal Marom Arrozi selaku homeroom coach dan pembimbing yang telah
memberikan pengetahuan, wawasan, dan arahan selama pelaksanaan program
berlangsung.
5. Orang tua yang telah memberikan dukungan dan do’a untuk penulis pada saat
pengerjaan laporan.

4
 DAFTAR ISI

LAPORAN PRAKTIK KERJA LAPANGAN / KERJA PRAKTIK ........................................... ii

HALAMAN PENGESAHAN ................................................................................. 3
KATA PENGANTAR ............................................................................................. 4
DAFTAR ISI ........................................................................................................... 5
DAFTAR GAMBAR ............................................................................................... 7
DAFTAR LAMPIRAN............................................................................................ 8
ABSTRAK ................................................... Kesalahan! Bookmark tidak ditentukan.
ABSTRACT ................................................. Kesalahan! Bookmark tidak ditentukan.
BAB I........................................................ Kesalahan! Bookmark tidak ditentukan.
PENDAHULUAN .................................... Kesalahan! Bookmark tidak ditentukan.
1.1 Latar Belakang ...................... Kesalahan! Bookmark tidak ditentukan.
1.2 Tujuan .................................... Kesalahan! Bookmark tidak ditentukan.
1.2.1 Tujuan Pelaksanaan PKL/KPKesalahan! Bookmark tidak ditentukan.
1.2.2 Tujuan Program ................ Kesalahan! Bookmark tidak ditentukan.
1.3 Sistematika Penulisan ........... Kesalahan! Bookmark tidak ditentukan.
BAB II ...................................................... Kesalahan! Bookmark tidak ditentukan.
LANDASAN TEORI................................ Kesalahan! Bookmark tidak ditentukan.
2.1 Version Control and Branch Management (Git)Kesalahan! Bookmark tidak ditentukan.
2.1.1 Versionning ........................ Kesalahan! Bookmark tidak ditentukan.
2.2 UI/UX...................................... Kesalahan! Bookmark tidak ditentukan.
2.2.1 User Experience (UX) ........ Kesalahan! Bookmark tidak ditentukan.
2.2.2 User Interface (UI) ............. Kesalahan! Bookmark tidak ditentukan.
2.2.3 Prototype ............................. Kesalahan! Bookmark tidak ditentukan.
2.3 Figma ...................................... Kesalahan! Bookmark tidak ditentukan.
2.4 Node.JS ................................... Kesalahan! Bookmark tidak ditentukan.
2.5 Vue Js ...................................... Kesalahan! Bookmark tidak ditentukan.
2.6 Bootstrap ................................. Kesalahan! Bookmark tidak ditentukan.
2.7 Bootstrap-Vue ......................... Kesalahan! Bookmark tidak ditentukan.
2.8 MySQL ................................... Kesalahan! Bookmark tidak ditentukan.
BAB III ..................................................... Kesalahan! Bookmark tidak ditentukan.
TINJAUAN UMUM ................................. Kesalahan! Bookmark tidak ditentukan.
3.1 Profil Perusahaan .................. Kesalahan! Bookmark tidak ditentukan.
3.1.1 Struktur Organisasi Alterra AcademyKesalahan! Bookmark tidak ditentukan.

5
 3.2 Visi dan Misi Alterra AcademyKesalahan! Bookmark tidak ditentukan.
3.2.1 Visi Alterra Academy ....... Kesalahan! Bookmark tidak ditentukan.
3.2.2 Misi Alterra Academy....... Kesalahan! Bookmark tidak ditentukan.
BAB IV ..................................................... Kesalahan! Bookmark tidak ditentukan.
PEMBAHASAN DAN HASIL................. Kesalahan! Bookmark tidak ditentukan.
4.1 Pembahasan ........................... Kesalahan! Bookmark tidak ditentukan.
4.2 Hasil ........................................ Kesalahan! Bookmark tidak ditentukan.
1. UI/UX Design ......................... Kesalahan! Bookmark tidak ditentukan.
2. Website Pengaduan Cyber Bullying (SANCYBU)Kesalahan! Bookmark tidak
ditentukan.
3. Pengolahan Database ............. Kesalahan! Bookmark tidak ditentukan.
BAB V ...................................................... Kesalahan! Bookmark tidak ditentukan.
PENUTUP ................................................ Kesalahan! Bookmark tidak ditentukan.
DAFTAR PUSTAKA ..................................... Kesalahan! Bookmark tidak ditentukan.
LAMPIRAN ............................................. Kesalahan! Bookmark tidak ditentukan.
A. LOA............................................. Kesalahan! Bookmark tidak ditentukan.
B. Sertifikat ..................................... Kesalahan! Bookmark tidak ditentukan.

6
 DAFTAR GAMBAR

Gambar 2. 1 Remote Computer/Server .... Kesalahan! Bookmark tidak ditentukan.

Gambar 2. 2 Emphatize............................. Kesalahan! Bookmark tidak ditentukan.
Gambar 2. 3 Usability Testing ................... Kesalahan! Bookmark tidak ditentukan.
Gambar 2. 4 Prioristing Pain Points ......... Kesalahan! Bookmark tidak ditentukan.
Gambar 2. 5 Task Flow .............................. Kesalahan! Bookmark tidak ditentukan.
Gambar 2. 6 Wireflow............................... Kesalahan! Bookmark tidak ditentukan.
Gambar 2. 7 Consistency .......................... Kesalahan! Bookmark tidak ditentukan.
Gambar 2. 8 Keep the interface simple .... Kesalahan! Bookmark tidak ditentukan.
Gambar 2. 9 Good Typoghraphy ............... Kesalahan! Bookmark tidak ditentukan.
Gambar 2. 10 Offer Informative Feedback Kesalahan! Bookmark tidak ditentukan.
Gambar 3. 1 Logo Alterra Academy .......... Kesalahan! Bookmark tidak ditentukan.
Gambar 3. 2 Struktur Organisasi Alterra AcademyKesalahan! Bookmark tidak ditentukan.
Gambar 4. 1 Deign Halaman Landing PageKesalahan! Bookmark tidak ditentukan.
Gambar 4. 2 Design Halaman Login .......... Kesalahan! Bookmark tidak ditentukan.
Gambar 4. 3 Design Form ......................... Kesalahan! Bookmark tidak ditentukan.
Gambar 4. 4 Design History ...................... Kesalahan! Bookmark tidak ditentukan.
Gambar 4. 5 Tampilan Halaman Landing PageKesalahan! Bookmark tidak ditentukan.
Gambar 4. 6 Tampilan Halaman Login ...... Kesalahan! Bookmark tidak ditentukan.
Gambar 4. 7 Fitur Halaman Form ............. Kesalahan! Bookmark tidak ditentukan.
Gambar 4. 8 Tampilan Halaman PemesananKesalahan! Bookmark tidak ditentukan.
Gambar 4. 9 Tampilan halaman History ... Kesalahan! Bookmark tidak ditentukan.
Gambar 4. 10 phpMyadmin ...................... Kesalahan! Bookmark tidak ditentukan.

7
 DAFTAR LAMPIRAN
Lampiran 1 LOA ........................................ Kesalahan! Bookmark tidak ditentukan.
Lampiran 2 Sertifikat ................................ Kesalahan! Bookmark tidak ditentukan.