Anda di halaman 1dari 44

LAPORAN AKHIR

MAGANG & STUDI INDEPENDEN BERSERTIFIKAT


Digital Leadership Through Coding

Di PT. Progate Global


Indonesia

Diajukan untuk memenuhi persyaratan kelulusan


Program MSIB MBKM

oleh :
KHAERUL / 1 8 T I 0 3 4

S1 TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS TEKNOLOGI MATARAM
2021
ii
Lembar Pengesahan

Digital Leadership Through Coding

Di PT. Progate Global Indonesia

oleh :
KHAERUL / 1 8 T I 0 3 4

disetujui dan disahkan sebagai


Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Jakarta , 22 Desember 2021


Country Manager Progate,

Aditia Normansyah Ganto, M.Sc

iii
Lembar Pengesahan

Digital Leadership Through Coding

Di PT. Progate Global Indonesia

oleh :
KHAERUL / 1 8 T I 0 3 4

disetujui dan disahkan sebagai


Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Jakarta, 22 Desember 2021


Mentor, Studi independen

Fahdi Labib

iv
Abstraksi
Perkembangan ilmu pengetahuan dan teknologi yang sangat pesat saat
ini, telah membawa perubahan yang sangat pesat pula dalam berbagai
aspek kehidupan. Pekerjaan dan cara kita bekerja berubah, banyak
lapangan pekerjaan hilang, sementara berbagai jenis pekerjaan baru
bermunculan. Para mahasiswa yang saat ini belajar di Perguruan Tinggi,
harus disiapkan menjadi pembelajar sejati yang terampil, lentur dan ulet
(agile learner). Kampus Merdeka merupakan kerangka untuk menyiapkan
mahasiswa menjadi sarjana yangtangguh, relevan dengan kebutuhan
zaman, dan siap menjadi pemimpin dengan semangat kebangsaan yang
tinggi
Kurikulum Digital Leadership through Coding dibentuk khusus bagi
mahasiswa tanpa latar belakang digital/coding agar dapat memahami
konsep technology, pemrograman, 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.

v
Kata Pengantar

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas
selesainya laporan akhir Magang Studi Independent yang berjudul “Digital
Leadership Througt Coding di PT. Prograte Global Indonesia”. Atas
dukungan moral dan materil yang diberikan dalam penyusunan laporan ini,
maka penulis mengucapkan terima kasih kepada:

1. Bapak Ir. H. Lalu Darmawan Bakti, M.Sc., M.Kom, selaku Rektor


Universitas Teknologi Mataram

2. Bapak Lalu Delsi Samsumar, M.Eng, selaku Dosen


pembimbingkami, yang memberikan dorongan, masukan kepada
penulis.

3. Kakak Fahdi Labib., selaku Mentor kelas IX, yang banyak


memberikan materi pendukung, bimbingan, dan masukan kepada
penulis.

4. Orang tua penulis yang banyak memberikan dukungan baik moril


maupun materil.

5. Semua pihak yang tidak dapat penulis rinci satu per satu yang telah
membantu dalam proses penyusunan makalah ini.

Penulis menyadari bahwa laporan ini jauh dari kata sempurna dan masih
terdapat beberapa kekurangan, oleh karena itu penulis sangat
mengharapkan saran dan kritik yang membangun dari pembaca untuk
penyempurnaan makalah ini.

vi
DAFTAR ISI
Lembar Pengesahan Program Studi Teknik Informatika....................................i
Lembar Pengesahan......................................................................................ii
Abstraksi......................................................................................................iii
Kata Pengantar.............................................................................................iv
Daftar Isi......................................................................................................v
BAB I PENDAHULUAN.......................................................................................1
I.1 Latar Belakang....................................................................................1
I.2 Lingkup...............................................................................................1
I.3 Tujuan................................................................................................2
BAB II Struktur Organisasi Progate Global Indonesia dan Lingkup
Kegiatan.........................................................................................................3
II.1 Struktur Organisasi.........................................................................3
II.2 Lingkup Pekerjaan..........................................................................4
II.3 Deskripsi Pekerjaan........................................................................5
II.4 Jadwal MSIB (Project dan Pemelajaran)...........................................6
BAB III Digital Leadership Through Coding...................................................21
III.1 Website caffe...............................................................................21

