Anda di halaman 1dari 49

LAPORAN TENGAH/AKHIR

MAGANG & STUDI INDEPENDEN BERSERTIFIKAT

DIGITAL LEADERSHIP THROUGH CODING

Di PT. PROGATE GLOBAL INDONESIA

Diajukan untuk memenuhi persyaratan kelulusan

Program MSIB MBKM

Oleh:

Irfan ikhwanda / 201810225142

PROGRAM STUDI INFORMATIKA

UNIVERSITAS BHAYANGKARA JAKARTA RAYA

2021
LEMBAR PENGESAHAN
PROGRAM STUDI INFORMATIKA
UNIVERSITAS BHAYANGKARA JAKARTA RAYA

“DIGITAL LEADERSHIP THROUGH CODING”


Di PT. Progate Global Indonesia

Disusun oleh :

Irfan Ikhwanda / 201810225142

Disetujui dan disahkan sebagai


Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Bekasi, 15 Desember 2021


Pembimbing Magang atau Studi Independen Program Studi Informatika
Universitas Bhayangkara Jakarta Raya

i
LEMBAR PENGESAHAN
“DIGITAL LEADERSHIP THROUGH CODING”
Di PT. Progate Global Indonesia

Disusun oleh :

Irfan ikhwanda / 201810225142

Disetujui dan disahkan sebagai


Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Bekasi, 16 Desember 2021


Country Manager

Aditia Normansyah Ganto

ii
LEMBAR PENGESAHAN
“DIGITAL LEADERSHIP THROUGH CODING”
Di PT. Progate Global Indonesia

Disusun oleh :

Irfan ikhwanda / 201810225142

Disetujui dan disahkan sebagai


Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Bekasi, 16 Desember 2021


Penanggung Jawab / Pembimbing Ditempat Kerja

Ainando Kei

iii
ABSTRAKSI

Digital Leadership through Coding ini akan dilaksanakan online, secara


synchronous dan asynchronous dalam 16 kali pertemuan (1 semester). Kurikulum
Digital Leadership through Coding dibentuk khusus untuk mahasiswa tanpa latar
belakang digital/coding 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.

Digital Mindset dan Coding adalah ilmu yang paling dicari oleh dunia
kerja pada 10 tahun ke depan. Coding tidak hanya wajib dipelajari oleh
mahasiswa jurusan Teknik Informatika atau Sistem Informasi, namun siapapun
yang ingin sukses di era 4.0, coding akan mengasah soft skill yang sangat
dibutuhkan, seperti Critical Thinking, Problem Solving dan Kepercayaan Diri,
sehingga apapun program studinya, siapapun berhak untuk belajar ilmu coding.

iv
KATA PENGANTAR

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa Allah SWT
yang telah melimpahkan karunia-Nya sehingga penulis dapat melaksanakan
kegiatan magang dan studi independen bersertifikat di perusahaan PT. Progate
Global Indonesia serta dapat menyelesaikan laporannya dengan lancar yang
berjudul “Digital Leadership Through Coding”.

Laporan magang dan studi independen bersertifikat ini disusun berdasarkan


apa yang telah penulis kerjakan selama ±120 hari mengikuti program magang
bersertifikat di PT Progate Global Indonesia dimulai dari tanggal 06 September
2021 sampai 24 Desember 2021.

Dalam pelaksanaan magang dan studi independen bersertifikat, mendapat


banyak sekali bantuan, dukungan dan bimbingan dari berbagai pihak. Oleh karena
itu, dalam kesempatan ini ingin menyampaikan terima kasih kepada :

1. Kepada Allah S.W.T yang telah memberikan nikmat iman dan ihsan dalam
melaksanakan magang dan studi independen bersertifikat di perusahaan PT
Progate Global Indonesia dan penyusunan laporan magang dan studi
independen.
2. Kedua orang tua yang selalu memberi semangat dan dukungan, selalu
mendoakan setiap harinya agar diberikan kesehatan dan kemudahan dalam
melaksanakan magang dan studi independen bersertifikat dan penyusunan
laporan magang dan studi independen.
3. Ibu Dr. Tyastuti Sri Lestari, S.Si., MM selaku Dekan Fakultas Ilmu Komputer
Universitas Bhayangkara Jakarta Raya.
4. Bapak Ahmad Fathurrozi, S.E., M.MSI selaku Ketua Program Studi
Informatika.

5. Mentor mini kelas 8 Ainando Kei, mengucapkan terima kasih karena telah
memberikan support, bimbingan, arahan, masukan selama melakukan
program studi independen.

v
6. Kak Ali Murtadho, mengucapkan terima kasih karena telah memberikan
support, bimbingan, arahan, masukan selama melakukan program studi
independen.
7. Teman-teman seperjuangan pada Program Studi Informatika yang selalu
menghibur dan ceria apapun keadaannya. Selalu membantu dan mendukung
dalam melaksanakan magang dan studi independen bersertifikat dan
penyusunan laporan.

Saya menyadari bahwa masih banyak kekurangan dari laporan ini, baik dari
materi maupun teknik penyajiannya, mengingat kurangnya pengetahuan dan
pengalaman menulis. Oleh karena itu, penulis mengharapkan kritik dan saran
yang membangun.

Bekasi, 13 Desember 2021

Irfan ikhwanda
201810225142

vi
DAFTAR ISI

LEMBAR PENGESAHAN .............................................................................................i


LEMBAR PENGESAHAN ............................................................................................ii
LEMBAR PENGESAHAN ........................................................................................... iii
ABSTRAKSI ............................................................................................................... iv
KATA PENGANTAR ....................................................................................................v
DAFTAR ISI .............................................................................................................. vii
DAFTAR TABLE ......................................................................................................... ix
DAFTAR GAMBAR ......................................................Error! Bookmark not defined.
DAFTAR LAMPIRAN .................................................................................................. x
BAB I PENDAHULUAN ........................................................................................ 1
1.1 Latar Belakang.......................................................................................... 1
1.2 Lingkup ..................................................................................................... 1
1.3 Tujuan....................................................................................................... 2
BAB II ORGANISASI ATAU LINGKUNGAN MSIB ................................................... 3
2.1 Struktur Organisasi .................................................................................. 3
2.2 Lingkup Project ........................................................................................ 4
2.2.1 HTML & CSS ................................................................................... 4
2.2.2 Java Script ...................................................................................... 5
2.2.3 SQL ................................................................................................. 5
2.2.4 Node.JS .......................................................................................... 5
2.3 Deskripsi Project ...................................................................................... 5
2.4 Jadwal MSIB ............................................................................................. 6
BAB III DIGITAL LEADERSHIP THROUGH CODING .............................................. 15
3.1 Deskripsi Kegiatan Project ..................................................................... 16
3.1.1 HTML & CSS ................................................................................. 16
3.1.2 Java Script .................................................................................... 17
3.1.3 SQL ............................................................................................... 17
3.1.4 Node.JS ........................................................................................ 17
3.2 Hambatan Dalam Pengerjaan Project ................................................... 18
3.3 Hasil Dari Project ................................................................................... 18

vii
BAB IV PENUTUP ................................................................................................ 20
4.1 Kesimpulan............................................................................................. 20
4.2 Saran ....................................................................................................... 20
REFERENSI ............................................................................................................. 21
LAMPIRAN ............................................................................................................. 22
Lampiran 2 Log Activity .................................................................................... 24
Lampiran 3 Dokumen Teknik............................................................................ 37

viii
DAFTAR TABLE
Tabel 2.1 Jadwal MSIB .......................................................................................... 6

ix
DAFTAR LAMPIRAN

Lampiran 1 TOR ................................................................................................. 23


Lampiran 2 Log Activity ..................................................................................... 24
Lampiran 3 Dokumen Teknik ............................................................................. 37

x
BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi Informasi yang cepat seiring dengan


