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 :
Muhammad Nur Ilmi / 10520040

PROGRAM STUDI SISTEM INFORMASI

UNIVERSITAS KOMPUTER INDONESIA
2023
Lembar Pengesahan Program Studi Sistem Informasi Universitas Komputer
Indonesia

Pengembang Front-End Web Dan Back-End

Di PT PRESENTOLOGICS

oleh :

Muhammad Nur Ilmi / 10520040

disetujui dan disahkan sebagai

Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Bandung, 20 Juni 2023

Pembimbing Studi Independen Program Studi Sistem Informasi Universitas
Komputer Indonesia

Dr. Wartika, S.Kom., M.T.

NIP: 41277026002

i
 Lembar Pengesahan

Pengembang Front-End Web Dan Back-End

Di PT PRESENTOLOGICS

oleh :

Muhammad Nur Ilmi / 10520040

disetujui dan disahkan sebagai

Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Bandung, 20 Juni 2023

Senior Education Program Manager
Dicoding Indonesia

Adrianus Yoza Aprilio

NIP. 01032015004

ii
 Abstraksi

Program Studi Independent Bersertifikat merupakan bagian dari Kampus

Merdeka yang bertujuan untuk menjamin bahwa mahasiswa memiliki
keterampilan terbaik, terkini, dan terdepan dalam menghadapi masa depan.
Mahasiswa memiliki kesempatan untuk berkolaborasi dengan para ahli dan
mengalami sendiri suasana di lingkungan kerja yang sesungguhnya. Program ini
dikhususkan untuk mahasiswa semester 5 keatas dari seluruh indonesia dengan
beberapa keuntungan salah satunya adalah mendapatkan konversi sampai dengan
20 SKS.
Dicoding Indonesia (PT Presentologics) adalah suatu wadah yang
diperuntukkan bagi para developer Indonesia guna meningkatkan pengetahuan,
menciptakan karya digital, mendapatkan pengakuan industri terhadap karya yang
dihasilkan, dan mencari peluang kerja di perusahaan-perusahaan mitra. Pada
kegiatan SIB Batch 4 ini, Dicoding hanya membuka jurusan pembelajaran dengan
tema Pengembang Front-End Web Dan Back-End. Kegiatan yang dilakukan selain
sistem pembelajaran modul yang harus diselesai, ada juga beberapa kegiatan
lainnya seperti ILT Tech, ILT SoftSkills, dan juga konsultasi mingguan. Selain itu
ada juga tugas project akhir yang harus diselesaikan peserta dimana para peserta
membuat sebuah kelompok 3 - 4 orang untuk bekerja sama membuat sebuah
website sesuai dengan tema yang disediakan.

iii
 Kata Pengantar

Assalamualaikum Wr. Wb.

Bismillah, segala puji dan syukur bagi ALLAH SWT. atas kenikmatan dan
keberkahan sehingga saya bisa mengikuti dan dapat menyelesaikan program Studi
Independent Bersertifikat Batch IV di Dicoding Indonesia dengan baik dari awal
hingga selesai.
Laporan akhir ini disusun untuk memenuhi syarat kelulusan dari program
Studi Independent Bersertifikat dari Kampus Merdeka ini yang berlangsung
selama kurang lebih empat bulan atau satu semester ini. Tak lupa juga saya
ucapkan juga terima kasih yang sebesar besarnya atas support, bimbingan dan
kerja samanya dari berbagai pihak. Oleh karena itu saya ucapkan terimakasih
kepada :
1. Orang tua yang selalu mendukung saya untuk terus maju dan berkembang
agar kelak menjadi orang yang sukses.
2. Ibu Kaprodi yaitu Dr. Wartika, S.Kom., M.T. yang telah memberikan izin
dan rekomendasi untuk mengikuti kegiatan ini.
3. Mentor saya selama mengikuti kegiatan ini yaitu Kak Fauzi Kurniawan
yang selalu membantu jika ada kesulitan.
4. Rekan rekan saya selama mengikuti kegiatan, khususnya rekan pada kelas
F-03 atas kerjasamanya.
5. Rekan kampus Universitas Komputer Indonesia yang telah mendukung
dan merekomendasikan kegiatan ini.
6. Panitia Dicoding SIB Dicoding Cycle IV Tahun 2023 yang telah
menyelenggarakan kegiatan ini, sehingga dapat berlangsung dengan baik.
Saya menyadari bahwa saya masih jauh dari kata sempurna dalam
mengikuti program kegiatan ini. Oleh karena itu, kritik dan saran yang
membangun akan saya nantikan demi kedepannya bisa lebih baik lagi.

Wassalamualaikum Wr. Wb.

iv
 Daftar Isi
Lembar Pengesahan Program Studi Sistem Informasi i
Lembar Pengesahan ii
Abstraksi iii
Kata Pengantar iv
Daftar Isi v
Daftar lain-lain vi
Bab I Pendahuluan 1
I.1 Latar Belakang 1
I.2 Lingkup 2
I.3 Tujuan 2
Bab II Lingkungan Organisasi Dicoding Indonesia 3
II.1 Struktur Organisasi 3
II.2 Lingkup Pekerjaan 4
II.3 Deskripsi Pekerjaan 5
II.4 Jadwal MSIB 6
Bab III Pengembang Front-End Web Dan Back-End 9
III.1 Kegiatan Pembelajaran 9
III.2 Proses Pembelajaran 9
III.3 Pencapaian Pembelajaran 16
Bab IV Penutup 18
IV.1 Kesimpulan 18
IV.2 Saran 18
Referensi 19
Bab V Lampiran A. TOR A-1
V.1 Kurikulum dan Tatap Muka A-1
V.2 Periode Program A-3
Bab VI Lampiran B. Log Activity B-1
Bab VII Lampiran C. Dokumen Teknik C-1

v
 Daftar lain-lain

Gambar 1 - Struktur Organisasi 4

