Acara 13

Materi Pembelajaran : Konfigurasi

Acara Praktikum/Praktek : Persiapan Konfigurasi /Minggu 9-1
Tempat : Politeknik Negeri Jember
Alokasi Waktu : 100 menit

a. Capaian Pembelajaran Mata Kuliah (CPMK)

1. Mahasiswa mampu memahami konsep konfigurasi
2. Mahasiswa mampu mengimplementasikan konfigurasi

b. Penilaian Bertahap BNSP ( Skill Passport )

c. Indikator
• Kemampuan mahasiswa dalam membuat dan menggunakan akun Github
• Kemampuan mahasiswa dalam installasi Git dan menerapkan penggunaan Git

d. Dasar Teori
GitHub adalah platform khusus developer yang dibuat berdasarkan cara
bekerja para programmer. Dari open source ke bisnis, programmer bisa meng-
host dan meninjau sebuah kode, mengelola project, dan membangun perangkat
lunak bersama 56 juta lebih pengguna di seluruh dunia. GitHub merupakan
manajemen project, sistem versioning code, sekaligus platform jaringan sosial
bagi para developer seluruh dunia. Banyak sekali fungsi yang bisa digunakan
oleh para developer, sehingga melalui platform ini memudahkan developer dalam
mengembangkan sebuah karya.
GIT adalah sebuah version control system yang telah digunakan oleh para
developer untuk dapat mengembangkan software secara bersamaan. Fungsi
utama dari GIT adalah mengatur versi source code program dengan memberikan
tanda baris serta code mana yang perlu ditambah ataupun diganti.

e. Alat dan Bahan

1. Komputer/Laptop
2. Flashdisk
3. Kertas A4CD
4. Whiteboard
5. Spidol
6. Installer Git
f. Prosedur Kerja
Membuat dan koneksi akun github :
1. Buka link https://github.com/ dan buatlah sebuah akun
2. Buka https://desktop.github.com/ dan download aplikasi github desktop dan
install aplikasi tersebut.
3. Koneksikan aplikasi github desktop dengan akun github.
Membuat Repository dan Menginvite Collaborator :
1. Buka akun github anda di browser, klik new repositori seperti pada gambar

2. Beri nama repository dan set pada menu public, kemudian klik create
repository

3. Jika berhasil akan ada tampilan seperti dibawah ini, kemudian klik menu
setting
 4. Pilih menu manage access, lalu pilih add people untuk menambah collaborator,
masukan user github atau email

Melakukan cloning repository :

1. Untuk melakukan clone repository ke github desktop, buka menu code pada
repo melalui browser, lalu klik Set up in Desktop.
2. Melakukan clone juga bisa melalui link yang ada di menu code, copy link lalu
buka github desktop.
3. Pilih menu Clone repository
4. Pilih tab URL , masukan URL yang sudah dicopy, lalu klik clone.
Push dan Pull Project :
1. Push adalah proses mengupload code kita ke services github , sedangkan pull
adalah proses download dari services github ke local repo atau localhost kita.
2. Untuk push file pada folder repository yang kita tambah atau ubah baris kode
nya akan otomatis muncul di bagian change. Pilih file yang akan di push
kemudian isi field commit beserta deskripsinya, jika sudah klik commit.
3. Untuk melakukan pull klik menu fetch origin.
4. Jika terdapat file baru maka aka nada indicator jumlah pull yang dapat diambil.
5. Maka file baru yang di push oleh collaborator lain akan tersimpan di repositori
local anda.

g. Hasil dan Pembahasan

1. Buat akun Github dan lakukan koneksi
2. Buat Repository dan lakukan invite collaborator
3. Lakukan cloning repository
4. Lakukan push dan pull project yang sudah dibuat dipertemuan sebelumnya
5. Dokumentasikan hasil pengerjaan dalam bentuk pdf dengan format laporan
sebagai berikut :
 Format Laporan
• Kertas A4
• Format *.pdf
• Struktur Laporan: Cover, Pendahuluan, Hasil Praktik, Kesimpulandan Daftar Pustaka
• Berikan Identitas Diri: NIM, Nama, Golongan, Tugas Minggu Ke-X
• Penamaan File: ACARA-X_GOL_NIM_NAMA.pdf
**Contoh: **ACARA-1_A_E1234356_BI.pdfKumpulkan pada
http://jti.polije.ac.id/elearning/

h. Kesimpulan
Mahasiswa memahami dan mengimplementasi penggnaan Github.
i. Rubrik Penilaian
No Indikator Skor*
Ketepatan waktu dan ketepatan dalam menjelaskan dari tugas
1 1 2 3 4
ditunjang dengan bukti referensi
2 Ketepatan waktu dan ketepatan dalam menjelaskan dari tugas 1 2 3 4
3 Ketepatan waktu akan tetapi kurang tepat dalam menjelaskan tugas 1 2 3 4
Keterlambatan pengumpulan tugas dan ketidaktepatan dalam
4 1 2 3 4
menjelaskan tugas
Jumlah skor
 Acara 14

