LAPORAN TENGAH/AKHIR

MAGANG & STUDI INDEPENDEN BERSERTIFIKAT

How to be an Ideal Top Search ReactJS Front-End Engineer

Di PT. Marka Kreasi Persada

Diajukan untuk memenuhi persyaratan kelulusan

Program MSIB MBKM

oleh :

Hanna Firdausiah Fasya Kamilla / 3.34.20.0.12

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK ELEKTRO

POLITEKNIK NEGERI SEMARANG

2022
 Lembar Pengesahan Program Studi Teknik Informatika

Politeknik Negeri Semarang

How to be an Ideal Top Search ReactJS Front-End Engineer

Di Politeknik Negeri Semarang

oleh :

Hanna Firdausiah Fasya Kamilla / 3.34.20.0.12

disetujui dan disahkan sebagai

Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Semarang, 24 Desember 2022

Pembimbing Magang atau Studi Independen Program Studi Teknik Informatika Politeknik Negeri Semarang

Tri Raharjo Yudantoro, S.Kom., M.Kom.

NIP. 196810252000121001

Lembar Pengesahan

Pembuatan Front End Forum Group Discussion Discuss.In

Menggunakan React JS

Di PT. Marka Kreasi Persada

oleh :

Hanna Firdausiah Fasya Kamilla / 3.34.20.0.12

i
 disetujui dan disahkan sebagai

Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Semarang, 24 Desember 2022

Mentor

Rully Saputra

Abstraksi

MSIB merupakan bagian dari program Kampus Merdeka yang bertujuan memberikan kesempatan pada mahasiswa untuk belajar dan

mengembangkan dirimelalui aktivitas di luar kelas perkuliahan. Terdapat banyak mitra yang ikut berkontribusi dalam mengasah

pengetahuan mahasiswa salah satunya PT. Marka Kreasi Persada. Program MSIB Alterra Academy merupakan bootcamp singkat Alterra

Acdemy dan pengerjaan mini project hingga capstone project atau project akhir bersertifikasi yang memiliki lima (5) program belajar

berbeda, salah satunya adalah React JS. Dalam program ini, ada beberapa teori yang akan diajarkan diantaranya Version Control and

Branch Management (GIT), Figma, HTML, CSS, Bootstrap, Javascript Refreshment, Clean Code, Introduction Algorithm, Introduction

React,, React Fundamental, Event Handling, React Hook, React Routing, React Form, Global State Management and Data Fetching, Testing,

Deployment, Graph QL (Basic, Database, Query and Apollo Client, Mutation, Subscription). Diharapkan setelah mengikuti program ini,

peserta menguasai dasar dari web development khususnya React JS dan dapat mengaplikasikannya pada capstone projrct atau final project

berupa pembuatan Forum Group Discussion “Discuss.In ” Menggunakan React JS. Mahasiswa/I yang lulus pada program ini diharapkan

mampu membuat sebuah website berbasis freamwork javascript dan membauat aplikasi mobile sederhana berupa Android/IOS dan mampu

berkerja sebagai Front-end Developer ataupun Mobile Apps Developer.

Kata Kunci : MSIB, Alterra Academy, React JS, Fron-end Developper

ii
 Kata Pengantar

Segala puji bagi Allah SWT, Tuhan semesta alam yang telah memberikan taufik dan hidayah-Nya untuk kita semua. Shalawat serta salam

semoga senantiasa tercurah kepada junjungan kita Nabi Allah, Muhammad SAW yang kita nantikan syafaatnya diakhirat kelak. Dalam

kesempatan kali ini, penulis ingin menyampaikan ucapan terima kasih kepada semua pihak yang telah membantu serta membimbing

penulisdalam melaksanakan salah satu program kampus merdeka yakni Magang atau Studi Independen Bersertifikat Batch 3 tahun 2022

sampai dengan tersusunnya laporan ini, kepada :

1. Ibu Idhawati Hestiningsih, S.Kom., M.Kom., selaku Ketua Program Studi Teknik Elektro Politeknik Negeri Semarang yang telah

memberikan izin melaksanakan untuk mengikuti Magang Studi Independen Bersertifikat di PT. Marka Kreasi Persada (Alterra

Academy)

2. Bapak Yusnan Badruzzaman, S.T., M.Eng. selaku PIC Kampus Merdeka Politeknik Negeri Semarang

