LAPORAN AKHIR

MAGANG & STUDI INDEPENDEN BERSERTIFIKAT

PENGEMBANG FRONT-END WEB DAN BACK-END

Di PT Presentologics

Diajukan untuk memenuhi persyaratan kelulusan

Program MSIB MBKM

oleh :

IDA BAGUS BAYU MAHAYANA

1901010133

ILMU KOMPUTER
UNIVERSITAS BUMIGORA

2022
1
 Lembar Pengesahan

STUDI INDEPENDEN PENGEMBANG FRONT-END DAN BACK-END

Di PT Presentologics

oleh :
IDA BAGUS BAYU MAHAYANA
1901010133

disetujui dan disahkan sebagai

Laporan Studi Independen Bersertifikat Kampus Merdeka

Bandung, 2 Juli 2022

Senior Education Program Manager

Adrianus Yoza Aprilio

ID. 01032015004

2
 Abstraksi

Pulau Lombok berada di dalam kepulauan Sunda Kecil atau Nusa Tenggara
yang terpisahkan oleh Selat Lombok dari Bali di sebelah barat dan Selat
Alas di sebelah timur dari Sumbawa. Lombok dikenal dengan pesona
keindahan alamnya yang menakjubkan dan memanjakan mata bagi para
wisatawan lokal maupun mancanegara. Akan tetapi, masih belum banyak
yang mengetahui keindahan lainnya dari pulau lombok. Karena hal itulah,
tim kami ingin membuat sebuah website bernama Beauty of Lombok yang
diharapkan dapat memberi informasi yang lebih detail keindahan yang
dimiliki oleh pulau lombok..

Kata kunci: Pulau Lombok,Wisata, website

3
 Kata Pengantar

Puji syukur saya panjatkan kehadirat Tuhan Yang Maha Esa yang telah
menganugerahkan banyak nikmat sehingga saya dapat menyusun
laporan akhir Magang & Studi Independen Bersertifikat ini dengan baik.
Dalam penyusunan laporan ini, saya menyadari bahwa hasil laporan ini
masih jauh dari kata sempurna.

Sehingga kami selaku penyusun sangat mengharapkan kritik dan saran

yang membangun dari pembaca sekalian. Akhir kata Semoga laporan
praktikum ini dapat memberikan manfaat untuk kelompok kami
khususnya, dan masyarakat Indonesia umumnya.

Mataram, 23 Juli 2022

IDA BAGUS BAYU MAHAYANA

4
 Daftar Isi
Lembar Pengesahan Program Studi Teknik Informatika i
Lembar Pengesahan ii
Abstraksi iii
Kata Pengantar iv
Daftar Isi v
<Daftar lain-lain> vii
Bab I Pendahuluan I-8
I.1 Latar belakang I-8
I.2 Lingkup I-8
I.3 Tujuan I-8
Bab II Organisasi atau Lingkungan MSIB II-1
II.1 Struktur Organisasi II-1
II.2 Lingkup Project II-1
II.3 Deskripsi Project II-1
II.4 Jadwal MSIB (Project dan pembelajaran) II-1
Bab III Pengembangan Aplikasi III-1
III.1 Beauty Of Lombok III-1
III.2 Progress Belajar III-1
III.3 Pencapaian III-1
Bab IV Penutup IV-1
IV.1 Kesimpulan IV-1
IV.2 Saran IV-1
Referensi viii
Lampiran A. TOR A-1
Lampiran B. Log Activity B-1
Lampiran C. Dokumen Teknik C-1

5
 6

Bab I Pendahuluan

I.1 Latar belakang

Saat ini kita tengah menghadapi Revolusi Industri 4.0 yang serba digital.
Seluruh aspek kehidupan manusia telah dibantu atau digantikan oleh
hadirnya teknologi. Salah satu yang berperan penting dalam kehidupan
yang serba digital ini adalah para pengembang aplikasi. Sumber daya
manusia ini sangat dibutuhkan untuk mengakselerasi Indonesia menuju
dunia digital.