Materi Pembelajaran : Konfigurasi

Acara Praktikum/Praktek : Persiapan Konfigurasi /Minggu 9-2
Tempat : Politeknik Negeri Jember
Alokasi Waktu : 100 menit

a. Capaian Pembelajaran Mata Kuliah (CPMK)

1. Mahasiswa mampu memahami penggunaan Git dan VS Code
2. Mahasiswa mampu melakukan installasi Git
3. Mampu melakukan konfigurasi setting pada VS Code
4. Mahasiswa mampu menggunakan Git sesuai dengan fungsinya
b. Penilaian Bertahap BNSP ( Skill Passport )
c. Indikator
• Kemampuan mahasiswa dalam memahami dan menggunakan Git
• Kemampuan mahasiswa dalam membuat tim work dan bekerja dengan Git
d. Dasar Teori
GitHub adalah platform khusus developer yang dibuat berdasarkan cara
bekerja para programmer. Dari open source ke bisnis, programmer bisa meng-host
dan meninjau sebuah kode, mengelola project, dan membangun perangkat lunak
bersama 56 juta lebih pengguna di seluruh dunia. GitHub merupakan manajemen
project, sistem versioning code, sekaligus platform jaringan sosial bagi para
developer seluruh dunia. Banyak sekali fungsi yang bisa digunakan oleh para
developer, sehingga melalui platform ini memudahkan developer dalam
mengembangkan sebuah karya.
GIT adalah sebuah version control system yang telah digunakan oleh para
developer untuk dapat mengembangkan software secara bersamaan. Fungsi utama
dari GIT adalah mengatur versi source code program dengan memberikan tanda baris
serta code mana yang perlu ditambah ataupun diganti.

e. Alat dan Bahan

1. Komputer/Laptop
2. Flashdisk
3. Kertas A4
4. LCD
5. Whiteboard
6. Spidol
7. Installer Git
f. Prosedur Kerja
Persiapkan software Git
1. Download Git di https://git-scm.com/
2. Download Git dengan versi terbaru untuk windows yang menggunakan windows atau
geser kebawah untuk OS lainnya seperti Mac Build.

3. Download Standalone installer dan pastikan type bit yang diinstall sesuai dengan type bit
pada laptop/computer anda

4. Source code program

5. Lakukan installasi
6. Pastikan installasi Git berhasil dengan klik kanan pada keyboard dan cek Git GUI dan Git
bash ada

Melakukan setting konfigurasi pada VS Code dengan :

1. Buat file php baru seperti coba.php
2. Setting configurasi user snippets untuk membuat default tag program agar
mempercepat kodingan.

3. Klik html.json klik enter

4. Hapus semu source code yang ada di html.json
5. Kunjungi https://github.com/Dbitari lalu klk repository lalu klik “2022092”.
6. Klik html.json lalu copykan code program tersebut dan paste pada visual studio code di
html.json kalian.

Sekarang kalian dapat menggunakan tag pada php dengan tekan tab maka source code
akan tampil otomatis sesuai yang diinginkan. Tab-tab tersebut diantaranya adalah :
1. Php – tab : untuk tag pembuka dan penutup php
2. Phpp – tab : tag variabel seperti php sebagai pengganti echo
3. Formel – tab : elemen inputan
4. <label>
5. Username
6. <input type="text" name="username">
7. </label>
View :

4. dll
Installasi Extentions (plug in) untuk membantu kita agar muncul notifikasi ketika terdapat
kesalahan pada saat pengetikan code program
1. install Intelephense
2. jika sudah terinstall maka lakukan konfigurasi dengan mematikan fitur php bawaan
yang ada di vs code.
3. Untuk mematikan fitur php bawaan vs code pergi ke Extenstion lalu ketik @builtin php
lalu matikan languange features

4. Klik disable lalu reload required

Konfigurasi lainnya adalah mengaktifkan kode formater sehingga dapat otomatis
merapikan kodingan yang kalian develop dengan langkah sebagai berikut :
1. Klik file – preferences – settings
2. Tab size = 2

3. Check list format on paste dan on save

Membuat repository pad Github dengan :

1. Buat repository baru di Github

2. isi description (optional) dan checklist initialize repository agar repository yang kita buat
terdapat deskripsinya.
g. Hasil dan Pembahasan
1. Lakukan installasi Git
2. Buat akun pada Github
3. Lakukan konfigurasi setting pada VS Code
4. Buat directory pada Github