3. Bapak Tri Raharjo Yudantoro, S.Kom., M.Kom. sekalu dosen pembimbing program Magang Studi Independen Bersertifikat di

Politeknik Negeri Semarang

4. Kak Rully Saputra selaku Mentor Kelas C How to be an Ideal Top Search ReactJS Front-End Engineer

5. Seluruh pengurus, dan mentor PT. Kreasi Marka Persada lainnya yang sudah membimbing saya dalam menyelesaikan kegiatan Studi

Independen ini.

Akhir kata, semoga laporan Magang atau Studi Independen Bersertifikat ini dapat berguna, baik bagi penulis ataupun bagi pembaca.

Penulis menyadari bahwa dalam penyusunan laporan ini masih jauh dari kata sempurna.

Semarang, 24 Desember 2022

Hanna Firdausiah Fasya Kamilla / 3.34.20.0.12

iii
 Daftar Isi

Lembar Pengesahan Program Studi Teknik Informatika

Lembar Pengesahan PT. Marka Kreasi Persada

Abstrakasi

Kata Pengantar

Daftar Isi

Daftar Gambar

Bab I Pendahuluan

1.1 Latar Belakang

1.2 Lingkup

1.3 Tujuan

Bab 2 PT.Kreasi Marka Persada

II.1 Struktur Organisasi

II.2 Lingkup Project

II.3 Deskripsi Project

II.4 Jadwal MSIB

Bab III How To Be an Ideal Top Search React JS Front End Developper III-1

III.1 DesKripsi Capstone Project III-1

III.2 Proses Pengerjaan Capstone Project III-1

III.3 Hasil Capstone Project III-1

Bab IV Penutup IV-1

IV Kesimpulan IV-1

IV Saran IV-1

Refrensi vii

Lampiran A TOR A-1

Lampiran B Log Activity B-1

Lampiran C Dokumen Teknik C-1

Daftar Gambar

iv
Gambar II.1 Struktur Organisasi Alterra Academy............................................................................................................................................ 1

Gambar III.1 Live Session Bersama Mentor...................................................................................................................................................... 4

Gambar III.2 Tampilan Trello untuk Capstone Project...................................................................................................................................... 6

Gambar III. 3 Tampilan desain UI/UX untuk Role Front-end Capstone Project................................................................................................ 6

Gambar III.4 Halaman Landing Page Website Discuss.In................................................................................................................................. 8

Gambar III.5 Login Halaman Admin Discuss.In................................................................................................................................................ 9

Gambar III.6 Halaman Dashboard Admin Discuss.In........................................................................................................................................ 9

Gambar III.7 Halaman Admin Discuss.In untuk Detail User............................................................................................................................ 10

v
 7

Bab I Pendahuluan

I.1 Latar belakang

Kampus Merdeka merupakan bagian dari kebijakan Merdeka Belajar oleh Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi

Republik Indonesiayang memberikan kesempaatan bagi mahasiswa/i untuk mengasah kemampuan sesuai bakat dan minat dengan terjun

langsung ke dunia kerja sebagai persiapankarier masa depan. Kampus merdeka tersebut merupakan kerangka untuk menyiapkan mahasiswa

menjadi sarjana yang tangguh, relevan dengan kebutuhanzaman, dan siap menjadi pemimpin dengan semangat kebangsaan yang tinggi.

Banyak program kampus merdeka yang dapat di ikuti mahasiswa guna mengasah skill untuk mempersiapkan karier di masa depan, salah

satunya adalah program Studi Independen Bersertifikat, 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.

Pada kegiatan ini mahasiswa akan difasilitasi untuk mengikuti bidang kegiatan yang menjadi prioritas atau unggulan dari mitra. Salah satunya

PT. Marka Kreasi Persada yang memiliki empat program belajar yang berbeda,diantaranya adalah Para mahasiswa dapat memilih 1 dari 5

program yang telah disediakan, dan diharapkan mampu mengasah pengetahuan mahasiswa dalam bidang teknologi yang mendalami

pemikiran digital mindset, problem solving, critical thinking melalui coding. Program ini dilaksankan online, secara synchronous dan

asynchronous dalam 1 semester.

Menurut analisis Oxford Economics pada tahun 2030 mendatang, ada sekitar 20 juta pekerjaan manfuktur di dunia akan digantikan oleh robot.

