TUGAS DPK Cara kolaborasi di Github

 

    

Cara kolaborasi di Github

Bintang Dwi Anggara Juni 05, 2024

Assalamualaikum wr wb.

Pada kesempatan kali ini, kelompok saya akan mempersembahkan sebuah tutorial untuk berkolaborasi menggunakan GitHub.

APA Definisi dari kolaborasi?

    Kolaborasi adalah proses di mana individu atau entitas bekerja sama secara aktif untuk mencapai tujuan bersama atau untuk menghasilkan hasil yang lebih baik daripada yang dapat dicapai secara individual. Ini melibatkan berbagi pengetahuan, keterampilan, sumber daya, dan tanggung jawab untuk mencapai kesuksesan bersama. Kolaborasi sering kali melibatkan komunikasi yang efektif, koordinasi, dan kerja tim yang solid. Ini dapat terjadi di berbagai konteks, termasuk di tempat kerja, dalam proyek seni atau penelitian, di antara organisasi, atau di dalam komunitas.

Apa tujuan kolaborasi?

Tujuan kolaborasi dapat bervariasi tergantung pada konteksnya, namun beberapa tujuan umumnya meliputi:

    1. Meningkatkan Inovasi: Kolaborasi memungkinkan individu atau organisasi untuk menggabungkan pengetahuan, keterampilan, dan pengalaman mereka untuk menghasilkan ide-ide baru, solusi, atau produk yang inovatif.

    2. Meningkatkan Efisiensi: Dengan bekerja sama, individu atau organisasi dapat membagi beban kerja, menghindari tumpang tindih dalam pekerjaan, dan memanfaatkan sumber daya yang ada dengan lebih efisien.

    3. Meningkatkan Keterlibatan: Kolaborasi dapat meningkatkan keterlibatan individu atau kelompok dalam sebuah proyek atau inisiatif, karena mereka merasa memiliki bagian dalam proses dan keputusan yang diambil. 

DLL. 

LANGKAH-LANGKAH:

berikut adalah langkah-langkah untuk melakukan kolaborasi menggunakan github: 

1.  Siapkan Repository:

   - Satu orang membuat repositori baru di GitHub.

   - Mereka dapat menginisialisasi repositori dengan file README atau memulai dengan repositori kosong.

   - Mereka kemudian mengundang kolaborator lain ke repositori dengan menambahkan mereka sebagai kolaborator di pengaturan repositori.

2. Clone Repository:

   - Setiap kolaborator mengkloning repositori ke mesin lokalnya menggunakan perintah git clone <repository-url>.

   - Ini membuat salinan lokal dari repositori di mesin mereka.

3. Branching:

   - Setiap kolaborator membuat cabang baru untuk pekerjaannya menggunakan perintah git checkout -b <nama-cabang>.

   - Mereka mengerjakan fitur mereka atau memperbaikinya di cabang mereka sendiri.

4. Melakukan Perubahan:

   - Kolaborator membuat perubahan pada file di repositori lokalnya.

   - Setelah melakukan perubahan, gunakan git add <nama file> dan commit menggunakan git commit -m "commit message".

5. Push Perubahan:

   - Kolaborator push branch lokalnya ke repositori jarak jauh menggunakan perintah git push origin <nama-cabang>.

   - Ini memperbarui cabang di GitHub.

6. Membuat Pull Request:

   - Setelah kolaborator menyelesaikan pekerjaannya, mereka membuat pull request (PR) di GitHub untuk menggabungkan cabang mereka ke dalam cabang utama (misalnya, main atau master).

   - Kolaborator lain dapat meninjau perubahan, memberikan masukan, dan mendiskusikan modifikasi apa pun yang diperlukan.

   - Setelah proses review, pull request disetujui dan digabungkan ke dalam cabang utama.

7. Memperbarui Repositori Lokal:

   - Kolaborator secara teratur mengambil perubahan dari repositori jarak jauh menggunakan git Fetch Origin dan kemudian menggabungkannya ke dalam cabang lokal mereka menggunakan git merge origin/main (atau cabang mana pun yang merupakan cabang utama).

8. Menangani Merge Conflict:

   - Jika beberapa kolaborator membuat perubahan pada bagian file yang sama, Git mungkin melaporkan konflik penggabungan.

   - Kolaborator menyelesaikan konflik penggabungan dengan mengedit file yang terpengaruh, menyelesaikan konflik, dan kemudian melakukan perubahan.

9. Ulangi:

   - Kolaborator terus mengerjakan fitur baru atau perbaikan di cabang mereka, mendorong perubahan, dan membuat permintaan tarik sesuai kebutuhan.

