LAPORAN AKHIR

MAGANG & STUDI INDEPENDEN BERSERTIFIKAT

Fullstack Web Development
Di PT. Lentera Bangsa Benderang
(Binar Academy)

Diajukan untuk memenuhi persyaratan kelulusan

Program MSIB MBKM

Oleh :
Aisya Wulandari / 20343002

PROGRAM STUDI INFORMATIKA

UNIVERSITAS NEGERI PADANG
PADANG
2022
i
ii
 ABSTRAKSI

Magang dan Studi Independen Bersertifikat Kampus Merdeka, merupakan

programpemerintah Kemendikbudristek guna membekali mahasiswa untuk
mendapatakan pengalaman belajar secara langsung di dunia industri. Binar Academy
(PT Lentera Bangsa Benderang) adalah salah satumitra kampus merdeka yang
merupakan pelopor startup education technology yang fokus pada pengembangan
skill dan talenta digital dengan meningkatkan pengalaman belajar. Binar Academy
menjadi salah satumitra dalam kegiatan MSIB dengan membuka program studi
independen di bidang Fullstack Web Development. Fullstack Web Developer
memiliki tugas berupa menangani proyek yang melibatkan basis data, membangun
situs web yang menghadap pengguna, atau bahkan bekerja dengan klien selama tahap
perencanaan proyek. Magangdan Studi Independen Bersertifikat Kampus Merdeka
bersama Binar Academy ditempuh selama lima bulan dengan tugas akhir pembuatan
final project dengan tema E-flight Ticket Platform yang merupakan situs web tempat
beli dan booking tiket pesawat secara online.

Kata Kunci : MSIB, Binar Academy, Fullstack Web Development, Fullstack Web
Developer, E- flight

iii
 KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Allah SWT atas segala berkah dan
rahmat-Nya penulis dapat menyelesaikan laporan akhir Magang & Studi Independen
Bersertifikat Fullstack Web Development di PT. Lentera Bangsa Benderang (Binar
Academy).

Penulis menyadari bahwa penyusunan laporan ini tidak dapat diselesaikan tanpa
bimbingan, bantuan, arahan, serta dukungan baik moril maupun materil dari berbagai
pihak selama menjalani Program Studi Independen Bersertifikat Batch 3 Binar
Academy X Kampus Merdeka ini. Untuk itu pada kesempatan yang baik ini, dengan
rasa hormat dan kerendahan hati, maka penulis mengucapkan rasa terima kasih yang
sebesar-besarnya kepada :
1. Tuhan Yang Maha Esa yang telah melimpahkan rahmat dan nikmat-Nya sehingga
punulis dapat menyelesaikan laporan akhir ini.
2. Kedua orang tua penulis, Bapak Sukamdi dan Ibu Armanita yang telah mendukung
penulis secara penuh baik moril maupun materil.
3. Kak Firdaus selaku LoA dari program MSIB Kampus Merderka bidang FullStack Web
Developer Kelas 3 di Binar Academy.
4. Kak Hariss V Sibuea selaku Fasilitator di program MSIB Kampus Merdeka bidang
FullStack Web Developer Kelas 3 di Binar Academy.
5. Seluruh jajaran SIB Binar Academy X Kampus Merdeka batch 3 yang sudah mendukung
kami selama kegiatan.
6. Kawan-kawan seperjuangan di program SIB yang yang sudah berjuang sejauh ini

Penulis menyadari bahwa dalam penulisan laporan ini masih banyak terdapat
kekurangan, untuk itu penulis sangat mengharapkan saran dan kritik yang
membangun guna perbaikan laporan ini.
Padang, 30 Desember 2022

Aisya Wulandari

iv
 DAFTAR ISI

Lembar Pengesahan Pendidikan Teknologi Informasi Universitas Muhammadiyah

Kendari....................................................................................................................................i
LEMBAR PENGESAHAN....................................................................................................ii
ABSTRAKSI..........................................................................................................................iii
KATA PENGANTAR...........................................................................................................iv
DAFTAR ISI...........................................................................................................................v
DAFTAR GAMBAR............................................................................................................vii
DAFTAR TABEL................................................................................................................viii
BAB I......................................................................................................................................9
PENDAHULUAN...................................................................................................................9
1.1 Latar Belakang.......................................................................................................9
1.2 Linkup...................................................................................................................10
1.3 Tujuan...................................................................................................................10
BINAR ACADEMY.............................................................................................................12
2.1 Struktur Organisasi.............................................................................................12
2.2 Lingkup Pekerjaan...............................................................................................13
2.3 Deskripsi Pekerjaan.............................................................................................14
2.4 Jadwal Kerja.........................................................................................................15
3.1 E-flight Ticket Platform.......................................................................................16
3.2 Proses Pengerjaan Proyek Akhir........................................................................17
3.2.1 Pembentukan Tim........................................................................................17
3.2.2 Rencana Pengerjaan Menggunakan Trello................................................17
3.2.3 Slicing Web Design.......................................................................................18
3.2.4 ORM..............................................................................................................19
3.2.5 Pembuatan API.............................................................................................20
3.2.6 Integrasi API.................................................................................................21
3.2.7 Dashboard Admin........................................................................................21
3.3 Hasil Proyek Akhir...............................................................................................22

