LAPORAN

PRAKTIKUM TEKNOLOGI CLOUD

PERTEMUAN 4

Disusun Oleh :

NAMA : DEMA PUSPITA KIRANTI

NIM : 203210033

JURUSAN : SISTEM INFORMASI AKUNTANSI

JENJANG : D3

LABORATORIUM TERPADU

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AKAKOM YOGYAKARTA

2021
 GITHUB PAGES

A. TUJUAN
1. Mahasiswa memahami penggunaan Github Pages
2. Mahasiswa mampu memanfaatkan Github Pages untuk hosting

B. DASAR TEORI
Github Pages merupakan hosting static file gratis yang disediakan oleh
Github untuk para developer. Static file disini ialah seperti HTML, CSS,
Javascript, Images, dll, yakni kode-kode client-side sebuah website yang tidak
lagi memerlukan compile, transpile ataupun webserver untuk menjalankannya.
Keuntungan Menggunakan GitHub Pages
• Tidak Perlu Setup Server. Kita tidak perlu setup server karena GitHub
sendiri yang akan menjadi host GitHub Page kita.
• Keterbatasan dan Keamanan. GitHub Page hanya
memperbolehkan/membatasi kita untuk menggunakan beberapa tools saja,
misalkan Jekyll dan Hugo. Dengan ini kita tidak perlu pusing memikirkan
keamanan.
• Cepat Deploy. Kita tinggal membuat repository dengan nama .github.io
lalu ketikkan kode HTML atau Markdown pada laptop kemudian push ke
repository tersebut.

C. PRAKTIK
1. Siapkan file-file yang sudah berisi web statis untuk dihosting
2. Pada github, buat repository baru dengan format github.io seperti pada gambar
di bawah ini

3. Copy link repository yang sudah dibuat

4. Pada desktop, klik kanan untuk membuka terminal git bash. Setelah itu clone
repository dengan perintah git clone seperti pada gambar di bawah ini, jika
sudah maka akan muncul sebuah folder baru pada desktop

5. Setelah itu copy semua file yang berisi web statis ke dalam folder repository
yang baru saja dibuat
6. Ubah direktori ke dalam folder repository dengan menggunakan perintah
seperti pada gambar di bawah ini

7. Gunakan perintah git init untuk membuat repository lokal yang nantinya akan
membentuk file .git

8. Gunakan perintah git add * untuk menambahkan file baru dari repository yang
baru saja dibuat
9. Gunakan perintah git commit seperti pada gambar di bawah ini untuk
menyimpan perubahan yang baru saja dilakukan (menambah file)

10. Gunakan perintah git push untuk mengirimkan perubahan file setelah di
commit ke remote repository
11. Setelah proses selesai, refresh laman repository pada github. Jika berhasil file-
file tersebut akan muncul dalam repository

12. Kunjungi demapuspita.github.io untuk melihat apakah web tersebut sudah

dapat diakses. Jika berhasil akan muncul tampilan web yang sudah dibuat
sebelumnya
D. LATIHAN
1. Latihan diberikan oleh dosen pengampu

E. TUGAS
- Upload tugas web anda pada minggu lalu ke Github kemudian menggunakan
Github Page lakukan hosting. Setelah anda hosting kirimkan url hasil hosting
di classroom.
- Format hasil hosting di Github https://username_anda.github.io/NIM_Nama/
Jawab :
https://demapuspita.github.io/

F. KESIMPULAN
Membuat sebuah web statis dapat menggunakan format HTML dan CSS.
Menghosting file-file yang berisi web statis dengan perintah-perintah git seperti
git add ., git commit, serta git push untuk membuat file-file tersebut tersimpan
dalam sebuah remote repository yang sudah dibuat. Selain itu, dengan membuat
sebuah repository berformat github.io, file yang berisi web statis dapat di hosting
dengan mudah menggunakan Github Pages.