III.2 Masalah dalam Membuat Project...................................................21

III.3 Hasil Project............................................................................22

BAB IV PENUTUP..............................................................................................23
IV.1 Kesimpulan.............................................................................23
IV.2 Saran.....................................................................................23
Referensi....................................................................................................viii
Lampiran A. TOR ............................................................................................ A-1
Lampiran B. Log Actifity .................................................................................. B-1
Lampiran C. Dokumen Teknik......................................................................... C-1

vii
1

BAB 1
PENDAHULUAN

I.1 Latar Belakang

Mata Kuliah Digital Leadership Through Coding ini dibentuk khusus bagi
mahasiswa tanpa latar belakang digital/coding agar dapat memahami
konsep technology, serta soft skills danhard 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 kedepan. 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, Analytical Thinking, dan
kemandirian dalam Problem Solving, sehingga apapun program studinya,
siapapun berhak untuk belajar ilmu coding.

I.2 Lingkup
Mengacu pada Lampiran A. TOR, mentee berkewajiban untuk memiliki
proyek-proyek berikut dalam portfolio-nya:
1. Proyek tim HTML&CSS merupakan tugas pertama dan bersifat wajib
yang harus diselesaikan tim masing-masing berjumlah 4 -5 anggota
yang sudah dibagi oleh Progate di mana mentees harus membuat
halaman web yang sederhana, namun modern dan responsif.
2. Proyek individu JavaScript merupakan tugas kedua yang bersifat
optional. Output dari proyek JavaScript adalah aplikasi web
kalkulator yang berfungsi secara normal, responsif dan juga
memiliki desain yang kreatif.

1
3. Progate memberikan tugas wajib SQL untuk masing-masing mentee
untuk menganalisis 6 soal latihan. Soal latihan merupakan
penerapan dari latihan SQL Studi I - III di progate.com.
4. Mentee akan menggunakan Aplikasi Daftar Belanja yang dibuat di
Study I-III Node.js untuk mempelajari bagaimana debug dengan
praktis dan melakukan pengembangan di environment lokal dengan
lebih efisien. Selain itu juga terdapat proyek JavaScript tambahan
untuk membuat game Paper Rock Scissor.

I.3 Tujuan
Tujuan MSIB Digital Leadership Through Coding adalah:
 Dapat memahami konsep teknologi, soft skills dan hard skills yang
diminati oleh perusahaan
 Mempraktikan secara langsung pembelajaran coding dan kegiatan
proyek kelompok dan individu

2
3

BAB II
Struktur Organisasi Progate Global Indonesia dan Lingkup Kegiatan

PT Progate Global Indonesia (Progate) adalah penyedia layanan


pembelajaran coding secara daring, yang berfokus untuk mempermudah
akses belajar serta memberikan pengalaman belajar paling
menyenangkan. Lembaga tersebut didirikan pada 2014, dan
memulaiaktivitas pelatihan programming di Jepang.

II.1 Struktur Organisasi


Struktur Organisasi PT. Progate Global Indonesia