Untuk membuat robot-robot tersebut bekerja secara baik dan memahami perintah manusia, diperlukan keterampilan coding.

Poin utama dalam belajar coding adalah kemampuan memecahkan masalah. Programmer dituntut untuk menyelesaikan masalah secara cepat

dan menemukan solusi baru bagaimana mengatasi masalah tersebut. Coding merupakan salah satu jalan yang bisa dipilih untuk mengasah

pola pikir dan kemampuan problem solving serta membiasakan diri menampilkan kreativitas. Menjadi seorang programmer akan membentuk

pribadi yang berpikir secara terstruktur, sistematis dan efisien.

Setiap modul pembelajaran yang disediakan dikemas secara khusus agar dapat memahami konsep technology, serta soft skills dan hard skills

apa yang diminati oleh perusahaan-perusahaan, dan mempraktekkan secara langsung melalui pembelajaran coding dan kegiatan proyek

kelompok dan individu.

I.2 Lingkup

Adapun lingkup projek selama mengikuti Magang dan Studi IndependenBersertifikat yaitu :

1. Tugas Harian
2. Mini Project (Kasir App)

3. Capstone Project (Forum Group Discussion “Discuss.In ”)

I.3 Tujuan

Adapun tujuan dari kegiatan Magang Studi Independen Bersertifikat yaitu:

1. Mengasah hardskill dan soft skill

2. Mengimplematasikan React JS dalam mengembangkan sebuah front end website

3. Mersiapkan diri untuk berkarier di masa depan khususnya pada bidang teknologi
 II-1

Bab II PT. Kreasi Marka Persada

II.1 Struktur Organisasi

Adapun struktur organisasi PT. Kreasi Marka Persada sebagai berikut :

Gambar II.1 Struktur Organisasi Alterra Academy

Alterra Academy adalah sebuah platform akselerasi karir di bidang tech yang membantu para talent potensial untuk menjadi versi terbaik dari

diri mereka dan membantu organisasi di Indonesia untuk mendapatkan talenta yang terbaik untuk organisasi mereka. Alterra Academy

dikelola oleh seorang CEO bernama Ananto Wibisono. Alterra Acdemy terdiri dari beberapa divisi diantaranya finance, academic,

Immersive Program, Business Development, Engineering, dan PM.

II.2 Lingkup Pekerjaan

Pada pembelajaran individu, setiap peserta akan mengikuti kelas dalam bentuk asynchronous (terdiri dari Pre-Preparation Learning dengan

menyaksikan video pembelajaran, mengerjakan quiz + summary materi, mengerjakan tugas praktek individu dan belajar mandiri menyaksikan

video pembelajaran) dan bentuk synchronous dengan mengikuti Live session dimana peserta dapat berkonsultasi dengan expert/mentor secara

langsung terkait materi yang dipelajari sebelumnya melalui tipe pembelajaran asynchronous. Semua bahan materi pembelajaran dapat di

akses di website https://academy.alterra.id/. Adapun berikut uraian sistem pembelajaran di Alterra Academy :
1. Technical Skill Clas (Software Devlopment)

Peserta program mengikuti kelas intensif yang akan berfokus pada penguasaan keterampilan seputar fundamental software engineering

dan cara mengaplikasikannya pada sisi Backend dan Frontend.

2. Proffesional Skill Class (Non-Technical)

Kelas ini bertujuan untuk memberi pandangan dalam berkarir di dunia teknologi serta, cara kita untuk memulai dan melewati prosesnya

serta skill non-technical yang dibutuhkan oleh para profesional.

3. Capstone Project

Produk teknologi yang akan dibuat berdasarkan real case dari produk apa yang sedang menjadi kebutuhan di industri atau produk

teknologi yang sedang di develop oleh Alterra Group. Fase ini akan mendapatkan pengalaman layaknya development team di dunia

kerja.
II.3 Deskripsi Pekerjaan

Tuliskan deskripsi setiap tahap pekerjaan yang dilakukan (lebih rinci dari I.2), dilengkapi dengan deskripsi pekerjaan mahasiswa terkait

dengan divisi tempat mahasiswa bekerja/belajar.

1. Tugas Harian

Tugas harian yang harus dikerjakan diantaranya technicaliltask (Coding), Quiz, dan summary pada setiap topik materi yang diupload