perkembangan jaman membawa perubahan tatanan kehidupan baik secara sosial,
budaya, terutama dunia kerja. Perguruan tinggi sebagai penghasil SDM
berkualitas dituntut untuk menyiapkan kompetensi mahasiswa yang dapat
menyesuaikan dengan kebutuhan zaman. Konsep Link and match dengan dunia
industri dan dunia kerja menjadi kata kunci dalam merancang dan melaksanakan
proses pembelajaran. Pendidikan tinggi dituntut melakukan transformasi
dalam pembelajaran agar dapat menghasilkan lulusan yang renponsif terhadap
tantangan zaman dan kebutuhan masyarakat.
Indonesia menduduki peringkat kelima sebagai negara dengan jumlah
startup terbanyak di dunia, dimana berdasarkan data startup ranking.com, jumlah
startup di Indonesia mencapai 2.229 pada April 2021. Tantangan utama yang
dihadapi Indonesia saat ini yaitu ketersediaan sumber daya manusia (SDM)
unggul yang siap pakai di industri. Bahkan Kementerian Komunikasi &
Informatika (Kemenkominfo) mengatakan Indonesia akan kekurangan sembilan
juta talenta digital pada 2030.
Sejalan dengan visi dan misi Pemerintah, Progate mendorong potensi
pertumbuhan startup digital di Indonesia dengan meningkatkan jumlah talenta
digital yang berkualitas. Kerjasama Progate dengan Kemendikbud Ristek dalam
inisiasi Kampus Merdeka akan menghasilkan 3,750 talenta digital baru yang dapat
meningkatkan daya saing bangsa di era Revolusi Industri 4.0.
Progate berfokus pada pengguna dan membuat pemrograman menjadi
lebih menyenangkan dan relevan dalam kehidupan sehari-hari. Metode yang
diterapkan oleh Progate menginspirasi mahasiswa untuk memecahkan masalah
dengan cara yang baru yang dapat melatih kecepatan waktu otak mereka dalam
menganalisis masalah dan memproses informasi.
Melalui Merdeka Belajar – Kampus Merdeka, mahasiswa memiliki
kesempatan untuk 1 (satu) semester atau setara dengan 20 (dua puluh) sks
menempuh pembelajaran di luar program studi pada Perguruan Tinggi yang sama;
dan paling lama 2 (dua) semester atau setara dengan 40 (empat puluh) sks
menempuh pembelajaran pada program studi yang sama di Perguruan Tinggi yang
berbeda, pembelajaran pada program studi yang berbeda di Perguruan Tinggi
yang berbeda; dan/atau pembelajaran di luar Perguruan Tinggi.
1.2 Lingkup

Berdasarkan latar belakang di atas, penulis dapat mengidentifikasi ruang


lingkup studi independent sebagai berikut:

1
1. Project kelompok membuat Website bertema bebas menggunakan
HTML dan CSS
2. Project individu membuat Kalkulator Web menggunakan Javascript,
HTML dan CSS
3. Project individu analisis SQL
4. Project akhir individu membuat aplikasi web “Paper Rock Session”
menggunakan Javascript

1.3 Tujuan

Adapun tujuan dari penulisan laporan akhir ini adalah :

1. Untuk memenuhi prasyarat dalam menyelesaikan program magang dan


studi bersertifikat kampus merdeka
2. Untuk memenuhi matakuliah Kuliah Kerja Nyata berbentuk laporan yang
dikonversi di program MSIB.
3. Untuk memberikan gambaran project yang dikerjakan dalam Studi
Independen di Progate
4. Sebagai wadah untuk menjalin kerjasama antara Program Kampus
Merdeka dan mahasiswa Universitas Bhayangkara Jakarta Raya.

2
BAB II
ORGANISASI ATAU LINGKUNGAN MSIB

2.1 Struktur Organisasi

Gambar 2.1 Struktur Organisasi

 CEO: Masa Kato


 COO: Takuya Miyabayashi
 Progate Japan: Finance (Hirofumi Takagi), HR (Sayuri Kojima),
Engineer (banyak), Developer (banyak), Designer (banyak)
 Progate Indonesia:
Regional Manager (Tomohiro Tsubaki)
Area Manager adalah anggota tim dan sekaligus pimpinan tim, Ia
adalah anggota dari tim manajemen di kantor pusat dan pada saat yang
sama juga memimpin timnya sendiri di daerah, yaitu para Medical
representatif atau salesman atau semua anggota di bawah tanggung
jawabnya untuk membantu semua proses pencapaian target yang
dibebankan oleh perusahaan.
Country Manager (Norman Ganto)
Country manager adalah seseorang yang ditunjuk perusahaan untuk
memimpin proyek ekspansi internasional lintas fungsi. Artinya, ia akan

3
bekerja dengan tim bisnis yang berbeda, menetapkan strategi, dan
menentukan persyaratan dan jadwal operasional.
Marketing Manager (Oktafia)
Marketing manager adalah salah satu jabatan struktural di sebuah
tim marketing perusahaan. Ia adalah pemimpin semua kampanye
pemasaran perusahaan dan mengatur semua strategi pemasaran yang
dibuat.
Designer (Charissa)
Desainer dalam Kamus Besar Bahasa Indonesia bersinonim dengan
kata pendesain atau perancang. Perancang sendiri diartikan sebagai
orang yang merancang. Dengan demikian, yang dimaksud dengan
desainer adalah seseorang yang merencanakan bentuk dan tampilan
sesuatu; atau merancang sesuatu. Sesuatu tersebut bisa berupa
baju, produk, aplikasi, dan lain sebagainya.
Marketing (Maria)
Marketing atau pemasaran adalah proses untuk membuat masyarakat
tertarik pada produk atau jasa dari sebuah perusahaan. Untuk
melakukan proses ini, perlu dilakukan riset pasar, analisis, dan
pencarian pelanggan yang ideal.
 Progate India: Strategy Manager (Kenya Yoshino), Community
Manager (Ankita Mishra), Content Developer (Shun Uno), Growth
Associate (Harsh Mishra)

2.2 Lingkup Project

Sebagai mitra Studi Independen, Progate menjadi sebuah wadah atau mini
campus bagi mahasiswa-mahasiswi yang belajar pengembangan web dasar.
Kami mewajibkan setiap mentee untuk menyelesaikan tugas-tugas, tidak
hanya latihan coding yang terdapat di platform Progate, namun juga berbagai
proyek baik individu maupun kelompok. Melalui program ini, mentee
diajarkan dari sisi front-end, database, dan juga back-end yang
dikombinasikan untuk mengembangkan web dari 0 hingga menjadi siap
digunakan.

4
2.2.1 HTML & CSS

Pada project HTML & CSS, saya mengerjakan sesuai dengan silabus yang
diberikan seperti pembelajaran materi tentang HTML & CSS serta pengerjaan
latihan yang sudah disediakan pada platform progate, serta mengerjakan project
kelompok yang sudah ditentukan kelompoknya oleh masing-masing mentor.

2.2.2 Java Script

Pada project Java Script, saya mengerjakan sesuai dengan silabus yang
diberikan seperti pembelajaran materi tentang Java Script serta pengerjaan latihan
yang sudah disediakan pada platform progate, serta mengerjakan project individu
yaitu membuat kalkulator menggunakan pemrograman HTML, CSS dan Java
Script.

2.2.3 SQL

Pada project SQL, saya mengerjakan sesuai dengan silabus yang diberikan
seperti pembelajaran materi tentang SQL serta pengerjaan latihan yang sudah
disediakan pada platform progate, serta mengerjakan project individu dengan
menggunakan database yang sudah disediakan pada platform progate.

2.2.4 Node.JS

Pada project Node.JS, saya mengerjakan sesuai dengan silabus yang diberikan
seperti pembelajaran materi tentang Node.JS serta pengerjaan latihan yang sudah
disediakan pada platform progate, serta mengerjakan project individu yang sudah
di sediakan oleh masing-masing mentor.

2.3 Deskripsi Project

Dalam kegiatan program ini, mahasiswa yang mengikuti studi independent


PT. Progate Global Indonesia menyelesaikan pekerjaan dengan mengerjakan
course yang sudah disediakan pada platform progate sesuai dengan silabus yang
diberikan. Selain course yang diberikan, pihak progate memberikan project secara
kelompok dan individu yang tujuannya untuk mahasiswa agar lebih memahami
materi yang sudah di sampaikan pada live season dan dikerjakan pada platform
tersebut. Setelah mengerjakan course dan project mahasiswa harus mengisi

5
logbook setiap harinya untuk di lampirkan kegiatan setiap harinya di website
kampus merdeka.

2.4 Jadwal MSIB

Berikut ini merupakan jadwa MSIB Studi Independent PT. Progate Global
Indonesia yaitu sebagai berikut :
Tabel 2.1 Jadwal MSIB

Jadwal Capaian
Pembelajaran Durasi
Program

Minggu 1 Pengantar ● Mahasiswa mengerti ● Live session: 3 x


kegiatan dan ketentuan 60 menit (180
Senin ● Penjelasan Mata Kuliah, peraturan,
Studi Independen Progate menit)
penilaian, dsbnya
6 Sep 2021 ● Mahasiswa memahami
karakter seorang
15:00 WIB profesional yang dicari
Apa itu Digital Mindset
perusahaan
● 7 karakteristik seorang Future ● Mahasiswa memahami
Employee perubahaan yang terjadi di
● 14 karakteristik Future Company dunia industri

Metode

● Live Lecture & Attendance via


YouTube
https://www.youtube.com/watch?v=w
8pULD4iscI

Minggu 2 Design Thinking ● Mahasiswa dapat membuat ● Live session: 3 x


Problem Statement 60 menit (180
Senin ● Belajar menggunakan How Might
● Mahasiswa dapat menit)
We’s untuk mencari solusi terbaik
13 Sep 2021 mempraktekkan How
bersama tim
Might We
15:00 WIB ● Membuat Board di Google Jamboard

Metode

● Live Lecture & Attendance via


YouTube
https://www.youtube.com/watch?v=u
fy2OB-1YTQ