Masa Kato
(CEO

Takuya Miyabayashi
(COO)

Tomohiro Tsubaki Hirofumi Takagi Sayuri Kojima


Engineers Developers Designers
(Regional Manager) (Finance) (HR)

Norman Ganto
(Countri Manager)

Oktafia
(marketing Manager)

Program Community Marketing Designer User


Officer Officer Associate Associate Acquisition

1. CEO: Masa Kato


2. COO: Takuya Miyabayashi
3. - Progate Japan: Finance (Hirofumi Takagi), HR (Sayuri Kojima),
Engineer (banyak), Developer (banyak), Designer (banyak)
4. - Progate Indonesia: Regional Manager (Tomohiro Tsubaki), Country
Manager (Norman Ganto), Marketing Manager (Oktafia), Designer
(Charissa), Marketing (Maria)
5. - Progate India: Strategy Manager (Kenya Yoshino), Community
Manager (Ankita Mishra), Content Developer (Shun Uno), Growth
Associate (Harsh Mishra)

II.2 Lingkup Pekerjaan


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-

4
end yang dikombinasikan untuk mengembangkan web dari 0 hingga
menjadi siap digunakan.

II.3 Deskripsi Pekerjaan

1. Penerapan HTML & CSS: Membuat Halaman Web Secara


Berkelompok
Progate tidak menetapkan topik tertentu di mana mentees bebas
mengeksplorasi tema apa yang timnya inginkan. Proyek ini harus
meliputi komponen header, bagian main, bagian body, footer,
terdiri dari setidaknya satu animasi, dan desainnya responsif untuk
smartphone dan tablet. Selain itu, para mentor pun ditugaskan
untuk memberikan feedback terhadap UI, page load, responsivitas
halaman web, serta catatan tambahan lain demi peningkatan
kualitas proyek tim yang dibuat oleh mentees ke depannya. Hampir
seluruh tim menyelesaikan tepat waktu yaitu selama 5 hari
bersamaanggota timnya.
2. Penerapan JavaScript: Membuat Aplikasi Web Kalkulator
Progate menetapkan proyek tertentu berupa aplikasi web kalkulator
namun setiap mentee bebas mengeksplorasi visual desain seperti
apa yang mereka inginkan. Proyek ini harus meliputi beberapa
komponen seperti dapat berfungsi secara normal dan desainnya
kreatif.
3. Penerapan SQL: Menganalisis Soal Latihan Secara Mandiri
Pada latihan ini, mentee akan diuji seberapa jauh pemahaman
mereka mengenai SQL khususnya studi I, II, dan III yang terdapat
di platform Progate. Mentee diharapkan memahami hal mendasar
seperti command, SELECT dan FORM, mengetahui cara
mendapatkan baris-baris tertentu dari sebuah tabel, menggunakan
pernyataan seperti WHERE, Operator Perbandingan (=, <, >),
LIKE, NOT, IS NULL, AND dan OR, serta cara menyusun dan

5
menetapkan batasan tampilan data menggunakan ORDER BY dan
LIMIT.
Pada SQL Studi II, mentee mempelajari cara mengolah data lebih
lanjut, diawali dengan penggunaan DISTINCT dan Operator
Aritmatika (+, -, *, /), cara agregat data menggunakan pernyataan
AVG, SUM, COUNT, MIN dan MAX, serta bagaimana
mengelompokkan data menggunakan GROUP BY dan HAVING.
Terakhir, mentee mengetahui cara penggabungan data
menggunakan subkueri dan penggunaan Pernyataan AS, dan
menggabungkan data dari berbagai tabel.
4. Penerapan Node.js: Aplikasi Daftar Belanja
Mentee akan menggunakan Aplikasi Daftar Belanja yang dibuat di
Study I-III Node.js untuk mempelajari bagaimana debug dengan
praktis dan melakukan pengembangan di environment lokal dengan
lebih efisien. Selain itu, mentor akan mendampingi mentee untuk
mengerjakan proyek tambahan JavaScript berupa game Paper Rock
Scissor untuk me-refresh pengetahuan mengenai JavaScript. Tugas
individu ini bersifat tidak wajib namun Progate akan memberikan
pemahaman bahwa proyek akan menambah keunikan portfolio
mentee.

II.4 Jadwal Kerja

6
Jadwal Capaian Pembelajaran

Program

Minggu 1 Pengantar ● Mahasiswa mengerti kegiatan dan


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

● 14 karakteristik Future


Company

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

Minggu 2 Design Thinking ● Mahasiswa dapat membuat Problem


Statement
Senin ● Belajar menggunakan How
Might We’s untuk mencari ● Mahasiswa dapat mempraktekkan How
13 Sep solusi terbaik bersama tim Might We
2021
● Membuat Board di Google ● Mahasiswa berhasil menyelesaikan tugas
15:00 Drawings kelompok Design Jam
WIB
● Pembagian Kelompok

● Pengerjaan Design Jam per


Kelompok (Deadline
pengumpulan tugas Jumat 17
Sep pukul 18:00 WIB)

Metode

● Live Lecture & Attendance


7
via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Proyek Kelompok di luar jam


kuliah

Minggu 3 Perkenalan Coding dan demo ● Mahasiswa mampu membuat halaman web


platform Progate sederhana di progate
Senin
● Apa itu Path Pengembangan
20 Sep Web
2021
● Apa yang terjadi setelah
15:00 menyelesaikan Path
WIB Pengembangan Web

● Bagaimana cara belajar secara


efektif?

● Demo platform Progate

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

8
○ Bagian atas halaman

○ Header

○ Daftar pelajaran

○ Bagian pesan

○ Footer

○ Memperbaiki header

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu 4 Self-paced Learning ● Mahasiswa mampu membuat halaman web


tanpa instruksi di progate
Senin ● HTML & CSS Latihan I
(Dojo) - Membuat halaman web
27 Sep dari awal
2021
○ Header
15:00
WIB ○ Bagian atas halaman

○ Bagian konten atau isi

9
○ Bagian formulir

○ Footer

● HTML & CSS Latihan II


(Dojo)  - Membuat halaman web
modern dari awal

○ Bagian atas

○ Header

○ Daftar pelajaran

○ Bagian pesan

○ Footer

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu 5 Self-paced Learning ● Mahasiswa mampu membuat halaman web


modern dan responsive tanpa instruksi
Senin ● HTML & CSS Study III

4 Okt ○ Design Web yang Responsive


2021

10
15:00 ○ Media Queries
WIB
○ Persiapan desain yang
responsive

● HTML & CSS Latihan III


(Dojo) - Menguasai desain web
yang responsive

● HTML & CSS Study IV

○ Apa itu Flexbox?

○ Mengimplementasikan
flexbox

○ Desain responsive

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu 6 Persiapan Proyek Kelompok ● Mahasiswa berhasil membuat halaman web


HTML & CSS bertema bebas bersama kelompok
Senin
● Penjelasan Proyek - Membuat
11 Okt halaman web bertema bebas
2021

11
15:00 bersama Kelompok
WIB
● Menyiapkan environment
lokal

● Command Line

● Git dan GitHub

● Pengerjaan Proyek HTML &


CSS  per Kelompok (Deadline
pengumpulan tugas Jumat 15
Okt pukul 18:00 WIB)

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Proyek Kelompok di luar jam


kuliah

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu 7 Pengantar Javascript ● Mahasiswa mengerti kehebatan bahasa


Javascript dalam penggunaannya di berbagai
Senin ● Apa itu Javascript aplikasi web

18 Okt   ● Mahasiswa mengerti sintaks dan tata


2021 bahasa, termasuk variable, constant, dan
Self-paced Learning statement kondisional!
15:00
WIB ● JavaScript Study I ● Mahasiswa mampu cara menggunakan
"iterasi" untuk mengulangi sebagian code

12
○ String & Integer secara efisien

○ Variable & Constant ● Mahasiswa mampu menggunakan dasar-


dasar array dan object
○ Statement Conditional

● Javascript Study II

○ Iterasi

○ Array

○ Object

○ Undefined

○ Latihan Akhir

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu 8 Self-paced Learning ● Mahasiswa dapat menggabungkan dan


menjalankan code secara efisien dengan
Senin ● JavaScript Study III membuat function.

25 Okt ○ Mempelajari Function ● Mahasiswa  mempelajari cara


2021

13
15:00 ○ Argument menggunakan arrow function.
WIB
○ Nilai return ● Mahasiswa mempelajari tentang class
JavaScript, sebuah konsep yang
○ Latihan Akhir diperkenalkan dalam ES6

● Javascript Study IV

○ Dasar-dasar Class

○ Constructor

○ Method

○ Inheritance Class

○ Overriding

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu 9 Self-paced Learning ● Mahasiswa  mempelajari cara


menggunakan paket npm dan membuat
Senin ● JavaScript Study V proyek dengan beberapa file!

1 Nov ○ Memisahkan File ● Mahasiswa mempelajari method untuk


2021 menangani array yang penting bagi

14
15:00 ○ Export nilai pengembangan JavaScript yang praktis
WIB
○ Menggunakan Paket ● Mahasiswa menguasai tentang callback
function
● Javascript Study VI

○ Metode untuk Array (Push,


ForEach, Find, Filter, Map)

● Javascript Study VII

○ Mempelajari Callback
Function

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu Persiapan Proyek Individu ● Mahasiswa berhasil membuat proyek


10 Javascript aplikasi kalkulator menggunakan javascript di
environment lokal
Senin ● Penjelasan Proyek - Membuat
aplikasi web kalkulator
8 Nov
2021 ● Menyiapkan environment
lokal
15:00
WIB ● Pengerjaan Proyek Individu

15
Javascript (Deadline
pengumpulan tugas Jumat 12
Nov pukul 18:00 WIB)

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Proyek Individu di luar jam


kuliah

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu Pengantar SQL ● Mahasiswa mengerti pentingnya


11 mengambil keputusan berdasarkan data untuk
● Apa itu SQL hasil yang lebih baik bagi perusahaan /
Senin organisasi
 
15 Nov ● Mahasiswa dapat melakukan perintah-
2021 Self-paced Learning perintah dasar SQL dari suatu tabel

15:00 ● SQL Study I


WIB
○ Mendapatkan data

○ Mendapatkan baris tertentu

○ Mengolah hasil data

○ Mempraktikkan hal yang


sudah Anda pelajari

16
 

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu Self-paced Learning ● Mahasiswa dapat menjalankan berbagai


12 perintah SQL dengan lebih dari 1 tabel
● SQL Study II
Senin
○ Mengolah hasil pencarian
22 Nov
2021 ○ Menggunakan Function
Agregat
15:00
WIB ○ Mengelompokkan data

○ Mempraktikkan hal yang


sudah Anda Pelajari

● SQL Study III

○ Menggunakan Subkueri

○ Menggabungkan Beberapa
Tabel

○ Tantangan Akhir

17
 

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu Self-paced Learning ● Mahasiswa dapat menyelesaikan latihan


13 analisis data fashion menggunakan berbagai
● SQL Latihan I (Dojo) perintah SQL
Senin
○ Menganalisis database situs
29 Nov fashion
2021
○ Data pengguna
15:00
WIB ○ Data produk

○ Data riwayat penjualan dan


laba

● SQL Study IV

○ Menambahkan, Memperbarui,
dan Menghapus Data

Metode

● Live Lecture & Attendance

18
via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9  

Minggu Persiapan Proyek SQL Setup ● Mahasiswa berhasil melakukan persiapan


14 environment lokal untuk SQL
● MySQL
Senin ● Mahasiswa dapat menambahkan data ke
● Menyambungkan SQL dengan mySQL database
6 Des Database
2021 ● Mahasiswa dapat menyambungkan SQL di
● Setup SQL di Environment lokal ke MySQL Database
15:00 Lokal
WIB
● Pengerjaan SQL Database
Setup (Deadline pengumpulan
tugas Jumat 10 Des pukul 18:00
WIB)

○ https://kotakode.com/blogs/
6995/Tutorial-MySQL-Part-1 

○ https://kotakode.com/blogs/
7240/Tutorial-MySQL-Part-2 

○ https://kotakode.com/blogs/
8985/Tutorial-MySQL-part-3 

Metode

● Live Lecture & Attendance

19
via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Proyek Individu di luar jam


kuliah

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu Pengantar Node.js ● Mahasiswa berhasil membuat aplikasi web


15 menggunakan Node.js dan Express
● Apa itu Node.js
Senin ● Mahasiswa dapat mengembangkan aplikasi
  web yang menggunakan database
13 Des
2021 Self-paced Learning

15:00 ● Node.js Study I


WIB
○ Memulai Penggunaan Node.js

○ Mengkonfigurasi Express

○ Menjalankan Serverx

○ Menampilkan Halaman

○ Menerapkan CSS dan


menampilkan gambar

○ Menggunakan EJS

○ Menambah Tautan

○ Menautkan antar halaman

● Node.js Study II

20
○ Menggunakan Database

○ Menampilkan Nilai database

○ Fitur penambahan item

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● Self-paced learning di
https://progate.com 

● Office Hours bersama Mentor


Online di Telegram

○ Channel Pengumuman:
https://t.me/joinchat/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

Minggu Self-paced Learning ● Mahasiswa menggunakan Aplikasi Daftar


16 Belanja yang dibuat di Study I-III Node.js
● Node.js Study III - untuk mempelajari tentang melakukan debug
Senin Menyelesaikan aplikasi web dengan praktis. Raih keterampilan melakukan
“Shopping List” debug dan bisa melakukan pengembangan di
20 Des environment lokal dengan lebih efisien!
2021 ○ Fitur Hapus dan Edit
● Mahasiswa berhasil membuat aplikasi
15:00 ○ Menghapus item Daftar Paper Rock Scissor
WIB
○ Mengedit item Daftar

○ Memperbarui item yang


dipilih

Persiapan Proyek Individu

21
Javascript #2

● Membuat aplikasi web


“Paper Rock Scissor”

Metode

● Live Lecture & Attendance


via Googlemeet
https://meet.google.com/hhm-
fpxa-dap 

● 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/qicQHaFD
XAJhOGRl

○ Grup Tanya Jawab:


https://t.me/joinchat/vyYcsuUN
2ewwOTI9

22
21

BAB III
Digital Leadership Through Coding

III.1 Website Caffe

Seiring berkembangnya kemajuan teknologi, informasi, dan komunikasi di


era digital, semakin banyak platform digital yang memudahkan segala
aktivitas dan kegiatan sehari-hari. Dan ini salah satu mengapa kami
membuat Website Caffe, untuk menjadi inspirasi bagi
peminat,mempermudah dalam segi pemesanan dan mengelola informasi
yang ada.
Caffe merupakan tempat untuk makan dan minum sajian cepat saji dan
menyuguhkan suasanan santai atau tidak resmi, selain itu juga merupakan
suatu tipe dari restoran yang biasanya menyediakan tempat duduk
didalam dan diluar restoran.

III.2 Masalah dalam Membuat Project


Pertama, dalam membuat website yang diperhatikan adalah masalah tool
atau menu apa saja yang akan ditampilhan dalam website, serta
bagaimana layout website dibuat. Pemilihan warna menjadi sangat sulit
untuk mencocok kan dengan tema yang kita ambil.
Kedua, saat kita mulai membuat layoutnya kita menamukan beberapa
kendala seperti, layout yang berantakan dan tidak Responsive.
Ketig, kendala yang sempat kami hadapi yaitu kerja tim yang kompak ,
di karenakan ada bebrapa hal sperti, jurusan yang berbeda, jam kuliah
satu tim yang ada jam kuliah. Tapi itu menyebakan kita saling
melengkapi dan saling memahami karena berbeda latar belakang
jurusan.
Dan Terakhir mengupload project group ke github & GIT yang selalu
mengalami kendala, sebab kurangnya mengerti materi. Dengan
kekompakkan kelompok yang di miliki akhirnya bias menyelesaikan
masalah yang terjadi dan bisa di upload ke GITHUB & GIT.
III.3 Hasil Project

Tujuan MSIB Digital Leadership Through Coding adalah:


 Dapat memahami konsep teknologi, soft skills dan hard skills yang
diminati oleh perusahaan
 Mempraktikan secara langsung pembelajaran coding dan kegiatan
proyek kelompok dan individu

gambar 1 Projek kelompok https://khaerul1509.github.io/project_9B_progate.github.io/

gambar 2 project individu membuat kalkulator dengan Java Script


https://khaerul1509.github.io/kalkulator-apps/

22
23

BAB IV
PENUTUP

III.4 Kesimpulan

Program MSIB memberi kepastian atas hak mahasiswa untuk dapat belajar
di luar kampus yang dapat sesuai dengan program MerdekaBelajar-
Kampus Merdeka dan mendapatkan pengalaman kerja di berbagai sektor
industri yang sedang berkembang. Program MSIB Digital Leadership
Through Coding membantu mahasiswa memahami konsep teknologi, soft
skills dan hard skills yang diminati oleh perusahaan serta menyediakan
sarana untuk mempraktikan secara langsung pembelajaran coding dan
kegiatan proyek kelompok dan individu.

III.5 Saran

Setelah membuat laporan ini, penulis menyarankan kepada pihak


penyelenggara untuk :
 Menyelenggarakan kegiatan MSIB secara Luring atau tatap muka,
karena penulis sering mengalami gangguan sinyal yang
mengakibatkan kurang maksimal kegiatan MSIB secara Daring
REFERENSI

Kampus Merdeka, (2021). Faqs. Diakses pada 15 Desember 2021, dari


https://kampusmerdeka.um.ac.id/index.php/faqs/
Prograte, (2021). Company, Diakses pada 15 Desember 2021, dari
https://progate.com/about/company

24
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
kelompokdan 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 dicarisolusinya.
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

A.1
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
OrientedProgramming).
 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;
 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.

