TUGAS 1 Aplikasi Web Dinamis Lanjut Mengenal Composer dan GitHub. Disusun Oleh : JOKO PRAMANA PUTRA :

Transkripsi

1 TUGAS 1 Aplikasi Web Dinamis Lanjut Mengenal Composer dan GitHub Disusun Oleh : JOKO PRAMANA PUTRA : SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER EL RAHMA YOGYAKARTA 2016

2 POKOK BAHASAN 1. Buatlah tutorial / panduan singkat penggunaan composer pada pengembangan aplikasi webbase denganframework CodeIgniter (CI). Didalam tutorial memuat informasi : Apa itu Arranger? Mengapa harus menggunakan Arranger? Bagaimana cara instalasinya? Platform os linux or windows Misal saya mau menambah library dompdf di framework CI bagaimana caranya? Sertakan screenshotnya. 2. Buatlah tutorial / panduan singkat tentang penggunaan git versioning pada pengembangan webbase. Didalam tutorial memuat informasi : Apa itu git versioning (github)? Mengapa dalam pengembangan software pada tim kolaborasi perlu keahlian menggunakan igit versioning? Bagaimana cara membuat repository? Apa kegunaan branch? Bagaimana cara menunduh update data terbaru dari repository? Bagaimana cara memberikan komentar dan mengirim pekerjaan anda ke repository? Sertakan screenshotnya. Dikumpulkan paling lambat tanggal 16 November 2015 Jam WIB. Di elera.stmikelrahma.ac.id menu assigment web dinamis lanjut. NB : Mengutip harap menyertakan sumbernya. Copas dan atau terindikasi plagarisme tidak dinilai, tulislah dengan gaya bahasa Anda.

3 A. Apa yang dimaksud dengan Komposer? KOMPOSER Komposer adalah orang yang membuat irama edisi lagu ataupun musik aslinya dengan kreasi kita sendiri biar tambah enak/bagus/unik kedengarannya. Siapa pencipta Komposer? Nils Adermann naderman@naderman.de Twitter : Facebook : Google+ : Linkedin : GitHub : Blog : Jordi Boggiano

4 j.boggiano@seld.be Twitter : Facebook : Google+ : Linkedin : GitHub : Blog : B. Mengapa harus menggunakan Komposer? Karena komposer Dalam tutorial ini akan membahas cara install framework laravel dengan composer maupun tanpa composer. Seperti menggunakan installer laravel yang sudah disediakan oleh laravel, menggunakan via composer create-project cara ini paling banyak dipakai, menggunakan via download dan install tanpa composer dengan download laravel yang sudah siap dari pihak ketiga. C. kehadiran composer membuat ngoding php jadi lebih terstruktur dan lebih rapi. Banyak programmer terbiasa dengan bahasa pemrograman yang terstruktur, ketika pindah ke php, menemukan banyak hal yang rancu. Terutama dalam memanajemen struktur hirarki project. Sehingga membutuhkan usaha lebih untuk menerapkan konsep OOP yang baik dalam php. Bagaimana Cara Instalasi Arranger? A. Syarat Minimum a. Versi PHP Instalasi di Windows Download dan jalankan Composer-Setup.exe, maka composer versi terakhir akan diinstal sekaligus mengatur PATH, sehingga Anda dapat memanggilnya dari direktory manapun via command line. 1. Dobel klik Composer-Setup.exe >> Next

5 2. Pilih install Shell Menus >> Next

6 3. Cari lokasi file php.exe >> Open >> Next 4. Sekarang pengaturan instalasi telah siap. Dialog di bawah ini menampilkan summary pengaturan pada platform Anda, sampai di sini Anda masih bisa meninjau maupun memperbaiki pengaturan jika sekiranya diperlukan, jika dirasa sudah benar, maka >> Install,

7 Dialog dibawah ini untuk repository sendiri, composer menggunakan packagist. Di mana terdapat ribuan package dan libraries php di packagist yang kita bisa langsung gunakan hanya dengan composer. Seperti di bawah ini :

8 - Buka jendela baru cmd - Tutup semua jendela Windows Explorer,lalu buka jendela baru cmd - Logoff >> Login >> lalu buka jendela baru cmd 5. Mungkin Anda igin menutup jendela Windows Explorer yang terbuka sebelum Anda menjalankan Composer dari shell menu/menu shell. D. Bagaimana cara menggunakan composer? Misalnya kita akan gunakan composer untuk menambahkan library dompdf di framework CI, maka langkah yang perlu kita lakukan adalah :

9 1. Mencari ketersediaan composer via CLI dengan cara kita memanggil dari sembarang direktori: Jika tersedia, maka akan menampilkan logo dan menu pilihan composer, selanjutnya close CLI dan kita siap untuk menggunakannya. 2. Berikutnya kita tambahkan file arranger.json ke direktori yang kita kehendaki, misal library CI 3. Lalu kita edit arrangerr untuk menambahkan dompdf dengan cara seperti ini :

10 4. Masih dalam direktori yang sama yaitu library CI, berikutnya kita gunakan arranger dengan cara klik kanan >> Use Arranger 5. Maka secara otomatis jendela CLI akan terbuka, Selanjutnya kita tinggal jalankan saja perintah composer update untuk mengakses kompes.rjson yang telah kita edit sebelumnya, agar bisa menambahkan plugin dompdf versi terbaru, pastikan. Anda terhubung dengan internet.