Minggu 3 Perkenalan Coding dan demo platform ● Mahasiswa mampu ● Live session: 3 x
Progate membuat halaman web 60 menit (180
Senin
sederhana di progate menit)
● Apa itu Path Pengembangan Web
20 Sep 2021 ● Bacaan: 1 x 60
● Apa yang terjadi setelah
menit (60 menit)
15:00 WIB menyelesaikan Path Pengembangan
● Self-paced dan
Web
tanya jawab: 9 x
● Bagaimana cara belajar secara

6
efektif? 60 menit (540
● Demo platform Progate menit)

Self-paced Learning

● HTML & CSS Study I


○ Memulai dengan HTML
○ Memulai dengan CSS
○ Layout dasar
○ Header
○ Footer
○ Konten
○ Formulir
● HTML & CSS Study II
○ Layout dasar
○ Bagian atas halaman
○ Header
○ Daftar pelajaran
○ Bagian pesan
○ Footer
○ Memperbaiki header

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 4 Self-paced Learning ● Mahasiswa mampu ● Live session: 3 x


membuat halaman web 60 menit (180
Senin ● HTML & CSS Latihan I (Dojo) -
tanpa instruksi di progate menit)
Membuat halaman web dari awal
27 Sep 2021 ● Bacaan: 1 x 60
○ Header
menit (60 menit)
15:00 WIB ○ Bagian atas halaman
● Self-paced dan
○ Bagian konten atau isi
tanya jawab: 9 x
○ Bagian formulir
60 menit (540
○ Footer
menit)
● HTML & CSS Latihan II (Dojo) -
Membuat halaman web modern dari
awal
○ Bagian atas
○ Header
○ Daftar pelajaran
○ Bagian pesan
○ Footer

7
Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 5 Self-paced Learning ● Mahasiswa mampu ● Live session: 3 x


membuat halaman web 60 menit (180
Senin ● HTML & CSS Study III
modern dan responsive menit)
○ Design Web yang
4 Okt 2021 tanpa instruksi ● Bacaan: 1 x 60
Responsive
menit (60 menit)
15:00 WIB ○ Media Queries
● Self-paced dan
○ Persiapan desain yang
tanya jawab: 9 x
responsive
60 menit (540
● HTML & CSS Latihan III (Dojo) -
menit)
Menguasai desain web yang
responsive
● HTML & CSS Study IV
○ Apa itu Flexbox?
○ Mengimplementasikan
flexbox
○ Desain responsive

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 6 Persiapan Proyek Kelompok HTML & CSS ● Mahasiswa berhasil ● Live session: 3 x
membuat halaman web 60 menit (180
Senin ● Penjelasan Proyek - Membuat
bertema bebas bersama menit)
halaman web bertema bebas bersama
11 Okt 2021 kelompok ● Bacaan: 1 x 60
Kelompok
menit (60 menit)
15:00 WIB ● Menyiapkan environment lokal
● Self-paced dan
● Command Line
tanya jawab: 9 x
● Git dan GitHub
60 menit (540
● Pengerjaan Proyek HTML & CSS
menit)
per Kelompok (Deadline
● Tugas kelompok:
pengumpulan tugas Jumat 15 Okt
5 hari (7200

8
pukul 18:00 WIB) menit)

Metode

● Live Lecture (cek email)


● Proyek Kelompok di luar jam kuliah
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 7 Pengantar Javascript ● Mahasiswa mengerti ● Live session: 3 x


kehebatan bahasa 60 menit (180
Senin ● Apa itu Javascript
Javascript dalam menit)
18 Okt 2021 penggunaannya di berbagai ● Bacaan: 1 x 60
Self-paced Learning aplikasi web menit (60 menit)
15:00 WIB ● Mahasiswa mengerti ● Self-paced dan
● JavaScript Study I sintaks dan tata bahasa, tanya jawab: 9 x
○ String & Integer termasuk variable, 60 menit (540
○ Variable & Constant constant, dan statement menit)
○ Statement Conditional kondisional!
● Javascript Study II ● Mahasiswa mampu cara
○ Iterasi menggunakan "iterasi"
○ Array untuk mengulangi sebagian
○ Object code secara efisien
○ Undefined ● Mahasiswa mampu
○ Latihan Akhir menggunakan dasar-dasar
array dan object
Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 8 Self-paced Learning ● Mahasiswa dapat ● Live session: 3 x


menggabungkan dan 60 menit (180
Senin ● JavaScript Study III
menjalankan code secara menit)
○ Mempelajari Function
25 Okt 2021 efisien dengan membuat ● Bacaan: 1 x 60
○ Argument
function. menit (60 menit)
15:00 WIB ○ Nilai return
● Mahasiswa mempelajari ● Self-paced dan
○ Latihan Akhir
cara menggunakan arrow tanya jawab: 9 x
● Javascript Study IV
function. 60 menit (540
○ Dasar-dasar Class
● Mahasiswa mempelajari menit)

9
○ Constructor tentang class JavaScript,
○ Method sebuah konsep yang
○ Inheritance Class diperkenalkan dalam ES6
○ Overriding

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 9 Self-paced Learning ● Mahasiswa mempelajari ● Live session: 3 x


cara menggunakan paket 60 menit (180
Senin ● JavaScript Study V
npm dan membuat proyek menit)
○ Memisahkan File
1 Nov 2021 dengan beberapa file! ● Bacaan: 1 x 60
○ Export nilai
● Mahasiswa mempelajari menit (60 menit)
15:00 WIB ○ Menggunakan Paket
method untuk menangani ● Self-paced dan
● Javascript Study VI
array yang penting bagi tanya jawab: 9 x
○ Metode untuk Array (Push,
pengembangan JavaScript 60 menit (540
ForEach, Find, Filter, Map)
yang praktis menit)
● Javascript Study VII
● Mahasiswa menguasai
○ Mempelajari Callback
tentang callback function
Function

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 10 Persiapan Proyek Individu Javascript ● Mahasiswa berhasil ● Live session: 3 x


membuat proyek aplikasi 60 menit (180
Senin ● Penjelasan Proyek - Membuat
kalkulator menggunakan menit)
aplikasi web kalkulator
8 Nov 2021 javascript di environment ● Bacaan: 1 x 60
● Menyiapkan environment lokal
lokal menit (60 menit)
15:00 WIB ● Pengerjaan Proyek Individu
● Self-paced dan
Javascript (Deadline pengumpulan
tanya jawab: 9 x
tugas Minggu 14 Nov pukul 23:59
60 menit (540
WIB)
menit)

10
● Tugas individu: 5
hari (7200 menit)
Metode

● Live Lecture (cek email)


● Proyek Individu di luar jam kuliah
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 11 Pengantar SQL ● Mahasiswa mengerti ● Live session: 3 x


pentingnya mengambil 60 menit (180
Senin ● Apa itu SQL
keputusan berdasarkan data menit)
15 Nov 2021 untuk hasil yang lebih baik ● Bacaan: 1 x 60
Self-paced Learning bagi perusahaan / menit (60 menit)
15:00 WIB organisasi ● Self-paced dan
● SQL Study I ● Mahasiswa dapat tanya jawab: 9 x
○ Mendapatkan data melakukan perintah- 60 menit (540
○ Mendapatkan baris tertentu perintah dasar SQL dari menit)
○ Mengolah hasil data suatu tabel
○ Mempraktikkan hal yang
sudah Anda pelajari

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

11
Minggu 12 Self-paced Learning ● Mahasiswa dapat ● Live session: 3 x
menjalankan berbagai 60 menit (180
Senin ● SQL Study II
perintah SQL dengan lebih menit)
○ Mengolah hasil pencarian
22 Nov 2021 dari 1 tabel ● Bacaan: 1 x 60
○ Menggunakan Function
menit (60 menit)
15:00 WIB Agregat
● Self-paced dan
○ Mengelompokkan data
tanya jawab: 9 x
○ Mempraktikkan hal yang
60 menit (540
sudah Anda Pelajari
menit)
● SQL Study III
○ Menggunakan Subkueri
○ Menggabungkan Beberapa
Tabel
○ Tantangan Akhir

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 13 Self-paced Learning ● Mahasiswa dapat ● Live session: 3 x


menyelesaikan latihan 60 menit (180
Senin ● SQL Latihan I (Dojo)
analisis data fashion menit)
○ Menganalisis database situs
29 Nov 2021 menggunakan berbagai ● Bacaan: 1 x 60
fashion
perintah SQL menit (60 menit)
15:00 WIB ○ Data pengguna
● Self-paced dan
○ Data produk
tanya jawab: 9 x
○ Data riwayat penjualan dan
60 menit (540
laba
menit)
● SQL Study IV
○ Menambahkan,
Memperbarui, dan
Menghapus Data

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs

12
uUN2ewwOTI9

Minggu 14 Persiapan Proyek SQL Setup ● Mahasiswa berhasil ● Live session: 3 x