Tabel 1 - Jadwal MSIB 8
Gambar 2 - Periode Program A-4
Tabel 2 - Log Activity B-3
Gambar 3 - Submission Belajar Dasar Pemrograman Web C-1
Gambar 4 - Submission Belajar Membuat Front – End Web untuk Pemula C-1
Gambar 5 - Submission Belajar Fundamental Front – End Web Developer C-2
Gambar 6 - Submission Katalog Restoran C-2
Gambar 7 - Submission Katalog Restoran + PWA C-3
Gambar 8 - Submission Katalog Restoran PWA + Testing C-3
Gambar 9 - Submission Bookshelf API C-4
Gambar 10 - Submission Project Capstone Gizi Plus C-4

vi
 Bab I Pendahuluan
I.1 Latar Belakang

Di era Revolusi Industri 4.0 yang penuh dengan kemajuan digital, kita
sedang menghadapi perubahan besar. Teknologi telah membantu atau bahkan
menggantikan hampir semua aspek kehidupan manusia. Dalam konteks ini, peran
pengembang aplikasi menjadi sangat krusial. Sumber daya manusia yang terampil
ini memiliki peran penting dalam mempercepat transformasi digital Indonesia.

Tantangan utama bagi para profesional di bidang teknologi adalah akses ke

materi pembelajaran yang berkualitas dan sesuai dengan kebutuhan industri.
Dicoding bekerja sama dengan perusahaan-perusahaan teknologi untuk
menyediakan materi pembelajaran yang berkualitas tinggi dan sesuai dengan
standar industri melalui platform Dicoding Academy.

Program Studi Independen Bersertifikat dalam Pengembangan Front-End

Web dan Back-End dirancang dengan tujuan menghasilkan para profesional yang
berkualitas dan sesuai dengan standar industri dalam bidang pengembangan front-
end web dan back-end. Metode pembelajaran yang digunakan adalah
pembelajaran daring, di mana peserta akan menerapkan langsung materi yang
mereka pelajari melalui proyek dan tugas yang harus diselesaikan dalam setiap
modul.

Materi disampaikan secara asynchronous melalui modul pembelajaran di

Dicoding Academy, dan akan direview secara berkala oleh pembimbing yang
bukan berasal dari lingkungan akademik dan para ahli. Selain proyek dan tugas,
materi juga akan disertai dengan kuis dan ujian pilihan ganda untuk memastikan
pemahaman peserta.

Selain keterampilan teknis dalam pengembangan front-end web dan back-

end, kompetensi dalam soft skill juga menjadi fokus bagi peserta studiindependen
ini dalam mempersiapkan karir sebagai pengembang. Soft skill

1
 2

tersebut meliputi, namun tidak terbatas pada, self-branding, problem solving,

design thinking, dan kolaborasi.

Studi independen akan mengakhiri dengan proyek akhir, di mana peserta

akan bekerja secara kolaboratif dalam kelompok untuk mengembangkan solusi
menggunakan teknologi front-end web dan back-end.

I.2 Lingkup

Dalam Studi Independen Pengembang Front-End Web dan Back-End,

terdapat dua jenis kegiatan yaitu pembelajaran individu dan proyek akhir
berkelompok. Dalam pembelajaran individu, setiap peserta akan mengikuti kelas
secara asynchronous (online melalui modul belajar di Dicoding Academy) dan
memiliki kesempatan untuk berkonsultasi dengan para ahli terkait materi yang
dipelajarinya melalui forum diskusi.

I.3 Tujuan

Program Studi Independen Bersertifikat bertujuan untuk menciptakan

individu yang memiliki kompetensi tinggi sesuai dengan standar industri. Proses
pembelajaran dilakukan secara daring, di mana peserta harus menerapkan materi
yang mereka pelajari melalui proyek dan tugas yang harus diselesaikan untuk
menyelesaikan setiap modul.
 Bab II Lingkungan Organisasi Dicoding Indonesia

II.1 Struktur Organisasi

Pada tanggal 5 Januari 2015, Dicoding resmi diluncurkan dengan tujuan

untuk menghubungkan pengembang Indonesia dengan kebutuhan dan persaingan
pasar yang semakin ketat. Dicoding hadir sebagai platform pendidikan teknologi
yang bertujuan untuk menciptakan individu dengan kompetensi digital yang
berkualitas global. Semua ini dilakukan untuk mempercepat kemajuan Indonesia
agar menjadi yang terdepan.

Hingga saat ini, lebih dari 745 ribu pengembang dan calon pengembang
telah bergabung dengan Dicoding. Terdapat 476 ribu peserta pembelajaran yang
telah dan sedang mendaftar dalam lebih dari 140 kelas yang tersedia di platform
Dicoding.

Saat ini, Dicoding menjalin kemitraan dengan perusahaan-perusahaan

teknologi terkemuka di dunia. Dicoding juga merupakan mitra pelatihan resmi
Google dan memiliki komitmen dalam menjalin kemitraan dengan pemilik
teknologi, perusahaan multinasional, Kementerian/Lembaga Pemerintahan, serta
perusahaan dengan jangkauan nasional. Dicoding juga bekerja sama sebagai
penyelenggara program-program seperti Bangkit, Indosat Ooredoo Digital Camp,
Lintasarta Digischool, Baparekraf Digital Talent, Cloud and Back-End Developer
Scholarship Program dengan konten dari AWS, dan DBS Foundation Coding
Camp 2023 dari DBS Foundation.

Struktur organisasi adalah suatu sistem formal yang menggambarkan

bagaimana tugas dan tanggung jawab diatur untuk setiap anggota perusahaan,
serta hubungan antar pihak dalam organisasi yang bekerja sama untuk mencapai
tujuan organisasi. Berikut adalah struktur organisasi yang digunakan oleh PT
Presentologics.

3
 4

Gambar 1 - Struktur Organisasi

II.2 Lingkup Pekerjaan