Kesimpulan

    Kolaborasi adalah proses di mana individu atau entitas bekerja sama secara aktif untuk mencapai tujuan bersama atau menghasilkan hasil yang lebih baik daripada yang dapat dicapai secara individual. Ini melibatkan berbagi pengetahuan, keterampilan, sumber daya, dan tanggung jawab untuk mencapai kesuksesan bersama, sering kali melalui komunikasi efektif, koordinasi, dan kerja tim yang solid.

    Langkah-langkah untuk melakukan kolaborasi menggunakan GitHub meliputi persiapan repositori, cloning repositori, membuat cabang, melakukan perubahan, mendorong perubahan, membuat permintaan tarik, memperbarui repositori lokal, menangani konflik penggabungan, dan terus mengulangi proses untuk pekerjaan lebih lanjut.

    Dengan menggunakan GitHub, kolaborator dapat bekerja secara efisien dalam proyek bersama, mengatur perubahan, dan menyatukan kontribusi individu ke dalam satu kesatuan yang lebih besar. Ini memfasilitasi kerja tim yang efektif, meningkatkan inovasi, dan memperkuat keterlibatan anggota tim dalam proyek.

TUGAS DPK CARA MENGGUNAKAN GITHUB REPOSITORY

Cara Menggunakan Github Repository

Bintang Dwi Anggara 
X-RPL 
Juni 05, 2024

Pendahuluan

GitHub adalah platform hosting kode atau biasa disebut dengan Repository yang memungkinkan kita untuk mengelola proyek, berkolaborasi dengan orang lain, dan melacak perubahan pada Repository. GitHub menggunakan Git, sebuah Version Control System, untuk melacak perubahan file dan memungkinkan untuk bekerja secara offline maupun online. Artikel ini akan membahas cara menggunakan Repository di Github dan penjelasan contoh program yang akan di upload di Repository tersebut

Langkah Awal Github

Membuat Akun GitHub

Jika belum memiliki akun GitHub, kita dapat membuatnya di https://github.com/ dan klik "Daftar". Masukkan nama pengguna, alamat email, dan kata sandi lalu tunggu verifikasi. Setelah membuat akun, tampilan mungkin terlihat seperti gambar berikut.

Tampilan Dashboard

Membuat Repositori Baru

Klik tombol "Create a new Repository" untuk membuat Repository baru. Jangan lupa beri nama dan status Visibilitas.

Create a New Repository

Setelah membuat Repository, tampilan akan terlihat seperti berikut.

Tampilan Repository Baru

Cloning Remote Repository

Untuk memulai menambahkan file di Repository tersebut, kita bisa gunakan command `git clone <nama-repository.git>` (Harus install Git terlebih dahulu) di terminal VSCode. Command tersebut akan membuat kloning folder Repository di device lokal.

Terminal VSCode

Mengelola Repository

Menambahkan File di Folder Repository

Setelah clone folder repository, pergi ke folder tersebut dan mulai tambahkan file yang diinginkan. Di artikel ini saya menambahkan file dari mini project program Morse Code Translator. Berikut penjelasan program tersebut.

1. index.html dan style.css, untuk user interface yang terlihat seperti gambar.

User Interface

2. Javascript, untuk fungsionalitas. Berikut penjelasan tiap blok kode Javascript.
2.1. Buat objek yang berfungsi sebagai kamus untuk menyimpan sandi Morse dan huruf-huruf yang sesuai.

const morseCode = { 
    '.-':     'A', '-...':   'B',
    '-.-.':   'C', '-..':    'D',
    '.':      'E', '..-.':   'F',
    '--.':    'G', '....':   'H',
    '..':     'I', '.---':   'J',
    '-.-':    'K', '.-..':   'L',
    '--':     'M', '-.':     'N',
    '---':    'O', '.--.':   'P',
    '--.-':   'Q', '.-.':    'R',
    '...':    'S', '-':      'T',
    '..-':    'U', '...-':   'V',
    '.--':    'W', '-..-':   'X',
    '-.--':   'Y', '--..':   'Z',
    '.----':  '1', '..---':  '2',
    '...--':  '3', '....-':  '4',
    '.....':  '5', '-....':  '6',
    '--...':  '7', '---..':  '8',
    '----.':  '9', '-----':  '0',
    '/':      ' '
};

2.2. Dapatkan elemen textarea HTML dan pasangkan event 'input' untuk menjalankan suatu function.