melakukan persiapan 60 menit (180
Senin ● MySQL
environment lokal untuk menit)
● Menyambungkan SQL dengan
6 Des 2021 SQL ● Bacaan: 1 x 60
Database
● Mahasiswa dapat menit (60 menit)
15:00 WIB ● Setup SQL di Environment Lokal
menambahkan data ke ● Self-paced dan
● Pengerjaan SQL Database Setup
mySQL database tanya jawab: 9 x
(Deadline pengumpulan tugas Jumat
● Mahasiswa dapat 60 menit (540
10 Des pukul 18:00 WIB)
menyambungkan SQL di menit)
○ https://kotakode.com/blogs/
lokal ke MySQL Database ● Tugas individu: 5
6995/Tutorial-MySQL-
hari (7200 menit)
Part-1
○ https://kotakode.com/blogs/
7240/Tutorial-MySQL-
Part-2
○ https://kotakode.com/blogs/
8985/Tutorial-MySQL-
part-3

Metode

● Live Lecture (cek email)


● Proyek Individu di luar jam kuliah
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 15 Pengantar Node.js ● Mahasiswa berhasil ● Live session: 3 x


membuat aplikasi web 60 menit (180
Senin ● Apa itu Node.js menggunakan Node.js dan menit)
13 Des 2021 Express ● Bacaan: 1 x 60
Self-paced Learning ● Mahasiswa dapat menit (60 menit)
15:00 WIB mengembangkan aplikasi ● Self-paced dan
● Node.js Study I web yang menggunakan tanya jawab: 9 x
○ Memulai Penggunaan database 60 menit (540
Node.js menit)
○ Mengkonfigurasi Express
○ Menjalankan Serverx
○ Menampilkan Halaman
○ Menerapkan CSS dan
menampilkan gambar
○ Menggunakan EJS
○ Menambah Tautan
○ Menautkan antar halaman
● Node.js Study II
○ Menggunakan Database
○ Menampilkan Nilai

13
database
○ Fitur penambahan item

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

Minggu 16 Self-paced Learning ● Mahasiswa menggunakan ● Live session: 3 x


Aplikasi Daftar Belanja 60 menit (180
Senin ● Node.js Study III - Menyelesaikan
yang dibuat di Study I-III menit)
aplikasi web “Shopping List”
20 Des 2021 Node.js untuk mempelajari ● Bacaan: 1 x 60
○ Fitur Hapus dan Edit
tentang melakukan debug menit (60 menit)
15:00 WIB ○ Menghapus item Daftar
dengan praktis. Raih ● Self-paced dan
○ Mengedit item Daftar
keterampilan melakukan tanya jawab: 9 x
○ Memperbarui item yang
debug dan bisa melakukan 60 menit (540
dipilih
pengembangan di menit)
environment lokal dengan ● Tugas individu: 5
Persiapan Proyek Individu Javascript #2 lebih efisien! hari (7200 menit)
● Mahasiswa berhasil
● Membuat aplikasi web “Paper Rock membuat aplikasi Paper
Scissor” Rock Scissor

Metode

● Live Lecture (cek email)


● Self-paced learning di
https://progate.com
● Proyek Individu di luar jam kuliah
● Office Hours bersama Mentor Online
di Telegram
○ Channel Pengumuman:
https://t.me/joinchat/qicQH
aFDXAJhOGRl
○ Grup Tanya Jawab:
https://t.me/joinchat/vyYcs
uUN2ewwOTI9

14
BAB III
DIGITAL LEADERSHIP THROUGH CODING

Project yang dikerjakan selama studi independ adalah project kelompok


membuat sebuah halaman website modern responsive dengan tema bebas. Project
dikerjakan oleh kelompok yang terdiri dari 5 orang. Project diselesaikan dalam
waktu 1 minggu. Tujuan dari project ini adalah untuk membuat halam website
dengan tema bebas contohnya: profil perusahaan, halaman jual beli, halaman
profil tim tanpa adanya arahan seperti di platform progate.

Seleruh peserta kegiatan dibagi kedalam kelas kecil yang terdiri dari 25
peserta, dan dibagi lagi kedalam 5 kelompk kecil dan terdiri dari 5 orang. Setelah
pembagian kelompok kami diberikan ketentuan dan tugas akan dinyatakan PASS
jika memenuhi enam kriteria penilaian untuk project ini yaitu header, bagian
main, bagian body, footer, teradapat satu animasi, design yang responsive untuk
smartphone dan tablet. Project di kerjakan dan dikumpulkan menggunakan git hub
dan link website yang sudah dikerjakan disubmit ke link google form yang
diberikan oleh Progate saya mengerjakan projek ini secara kelompok.dalam satu
minggu setidaknya saya dan kelompok saya mengadakan pertemuan secara online
menggunakan google meeting kurang lebih sebanyak 3-4 kali. Pada pertemuan
pertama kami membahas mengenai ide website apa yang akan kami buat. Setelah
berdiskusi, kelompok memutuskan untuk membuat website profil pengenalan
kelompok kami, dan setelah menetapkan ap ayang akan kami buat kami langsung
membagi tugas . Pada pertemuan ke dua kami membahas mengani progress,
pertemuan ke tig akita mulai menyatukan coding yang sudah kami buat. Dan pada
pertemuan ke 4 karena ada sedikit masalah Ketika submit kit amengadakan
pertemuan online untuk submit tugas.

Saya mengalami berapa hambatan yaitu hambatan di mana kami


sekelompok masih kebingungan untuk menerapkan responsivenya dan pada saat
akhit waktui pengerjaan kami mengalami masalha pada akun github, kelompok
kami. Diman afile yan kami upload terdapat maslaah dan menyebabkan tampilan
website menjadi berubah, namun semua hambatan tersebut dapat selesai dengan

15
bantuan teman dari kelompok lain yang sudah menyelesaikan tugas dan submit
serta bantuan dari mentor.

Hasil yang didapatkan dari project ini, adalah kami bisa dnegan mandiri
membuat website profil, dan kami mendapatkan feed back dari mentor kelompok
kami bagian UI Tampilan menarik dan baik secara keseluruhan. Untuk Kecepatan
(Page Load) termasuk Lambat, hal ini dikarenakan penggunaan asset dengan
ukuran file yang terlalu besar, saran saya silahkan lakukan kompresi pada assets
sehingga lebih mudah di load di browser. Komponen yang terdapat dalam website
sudah lengkap, terdapat animasi dan tampilan website sudah responsif. Kami juga
mendapatkan catatan tambahan dari mentor utnuk dapat lebih memperhatikan
perhatikan konsistensi dan keselarasan ukuran setiap komponen, jangan sampai
ada komponen yang sama dengan ukurang yang berbeda. pada bagian profil
silahkan berikan ukuran yang fixed dan batasi penggunaan karakter pada
penulisan deskripsi diri sehingga informasi yang ditampilkan mudah di proses.

3.1 Deskripsi Kegiatan Project

Pada kegiatan project penulis dapat mendeskripsikan project apa saja yang
sudah dikerjakan selama kegiatan studi independen di PT. Progate Global
Indonesia yaitu:

3.1.1 HTML & CSS

Pada project HTML & CSS, Mahasiswa dibentuk beberapa kelompok yang terdiri
dari 4 orang anggota dan 1 ketua kelompok untuk membuat sebuah tampilan
halaman web, dan beberapa orang mendapatkan bagian pengerjaan yang sudah
disepakati ,waktu pengerjaan membuat tampilan halaman web yaitu sekitar 5 hari.
Apabila seluruh anggota sudah menyelesaikan bagian yang sudah di kerjakan
kemudian bagian-bagian file tersebut di gabungkan di platform Github setelah itu
tampilan halaman web bisa dijalankan. Setelah tampilan halaman web berhasil
dijalankan kemudian hasil project yang dikerjakan dikumpulkan di form
pengumpulan project kelompok HTML berupa Link dari platform Github.

16
3.1.2 Java Script

Pada project Java Script ini seluruh mahasiswa diberikan project individu untuk
membuat kalkulator sederhana dengan menggunakan bahasa pemrograman Java
Script. Project tersebut diberikan waktu selama lima hari pengerjaan. Pada
pengerjaan project tersebut mahasiswa bebas untuk membuat tampilan kalkulator
tersebut agar tampilannya terlihat menarik. Tujuan dari pengerjaan project
individu tersebut agar mahasiswa lebih memahami lagi tentang bahasa
pemrograman Java Script yang sudah diajarkan melalui platform progate. Ketika
mahasiswa mengalami kesulitan terhadap project tersebut, mahasiswa boleh
bertanya kepada mentor dari masing-masing kelas tersebut. Ketika project
tersebut sudah selesai, mahasiswa mengupload project tersebut kedalam github
dan linknya dikumpulkan kedalam form pengumpulan tugas yang sudah
disediakan oleh progate.

3.1.3 SQL