pada repository Github.

2. Mini Project

Mini project merupakan tugas semi akhir yang dikerjakan secara individu. Pada mini Project penulis membuat Kasir App menggunakan

3. Capstone Project

Capstone project merupakan tugas akhir / final akhir yang dikerjakan secara kelompok. Setiap kelompok terdiri atas 5 role diantaranya,

UI/UX, Flutter Engineer, Front End Engineer, Backend Engineer, dan Quality Assurace Engineer.

II.4 Jadwal Kerja

Peserta akan mendapatkan materi intensif dari instruktur professional yangahli di bidangnya selama 4 bulan, 2 bulan pertama live session

diadakan dari hari senin-jumat, sedangkan 2 bulan setalhnya live session diadakan selama satu minggu tiga kali. Setiap live session berdurasi

2,5 jam. Setelah belajar mengenai teori dasar, peserta akan diberi tugas untuk membuat capstone project dan diberi waktu selama 1 bulan

untuk menyelesaikan capstone project tersebut secara berkelompok. Hasil akhir untuk source codediletakkan pada repository Github dan

harus di lakukan deployment online via Heroku/Netlify. Hasil tugas akhir akan diperiksa oleh instruktur/mentoryang mengajar di kelas.

Selama pengerjaan final project, peserta akan mendapatkan sesi mentoring sehingga peserta bisa mendapatkan feedback dari mentor untuk

menyempurnakan capstone project.

Bab III How to be an Ideal Top Search ReactJS Front-End Engineer

How to be an Ideal Top Search ReactJS Front-End Engineer Program meliputi pembelajaran individu dengan menggunakan bahasa

pemrograman React JS dan projek akhir dalam bentuk tim yang terdiri dari beberapa keahlian khusus. Pada pembelajaran individu, setiap

peserta akan mengikuti kelas dalam bentuk asynchronous (terdiri dari Pre-Preparation Learning dengan menyaksikan video pembelajaran,
mengerjakan quiz + summary materi, mengerjakan tugas praktek individu dan belajar mandiri menyaksikan video pembelajaran) dan bentuk

synchronous dengan mengikuti Live session dimana peserta dapat berkonsultasi dengan expert/mentor secara langsung terkait materi yang

dipelajari sebelumnya melalui tipe pembelajaran asynchronous.

Pada akhir pembelajaran, setiap peserta akan mengikuti ujian akhir berupa pembuatan projek akhir / Capstone Project dan melakukan

presentasi projek akhir mereka sebagai syarat kelulusan yang mana akan dihadiri oleh setiap Kaprodi / Dosen Pembimbing mereka untuk

melihat secara langsung perkembangan mahasiswa mereka baik dari segi technical skill maupun soft skill.

Gambar III.1 Live Session Bersama Mentor

III.1 Deskripsi Capstone Project

Peserta mengimplementasikan hasil pembelajaran dengan merancang dan membuat sebuah produk teknologi berupa aplikasi sesuai dengan

trend dan kebutuhan industri secara kelompok dengan cross functional. Pada fase capstone project berupa kolaborasi dari beberapa role seperti

Backend Engineer, Frontend Engineer, UI/UX Designer, Mobile Engineer, dan Quality Engineer yang akan ditutup dengan presentasi

Capstone Project yang akan dihadiri oleh masing-masing Kaprodi. Selama fase capstone project peserta akan dibina dan dibimbing oleh

mentor sehingga bisa menyelesaikan capstone project dengan baik.

III.2
Proses Pengerjaan Capstone Project

Capstone project terdiri atas lima role diantaranya UI/UX, Front End Engineer, Back End Engineer, Flutter Engineer, dan Quality

Assurance Engineer yang tergabung menjadi satu. Pada kesempatan kali ini penulis tergabung pada Tim Front-End Engineer yang bertugas

mengimplementasikan desain halaman admin dan landing page yang sudah dibuat oleh tim UI/UX.
Pada Capstone Project untuk kelompok penulis membuat Forum Group Discussion bernama Discuss.In . Discuss.In merupakan sebuah

platform yang ditujukan sebagai wadah untuk focus group disscussion, yaitu interaksi antar pengguna untuk mendapatkan suatu informasi.