Lingkup Pekerjaan yang saya dapatkan dari program Studi Independen

Pengembang Front-End Web dan Back-End adalah pembelajaran mandiri secara
online yang dapat dilakukan dengan mengakses platform dicoding.com. Berikut
ini adalah detail pembelajaran yang dilaksanakan selama program berlangsung :
1. Pembelajaran Mandiri
Kegiatan ini adalah aktivitas kegiatan dimana peserta akan
melakukan belajar secara mandiri dengan mengakses platform
dicoding.com. Terdapat beberapa kelas mengenai Front End dan Back
End.
2. Sesi Konsultasi
Sesi ini merupakan sesi konsultasi yang dilaksanakan setiap
minggunya selama program berlangsung. Pada sesi ini membahas
mengenai kendala yang dialami peserta
3. Sesi ILT Tech
Sesi ini merupakan sesi kegiatan yang dilakukan tiap dua minggu
sekali. Kegiatan ini membahas terkait teknis materi pembalajaran
(hardskill) yang dilakukan bersama dengan mentor expert di masing
masing bidangnya.
 5

4. Sesi ILT SoftSkills

Sesuai dengan namanya, sesi ini membahas mengenai softskill
sebagai dan dilaksanakan tiap dua minggu sekali.
5. Sesi Team Meeting
Sesi ini adalah sesi wajib yang harus dihadiri semua peserta. Pada
sesi ini membahas mengenai teknis pelaksanaan keseluruhan kegiatan
Studi Independen ini di Dicoding
6. Capstone Project
Ini merupakan aktivitas kegiatan dimana peserta membuat sebuah
kelompok dan saling bekerja sama dalam proses pembuatan sebuah
website dengan tema yang sudah ditentukan. Pada sesi ini juga dilakukan
mentoring dengan tech advisor yang expert di bidang nya masing masing.
Selain itu Capstone Project ini menjadi salah satu syarat kelulusan dari
Dicoding Indonesia.

II.3 Deskripsi Pekerjaan

Dalam Studi Independen Pengembang Front-End Web dan Back-End,

terdapat dua jenis kegiatan yaitu pembelajaran mandiri dan proyek akhir dalam
bentuk tim. Pada pembelajaran mandiri, setiap peserta akan mengikuti kelas
secara asinkronus (online melalui modul belajar di Dicoding Academy), di mana
mereka dapat berinteraksi dengan para ahli terkait materi yang dipelajari melalui
forum diskusi.

Di samping itu, setiap peserta akan mendapatkan seorang pembimbing

yang dapat dikonsultasikan ketika menghadapi kesulitan yang bukan bersifat
akademik dalam menjalani pembelajaran. Program studi independen ini
menawarkan beberapa jalur pembelajaran, salah satunya adalah jalur Pengembang
Front-End Web dan Back-End.

Dalam proyek akhir, peserta akan dikelompokkan menjadi tim yang terdiri
dari 3 hingga 4 anggota. Setiap kelompok akan memilih tema proyeknya sendiri,
namun tema tersebut harus disetujui oleh pembimbing atau ahli terkait.
II.4 Jadwal MSIB
Week Date
1 20 - 25 Feb 2023
2 27 Feb - 3 Mar 2023
3 6 - 10 Mar 2023
4 13 - 17 Mar 2023
5 20 - 25 Mar 2023
6 27 - 31 Mar 2023
7 3 - 7 Apr 2023
6
Details
1) Belajar Dasar Git dengan GitHub
2) Memulai Dasar Pemrograman untuk
Menjadi Pengembang Software
3) Pengenalan ke Logika Pemrograman
(Programming Logic 101)
4) Technical Briefing SIB Dicoding Cycle
4 2023
1) Belajar Dasar Pemrograman Web
2) ILT SS 1
3) Konsultasi Mingguan 1
1) Belajar Dasar Pemrograman JavaScript
2) ILT Tech 1
3) Konsultasi Mingguan 2
1) Belajar Membuat Front-End Web untuk
Pemula
2) ILT SS 2
3) Konsultasi Mingguan 3
1) Belajar Fundamental Front-End Web
Development (s.d. ECMAScript 6)
2) ILT Tech 2
3) Konsultasi Mingguan 4
1) Belajar Fundamental Front-End Web
Development (s.d. Node Package
Manager)
2) ILT SS 3
3) Konsultasi Mingguan 5
1) Belajar Fundamental Front-End Web
Development (s.d. Selesai)
2) ILT Tech 3
3) Konsultasi Mingguan 6
 7

1) Menjadi Front-End Web Developer

Expert (s.d. Aksesibilitas)
8 10 - 14 Apr 2023
2) ILT SS 4
3) Konsultasi Mingguan 7

1) Menjadi Front-End Web Developer

Expert (s.d. Progressive Web Apps:
9 17 - 21 Apr 2023
Pengantar Progressive Web Apps -
Menampilkan Konten dari API)

1) Menjadi Front-End Web Developer

Expert (s.d. Progressive Web Apps:
10 24 - 28 Apr 2023 Web App Manifest - Latihan
Implementasi Service Worker dengan
Workbox)

1) Menjadi Front-End Web Developer

Expert (s.d. Progressive Web Apps:
Workbox - Submission: Katalog
11 1 - 5 May 2023
Restoran + PWA)
2) ILT Tech 4
3) Konsultasi Mingguan 8

1) Menjadi Front-End Web Developer

Expert (s.d. Automation Testing)
12 8 -12 May 2023
2) ILT SS 5
3) Konsultasi Mingguan 9

1) Menjadi Front-End Web Developer

Expert (s.d. Deployment dengan
13 15 - 19 May 2023 CI/CD)
2) ILT Tech 5
3) Konsultasi Mingguan 10

1) Menjadi Front-End Web Developer

Expert (s.d. Selesai)
14 22 - 26 May 2023
2) ILT SS 6
3) Konsultasi Mingguan 11