Pada project SQL ini seluruh mahasiswa diberikan project individu untuk
menganalisa database yang sudah disediakan pada platform progate. tujuan dari
pengerjaan latihan tersebut yaitu, agar nantinya mahasiswa lebih mengerti tentang
database SQL. Pada project tersebut mahasiswa diberikan studi kasus untuk
menampilkan database yang diminta. Ketika ada kendala tentang project tersebut,
mahasiswa boleh bertanya kepada masing-masing mentor kelasnya. Pengerjaan
project tersebut diberikan waktu selama lima hari pengerjaan. Hasil dari project
tersebut di screenshot lalu dilampirkan pada google slides dan dikumpulkan
melalui link yang sudah disediakan oleh progate.

3.1.4 Node.JS

Pada project Node.JS ini seluruh mahasiswa diberikan project individu untuk
membuat aplikasi web paper rock scissor dengan menggunakan bahasa
pemrograman Java Script. Project tersebut diberikan waktu selama lima hari
pengerjaan. Pada pengerjaan project tersebut mahasiswa bebas untuk membuat
tampilan paper rock scissor tersebut agar tampilannya terlihat menarik. Tujuan
dari pengerjaan project individu tersebut agar mahasiswa lebih memahami lagi
tentang bahasa pemrograman Java Script dan penggunaan Node.JS yang sudah

17
diajarkan melalui platform progate. Mahasiswa dapat bertanya kepada mentor
ketika kesulitan dalam pengerjaan project tersebut. project tersebut di upload
kedalam github dan linknya dikumpulkan pada form yang sudah disediakan oleh
pihak progate.

3.2 Hambatan Dalam Pengerjaan Project

Hambatan dalam proses pembuatan project yang saya alami yaitu pada
project kelompok HTML membuat tampilan halaman web hambatan pada project
ini sulitnya komunikasi dengan teman sekelompok karna beberapa faktor, serta
ada beberapa orang yang tidak berlatar belakang tentang coding dan tidak tahu
cara pengguanaan aplikasi text editor(vscode),

Kemudian hambatan pada project selanjutnya yaitu project Javacript


membuat kalkulator dimana project ini dibuat secara individu, hambatan yang
saya alami pada projet ini yaitu cara membuat perhitungan persentase pada
kalkulator,

Selajutnya project SQL yang di kerjakan oleh mahasiswa secara individu,


project ini yaitu menganalisa data yang di berikan oleh mentor untuk menemukan
hasil jawaban yang tepat , yang di kerjakan di platform progate. Hambatannya
yaitu masih kurang memahami tentang fungsi pemanggilan dalam SQL tersebut.

Project selanjutnya yaitu project Node.JS membuat aplikasi web paper


rock scissor dengan menggunakan bahasa pemrograman Node.JS. Hambatan pada
pengerjaan project tersebut masih kurang memahami tentang framework Node.JS,
maka dari itu saya harus mencari di google kendala saya dan bertanya kepada
mentor dan teman-teman saya agar masalah yang saya alami dapat diselesaikan
dengan baik.

3.3 Hasil Dari Project

Hasil yang didapat penulis dari project yang sudah dikerjakan selama program
Magang dan Studi Independen Bersertifikat di PT. Progate Global Indonesia
yaitu sebagai berikut:

1. HTML & CSS

18
Pada project HTML & CSS penulis dapat lebih memahami tentang bahasa
pemrograman HTML & CSS, yang sebelumnya sudah dipelajari di perguruan
tinggi namun di tempat studi independen ini dijelaskan secara rinci dan
terstruktur. Mulai dari materi serta latihan-latihan yang sudah disediakan melalui
platform tersebut sampai membuat tampilan website yang responsive
menggunakan CSS, hal tersebut menjadi acuan penulis untuk membuat tampilan
website yang responsive kedepannya agar website tersebut dapat dilihat
sempurna di beberapa perangkat seperti komputer/laptop, tablet dan smartphone.

2. Java Script

Pada project Java Script penulis dapat memahami tentang bahasa


pemrograman Java Script. Dari project pemrograman tersebut penulis dapat
membuat kalkulator sederhana dengan tampilan yang menarik dan hasil yang
sempurna. Walaupun ada kendala dalam pembuatan kalkulator sederhana
tersebut, penulis dapat menyelesaikan project tersebut dengan baik.

3. SQL

Pada project menganalisis pada database SQL. Hasil yang didapat penulis
yaitu, dapat memahami tentang menganalisis menggunakan SQL dengan baik
dan sesuai apa yang ada pada studi kasus database yang sudah disediakan pada
platform progate. Kedepannya penulis akan mencoba membuat database SQL
menggunakan xampp agar penulis dapat lebih memahami tentang SQL dalam
pembuatan database.

4. Node.JS

Pada project pembuatan aplikasi web paper rock scissor menggunakan


bahasa pemrograman Java Script dan framework Node.JS penulis dapat
memahami tentang framework Node.JS. Hasil yang didapat pada framework
Node.JS tersebut penulis dapat mengetahui tentang penggunaan framework
Node.JS. untuk kedepannya penulis akan membuat project sendiri dengan
menggunakan framework Node.JS yang tujuannya, agar penulis lebih memahami
lebih dalam tentang framework Node.JS.

19
BAB IV
PENUTUP

4.1 Kesimpulan

Berdasarkan hasil dari pembahasan diatas terkait project apa saja yang
sudah dibuat selama studi independen berlangsung. penulis dapat menarik
kesimpulan yaitu :

1. Dengan adanya project kelompok atau individu yang diberikan mitra


kepada mahasiswa dapat lebih memahami tentang materi pembelajaran
yang sudah dipelajari melalui platform progate.

2. Platform pembelajaran yang disediakan oleh progate dapat membantu


mahasiswa dalam belajar bahasa pemrograman walaupun dari jurusan non
IT.

3. Keaktifan mentor sangat lah membantu mahasiswa dalam menghadap


kesulitan dalam mengerjakan project maupun latihan harian.

4.2 Saran

1. Perlu ditingkatkan lagi keaktifan mentor terhadap mahasiswa yang sedang


mengikuti program studi independen dalam segi penyampaian secara
detail maupun respon chat.

2. Penyampaian materi saat live season harus ditingkatkan lagi dari segi
penyampaian dan praktek yang tidak terlalu cepat agar mudah dipahami
oleh mahasiswa.

20
REFERENSI
Merdeka, K. (n.d.). Kampusmerdeka.kemdikbud.go.id. (2021).
https://kampusmerdeka.kemdikbud.go.id/activity/active/detail/633318
Progate profile company. (1986). Company profile. Circuit World, 12(3), 43–46.
https://doi.org/10.1108/eb043822
Silabus, P. (n.d.). RENCANA PEMBELAJARAN SEMESTER Digital Leadership
through Coding. 5.

21
LAMPIRAN

Lampiran A. TOR
Terms of Reference
Digital Leadership through Coding

Nama Perusahaan : PT Progate Global Indonesia


Program : Digital Leadership through Coding
Kegiatan : Magang dan Studi Independen Bersertifikat Kampus
Merdeka
Periode Kegiatan : Semester Ganjil TA 2021/2022
Tanggal 6 September – 24 Desember 2021
Detail Kegiatan :

1. Latar Belakang
Kurikulum Digital Leadership through Coding ini terbuka bagi mahasiswa
yang memiliki minat untuk belajar coding, tanpa harus memiliki latar belakang
teknik sebelumnya. Mahasiswa akan diajarkan bagaimana konsep teknologi,
serta soft skills dan hard skills apa yang diminati oleh perusahaan-perusahaan,
dan mempraktekkan secara langsung melalui pembelajaran coding serta kegiatan
proyek kelompok dan individu.
Program dibagi ke dalam 2 bagian: non-teknis dan teknis. Komposisi non-
teknis akan membahas Digital Mindset dan Design Thinking dalam melihat suatu
tantangan atau permasalahan yang perlu dicari solusinya. Bagian non-teknis
berupa ceramah menggunakan presentasi dan kerja kelompok melakukan suatu
proses Design Thinking bernama “How Might We’s”, atau disingkat dengan
HMW. HMW digunakan oleh perusahaan-perusahaan teknologi global dimana
suatu tim menghadapi suatu tantangan dan secara bersama-sama melakukan
analisa dan mencari solusi tanpa bias untuk memberikan hasil akhir yang paling
optimal bagi pelanggan dan atau pengguna.
Bagian teknis akan mendalami dan mempraktekkan pengembangan web
Full Stack yang terdiri dari 4 (empat) bahasa pemrograman yang sangat populer,
dengan pendekatan OOP (Object Oriented Programming).
● HTML & CSS - setiap halaman web yang ada di internet menggunakan
bahasa ini. Bahasa yang wajib dikuasai oleh siapapun yang bergerak di
dunia teknologi;
● JavaScript - bahasa yang sangat kuat dan populer untuk membuat aplikasi
web yang sangat dinamis dan modern;

