LAPORAN AKHIR

MAGANG & STUDI INDEPENDEN BERSERTIFIKAT

FULLSTACK WEB DEVELOPER
DI PT ARKATAMA MULTI SOLUSINDO

Diajukan untuk memenuhi persyaratan kelulusan

Program MSIB MBKM

oleh :
Tri Anggoro / 200441100041

Program Studi Sistem Informasi

Universitas Trunojoyo Madura
2023
 Lembar Pengesahan
Program Studi Sistem Informasi
Universitas Trunojoyo Madura

FULLSTACK WEB DEVELOPER

DI PT ARKATAMA MULTI SOLUSINDO

oleh :
Tri Anggoro / 200441100041

disetujui dan disahkan sebagai

Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Sidoarjo, 26 Juni 2023

Dosen Pembimbing Studi Independen Program Studi Universitas
Trunojoyo Madura

Dr.Budi Dwi Satoto, ST., M.Kom.

NIP. 19750906 200312 1 002

i
 Lembar Pengesahan

FULLSTACK WEB DEVELOPER

DI PT ARKATAMA MULTI SOLUSINDO

oleh :
Tri Anggoro / 200441100041

disetujui dan disahkan sebagai

Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Malang, 28 Juni 2023

PIC MSIB PT Arkatama Multi Solusindo

Fauziah, S.E., M.M.

2018002

ii
 Abstraksi

Program Studi Independen Bersertifikat (MSIB) merupakan salah satu program yang
diselenggarakan oleh Menteri Pendidikan dan Kebudayaan di Indonesia dengan
tujuan untuk memberikan kesempatan bagi mahasiswa untuk mendapatkan
pengalaman dunia kerja melalui proyek nyata yang dibimbing oleh tim dan
pembimbing dari organisasi, mitra, startup, dan pemerintahan. Program ini bertujuan
untuk mempersiapkan mahasiswa dalam menghadapi perubahan cepat dalam dunia
teknologi, sosial, budaya, dan dunia kerja, serta meningkatkan kemampuan
kompetensi mahasiswa dalam dunia kerja Salah satu mitra yang bekerja sama dengan
program MSIB adalah PT. Arkatama Multi Solusindo, yang menyediakan kelas full
stack web development course yang memberikan sertifikasi bagi mahasiswa dalam
bidang Fullstack Web Developer. Final project yang dikerjakan dalam Program Studi
Independen Bersertifikat adalah sebuah aplikasi web yang berfokus pada layanan
pembelian dan pemesanan roti secara online. Project akhir dari program ini adalah
pengembangan toko roti online bernama T cake. Project ini mencakup berbagai
aspek, seperti desain web, pemrograman, manajemen basis data, dan pengembangan
API. Hasil dari project ini mencakup beberapa fitur penting, seperti halaman utama
yang menarik, halaman produk, sistem login, CRUD produk, slider, brand, category,
user, dan role, halaman About, halaman Contact, fitur filter harga, fitur pencarian
berdasarkan kategori, dan halaman dashboard

Kata Kunci: Program Magang dan Studi Independen Bersertifikat (MSIB),

Merdeka Belajar Kampus Merdeka (MBKM), Web Developer,

iii
 Kata Pengantar

Puji syukur kami panjatkan kehadiran Allah SWT, karena atas rahmat dan
karunianya-Nya sehingga kegiatan Kampus Mengajar ini hingga penyusunan laporan
kegiatan Kampus Mengajar dapat diselesaikan dengan baik dan tepat pada waktu yang
telah ditentukan. Sholawat serta salampun kami haturkan kepada junjungan kita Nabi
Besar Muhammad SAW dan para sahabatnya, yang telah memberikan tauladan baik
sehingga akal dan fikiran penyusun mampu menyelesaikan Laporan Kampus Mengajar
ini, semoga kita termasuk umatnya yang kelak mendapatkan syafa’at dalam menuntut
ilmu.
Dalam kesempatan ini kami mengucapkan terima kasih kepada pihak-pihak yang
telah banyak membantu dalam pelaksanaan dan penyusunan laporan Kampus Mengajar
diantaranya :
1. Tuhan Yang Maha Esa
2. Orang tua dan keluarga penulis yang selalu memberikan dukungan dan motivasi.
3. Dr.Budi Dwi Satoto, ST., M.Kom. selaku dosen pembimbing yang telah
memberikan arahan, bimbingan, dan dukungan selama proses penyusunan laporan
akhir saya.
4. Kakak-kakak mentor dan pemateri yang telah memberikan banyak pengetahuan
yang semoga dapat menjadi bekal untuk memasuki dunia kerja.
5. Kerabat, teman-teman dan semua pihak yang selalu memberikan dukungan dan
semangat selama proses pengerjaan proyek akhir.

Dalam penyusunan laporan ini, kami menyadari masih banyak kekurangan baik dari segi
susunan serta cara penulisan laporan ini, karenanya saran dan kritik yang sifatnya membangun demi
kesempurnaan laporan ini sangat kami harapkan. Akhirnya, semoga laporan ini bisa bermanfaat
bagi para pembaca pada umumnya dan juga bermanfaat bagi penyusun pada khususnya

Sidoarjo, 26 Juni 2023

Penulis,

Tri Anggoro

iv
 Daftar Isi

Lembar Pengesahan Program Studi Sistem Informasi Universitas Trunojoyo

Madura ......................................................................................................................i
Lembar Pengesahan ................................................................................................ ii
Abstraksi ................................................................................................................ iii
Kata Pengantar ........................................................................................................iv
Daftar Isi..................................................................................................................vi
Daftar Tabel ......................................................................................................... viii
Daftar Gambar .........................................................................................................ix
Bab I Pendahuluan ...................................................................................................1
I.1 Latar Belakang .........................................................................................1
I.2 Lingkup ....................................................................................................2
I.3 Tujuan ......................................................................................................2

Bab II PT Arkatama Multi Solusindo ......................................................................4

II.1 Struktur Organisasi ..................................................................................5
II.2 Lingkup Pekerjaan ...................................................................................6
II.3 Deskripsi Pekerjaan .................................................................................7
II.4 Jadwal Kerja ..........................................................................................12

Bab III Fullstack Web Developer ..........................................................................20

III.1 Uraian Kegiatan Studi Independen ........................................................20
III.2 Deskripsi Permasalahan .........................................................................20
III.3 Solusi Permasalahan ..............................................................................20
III.4 Pencapaian Hasil ...................................................................................21
III.4.1 Penugasan ................................................................................21
III.4.2 Proyek Akhir ...........................................................................23

Bab IV Penutup ......................................................................................................29

IV.1 Kesimpulan ............................................................................................29
IV.2 Saran ......................................................................................................29

Referensi ................................................................................................................30
Lampiran TOR .......................................................................................................31

v
Lampiran Log Activity...........................................................................................33
Lampiran Dokumen Teknik ...................................................................................35

vi
 Daftar Tabel

Tabel 1. Silabus SIB Fullstack Web Developer ....................................................... 7

Tabel 2. Jadwal Pembelajaran SIB Fullstack Web Developer ............................... 13
Tabel 4. Log Activity SIB Fullstack Web Developer ............................................ 37

vii
 Daftar Gambar

Gambar 1. Logo PT Arkatama Multi Solusindo ...................................................... 4

Gambar 2. Struktur Organisasi PT Arkatama Multi Solusindo ............................... 5
Gambar 3. Final Project Fullstack Web Developer ............................................... 12
Gambar 4. Hasil Penugasan-1 ................................................................................ 21
Gambar 5. Hasil Penugasan-2 ................................................................................ 22
Gambar 6. Hasil Penugasan-3 ................................................................................ 22
Gambar 7. Hasil Penugasan-4 ................................................................................ 23
Gambar 8. Proyek Akhir – ERD ............................................................................ 23
Gambar 9. Proyek Akhir – Tampilan awal ............................................................ 24
Gambar 10. Proyek Akhir – Form login ................................................................ 25
Gambar 11. Proyek Akhir – Form registrasi .......................................................... 25
Gambar 12. Proyek Akhir – Dashboard admin ...................................................... 26
Gambar 13. Proyek Akhir –Slides admin ..............................................................27
Gambar 14. Proyek Akhir – Tambah produk .........................................................28

