Oleh:
2021
LEMBAR PENGESAHAN
PROGRAM STUDI INFORMATIKA
UNIVERSITAS BHAYANGKARA JAKARTA RAYA
Disusun oleh :
i
LEMBAR PENGESAHAN
“DIGITAL LEADERSHIP THROUGH CODING”
Di PT. Progate Global Indonesia
Disusun oleh :
ii
LEMBAR PENGESAHAN
“DIGITAL LEADERSHIP THROUGH CODING”
Di PT. Progate Global Indonesia
Disusun oleh :
Ainando Kei
iii
ABSTRAKSI
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”.
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.
Irfan ikhwanda
201810225142
vi
DAFTAR ISI
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
x
BAB I
PENDAHULUAN
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
2
BAB II
ORGANISASI ATAU LINGKUNGAN MSIB
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)
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.
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.
5
logbook setiap harinya untuk di lampirkan kegiatan setiap harinya di website
kampus merdeka.
Berikut ini merupakan jadwa MSIB Studi Independent PT. Progate Global
Indonesia yaitu sebagai berikut :
Tabel 2.1 Jadwal MSIB
Jadwal Capaian
Pembelajaran Durasi
Program
Metode
Metode
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
Metode
7
Metode
Metode
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
9
○ Constructor tentang class JavaScript,
○ Method sebuah konsep yang
○ Inheritance Class diperkenalkan dalam ES6
○ Overriding
Metode
Metode
10
● Tugas individu: 5
hari (7200 menit)
Metode
Metode
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
Metode
12
uUN2ewwOTI9
Metode
13
database
○ Fitur penambahan item
Metode
Metode
14
BAB III
DIGITAL LEADERSHIP THROUGH CODING
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.
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.
Pada kegiatan project penulis dapat mendeskripsikan project apa saja yang
sudah dikerjakan selama kegiatan studi independen di PT. Progate Global
Indonesia yaitu:
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.
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),
Hasil yang didapat penulis dari project yang sudah dikerjakan selama program
Magang dan Studi Independen Bersertifikat di PT. Progate Global Indonesia
yaitu sebagai berikut:
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
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
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 :
4.2 Saran
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
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,
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:
24
sepanjang wawancara kerja.
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.
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
https://irfan858.github.io/Project_1/#
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
https://irfanikhwanda.github.io/Jan-ken-Game/
38