22
● SQL - bahasa utama analisa data. Bahasa yang paling banyak digunakan
dan dasar dari segala ilmu Data Analysis dan Data Science;
● Node.js - bahasa library JavaScript yang sangat populer di beberapa tahun
terakhir karena mudah dipelajari, sangat fleksibel dan ringan untuk
dioperasikan.
2. Deskripsi Pekerjaan
● Mahasiswa diwajibkan untuk mengikuti program sesuai dengan jadwal
yang ditetapkan mitra.
● Mahasiswa wajib menghadiri live session dan mengerjakan latihan coding
sesuai dengan silabus.
● Mahasiswa menyelesaikan setiap proyek (mengacu pada subbab I.2) yang
diberikan oleh Progate sesuai dengan ketentuan dan mengumpulkannya
sebelum tenggat waktu berakhir.
● Mahasiswa mengerjakan daily log book dan weekly report pada
dashboard Kampus Merdeka dengan disiplin dan tepat waktu.
● Mahasiswa bertanggung jawab atas laporan akhir yang akan diperiksa
oleh mitra dan pihak universitas tempat mahasiswa berasal.
3. Target Kegiatan
Mahasiswa yang mengikuti program ini akan mendalami dan memahami
topik-topik berikut:
● Pemikiran Digital (Digital Mindset),
● Design Thinking dalam mencari solusi,
● Mengasah Problem Solving dan Critical Thinking melalui praktek coding,
serta
● Penerapan SQL dalam mengambil keputusan berbasis analisa data.

Mengetahui,
Mahasiswa, PIC Mitra,

Irfan Ikhwanda Maria Astrynita C. D.

Lampiran 1 TOR

23
Lampiran 2 Log Activity

Berikut ini lampiran logbook kegiatan selama melakukan studi independen di PT.
Progate Global Indonesia, yaitu sebagai berikut:

Lampiran 2 Log Activity

Minggu/Tgl Kegiatan Hasil

Minggu 1 1. Perubahaan apa saja yang terjadi di Mengerti kegiatan dan


dunia industri? ndustri 4.0 adalah tren ketentuan Studi
10 September
di dunia industri yang menggabungkan Independen Progate,
2021
teknologi otomatisasi dengan teknologi mengetahui kriteria
siber. Istilah industri 4.0 berasal dari seorang professional yang
sebuah proyek dalam strategi teknologi dibutuhkan oleh
canggih Pemerintah Jerman yang perusahaan, mengetahuin
apa saja perubahan yang
mengutamakan komputerisasi pabrik.
terjadi pada dunia industri
Pada industri 4.0, teknologi manufaktur
sudah masuk pada tren otomatisasi dan
pertukaran data. Hal tersebut
mencakup sistem siber-fisik, internet of
things (IoT), cloud computing, dan
cognitive computing. Tren ini telah
mengubah banyak bidang kehidupan
manusia, termasuk ekonomi, dunia
kerja, bahkan gaya hidup. Singkatnya,
revolusi industri 4.0 menanamkan
teknologi cerdas yang dapat terhubung
dengan berbagai bidang kehidupan
manusia.

2. Characters of a future employee :


Keterampilan dan soft skill saat ini
sangat berguna di bursa kerja.
Keterampilan teknis bisa dipelajari,
namun soft skill lebih intrinsik dan
susah untuk diajarkan. Pihak HRD
akan mengevaluasi soft skill Anda
sepanjang sesi wawancara kerja dan
bukan cuma mendengarkan jawaban
Anda. Mereka akan sangat
memperhatikan bahasa tubuh, sopan
santun, dan keseluruhan sifat Anda

24
sepanjang wawancara kerja.

3. Why coding is an important skill to


have, even not for programmers untuk
meningkatkan produktivitas suatu
perusahaan, perusahaan ga mungkin ga
butuh tenaga IT. Apalagi tenaga
programmer, udah hampir ga ada
perusahaan yang menjual produknya
dengan cara konvensional seperti di
pasar. Untuk mengatur data penjualan,
pengeluaran, pemasukan, karyawan,
perusahaan pasti memakai program
atau aplikasi, ga ada lagi namanya
100% manual kertas ditulis tangan.
Semakin banyak yang hampir paperless
4. What is critical thinking Berpikir
kritis adalah cara berpikir manusia
untuk merespon seseorang dengan
menganalisis fakta untuk membentuk
penilaian. Subjeknya kompleks, dan
ada beberapa definisi yang berbeda
mengenai konsep ini, yang umumnya
mencakup analisis rasional, skeptis,
tidak bias, atau evaluasi bukti faktual.
5.Apa yang membedakan a good leader
and a bad leader? dstnya... – Good
Leader : a. Adalah seseorang yang
mampu mengelola bawahannya serta
mampu mengarahkannya untuk
mencapai tujuan. b. Mengerti konsep
tipe-tipe kepemimpinan dan bisa
menggunakannya secara situasional
(bisa googling tipe-tipe
kepemimpinan). c. Mampu memetakan
bawahannya. Oiya saya mau bertanya,
setujukah anda dengan pernyataan “ . –
Bad Leader : a. Adalah seseorang yang
tahu dan sadar memiliki bawahan
namun tidak bisa mengelola dan
mengarahkan bawahannya untuk
mencapai tujuan. b. Tahu dirinya

25
adalah atasan namun tidak mengerti
konsep kepemimpinan, menyamakan
semua pendekatan dalam pengelolaan
dan pengarahan kebawahan. c. Hanya
mengenal 4 tipe bawahan, yaitu
bawahan yang baik, bawahan yang
buruk, bawahan yanga bisa kerja dan
bawahan yang tidak bisa kerja.

Minggu 2 Design Thinking sangat bermanfaat Paham mengenai Design


dalam memecahkan masalah yang Thinking , beserta tahap-
17 September
sangat rumit atau tidak diketahui, tahap dalam design
2021
dengan cara menata kembali thinking untuk mencari
masalahnya dalam sudut pandang solusi dalam
manusia, menciptakan banyak ide-ide menyelesaikan suatu
dalam sesi brainstorming, dan permasalahan.
mengadopsi pendekatan langsung
dalam pembuatan desain awal dan
melakukan uji coba. pada dasar nya
sebuah masalah besar tidak dapat
dipecahkan secara sendiri harus
bersama-sama contoh seperti
kemacetan , antri di sebuah bandara,
keuangan perusahaan menurun.
Menggunakan metode how migh we
untuk mencari solusi dari suatu
masalahdalam design thinking.
Mempelajari dan memahami Define
yaitu merupakan tahapan yang ada
dalam design thinking, serta belajar
memahami How Might We merupakan
cara yang digunakan untuk mencari
sebuah solusi pada suatu permasalahan.
Memahami tahap Prototype, Test,
Implement dalam tahapan design
thinking.
Minggu 3 selama seminggu in saya mepelajari Mengetahui Penggunaan
html css 1 da 2 dan menyelesaikan HTML & CSS Beserta
24 September
tugas yang ada di akun progate, element-element yang ada
2021
mengulang2 materi yang diberikan lalu pada HTML & CSS
mempraktekannya membuat html dan
css lalu mengerjakan tugas yang di

26
berikan

Minggu 4 yang saya pelajari .dari senin membuat Dapat Membuat layout
akun github, untuk menaruh kodingn sederhana pada platform
01 Oktober
projek yg saya sudah buat, dan progate menggunakan
2021
developer lain bisa juga melihat, lalu HTML & CSS dengan
mempelajari lagi css dan html lalu materi yang sudah
membuat compannny profil sambil dipelajari
melihat web pprogate karna didalam
akun progate di ajarkan cara membuat
html dan css
Minggu 5 Pada pertemuan minggu ini saya Dapat membuat layout
belajar beberapa fitur penting css sederhana pada platform
08 Oktober
seperti flexbox dan belajar tentang progate menggunakan
2021
desain responsive. Tujuan dari flexbox HTML & CSS dengan
yaitu kemampuan untuk mengatur menambahkan responsive
Panjang, lebar, dan posisi item-item pada tampilan tersebut
agar dinamis. Sedangankan desain agar tampilan yang sudah
responsive bertujuan agar website dibuat mengikuti ukuran
terlihat bagus di semua perangkat layar pada perangkat
seperti dekstop, tablet dan juga seperti Komputer, laptop,
smartphone. Pada hari jumat 8 oktober tablet dan smartphone
peretemuan ke 5 secara live via google
meet, menjelaskan tentang responsive
desan dan cara pengaplikasian media
query dan flexbox menggunakan text
editor visual studio.
Minggu 6 minggu pertama saya dan kelompok Membuat project Website
saya menentukan membuat projek html bersama kelompok
15 Oktober
dan css, lalu dilanjutkan pembagian dengan menerapkan
2021
tugas kelompok,pada hari selanjutnya materi yang sudah
setelah kelompok sudah di tentukan, dipelajari , dan
saya dan kelompok saya menentukan menampilkan minimal 1
tema apa yang akan digunakan untuk animasi dan layout harus
tugas membuat halaman web. Setelah responsive
tema sudah di tentukan, saya menyusun
urutan pembagian tugas dari setiap
anggota. Setiap orang setidaknya
memegang bagiannya masing-masing,
di antaranya ada bagian header, bagian
main, bagian body, footer, 1 animasi
pada halaman web, dan desain
responsif untuk Smartphone dan table
kali ini saya melakukan pengerjaan