viii
 BAB I PENDAHULUAN

I.1 Latar belakang

Pada era yang modern ini, persaingan dalam dunia kerja semakin berat.
Tidak menutup kemungkinan bagi lulusan baru khususnya pelajar/mahasiswa akan
merasa sulit untuk menghadapi ketatnya persaingan dalam dunia kerja ini. Oleh
karena itu, untuk mengatasi hal tersebut Menteri Pendidikan dan Kebudayaan
mengadakan program Merdeka Belajar Kampus Merdeka (MBKM) yang salah
satunya berupa Magang dan Studi Independen Bersertifikat (MSIB) yang bertujuan
untuk memberikan kesempatan bagi mahasiswa untuk mendapatkan pengalaman
nyata di dunia kerja melalui pembelajaran yang dilakukan di luar kampus dan
dibimbing langsung oleh mentor profesional dari mitra, perusahaan, instansi, dan
pemerintahan.

Menteri Pendidikan, Kebudayaan, Riset dan Teknologi (Mendikbud Ristek)

Bapak Nadiem Anwar Makarim mengatakan, MSIB bukanlah program magang
atau program studi independen biasa, melainkan program yang bekerja sama
langsung dengan perusahaan dan organisasi terkemuka di dunia untuk memastikan
bahwa mahasiswa dibimbing langsung oleh para profesional yang
berpengalaman[1].

PT Arkatama Multi Solusindo bekerja sama dengan Kemendikbud, dan

Perguruan Tinggi dalam usahanya mendorong kompetensi mahasiswa agar siap
terjun ke ranah industri melalui program Studi Independen Bersertifikat dengan
skema Fullstack Web Developer yang berfokus pada pembelajaran web developer
yang profesional di bidang front end dan back end. peserta Program Studi
Independen juga akan mandapatkan kesempatan untuk mengikuti uji sertifikasi
BNSP secara gratis oleh PT Arkatama Multi Solusindo. Program Studi Independen
ini menggunakan pendekatan Project Based Learning dimana peserta akan dibagi
dalam project kerja yang sekaligus menjadi wadah untuk belajar[2].

Oleh karena itu, untuk menambah wawasan dan pengalaman dalam

pemrograman web, saya mengikuti program Studi Independen PT Arkatama Multi

1
 Solusindo dengan skema Fullstack Web Developer.

I.2 Lingkup

Laporan ini membahas mengenai hasil dari program studi independen

skema Fullstack Web Developer yang telah saya ikuti di PT Arkatama Multi
Solusindo. Dalam laporan ini, akan mencakup rangkaian kegiatan dan materi
pembelajaran yang telah saya dapatkan setelah mengikuti studi ini. Pembelajaran
dapat berupa pemrograman web menggunakan HTML, CSS, JavaScript, PHP, dan
SQL, penggunaan XAMPP dan Laragon sebagai aplikasi server, serta penggunaan
phpMyAdmin dan heidiSQL sebagai pengelola database.

Selain itu, laporan ini juga menjelaskan mengenai proyek akhir individu
yang telah saya kerjakan dalam mengikuti studi ini. Dalam laporan ini juga akan
dijelaskan mengenai kendala yang saya hadapi selama mengikuti studi ini, serta
solusi saya untuk menghapapi kendala-kendala yang ada.

I.3 Tujuan

Tujuan utama dari pembuatan laporan ini adalah untuk memenuhi syarat
kelulusan dalam mengikuti program Studi Independen PT Arkatama Multi
Solusindo skema Fullstack Web Developer.

Selain itu, laporan ini dibuat untuk menjabarkan hasil dari studi independen
yang telah saya lakukan selama mengikuti kelas Fullstack Web Developer di PT
Arkatama Multi Solusindo. Melalui laporan ini, diharapkan dapat memberikan
gambaran tentang pengetahuan yang telah saya dapatkan selama mengikuti studi
ini, serta proyek yang telah saya kerjakan dan kendala yang saya hadapi selama
mengikuti proses pembelajaran.

Selanjutnya, laporan ini diharapkan dapat memberikan manfaat bagi saya

sendiri sebagai bahan evaluasi, serta bagi pembaca yang ingin mengetahui hasil dari
studi independen yang telah saya lakukan selama mengikuti kelas Fullstack Web
Developer di PT Arkatama Multi Solusindo. Berikut hasil yang diperoleh selama
mengikuti program MSIB di PT Arkatama Multi Solusindo:

2
1. Mampu mengorganisir dan mengelola website pada komputer secara detail
2. Mengetahui dan memahami berbagai tools yang dapat digunakan dalam
mengelola website
3. Mengerti secara detail terkait tipe teknologi dan operator dalam pemrograman
4. Mampu membuat, memodifikasi, dan memanipulasi objek
5. Memahami prosedur untuk mengendalikan akses bersamaan ke website
6. Memahami relasi antar tabel pada pengembangan website
7. Mampu menerapkan langkah-langkah perancangan pemrograman
8. Mampu mempelajari teknologi HTML, CSS, dan JavaScript dengan kualitas
lebih baik
9. Lulus uji kompetensi BNSP skema Fullstack Web Developer

3
 Bab II PT Arkatama Multi Solusindo

Gambar 1. Logo PT Arkatama Multi Solusindo

PT Arkatama Multi Solusindo merupakan sebuah perusahaan yang memiliki

pengalaman di bidang jasa konsultan IT dan Pengembangan Aplikasi. PT Arkatama
Multi Solusindo adalah perusahaan penyedia jasa teknologi informasi yang inovatif
dan kreatif, dengan kegiatan utamanya membantu organisasi untuk meningkatkan
pelayanan publik.

Dalam Program Studi Independennya, PT Arkatama Multi Solusindo

bekerja sama dengan Kemendikbud, dan Perguruan Tinggi dalam usahanya
mendorong kompetensi mahasiswa agar siap terjun ke ranah industri. Dalam
program MBKM, PT Arkatama Multi Solusindo menyediakan 2 skema dalam
program Studi Independen yaitu skema Fullstack Web Developer dan Digital
Marketing.

4
II.1 Struktur Organisasi

Gambar 2. Struktur Organisasi PT Arkatama Multi Solusindo

a. Chief Executive Officer

Chief Executive Officer Bertanggung Jawab untuk membuat keputusan

besar bagi perusahaan dan mengelola keseluruan operasi dan sumber daya
perusahaan.

b. Chief Marketing Officeer

Chief Marketing Officer bertanggung jawab untuk mengurus urusan

marketing (Pemasaran) Dan Periklanan yang ada dalam perusahaan. Chief
marketing officer juga bertanggung jawab dengan membawahi tim Digital
Marketing.

c. Digital Marketing Specialist

Digital Marketing Specialist bertugas untuk merencanakan serta

melaksanakan berbagai pengembangan seluruh web yang berkaitan dengan

5
 perusahaan, email, SEO atau SEM, iklan online, juga media social, Dan
Mendesain, mengembangkan serta mempertahankan secara kontinuitas
aktivitas di media sosial perusahaan.

d. Chief Administrative & Financial Officer

Chief Administratif & Financial Officer bertanggung jawab dalam

bidang administrasi yang membantu perusahaan dalam operasi administrasi
hariannya. Yang bertujuan untuk setiap depertemen dapat memenuhi goals
yang telah di tentukan perusahaan (M. Ichsan Medina, 2022).

e. Chief Reserch & Development Officer

Chief Reserch & Development Officer adalah bertanggung jawab untuk

berinovasi dan menciptakan prosduk atau layanan baru, dengan tujuan
perusahaan dapat meluncurkan produk atau jasa yang orosinal dan optimal
(Humaira Aliya, 2021).

f. Software Development

