Paduan sederhana git dan github

Dalam paduan sederhana ini saya akan menjelaskan cara pengumpulan tugas
menggunakan git. jika tertarik belajar git lebih lanjut bisa ikut acara dsc tentang gitogether.
sebelum menggunakan git dan github kalian lebih dahulu instalasi aplikasi git di
laptop/komputer kalian masing masing. untuk yang belum punya bisa menggunakan github.

Instalasi

Instalasi Git
untuk instalasi aplikasi git bisa ikuti link di bawah ini
https://www.petanikode.com/git-install/
pastikan tidak ada langkah yang terlewatkan di dalam instalasi git dan sesuaikan dengan
sistem operasi yang kalian gunakan.

Registrasi akun github

jika sudah install git kalian bisa membuat akun di https://github.com/ untuk menggunakan
layanan github bagi yang belum memiliki akun github. hal yang harus di siapkan untuk
mendaftar akun github yaitu email aktif ( pastikan email belum pernah digunakan
sebelumnya untuk mendaftar git ). setelah itu isi semua data seperti username, email,
password. kurang lebih tampilan form register seperti ini
jangan lupa verifikasi registrasi di paling bawah. jika berhasil registrasi maka akan dikirimkan
kode verifikasi melalui email
untuk kode bisa di liat di email saat mendaftar. setelah memasukan kode akan tampil seperti
di bawah ini

cukup klik paling bawah “skip personalization”. jika tampilan seperti di bawah tandanya akun
sudah terdaftar
Cara mengumpulkan tugas melalui github
ada 2 cara pengumpulan tugas dengan github, cara pertama tanpa aplikasi git dan cara
kedua menggunakan aplikasi git. untuk yang belum mempunyai perangkat laptop/komputer
bisa mengikuti cara pertama. tapi sebelum itu kita buat repository di dalam github terlebih
dahulu.

buka halaman github, di pojok kiri atas ada tombol hijau

setelah itu klik new. lalu akan diarahkan ke halaman ini

dalam halaman ini kita cukup isikan nama repository, jangan menggunakan spasi, jika
nama repository memerlukan 2 kata lebih lebih baik menggunakan tanda strip ( - ). untuk
isian form yang lain bisa diabaikan dulu. setelah di isikan nama repository klik tombol
“create repository”. jika sudah dibuat maka akan tampil halaman seperti ini.
jika sudah seperti ini tandanya kita sudah membuat repository. repository ini masih kosong,
jadi untuk menambahkan data ada 2 cara

Cara pertama
cara ini direkomendasikan untuk yang belum mempunyai perangkat laptop/komputer. jika
sudah membuat repository kita dapat menambahkan file ke dalam repo kita.

untuk menambahkan file ke dalam github ada 2 cara yaitu membuat file baru atau upload file
dari komputer.

untuk membuat file baru cukup klik link “ creating a new file “. jika sudah maka akan
muncul tampilan seperti ini
jika tampilan sudah seperti itu kalian bisa menambahkan file ke dalam github. urutan
menambahkan file
1. isikan nama file di dalam form ini lengkap dengan extensi/jenis file (.html / .css).

jika ingin menambahkan sebuah file didalam folder di dalam github bisa dengan cara
memasukan nama folder di dalam input “name your file” lalu tanda garis miring “/”
maka otomatis akan membuat sebuah folder baru, kurang lebih tampilannya seperti

dalam contoh ini saya menambahkan file di dalam folder pages.

2. jika sudah diisi nama file lanjut isi kan kode kalian yang sudah dibuat ke github.
kurang lebih seperti ini
 3. jika sudah di tambahkan kode, lanjut kita commit/simpan kode kita ke dalam git

cukup klik tombol hijau “ Commit new file”

4. dan file berhasil ditambahkan

Jika ingin menambahkan file di dalam folder kita buka dulu folder yang sudah dibuat, dalam
contoh disini saya membuat folder pages
jika sudah di klik tinggal menambahkan file seperti cara diatas / dibawah.

Jika ingin menambahkan file dari komputer kita bisa cukup drag&drop dengan cara
1. klik tombol “Add file”