h. Kesimpulan
i. Rubrik Penilaian
No Indikator Skor*
Ketepatan waktu dan ketepatan dalam menjelaskan dari tugas
1 1 2 3 4
ditunjang dengan bukti referensi
2 Ketepatan waktu dan ketepatan dalam menjelaskan dari tugas 1 2 3 4
3 Ketepatan waktu akan tetapi kurang tepat dalam menjelaskan tugas 1 2 3 4
Keterlambatan pengumpulan tugas dan ketidaktepatan dalam
4 1 2 3 4
menjelaskan tugas
Jumlah skor
 Acara 16
Materi Pembelajaran : Konfigurasi
Acara Praktikum/Praktek : File Koneksi / Minggu 9-3
Tempat : Politeknik Negeri Jember
Alokasi Waktu : 100 menit
a. Capaian Pembelajaran Mata Kuliah (CPMK)
1. Mahasiswa mampu memahami konsep koneksi database pada PHP
2. Mahasiswa mampu membuat koneksi database pada PHP
3. Mahasiswa mampu memahami dan mengimplementasikan commit
b. Penilaian Bertahap BNSP ( Skill Passport )
c. Indikator
• Kemampuan bekerja individu dalam mengimplementasikan koneksi database pada PHP
• Kemampuan bekerja individu dan kelompok dalam mengimplementasikan commit
d. Dasar Teori
Group Inclusive Tour atau GIT adalah alat umum yang digunakan dalam proyek
pengembangan perangkat lunak. Tak hanya itu, GIT juga salah satu alat yang harus dipahami
oleh programmer karena banyak dan sering digunakan di mana-mana. Awalnya, GIT
digunakan untuk pengembangan kernel linux. Lalu, GIT berkembang menjadi sistem kontrol
versi yang digunakan oleh pengembang untuk pengembangan perangkat lunak secara
bersamaan. Tujuan dari utama GIT adalah mengelola versi kode sumber program dengan
menentukan baris serta kode yang akan ditambahkan atau diganti. Oleh karena itu, Anda
perlu mengetahui arti dan manfaat dari GIT untuk dapat menggunakan dan menggunakannya
sesuai keinginan.

Berikut beberapa perintah dasar yang ada di GIT :

1. GIT init: digunakan untuk membuat repository di file lokal
2. GIT status: digunakan untuk mengetahui sebuah status dari sebuah repository lokal
3. GIT add: adalah perintah yang digunakan untuk menambahkan file baru di repository
yang dipilih.
4. GIT commit: digunakan untuk menyimpan perubahan yang sudah dilakukan, namun tidak
ada perubahan yang terjadi pada remote repository
5. GIT push: digunakan dalam mengirimkan perubahan file yang dilakukan setelah di
commit ke remote repository
6. GIT branch: adalah perintah untuk melihat semua cabang di repository
7. GIT checkout: sebuah perintah yang digunakan untuk menukar branch yang aktif dengan
bracht yang sudah dipilih.
8. GIT merge: perintah yang digunakan untuk menggabungkan cabang aktif serta cabang
yang dipilih
9. GIT clone: adalah perintah yang digunakan untuk mengkloning repository lokal
e. Alat dan Bahan
1. Komputer/Laptop
2. Flashdisk
3. Kertas A4
4. LCD
5. Whiteboard
6. Spidol
7. Vs Code
8. Git
9. Github

f. Prosedur Kerja
Pada pertemuan 4 di Minggu ke 9 ini, kita akan melakukan konfigurasi dengan membuat file
koneksi untuk menghubungkan dan menampilkan data yang ada pada database dapat tampil
ke halama web dengan langkah-langkah sebagai berikut :

1. Buat database user dan tabel user_detail pada tools PhpMyAdmin

2. Buat file latihan1.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daftar Administrator</title>
</head>
<body>
<h3>Selamat Datang Administrator</h3>
<table border="1" cellpadding="10" cellpadding="0">
<tr>
<th>No</th>
<th>Email</th>
<th>Nama</th>
<th>Aksi</th>
</tr>
 <tr>
<td>1</td>
<td>admin@admin.com</td>
<td>Administrator</td>
<td>
<a href="">Ubah</a> | <a href="">Hapus</a>
</td>
</tr>

</table>
</body>
</html>

3. Hubungkan HTML kita dengan PHP dengan tahapan sebagai berikut :

a. Koneksi ke db dan pilih database

b. Query isi tabel user_detail