Software Development bertugas untuk membuat software yang akan

dikembangkan, melakukan perawatan sistem yang telah di buat, dan membuat
databse software dan melakukan perawatan server.

g. UI/UX Designer

UI/UX Designer Bertugas untuk Membuat prototype software supaya

lebih interaktif, dan memperbaruhi tampilan website agar sesuai dengan
keinginan. UI/UX Designer juga mendesain suatu produk melalui pendekatan
pengguna. Dengan pendekatan ini produk yang diciptakan sesuai dengan
kebutuhan dan keinginan dari pengguna.

II.2 Lingkup Pekerjaan

Program Studi Independen PT Arkatama Multi Solusindo skema

Fullstack Web Developer terdiri atas sesi pembelajaran materi dengan metode

6
 diskusi, brainstorming dan tanya jawab, serta sesi mentoring yang diisi dengan
pembahasan mengenai pre-test, post-test, dan penugasan yang telah dikerjakan dan
diskusi langsung bersama mentor, dan persiapan mengikuti uji sertifikasi BNSP.
Program ini dilakukan selama kurang dari 5 bulan mulai tanggal 16 Februari sampai
30 Juni 2023 dengan lingkup pekerjaan sebagai berikut :

• Dasar Web Development dan Collaborative Development

• Pengenalan desain web dasar
• Java Script
• Web desain
• Database Management System
• PHP dasar
• Pemrogaman Berorientasi Obyek dan MVC
• Framework Laravel
• Merancang arsitektur dalam web API
• Deployment
• Mengikuti uji sertifikasi BNSP

II.3 Deskripsi Pekerjaan

a. Pembekalan Materi

Proses pembekalan materi dalam program Studi Independen PT

Arkatama Multi Solusindo skema Fullstack Web Developer dilakukan secara
online via zoom meeting dengan rincian materi pembelajaran sebagai berikut:

Bentuk Pembelajaran,
Materi Bobot
Perte Kemampuan Akhir yang Metode Pembelajaran,
Materi Pembelajaran Evaluasi Pembelajaran Penilaian
muan diharapkan Penugasan
[Pustaka] (%)
[Estimasi Waktu]
(1) (2) (3) (4) (5) (6) (7)
Dasar Web Development dan Collaborative Development
1 ● Dasar Web Mahasiswa mampu memahami ● Pre Test ● Bentuk : Kuliah Modul BAB I 5
● Persiapan Tools dan mengerti konsep dasar ● Post Test ● Metode : Ceramah, diskusi,
pengembangan aplikasi web ● Penugasan brainstorming dan tanya jawab
dan tool yang dibutuhkan ● Waktu : [TM: 2x60’]
● Penugasan : melakukan persiapan
environment pengembangan
2 ● Version Control Mahasiswa mampu ● Pre Test ● Bentuk : Kuliah Modul BAB I 5
System menggunakan version control ● Post Test ● Metode : Ceramah, diskusi,
● Git, Github, Gitlab system untuk mengembangkan ● Penugasan brainstorming dan tanya jawab

7
 ● Github pages aplikasi secara kolaboratif ● Waktu : [TM: 2x60’]
● Penugasan : membuat akun
github/ gitlab dan membuat
halaman di github pages
Pengenalan Desain Web Dasar
3 ● HTML dan Web Mahasiswa secara teliti dan ● Pre Test ● Bentuk : Kuliah Modul BAB II 5
Design cermat mampu menggunakan ● Post Test ● Metode : Ceramah, diskusi,
● HTML text tag HTML untuk membuat ● Penugasan brainstorming dan tanya jawab
formatting halaman web yang memiliki ● Waktu : [TM: 2x60’]
● HTML list anchor link, list item, gambar ● Penugasan : membuat halaman
● HTML anchor dan format teks web sesuai contoh dengan
● HTML image menerapkan tag dan atribut
HTML dan mengunggah ke
github page
4 ● HTML media Mahasiswa secara teliti dan ● Pre Test ● Bentuk : Kuliah Modul BAB II 5
● HTML table cermat mampu menggunakan ● Post Test ● Metode : Ceramah, diskusi,
● HTML form tag HTML untuk membuat ● Penugasan brainstorming dan tanya jawab
● HTML semantic halaman web yang menerapkan ● Waktu : [TM: 2x60’]
kaedah semantic HTML ● Penugasan : membuat halaman
web sesuai contoh dengan
menerapkan tag dan atribut
HTML dan mengunggah ke
github page
5 ● CSS Dasar Mahasiswa secara teliti dan ● Pre Test ● Bentuk : Kuliah Modul BAB III 5
● CSS syntax dan cermat mampu memperindah ● Post Test ● Metode : Ceramah, diskusi,
selector tampilan halaman web ● Penugasan brainstorming dan tanya jawab
● CSS unit menggunakan CSS ● Waktu : [TM: 2x60’]
● CSS color ● Penugasan : membuat halaman
● CSS box model web sesuai contoh dengan
● CSS display menerapkan tag dan atribut
HTML dan memperindah
menggunakan CSS dan
mengunggah ke github page
6 ● CSS grid Mahasiswa secara teliti dan ● Pre Test ● Bentuk : Kuliah Modul BAB III 5
● CSS flexbox cermat mampu memperindah ● Post Test ● Metode : Ceramah, diskusi,
● CSS position tampilan halaman web ● Penugasan brainstorming dan tanya jawab
● CSS Combinator menggunakan CSS ● Waktu : [TM: 2x60’]
● CSS pseudo class ● Penugasan : membuat halaman
dan element web sesuai contoh dengan
● CSS media Query menerapkan tag dan atribut
HTML dan memperindah
menggunakan CSS dan
mengunggah ke github page
Java Script
7 ● Javascript dasar Mahasiswa memahami dan ● Pre Test ● Bentuk : Kuliah Modul BAB IV 5
menggunakan javascript dasar ● Post Test ● Metode : Ceramah, diskusi,
untuk memecahkan masalah ● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : membuat aplikasi suit
(kertas, batu gunting) sederhana
dan interaktif menggunakan
javascript
8 ● Javascript object Mahasiswa memahami dan ● Pre Test ● Bentuk : Kuliah Modul BAB IV 5
dan array menggunakan javascript untuk ● Post Test ● Metode : Ceramah, diskusi,
● Javascript DOM memanipulasi elemen HTML ● Penugasan brainstorming dan tanya jawab
serta dengan cermat dan ● Waktu : [TM: 2x60’]
bertanggung jawab mampu ● Penugasan : membuat aplikasi
melakukan operasi pada array todo list sederhana yang
dan objek memanfaatkan manipulasi dom,
array, objek dan local storage
untuk menyimpan data
9 ● Javascript async Mahasiswa memahami dan ● Pre Test ● Bentuk : Kuliah Modul BAB IV 5

8
 ● Javascript promise dapat menggunakan javascript ● Post Test ● Metode : Ceramah, diskusi,