Untuk mendukung transformasi digital dan pertumbuhan ekonomi di

Indonesia. Salah satu tantangan terbesar bagi seluruh talenta yang
berkecimpung di dunia teknologi adalah materi pembelajaran berstandar
tinggi yang sesuai dengan standar Industri. Untuk itu, Dicoding bersama
perusahaan teknologi bekerja sama untuk menghadirkan materi
pembelajaran berkualitas tinggi yang sesuai dengan standar Industri
melalui platform Dicoding Academy.

Studi Independen Bersertifikat Pengembang Front-End Web dan

Back-End ini diajukan untuk menghasilkan talenta berstandar tinggi yang
sesuai dengan standar Industri di bidang pengembangan Front-End Web
dan Back-End. Proses pembelajaran yang dilakukan adalah online learning,
dimana peserta harus mengimplementasikan materi yang diperolehnya
secara langsung melalui project dan tugas-tugas yang harus diselesaikan
untuk menyelesaikan setiap materinya.

Materi diberikan secara asynchronous (online melalui modul belajar di

Dicoding Academy) dan akan di-review setiap interval waktu tertentu oleh
pembimbing non-akademik dan expert. Selain project dan tugas, pemberian
materi juga akan dilengkapi dengan kuis dan atau ujian pilihan ganda untuk
memastikan pemahaman peserta.
 7

Selain hard skill di bidang pengembangan Front-End Web dan Back-End,

soft skill juga menjadi target kompetensi peserta studi independen yaitu
untuk penyiapan karir sebagai developer, termasuk namun tidak terbatas
pada self-branding, problem solving, design thinking, serta kolaborasi.

Studi independen akan ditutup dengan project akhir, dimana peserta akan
bekerja dalam kelompok dan mengembangkan solusi berbasis Front-End
Web dan Back-End.

I.2 Lingkup
Aktivitas Studi Independen Pengembang Front-End Web dan Back-End
meliputi pembelajaran individu dan project akhir dalam bentuk tim. Pada
pembelajaran individu, setiap peserta akan mengikuti kelas dalam bentuk
asynchronous (online melalui modul belajar di Dicoding Academy) dimana
peserta dapat berkonsultasi dengan expert terkait materi yang
dipelajarinya melalui forum diskusi.

I.3 Tujuan
Studi Independen Bersertifikat ini bertujuan untuk menghasilkan talenta
berstandar tinggi yang sesuai dengan standar Industri. Proses
pembelajaran yang dilakukan adalah online learning, dimana peserta
harus mengimplementasikan materi yang diperolehnya secara langsung
melalui project dan tugas-tugas yang harus diselesaikan untuk
menyelesaikan setiap materinya.
 Bab II Lingkungan Organisasi PT Presentologics

II.1 Struktur Organisasi

Dicoding secara resmi diluncurkan tanggal 5 Januari 2015 untuk
menjembatani developer Indonesia dengan kebutuhan dan permintaan
pasar yang semakin kompetitif. Dicoding hadir sebagai platform
pendidikan teknologi yang membantu menghasilkan talenta digital
berstandar global. Semua demi mengakselerasi Indonesia agar menjadi
yang terdepan.

Saat ini, lebih dari 470 ribu developer dan calon developer telah tergabung
di Dicoding. 290 ribu individu pembelajar telah dan sedang terdaftar dalam
lebih dari 80 kelas yang disediakan oleh Dicoding.

Saat ini, Dicoding bermitra dengan perusahaan teknologi kelas dunia.

Dicoding juga merupakan Google Authorized Training Partner dan
memiliki komitmen kemitraan dengan pemilik teknologi, perusahaan
multinasional, Kementerian/Lembaga Pemerintahan, serta perusahaan
dengan skala nasional. Dicoding juga adalah mitra penyelenggara
Bangkit, Indosat Ooredoo Digital Camp, Lintasarta Digischool, Baparekraf
Digital Talent, dan Cloud and Back-End Developer Scholarship Program
with content from AWS pada tahun 2021.