const morseInput = document.getElementById('morseInput');
const textInput = document.getElementById('textInput');
morseInput.addEventListener('input', inputMorse);
textInput.addEventListener('input', inputText);

2.3. Buat function untuk mengkonversi sandi morse menjadi teks. Dan juga tambahkan validasi input sandi morse, bila sandi tidak ada di dalam object morseCode, beri/hilangkan suatu class di elemen tertentu.

const spanElement = document.querySelector('.inputs.area span');

function morseToText(morse) {
    const morseArr = morse.split(" "); // to Array

    // Add Error Warning
    const isValid = morseArr.every(morse => morseCode[morse] || morse === "");
    spanElement.classList.toggle('valid', isValid);
    morseInput.classList.toggle("inputWarn", !isValid);

    return morseArr.map(morse => { // create morse
        return morseCode[morse] ? morseCode[morse] : '';
    }).join("");
}

2.4. Buat function untuk mengkonversi teks ke sandi morse. Gunakan for in looping untuk iterasi object morseCode dan cek apabila char/huruf ada di morseCode. Jika ada, return sandi morsenya.

function textToMorse(text) {
    return text.split("") // to Array
               .map(char => { // create morse
                   for (let morse in morseCode) {
                       if (morseCode[morse] === char) return morse;
                   }
                   return char;
                 }).join(' '); // join morse
}

2.5. Function yang dipasangkan ke elemen textarea pada event 'input'. Sederhananya, function mendapatkan attribute value dari textarea lalu "membersihkan" input/value menggunakan method trim() dan replace() dengan regex yang otomatis menghilangkan spasi lebih/mengubah tanda "-" menjadi "_".

function inputMorse() {
    const morseStr = morseInput.value
                               .trim() // Remove Trailing Whitespace
                               .replace(/\s+/g, " ") // Remove Extra whitespaces
                               .replace(/_/g, "-"); // convert "_" to "-"
    textInput.value = morseToText(morseStr);
}

function inputText() {
    const textStr = textInput.value // Get Value
                             .trim() // Remove Trailing Whitespace
                             .replace(/\s+/g, " ") // Remove Extra whitespaces
                             .toUpperCase(); // Uppercase str
    morseInput.value = textToMorse(textStr);
}

2.6. Function untuk button yang membersihkan value dari kedua textarea.

const clearBTN = document.getElementById('clear');
clearBTN.addEventListener('click', () => {
    textInput.value = "";
    morseInput.value = "";
});

2.7. Function untuk menjalankan audio pada sandi morse.

const dotSound = new Audio('./Audio/dot.mp3');
const dashSound = new Audio('./Audio/dash.mp3');
const playMorseBTN = document.getElementById('playSound');
playMorseBTN.addEventListener('click', () => {
    playMorseSound(morseInput.value);
});

let timeout;
function playMorseSound(morse) {
    clearInterval(timeout);

    const playSymbol = (symbol) => {
        switch (symbol) {
            case '.':
                dotSound.play();
                break;
            case '-':
            case '_':
                dashSound.play();
                break;
            case '/':
                setTimeout(() => {}, 1000);
                break;
            default:
                // spaces
                break;
        }
    };

    let index = 0;
    timeout = setInterval(() => {
        if (index < morse.length) {
            playSymbol(morse[index]);
            index++;
        }
    }, 300)
}

Add dan Commit

Sesudah menamahkan file yang ingin ditambahkan. Gunakan perintah 'git add .' untuk menambah semua file yang ada di folder/directory ke commit selanjutnya. Commit adalah proses menyimpan perubahan pada riwayat project. Lalu perintah 'git commit -m "<Tambahkan Pesan>"' untuk melakukan commit.

git add/commit

Push ke Github

Kemudian, gunakan perintah 'git push' untuk menyimpan perubahan (yang ada di commit) ke remote Repository (Github). Kalian bisa langsung melihat perubahannya di github repository masing-masing. Selain itu, ada perintah 'git pull' yang merupakan kebalikan dari 'git push' dimana perintah ini mengambil dan mengintegrasikan perubahan dari remote Repository (Github) ke dalam local Repository.

git push

Kesimpulan

Jadi secara simple, langkah menggunakan git meliputi clone > tambahkan/edit file > add > commit > push. Lalu untuk mengambil perubahan terbaru di repositori remote gunakan git pull. Selain itu ada perintah lain seperti branch untuk membuat branch baru sehingga kita bisa "otak-atik" kode tanpa memengaruhi source code/kode utama, checkout untuk berpindah branch, dan lain sebagainya.