● Javascript fetch untuk mengkonsumsi API ● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : memodifikasi tugas
todo list dengan menggunakan
API
Web Desain
10 ● Web Layout Mahasiswa dengan teliti dan ● Pre Test ● Bentuk : Kuliah Modul BAB V 5
● Responsive design bertanggung jawab mampu ● Post Test ● Metode : Ceramah, diskusi,
menata halaman web yang ● Penugasan brainstorming dan tanya jawab
sesuai dengan kaidah UI dan ● Waktu : [TM: 2x60’]
UX serta dengan cermat mampu ● Penugasan : membuat halaman
membuat halaman web yang web yang responsive berdasarkan
responsive design yang diberikan
11 ● CSS Framework Mahasiswa mampu ● Pre Test ● Bentuk : Kuliah Modul BAB V 5
menggunakan framework CSS ● Post Test ● Metode : Ceramah, diskusi,
populer secara tepat, cepat dan ● Penugasan brainstorming dan tanya jawab
kolaboratif untuk membuat ● Waktu : [TM: 2x60’]
halaman web ● Penugasan : membuat sesuai studi
kasus tugas akhir menggunakan
framework CSS Bootstrap secara
kolaboratif dan dipimpin oleh
seorang ketua tim
Database Management System
12 ● Pengenal MySQL Mahasiswa secara cermat dan ● Pre Test ● Bentuk : Kuliah Modul BAB 5
● Tipe data teliti mampu menganalisa, ● Post Test ● Metode : Ceramah, diskusi, VII
● DDL dan DML merancang dan membuat basis ● Penugasan brainstorming dan tanya jawab
dengan baik dan benar ● Waktu : [TM: 2x60’]
● Penugasan : membuat struktur
basis data sesuai studi kasus tugas
akhir
13 ● Select Mahasiswa secara cermat dan ● Pre Test ● Bentuk : Kuliah Modul BAB 5
● Filtering dan teliti mampu melaukan query ● Post Test ● Metode : Ceramah, diskusi, VII
operator filter, limit, offset, disctinct, ● Penugasan brainstorming dan tanya jawab
● Limit dan offset flow control, froup dan having ● Waktu : [TM: 2x60’]
● Distinct pada data yang tersimpan di ● Penugasan : membuat data
● Flow control basis data dummy dari basis data yang
● Group dibuat pada pertemuan 16 dan
● having melakukan query filter, limit,
offset, disctinct, flow control,
froup dan having
14 ● Relationship Mahasiswa secara cermat dan ● Pre Test ● Bentuk : Kuliah Modul BAB 5
● View teliti mampu membuat relasi ● Post Test ● Metode : Ceramah, diskusi, VII
● Database antar table, membuat atbel view ● Penugasan brainstorming dan tanya jawab
transaction dan melakukan database ● Waktu : [TM: 2x60’]
tarnsaction ● Penugasan : menambahkan relasi
antar table dari basis data
pertemuan 16 dan membuat table
view
15 ● User management Mahasiswa secara bertanggung ● Pre Test ● Bentuk : Kuliah Modul BAB 5
MySQL jawab dapat melakukan ● Post Test ● Metode : Ceramah, diskusi, VII
● Backup dan manajemen pengguna basis data ● Penugasan brainstorming dan tanya jawab
Restore database dan secara teliti dapat ● Waktu : [TM: 2x60’]
melakukan backup dan restore ● Penugasan : backup basis data dari
database pertemuan 16 dan mengunggah
ke github/ gitlab
16 ● Studi Kasus desain Mahasiswa secara cermat dan ● Pre Test ● Bentuk : Kuliah Modul BAB 5
database teliti mampu menganalisa, ● Post Test ● Metode : Ceramah, diskusi, VII
merancang dan membuat basis ● Penugasan brainstorming dan tanya jawab
dengan baik dan benar sesuai ● Waktu : [TM: 2x60’]
untuk memecahkan masalah ● Penugasan : membuat struktur
sesuai studi kasus basis data sesuai studi kasus tugas

9

17 ● Variabel Mahasiswa mampu secara teliti
● Tipe Data mampu menggunakan variabel,
● Operator tipe data, operator dan
● Conditional conditional statement secara
Statement tepat untuk menyelesaikan
permasalahan
18 ● Looping Mahasiswa mampu secara
● Array cermat dan teliti mampu
memanipulasi array satu
dimensi, nested serta asosiatif
dan menggunakan perulangan
untuk memecahkan
permasalahan
19 ● PHP Function Mahasiswa mampu secara
● Void Function cermat dan bertanggung jawab
● Return Function mampu menerapkan fungsi PHP
● Callback Function untuk menyelesaikan
permasalahan
20 ● Web Statis Mahasiswa mampu membangun
menggunakan PHP web statis menggunakan PHP
sebagai backend dan HTML,
CSS serta Javascript untuk
frontend
Pemrogaman Berorientasi Obyek dan MVC
21 ● Konsep PBO Mahasiswa dapat memahi
● Konsep MVC konsep PBO dan MVC serta
secara cermat dan teliti mampu
menerapkannya dalam
pemrograman PHP untuk
menyelasaikan masalah
22 ● Controller Mahasiswa dapat secara cermat
● Model dan tepat mengimplementasikan
● Routes konsep MVC dan menggunakan
● View route untuk menentukan
direktori halaman web
23 ● PHP artisan Mahasiswa dapat menggunakan
● Migration perintah php artisan untuk
● Seeder membuat modal, controller,
migration dan seeder secara
tepat
24 ● ORM, Query Mahasiswa dengan teliti mampu
Builder, Raw melakuakn proses create, read,
akhir
PHP Dasar
● Pre Test ● Bentuk : Kuliah Modul BAB VI 5
● Post Test ● Metode : Ceramah, diskusi,
● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : membuat aplikasi
form sederhana
● Pre Test ● Bentuk : Kuliah Modul BAB VI 5
● Post Test ● Metode : Ceramah, diskusi,
● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : memanipulasi data
array yang diberikan agar menjadi
struktur baru sesuai dengan
kriteria
● Pre Test ● Bentuk : Kuliah Modul BAB VI 5
● Post Test ● Metode : Ceramah, diskusi,
● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : membuat aplikasi
perhitungan luas dan keliling
bangun dengan menerapkan
fungsi PHP
● Pre Test ● Bentuk : Kuliah Modul BAB VI 5
● Post Test ● Metode : Ceramah, diskusi,
● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : memodifikasi
penugasan pertemuan 11 menjadi
PHP
● Pre Test ● Bentuk : Kuliah Modul BAB 5
● Post Test ● Metode : Ceramah, diskusi, VIII
● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : inisialisasi projek
dengan menerapkan konsep MVC
menggunakan framework PHP
Laravel dan mengunggah ke
github/ gitlab
Laravel
● Pre Test ● Bentuk : Kuliah Modul BAB IX 5
● Post Test ● Metode : Ceramah, diskusi,
● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : menerapkan konsep
MVC dari tugas pertemuan 15
dengan framework PHP Laravel
yang sudah diinisialisasi pada
tugas pertemuan 21
● Pre Test ● Bentuk : Kuliah Modul BAB IX 5
● Post Test ● Metode : Ceramah, diskusi,
● Penugasan brainstorming dan tanya jawab
● Waktu : [TM: 2x60’]
● Penugasan : membuat migration
dan seeder berdasarkan struktur
basis data yang dibuat pada tugas
pertemuan 16 dan 18
● Pre Test ● Bentuk : Kuliah Modul BAB IX 5
● Post Test ● Metode : Ceramah, diskusi,
10
 Query update dan delete (CRUD) data ● Penugasan brainstorming dan tanya jawab