2. setelah itu pilih menu “ Upload files”. menu “Upload files” artinya menambahkan file
dari komputer, sementara “create new file” artinya membuat file di dalam github.
untuk membuat file di dalam github sama seperti cara di atas

3. jika sudah maka akan muncul tampilan seperti ini, jika ingin upload file klik link
“choose your files” maka akan diarahkan ke file explorer dan pilih file yang ingin di
upload

4. jika sudah di upload file yang kita pilih silahkan klik tombol hijau “Commit changes”
 5. setelah selesai maka file akan muncul di halaman utama github.

kita bisa update atau hapus file di dalam github yaitu

1. pilih file yang ingin dihapus
2. jika sudah dipilih maka tampilan akan seperti ini

3. Di sebelah kanan ada 2 icon yaitu pen dan tempat sampah

jika kita klik icon pen maka memungkin kan kita untuk edit/modifikasi file, sedangkan
icon tempat sampah memungkinkan kita untuk menghapus file.
4. jika sudah melakukan perubahan maka kita commit/simpan dengan klik tombol hijau,
jika kita ingin membatalkan klik tombol merah
kelebihan cara ini yaitu mengoperasikannya lebih mudah tetapi ribet. cara ini cocok untuk
yang belum memiliki perangkat laptop/komputer

Cara kedua
cara ini menggunakan aplikasi git, untuk instalasi git sudah saya jabarkan di atas.
sebelumnya pastikan kita sudah membuat repository terlebih dahulu di dalam github.
urutan alur seperti ini :
1. buka folder yang berisikan tugas pemrograman web, dalam kasus ini saya sudah
menyiapkan folder yang berisi beberapa tugas dari matkul lain.

2. di dalam folder tugas kita buka git bash buat yang sudah install aplikasi git dengan
cara klik kanan mouse > pilih menu “git bash here”
3. jika dibuka maka tampilannya akan seperti ini

4. jika sudah di buka aplikasi git, saatnya menghubungkan git dengan github. caranya
buka repository yang sudah kita buat sebelumnya jalankan perintah yang ada di
bawah tulisan “create a new repository on the command line”
5. jalankan perintah tersebut di dalam aplikasi git dengan urutan seperti ini

urutan
1. git init
perintah digunakan untuk membuat repository di dalam folder
laptop/komputer kita
2. git add .
perintah ini digunakan untuk menambahkan file ke dalam git, tetapi belum
dicatat perubahannya.
3. git commit -m “pesan commit”
perintah ini digunakan untuk mencatat setiap perubahan ke dalam git. “pesan
commit” bisa di ubah sesuai perubahan yang kita lakukan.
4. git branch -M main
membuat branch main
5. git remote add origin <link repo github>
 perintah ini digunakan untuk menghubungkan git ke github. link perintah
disesuaikan dengan repo yang kita buat di dalam github, biasanya tulisannya
seperti ini

jadi disesuaikan saja

6. git push origin main
perintah ini mengirim semua kode yang ada di dalam komputer ke dalam
github
6. setelah menjalankan perintah tinggal di refresh halaman github dan kode akan
muncul

cara ini terbilang sulit, tetapi lebih fleksibel karena memiliki fungsionalitas lebih dan step
yang lebih sedikit

saran pengumpulan tugas ( optional but

recommended )
kalau bisa pembuatan repo seperti ini

tujuannya apa ? agar lebih mudah dikelola dan lebih rapi. jadi di dalam repository buat folder
sesuai nama tugas, semisal di dalam repository praktikum ada folder tugas “tugas-cv”,
“tugas-cart” dan sebagainya. jika menggunakan aplikasi git, kalian tinggal buat folder tugas
di dalam folder inti, contoh seperti ini

di dalam folder htdocs ada folder praktikum, di dalam folder praktikum ada banyak folder
tugas. misalkan ada tugas, cukup buat folder baru di dalam folder praktikum. jika sudah
selesai tinggal jalankan beberapa perintah, pertama “git add . “ lalu “git commit -m “pesan
commit” “ dan “git push -u origin main “. susunan folder ini bisa di di coba langsung di
github ya.
jika bingung bisa liat referensi disini
https://www.petanikode.com/tutorial/git/

jika masih bingung bisa chat saya di telegram

https://t.me/muharmanDika