Adapun struktur organisasi merupakan sebuah garis penugasan formal

yang menunjukkan alur tugas dan tanggung jawab setiap anggota
perusahaan, perusahaan serta hubungan antar pihak dalam organisasi
yang bekerja sama untuk mencapai suatu tujuan organisasi. Struktur
organisasi dari PT Presentologics.

1
 2

II.2 Lingkup Pekerjaan

Aktivitas Studi Independen Pengembang Front-End Web dan Back-End
pelajaran nya meliputi pembelajaran individu yang menuntut mahasiswa
menjadi lebih mandiri, dam projek akhir dalam bentuk tim yang dapat
mengajari mahasiswa bagaimana cara bekerja tim dengan baik. Kami juga
dituntut untuk menjadi lebih baik dan bertanggung jawab dengan
tugas-tugas yang diberikan.

II.3 Deskripsi Pekerjaan

Aktivitas Studi Independen Pengembang Front-End Web dan Back-End
meliputi pembelajaran individu dan project akhir dalam bentuk tim. Pada
pembelajaran individu, setiap peserta akan mengikuti kelas dalam bentuk
asynchronous (online melalui modul belajar di Dicoding Academy) dimana
peserta dapat berkonsultasi dengan expert terkait materi yang
dipelajarinya melalui forum diskusi.

Selain itu, setiap peserta akan memiliki pembimbing sebagai tempat

konsultasi jika ditemui
 3

kesulitan non-akademik dalam mengikuti pembelajaran. Pada program

studi independen ini, terdapat dua buah learning path yang disediakan
yaitu Front-End Web dan Back-End Developer. Peserta akan memperoleh
sertifikat kompetensi di setiap kelas di dalam Learning Path Front-End
Web dan Back-End Developer jika peserta berhasil lulus dari setiap
ujian/penilaian yang diadakan untuk setiap kompetensi. Setelah mengikuti
program ini, peserta juga dipersiapkan untuk mengikuti ujian sertifikasi
global Cloud Practitioners Essentials dari AWS yang dapat diambil secara
mandiri setelah mengikuti kegiatan Studi Independen ini.

Pada project akhir, peserta akan dibagi menjadi kelompok, dimana satu
kelompok terdiri atas 4 orang dengan tema yang ditentukan oleh
masing-masing kelompok dan harus mendapatkan persetujuan dari
pembimbing atau expert.

II.4 Jadwal Kerja

Week Kegiatan

1 - Pengenalan ke Dasar Pemrograman (Selesai).

- Pengenalan ke Logika Pemrograman (Selesai).
- Belajar Dasar Git dengan Github (Selesai).
- Introduction & Consulting 1.

2 - Belajar Dasar Pemrograman Web (Pendalaman CSS - 50%).

- Belajar Dasar Pemrograman Web (Selesai - 100%).
- Reporting & Consulting 2.

3 - Belajar Membuat Front-End Web untuk Pemula (Dasar

Javascript - 43%).
- Reporting & Consulting 3.

4 - Belajar Membuat Front-End Web untuk Pemula (DOM -

63%).
- ILT 1: Front-End Dasar dan Pemula.
- Reporting & Consulting 4.

5 - Belajar Membuat Front-End Web untuk Pemula (Selesai -

100%).
- Belajar Fundamental Front-End Web Development
(ECMAScript 6 - 43%).
- Soft skill: Increasing Productivity and Personal Growth.
 4

- Reporting & Consulting 5.

6 - Belajar Fundamental Front-End Web Development (Ajax -

63%).
- Task for Increasing Productivity and Personal Growth.
- ILT 2: Front-End Fundamental.
- Reporting & Consulting 6.

7 - Belajar Fundamental Front-End Web Development (Selesai -

100%).
- Belajar Dasar AWS Cloud (Selesai).
- Belajar Dasar Pemrograman JavaScript (Fundamental
JavaScript - 33%)
- Reporting & Consulting 7.