● Collection pada basis data dan ● Waktu : [TM: 2x60’]
memanipulasi objek collection ● Penugasan : menerapkan CRUD
Laravel sesuai studi kasus tugas akhir dari
projek yang sudah diinisialisasi
pada tugas pertemuan 21
25 ● Middleware Mahasiswa mampu menerapkan ● Pre Test ● Bentuk : Kuliah Modul BAB IX 5
● Session middleware dan session untuk ● Post Test ● Metode : Ceramah, diskusi,
menangani hak akses dan sistem ● Penugasan brainstorming dan tanya jawab
autentikasi secara cermat dan ● Waktu : [TM: 2x60’]
bertanggung jawab ● Penugasan : membuat akses login
dan membatasi hak akes pengguna
menggunakan middleware sesuai
studi kasus tugas akhir dari projek
yang sudah diinisialisasi pada
tugas pertemuan 21
26 ● Validation Mahasiswa mampu menerapkan ● Pre Test ● Bentuk : Kuliah Modul BAB IX 5
● Form Request validasi terhadap form request ● Post Test ● Metode : Ceramah, diskusi,
● Response dan mempu membuat response ● Penugasan brainstorming dan tanya jawab
dalam bentuk JSON ● Waktu : [TM: 2x60’]
● Penugasan : membuat validasi
form sesuai studi kasus tugas
akhir dari projek yang sudah
diinisialisasi pada tugas
pertemuan 21
27 ● Studi kasus Mahasiswa mampu merancang, ● Pre Test ● Bentuk : Kuliah Modul BAB IX 5
membuat aplikasi menganalisis kebutuhan untuk ● Post Test ● Metode : Ceramah, diskusi,
dinamis membangun aplikasi web ● Penugasan brainstorming dan tanya jawab
menggunakan menggunakan framework ● Waktu : [TM: 2x60’]
Laravel Laravel untuk menyelesaikan ● Penugasan : membuat aplikasi
masalah sesuai studi kasus web menggunakan framework
PHP Laravel sesuai studi kasus
Merancang Arsitektur dalam Web API
28 ● Pengertian Restful Mahasiswa mampu memahami ● Pre Test ● Bentuk : Kuliah Modul BAB XI 5
API konsep HTTP dan API serta ● Post Test ● Metode : Ceramah, diskusi,
● HTTP Verb dapat menganalisis, merancang ● Penugasan brainstorming dan tanya jawab
● HTTP header dan membangun micro service ● Waktu : [TM: 2x60’]
● HTTP request berbasis REST API dengan ● Penugasan : membuat REST API
● HTTP response cermat dan teliti menggunakan framework Laravel
● Status Code sesuai studi kasus tugas akhir dari
● REST API projek yang sudah diinisialisasi
pada tugas pertemuan 21
Deployment
29 ● Deployment Mahasiswa mampu men-deploy ● Pre Test ● Bentuk : Kuliah Modul BAB X 5
aplikasi di web hosting dengan ● Post Test ● Metode : Ceramah, diskusi,
cermat dan penuh tanggung ● Penugasan brainstorming dan tanya jawab
jawab ● Waktu : [TM: 2x60’]
● Penugasan : men-deploy aplikasi
ke web hosting sesuai studi kasus
tugas akhir dari projek yang sudah
diinisialisasi pada tugas
pertemuan 21
30-32 Coaching dan Persiapan Ujian Sertifikasi BNSP
33-34 Ujian Sertifikasi BNSP
35-36 Coaching dan Persiapan Ujian Akhir
37 Penilaian dan Pengumpulan Laporan Akhir

Tabel 1. Silabus SIB Fullstack Web Developer

b. Pengerjaan Final Project

11
 Final Project program Studi Independen PT Arkatama Multi Solusindo
skema Fullstack Web Developer dikerjakan secara individu wajib bagi setiap
peserta. Project ini juga akan digunakan sebagai syarat mengikuti uji sertifikasi
BNSP. Final Project yang harus diselesaikan berupa pembangunan sebuah web
pemasaran/penjualan yang dapat diakses secara online. Berikut rincian project
yang harus dikerjakan:

Gambar 3. Final Project Fullstack Web Developer

II.4 Jadwal Kerja

Program Studi Independen PT Arkatama Multi Solusindo skema Fullstack

Web Developer dibagi menjadi 2 kelas yaitu FSWD 1 dan FSWD 2. Masing-
masing kelas memiliki jadwal yang berbeda-beda. Berikut jadwal pembelajaran
program Studi Independen PT Arkatama Multi Solusindo skema Fullstack Web
Developer:

12
 Pertemuan Ke - 1
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Selasa, 21 07.45 - 09.45 Dasar Web Dasar Web Mahfud
Februari WIB Development dan Persiapan Tools
2023 Collaborative
4
FSWD 2 10.00 - 12.00 Development Ulum
WIB

Pertemuan Ke - 2
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 23 07.45 - 09.45 Dasar Web GIT, Github, Gitlab, Mahfud
Februari WIB Development dan Github Pages
2023 Collaborative
4
FSWD 2 10.00 - 12.00 Development Ulum
WIB

Mentoring Jumat, 24 07.45 - 09.45 Galang

Februari WIB
2023
Pertemuan Ke - 3
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 27 13.30 - 15.30 Pengenalan Desain HTML dan Web Design Ari
Februari WIB Web Dasar HTML text formatting
2023 HTML list
4
FSWD 2 14.30 - 16.30 HTML anchor Nadzif
WIB HTML image

Pertemuan Ke - 4
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 2 07.45 - 09.45 Pengenalan Desain HTML media Ari
Maret WIB Web Dasar HTML table
2023 HTML form
4
FSWD 2 14.30 - 16.30 HTML semantic Nadzif
WIB

Jumat, 3
Maret 07.45 - 09.45
Mentoring 2023 WIB Nicky
Pertemuan Ke - 5
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 6 14.30 - 16.30 Pengenalan Desain CSS Dasar Anas
Maret WIB Web Dasar CSS syntax dan selector
2023 CSS unit
CSS color 4
FSWD 2 Selasa, 7 07.45- 09.45 Ari
CSS box model
Maret WIB CSS display
2023
Pertemuan Ke - 6

13
 Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 9 14.30 - 16.30 Pengenalan Desain CSS grid Anas
Maret WIB Web Dasar CSS flexbox
2023 CSS position
FSWD 2 10.00 - 12.00 CSS Combinator Ulum 4
WIB CSS pseudo class dan
element
CSS media Query
Mentoring Jumat, 10 07.45 - 09.45 Galang
Maret WIB
2023
Pertemuan Ke - 7
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Selasa, 14 07.45 - 09.45 Java Script Javascript dasar Ari
Maret WIB
2023
4
FSWD 2 Selasa, 14 10.00 - 12.00 Ulum
Maret WIB
2023
Pertemuan Ke - 8
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 16 07.45 - 09.45 Java Script Javascript object dan array Ari
Maret WIB Javascript DOM
2023 4
FSWD 2 13.30 - 15.30 Ulum
WIB

Mentoring Jumat, 17 07.45 - 09.45 Nicky

Maret WIB
2023
Pertemuan Ke - 9
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 20 13.30 - 15.30 Java Script Javascript async Ari
Maret WIB Javascript promise
2023 Javascript fetch
4
FSWD 2 Selasa, 21 07.45 - 09.45 Ulum
Maret WIB
2023
Pertemuan Ke - 10
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 23 07.45 - 09.45 Web Desain Web Layout Mahfud
Maret WIB Responsive design
2023 4
FSWD 2 14.30 - 16.30 Ulum
WIB

Mentoring Jumat, 24 07.45 - 09.45 Galang

14
 Maret WIB
2023
Pertemuan Ke - 11
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 27 13.30 - 15.30 Web Desain CSS Framework Mahfud
Maret WIB
2023
4
FSWD 2 Selasa, 28 13.30 - 15.30 Ari
Maret WIB
2023
Pertemuan Ke - 12
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 30 14.30 - 16.30 Database Database Anas
Maret WIB Management System SQL
2023

4
FSWD 2 Jumat, 31 08.15 - 10.15 Naseh
Maret WIB
2023

Mentoring Selasa, 4 08.30 - 10.30 Nicky

April WIB
2023
Pertemuan Ke - 13
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 3 14.00 - 16.00 Database Query Dasar Anas
April WIB Management System
2023
4
FSWD 2 Selasa, 4 14.00 - 16.00 Naseh
April WIB
2023
Pertemuan Ke - 14
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 6 14.00 - 16.00 Database Filtering Anas
April WIB Management System Limit dan offset
2023 4
FSWD 2 08.15 - 10.15 Naseh
WIB

Pertemuan Ke - 15
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Selasa, 11 14.00 - 16.00 Database Relationship Anas
April WIB Management System View 5

15
FSWD 2 2023 08.15 - 10.15 Naseh
WIB

Mentoring Rabu, 12 09.00 - 11.00 Galang

April WIB
2023
Pertemuan Ke - 16
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 13 14.00 - 16.00 PHP PHP dasar Anas
April WIB Fungsi
2023 4
FSWD 2 08.15 - 10.15 Ulum
WIB

Mentoring Jumat, 14 08.15 - 10.15 Nicky