Setiap pengguna mempunyai kesempatan yang sama untuk memberikan pertanyaan, berkomentar dan mengajukan sebuah pertanyaan. Tujuan

dari platform ini yakni untuk memperoleh masukan atau informasi mengenai permasalahan yang sifatnya lokal dan spesifik, namun

penyelesaian tentang masalahnya ditentukan oleh masing-masing pihak atau sesuai opini/pengetahuan berdasar pada masing-masing

pengguna.

Tim QA menggunakan Trello sebagai To do list bagi setiap role untuk mengerjakan tugasnya, berikut tampilan Trello yang ditunjukan pada

gambar di bawah ini :

Gambar III.2 Tampilan Trello untuk Capstone Project

Tim Front end dengan UI/UX juga harus selalu saling bekerja sama supaya website dapat diimplematasikan sesuai dengan desain yang sudah

dibuat. Berikut merupakan desain halaman dari tim UI/UX yang harus tim Front End buat :
 Gambar III. 3 Tampilan desain UI/UX untuk Role Front-end Capstone Project

III.3 Hasil Capstone Project

Halaman Landing Page

 Gambar III.4 Halaman Landing Page Website Discuss.In

Halaman Admin

Gambar III.5 Login Halaman Admin Discuss.In

 Gambar III.6 Halaman Dashboard Admin Discuss.In

Gambar III.7 Halaman Admin Discuss.In untuk Detail User

 IV-1

Bab IV Penutup

IV.1 Kesimpulan

Program Magang Studi Independen Bersertifikat Batch 3 dilakasanakan dari tanggal 19 Agustus sampai dengan 31 Desember 2022 dengan

kurang waktu 4 bulan dengan proses pembelajaran selama 8 minggu ). How to be an Ideal Top Search ReactJS Front-End Engineer Program

meliputi pembelajaran individu dengan menggunakan bahasa pemrograman React JS dan projek akhir dalam bentuk tim yang terdiri dari

beberapa keahlian khusus.

Pada pembelajaran individu, setiap peserta akan mengikuti kelas dalam bentuk asynchronous (terdiri dari Pre-Preparation Learning dengan

menyaksikan video pembelajaran, mengerjakan quiz + summary materi, mengerjakan tugas praktek individu dan belajar mandiri menyaksikan

video pembelajaran) dan bentuk synchronous dengan mengikuti Live session dimana peserta dapat berkonsultasi dengan expert/mentor secara

langsung terkait materi yang dipelajari sebelumnya melalui tipe pembelajaran asynchronous.

IV.2 Saran

Adapun saran mengenai proses pelaksanaan MSIB PT. Marka Kreasi Persada, diantaranya sebagai berikut :

1. Senantiasa menjalin hubungan baik dengan berbagai instansi, lembaga,maupun perusahan yang berpotensi mengembangkan

pengetahuan danwawasan peserta yang akan melaksanakan program MSIB Kampus Merdeka batch selanjutnya

2. Diharapkan dapat tetap ikut serta dalam program MSIB Kampus Merdeka

3. Meningkatkan kualitas perlayanan akademik serta menyuluruh, khususnya pada tahap persiapan MSIB

Referensi

[1] Microcredential. (2021). Panduan Singkat Magang dan Studi IndependenBersertifikat untuk Mahasiwa. Jakarta: Microcredential.

[2] Kemendikbud. 2020. Buku Panduan Merdeka Belajar - Kampus Merdeka.Jakarta: Direktorat Jendral Pendidikan Tinggi Kemdikbud RI.

[3] Seputar Alterra Academy. https://alta.id/kampus-merdeka/ (diakses pada 24 Desember 2022)

8
Bab V Lampiran A. TOR

Terms of Reference

How to be an Ideal Top Search ReactJS Front-End Engineer

Nama Perusahan : PT. Marka Kreasi Persada

Program : Studi Independen Kampus Merdeka

Kegiatan : How to be an Ideal Top Search ReactJS Front-End Engineer

Periode Kegiatan : 19 Agustus – 31 Desember 2022

1. Topik Pembelajaran

Dalam program ini, ada 7 teori utama yang akan diajarkan diantaranya Capstone Project, Graph QL, Fundamental Front End, Mastering

Fronet End with React, Profeesional Skill, Mini Project, dan Coding Competence.

2. Detail Kegiatan