8 - Belajar Dasar Pemrograman JavaScript (Concurrency -

63%).
- ILT 3: Back-End.
- Reporting & Consulting 8.

9 - Belajar Dasar Pemrograman JavaScript (Selesai - 100%).

- Belajar Membuat Aplikasi Back-End untuk Pemula (Deploy
Web Service - 69%).
- Soft skill: Critical Thinking.
- Reporting & Consulting 9.

10 - Belajar Membuat Aplikasi Back-End untuk Pemula (Selesai -

100%).
- Menjadi Front-End Web Developer Expert (Mobile First
Approach 33%).
- Capstone Group Forming.
- ILT 4: Back-End.
- Task for Critical Thinking.
- Reporting & Consulting 10.

11 - Menjadi Front-End Web Developer Expert (PWA - 59%)

- Reporting & Consulting 11.

12 - Menjadi Front-End Web Developer Expert (Performance -

79%).
- ILT 5: Front-End.
- Reporting & Consulting 12.

13 - Week of Idul Fitri

14 - Menjadi Front-End Web Developer Expert (Selesai - 100%).

- Proposal Submission.
- Soft Skill: Effective Communication.
- Reporting & Consulting 13.

15 - Reporting & Consulting 14.

- Task for Effective Communication.
- Working on Capstone.
 5

- Course: Meniti Karier sebagai Software Developer.

- ILT 6: Front End dan Back-End.

16 - Working on Capstone.
- Reporting & Consulting 16.

17 - Reporting & Consulting 17.

- Capstone Checkpoint.

18 - Reporting & Consulting 18.

- Soft skill: Career Preparation.
- Working on Capstone.

19 - Reporting & Consulting 19.

- Task for Career Preparation.
- Ask Us Anything (Back-End) Capstone Project.

20 - Reporting & Consulting 20.

- Capstone Submission..

21 - Final Reporting and Group Farewell.

- Capstone Judging.

22 - Final Transcript.

23 - Clarification.
 Bab III PENGEMBANG FRONT-END DAN BACK-END.

III.1 Beauty Of Lombok

Pulau Lombok berada di dalam kepulauan Sunda Kecil atau Nusa Tenggara
yang terpisahkan oleh Selat Lombok dari Bali di sebelah barat dan Selat
Alas di sebelah timur dari Sumbawa. Lombok dikenal dengan pesona
keindahan alamnya yang menakjubkan dan memanjakan mata bagi para
wisatawan lokal maupun mancanegara. Akan tetapi, masih belum banyak
yang mengetahui keindahan lainnya dari pulau lombok. Karena hal itulah,
tim kami ingin membuat sebuah website bernama Beauty of Lombok yang
diharapkan dapat memberi informasi yang lebih detail keindahan yang
dimiliki oleh pulau lombok.

III.2 Proses Belajar

Pada saat pelaksanaan projek akhir di Dicoding, kami diminta untuk

memilih salah satu tema dari tema yang sudah disediakan. Kami memilih
tema Travel and Culture. Dalam mengerjakan aplikasi ini kami selalu
berkoordinasi dengan cukup sering melalui google meet,discord untuk
membahas tentang ide aplikasi, beberapa persepsi dalam pengerjaan
capstone project serta jadwal dan pembagian tugas pengerjaan
capstone project. Dalam proses pengerjaanya sendiri kami melakukannya
dengan cukup baik dan lancar walaupun kami mempunyai kendala karena
berada dalam zona waktu yang berbeda namun tekad yang sama untuk
menyelesaikan pekerjaan di awal waktu mendorong kami untuk tetap
semangat di setiap pengerjaan project. Kami dapat menyelesaikan
pembangunan website sesuai dengan Proses pengerjaan dilakukan
selama 7 minggu dengan rincian sebagai berikut:
 Pekan pertama : menyelesaikan persiapan proyek, menyiapkan
kebutuhan dari segala fitur yang akan dirancang, dan konfigurasi
dependencies. Serta memulai merancang fitur pertama pada halaman
website