April WIB
2023
Pertemuan Ke - 17
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Rabu, 3 14.00 - 16.00 PHP Looping Anas (Mei)
Mei 2023 WIB Conditional
4
FSWD 2 Selasa, 2 08.00 - 10.00 Ulum (Mei)
Mei 2023 WIB

Pertemuan Ke - 18
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Jumat, 5 14.00 - 16.00 PHP Array Anas (Mei)
Mei 2023 WIB Koneksi Database
4
FSWD 2 Jumat, 5 07.45 - 09.45 Ulum (Mei)
Mei 2023 WIB

Mentoring Senin, 8 09.00 - 11.00 Galang

Mei 2023 WIB (Mei)

Pertemuan Ke - 19
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Selasa, 9 07.45 - 09.45 PHP Form Request Ulum (Mei)
Mei 2023 WIB
4
FSWD 2 14.30 - 16.30 Nadzif (Mei)
WIB

Pertemuan Ke - 20
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 11 07.45 - 09.45 PHP Session Ulum (Mei)
Mei 2023 WIB 4

16
FSWD 2 Jumat, 12 08.00 - 10.00 Nadzif (Mei)
Mei 2023 WIB

Mentoring Senin, 15 07.45 - 09.45 Nicky (Mei)

Mei 2023 WIB
Pertemuan Ke - 21
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Selasa, 16 13.30 - 15.30 Pemrogaman PBO Ari (Mei)
Mei 2023 WIB Berorientasi Obyek
4
FSWD 2 Selasa, 16 07.45 - 09.45 Ulum (Mei)
Mei 2023 WIB

Pertemuan Ke - 22
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Rabu, 17 14.30 - 16.30 Laravel Konsep Dasar MVC dan Aan (Mei)
Mei 2023 WIB Pengenalan Laravel
PHP Artisan
4
FSWD 2 Kamis, 18 10.00 - 12.00 Controler Benben
Mei 2023 WIB Routes (Mei)

Mentoring Selasa, 23 08.00 - 10.00 Galang

Mei 2023 WIB (Mei)

Pertemuan Ke - 23
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 22 14.30 - 16.30 Laravel Create dan Render view Aan (Mei)
Mei 2023 WIB Kirim data di view
View directive
4
FSWD 2 Selasa, 23 14.30 - 16.30 Benben
Mei 2023 WIB (Mei)

Pertemuan Ke - 24
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 25 14.30 - 16.30 Laravel Migration dan Model Aan (Mei)
Mei 2023 WIB ORM, Query Builder, Raw
Query
4
FSWD 2 Jumat, 26 14.30 - 16.30 Collection Benben
Mei 2023 WIB (Mei)

Mentoring Selasa, 30 08.00 - 10.00 Nicky (Mei)

Mei 2023 WIB
Pertemuan Ke - 25
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 29 14.30 - 16.30 Laravel Auth Aan (Mei)
Mei 2023 WIB Middleware
Session 4
FSWD 2 Selasa, 30 14.30 - 16.30 Benben

17
 Mei 2023 WIB (Mei)

Pertemuan Ke - 26
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Rabu, 31 08.00 - 10.00 Laravel Validation Aan (Mei)
Mei 2023 WIB Form Request
Response
4
FSWD 2 14.30 - 16.30 Benben
WIB (Mei)

Mentoring Senin, 5 10.00 - 11.00 Galang

Juni 2023 WIB
Pertemuan Ke - 27
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 5 14.30 - 16.30 Merancang Pengertian Restful API Aan
Juni 2023 WIB Arsitektur dalam HTTP Verb
Web API HTTP header
4
FSWD 2 Selasa, 6 14.30 - 16.30 HTTP request Benben
Juni 2023 WIB HTTP response
Status Code
Pertemuan Ke - 28
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Rabu, 7 14.30 - 16.30 Deployment Deployment Aan
Juni 2023 WIB
4
FSWD 2 Kamis, 8 14.30 - 16.30 Benben
Juni 2023 WIB
Mentoring Jumat, 9 07.45 - 10.45 Nicky
Juni 2023 WIB
Pertemuan Ke - 29
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 12 14.30 - 16.30 Persiapan Uji Sertifikasi BNSP Nicky
Juni 2023 WIB
4
FSWD 2 Selasa, 13 14.30 - 16.30 Galang
Juni 2023 WIB
Mentoring Jumat, 16 07.45 - 09.45 Galang
Juni 2023 WIB
Pertemuan Ke - 30
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis, 15 13.30 - 15.30 Persiapan Uji Sertifikasi BNSP (Pengisian APL Nicky
Juni 2023 WIB dan Kisi-kisi Soal di GCR) 4
FSWD 2 Nicky

Pertemuan Ke - 31
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 19 13.30 - 15.30 Persiapan Uji Sertifikasi BNSP (Pembahasan dan Nicky 4

18
FSWD 2 Juni 2023 WIB pengumpulan Jawaban dari Soal GCR) Nicky

Pertemuan Ke - 32
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Kamis-
Jumat 08.00 - 16.00 Pihak LSP Link
WIB Ujian BNSP (Interview dengan Asesor)
FSWD 2 22-23 juni (Tentatif) TD Menyusul
2023
Pertemuan Ke - 33
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Senin, 26 13.30 - 15.30 Coaching Laporan Akhir Ari
Juni 2023 WIB 4
FSWD 2 Ulum

Pertemuan Ke - 34
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Selasa, 27 13.30 - 15.30 Coaching Laporan Akhir Ari
Juni 2023 WIB 4
FSWD 2 Ulum

Pertemuan Ke - 35
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Rabu, 28 07.45 - 09.45 Pengumpulan Laporan Akhir Nicky
Juni 2023 WIB
4
FSWD 2 Vivi

Pertemuan Ke - 36
Kelas Tanggal Jam ke- Materi Submateri Trainer Zoom
FSWD 1 Jumat, 30 09.00 WIB - Graduation Nicky dan
Juni 2023 Selesai Vivi

FSWD 2

Tabel 2. Jadwal Pembelajaran SIB Fullstack Web Developer

19
 Bab III Fullstack Web Developer

III.1 Uraian Kegiatan Studi Independen

Program Studi Independen PT Arkatama Multi Solusindo skema Fullstack

Web Developer dilaksanakan selama kurang dari 5 bulan, mulai dari tanggal 16
Februari sampai 30 Juni 2023 secara online via zoom meeting. Skema Fullstack
Web Developer dibagi menjadi 2 kelas yaitu FSWD 1 dan FSWD 2. Studi ini
dilaksanakan 3 hari dalam seminggu, 2 hari penyampaian materi dan 1 hari sesi
mentoring. Setiap pertemuan diberikan pre-test yang dikerjakan sebelum
pertemuan, post-test dikerjakan setelah pertemuan, dan penugasan individu. Sesi
mentoring diisi dengan diskusi langsung bersama mentor yang membahas
mengenai materi yang telah disampaikan dan penugasan yang telah dikerjakan.
Penyampaian modul pelajaran, soal pre-test, post-test, dan penugasan diberikan
melalui web SINAUO Arkatama.

Pada akhir Program Studi Independen, peserta diharuskan untuk

mengerjakan sebuah Final Project individu berupa pembuatan aplikasi pemasaran/
penjualan untuk membuktikan hasil belajar selama proses pembelajaran kurang dari
5 bulan di PT Arkatama Multi Solusindo. Selain itu, PT Arkatama Multi Solusindo
memberikan kesempatan bagi peserta Studi Independen untuk mengikuti uji
sertifikasi BNSP skema Junior Web Developer secara gratis.

III.2 Deskripsi Permasalahan

Dalam proses mengikuti Aktivitas Studi Independen Fullstack Web

Developer di PT Arkatama Multi Solusindo secara online, permasalahan yang
paling sering dialami peserta berupa jaringan yang kurang stabil sehingga
menghambat proses pembelajaran. Selain itu, tugas-tugas yang diberikan cukup
sulit dengan waktu pengerjaan yang cukup singkat juga salah satu permasalahan
yang sering dialami peserta. Akibatnya, cukup banyak peserta yang terlambat
mengumpulkan tugas-tugas tersebut.