1) Belajar Membuat Aplikasi Back-End

untuk Pemula (s.d Deploy Web
15 29 May - 2 Jun 2023 Service)
2) ILT Tech 6
3) Konsultasi Mingguan 12

1) Belajar Membuat Aplikasi Back-End

16 5 - 9 Jun 2023
untuk Pemula (s.d Selesai)
 8

2) ILT SS 7
3) Konsultasi Mingguan 13

1) Working on Capstone & Capstone

17 12 - 16 Jun 2023
Mentoring

18 19 - 23 Jun 2023 1) Final Capstone Project Submission

19 26 - 30 Jun 2023 1) Capstone Judging

1) Capstone Judging
20 3 - 7 Jul 2023
2) Graduation

End of Program
21 10 - 14 Jul 2023
(Transcript & Clarification)

Tabel 1 - Jadwal MSIB

 Bab III Pengembang Front-End Web Dan Back-End

III.1 Kegiatan Pembelajaran

Kegiatan pembelajaran yang dilakukan dengan jurusan Pengembang

Front-End Web Dan Back-End meliputi alur kegiatan pembelajaran secara
mandiri dengan mengakses platform dicoding.com yang diakhiri dengan tugas
submission pada setiap akhir kelas tersebut. Selain kegiatan pembelajaran
mandiri, terdapat beberapa kegiatan lain yang didampingi oleh mentor non-
akademik dan mentor expert yang berkompeten di bidangnya masing masing.
Selain itu ada juga Capstone Project yang harus diselesaikan oleh para peserta
sebagai syarat kelulusan dimana peserta diharuskan membentuk kelompok untuk
untuk memecahkan berbagai permasalahan sesuai tema yang sudah disediakan.

III.2 Proses Pembelajaran

Terdapat 10 kelas wajib yang harus diselesaikan pada program Studi

Independen dengan jurusan Pengembang Front-End Web Dan Back-End ini, dan 1
Capstone Project, diantara lain yaitu :
1. Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Persiapan Belajar
b. Memahami Kebutuhan Aplikasi
c. Perencanaan Modifikasi Aplikasi
d. Mengerti Konsep Dasar Pemrograman
e. Modifikasi Aplikasi Perangkat Lunak
f. Dokumentasi Pemrograman dan Pengembangan Aplikasi
Perangkat Lunak
g. Penutup
Secara keseluruhan pada kelas ini mempelajari mengenai
bagaimana cara mengidentifikasi kebutuhan aplikasi yang dibutuhkan oleh

9
 10

pasar. Selain itu pada kelas ini mempelajari tentang bagaimana cara
modifiikasi perangkat lunak. Lalu diakhir kelas ini terdapat ujian akhir
untuk mengetes kemampuan pemahaman dari peserta dan sebagai syarat
untuk bisa lanjut ke kelas selanjutnya.
2. Pengenalan ke Logika Pemrograman (Programming Logic 101)
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Persiapan Belajar
b. Pendahuluan
c. Gerbang Logika
d. Pengenalan Dasar Computational Thinking
e. Penutup
Pada kelas ini kita diajarkan mengenai Logic Programming yang
penting sebagai bekal untuk ke tahap selanjutnya. Kita diajarkan
bagaimana berpikir secara terstruktur layaknya sebuah komputer
mengeksekusi setiap perintah kode secara berurutan. Tak lupa di akhir
kelas ini juga terdapat ujian akhir sebagai syarat untuk bisa lanjut ke kelas
selanjutnya.
3. Belajar Dasar Git dengan GitHub
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Persiapan Belajar
b. Git dan Github
c. Dasar Git
d. Studi Kasus Pengalaman Belajar
e. Git Branches
f. Kolaborasi dengan Tim
g. Studi Kasus Kolaborasi dengan Tim
h. Github sebagai Portofolio
i. Penutup
 11

Sama seperti judulnya, kelas ini membahas mengenai apa itu Git
dan Platform Git itu sendiri yaitu Github. Secara keseluruhan kelas ini
mempelajari detail mengenai Git dan seberapa penting Github sebagai
Version Control System. Sebagai developer tentu tidak asing dengan hal
yang satu ini. Mempelajari hal ini adalah sesuatu yang sangat disarankan,
karena Github sebagai Version Control System berfungsi sebagai
pengarsipan source code program dari sebuah apps atau website yang
nantinya kita buat.
4. Belajar Dasar Pemrograman Web
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Persiapan Belajar
b. Pendahuluan
c. Pengantar HTML
d. Pendalaman HTML
e. Pengenalan CSS
f. Pendalaman CSS
g. Layout Responsive dengan Flexbox
h. Penutup
i. Proyek Akhir
Kali ini kita sudah masuk ke tahap pengenalan HTML sebagai
struktur website yang akan kita buat nantinya. Pada kelas ini, selain
mempelajari bagaimana cara pembuatan struktur HTML yang baik
(Semantic H TML) kita juga mempelajari CSS (Cascading Style Sheet)
yang berfungsi sebagai pembuat tampilan website agar menjadi bagus dan
menarik. Kedua hal ini sangat penting untuk dipelajari karena sebagai
basic pembuatan dari sebuah website.
Tak lupa di akhir kelas ini selain terdapat ujian akhir untuk
mengetes kemampuan pemahaman peserta, terdapat tugas submission
pertama yang harus diselesaikan sebagai syarat untuk lanjut ke tahap
berikutnya. Para peserta diwajibkan untuk membuat sebuah website
 12

dengan tema bebas, namun harus menerapkan Semantic HTML dan