1
 Pekan kedua : website dapat menampilkan halaman utama
dan fitur utama yaitu menampilkan beberapa wisata dan budaya.
 Pekan ketiga : penyempurnaan fitur pertama dan memulai
mengerjakan fitur kedua yaitu menambahkan detail dari setiap fitur
pertama.
 Pekan keempat : menyelesaikan fitur kedua dan mulai merancang fitur
ketiga yaitu membuat halaman form untuk menambahkan rekomendasi
wisata maupun budaya
 Pekan kelima : menambahkan fitur keempat yaitu
menambahkan komentar pada setiap detail informasi dari wisata
maupun budaya.

1
 2

III.3 Pencapaian

Selama mengikuti kegiatan Magang dan Studi Independen Bersertifikat

ini, saya mendapatkan begitu banyak ilmu. Mulai dari hal-hal yang umum
seperti bagaimana cara menjadi seorang developer hingga merujuk ke
sesuatu yang teknis yaitu belajar pemrograman JavaScript, Front-End,
hingga Back-End. Kami juga telah mengerjakan capstone project ini dengan
lancar dan berkat pengerjaan capstone project tersebut, kami dapat
belajar lebih baik tentang pembangunan sebuah website yang kami buat
sendiri dari nol serta yang lebih penting adalah kami dapat belajar untuk
berkomunikasi dan berkolaborasi membangun sebuah aplikasi bersama
orang lain.
 Bab IV Penutup

Demikian laporan akhir ini saya buat dengan bersungguh-sungguh sesuai

dengan fakta yang ada di lapangan. Kurang lebihnya saya ucapkan terima
kasih kepada seluruh tim MSIB dan terutama untuk para mentor yang
sudah mendampingi kami hingga akhir program.

IV.1 Kesimpulan
Dengan adanya program Magang dan Studi Independen ini, memberikan
dampak positif bagi Mahasiswa yang ada di seluruh Indonesia yang
memiliki cita-cita memajukan bangsa indonesia. Selain itu, Dicoding juga
merupakan platform belajar teknologi yang sangat membantu para
developer-developer muda untuk membangun karir mereka di industri saat
ini.

IV.2 Saran
Untuk penyelenggara MSIB kedepannya dapat memberikan uang saku
serta dapat memperbaiki timeline pelaksanaan sesi ILT yang diberikan
agar disesuaikan dan diambil waktu pertengahan antara ketiga zona
waktu.

1
 Referensi

[1] https://jurnal.unived.ac.id/index.php/jmi/article/view/1312

8
Bab V Lampiran A. <TOR>

A- 1
Bab VI Lampiran B. Log Activity

Minggu/Tgl Kegiatan Hasil

1 sampai 4 - Konsultasi Mempelajari dasar

(07/02/2022- pemrograman web dan
- Menyelesaikan kelas
04/03/2022) Front-End.
dasar pemrograman web
dan kelas dasar Front-End

- ILT Front-End

5 sampai 10 - Konsultasi. Belajar softskill yang

(07/03/2022 – penting untuk dunia
- Soft Skill Time
15/04/2022) industri saat ini, dan
Scheduling and Critical
mempelajari
Thinking
fundamental Front-End,
- Menyelesaikan kelas dasar pemrograman
fundamental Front-End, JavaScript, serta
Pemrograman JavaScript, Back-End.
dan Back-End

- ILT Back-End

B-1
 2

11 sampai 22 - Konsultasi Mempelajari cara

(18/04/2022- berkomunikasi yang
- Capstone
29/07/2022) efektif dan personal
- SoftSkill Effective branding, serta
Communication and Career mengimplementasikan
Preparation hasil belajar untuk
memecahkan solusi
- Menyelesaikan kelas
terkait usaha online para
Front-End Expert
pelaku UMKM.

- ILT Mentoring Capstone

Bab VII Lampiran C. <Dokumen Teknik>

C-1
2
3