27
tugas sesuai yang sudah di bagikan
pada hari kemarin. Di sini saya
melakukan pengerjaan pada bagian
header, pada hari ini saya mengerjakan
desain logo dan penyusunan kalimat
pada bagian header.aya menyatukan
seluruh Codingan mulai dari header,
bagian main, bagian body, footer, 1
animasi pada halaman web, dan desain
responsif untuk Smartphone dan table
menjadi satu agar menjadi 1 halaman
yang sempurna. Lalu mengumpulkan
nya ke dalam aplikasi github.
Minggu 7 dari hari senin saya mencba membuka Dapat memahami bahasa
akun progate untuk membuka materi pemrograman Java Script
22 Oktober
baru yaitu javasrip 1 dan melalui platform progate
2021
mempelejarinya dan untuk awal saya
mempelajari sintak console.log, belajar
cara melakukan operasi penghitungan
dengan menggunakan sintak
console.log(...+...), belajar cara
menggabungkan string dengan sintak
console.log(“...”+”...”) dan juga belajar
cara mendeklarasikan variable dengan
menggunakan sintak let.hingga selesai,
hingga hari selasa dan dihari kamis
saya mempelajari variable adalah
sebuah nama yang digunakan untuk
menyimpan data (nilai atau ekspresi).
Dalam javascript, nilai (value) dapat
diubah sewaktu-waktu. Jika value
(data) berupa string (teks) , maka value
tersebut harus diapit dengan tanda
kutip dan akhiri setiap baris statement
dengan titik koma (;).dan di hari jumat
saya mengikukuti zoon meet yang di
adakan oleh pihak kampus merdeka.
Minggu 8 kegiatan saya srlama seminggu ini : Dapat memahami
saya menyelesaikan javasrict 1 saya function-function dalam
29 Oktober
melanjutkan ke javascrip 2 dan saya bahasa pemrograman Java
2021
mempelajari iterasi, Iterasi adalah Script melalui platform
proses yang dilakukan berulang – progate
ulang terhadap suatu variabel tertentu,

28
Misalkan pada kasus programming kita
memiliki array dengan anggota
[1,2,3,4]. mempelajari JavaScript 3 di
website Progate. mempelajari tentang
dasar function, arrow function, dan
argument. selamjutnnya di hari kamis
mengikiti zoom met yang di adakan
pada hari kamis dan membahas tentang
cara menggunakam reserve split, dan
mentor memberi arahan dan sesi tanya
jawab ,saya belajar tentang
perbandingan nilai. Apa itu
perbandingan nilai ? Simbol > yang
digunakan di conditional statement
merupakan operator perbandingan
ukuran nilai. Untuk a < b berarti, jika a
kurang dari b, statement-nya akan
menjadi true, jika a sama dengan atau
lebih besar dari b statement akan
menjadi false.o Sama untuk a <= b,
jika a kurang atau sama dengan b,
statement akan menjadi true, dan
sebaliknya. Ada beberapa operator
perbandingan, antara lain : 1. a < b -> a
lebih kecil dari b. 2. a <= b -> a lebih
kecil dari atau sama dengan b. 3. a > b
-> a lebih besar dari b. 4. a >= b -> a
lebih besar dari atau sama dengan b
Minggu 9 pada laporan mingguan ini saya Dapat memhami
mempelajri Javascrip4 dan saya masih pendeklarasian dalam
05 November
mengulang2 di javascrpt 4 karna belum bahasa pemrograman Java
2021
terlalu paham betul, saya mempelajari Script melalui platform
membuat class yaitu serangkaian progate.
perintah untuk membangun jenis objek
tertentu. Class juga bisa diartikan
sebagai sekelompok objek yang
memiliki sifat umum. Contoh dari
Class pada kehidupan nyata adalah
kendaraan, manusia, hewan, dan lain
sebagainya.dan juga belajar memanggil
method di dalam method, dari progate
meberikan quiz selama 45 menit seeru
sekali quiznya hehe, dihari selnajutnya
mengikuti live sesion yang diadakan

29
progate dari live sessiion kita beisa
bertanya jawab dengan mentor,
mentornya seru sekali memberi arahan
dengan baik dan memberi tahu jika kita
belum paham materi yang di pelajari
javascrips.lalu javascript 5 dengan
materi memisahkan file, dalam materi
ini mempelajari memisahkan file agar
programmer mudah dalam mengelola
file baik diatur maupun ketika
diperbarui dan mempelajari meng-
export nilai dari satu file ke file lain
dengan menggunakan cara menuliskan
perintah export default constName
Minggu 10 di hairi prtama saya mepelajricara Membuat project individu
membuata kalkulator di youtube yaitu berupa kalkulator
12 November
dengan menggunakan java script html sederhana dengan
2021
dan css Pada live session Minggu ini di menggunakan HTML,
awali dengan materi mengenai CSS dan bahasa
JavaScript project yang berisikan pemrograman Java Script
tentang bagaimana cara membuat menggunakan Software
aplikasi kalkulator berbasis web. Di Visual Studio Code.
awali dengan membuat 3 file yang
berisikan file Html, css, dan JavaScript.
Lalu selanjutnya membuat struktur
pada file Html, setelah file Html
berhasil di operasi kan. Selanjutnya
Menambahkan code pada CSS, setelah
tampilan pada aplikasi sudah cukup
menarik dengan ada nya css. Setelah
struktur dan tampilan pada aplikasi
kalkulator sudah rapi. Selanjutnya
Adalah proses membangun aplikasi
kalkulator.setelah itu saya mencoba
mebutnya sendiri dengan membuka ppt
yang i berikan pada live session waktu
itu, awal2 saya agak sedikit
kebingungan karna saya belum paham
btul tentang java script, saya melihat
yutub kembali dan saya memulai
denganmembuat htm dan css nya
teelebuh dahulu , Di mulai dari
pembuatan angka-angka dasar yang
ada di kalkulator, lalu penambahan

30
fungsi kalkulator mulai dari
penambahan, pengurangan, pembagian,
perkalian, dan persenan. Lalu
tambahkan button untuk fungsi
pelengkap, yaitu penghapusan angka,
reset perhitungan, dan button untuk
memunculkan hasil. Setelah selesai
membuat html. Selanjutnya saya
membuat css untuk kalkulator agar
membuat tampilan kalkulator lebih
menarik.pembuatan JavaScript untuk
kalkulator berbasis web. Setelah
sebelumnya sudah membuat struktur
html dan mempercantik tampilan
dengan css. Selanjutnya saya membuat
JavaScript agar kalkulator dapat
berjalan sebagaimana mestinya. Di
mulai dengan menginput code dasar
untuk kalkulator. Yaitu penjumlahan,
pengurangan, perkalian, dan
pembagian. Selanjutnya saya membuat
code untuk persenan. Setelah semua
selesai. Selanjutnya pencarian bug
pada program. Setelah di rasa program
berjalan dengan baik, maka dengan ini
aplikasi kalkulator berbasis web sudah
berhasil di buat.
Minggu 11 pada kegiatan Minggu ini saya belajar Dapat memahami
tentang SQL . pada pertemuan pertama database SQL dan
19 November
di awali dengan mengikuti live session function-function yang
2021
pada hari senin jam 5,para mentor ada melalui platform
menjelaskan tentang database, lalu progate
pertemuan kedua saya mempelajari
klausa Select untuk medapatkan data
dari databest, belajar cara mengambil
data dari beberapa kolom dan
mempelajari untuk mendapatkan
klausa tertentu mengguna klausa
where. pertemuan ketiga saya
mempelajari materi operator NOT
Untuk menampilkan baris yang tidak
memiliki nilai tertentu lalu pada
pertemuan ke empat mempelajari
materi SQL tentang mengelola hasil,