How to be an Ideal Top Search ReactJS Front-End Engineer Program meliputi pembelajaran individu dengan menggunakan bahasa

pemrograman React JS dan projek akhir dalam bentuk tim yang terdiri dari beberapa keahlian khusus. Pada pembelajaran individu, setiap

peserta akan mengikuti kelas dalam bentuk asynchronous (terdiri dari Pre-Preparation Learning dengan menyaksikan video pembelajaran,

mengerjakan quiz + summary materi, mengerjakan tugas praktek individu dan belajar mandiri menyaksikan video pembelajaran) dan bentuk

synchronous dengan mengikuti Live session dimana peserta dapat berkonsultasi dengan expert/mentor secara langsung terkait materi yang

dipelajari sebelumnya melalui tipe pembelajaran asynchronous.

Pada akhir pembelajaran, setiap peserta akan mengikuti ujian akhir berupa pembuatan projek akhir dan melakukan presentasi projek akhir

mereka sebagai syarat kelulusan yang mana akan dihadiri oleh setiap Kaprodi / Dosen Pembimbing mereka untuk melihat secara langsung

perkembangan mahasiswa mereka baik dari segi technical skill maupun soft skill.

Pada projek akhir ini merupakan gabungan dari beberapa program kami, sehingga 1 kelompok terdiri dari siswa BackEnd Engineer, siswa

Front End Engineer, siswa Mobile Engineer, siswa UI UX Designer, dan siswa Quality Engineer sehingga membantu mahasiswa untuk

mendapatkan pengalaman layaknya dunia kerja yang membutuhkan kerja sama, kolaborasi komunikasi antar tim, selain itu siswa dapat

mengimplementasikan ilmu yang telah dipelajari sebelumnya dengan membuat sebuah produk teknologi berdasarkan real case.

Selama proses pembelajaran akan didampingi oleh mentor agar peserta dapat lebih mengerti setiap materi yang mereka pelajari sehingga

peserta dapat membuat produk teknologi yang memenuhi standard.

A-1
Selain itu selama fase final project, pendampingan mentor akan ditentukan berdasarkan jadwal bimbingan agar perkembangan tugas setiap

kelompok tetap terpantau dan setiap kelompok tetap dapat berkonsultasi serta mendapatkan arahan dari mentor

3. Target Kegiatan

Lulusan program ini diharapkan dapat menerapan React JS pada pembuatan Front End web. Selain itu, lulusan program ini diharapkan

memiliki kemampuan untuk bekerja sebagai Front End Developer. Selain itu, capstone project akan menjadi tambahan portofolio yang bisa

digunakan peserta di kemudian hari.

4. Detail Alur Bimbingan

• Instruktur dan peserta menggunakan learning management system (LMS) dimana proses belajar mengajar akan mengacu pada

konten yang tersedia di learning management website Alterra Academy tersebut.

• Akses ke learning management system akan diberikan oleh Tim Alterra Academy.

• Pada LMS akan terdapat konten/material pembelajaran berupa video pembelajaran, materi, assignment/quiz dan projek akhir

dimana project merupakan project real-world dan relevan dengan kebutuhan di bidang programming saat ini.

• Program akan dibawakan dalam Bahasa Indonesia dan komponen pembelajaran adalah 20% teori dan 80% practical learning.

• Live session akan menggunakan Zoom dimana 2 bulan pertama diadakan dari hari senin-jumat, dan 2 bulan setelahnya diadakan

setiap hari senin, rabu, jumat dengan durasi selama 2,5 jam per live session.

• Pengumpulan tugas dengan deadline satu hari setelah live session yang dikumpulkan pada Github.

• Hasil tugas akhir akan diperiksa oleh instruktur/mentor yang mengajar di kelas.

• Mentorship final project akan dilakukan 3 kali dalam minggu sekali dengan durasi 2,5 jam.

vii
Bab VI Lampiran B. Log Activity

Minggu/Tgl Kegiatan Hasil

ke-1 (19 Agustus Live Session dan Minggu ke-1 dimulai pada hari jumat tanggal 19 Agustus 2022, dilakukan opening

2022) mandiri ceremony melalui zoom meeting. Disini saya mendapatkan bekal untuk mengikuti Studi

Independen di kampus merdeka khususnya pada mitra Alterra Academy. Adapaun dalam