menggunakan layout float atau flexbox.
5. Belajar Dasar Pemrograman JavaScript
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Persiapan Belajar
b. Pengenalan Javascript
c. Fundamental Javascript
d. Struktur Data
e. Function
f. Object-Oriented Programming
g. Functional Programming
h. Setup Environment
i. Module
j. Penanganan Error
k. Asynchronous Process
l. Node Package Manager
m. Javascript Testing
n. Penutup
Seperti yang bisa kita lihat, pada kelas ini kita mempelajari banyak
sekali modul pembelajaran yang harus diselesaikan. Bila diringkas, secara
keseluruhan pada kelas ini kita mempelajari mengenai Javascript secara
detail. Selain itu, disini kita juga diajarkan cara penggunaan Javascript
diluar browser, yaitu menggunakan Node.js yang dimana kode Javascript
bisa dijalankan diluar browser. Kita mempelajari keseluruhan dasar logika
dan sintaksis dari bahasa pemrograman Javascript itu sendiri. Lalu seperti
biasa diakhir modul pada kelas ini, terdapat ujian akhir yang harus
diselesaikan sebagai syarat untuk bisa ke tahap selanjutnya.
6. Belajar Membuat Front-End Web untuk Pemula
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
 13

a. Persiapan Belajar
b. Browser Object Model dan Document Object Model
c. Interaktif dengan Event
d. Penyimpanan Data dengan Web Storage
e. Penutup
Kelas ini merupakan kelas lanjutan kelas sebelumnya yaitu Belajar
Dasar Pemrograman JavaScript. Karena pada kelas ini, kita diajarkan
mengenai apa itu BOM (Browser Object Model) dan juga DOM
(Document Object Model) dimana ini adalah salah satu penerapan
Javascript. Selain itu kita belajar mengenai Event yang bisa kita
manfaatkan untuk menangani handle request dari sisi client. Tak lupa juga
kita mempelajari tentang Storage yang sangat berguna dalam menyimpan
data sementara pada sebuah website.
7. Belajar Fundamental Front-End Web Development
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Pengenalan Kelas
b. ECMAScript 6
c. Web Components
d. Evaluasi ECMAScript 6 dan Web Components
e. Package Manager
f. Bundle Javascript dengan Module Bundler
g. Evaluasi Package Manager dan Module Bundler
h. Asynchronous Javascript Request
i. Penutup
Lanjut ke tahap berikutnya yang membahas mengenai sejarah
terbentuknya bahasa pemrograman Javascript. Pada kelas ini juga kita
mempelajari banyak hal, yaitu tentang Web Components, Package
Manager, Module Bundler, dan Asynchronous Javascript Request. Isi dari
odul modul tersebut sangat wajib untuk dibaca karena modul modul itu
berisi materi mengenai cara membuat sebuah Custom Element, Package
 14

apa saja yang tersedia dan dapat digunakan, cara membundle sebuah
proyek pembuatan website untuk kebutuhan produksi, dan juga cara
menangai dan menarik Restful API.
8. Menjadi Front-End Web Developer Expert
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Persiapan Belajar
b. Pengenalan Kelas
c. Mobile First Approach
d. Aksesibilitas
e. Javascript Clean Code
f. Progressive Web Apps
g. Automation Testing
h. Web Performance
i. Deployment dengan CI/CD
j. Proyek Akhir
Kelas ini merupakan titik akhir dari keseluruhan yang kita pelajari
mengenai Front End. Pada tahap ini kita mempelajari agar sebuah website
yang kita buat bisa berjalan dengan baik. Tentunya dengan mengikuti trend
terkini dimana popularitas aplikasi mobile lebih tinggi dibanding web.
Karena di era Industri 4.0 ini, ponsel adalah sebuah hal atau barang yang
wajib kita miliki sehingga para developer developer dunia (khususnya
Web Developer) saling berlomba lomba untuk membuat sebuah website
yang dapat berjalan dengan baik pada ponsel kita semua. Dengan begitu,
website yang dibuat memiliki fungsionalitas dan impresi yang baik dimata
pengguna.
Dengan Progressive Web Apps, sebuah website dapat digunakan
layaknya sebuah aplikasi pada ponsel kita. Lalu dengan Web Performance,
kita dapat mengetahui performa dari sebuah web, sehingga kita dapat
menyesuaikan dan menyempurnakan website kita agar memiliki performa
yang baik. Disini kita belajar cara bagaimana menghosting sebuah website
 15

agar dapat diakses oleh semua orang dengan koneksi internet. Tak lupa
diakhir kelas ini juga terdapat tugas submission yang dimana kita
diharuskan untuk menerapkan semua yang sudah kita pelajari sehingga
website yang kita buat memiliki aksesibilitas dan performa yang baik.
9. Belajar Membuat Aplikasi Back-End untuk Pemula
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Pendahuluan
b. Pengenalan ke Back-End
c. Dasar-Dasar Node.js
d. Deploy Web Services
e. Mengonsumsi dan Menguji RESTful API menggunakan Postman
f. Penutup
Pada kelas ini kita belajar bagaimana cara menggunakan sebuah
RESTful API. Setelah sebelumnya kita hanya mempelajari Front-End,
sekarang masuklah kita ke tahap Back-End. Pada kelas ini kita
mempelajari cara membuat sebuah handler Back End untuk menangani
sebuah request dari client. Selain itu kita juga diajarkan cara mendeploy
ataupun menghosting sebuah handler Back End ke sebuah Web Services.
Terdapat banyak Web Service seperti AWS yang dimiliki Amazon, Google
Cloud yang dimiliki Google, dan Azure Cloud yang dimiliki oleh
Microsoft. Namun pada kelas ini hanya membahas mengenai AWS, karena
yang paling populer digunakan oleh developer expert adalah AWS.
10. Meniti Karier sebagai Software Developer
Pada kelas ini kita mempelajari berbagai modul, diantara lain adalah
berikut :
a. Persiapan Belajar
b. Pendahuluan
c. Jalur Karir Software Developer
d. Pandangan Developer Expert
e. Penutup
 16

Pada kelas yang terakhir ini membahas mengenai jalur karir

