Update 12/02/2020: Demi kemudahan kalian dalam menjalankan tugas lainnya di kelas, diharapkan telah mencoba tutorial singkat di bawah ini sebelum memasuki pertemuan ke-3. Terima kasih dan semangat!

Update 13/02/2020: Menambahkan penjelasan terkait dengan "Fork Repository"

Halo, selamat datang di sesi praktik kelas Desain Pengalaman Pengguna! Repository ini akan menjadi tempat kalian melihat dan mengumpulkan tugas praktik.

Target kalian dalam sesi praktik ini adalah membuat mockup dengan template berbasis bootstrap. Selama semester ini akan ada kurang lebih 7 sesi praktik yang akan kalian lalui. Without further a do, let's get started!

Ada beberapa hal yang perlu kalian persiapkan untuk praktik ini, yaitu:

1. Sudah punya akun Github? Kalau belum daftar dulu di sini ya: https://github.com/join.
2. Download dan Install Github Desktop: https://desktop.github.com/
3. Pastikan sudah memiliki code editor yang ter-instal di laptop kalian untuk mempermudah editing file bootstrap. Jika belum, kami merekomendasikan VSCode (https://code.visualstudio.com/)

Sebelum kalian melakukan hal di bawah ini, pastikan kalian telah menyelesaikan seluruh tahap persiapan. Pastikan juga Github Desktop sudah terinstal dengan baik dan sudah melakukan login menggunakan akun github kalian.

1. Melakukan Clone Menggunakan Repository DPP-2020/Welcome

   Buka Github Desktop kalian. Lalu jalani langkah berikut untuk melakukan Clone Repository

   File > Clone Repository > Pilih tab URL > Masukkan 'DPP-2020/Welcome' tanpa tanda petik di kolom Repository > Pilih Local Path dengan Folder di tempat yang paling mudah dijangkau kalian (misal. di folder perkuliahan)
   

2. Membuat File Text Baru yang Disimpan Pada Folder sesuai Kelas Kalian

   Selanjutnya buka folder tempat di mana kalian menyimpan repository ini. Lalu buatlah sebuah file notepad baru dengan format NRP_NamaLengkap_Kelas.txt pada folder sesuai dengan kelas kalian. FILE TIDAK PERLU DIISI TEXT APAPUN.

   Contoh Nama File: 05211640000999_FulanNgoding_A.txt
   Maka, simpanlah file ini di folder "Kelas A"
   

3. Melakukan Commit, Fork, dan Push

   Buka kembali Github Desktop kalian, Kemungkinan besar tampilannya akan seperti ini

   

   Kita akan melakukan Commit namun sebelumnya isikan keterangan commit kalian dengan format NRP Commit Pertama sebagai mana contoh pada gambar di atas. Deskripsi dapat dikosongkan. Lalu klik Commit to Master

   

   Selanjutnya kita akan lakukan push. Setelah kalian menekan tombol tersebut, maka akan muncul pilihan untuk melakukan Fork This Repository Klik tombol tersebut untuk melakukan penyalinan repository ke akun github kalian.

   Jika sudah menekan tombol tersebut, Cek lagi apakah masih ada tanda push, jika iya klik sekali lagi hingga muncul kembali tulisan "Fetch Origin".

   Selesai! File kalian tidak akan langsung terlihat di repository ini. Namun, file kalian seharusnya sudah terunggah pada reopsitory di akun kalian sendiri yang bisa diakses melalui (https://github.com/[usernamekalian]/Welcome). Atau kalian juga bisa melihatnya dengan mencari username kalian pada link ini: https://github.com/DPP-2020/Welcome/network/members

Eh kok di aku ada tulisan Pull ya?

Jangan khawatir, ini tandanya folder kalian sedang ingin menyesuaikan dengan file terbaru yang ada di dalam repository ini. Pull akan mendownload semua file baru yang sudah di Push oleh pengguna lain sehingga isi folder kalian tetap tersinkronisasi dengan file terbaru. Kami sarankan sebelum melakukan commit baru maka lakukanlah pull untuk memastikan tidak ada file conflict nantinya.

Sip! Itu dia tadi sekilas tentang bagaimana kamu nantinya akan menggunakan GitHub selama sesi praktik. Informasi selanjutnya terkait dengan keperluan praktik lainnya akan disampaikan melalui ketua kelas ataupun saat sesi praktik berlangsung.

Kamu bisa langsung ke mas-mas asisten praktikum DPP sesuai kelas masing-masing ya!

• DPP-A : Akrammuridjal B (2016), Dimas Rizal K. S. (2016)
• DPP-B : M. Zainuddin (2016), Darmawan Agung (2016)
• DPP-C : Darmawan Agung (2016), M. Zainuddin (2016)
• DPP-D : Muhammad Kemal (2016), Rizki Ahmad Fauzi (2016)