zoom tersebut saya mendapatkan informasi mengenai mekanisme pembelajaran, alur

studi Independen, pembagian kelas, dan pengenalan para mentor.

ke-2 (22-26 Agustus Live Session dan Pada tanggal 22-26 Agustus , saya mengikuti live sessio sebanyak 3 kali dalam

2022) mandiri seminggu. Pada satu minggu ini saya belajar mengenai Git dan Figma. Git merupakan

version control untuk colaborasi yang bisa melihat code orang lain. Sedangkan, Figma

merupakan Editor grafis vektor dan alat pembuatan prototipe yang terutama berbasis

web, dengan fitur offline tambahan yang diaktifkan oleh aplikasi desktop untuk macOS

dan Windows. Selain mempelajari materi, saya juga mengerjakan tugas praktikum, Quiz,

dan summary di setiap sub materi yang dikumpulkan pada repository Github.

ke-3 (29 Agustus – Live Session dan Pada tanggal 22-26 Agustus , saya mengikuti live sessio sebanyak 3 kali dalam

2 September 2022) mandiri seminggu. Pada satu minggu ini saya belajar mengenai Git dan Figma. Git merupakan

version control untuk colaborasi yang bisa melihat code orang lain. Sedangkan, Figma

merupakan Editor grafis vektor dan alat pembuatan prototipe yang terutama berbasis

web, dengan fitur offline tambahan yang diaktifkan oleh aplikasi desktop untuk macOS

dan Windows. Selain mempelajari materi, saya juga mengerjakan tugas praktikum, Quiz,

dan summary di setiap sub materi yang dikumpulkan pada repository Github.

ke-4 (5-9 September Live Session dan Pada minggu ini saya belajar mengenai Javascript Refreshment, konsep clean code, dan

2022) mandiri algoritma. Kemudia pada minggu ini saya juga mengerjakan tugas tugas yang perlu

dikumpulkan pada Alta.id. Selain itu, saya juga mengikuti live session profesional skill

sebanyak 2 kali dan mengerakan post test sebanyak 2 kali. Pada minggu ini juga ada

B-1
 Hackerrank.

ke-5 (12-16 September Live Session dan Pada minggu ini saya belajar technical skill mengenai introduction react.js, fundamental

2022) mandiri react.js, dan event handling pada react js yang masing-masing terdapat praktikum, soal

pilgan, dan summary task pada Alta.id. Selain itu saya juga megikuti proffesional skill

yang membahas mengenai bagaimana membangun cv yang baik dan basic

communication skill yang pada akhir sesi mengerjakan post test.

ke-6 (19-23 September Live Session dan Pada Minggu ke-6 saya mempelajari materi lanjutan React JS khususnya mengenai

2022) mandiri React Hook, React Routing, dan React Form beserta submit tugas pratikum, summary,

dan soal pilgan pada setiap materi. Dan, mengikuti proffesional class sebanyak 2 kali

termasuk mengerjakan pre-test dan post-test.

ke-7 (26-30 September Live Session dan Pada minggu ke-7 saya belajar mengenai Global state managemen, fetching, deployment

2022) mandiri pada React JS. Selain itu saya belajar mengani basic, relational database, query and

apollo client, mutation, subscription pada graph QL.Kemudian, saya juga mengikuti

proffesional class sebanyak 2 kali yang membahas mengenai Hak-hak sebagai Tenaga

Kerja & Cara Negosiasi Gaji dan Preparing Your Mindset for the Future.

Ke-8 (3-7 Oktober Live Session dan Pada Minggu ke-8, 03 - 07 Okt 2022, saya belajar mengani Graph QL melalui video

2022) mandiri pembelajaran pada Alta.id dan technical skill live session. Kemudian, saya

mengumpulkan tugas-tugas yang belum diantaranya summary, praktikum, dan soal

pilihan ganda yang harus diupload pada github maupun Alta.id. Pada minggu ke-8 sudah

tidak ada professional class, sehingga pada minggu ini live session diadakan sebanyak 3

kali yakni khusus technical class.

Ke-9 (10-14 Oktober Live Session dan Pada minggu ke-9, 10-14 oktober 2022, saya mereview kembali materi-materi

2022) mandiri diantaranya, JavaScript Refreshment, introduction algorithm, introduction react, clean