developer. Kelas ini ditujukan untuk untuk para developer yang masih
bingung akan terjun ke bidang apa. Secara keseluruhan kelas ini
memberikan gambaran untuk para developer ke segala bidang.

Selain 10 kelas yang kita harus selesaikan, ada juga Capstone Project.
Capstone Project yang saya buat adalah GiziPlus yang bertemakan Kesejahteraan
Penduduk. Capstone Project GiziPlus terdiri dari 4 orang, kami mempunyai tujuan
untuk membuat sebuah aplikasi web berisikan artikel dan juga tes kesehatan
terkait keseimbangan gizi dan nutrisi pada tubuh manusia. Harapannya dengan
adanya aplikasi web ini dapat mengedukasi dan membantu mengatasi
permasalahan gizi yang ada di Indonesia.

Proses pengerjaan project kami dimulai dari membuat Project Plan untuk
menentukan :
1. Tema yang dipilih
2. Judul Proyek
3. Ringkasan Eksekutif
4. Cakupan Proyek & Hasil Kerja
5. Timeline/Waktu Pengerjaan
6. Sumber Daya Proyek
7. Rencana Manajemen Risiko dan Isu
Setelah semua itu, kami melanjutkan pengerjaan sesuai dengan Timeline
yang sudah ditentukan, dimana kita membuat design website, lalu merancang dan
mengembangkan front end, dan yang terakhir adalah merancang back end. Setalah
itu kami melakukan mentoring bersama dengan Tech Advisor untuk memberikan
saran dan kritikan atas apa yang kami rencanakan.

III.3 Pencapaian Pembelajaran

Setelah menyelesaikan seluruh kelas wajib yang ada, dan juga Capstone
Project pada program Studi Independen dengan jurusan Pengembang Front-End
 17

Web Dan Back-End ini, saya menjadi paham akan berbagai hal. Berikut adalah
hasil pencapaian setelah lulus pada program ini, diantara lain adalah sebagai
berikut :
1. Memahami Dasar Pemrograman untuk Menjadi Pengembang Software.
2. Memahami Logika Pemrograman (Programming Logic 101).
3. Mengerti Git dan Menggunakan Github.
4. Memahami Dasar Pemrograman Web.
5. Memahami Bahasa pemrograman JavaScript.
6. Mampu Membuat Front-End Web untuk Pemula.
7. Mengetahui Fundamental Front-End Web Development.
8. Memahami konsep Mobile First Approach.
9. Memahami dan mengerti Aksesibilitas pada sebuah website.
10. Mampu Menerapkan Progressive Web Apps (PWA).
11. Memahami dan mampu membuat sebuah Automation Testing.
12. Mampu membuat website dengan performa yang baik.
13. Mampu membuat website dengan tampilan yang responsive.
14. Mengerti cara menangani sebuah request dari client.
15. Memahami dan mampu membuat sebuah handler Back-End.

Lalu pencapaian pada pengerjaan Capstone Project ialah saya jadi mampu
bekerja sama tim dengan baik. Selain itu saya juga memiliki gambaran dalam
membuat sebuah project yang besar di dunia industri. Mulai dari perencanaan
project, lalu riset mengenai target pasar, diskusi bersama dengan tim, manajemen
project dengan baik, manajemen waktu yang baik, serta membuat rencana
manajemen risiko dan isu.
 Bab IV Penutup

IV.1 Kesimpulan

Secara keseluruhan, dapat disimpulkan bahwa kegiatan Studi Independen

Bersertifikat Batch 4 yang dilaksanakan di Dicoding Indonesia (PT
Presentologics) pada learning path Pengembang Front-End Web Dan Back-End
yang terhitung sejak 16 Februari sampai dengan 30 Juni 2023 mempelajari banyak
hal. Tidak hanya mempelajari mengenai hardskill, tetapi juga softskill yang sangat
membantu sebagai bekal masa depan. Dari segi hardskill mempelajari mengenai
bagaimana membuat sebuah website dengan tampilan yang dinamis dan juga
memiliki performa yang baik. Selain itu kita mempelajari cara mengkonsumsi
restful api dan membuat handler pada sisi back end untuk mengangani request
dari sisi client. Lalu dari segi softskill mempelajari mengenai kepemimpinan,
komunikasi, dan juga persiapan karir untuk menunjang masa depan peserta.

IV.2 Saran

Saran untuk pelaksanaan Studi Independen Bersertifikat di Dicoding

Indonesia (PT Presentologics) terkait waktu pelaksanaan program. Saya rasa
waktu yang diberikan untuk menyelesaikan kelas dan submission terlalu cepat.
Apabila peserta yang dapat dengan mudah menangkap materi dengan baik dan
cepat mungkin tidak masalah. Tetapi jika peserta yang kurang cepat tanggap
dalam memahami materi yang diajarkan, itu adalah sebuah masalah. Mungkin
salah satu solusi nya yaitu menyediakan video tutorial seperti pada saat di kelas
kelas awal terdapat video studi kasus sehingga peserta dapat dengan mudah
mengerti apa yang maksud dari materi tersebut. Selain itu belajar dengan metode
pembelajaran yang disertakan video mengasyikan ketimbang harus membaca
banyak tulisan dengan deadline waktu yang cepat. Lalu untuk sesi ILT Tech itu
sangat bermanfaat, tolong agar para mentor expert mengedepankan praktek
dibanding teori, sehingga peserta memiliki gambaran bagaimana
pengimplementasian dari apa yang telah kita pelajari.

18
 Referensi

Dicoding Indonesia. (n.d.). Cohort Guide. Cohort Guide - MBKM SIB Dicoding

2023 Cycle 4. Retrieved June 23, 2023, from

https://docs.google.com/document/d/1Ael_m6zypw63p1-C930Zki77-znIg

8dKskbYHYw1sG4/edit

Dicoding Indonesia. (n.d.). SIB 4 Timeline. SIB 4 Timeline. Retrieved June 23,

2023, from