31
pada materi ini mempelajari order by
yang berguna untuk mengurutkan baris
dari urutan terkecil ke uruts terbesar
dengan perintah ASC sedangkan kalau
mengurutkan dari terbesar ke terkecil
menggunakan DESC dan juga
mempelajari Limit atau batas
maksimum dan digunakan diakhir
sebuah kueri SQL. dan pada pertemuan
terakhir saya mengerjakan latihan SQL
1.
Minggu 12 pada kegiatan Minggu ini saya masih Dapat memahami
belajar tentang SQL . pada pertemuan database SQL dan
26 November
pertama saya mempelajari materi SQL menggabungkan 3 table
2021
Study II. Pada materi SQL Study II sekaligus menggunakan
dimulai dengan mempelajari materi platform progate.
Mengolah hasil pencarian. Pada meteri
Mengolah hasil pencarian saya
mempelajari DISTINCT dan Operator
Aritmetika, Dengan menggunakan
DISTINCT. lalu pertemuan kedua saya
mempelajari function agregat, pada
function agregat yang dipelajari ada
Sum Untuk menghitung jumlah angka
di SQL. pertemuan ketiga saya
mempelajari MAX dan MIN. MAX
dan MIN dapat digunakan setelah
SELECT. Penggunaan MAX dan MIN
dapat dikombinasikan dengan
WHERE, sama caranya dengan
function agregat lainnya. lalu pada
pertemuan ke empat saya lanjut
mempelajari SQL study III Di sini saya
mempelajari mulai dari bagaimana
mengambil skor pemain dengan nama
will di dalam database. dan pertemuan
terakhir saya belajar menggunakan
subkueari, belajar cara mengambil nilai
data dengan skor pemain yang lebih
tertinggi dan belajar mengambil data
pemain dengan jumal skor goals lebih
tinggi diatas rata-rata
Minggu 13 aporan mingguini saya melanjutkan Dapat memahami

32
03 Desember pembelajaran mySql dengan database SQL dan
2021 mengerjakan latihan 1 sampai dengan mengerjakan latihan
menjadi rata-rata, mencari data terbesar menggunakan platform
dan terkecil Dan melanjutkan progate.
mengerjakan sql3 Di sini saya
mempelajari mulai dari bagaimana
mengambil skor pemain dengan nama
will di dalam database selanjutnya saya
menggunakan tabel users untuk
menganalisis pengguna situs tersebut,
mempelajari tentang menganalisis data
yang di simpan dalam tabel item.
Dengan cara seperti, mendapatkan
nama dari setiap produk, lalu
kumpulkan data name dan price dari
semua produk, lalu selanjutnya
menampilkan semua baris name
dengan ada kata "kaos" di
dalamnya.dimulai dari mendapatkan
data ID produk (item_id) dan Jumlah
unit terjual per barang. Selanjutnya
untuk 5 barang yang paling laris,
dapatkan data ID produk (item_id) dan
Jumlah unit yang terjual. Lalu
selanjutnya untuk 5 produk yang paling
laris, perlu di dapatkan data ID produk,
Nama produk, dan Jumlah unit yang
terjual.Yang terakhir untuk seluruh
riwayat penjualan di perlukan data total
penjualan dan total laba. selanjutnya
yaitu bagaimana cara mengupdate data
dengan alur seperti buka database
untuk mencari data di tabel students
yang nilai kolom id-nya 6, lalu
perbarui data di tabel students yang
nilai kolom id-nya 6, dengan merubah
name dan course yang sesuai klausa
WHERE.Dan yang terakhir, saya
mempelajari cara membuang data yang
sudah tida di perlukan. Yaitu dengan
cara mengecek database dan cari
kolom id dengan nilai 7 dalam table
students. Lalu selanjutnya hapus data
yang nilai kolom id-nya 7 dalam table
students denga cara memasukkan code

33
(DELETE FROM students WHERE
id=7;) Selesai, data sudah berhasil di
hapus
Minggu 14 pada laporanmingguan ke 14 ini sya Dapat memahami
belajar cara menggunakan fitur AUTO database SQL dan
10 Desember
INCREMENT. Ketika data baru mengerjakan latihan
2021
ditambahkan ke dalam tabel, AUTO menggunakan platform
INCREMENT akan menambahkan id progate.
data-data baru tersebut secara otomatis.
dan menambahkan kolom dengan
insert, melanjutkan pembelajaran di sql
4 yaitu dengan menambahkan data
update data, menghapus, disela2
pembelajran saya mengerjakan project
sql yang diberikan oleh progate yaitu
menganalisis data sql 1-3. dan
melanjutkan pelajaran dengan
mengerjakan projek analisi SQL 1 -3.
dan mengikuti live seccion pad ahari
jumat kita diajari cara dasar
menambahkan data menghapus dan
uodate data oleh mentor dan saya
melanjutkan pekerjaan projek sql saya
Minggu 15 Pada minggu ini saya mempelajari Dapat memahami
materi Node.js. Node.js adalah runtime Node.JS dan mengerjakan
17 Desember
environment untuk JavaScript yang latihan beserta database
2021
bersifat open-source dan cross- yang sudah disediakan
platform. Dengan Node.js kita dapat menggunakan platform
menjalankan kode JavaScript di mana progate.
pun, tidak hanya terbatas pada
lingkungan browser. Ada beberapa
fitur penting dari Node.js yang
menjadikannya pilihan utama dalam
pengembangan aplikasi: -
Asynchronous & Event-driven - Very
Fast - Single Threaded but Highly
Scalable Setelah memahami apa itu
Node.js, saya mempelajari materi
konfigurasi Express pada Node.js. Apa
itu Express pada Node.js ? Express
adalah framework (kerangka kerja)
untuk mengembangkan aplikasi web
menggunakan Node.js. Menggunakan

34
framework ini akan membantu proses
pengembangan web menjadi sangat
lebih efisien. Pada Express terdapat
sistem bernama npm (Node Packaging
Manager) yang memperbolehkan kita
untuk mengatur penggunaan paket.
Dengan npm, kita dapat membagikan
dan mengunduh paket. Kita
menggunakannya untuk memasang-
masang paket pada aplikasi yang akan
kita kerjakan. Lalu, saya mempelajari
materi menjalankan server
menggunakan express. Apa yang
terjadi saat kita menjalankan server ?
Dengan menjalankannya, server dapat
menerima permintaan dan
mengirimkan tanggapan, yang akan
memungkinkan aplikasi web
ditampilkan pada browser. Untuk
menjalankan server, kita harus
menambahkan method listen dalam
app.js, lalu menjalankannya pada
terminal menggunakan command
berikut: node nama_file. Setelah
menjalankan server, lalu bagai mana
cara menampilkan halaman ?
Menentukan cara aplikasi menanggapi
permintaan ke URL tertentu disebut
routing. Setiap route menangani
permintaan (request) dan tanggapan
(response) dengan function, ini disebut
Route Handler dan memiliki req
(singkatan dari request ) dan res
(singkatan dari response) sebagai
parameter. Dua parameter ini akan
menyimpan informasi menganai
request dan response. Pada hari
berikutnya, saya mempelajari cara
menerapkan css dan menampilkan
gambar. Dengan express, kita harus
menentukan dimana akan
menempatkan file CSS dan file
gambar. Pada materi yang saya pelajari
hari ini, kita akan meletakannya pada
folder bernama public. Contoh :

35
app.use(express.static('public')); Kita
akan menambahkan file CSS ke folder
public. Untuk memuat CSS, kita harus
menentukan path (jalur file) CSS yang
ingin kita hubungkan dengan folder
public. Gambar dapat dimuat dengan
cara yang sama seperti memuat file
CSS. Contoh : <link href
="/css/style.css"> tanda "/" diawal
digunakan untuk import css
menggunakan path di folder public.
Dihari terakhir saya mempelajari cara
mengitegrasikan database di Node.js.
Ada bermacam-macam alat-alat
pengelola database. Namun yang
digunakan pada materi kali ini
menggunakan aplikasi yang bernama
MySQL. Untuk menghubungkan
MySQL ke Node.js, kita perlu
menggunakan paket bernama mysql.
Ini sama dengan ketika kita memasang
sebuah paket saat pengaturan express.
Contoh : $ npm install mysql Kita
lakukan import paket mysql-nya,
barulah kemudian menggunakan
method createConnection. Kita akan
menyimpan informasi yang diperlukan
dalam sebuah constant bernama
connection. Dengan ini, selesailah
proses menghubungkan MySQL.
Syntax yang ini bukan hal penting
untuk diingat. Contoh : const mysql =
require('mysql'); const connection =
mysql.createConnection({});
Minggu 16 Pada minggu terakhir ini saya Memahami materi
mempelajari materi node.js study 3 naode,js yang deberikan
24 Desember
yang merupakan lanjutan study 2,saya dan mengerjakan project
2021
mempelajari menambahkan fitur hapus paper rock scissor
dan edit pada pada halaman daftar mengunakan html css dan
belanja .kita juga diberikan project javascriptdi vs code
(optional) mengerjakan membuat game
suit japan (Jan-ken)

36
Lampiran 3 Dokumen Teknik

Lampiran 3 Dokumen Teknik

1. Project Kelompok HTML & CSS Membuat Tampilan Sederhana

https://irfan858.github.io/Project_1/#

2. Project Individu JavaScript Membuat Kalkulator

https://irfanikhwanda.github.io/progate.github.io/

37
3. Project Individu SQL Menganalisis Database

https://docs.google.com/presentation/d/1dw7FoYPZOlyrSpCMxyTXwodaZw
_f_kfY/edit#slide=id.p2

4. Project Individu Node.JS Membuat Web Paper Rock Scissior

https://irfanikhwanda.github.io/Jan-ken-Game/

38

Anda mungkin juga menyukai