A.2
 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,

Maria Astrynita C. D.
Khaerul

A.3
Lampiran B. Log Activity

Minggu/Tgl Kegiatan Hasil


- Senin, 06 September - Live Youtube (Onboarding session) -
2021
- Senin, 13 September - Live Youtube (Design Thinking) -
2021
- Jumat, 24 - Live Zoom (HTML & CSS) 100%
September 2021
- Kamis, 30 - Live Zoom (HTML Dojo I & II) 100%
September 2021
- Rabu, 06 Oktober - Live Youtube (Webinar Session: 100%
2021 Career Path In Technology Industry
- Kamis, 7 Oktober )
2021 - Live Zoom (HTML & CSS 3 & 4)
- Senin, 11 Oktober - Live Youtube (Project Brief HTML 100%
2021 Digital Leadership Through Coding
2021)
- Jumat, 22 Oktober - Live Zoom (Javascript ES6) 100%

2021

- Jumat, 29 Oktober - Live Zoom (Javascript Study III dan 100%


2021 IV)
- Jumat, 5 November - Live Google Meet (JavaScript 5,6,&7 100%
Digital Leadership through Coding)
2021
- Senin, 8 November - Live Youtube (Project Brief 100%
JavaScript Digital Leadership through
2021 Coding)
- Kamis, 18 November 100%
- Live Zoom SQL 1 Digital
2021 Leadership through Coding
- Kamis, 25 November - Live Google Meet (SQL Study II dan 100%
2021 Study III)