https://docs.google.com/spreadsheets/d/e/2PACX-1vRvKbbG6DnQzWMS

8iiw2PZrfkPl9bG0-nvmhJBg77II7VWLQGNnjHKfK26lVxY7uDHAxQR

9P0ae_87O/pubhtml?gid=371011758&single=true

Dicoding Indonesia. (n.d.). Welcome Kit. Welcome Kit - MBKM SIB Dicoding

2023 Cycle 4. Retrieved June 23, 2023, from

https://docs.google.com/document/d/1_IOxicQvo3_dN6Gc96EwyBjMB3s

AY7Vq1e8hQe9CqPw/edit#heading=h.2byoudqvtnky

19
Bab V Lampiran A. TOR

V.1 Kurikulum dan Tatap Muka

Kurikulum Program SIB telah disesuaikan dengan peta okupasi

yang diharapkan oleh industri. Lulusan program ini diharapkan dapat
masuk ke ekosistem IT dan memperkaya ekosistem itu sendiri. Setiap
paket didesain untuk dikonversi setara 20 (dua puluh) SKS. Namun, pada
prinsipnya, konversi SKS merupakan hak prerogatif Jurusan/Program
Studi asal Anda.
1. Belajar Mandiri (self-paced)
a. Didesain 8 (delapan) jam sehari atau 40 (empat puluh) jam
seminggu, dengan asumsi waktu efektif 5 hari kerja, di luar
hari libur nasional dan Sabtu/Minggu.
b. Anda akan menerima token yang dipergunakan untuk
mengakses kelas.
c. Dilaksanakan melalui platform dicoding.com.
d. Dipantau setidaknya setiap minggu dalam proses SIB.
e. Akan mendapatkan sertifikat kompetensi untuk kelas-kelas
yang diluluskan.
f. Wajib menyelesaikan dan lulus seluruh materi belajar
mandiri dan tugas/ submission/ quiz/ assignment untuk
dinyatakan menyelesaikan program.
2. Belajar bersama expert / tatap muka (instructor-led)
a. Didesain 2 (dua) jam setiap dua minggu.
b. Sesi bersifat wajib dan dalam sesi tatap muka tersebut akan
ada tes penilaian.
c. Anda akan menerima undangan melalui Google Calendar
untuk bergabung dalam sesi meet dan wajib on-cam selama
durasi instructor-led.
d. Mahasiswa yang tidak hadir tidak perlu memberikan
surat/izin, namun penilaian pada sesi tersebut akan dinilai
0.

A-1
 A-2

e. Wajib hadir setidaknya 80% dari 6 sesi yang diadakan

untuk dinyatakan menyelesaikan program.
3. Sesi Soft Skill & Penyiapan Karier bersama instruktur (career-
development)
a. Didesain 2 (dua) jam setiap dua minggu.
b. Sesi bersifat wajib dan dalam sesi tatap muka tersebut akan
ada tes penilaian.
c. Anda akan menerima undangan melalui Google Calendar
untuk bergabung dalam sesi meet dan wajib on-cam selama
durasi career-development.
d. Mahasiswa yang tidak hadir tidak perlu memberikan
surat/izin, namun penilaian pada sesi tersebut akan dinilai
0.
e. Terdapat materi bacaan sebelum sesi maupun tugas yang
perlu diselesaikan.
f. Wajib hadir setidaknya 70% dari 7 sesi yang diadakan
untuk dinyatakan menyelesaikan program.
4. Sesi Konsultasi bersama mentor (konsultasi)
a. Didesain 1 (satu) jam, satu kali setiap minggunya.
b. Sesi bersifat wajib.
c. Anda akan menerima undangan melalui Google Calendar
untuk bergabung dalam sesi meet dan wajib on-cam selama
durasi konsultasi.
d. Kehadiran Anda dalam sesi ini akan terkait dengan nilai
keaktifan Anda.
5. Aktivitas di Luar Pembelajaran
a. Study Group
Merupakan sesi sharing ilmu mengenai materi SIB X
Dicoding atau Tech dari peer tutor untuk peserta lain yang
membutuhkan
b. Expert Session
 A-3

Sesi pembicara tamu yang dilakukan dalam dua minggu

sekali dan dapat diikuti oleh seluruh peserta SIB Dicoding.
Sesi tersebut menghadirkan pembicara Expert yang berasal
dari Industri untuk memberikan wawasan lebih di luar
materi yang telah didapatkan peserta pada kurikulum
program ini.
6. Proses pengisian logbook, moodbar, dan pelaporan progress
(logbook)
a. Diisi setidaknya satu minggu sekali pada akhir minggu.
b. Akan diperiksa oleh tim Dicoding dan Kemdikbudristek.
c. Konsistensi Anda mengisi logbook akan terkait dengan
pertanggungjawaban Anda kepada pihak kampus asal.
d. Wajib diisi selama durasi program untuk dinyatakan
menyelesaikan program.
7. Capstone - Final Project (capstone)
a. Didesain untuk proses selama 250 jam pada akhir program.
b. Wajib berkontribusi aktif menyelesaikan Capstone hingga
pengumpulan produk dan hadir pada presentasi akhir untuk
dinyatakan menyelesaikan program.
V.2 Periode Program

Program akan berlangsung 16 Februari 2023 s.d. 30 Juni 2023 (+ 5 bulan).

Berikut ini tanggal-tanggal penting dari Program SIB Dicoding Cycle 4.
 A-4

Gambar 2 - Periode Program

Mengetahui

Bandung, 23 Juni 2023 Bekasi, 23 Juni 2023

Senior Education Program Manager Mahasiswa Prodi Sistem Informasi
Dicoding Indonesia Universitas Komputer Indonesia

Adrianus Yoza Aprilio Muhammad Nur Ilmi

NIP. 01032015004 NIM. 10520040
Bab VI Lampiran B. Log Activity

Minggu Kegiatan Hasil