11 6. Maka kita akan mendapatkan hasil seperti gambar di bawah ini (tunggu sampai proses download selesai), 7. Di dalam paket vendor mepunyai plugin dompdf merupakan komponen pendukung nya,

12 GitHub A. Apa itu Github? GitHub adalah layanan penginangan web bersama untuk proyek pengembangan perangkat lunak yang menggunakan sistem pengontrol versi Git. GitHub menawarkan paket gratis dan komersial untuk proyek sumber terbuka dan diluncurkan sejak tahun Version Control System (VCS) atau disebut juga dengan Git, adalah jantungnya GitHub yang bersifat open source, dimana bertanggung jawab atas segala sesuatunya terkait GitHub yang berjalan pada lokal komputer Anda. VCS atau Git diciptakan oleh Linus Torvalds pada tahun 2005 yang diterapkan pada versi kernel Linux. B. Manfaat menguasai keahlian git versioning Github menggunakan Git sebagai tool utama dalam merevisi code. Github menyediakan free hosting untuk proyek open source, namun Github juga menawarkan hosting berbayar untuk proyek perusahaan atau pribadi yang sifatnya privat. Github ditargetkan untuk para developer yang bekerja secara tim dan tidak disatu tempat. C. Cara membuat Repository Dalam hal ini, saya asumsikan bahwa Anda sudah memiliki akun GitHub, cara registrasinya mudah, sama halnya saat Anda registrasi pada facebook, twitter, kaskus, dll. Untuk menempatkan proyek pada GitHub, maka Anda perlu membuat repository, caranya : 1. Di sudut kanan atas ada tanda + >> klik, maka muncul menu dropdown >> klik New repository.

13 2. Buat nama repository singkat saja, agar mudah untuk diingat, misalnya "hello-elrahma" 3. Opsional, menambahkan deskripsi repository Anda, misalnya "Proyek studi ilmu komputer angkatan 2013" 4. Tentukan previlage (hak akses) untuk repository Anda, Public atau Private. Repository public adalah pilihan untuk memulai bekerja bersama pengguna GitHub lainnya, sehingga Anda bisa mendapatkan keuntungan dari kolaborasi bersama komunitas. Repository private adalah pilihan untuk memulai bekerja secara independent ataupun individu, dimana fitur yang disediakan lebih sedikit dibanding public dan Anda juga bisa menentukan kepada siapa ingin berkolaborasi. 5. Select Initialize this repository with a README

14 6. Disana ada beberapa fitur seperti commit, branch, release dan contributor, namun mari kita mulai terlebih dahulu dari apa itu branch? Branche (cabang) adalah pengaturan untuk menentukan tujuan, fungsi atau keperluan dari proyek Anda, secara default biasanya sebagai master. Anda bisa merubahnya menjadi lebih spesifik untuk keperluan lain, contoh;

15 D. Fungsi Brance Untuk mengembangkan fitur Untuk memperbaiki bug (error atau konflik) Untuk ber-eksperimen dengan ide-ide baru secara aman dan leluasa E. Cara Download Ripository

16 F. Mengirim Project Ke Repository 1. Install dan download GitHub Desktop di 2. Double klik GitHubSetup.exe, maka mucul dialog untuk meminta permisi dari Anda, setelah anda setujui, maka secara otomatis installer GitHub akan mengidentifikasi system komputer anda, kemudian melakukan instalasi secara online, tunggu sampai proses selesai

17 3. Setelah proses selesai, icon shortcut GitHub secara otomatis akan ada pada Desktop PC Anda, Double Klik icon tersebut, maka akan tampil jendela seperti ini, silakan login! 4. Setelah masuk, berikutnya kita tinggal menambahkan project CI ke repositori yang telah ada, misalnya ke dalam hello-elrahma, caranya seperi di bawah ini : 1) Secara default shell / CLI adalah Cmd (windows), silakan pilih sesuai selera >> Klik Save 2) Klik Save >> Tool and Options >> Repository settings.

18 3) Klik Remote, maka akan disediakan field kosong untuk menaruh link repository Anda, NB : Sebelum Anda menekan tombol Ok, terlebih dahulu paste HTTP clone URL pada field yang telah disediakan, adapun cara meng-copy silakan simak langkah dibawah ini: 4) Buka repository di host GitHub via browser, lalu copy HTTP clone URL,

19 5) Sekarang, akan bekerja CLI untuk mengupload project ke repository yang ada di host GitHub, caranya, Klik Tools and Options >> Open in Git Shell 6) Ketik $ git init untuk menginisialisasi project lokal di komputer Anda 7) Ketik $ git add. untuk menambahkan file ke repository lokal.

20 8) Ketik $ git commit -m "First commit", untuk mempersiapkan file yang telah Anda tambahkan ke dalam repository lokal. 9) Copy URL remote, 10) Ketik $ git remote add origin remote repository URL

21 11) Ketik $ git remote v untuk verifikasi remote, 12) Ketik $ git push origin master untuk mengeksekusi project lokal upload ke repository di host GitHub, G. Memberi Komentar di Repository 1. Pilih Menu Commit 2. Pilih initial commit

22 3. Misalnya kita akan memberikan komentar pada file projek

23 SUMBER Tentang GitHub :