III.3 Solusi Permasalahan

20
 Untuk mengatasi permasalahan yang dialami, admin atau moderator dalam
proses pembelajaran menyediakan record atau rekaman dari zoom meeting yang
diunggah di youtube Arkatama. Selain itu, peserta diharapkan dapat mengatur
waktu dengan baik serta mencari referensi lain dari artikel atau youtube terkait
materi yang dipelajari untuk membantu mengerjakan tugas-tugas yang diberikan.

III.4 Pencapaian Hasil

III.4.1 Penugasan

Pada setiap pertemuan pembelajaran terdapat tugas yang harus

dikerjakan dan diunggah ke repository Github. Berikut tautan repository
untuk tugas yang telah saya kerjakan:

Berikut beberapa hasil dari tugas yang telah saya kerjakan:

Gambar 4. Hasil Penugasan-1

21
Gambar 5. Hasil Penugasan-2

Gambar 6. Hasil Penugasan-3

22
 Gambar 7. Hasil Penugasan-4

III.4.2 Proyek Akhir

Proyek akhir program Studi Independen PT Arkatama Multi

Solusindo skema Fullstack Web Developer adalah membuat aplikasi web
pemasaran/penjualan. Berikut hasil proyek akhir yang saya kerjakan:

• ERD

Gambar 8. Proyek Akhir - ERD

23
• Hasil

- Tampilan awal (Home). Halaman ini menampilkan carousel slide

yang dapat diubah-ubah oleh user penjualan atas persetujuan admin,
terdapat daftar menu yang telah disetujui admin, dan fitur produk
kami menu untuk mencari nama menu pesanan yang ingin dicari.

Gambar 9 Proyek Akhir – Tampilan awal

24
- Halaman login. Halaman login dengan menginputkan email dan
password yang terdaftar pada sistem, jika email dan password benar
maka akan diarahkan pada halaman dashboard sesuai rolenya.
Terdapat 2 role yaitu, admin, dan user.

Gambar 10. Proyek Akhir – Form login

- Halaman registrasi. Pada halaman ini, pengguna yang belum

memiliki akun dapat membuat akun terlebih dahulu dengan
menginputkan email, nama, nomer telepon, dan password. Data akan
otomatis

tersimpan sebagai role user.

Gambar 11. Proyek Akhir – Form registrasi

25
-
- Dashboard admin. Halaman ini menampilkan detail jumlah pesanan
baru, pesanan yang dibatalkan, pesanan yang diterima, dan lain -
lain.

Gambar 12. Proyek Akhir – Dashboard admin

26
- Dashboard user. Halaman ini menampilkan daftar produk yang telah
disediakan oleh sistem, terdapat fitur tambah produk untuk
menambah produk kue yang diinginkan, terdapat fitur pesan menu
untuk diarahkan ke pemesanan menu.
-

- Hero slide Admin. Halaman ini menampilkan data carousel slide

yang telah diinputkan oleh user penjualan. Admin memiliki hak
akses untuk menyetujui atau menghapus data slide.

Gambar 13. Proyek Akhir – slides admin

- Menu admin. Halaman ini menampilkan data menu yang telah

diinputkan oleh admin penjualan. Admin memiliki hak akses untuk
menyetujui atau menghapus data menu.

- Tambah menu. Halaman ini menampilkan form tambah menu

dengan memilih kategori menu yang ada pada sistem, menginputkan
nama menu, harga dan gambar menu.

27
 Gambar 14. Proyek Akhir – Tambah produk

- Detail menu yang akan dipesan. Halaman ini menampilkan detail

menu yang akan dipesan user sebagai pembeli. User diminta untuk
menginputkan jumlah menu yang akan dipesan. Terdapat tombol
pesan untuk diarahkan ke detail pesanan yang telah dipesan user,
juga terdapat tombol delete dan update untuk merubah dan
menghapus pesanan.

• Kelebihan dan kelemahan aplikasi

Kelebihan aplikasi Lalapar-restaurant:

1) User friendly
2) Responsif,
3) Mudah diakses
4) Ringan pada perangkat

Kekurangan aplikasi Lalapar-restaurant:

1) Hanya bisa diakses ketika terkoneksi ke internet

2) Hanya tersedia dalam bahasa indonesia
• Rencana pengembangan aplikasi

1. Menambah pilihan bahasa

2. Menambah fitur pembayaran dan pilihan metode pembayaran

28
 BAB IV PENUTUP

IV.1 Kesimpulan

Menteri Pendidikan, Kebudayaan, Riset, dan Teknologi menyelenggarakan

program Studi Independen Bersertifikan untuk memberikan kesempatan bagi
mahasiswa untuk melakukan pembelajaran diluar kampus sebagai bekal untuk
menghadapi dunia kerja dengan dibimbing oleh langsung oleh mentor profesional
dari mitra, perusahaan, instansi, dan pemerintahan.

PT Arkatama Multi Solusindo menjadi salah satu mitra yeng bekerja sama
dengan Kemendikbud. Dalam program Studi Independen, PT Arkatama Multi
Solusindo menyediakan 2 skema yaitu Fullstack Web Developer dan Digital
Marketing.

Final Project dalam program MSIB PT Arkatama Multi Solusindo skema

Fullstack Web Developer dikerjakan secara individu, yaitu pembuatan aplikasi web
penjualan/pemasaran. Final Project yang saya kerjakan adalah Pembangunan
Aplikasi Restoran Berbasis Web.

IV.2 Saran
Bagi mitra PT Arkatama Multi Solusindo. Meskipun program Studi
Independen Batch 2 yang berlangsung sudah baik, Tapi besar harapan bagi penulis
untuk perkembangan yg lebih baik lagi kedepannya.
Bagi peserta MSIB khususnya penulis sendiri. Jangan cepat merasa puas dengan
apa yang telah diperoleh, terus kembangkan kemampuan yang dimiliki dan tetap
semangat.

29
 Referensi

[1] Berita UPI, 15 Oktober 2022, “Mengenal Lebih Jauh Program MSIB”, 25 Juni
2023, https://berita.upi.edu/mengenal-lebih-jauh-program-msib/

[2] Arkatama.id, 11 Januari 2023, “Studi Independen Arkatama, Kembali Hadir

Bersama Kampus Merdeka”, 25 Juni 2023, https://arkatama.id/studi-
independen-arkatama-kembali-hadir-bersama-kampus-merdeka/

30
 Lampiran TOR

Term of Reference (TOR)

Studi Independen Bersertifikat Fullstack Web Developer
PT Arkatama Multi Solusindo
Digital Transformation Certified Independent Study Program Batch 4
MSIB Cycle 4: Periode 16 Februari – 30 Juni 2023
Nama : Tri Anggoro
NIM : 200441100041
Prodi/Jurusan : Sistem Informasi
Universitas : Universitas Trunojoyo Madura
Informasi Program
Skema Fullstack Web Developer
Capaian Melatih peserta menjadi Fullstack Web Developer yang kompeten di
Pembelajaran bidang sistem manajemen data
● Mampu mengorganisir dan mengelola website pada komputer secara
detail
● Mengetahui dan memahami berbagai tools yang dapat digunakan dalam
mengelola website
● Mengerti secara detail terkait tipe teknologi dan operator dalam
pemrograman
● Mampu membuat, memodifikasi, dan memanipulasi objek
● Memahami prosedur untuk mengendalikan akses bersamaan ke website
● Memahami relasi antar tabel pada pengembangan website
● Mampu menerapkan langkah-langkah perancangan pemrograman
● Mampu mempelajari teknologi HTML, CSS, dan JavaScript dengan
kualitas lebih baik
● Lulus uji kompetensi BNSP skema fullstack web developer
Prasyarat ● Mengerti konsep dasar pembuatan website dan pemrograman
● Memahami dasar-dasar web developer
Output Produk ● Sertifikat Studi Independen Arkatama skema Fullstack Web Developer
● Sertifikat Kompetensi BNSP skema Fullstack Web Developer
Syarat Kelulusan Membuat sebuah aplikasi berbasis web yang memiliki halaman front end
Minimal (SKM)

