oleh :
Ahmad Figo ‘alfarqi / 19050974017
oleh :
Ahmad Figo ‘alfarqi / 19050974017
i
Lembar Pengesahan
oleh :
Ahmad Figo ‘alfarqi / 19050974017
ii
Abstraksi
Studi independen bersertifikat adalah program kampus yang diadakan
pemerintah khususnya dari Kementerian Pendidikan, Kebudayaan, Riset, dan
Teknologi RI. Studi independen ini membuat mahasiswa dapat memilih berbagai
jenis program yang dikelola oleh berbagai perusahaan di indonesia. Dengan
mengikuti program ini mahasiswa bisa mendapatkan beberapa sertifikat
internasional dan pelajaran baru diluar kampus. Maribelajar adalah salah satu
partner yang menjadi penyedia program studi independen. Maribelajar memiliki
tiga track yaitu information worker, modern educator dan intelligence cloud.
Penulis mengikuti track intelligence cloud, track ini berfukus untuk mempelajari
layanan cloud computing milik microsoft yaitu microsoft azure.
iii
Kata Pengantar
Segala puji dan syukur atas kehadirat Allah SWT yang telah mememberikan
rahmat dan hidayah-Nya. Oleh karenanya penulis dapat menyelesaikan laporan
akhir Magang dan Studi Independen Bersertifikat dengan judul “Intelligence Cloud:
Website E-Commerce ‘Fashops’ Dengan Menggunakan Virtual Machine Yang
Terintegrasi Chatbots Azure” dengan lancar dan tepat waktu.
Tujuan dari pembuatan laporan akhir ini yaitu untuk memenuhi persyaratan
kelulusan Program Magang dan Studi Independen Bersertifikat Kampus Merdeka
batch 2 yang diselenggarakan oleh pada PT. MariBelajar Indonesia Cerdas yang
ditunjuk sebagai Official Partner dari PT. Microsoft Indonesia dan Kementerian
Pendidikan, Kebudayaan, Riset, dan Teknologi RI.
Terselesaikannya laporan akhir ini pastinya tidak luput dari dukungan,
bimbingan serta doa dari berbagai pihak. Oleh karenanya dalam kesempatan ini
penulis mengucapkan banyak terimakasih kepada:
1. Kedua orang tua
2. Bapak Drs. Bambang Sujatmiko. M. T. Selaku Kaprodi Pendidikan Teknologi
Informasi Universitas Negeri Surabaya dan juga selaku Dosen Pembimbing
Akademik penulis.
3. Bapak I Kadek Dwi Nuryana, S.T., M. Kom. selaku Ketua Jurusan Teknik
Informatika Universitas Negeri Surabaya.
4. Bapak Entik Insanudin S.T., M.T. selaku mentor penulis di kelas bronto di PT.
MariBelajar Indonesia Cerdas.
5. Ibu Ning Qulyati sebagai Chief Operational Officer PT. MariBelajar Indonesia
Cerdas.
6. Seluruh staff MariBelajar Indonesia Cerdas yang telah berperan dalam
pelaksanaan Kegiatan Magang dan Studi Independen Bersertifikat Kampus
Merdeka di PT. MariBelajar Indonesia Cerdas.
7. Kak Diya Annisa selaku asisten mentor yang telah ikut serta membantu
mempelancar setiap kegiatan belajar mengajar pada kelas penulis yaitu kelas
Velo dengan track Intelligent Cloud di PT. MariBelajar Indonesia Cerdas.
iv
8. Seluruh mentee Mari Belajar yang telah belajar bersama dan juga berdiskusi
selama kegiatan Studi Independen Bersertifikat berlangsung.
9. Seluruh teman Jurusan Teknik Informatika angkatan 2019 Universitas Negeri
Surabaya khususnya Prodi Pendidikan Teknologi Informasi yang telah
mendukung dan saling tolong menolong.
Penulis menyadari laporan akhir ini jauh dari kata sempurna. Oleh karena
itu, atas dasar keterbatasan pengalaman dan pengetahuan penulis, maka penulis
mengharapkan segala bentuk saran maupun kritik yang bersifat membangun dari
berbagai pihak. Penulis berharap laporan akhir yang penulis buat dapat memberikan
manfaat bagi para pembaca.
v
Daftar Isi
Lembar Pengesahan Pendidikan Teknologi Informasi ............................. i
Lembar Pengesahan .................................................................................. ii
Abstraksi ................................................................................................... iii
Kata Pengantar .......................................................................................... iv
Daftar Isi.................................................................................................... vi
Daftar Gambar ........................................................................................... viii
BAB I PENDAHULUAN .................................................................... 1
I.1 Latar belakang ........................................................................ 1
I.2 Lingkup .................................................................................. 2
I.3 Tujuan..................................................................................... 2
BAB II LINGKUNGAN ORGANISASI MSIB ................................... 3
II.1 Struktur Organisasi ................................................................. 3
II.2 Lingkup Pekerjaan.................................................................. 3
II.3 Deskripsi Pekerjaan ................................................................ 3
II.4 Lingkup Pekerjaan.................................................................. 8
BAB III INTELLIGENCE CLOUD ....................................................... 11
III.1 Pendahuluan dan Permasalahan ............................................. 11
III.2 Proses Perancangan dan Solusi .............................................. 12
1. Landasan Teori Perancangan Solusi .................................... 12
2. Proses Perancangan.............................................................. 15
vi
III.3Hasil dan Pembahasan ................................................................ 28
III.4Pencapaian Hasil Program .......................................................... 37
BAB IV PENUTUP ................................................................................ 39
IV.1 Kesimpulan............................................................................. 39
IV.2 Saran ....................................................................................... 40
Referensi ................................................................................................... 41
Lampiran A. TOR (Term of Reference) ................................................... A - 1
Lampiran B. Log Activity ......................................................................... B - 1
Lampiran C. Dokumen Teknik ................................................................. C - 1
vii
Daftar Gambar
Gambar 1 Struktur Organisasi ................................................................................. 3
Gambar 2 Jadwal Kerja ........................................................................................... 9
Gambar 3 Use Case Diagram ................................................................................ 16
Gambar 4 Class Diagram ...................................................................................... 17
Gambar 5 Desain Landing Page ............................................................................ 21
Gambar 6 Desain Shop Page ................................................................................. 22
Gambar 7 Desain Content Page ............................................................................ 23
Gambar 8 Desain Account Page ........................................................................... 24
Gambar 9 CLI Virtual machine............................................................................. 25
Gambar 10 Virtual Machine di Azure ................................................................... 25
Gambar 11 Web Server ......................................................................................... 26
Gambar 12 Database Mariadb ............................................................................... 27
Gambar 13 Tabel pada Database........................................................................... 27
Gambar 14 Versi PHP ........................................................................................... 28
Gambar 15 Github ................................................................................................. 28
Gambar 16 Header Section Fashops ..................................................................... 29
Gambar 17 Body Section Fashops ........................................................................ 29
Gambar 18 Footer Section Fashops ...................................................................... 29
Gambar 19 Halaman Kategori Pria ....................................................................... 30
Gambar 20 Halaman Kategori Anak-anak ............................................................ 31
Gambar 21 Halaman Kategori Wanita .................................................................. 31
Gambar 22 Halaman Kontak ................................................................................. 32
Gambar 23 Halaman Login ................................................................................... 32
Gambar 24 Halaman Daftar .................................................................................. 33
Gambar 25 Pengumunan Telah Login .................................................................. 33
Gambar 26 Halaman Produk Detail ...................................................................... 34
Gambar 27 Keranjang ........................................................................................... 34
Gambar 28 Halaman Keranjang ............................................................................ 35
Gambar 29 Halaman Check Out ........................................................................... 36
Gambar 30 Halaman Pesanan saya ....................................................................... 36
viii
Gambar 31 Halaman Profil Pengguna................................................................... 37
Gambar 32 TOR 1 ............................................................................................. A - 1
Gambar 33 TOR 2 ............................................................................................. A - 2
Gambar 34 TOR 3 ............................................................................................. A - 3
Gambar 35 TOR 4 ............................................................................................. A - 4
Gambar 36 TOR 5 ............................................................................................. A - 5
Gambar 37 Certificate Course Microsoft Azure Fundamentals ........................ C - 1
Gambar 38 Certificate Course Azure Data Fundamentals ................................ C - 2
Gambar 39 Certificate Course Azure AI Fundamentals ................................... C - 2
Gambar 40 Certificate Course Dynamics 365 Fundamentals (ERP) ................ C - 3
Gambar 41 Certificate Course Dynamics 365 Fundamentals (CRM) .............. C - 3
Gambar 42 Certificate Course Microsoft Security, Compliance, and Identity
Fundamentals .................................................................................................... C - 4
Gambar 43 Microsoft Certified Azure Fundamentals ....................................... C - 4
Gambar 44 Microsoft Certified Azure Data Fundamentals .............................. C - 5
Gambar 45 Microsoft Certified Azure AI Fundamentals ................................. C - 5
ix
BAB I PENDAHULUAN
I.1 Latar Belakang
Maribelajar adalah sebuah komunitas pembelajar yang lahir pada tanggal 30
Desember 2013 dan setiap tahunnya telah mendidik guru dan siswa di Indonesia.
Dengan pengalaman lebih dari delapan tahun dan mengedukasi lebih dari 10.000
pendidik dan siswa, Maribelajar kemudian bertransformasi menjadi perusahaan
dengan nama PT. Maribelajar Indonesia Cerdas (PT. MIC) pada 24 November
2021. PT. Maribelajar Indonesia Cerdas atau Mari Belajar berkedudukan di Kota
Denpasar, sebuah kota yang sarat dengan akulturasi budaya yang berada di Pulau
yang dikenal di seluruh dunia yaitu Pulau Bali.
Maribelajar memiliki tagline Berdayakan Semua untuk Belajar atau
Empowering Everyone to Learn dalam bahasa inggris yang menyimbolkan
semangat perusahaan untuk mendekatkan Pendidikan teknologi yang
menyenangkan bagi Setiap masyarakat. Hal ini dapat terlihat dari evolusi
Maribelajar yang secara bertahap memperluas segmen pembelajarnya dari pendidik
dan siswa, ke dosen dan mahasiswa, hingga ke segmen perusahaan.
Maribelajar menggunakan logo yang berbentuk simbol buku yang terbuka
yang artinya membuka wawasan. Membuka wawasan ini dimaknai sebagai sebuah
upaya menggerakkan diri dan komunitas untuk belajar bersama.
Menjadi perusahaan Indonesia yang paling berpusat pada pelanggan, di
mana orang dapat belajar dan menemukan hal-hal terbaik berikutnya melalui umur
panjang dan pembelajaran berkelanjutan adalah visi dari maribelajar. Sedangkan
misi dari maribelajar adalah:
1. Untuk memberdayakan potensi belajar orang untuk mewujudkan potensi penuh
mereka
2. Untuk membantu orang dan bisnis di seluruh dunia menjadi lebih produktif
dengan teknologi
1
2
Sesuai dengan tagline serta visi misinya maka maribelajar mengikuti kegiatan
magang dan studi independen bersertfikat yang diselenggarakan oleh Kementerian
Pendidikan, Kebudayaan, Riset, dan Teknologi RI dan Direktorat Jenderal
Pendidikan Tinggi
I.2 Lingkup
Lingkup proyek studi independen di maribelajar dengan trak cloud
intelligence dilaksanakan selama 20 minggu dimulai dari 7 februari 2022 sampai
24 juni 2022. Seluruh mentee yang berada di trak ini mempelajari Microsoft Azure
Fundamentals, Microsoft Azure Data Fundamentals, Microsoft Azure Ai
Fundamentals, Microsoft Power Platform Fundamentals, Microsoft Dynamics 365
Fundamentals ERP, Microsoft Dynamics 365 Fundamentlas CRM, dan Microsoft
Security, Compliance, and Identity. Proses pembelajaran dibagi dua sesi yaitu sesi
sinkron dan asinkon. Sesi sinkron merupakan sesi yang bertemu dosen secara online
real time menggunakan microsoft teams sesuai jadwal yang telah ditentukan.
Selama menjalankan studi independen sesi sinkron dilaksanakan 40 kali dan selama
2 jam 30 menit di setiap sesinya. Sedangkan sesi asinkron merupakan sesi yang
tidak bertemu dosen secara langsung, jadi di sesi ini para mentee melakukan proses
pembelajaran mandiri di website maribelajar serta mengerjakan tugas asinkron.
I.3 Tujuan
Tujuan dan hasil mengikuti magang dan studi independen bersertifikat adalah :
1. Meningkatkan ilmu dan wawasan mengenai azure
2. Meningkatkan personal branding yang lebih mudah diterima kerja
3. Memberikan kesempatan untuk bertemu perusahaan yang menerima
karyawan dengan keahlian yang telah dipelajari dari studi independen melalui
acara Webinar Partners Employability.
4. Memberikan kesempatan untuk belajar diluar kampus sehingga bisa
mendapatkan ilmu baru yang biasanya tidak terdapat di kurikulum kampus.
5. Mendapatkan teman belajar baru yang bisa menjadi tambahan relasi selain
teman kampus.
6. Mendapatkan sertifikasi internasional yang diakui.
BAB II LINGKUNGAN ORGANISASI MSIB
II.1 Struktur Organisasi
3
4
11
12
kembali yang hasilnya dalam bentuk beberapa halaman web dan pada
umumnya akan berbentuk dokumen HTML. Fungsi utama dari web server
adalah untuk melakukan atau akan mentransfer berkas permintaan
pengguna melalui protocol kmunikasi yang telah ditentukan sedemikian
rupa.
Salah satu contoh dari Web Server adalah Apache. Apache
(Apache Web Server – The HTTP Web Server) merupakan web server
yang paling banyak dipergunakan di Internet. Program ini pertama kali
didesain untuk sistem operasi lingkungan UNIX. Apache mempunyai
program pendukung yang cukup banyak. Hal ini memberikan layanan
yang cukup lengkap bagi penggunanya. Kelebihan Apache2 :
1) Bersifat Open-source .
2) Software yang andal dan stabil.
3) Patch keamanan yang terus-menerus diperbarui.
4) Fleksibel karena memiliki struktur berbasis modul.
5) Kemudahan konfigurasi dan tidak sulit bagi pemula.
6) Lintas platform (dapat berfungsi baik di server Unix maupun
Windows).
d. Database
Database adalah sekumpulan data atau informasi yang tersimpan
secara sistematis. Basis data ini dibutuhkan ketika mengakses perangkat
lunak. Dihimpun dari berbagai sumber, secara sederhana, database atau
basis data merupakan sekumpulan data atau informasi yang tersimpan
secara sistematis. Database memiliki peran penting dalam perangkat untuk
mengumpulkan informasi, data, atau file secara terintegrasi.
Salah satu jenis database adalah mariadb, MariaDB
adalah relational database management system (DBMS) open source yang
merupakan pengganti drop-in yang kompatibel. MariaDB
adalah pengganti dari MySQL. Dengan kata lain, MariaDB merupakan
pengganti MySQL yang ditingkatkan dan drop-in.
15
2. Proses Perancangan
a. Use Case Diagram
16
- nama_slider varchar(200),
- gambar_slider varchar(200),
- heading_slider varchar(200),
- text_slider varchar(300),
c. Design
Pada bagian pembuatan design digunakan Figma UI Design untuk
merancangnya.
1) Landing page
21
2) Shop Page
3) Contact Page
4) Account Page
2) Web Server
Website kelompok kami berbasis PHP. Sehingga kami
memutuskan untuk menggunakan apache2 sebagai webserver untuk
website kami. Apache2 itu sendiri adalah server web yang dapat
dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft
Windows dan Novell Netware serta platform lainnya) yang berguna
untuk melayani dan memfungsikan situs web. Protokol yang
digunakan untuk melayani fasilitas web/www ini menggunakan
HTTP.
3) DataBase
Untuk database kami memilih menggunakan mariadb.
Dikarenakan bahasa SQL yang cukup familiar sehingga kami mudah
untuk mengoperasikannya. Selain itu mariadb juga merupakan
relational database management system (DBMS) yang sangat cocok
dijadikan database untuk website penjualan kami yang datanya saling
berelasi.
27
4) PHP
Pada Virtual Machine kami menginstall versi terbaru dari PHP
yaitu versi 8.1.7. Kami menggunakan versi karena pada saat
membangun website secara local kami menggunakan versi 8.1.7 juga
dan agar tidak terjadi kendala pada saat website sudah online.
28
5) GitHub
Kami dari Kelompok 5 membangun website Fashops ini
bersama-sama. Kami melakukan sinergi secara tepat dengan membagi
tugas pada tiap anggotanya. Untuk melakukan ini kami menggunakan
pihak ketiga yaitu GitHub. Secara singkat github GitHub merupakan
code manajemen project. Berikut adalah tampilan dari source code
kelompok5 yang kami kerjakan dengan cara kolaborasi.
Gambar 15 Github
chat yang akan direspon oleh sebuah bot yang dapat bekerja 7*24 jam ketika
user memiliki pertanyaan.
Tampilan berikut berada di body (isi) dari website kami. Apabila user
melakukan scroll pada halaman utama maka akan menemukan 3 buah
kategori, yaitu wanita, pria, dan anak-anak. Pada bagian ini pula terdapat
sebuah section yang berisi tentang produk apa saja yang paling banyak
diminati (populer).
Gambar diatas ini merupakan bagian bawah dari website (footer) apabila user
melakukan scrolling ke area bawah maka akan menemukan footer ini.
Didalam footer ini berisi berbagai informasi seperti nomor telepon
perusahaan kami, alamat, serta informasi-informasi yang berguna bagi user
yang mengunjungi atau menggunakan website kami.
2. Halaman Kategori
Tampilan berikut ini merupakan halaman utama untuk produk-produk kami.
Pada halaman ini juga terdapat kategori untuk memfilter produk-produk apa
saja yang ingin user lihat. Fitur ini dapat memudahkan bagi user untuk
mencari produk. Misalnya user hanya ingin melihat produk wanita, maka
dapat mengklik kategori wanita dan halaman pun hanya akan menampilkan
produk wanita saja.
Kategori : Pria
Kategori : Anak-anak
31
Kategori : Wanita
3. Halaman Kontak
Tampilan berikut merupakan halaman bagian kontak. Pengguna dapat
mengunjungi laman ini dengan cara klik kontak pada navbar website dan akan
diarahkan menuju ke halaman ini. Pada halaman ini sama seperti footer di
website kami, yaitu berisi tentang informasi yang berguna untuk para
pengguna kami. Seperti nomor telepon, email, alamt , dan pengguna dapat
mengirim pesan kepada kami melalui halaman ini.
32
alamat, jenis kelamin, serta sebuah file foto yang akan dijadikan foto profil
pengguna yang hendak mendaftar tersebut.
5. Halaman Produk
34
Tampilan berikut adalah tampilan dari halaman sebuah produk yang apabila
produk itu diklik oleh pengguna. Pada saat ingin memasukkan produk ke
keranjang maka pengguna diminta untuk memilih ukuran serta memasukkan
jumlah dari produk yang akan dibeli tersebut. Jika sudah maka dapat
dilanjutkan dengan cara klik tombol TAMBAHKAN KE KERANJANG.
6. Keranjang
Setelah produk ditambahkan ke keranjang maka secara otomatis pada header
akan muncul notification count yang merupakan jumlah barang yang
dimasukkan ke keranjang serta harganya tepat disebelah ikon dompet pada
header website. Apabila ikon dompet itu ditekan maka akan muncul barang
apa saja yang ada dikeranjang beserta dengan total harganya.
Gambar 27 Keranjang
35
8. Halaman Profil
Setelah pengguna membuat pesanan, maka history pesanan akan tersimpan
pada halaman akun. Pengguna dapat mengunjungi halaman ini dengan cara
mengklik ikon user dibagian atas website lalu klik My Account. Berikut
adalah tampilan dari halam tersebut.
Pada halaman ini juga terdapat informasi dari pengguna yang daftarkan pada
saat mendaftar sebelumnya. Pengguna dapat melihatnya dengan cara klik di
Profil Saya tepat dibawah dari Pesanan Saya. Berikut adalah tampilan dari
profil pengguna yang didaftarkan.
37
39
40
IV.2 Saran
Selama mengikuti program studi independen bersertifikat penulis sangat
senang karena mendapatkan banyak hal baru yang positif. oleh karena itu penulis
berharap pelaksanaan studi independen di maribelajar dapat menjadi lebih baik lagi
kedepannya. Penulis ingin memberikan saran yang membangun pada pelaksanaan
studi independen ini, berikut saran penulis:
1. Pemberian jadwal sinkron yang lebih konsisten dan tidak berubah secara tiba-
tiba supaya mahasiswa dapat menyesuaikan kegiatan studi independen di
maribelajar dengan kegiatan lainnya.
2. Dalam pemberian tugas harusnya tugas asinkron diberikan dengan lebih
merata tidak terlalu sedikit dan tidak terlalu banyak di lain waktu agar waktu
yang digunakan mahasiswa lebih konsisten.
3. Memberikan waktu lebih lama kepada mahasiswa untuk membuat capstone
project dengan mengarahkan mahasiswa untuk membentuk kelompok dan
topik capstone project sekitar 2 bulan sebelum pengumpulan capstone project.
4. Memadatkan jadwal di awal program dan melonggarkan jadwal di akhir
program disaat mahasiswa sudah memulai mengerjarkan capstone project
supaya mahasiswa dapat membuat capstone project lebih optimal lagi.
5. Kepada mentor untuk dapat menjelaskan materi lebih jelas lagi agar
mahasiswa dapat memahami apa yang sedang diajarkan oleh mentor.
6. Memberikan kejelasan mengenai berapa uang saku yang akan diterima
mahasiswa di awal program agar mahasiswa tidak kecewa.
Referensi
41
Lampiran A. TOR (Term of Reference)
Gambar 32 TOR 1
A-1
A-2
Gambar 33 TOR 2
A-3
Gambar 34 TOR 3
A-4
Gambar 35 TOR 4
A-5
Gambar 36 TOR 5
Lampiran B. Log Activity
Berikut tabel Log Activity
Minggu/Tgl Kegiatan Hasil
1/7 Februari 2022 - mempelajari tentang konsep - memahami tentang
- 11 Februari 2022 azure konsep azure
- pengenalan komputasi awan - memahami komputasi
- mempelajari layanan dasar awan
azure - memahami layanan
- mempelajari layanan lanjut dasar azure
azure - memahami layanan
- mengerjakan tugas asinkron lanjut azure
untuk membuat database di - memahami cara
Azure membuat database di
Azure
2/14 Februari - mempelajari layanan IoT dan - memahami layanan IoT
2022 - 18 Februari AI di Azure dan AI di Azure
2022 - mempelajari tentang Layanan - memahami tentang
Pengembangan dan Layanan Pengembangan
Manajemen di Azure dan Manajemen di
- mempelajari tentang Layanan Azure
Keamanan pada Azure - memahami tentang
- membuat key vault di portal Layanan Keamanan
azure dan Mengelola kata pada Azure
sandi di Azure Key Vault - dapat memembuat key
- mempelajari tentang tentang vault di portal azure dan
Fitur keamanan umum dan Mengelola kata sandi di
keamanan jaringan Azure Key Vault
- memahami tentang
tentang Fitur keamanan
B-1
B-2
C-1
C-2