$result = mysqli_query($conn, "SELECT id, user_email, user_fullname FROM
`user_detail`");
c. Ubah ke dalam array
$rows = [];
while ($row = mysqli_fetch_assoc($result)) {
$rows[] = $row;
}

d. Tampung ke variable user_detail

$user_detail = $rows;

4. Berikut adalah syntax PHP lengkapnya :

5. Hubungkan pada HTML

6. Lihat hasilnya pada browser

7. Urutkan No yang belum ter increament dengan cara tambahkan $i=1 di depan foreach
lalu tambahkan $i++ pada td kolom pertama.

Membuat Buat function agar dapat dipanggil oleh halaman lain dengan cara sebagai berikut:
1. Save As latihan1.php menjadi latihan2.php
2. Buat file baru dengan nama function.php
<?php
function koneksi()
{
return mysqli_connect('localhost', 'root', '', 'user');
}
function query($query)
{
$conn = koneksi();
$result = mysqli_query($conn, $query);
while ($row = mysqli_fetch_assoc($result)) {
$rows[] = $row;
}
return $rows;
}
3. Hapus php yang ada di latihan2.php dan ganti dengan konfigurasi sebagai berikut :
Lakukan commit pada Github dengan cara sebagai berikut :
1. Buka terminal pada VS Code dengan klik terminal – new terminal

2. Jalankan perintah Git dalam terminal. Contoh : silahkan ketik Git pada terminal

3. Perintah yang pertama pada Git adalah : ‘git status’. Silahkan ketikan ‘git status’ pada
terminal untuk mentracking file yang masih merah dan hijau serta memastikan bahwa file
– file yang dibuat pada direcotory local sudah terupdate pada Github.

4. Perintah yang kedua pada Git adalah : ‘git add .’ yang artinya perintah tersebut digunakan
untuk menambahkan semua file yang berubah atau baru pada Git.
 Hijau menandakan bahwa file yang ada pada directory local telah siap untuk dilakukan
commit. Dimana commit adalah memberikan informasi ke Github bahwa ada file baru atau
file yang berubah.
5. Perintah yang ketiga pada Git adalah : ‘git commit -m ‘[message yang ingin
disampaikan]’. Perintah tersebut menunjukkan bahwa perubahan telah siap dikirim ke
Github.

6. Setelah melakukan git commit, cek kembali statusnya untuk memastikan tidak ada tanda
merah maupun hijau yang artinya commit berhasil dilakukan.

Pada Gambar diatas, menunjukkan bahwa file local yang sudah kita tambahkan perlu dilakukan
‘git push’ untuk benar-benar meletakkan file local kita kedalam github.
7. Perintah keempat pada Git adalah ‘git push’. Perintah tersebut digunakan untuk meletakkan
file directory local kita kedalam github. Jika git push baru dilakukan pertama kali, maka kalian
akan diminta untuk memasukkan user id. Maka, ikuti perintahnya sampai dengan git push anda
berhasil connected.
8. Pastikan pada Github kalian bahwa file yang semula ada di directory local kalian telah tertambah
pada Github.

Pada gambar diatas menunjukkan bahwa Dbitari telah menambahkan file Latihan dan file function
dipertemuan4.

g. Hasil dan Pembahasan

1. Tugas Individu :
• Buat database sesuai dengan NIM masing-masing
• Buat tabel user_detail
• Buat halaman HTML seperti yang ditunjukkan pada prosedur kerja
• Buat file koneksi.php
• Buat syntax html dengan memanggil function koneksi.php untuk menampilkan
record data di database ke halaman web.
• Invite Dbitari dengan pergi ke setting-Collaboration- Add people

• Lakukan commit pada github dengan mengikuti langkah-langkah yang ada

diprosedure kerja

2. Project Team :
• Buat halaman web dengan file koneksi
• Bua akun pada Github dengan nama NIM[ketua kelompok]_NamaKelompok
• Buat Collaboration pada Github yang isinya anggota dari kelompoknya masing-
masing
• Selalu lakukan commit dalam setiap project.
• Gunakan penerapan Bootstrap pada Website di kelompoknya masing-masing
h. Kesimpulan
• Mahasiswa dapat membuat function dan koneksi untuk menampilkan record data di
database ke dalam web dengan baik
• Mahasiswa mampu melakukan commit dalam setiap pekerjaanya baik individu maupun
kelompok

i. Rubrik Penilaian
No Indikator Skor*
Ketepatan waktu dan ketepatan dalam menjelaskan dari tugas
1 1 2 3 4
ditunjang dengan bukti referensi
2 Ketepatan waktu dan ketepatan dalam menjelaskan dari tugas 1 2 3 4
3 Ketepatan waktu akan tetapi kurang tepat dalam menjelaskan tugas 1 2 3 4
Keterlambatan pengumpulan tugas dan ketidaktepatan dalam
4 1 2 3 4
menjelaskan tugas
Jumlah skor