Memiliki pemahaman tentang
Mempelajari Dasar Git dengan
kolaborasi menggunakan Git dan
GitHub, Pengenalan Logika
1 kemampuan untuk
Pemrograman, dan Pengenalan ke
membayangkan logika dari suatu
Dasar Pemrograman
program.
Belajar Dasar Pemrograman Web, Mampu menggunakan CSS dasar
2
ILT SS 1 : Personal Productivity dalam proyek-proyek pemula.
Belajar Dasar Pemrograman
Mengerti bahasa pemrograman
3 JavaScript, ILT Tech 1 : HTML
javascript secara keseluruhan.
dan CSS
Belajar Membuat Front-End Web
untuk Pemula, ILT SS 2 : Growth Mampu membuat sebuah website
4
Mindset and Personal sederhana.
Development
Belajar Fundamental Front-End
Web Development (s.d.
Mampu membuat sebuah website
5 ECMAScript 6), ILT Tech 2 :
dengan penggunaan javascript
JavaScript, DOM, dan Web
Storage
Belajar Fundamental Front-End
Mampu membuat sebuah website
Web Development (s.d. Node
6 dengan penggunaan javascript
Package Manager), ILT SS 3 :
(DOM dan Web Storage)
Ethical Behavior and Adaptability
Belajar Fundamental Front-End Mampu membuat sebuah website
Web Development (s.d. Selesai), dengan penggunaan javascript dan
7
ILT Tech 3 : Module Bundler mampu mengonsumsi restful api
dengan Webpack dan juga module bundler

B-1
 B-2

Menjadi Front-End Web

Dapat menciptakan sebuah situs
Developer Expert (s.d.
8 web dengan kemampuan
Aksesibilitas), ILT SS 4 :
mendukung versi mobile.
Communication and Networking
Menjadi Front-End Web Memiliki pemahaman tentang
Developer Expert pembuatan situs web dengan
9 (s.d. Progressive Web Apps: spesifikasi PWA (Progressive Web
Pengantar Progressive Web Apps - App) yang dapat digunakan
Menampilkan Konten dari API) seperti aplikasi native.
Menjadi Front-End Web
Developer Expert
(s.d. Progressive Web Apps: Web Mengerti implementasi service
10
App Manifest - Latihan worker dengan workbox
Implementasi Service Worker
dengan Workbox)
Menjadi Front-End Web
Developer Expert
(s.d. Progressive Web Apps: Mengerjakan submission PWA
11
Workbox - Submission: Katalog dan mendapatkan sertifikat
Restoran + PWA), ILT Tech 4 :
Progressive Web Apps
Menjadi Front-End Web
Developer Expert (s.d. Automation Mengerti tentang automation
12
Testing), ILT SS 5 : Business testing
Presentation
Menjadi Front-End Web
Developer Expert (s.d. Mengerti cara deployment atau
13
Deployment dengan CI/CD), ILT hosting dari sebuah weksite
Tech 5 : Web Testing
 B-3

Dapat menciptakan sebuah situs

Menjadi Front-End Web web dengan kemampuan ahli,
14 Developer Expert (s.d. Selesai), mengimplementasikan webpack,
ILT SS 6 : Personal Branding PWA, SPA, Code Spliting, dan
gambar yang responsif.
Belajar Membuat Aplikasi
Back-End untuk Pemula (s.d Memiliki pemahaman tentang
15
Deploy Web Service), ILT Tech 6 : konsep yang terkait dengan API.
Back-End Pemula
Belajar Membuat Aplikasi
Berpengalaman dalam pembuatan
Back-End untuk Pemula (s.d
16 sebuah API di dalam sebuah
Selesai), ILT SS 7 : Interview
webserver.
Preparation
Mentoring bersama dengan tech
Working on Capstone
17 advisor mengenai perencanaan
Capstone Mentoring
project capstone
Menciptakan proyek yang
berfokus pada aspek bisnis, atau
bahkan memberikan bantuan
18 Final Capstone Project Submission kepada masyarakat dalam
menyelesaikan masalah yang
dihadapi oleh publik secara
umum.
Menunggu hasil penilaian project
19 Capstone Judging
capstone
Menunggu hasil penilaian project
20 Capstone Judging
capstone
21 Transcript & Clarification Graduation Day

Tabel 2 - Log Activity

Bab VII Lampiran C. Dokumen Teknik
1. Submission Belajar Dasar Pemrograman Web

Proyek Akhir : Tugas Akhir Membuat Website

Gambar 3 - Submission Belajar Dasar Pemrograman Web

2. Submission Belajar Membuat Front – End Web untuk Pemula

Proyek Akhir : Submission Aplikasi Pengelolaan Data Menggunakan
DOM dan Web Storage

Gambar 4 - Submission Belajar Membuat Front – End Web untuk Pemula

C-1
 C-2

3. Submission Belajar Fundamental Front – End Web Developer

Proyek Akhir : Membuat Aplikasi Web dengan ES6, Custom Element,
NPM, Webpack dan AJAX

Gambar 5 - Submission Belajar Fundamental Front – End Web Developer

4. Submission Front – End Web Developer Expert 1

Proyek Akhir : Submission Katalog Restoran

Gambar 6 - Submission Katalog Restoran

 C-3

5. Submission Front – End Web Developer Expert 2

Proyek Akhir : Submission Katalog Restoran + PWA

Gambar 7 - Submission Katalog Restoran + PWA

6. Submission Front – End Developer Expert 3

Proyek Akhir : Submission Katalog Restoran PWA + Testing and
Optimized

Gambar 8 - Submission Katalog Restoran PWA + Testing

 C-4

7. Belajar Membuat Aplikasi Back – End untuk Pemula

Proyek Akhir : Submission Bookshelf API

Gambar 9 - Submission Bookshelf API

8. Capstone Project
Proyek Akhir : Submission Project Capstone Gizi Plus

Gambar 10 - Submission Project Capstone Gizi Plus