v
 3.3.1 Halaman Landing Page................................................................................22
3.3.2 Halaman Registrasi......................................................................................22
3.3.3 Halaman Login.............................................................................................23
3.3.4 Fitur Pencarian Tiket Pesawat....................................................................24
3.3.5 Pemesanan Tiket Pesawat............................................................................25
3.3.6 Data Plane.....................................................................................................26
3.3.7 Data Bandara................................................................................................27
3.3.8 Data Flight....................................................................................................27
3.3.9 Data Tiket......................................................................................................28
BAB IV..................................................................................................................................29
PENUTUP.............................................................................................................................29
4.1 Kesimpulan...........................................................................................................29
4.2 Saran.....................................................................................................................29
REFERENSI.........................................................................................................................30
LAMPIRAN A PAKTA INTEGRITAS.............................................................................EE
LAMPIRAN B LOG ACTIVITY.......................................................................................GG
LAMPIRAN C DOKUMEN TEKNIK...............................................................................RR

vi
 DAFTAR GAMBAR
Gambar 1. Struktur Organisasi..............................................................................................13
Gambar 2.Perencanaan proyek akhir dengan trello..............................................................17
Gambar 3.Hosting Repositiry................................................................................................18
Gambar 4.Slicing Web Design...............................................................................................19
Gambar 5.Design ORM..........................................................................................................20
Gambar 6.Halaman Dasboard Admin....................................................................................21
Gambar 7.Landing Page TakeOff...........................................................................................22
Gambar 8. Halaman Registrasi..............................................................................................23
Gambar 9.Halaman Login.....................................................................................................24
Gambar 10.Pilih Ticket pesawat...........................................................................................25
Gambar 11.Data Plane..........................................................................................................26
Gambar 12.Data Bandara......................................................................................................27
Gambar 13.Data Flight..........................................................................................................27
Gambar 14.Data Ticket Pesawat...........................................................................................28

vii
 DAFTAR TABEL
Table 1. Log Activity............................................................................................................GG

viii
 BAB I

PENDAHULUAN
1.1 Latar Belakang

Studi Independen Bersertifikat adalah bagian dari program Kampus Merdeka

yang bertujuan untuk memberikan kesempatan kepada mahasiswa untuk belajar dan
mengembangkan diri melalui aktivitas di luar kelas perkuliahan, namun tetap diakui
sebagai bagian dari perkuliahan. Program ini diperuntukan bagi mahasiswa yang
ingin memperlengkapi dirinya dengan menguasai kompetensi spesifik dan praktis
yang juga dicari oleh dunia usaha dunia industri.

Binar Academy yaitu pelopor edtech yang berfokus pada pengembangan

keterampilan digital melalui jalur pembelajaran yang ditentukan dan gaya belajar
yang beragam untuk memberikan kepercayaan diri dalam pertumbuhan karir bagi
lulusan SMA, mahasiswa, dan pengubah karir.

Visi dari Binar Academy yaitu menjadi platform keterampilan digital edtech
pemimpin pasar di Asia Tenggara, dan misi dari Binar Academy yaitu konsep ulang
lanskap pendidikan tinggi. Memberikan akses pendidikan yang paling terjangkau dan
berkualitas terbaik untuk talenta digital berikutnya.

Program Fullstack web yang penulis ikuti ini diajukan untuk menghasilkan
talenta berstandar tinggi yang sesuai dengan standar industri di bidangnya. Proses
pembelajaran yang dilakukan berupa online learning, dimana peserta harus
implementasikan materi yang diperoleh secara langsung melalui project dan
challenge- challenge yang harus diselesaikan setiap chapternya. Materi diberikan
secara synchronous dan asynchronous melalui classroom dimana peserta harus
melakukanreading materi sebelum zoom dimulai, yang diadakan setiap malam senin,
rabu dan jum’at tentunya dibimbing oleh facilitator yang expert dibidangnya.

9
 Program ini berfokus pada mahasiswa yang ingin mempelajari Node Js dan
React Js. Setelah menyelesaikan program belajar ini, mahasiswa diharapkan dapat
mengimplementasikannya kedalam kebutuhan bisnis dunia kerja sehingga lulusan ini
akan menjadi fullstack web developer yang professional.