31
 (landing page) dan back end yang memiliki fitur registrasi, login multi role
user, dan create, read, update, delete (CRUD) ke database yang disimpan di
sebuah repository dan dipublikasikan menggunakan domain dan hosting.
Media dan Bahan ● Learning Management System (LMS) https://sinauo.arkatama.id/
Ajar ● Modul Fullstack Web Developer

Malang, 28 Juni 2023

Peserta Studi Independen PIC MSIB PT Arkatama Multi Solusindo

Tri Anggoro Fauziah, S.E., M.M.

NIM : 200441100041 2018002

32
 Lampiran Log Activity

Minggu/Tgl Kegiatan Hasil

Minggu ke-1 / • National onboarding MSIB batch 4 Mengetahui daftar rencana

16 – 17 • Mempelajari rencana pembelajaran SIB pembelajaran program SIB PT
Februari 2023 Full Stack Web Developer Arkatama Multi Solusindo
Minggu ke-2 / • Belajar dasar web development Menyelesaikan pembelajaran
20 – 24 • Belajar Version Control System, modul bab 1, dasar web
Februari 2023 pengertian git, dan praktik penginstalan development, Version Control
• Mentoring, diskusi bersama mentor System, pengertian Git, praktik
penginstalan, dan mengerjakan
pre-test, post-test, dan tugas
Minggu ke-3 / • Belajar pengenalan desain web dasar Mengetahui dasar desain web
27 Februari - (HTML text formatting, list, anchor, (HTML) dan mengerjakan pre-
03 Maret 2023 image, media, table, form, semantic) test, post-test, dan tugas
• Mentoring, diskusi bersama mentor
Minggu ke-4 / • Belajar pengenalan desain web dasar Mengetahui dasar desain web
06 – 10 Maret (CSS Dasar, syntax dan selector, unit, (CSS) dan mengerjakan pre-
2023 color, box model, display, grid, flexbox, test, post-test, dan tugas
position, Combinator, pseudo class dan
element, dan media Query)
• Mentoring, diskusi bersama mentor
Minggu ke-5 / • Belajar Javascript dasar, Javascript Mengetahui cara penggunaan
13 – 17 Maret object dan array, Javascript DOM Javascript dan fungsinya, dan
2023 • Mentoring, diskusi bersama mentor mengerjakan pre-test, post-test,
dan tugas
Minggu ke-6 / • Belajar Javascript async, Javascript Mengetahui Javascript async,
20 – 24 Maret promise, Javascript fetch promise, dan fetch, mengetahui
2023 • Belajar Web Layout dan Responsive cara mengubah tampilan web
design menjadi responsif dan
• Mentoring, diskusi bersama mentor mengerjakan pre-test, post-test,
dan tugas
Minggu ke-7 / • Belajar CSS Framework Mengetahui CSS Framework,
27 – 31 Maret • Belajar Database Management System Database SQL, dan
2023 • Mentoring, diskusi bersama mentor mengerjakan pre-test, post-test,
dan tugas
Minggu ke-8 / • Belajar Database Management System Mengetahui query dasar SQL,
03 – 07 April (Query Dasar, Filtering, Limit, dan Filtering, Limit, dan offset, dan
2023 offset) mengerjakan pre-test, post-test,
• Mentoring, diskusi bersama mentor dan tugas

33
Minggu ke-9 / • Belajar Database Management System Mengetahui relasi antar tabel,
10 – 14 April (Relationship dan View) membuat view tabel, belajar
2023 • Belajar PHP dasar dan Fungsi PHP dasar dan fungsi, dan
• Mentoring, diskusi bersama mentor mengerjakan pre-test, post-test,
dan tugas
Minggu ke-10 • Pada minggu ini semua kegiatan Mereview materi dapat
/ 17 – 21 April dilakukan secara mandiri dengan mengingat materi dan tugas
2023 mereview kembali materi dan tugas sebelumnya
sebelumnya
Minggu ke-11 • Pada minggu ini semua kegiatan Mereview materi dapat
/ 24 – 28 April dilakukan secara mandiri dengan mengingat materi dan tugas
2023 mereview kembali materi dan tugas sebelumnya
sebelumnya
Minggu ke-12 • Belajar PHP (Looping, Conditional, Belajar PHP, mengetahui cara
/ 01 – 05 Mei Array dan Koneksi Database) menggunakan Looping,
2023 • Mentoring, diskusi bersama mentor Conditional, Array dan cara
mengkoneksikan database, dan
mengerjakan pre-test, post-test,
dan tugas
Minggu ke-13 • Belajar PHP (Form Request dan Belajar PHP, mengetahui cara
/ 08 – 12 Mei Session) menggunakan Form Request
2023 • Mentoring, diskusi bersama mentor dan Session, dan mengerjakan
pre-test, post-test, dan tugas
Minggu ke-14 • Belajar Pemrogaman Berorientasi Mengetahui konsep PBO,
/ 15 – 19 Mei Obyek konsep dasar MVC dan
2023 • Belajar Laravel (konsep dasar MVC dan pengenalan Laravel, PHP
pengenalan Laravel, PHP Artisan, Artisan, Controler, dan Routes,
Controler, dan Routes) dan mengerjakan pre-test, post-
• Mentoring, diskusi bersama mentor test, dan tugas
Minggu ke-15 • Belajar Laravel (Create dan Render Belajar Laravel, mengetahui
/ 22 – 26 Mei cara menggunakan Create dan
view, kirim data di view, View directive,
2023 Migration dan Model, ORM, Query Render view, kirim data di
Builder, Raw Query, dan Collection) view, View directive, Migration
• Mentoring, diskusi bersama mentor dan Model, ORM, Query
Builder, Raw Query, dan
Collection, mengerjakan
pre-test, post-test, dan tugas
Minggu ke-16 • Belajar Laravel (Auth, Middleware, Belajar Laravel, mengetahui
/ 29 Mei – 02 Session, Validation, Form Request, dan cara menggunakan Auth,
Juni 2023 Response) Middleware, Session,
• Mentoring, diskusi bersama mentor Validation, Form Request, dan

34
 Response, dan mengerjakan
pre-test, post-test, dan tugas
Minggu ke-17 • Belajar merancang arsitektur dalam web Mengetahui cara merancang
/ 05 – 09 Juni API arsitektur dalam web API,
2023 • Belajar Pengertian Restful API, HTTP mengetahui cara hosting project
Verb, HTTP header, HTTP request, supaya dapat diakses secara
HTTP response, Status Code online, dan mengerjakan pre-
• Belajar deployment test, post-test, dan tugas
• Mentoring, diskusi bersama mentor
Minggu ke-18 • Persiapan uji sertifikasi BNSP Berhasil mendaftar uji
/ 12 – 16 Juni • Pendaftaran uji sertifikasi BNSP sertifikasi BNSP Junior Web
2023 • Pengisian APL Developer
Minggu ke-19 • Persiapan Uji Sertifikasi BNSP Mengumpulkan jawabar ke
/ 19 – 23 Juni • Pembahasan dan pengumpulan jawaban Google Classroom sebagai
2023 dari soal Google Classroom salah satu bagian tes uji
• Ujian BNSP (Interview dengan Asesor) sertifikasi BNSP
Mengikuti sesi interview uji
sertifikasi BNSP
Minggu ke-20 • Coaching Laporan Akhir Mengumpulkan laporan akhir
/ 26 – 30 Juni • Pengumpulan Laporan Akhir sebagai syarat menyelesaikan
2023 • Graduation (pelepasan mahasiswa atau program Magang dan Studi
peserta Magang dan Studi Independen Independen PT Arkatama Multi
PT Arkatama Multi Solusindo) Solusindo

Tabel 4. Log Activity SIB Fullstack Web Developer

35
Lampiran Dokumen Teknik

36