STMIK ELRAHMA YOGYAKARTA

Transkripsi

1 APLIKASI WEB DINAMIS LANJUT COMPOSER DAN GITHUB Disusun Oleh : Nama : Kadaryanto NIM : Prodi : Teknik Informatika (Malam) SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER STMIK ELRAHMA YOGYAKARTA Jalan Sisingamangaraja No. 70, Karangkajen, Yogyakarta 2016

2 COMPOSER Apa itu Composer? Composer adalah Package Manager untuk PHP, seperti halnya gem pada ruby, nmp dan node.js, apt pada debian dan Ubuntu. Hal ini memungkinkan kita untuk mendeklarasikan Library yang dibutuhkan oleh proyek dan akan menghasilkan Library tersebut kedalam proyek kita. Mengapa Harus Menggunakan Composer? Kenapa harus menggunakan composer? - Membuat kita membuat kode / script (ngoding) lebih terstruktur dengan konsep MVC (Model View Controler) - Tidak perlu menginclude semua file PHP atau class pada PHP yang dibutuhkan. Sudah ada autoload yang akan menghandle fungsi tersebut. - Package yang dibutuhkan otomatis terpasang pada composer tanpa harus menginclude kan terlebih dahulu. - Dengan menggunakan packagist, kita dapat menggunakan ribuan packagist yang sudah ada di composer. Itu artinya, dengan menggunakan composer, kita memiliki akses yang luas dan mudah untuk mendapatkan banyak manfaat saat membangun sebuah website. Cara Instalasi Composer Untuk platform Windows, caranya adalah sebagai berikut : 1. Kenali terlebih dahulu spesifikasi komponen computer kita Untuk dapat menginstalasi composer, komputer harus memenuhi syarat sebagai berikut : - Memiliki PHP dengan versi atau yang lebih terbaru, - Komputer harus mempunyai koneksi Internet, - Memiliki file aplikasi composer. Kalau belum mempunyai file composer, dapat didownload di 2. Jika sudah download, maka segera instalasi dengan mengeksekusi composer tersebut. Tampilan pertama kali saat instalasi adalah : Klik Next > untuk melanjutkan instalasi.

3 3. Selanjutnya, composer akan mendeteksi lokasi php.exe berada di instalasi komputer anda. File ini terpasang pada saat anda sudah mempunyai instalasi webserver di komputer anda. Bisa xampp atau wamp, atau yang lain. Jika tidak bisa terload secara otomatis, anda dapat mencariya dengan menekan tombol Browse, dan cari lokasi php.exe berada. Kemudian klik Next > untuk melanjutkan instalasi. 4. Selanjutnya akan muncul dialog pengecekkan proxy internet. Setting ini bisa diisi ketika anda mempuyai jaringan yang harus tersetting dengan proxy agar mendapatkan koneksi ke internet. Jika tidak, dapat dikosongkan. Jika harus mengisi proxy, centang terlebih dahulu pernyataan Use a proxy server to connect to Internet, kemudian isikan dengan IP proxynta, jika tidak biarkan tidak cercentang, dan klik Next > untuk melanjutkan.

4 5. Jendela selanjutnya adalah tampilan pendeteksian versi PHP yang anda miliki. Klik Instal untuk memulai instalasi. Proses ini akan membutuhkan waktu beberapa saat. 6. Jendela selanjutnya adalah proses pnginstalan, dan download komponen yang dibutuhkan ke dalam komputer anda. 7. Jendela selanjutnya adalah perubahan pada komputer, supaya composes dapat diakses melalui command prompt (CMD).

5 Ada beberapa konfigurasi tambahan yang dilakukan oleh composer kedalam komputer anda. Contonya adalah PATH, tetapi dalam instalasi yang kami lakukan, konfigurasi tersebut tidak muncul. Semoga proses instalasi dapat berajalan sampai selesai dan tidak menemui kendala. 8. Cek composer melalui Commandprompt. Tekan Window + R pada keyboard, dan isikan CMD, kemudian enter. Setelah jenda CMD muncul, ketikkan : - Composer version Untuk melihat versi composer - Composer Untuk mengetahui composer sudah terinstal atau belum Setelah proses berjalan seperti diatas composer telah berhasil diintalasi

6 Menambah Library Dompdf Pada Xampp 1. Untuk mendapatkan library dompdf, pertama kali yang harus dilakukan adalah mengunjungi website pacakgist.org. Didalam webtersebut terdapat banyak sekali library yang dapat dimasukkan kedalam program kita. Untuk mencari dompdf, dapat dicari melalui layanan search yang terdapat pada web tersebut. 2. Setelah pencarian dompdf telah ditemukan, akan segera masuk secara otomatis kedalam halaman dompdf. Terdapat banyak varian dompdf. Dalam hal ini kita pilih dev-master. Download dengan menklik resource yang akan dilanjukan dengan download dari github. Untuk mendodownload library tersebut, harus melalui commandpromt dengan fasilitas composer kita tadi. 3. Setelah selesai download, buat direktori pada web server kita Dalam hal ini saya contohkan di c:\xampp\htdocs\ Kemudian dalam folder tersebut, buat file dengan nama composer.json, dan isikan script dibawah ini :

