![Laporan - Akhir - Aisya Wulandari - MSIB [PDF]](https://pdfs.asia/img/200x200/laporan-akhir-aisya-wulandari-msib.jpg)
13 0 1 MB
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
diberikanfasilitator.
14
dengan
referensi
yang
telah
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 bagianbagian 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, Eflight 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.
3.3.8
Data Flight
Gambar 12.Data Bandara
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/apaitu-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-pencatatanhingga-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- itulanding-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 Ke-2 / 08 – 12
bootstrap. 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
layout dan lainnya. setelah itu
dengan responsive
menyelesaikan challenge chapter 2 dan
layout, lalu mampu
mempresentasikankepada fasilitator
membuat akun
Agustu s 2022
github dan membuatproject dengan github. Ke-5 / 29
Minggu 1 chapter 3 ini , kami
Mengetahui cara
Agustus
mempelajaritentang operation
pembuatan algoritma
expression.
dasar dengan
– 02 September
-
2022 -
Mempelajari javascript
javascript, dapat
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
– 09
tentangfunction"yang ada di
jenis operator, penggunaan
Septem javascript yaitu : ber 2022
Mengetahui jenis-
-
Function keyword ,
-
Function keyword anonim dan
B-1
algoritma, penggunaan flowchart, dan
-
Arrow function
-
Melaksanakan quiz terkait operatoraritmatika dan
penggunaan conditional statement,
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 2022
-
Membahas bagaimana sistem pengerjaan challengen chpter 4.
-
Mempelajari materi chapter 4 topic 1 tentang OOP pada javascript mengenai method, function dan class lalu dilanjutkan dengan latihanlive coding
-
Mempelajari konsep konsep OOPdiantaranya ada inheritance, encapsulation dan B-1
OOP , bagaimana pembuatan method , class dan object lalu mempelajari 4 pilar OOP yaitu ada inheritance, abstraction , polymerphsim dan ada DOM
abstraction danpolymerphism. - Melaksanakan latihan live
codingdan
diberikan
tugas perkelompok Mempresentasika hasil kerja kelompok setelah
itu
membahassedikit
mengenai DOM Ke-8 / 19
Pada minggu ini
– 23
saya
belajar mengenai
September
mempelajaritentang:
node js , http server
2022
-
1 minggu
Mempelajari mengenai Node
dan membuat
JS danHTTP server
challenge4
Latihan menginstaal Node , menginstalnodemon dan membuar server
Dilanjutkan dengan pembuatan challenge Ke-9 / 26
chapter 4 Kegiatanku satu minggu ini yaitu ;
menggunakan
– 30 September
Mengetahui cara
-
2022
-
Fasil menjelaskan
express,
mekanismepengerjaan
perbandingan
untuk challenge 5
express dengan
Mempelajari express js dengan Latihan live coding yang diberikanoleh fasil
-
Mempelajari Restfull API
B-1
framework lain, dan membuat CRUD sederhana menggunakan API.
Mempelajari CRUD pada ejs Ke-10 / 03
Pada minggu ini
Mengetahui cara
– 07
saya
membuat database
mempelajaritentang:
dan membuat ORM
Oktober 2022
- Mempelajari materi chapter 6
untuk bagian
tentangDATABASE , setelah
backend dari
mendownload postgreSQL dan
project yang telah
pgAdmin
dibuat sebelumnya
- Belajar
syntax
mengenai dancara
querry 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 Ke-11 / 10 – 14 Oktober 2022
chapter 5 Kegiatanku selama satu minggu ini yaitu: -
Membahas mengenai pengerjaanchallenge 6 B-1
Mengetahui cara menggunakan design
-
Mempelajari materi topic 1 tentang design pattern dan diimplementasikan ke backendyang telah dibuat sebelumnya
-
Mempelajari topic 3 tentangauthentication
Membuat login dan registrasi
pattern, kami telah berhasil membuat backend sesaui dengan materi yaitu menggunakan service design pattern dengan ditambahakan auth
menggunakan design pattern Ke-12 / 17
Dalam minggu ini
Mengetahui cara
– 21
kami
membuat token dan
mempelajaritentang :
current user , sayaa
Oktober 2022
-
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
- Membahas topic 1 pada chapter 7.
Beljar tentang react js cara
js dalam project dan juga react vite
menginstalldan membuatnya - Membuat challange,
memindahkanlanding pages ke react - Belajar mengenai styling
css padareact js Membuat challenge yang telah dicicil sebelumnya Ke-14 / 31 Oktober – 04
Kegiatanku selama dalam minggu ini ; - Mempeljari react tentang
November
routing ,bagaimmana cara
2022
menambahkan routing ke dalam react js dengan menginstal react-routing – dom B-1
Mengetahui routing pada react js dan menginstal reactrouter-dom, mengimplementasik an redux kedalam project react
- 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 Ke-15 / 07 – 11 November 2022
penyelesaian challenge chapter 8 Kegiatanku selama satu minggu
melakukan testing
ini yaitu: -
Membahas challenge yang akan dibuat
-
Mempelajari materi 1 tentang websocket
-
Mengetahui cara
Membahas topic 2 tentang next js.setelah itu kami mmebuat latihan menggunkanan next js
B-1
data dan mendeploy kodingan ke internet.
-
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 2022
-
Fasil
memberikan
gambaran mengenai final project yangdikerjakan -
Membahas matari topic 4 tentangunit testing
-
Mencobakan challenge dengan membuat eslint, dan menonton recordkembali dari zoom
testing, cara mengimplememtasi unit test di project react, cara mengimplementasi eslint, dan penggunaan web socket.
minggu lalu -
Kelas ditiadakan dan dipindahakn harikamis. tapi saya melanjutkan unutk membuat challenge
-
Belajar membuat deployment denganmenggunakan railway app
Menyelesaikan challenge dan meminta Ke-17 / 21 – 25
solusi mengenai problem yang ada Kegiatanku selama satu minggu ini yaitu -
Mengetahui cara menggunakan
Mendiskusikan sprint planning B-1
trellountuk
November 2022
-
-
untukfinal project
pengerjaan proyek
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 November – 02
Kegiatanku selama satu minggu
Mengetahui cara
ini yaitu:
berkolaborasi
-
Membuat login UI
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
pengerjaan proyek akhir dengan tim
Ke-19 / 05
Kegiatanku selama satu minggu
Menyelesaikan
– 09
ini yaitu:
login dan register
Desember 2022
-
Mengejar sprint backlog yang telahdibuat
-
bersaamaan dengan fetch api nya
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 2022
-
Diskusi bagaimana progress 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
dashboard admin
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 EFlight 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