code, dan React Fundamental, dan mengikuti 2 kali live session technical class.

ke-10 (17-21 Oktober Live Session dan Pada minggu ke-10 tanggal 17-21 oktober 2022, saya kembali mereview mengenai basic

2022) mandiri graph QL, Deployment, Query and Apollo Client, Mutation, dan Global State

Management and Data Fetching pada Alta.id. Kemudian saya mengikuti 3 kali live

session technical class bersama kak Rully dan 1 kali live session pembahasan mengenai

mini project.

ke-11 (24-28 Oktober Live Session dan Pada minggu ke-11 24-28 Oktober 2022, disini pada program Alterra Academy sudah

2022) mandiri memulai untuk pembuatan mini project, dari ide-deploy aplikasi menggunakan React JS

vii
 dan API. Kemudian, pada minggu ini saya mengikuti live session sebanyak 3 kali, untuk

mendemonstrasikan ide dan dilihat progress pembuatan aplikasi bersama mentor.

ke-12 (31-4 November Live Session dan Pada minggu ke-12, 31 Oktober- 04 November 2022, saya kembali melanjutkan mini

2022) mandiri project yang akan dipresentasikan di minggu ke-13. Di minggu ini saya juga menyiapkan

ppt untuk presentasi mini project. Kemudian, pada minggu ini saya mengikuti live

session sebanyak 3 kali bersama kak Rully.

ke-13 (7-11 November Live Session dan Pada minggu ke 13, 7-11 November 2022 merupakan minggu presentasi mini project

2022) mandiri pada Alterra Academy. Pada Hari senin 7 november saya melakukan presentasi mini

project, kemudian hari selasa, rabu, kamis, saya menghadiri teman sekelas yang

presentasi mini project secara live session.

ke-14 (14-18 Live Session dan Pada minggu ke-14, merupakan minggu untuk membagi tugas mengenai capstone

November 2022) mandiri project di Alterra Academy dan pada minggu ini saya beserta kelompok saya laporan

progress capstone project sebanyak 2 kali secara live session bersama mentor Alterra

Academy.

ke-15 (21-25 Live Session dan Pada minggu ke-15, masih berpgroses mengenai capstone project / tugas akhir secara

November 2022) mandiri berkelompok bersama semua role yang digabung menjadi perkelompok. Seminggu 3 kali

kami laporan progress kepada mentor Alterra Academy.

ke-16 (28 November – Live Session dan Pada minggu ke-16, saya masih berprogres untuk capstone project Alterra Academy,

2 Desember 2022) mandiri target minggu ini untuk role saya membuat sebuah dashboard admin menggunakan react

js.

ke-17 (5-9 Desember Live Session dan Pada minggu ke-17, masih berprogress mengenai capstone project atau project akhir

2022) mandiri Alterra Academy. Dalam minggu ini melakukan mentorring sesion sebanyak 3 kali.

ke-18 (12-16 Live Session dan Pada minggu ke-18 saya bersama kelompok capstone project saya, masih berprogres

Desember 2022) mandiri untuk menyempurnakan dashboard admin dan landing page website menggunnakan

React JS dan framework Tailwind CSS. Dalam minggu ini diadakan live session

sebanyak 4 kali.

ke-19 (19-23 Live Session dan Pada minggu ke-19, merupakan minggu presentasi capstone project, atau project terakhir

Desember 2022) mandiri selama mengikuti kegiatan Studi Independen mitra Alterra Academy. Capstone project

terdiri dari beberapa role, UI/UX, Front end, back end, dan Quality Assurance. Pada

Capstone project, kami membuat product aplikasi yang didesain hingga di deploy ke

vii
 platform.

ke-20 (26-30 Mandiri Pada minggu ke-20 saya melakukan penyusanan laporan akhir MSIB

Desember 2022)

vii
Bab VII Lampiran C. <Dokumen Teknik>

1. Tugas membuat halaman website menggunakan framework Bootstrap

C-1
2. Tugas Javascript Refreshment

3. Tugas Summary tiap topic materi

vii
4. Tugas Quiz tiap topic

5. Tugas membuat To Do List menggunakan materi event handling, hook, dan routing React JS

vii
6. Membuat Form menggunaka React JS

7. Mini Project

vii
8. Live Session Presentasi Mini Project

vii
9. Dokumentasi bimbingan laporan

vii