B.1
- Senin, 29 November - Live Google Meet (SQL latihan 1 100%
2021 Dojo.)
- Selasa, 7 Desember - Live Zoom (SQL Tree) 100%
2021
- Jumat, 17 Desember - Live Zoom (Node.js 1 & 2) 100%
2021

B.2
Lampiran C

a. Project Group (https://khaerul1509.github.io/project_9B_progate.github.io/)

Seiring berkembangnya kemajuan teknologi, informasi, dan


komunikasi di era digital, semakin banyak platform digital yang
memudahkan pelanggan maupuan pemiliknya. Dan ini salah satu
mengapa kami membuat Website Caffe.

b. Project Individu (https://khaerul1509.github.io/kalkulator-apps/)

C.1
Tugas individu pada pertemuan ke 10, project aplikasi kalkulator
menggunakan Javascript di environment local.
c. Project Analisi (https://bit.ly/SQL-Studi-Independen-KHAERUL-Kelas-9)

LATIHAN 1

C.2
LATIHAN 2

LATIHAN 3

C.3
LATIHAN 4

LATIHAN 5

C.4
l

LATIHAN 6

Di latihan ini, kita akan mencoba mengerjakan beberapa soal


tambahan pada materi yang dibahas di SQL Studi I, II, dan III.

a. SQL Studi I
 Kita membahas hal yang mendasar, yaitu command
SELECT dan FROM, memilih lebih dari 1 kolom.
 Selain itu, kita juga mempelajari cara mendapatkan baris-
baris tertentu dari sebuah tabel, menggunakan
pernyataan seperti WHERE, Operator Perbandingan (=, <,
>), LIKE, NOT, IS NULL, AND dan OR.
 Dan yang terakhir di Studi I, adalah cara menyusun dan
menetapkan batasan tampilan data menggunakan ORDER
BY dan LIMIT.

b. SQL Studi II
 Di Studi II, kita mempelajari cara mengolah data lebih
lanjut, diawali dengan penggunaan DISTINCT dan Operator
Aritmetika (+, -, *, /).
 Selain itu, kita juga mempelajari cara mengagregat data
menggunakan pernyataan AVG, SUM, COUNT, MIN dan
MAX.
 Dan yang terakhir di Studi II, adalah cara
mengelompokkan data menggunakan GROUP BY dan
HAVING

c. SQL Studi III

C.5
 Kita membahas penggunaan SQL yang lebih rumit, yaitu
penggabungan data menggunakan subkueri dan
penggunaan Pernyataan AS.
 Selain itu, kita juga mempelajari cara menggabungkan data
dari berbagai tabel dengan pernyataan JOIN dan LEFT JOIN

C.6

Anda mungkin juga menyukai