1.2 Linkup
Seluruh aktivitas pada 12 course yang ada di Binar Academy Bootcamp memiliki
aktivitas yang sama persis, hal yang membedakan hanya output knowledge
darimasing
- masing course. Studi pembelajaran Fullstack Web Development pada Binar
Bootcamp terbagi menjadi 3 tahap (yang sudah dijelaskan pada bagian “Program
Framework” yaitu:

1. Level Silver (Chapter 0 - 3), Dengan sistem asynchronous teaching dengan

belajar mandiri melalui aplikasi atau website Binar Academy.
2. Level Gold (Chapter 4 - 8), Level Gold akan dijalankan sebanyak 18 Sesi
dengan3 jam per sesi dan fasilitator akan menyampaikan total 14 topik dengan
sistem Flipped learning melalui asynchronous teaching dan synchronous
teaching dan juga dibimbing oleh fasilitator via forum diskusi. Level ini
berfokus padapengembangan skill individu masing - masing siswa.
3. Level Platinum (Chapter 9 - 11), Level Platinum akan dijalankan sebanyak 12
Sesi dengan 3 jam per sesi dan fasilitator akan mendampingi saat pembuatan
product class. Fasilitator juga menyediakan sesi diskusi melalui asynchronous
teaching dan synchronous teaching. Level ini berfokus pada pengembangan
skilltim project masing - masing siswa.

1.3 Tujuan
Studi Independen Bersertifikat adalah bagian dari program Kampus Merdeka
yang bertujuan untuk memberikan kesempatan kepada mahasiswa untuk belajar dan
mengembangkan diri melalui aktivitas di luar kelas perkuliahan, meningkatkan

10
pengetahuan, keterampilan, dan sikap Mahasiswa sehingga meningkatkan kesiapan
dan keterserapan di dunia kerja dan dunia usaha.

11
 BAB II

BINAR ACADEMY

2.1 Struktur Organisasi

Binar Academy lahir untuk memajukan ekosistem teknologi Indonesia melalui
pendidikan nonformal. Binar Academy didirikan pada tahun 2017 yang berkantor
pusat di Tangerang, Banten dan memiliki 51-200 karyawan. Binar Academy
merupakan pelopor startup edtech yang berfokus pada pengembangan skill dan
talenta digital denganmeningkatkan pengalaman belajar. Diajarkan oleh mentor
berpengalaman, Binar Academy berfokus pada pemberdayaan calon talenta digital di
seluruh Indonesia untuk mewujudkan potensi penuh mereka dalam hal pengetahuan
teknis dan keterampilan kepemimpinan melalui kolaborasi dan pembelajaran
berkelanjutan.

Visi :

Untuk memberikan sebuah pengalaman nyata dalam dunia kerja melalui

system pendidikan yang berkualitas dan terintegrasi dengan perkembangan teknologi
dan metode proses belajar mengajar.

Misi :

1. Untuk Saling Menemukan. Binar Academy mengajak untuk terus mencari

esensi, bukan hanya untuk meraih forma atau output yang terlihat baik. Forma
dan xiii substansi harus berjalan beriringan.
2. Untuk Saling Berproses. Binar Academy mendorong untuk tidak hanya
mempelajari wawasan dan teori tapi juga dapat meneladani proses
untukmenjadi landasan dalam membuat inovasi yang dapat membangun
bangsa.
3. Untuk Saling Terkoneksi. Ilmu dan pelatihan yang menjadi bagian dari
ekosistem Binar Academy dirancang untuk menghubungkan talenta dengan

12
 pakar atau talenta dengan talenta. Dengan demikian, terciptalah potensi dan
kesempatan. Hubungan ini merupakan sebuah simbiosis yang dilandaskan
padadaya saing di era digital.

Gambar 1. Struktur Organisasi

2.2 Lingkup Pekerjaan

Peserta program Fullstack Web memiliki pekerjaan yang terbagi dari 3 level yaitu
level silver, gold, dan platinum dengan setiap level terbagi menjadi beberapa
chapter.Pembagian level dan chapter akan dijelaskan sebagai berikut:

1. Level Silver : pada level ini memiliki 4 chapter yang membahas tentang
html,css, dan bootstrap dengan pembuatan halaman web sederhana, kemudian
pengenalan dan pemahaman tentang logika dasar javascript, dan di level ini
juga belajar untuk dapat berkolaborasi dalam tim dengan menggunakkan git
lab.

13
 2. Level Gold : Pada level ini memiliki 5 chapter yang memiliki pembahasan
yangpenting untuk di implementasikan seperti perancangan database,
merancang arsitektur dan dokumentasi API. Di level ini juga membahas
pembuatan websitemenggunakkan React Js dan belajar melakukan unit testing
dengan modul jest.
3. Level Platinum : pada level platinum dibagi menjadi 3 chapter yang sudah
berfokus dalam pengerjaan proyek akhir dengan kolaborasi 3 tim yaitu
frontend,backend, dan android. Ketiga tim ini memliki tanggung jawab
masing- masing, seperti tim frontend yang membuat tampilan website serta
mengintegrasikan API dari tim backend, tim backend yang membuat API
dengan berbagai macam

fitur yang telah didiskusikan, dan android bertugas mengimplementasikanwebsite

tersebut menjadi aplikasi mobile.

2.3 Deskripsi Pekerjaan

Deskripsi pekerjaan peserta selama mengikuti kegiatan Fullstack Web di

BinarAcademy adalah sebagai berikut:

1. Mengikuti kelas yang diadakan oleh fasilitator setiap hari senin, rabu, dan
jumatpada jam 19.00 WIB sampai dengan 22.00 WIB.
2. Mengikuti pembelajaran bersama di dalam zoom meeting.
3. Membaca dan mempraktekkan materi yang ada di reading materials.
4. Melakukan diskusi terkait pengerjaan challenge untuk setiap chapter.
5. Mempelajari materi secara mandiri dengan referensi yang telah
diberikanfasilitator.

14
 6. Mengerjakan tugas dan proyek sesuai dengan batas waktu yang telah diberikan.
7. Mendiskusikan terkait permasalahan yang dihadapi selama
pengerjaan challenge.
8. Mempresentasikan hasil pengerjaan challenge yang telah dibuat.

2.4 Jadwal Kerja

Rangkaian jadwal kerja Studi Independen Fullstack Web Developmentmerupakan
jadwal wajib yang diikuti oleh semua peserta baik itu jadwal untuk sesi konsultasi
dan forum diskusi. Kegiatan ini dilaksanakan mulai dari tanggal 01 Agustus 2022 -
31 Desember 2022. Selama proses belajar, peserta akan didampingi oleh seorang
mentor. Selain itu, peserta studi independen memiliki kesempatan untuk
berdiskusidengan mentor terkait hal-hal yang dihadapi.

15
 BAB III

E-FLIGHT TICKET PLATFORM

3.1 E-flight Ticket Platform

E-ticket adalah sebuah tiket dalam bentuk digital. Saat ini tiket elektronik
telah menggantikan fungsi tiket pesawat konvensional yang biasanya terdiri atas
beberapa kertas dan umumnya maskapai penerbangan memberlakukan biaya
tambahan untuk melakukan pengeluaran tiket menggunakan jenis tiket ini.

Hal ini ini memberikan kemudahan dan keamanan bagi para konsumen,
mengingat bahwa tiket elektronik adalah data digital yang tersimpan di sistem
komputer masing-masing maskapai, sehingga jika tiket elektronik yang dicetak
tersebut ternyata hilang maka penumpang cukup menyebutkan kode pemesanan saja.

Platform adalah sebuah program yang digunakan untuk mengesekusi rencana

kerja, dimana platform difungsikan sebagai wadah utama atau dasar untuk
menjalankan sistem yang akan digunakan. Dan sistem yang bisa menggunakan
platform ini sangat banyak dimulai dari bidang komputer, bisnis, sampai dengan
politik.

E-Flight Ticket Platform ini merupakan tempat beli dan booking tiket
penerbangan secara online, baik one way (sekali penerbangan) dan round trip (pulang
pergi). Platform ini membuka dan menyediakan berbagai jenis penerbangan domestik
dan mancanegara. Flow / alur platform dibebaskan berdasarkan kreasi tim final
project.Terdapat dua peran User yaitu berperan sebagai admin dan login sebagai
buyer. Buyer dapat mengirimkan dan menerima bukti hasil transaksi melalui platform
ini.

16
 3.2 Proses Pengerjaan Proyek Akhir
Tujuan terpenting dari proyek ini adalah menikmati proses pembuatan dan
pembelajaran yang nantinya akan kamu dapatkan bersama kelompok selama final
projectini berjalan.
3.2.1 Pembentukan Tim
Sebelum pengerjaan proyek akhir, peserta Studi Independen program Fullstack
Web Development akan dibentuk menjadi beberapa tim. Dimana dalam satu tim
tersebutterdapat 3 devisi yang mengerjakannya. Ketiga devisi tersebut antara lain
yaitu frontend,backend, dan android.

3.2.2 Rencana Pengerjaan Menggunakan Trello

Setelah pembentukan tim, maka tahap selanjutnya yaitu membuat planning
menggunakan tool trello untuk persiapan pembuatan projek dengan waktu yang telah
diberikan selama 3 sprint atau 6 minggu. Pembuatan planning pada trello digunakan
untuk monitoring tahapan projek yang sudah dikerjakan antara tim frontend dan tim
backand dan juga sebagai kolaborasi antar tim sehingga dapat bekerjasama dengan
baik tanpa terjadinya kesalapahaman. Selain melalui trello juga menggunakkan zoom
meetinguntuk melaporkan progress yang sudah dikerjakkan maupun yang akan
dikerjakan dan sebagai tempat berdiskusi saat mengalami problem saat mengerjakkan
projek.

Gambar 2.Perencanaan proyek akhir dengan trello

17
 Terkhusus untuk tim Fullstack Web, pada proyek akhir ini akan melakukan
kolaborasi antara tim frontend dan tim backend melalui platform github. Setiap
anggota tim akan di undang kedalam proyek pada platform github untuk
berkolaborasi antar tim. Pembuatan repository ini terbagi menjadi beberapa branch,
yaitu master dan main. Tidak lupa pula branch tiap fitur yang dibuat oleh anggota
tim, yang kemudian akan di merge pada branch main sebelum pada akhirnya akan
dilakukan merge pada branch master. Setelah merger dilakukan pada branch master,
langkah yang terakhir dilakukan yaitu deploy aplikasi pada platform hosting yaitu
railway.app maupun platform hosting lainnya.

Gambar 3.Hosting Repositiry

3.2.3 Slicing Web Design

Slicing adalah kegiatan mengkonversi tampilan design web berupa gambar
menjadi bagian- bagian yang kecil. Bagian bagian yang kecil ini adalah bagian-
bagian yang tidak bisa dimunculkan menggunakan HTML ataupun CSS. Pada tahap
ini kelompok

18
kami , mengambil sebuah E-flight platform sebagai acuan pembuatan Final Project
untuk menghemat waktu proses pengerjaan.

3.2.4 ORM Gambar 4.Slicing Web Design

Database adalah koleksi data yang sistematis dan sistematis yang disimpan secara
elektronik. Ini dapat berisi semua jenis data, termasuk kata, angka, gambar, video,dan
file. Anda dapat menggunakan perangkat lunak yang disebut sistem manajemen
database (DBMS) untuk menyimpan, mengambil, dan mengedit data. Dalam sistem
komputer, database kata juga dapat merujuk ke DBMS apa pun, ke sistem database,
atauke aplikasi yang terkait dengan database.

Pada tahap ini, tim backend akan membuat sistem basis data yang digunakan untuk
menyimpan data-data yang diperlukan dalam pembuatan aplikasi.

19
 Gambar 5.Design ORM

3.2.5 Pembuatan API

Pada tahap ini tim backend akan membuat desain API, dimana pada sprint
pertama tim backend melakukan pembuatan database menggunakkan postgresql,
setelah itu

20
membuat restful API untuk fitur login, register, flight, booking, transaksi dan
pembayaran, dan sebagainya.

3.2.6 Integrasi API

Tahap berikutnya adalah melakukan integrasi API dari tim backend
untukditampilkan ke website. Proses integrasi ini juga tetap melibatkan aplikasi
postman untukmelihat proses yang dihasilkan seperti create, read, update, dan delete
data. Terdapat beberapa fitur yang harus diintegrasikan pada API ke dalam website
seperti fitur registrasi, notifikasi, profil, histori transaksi untuk semua user dalam
aplikasi (admin danbuyer).

3.2.7 Dashboard Admin

Dashboard adalah pusat control panel ber-platform yang berfungsi untuk
mengatur semua kegiatan di sebuah situs atau Website. Disinilah admin akan
melakukaninputan data berupa data pesawat, penerbangan, tiket, dan sebagainya.

Gambar 6.Halaman Dasboard Admin

21
 3.3 Hasil Proyek Akhir
Proyek akhir ini akan berhasil jika terintegrasi antara frontend dan backend
dengan adanya API yang saling terhubung. Oleh karena itu, berikut merupakan hasil
akhirintegrasi API dengan frontend website.

3.3.1 Halaman Landing Page

Landing page adalah halaman dalam website yang didesain khusus dengan
mindset marketing. Halaman inilah yang ditampilkan ketika pengunjung mengakses
website dari hasil pencarian berbayar (paid search).

Gambar 7.Landing Page TakeOff

3.3.2 Halaman Registrasi

Dalam sistem teknologi dan informasi, registrasi memiliki pengertian sebagai
sebuah tahapan pendaftaran setiap program yang berfungsi untuk menghubungkan
data pribadi pengguna di program tersebut. Dengan adanya registrasi, maka
memudahkan pengunjung untuk melakukan pemesanan tiket pesawat.

22
 Gambar 8. Halaman Registrasi

3.3.3 Halaman Login

Login merupakan halaman yang digunkaan oleh user/admin untuk dapat login ke
halaman website dengan memasukkan email dan password. Dengan adanya login,
dimungkinkan bahwa orang lain tidak dapat melakukan akses terhadap aplikasi
tersebut.Dengan melakukan login, maka pembeli bisa melakukan transaksi tiket
online dengan mudah.

23
 Gambar 9.Halaman Login

3.3.4 Fitur Pencarian Tiket Pesawat

Sebagai website yang menyediakan tempat pemesanan dan beli tiket pesawat, E-
flight menyediakan fitur pencarian tiket pesawat, sehingga pengguna dapat mencari
dan menemukan tiket pesawat sesuai keinginan dengan mudah.

24
 Gambar 10.Pilih Ticket pesawat

3.3.5 Pemesanan Tiket Pesawat

E-flight juga memungkin user dapat melakukan booking terhadap ticket yang sudah

dipilih.

25
 3.3.6 Data Plane
Fitur Plane memungkinkan admin dapat melakukan tambah, ubah dan hapus data
Plane, sehingga admin memiliki kontrol penuh terhadap fitur ini.

Gambar 11.Data Plane

26
 3.3.7 Data Bandara
Fitur airports memungkinkan admin dapat melakukan tambah, ubah dan
hapusdata bandara, sehingga admin memiliki kontrol penuh terhadap fitur ini.

Gambar 12.Data Bandara

3.3.8 Data Flight
Fitur flight memungkinkan admin dapat melakukan tambah, ubah dan hapus data
penerbangan , sehingga admin memiliki kontrol penuh terhadap fitur ini.

Gambar 13.Data Flight

27
 3.3.9 Data Tiket
Fitur tickets memungkinkan admin dapat melakukan tambah, ubah dan hapusdata
tiket pesawat, sehingga admin memiliki kontrol penuh terhadap fitur ini.

Gambar 14.Data Ticket Pesawat

28
 BAB IV

PENUTUP
4.1 Kesimpulan
Berdasarkan pembahasan yang telah disampaikan, penulis dapat
mengambilkesimpulan dari pembuatan laporan antara lain sebagai berikut:

1. Pengalaman penulis yang bertambah dalam bidang fullstack web dengan

menyelesaikan tugas dan proyek yang telah diberikan pihak penyelenggara.
2. Meningkatnya kemampuan softskill dan hardskill penulis saat menjadi
fullstackweb developer.
3. Penulis dapat memahami cara bagaimana memecahkan masalah yang
berkaitandengan fulstack web.
4. Penulis memahami cara menjadi fullstack web yang baik di dunia kerja.

4.2 Saran
Berdasarkan program MSIB tersebut penulis menyarankan :

1. Pemerintah konsisten dalam mengadakan program MSIB, agar para

mahasiswa/imemiliki kemampuan dan pengetahuan yang cukup untuk
memasuki dunia kerja.
2. Terjalin keterbukaan, wawasan, dan pola pikir, serta membangun relasi
antar mahasiswa/i di Indonesia.
3. Mengikuti program MSIB dengan tekun, karena manfaat yang di dapat
sangat banyak sekali.

29
 REFERENSI
Atmanto, R. S. (2015, 05 07). Untuk Apa Belajar Slicing? From
https://www.dumetschool.com/blog/untuk- apa-belajar-slicing.

DIVIDEGITAL. (2020, march 29). apa-itu-platform. From https://divedigital.id/apa-

itu-platform/. wikiwand. (n.d.). Sistem Penerbangan Instrumen Elektronik. From

https://www.wikiwand.com/id/Sistem_Penerbangan_Instrumen_Elektronik.

Harian, K. (2021, September 22). Arti Kata Registrasi: Proses Pencatatan hingga
Tahap Pendaftaran. Retrieved from kumparan.com:
https://kumparan.com/kabar- harian/arti-kata-registrasi-proses-pencatatan-
hingga-tahap-pendaftaran- 1wZuAsHz2dL/4

Indra, I. (2019, Juni 29). Apa Itu Landing Page? Pengertian, Fungsi, dan Contohnya.
Retrieved from NIAGAHOSTERblog: https://www.niagahoster.co.id/blog/apa- itu-
landing-page/

30
LAMPIRAN A PAKTA INTEGRITAS

B-1
B-1
 LAMPIRAN B LOG ACTIVITY
Table 1. Log Activity

Minggu/ Tgl Deskripsi Pembelajaran Hasil

Ke-1 / 01 – 05 Jadi selama 1 minggu ini , kami Minggu pertama ,
Agustus 2022 mempelajari 1 chapter yang berisi berkenalan dengan
4 topicdiantarnya : teman baru dan
Fullstack mampu berpikir
Html untuk tujuan
CSS dan kedepannya.
CSS framework.
Belajar bagaimana struktur dari html
jenis" css dan css framework
bootstrap.
Ke-2 / 08 – 12 Pada minggu ke 2 ini kami Mampu membuat
Agustus 2022 menuntaskan pembuatan challenge sebuah Landing
chapter 1 lalu beberapa siswa Pagesdengan
mempresentasikan kepada fasilitator component yang
berbeda diantarnya
Carousel
Accordion
Card dan lain
sebagainya.
Ke-3 / 15 – 19 Minggu ini kami mempelajari chapter 2 Mengetahui
Agustus 2022 yang ada memiliki 5 topic, tetapi yang penggunaan
dipelajari untuk minggu ini diantaranya templatebootstrap
: dan responsive
Terminal IDE , design

B-1
 Perintah- perintah yang ada pada GIT,
Responsive design
Ke-4 / 22 Selama 1 minggu ini kitaa belajar Mengetahui
– 26 chapter 2mulai dari git , css framework, pembuatan website
Agustu layout dan lainnya. setelah itu dengan responsive
s 2022 menyelesaikan challenge chapter 2 dan layout, lalu mampu
mempresentasikankepada fasilitator membuat akun
github dan
membuatproject
dengan github.
Ke-5 / 29 Minggu 1 chapter 3 ini , kami Mengetahui cara
Agustus mempelajaritentang operation pembuatan algoritma
– 02 expression. dasar dengan
September - Mempelajari javascript javascript, dapat
2022 dan pengenalan- menggunakan node
pengenalannya js dan
- Mempelajari Algoritma dasar menjalankannya
javascript dan Latihan
dengan livecoding
- Melakukan sharing
session dengan
AAO binar
Ke-6 / 05 Pada minggu ini kami mempelajari Mengetahui jenis-
– 09 tentangfunction"yang ada di jenis operator,
Septem javascript yaitu : penggunaan
ber 2022 - Function keyword , algoritma,
penggunaan
- Function keyword anonim dan
flowchart, dan

B-1
 penggunaan
- Arrow function
conditional
- Melaksanakan quiz terkait statement,
operatoraritmatika dan
alogritma pemograman
dilanjutkan dengan latihan pada
vscode mengenai algoritma
pemograman
setelah itu membahas tentang
pengerjaan challenge chapter 3 dan
diakhir minggu melaksanan presentasi
terhadap one on one
dengan fasil
Ke-7 / 12 Kegiatanku dalam satu minggu Mengetahui dan
– 16 ini yaitu : memahi tentang
September OOP , bagaimana
- Membahas bagaimana
2022 pembuatan method
sistem pengerjaan
, class dan object
challengen chpter 4.
lalu mempelajari 4
- Mempelajari materi chapter 4 pilar OOP yaitu ada
topic 1 tentang OOP pada inheritance,
javascript mengenai method, abstraction ,
function dan class lalu polymerphsim dan
dilanjutkan dengan ada DOM
latihanlive coding

- Mempelajari konsep konsep

OOPdiantaranya ada
inheritance, encapsulation
dan

B-1
 abstraction danpolymerphism.

- Melaksanakan latihan live

codingdan diberikan
tugas perkelompok
Mempresentasika hasil kerja kelompok
setelah itu membahassedikit
mengenai DOM
Ke-8 / 19 Pada minggu ini 1 minggu
– 23 saya belajar mengenai
September mempelajaritentang: node js , http server
2022 - Mempelajari mengenai Node dan membuat
JS danHTTP server challenge4
- Latihan menginstaal Node ,
menginstalnodemon dan membuar
server
Dilanjutkan dengan
pembuatan challenge
chapter 4
Ke-9 / 26 Kegiatanku satu minggu ini yaitu ; Mengetahui cara
– 30 menggunakan
September - Fasil menjelaskan express,
2022 mekanismepengerjaan perbandingan
untuk challenge 5 express dengan
framework lain, dan
- Mempelajari express js dengan
membuat CRUD
Latihan live coding yang
sederhana
diberikanoleh fasil
menggunakan API.
- Mempelajari Restfull API

B-1
 Mempelajari CRUD pada ejs
Ke-10 / 03 Pada minggu ini Mengetahui cara
– 07 saya membuat database
Oktober 2022 mempelajaritentang: dan membuat ORM
- Mempelajari materi chapter 6 untuk bagian
tentangDATABASE , setelah backend dari
mendownload postgreSQL dan project yang telah
pgAdmin dibuat sebelumnya
- Belajar mengenai querry
syntax dancara membuat
database dan tabel
- Saya mengansur membuat
databaseuntuk challenge
chapter 6, dan membuat bagian
backend nya
- Mempelajari mengenai ORM ,
yaitu membuat bagian backendnya
, model,migration dan seeders.
Lalu di implementasikan langsung
ke projct sebelumnya.
Seperti biasa , diakhir chpter kami
mengerjan pretest unutuk chapter 6 .
dilanjutkan dengan membahas
challenge
chapter 5
Ke-11 / 10 Kegiatanku selama satu minggu
– 14 ini yaitu:
Oktober 2022 Mengetahui cara
- Membahas mengenai
menggunakan design
pengerjaanchallenge 6

B-1
 pattern, kami telah
- Mempelajari materi topic
berhasil membuat
1 tentang design pattern
backend sesaui
dan diimplementasikan ke
dengan materi yaitu
backendyang telah dibuat
menggunakan
sebelumnya
service design
- Mempelajari topic 3 pattern dengan
tentangauthentication ditambahakan auth
Membuat login dan registrasi
menggunakan design pattern
Ke-12 / 17 Dalam minggu ini Mengetahui cara
– 21 kami membuat token dan
Oktober 2022 mempelajaritentang : current user , sayaa
- Belajar menambahkan token langsung
ke dalam user, saat login akan mengimplementasik
tampiltoken yang ada. kita an ke pengerjaan
hanya beljar 1jam karna fasil challengenya
ada keperluan mendesak, akan
dilanjutkan hari selasa
- Setelah menambahkan web
token,kami menambahkan
authorized kedalam endpoint
yang akan di tampilkan
(cars) lalu
membuatkancurrent user
- Membahas bagaimana
pengerjaanchallenge
- Menyicil pembuatan
challengechapter 6
Hari ini merupkan minggu terakhir
B-1
 dalam
chapter 6 , maka kami mengerjakan
pretestuntuk chapter 7, setelah pretest
kami memasuki breakout room unutk
berdiskusitentang challange 6 ,jika
ada yang kesulitanmaka teman bisa
membantu. setelah itu
dilanjutkan mengisi feedback
Ke-13 / 24 Pada minggu ini saya Mempelajari saya
– 28 melakukan kegiatan: penggunaan react
Oktober 2022 js dalam project
- Membahas topic 1 pada chapter 7.
dan juga react vite
Beljar tentang react js cara
menginstalldan membuatnya
- Membuat challange,
memindahkanlanding pages ke
react
- Belajar mengenai styling
css padareact js
Membuat challenge yang telah dicicil
sebelumnya
Ke-14 / 31 Kegiatanku selama dalam minggu ini ; Mengetahui routing
pada react js dan
Oktober – 04 - Mempeljari react tentang
menginstal react-
November routing ,bagaimmana cara
router-dom,
2022 menambahkan routing ke
mengimplementasik
dalam react js dengan
an redux kedalam
menginstal react-routing
project react
–
dom

B-1
 - Schedule yang dijadwalkan
pada jumatminggu lalu , kami
mempelajari tentang outh yaitu
login dengan google
- Beljar tentang redux , dan
cara
mengimplementasikannya ke
dalamproject react
- Perkelompok membahas
mengenai challenge , jika
ada yang belum bisadapat di
didiskusikan dengan teman
- Malaksanakan pre test
untuk chapter 8

, setelah itu dilanjutkan dnegan

pengisian weekly feedback, lalu
penyelesaian challenge chapter 8
Ke-15 / 07 Kegiatanku selama satu minggu Mengetahui cara
– 11 ini yaitu: melakukan testing
November data dan mendeploy
- Membahas challenge yang
2022 kodingan ke
akan dibuat
internet.
- Mempelajari materi 1
tentang websocket

- Membahas topic 2
tentang next js.setelah itu
kami mmebuat latihan
menggunkanan next js

B-1
 - Membahas rancangan membuat
challenge dan membhas sedikit
finalproject
Merealisasikan eslint ke dalam sebuah
project
Ke-16 / 14 Kegiatanku selama satu minggu ini Mengetahui cara
– 18 yaitu: melakukan unit
November testing, cara
- Fasil memberikan
2022 mengimplememtasi
gambaran mengenai final
unit test di project
project yangdikerjakan
react, cara
- Membahas matari topic
mengimplementasi
4 tentangunit testing
eslint, dan
- Mencobakan challenge dengan
penggunaan web
membuat eslint, dan menonton
socket.
recordkembali dari zoom
minggu lalu

- Kelas ditiadakan dan

dipindahakn harikamis. tapi saya
melanjutkan unutk membuat
challenge

- Belajar membuat deployment

denganmenggunakan railway app
Menyelesaikan challenge dan meminta
solusi mengenai problem yang ada
Ke-17 / 21 Kegiatanku selama satu minggu Mengetahui
– 25 ini yaitu cara menggunakan
trellountuk
- Mendiskusikan sprint planning

B-1
November untukfinal project pengerjaan proyek
2022 - Mendiskusikan mengenaii UI akhir dan
danlogi dari project meningkatkan
- Mendiskusikan bagian kebersamaan dalam
apa yangakan kami tim. Mendiskusikan
kerjakan terlebih dahulu pembuatan final
- Dalam sprint 1 kamii project dan sprint
membuat login dan register planning, tidak lupa
dengan integrasiAPI nya juga dengan
Mengadakan stand up bersamatim perkenalam kami
android
Ke-18 / 28 Kegiatanku selama satu minggu Mengetahui cara
ini yaitu: berkolaborasi
November –
pengerjaan proyek
02 - Membuat login UI
akhir dengan tim
Desember untukkebutuhan final
2022 project

- Memperbaiki tampilan
logindan registerr
untuk buyer

- Melakukan integrasi
APIuntuk register

- Memperbaiki bug yang error

- Menyempurnakan login
danregister dengan API
retrospective

B-1
Ke-19 / 05 Kegiatanku selama satu minggu Menyelesaikan
– 09 ini yaitu: login dan register
Desember bersaamaan dengan
- Mengejar sprint backlog
2022 fetch api nya
yang telahdibuat

- Mengadakan stand up
bersama dengantim android ,
lalu dilanjutkan dengan
pekerjaan masing masing nya
Ke-20 / 12 Kegiatanku selama satu minggu Mengetahui cara
– 16 ini yaitu: membuat tampilan
Desember dashboard admin
- Diskusi bagaimana progress
2022
darifinal project , saya
membuat tampilan untuk
dashboard admin

- Melanjutkan pekerjaan
final project yaitu
menambahkan isidari
dashboard admin
Melakukan stand up terlebih dahulu ,
lalu kembali melakukanpekerjaan
masing masing

B-1
 LAMPIRAN C DOKUMEN TEKNIK
Sistem Informasi E-Flight Ticket Platform dikembangkan dari dari sisi
frontend maupun backend. Oleh karena itu, penulis melampirkan dua repository yang
akan membantu pembaca dalam mengetahui lebih tentang source code aplikasi E-
Flight Ticket Platform, repository tersebut adalah :

1. Repository Frontend

Repository Frontend merupakan implementasi user interface dan integrasi API

sehingga pengguna dapat mengakses aplikasi dengan lebih mudah dan user friendly.

Link Repository Frontend: https://github.com/Aisyawldr/Final-project-FE

2. Repository Backend

Repository Backend adalah berupa sumber, fungsi dan dokumentasi yang

diintegrasikan pada bagian frontend mapun mobile.

Link Repository Backend: https://github.com/Aisyawldr/Final-project-FE

3. Link Hosting Website

Repository Backend adalah berupa sumber, fungsi dan dokumentasi yang

diintegrasikan pada penampilan hasil akhir website yang telah dibuat.

Link Hosting Website : https:// dynamic-trifle-00345e.netlify.app

B-1