7 5. Setelah itu disimpan, dan eksekusi dengan CMD, masuk kedalam file tersebut, C:\xampp\htdocs\ \ composer install Proses instalasi dompdf berjalan. Instal tersebut membutuhkan file unduhan dari internet. Setalah selesai akan muncul beberapa file dalam folder

8 GITHUB Apa itu Git versioning (GITHUB)? Get Versioning (GITHUB) adalah tempat untuk menyimpan sebuah proyek bersama atau kolaborasi yang memungkinkan proyek dikembangan secara bersama sama yang menggunakan system pengontrol versi git, sehingga program dapat memungkinkan untuk berdiskusi, mengatur bugs, dan lain sebagainya. Mengapa dalam Pengembangan Software Pada Tim Kolaborasi perlu Keahlian? Dalam pengembangan memerlukan keahlian karena : - Agar kualitas pemrograman dapat diselaraskan dan dikontrol, - Agar gapat mengembangkan perangkat lunak secara kerjasama tim (kolaborasi/teamwork), - Agar dapat bekerja lebih cepat dan efektif. Cara membuat Repository 1. Login kedalam Website GItHub. Jika sudah mempunyai akun, tinggal Login, tetapi jika belum maka, diharuskan membuat akaun terlebih dahulu. Masukkan username berupa dan password jika sudah mempunyai akaun, juka belum klik Create an Account untuk membuat akaun.

9 2. Setelah Login berhasil, kan masuk pada halaman pertama dalam kronologi anda. - Read the Guid, untuk membaca manual / panduan darigithub - Start a Project. Untuk memulai project baru. 3. Untuk membuat repository, klik icon user (+) diatas dan klik New Repository 4. Jendela new repository akan muncul. Isikan beberapa kolom dibawah ini

10 5. Repository baru yang kami buat adalah bernama xdarr. Jendela selanjutnya adalah tampilan daftar nama repository yang telah dipunyai. Kegunaan Branch Branch (cabang) adalah pengaturan untuk menentukan tujuan, fungsi atau keperluan dari proyek kita, secara default biasanya sebagai master. Jika anda melakukan branch maka anda pada dasarnya membuat suatu cabang dari repository anda. Jika anda membuat perubahan dan melakukan commit pada cabang ini maka ini hanya terjadi pada cabang tersebut dan tidak akan berdampak pada cabang utama maupun cabangcabang lain yang mungkin ada. Disamping itu cabang ini nantinya bisa digabung (=merge) dengan cabangcabang yang lain atau disatukan kembali dengan cabang utama. Contoh branch yang telah kita buat tadi adalah

11 Bagaimana cara untuk update data terbaru dari repository Untuk meng-update git, kita diharuskan untuk mendownload repository secara menyeluruh dalam bentuk zip. Bagaimana cara untuk memberikan comentar dan mengirim pekerjaan anda ke repository 1. Memberikan komentar ke Repository - Klik commit pada nama Repository anda. Kemudian jendela selanjutnya akan muncul Klik pada initial commit diatas. Dan kolom untuk mengisikan komentar akan muncul pada jendela berikut ini.

12 - Kolom untuk mengisikan komentar Setelah selesai mengetik, klik comment on this commit - Komentar akan muncul sebagai berikut : 2. Mengupload ke Repository Untuk melakukan pengunggahan / mengirim ke Git, harus menggunakan GIT GUI, diperlukan GIT BASH yang perlu di download pada GIT Website - Klik kanan folder yang akan di upload ke Git, Klik kanan > Git Bash Here

13 - Kemudian muncul jendela commandprompt GIT. Ketik git init untuk menginisialisasi proyek dalam komputer anda. - Ketik git add. Untuk menambahkan file ke repository lokal - Ketik git commit m Web Dinamis Lanjut, untuk mempersiapkan file yang telah ditambahkan ke repository. - Untuk add Repository ke Git, ketik git remote add origin - Untuk memferifikasi remote, ketik git remote v - Untuk upload project kita ke git. Gunakan git pull origin master Penguploadan akan dikonfirmasi username dan password -

14 CLONE DAN DOWNLOAD REPOSITORY 1. Fork Repository Fork Repository adalah untuk meng-pull atau mencopy source code project secara legal dan aman. Kali ini kami me Fork tugas yang diberikan, yaitu wahyusoft/webdinamislanjut.git Untuk mem-fork, pada pojok kanan atas, klik fork 2. Clone dan Download Repositori Untuk menclone terdapat 2 macam cara. Bisa download langsung dengan format zip, dapat juga clone, tetapi membutuhkan software dari GIT desktop. - Untuk download secara langsung, dengan menggunakan chrome, hasil download akan terlihat pada folder download. - Ekstrack file tersebut, dan tempatkan di webserver.

15 3. Uji Repository Masukkan database / dump databse kedalam Webserver Masuk pada phpmyadmin, dan buat database nya - Kemudian import northwind.sql, kedalam databse northwind yang telah dibuat tadi. - Proses import selesai - Cek pada browser dengan mengakses file Categories.php -

16 4. Membuat File Products.php Buat file Products.php kedalam Folder webdinamislanjut - Kemudian Script untuk menampilkan Data nama Produk adalah : - Setelah selesai save, kemudian jalankan di browser dengan mengetik /webdinamislanjut/Products.php

17 5. PUSH ke REPOSITORY Push file Products ke Repository, dengan nama Branch (NIM Mahasiswa) Buat Branch baru dengan NIM Cek dalam Graph

18 SUMBER