TUGAS 1 WEB DINAMIS LANJUT Nama : Parisaktiana Fathonah NIM : 12131276 Link : https://github.com/fathonah/wdl12131276 1. Composer a. Pengertian Composer Composer adalah package manager untuk php. Hal ini memungkinkan kita untuk mendeklarasikan library yang dibutuhkan oleh proyek dan akan meng-installkan library tersebut ke dalam folder proyek kita. b. Alasan harus menggunakan composer Dengan menggunakan composer, kita tidak perlu lagi menulis ulang program yang sudah kita buat sebelumnya. Contohnya, jika kita ingin membuat sebuah modul autentikasi (Login, Logout, Register, dan sebagainya) kita tidak perlu membuatnya, kita tinggal menggabungkan modul autentikasi yang telah dibuat oleh orang lain ke dalam aplikasi kita, sehingga akan memudahkan kita dalam menyelesaikan program. c. Cara Instalasi Composer pada Windows 1) Download installer composer 2) Setelah aplikasi ter-download, lakukan double click pada aplikasi untuk menginstallnya. Kemudian klik Run. 1
3) Kemudian klik Next-Next sampai selesai seperti Anda menginstall aplikasi windows lainnya. 4) Mungkin yang perlu diperhatikan adalah pada bagian lokasi php Anda, sesuaikan dengan settingan komputer Anda. 5) Setelah ter-install, anda tinggal buka command prompt dan ketik: composer untuk melihat apakah composer sudah terinstall. 2
d. Cara menambah library dompdf di framework CI 1) Buat sebuah file dengan nama composer.json di folder project kita. Misalkan C:\xampp\htdocs\awdl 2) Buka application\config\config.php, ubah pada bagian $config $config['composer_autoload'] = '/vendor/autoload.php'; 3) Buka file composer.json yang ada di project kita 4) Buka file composer.json dengan notepad++ dan ubah menjadi seperti di bawah ini { "name" : "html2pdf/codeigniter", "require": { "dompdf/dompdf": ">=0.6.1" } } 5) Masuk command prompt dan jalankan perintah composer update. Tunggu hingga 100%. 6) Dompdf berhasil terinstall dengan cara cek pada vendor. 7) Selanjutnya membuat sebuah class library yang dipanggil controller untuk mencetak dokumen PDF. Buat class baru dengan nama PdfGenerator pada folder application\libraries dan masukkan kode seperti di bawah ini: <?php class PdfGenerator { public function generate($html, $filename) { define('dompdf_enable_autoload', false); require_once("./vendor/dompdf/dompdf/dompdf_config.inc.php"); }?> $dompdf = new DOMPDF(); $dompdf->load_html($html); $dompdf->render(); $dompdf->stream($filename.'.pdf',array("attachment"=>0)); } 3
2. Git Versioning (GitHub) a. Pengertian git versioning (GitHub) Github adalah server repository git. GitHub merupakan layanan berbasis web hosting untuk proyek-proyek pengembangan perangkat lunak yang menggunakan sistem kontrol revisi Git. GitHub menawarkan rencana dibayar untuk repositori pribadi, dan akun gratis untuk proyek-proyek open source. b. Alasan dalam pengembangan software pada tim kolaborasi perlu keahlian menggunakan git versioning Ketika tampilan sudah jadi dan sudah dikerjakan oleh web programmer, ternyata desainya ada yang kurang sempurna karena ada kesalahan. Dalam kasus tersebut web designer harus membetulkan desain tersebut. Untuk kolaborasi antara web designer dan web programmer biasanya sebuah tim menggunakan software seperti Git, jadi perubahan-perubahan yang sudah dilakukan oleh designer di push dengan Git, agar nanti jika terjadi kesalahan lagi tidak sulit untuk mengelolanya. Jadi web designer juga harus memahami penggunaan software seperti Git. c. Cara membuat repository 1) Buka https://github.com lalu daftarkan diri kita jika belum mempunyai akun 2) Download aplikasi git dan lakukan instalasi dengan klik Run 4
3) Kemudian klik Next-Next sampai finish 5
6
7
4) Klik install kemudian tunggu sampai selesai, klik Finish. 8
5) Klik +New Repository 6) Kemudian beri nama repository pada Repository Name 7) Isi deskripsi pada Description 8) Kemudian setting public atau private 9) Centang juga pada bagian Initialize this repository with a README 10) Selanjutnya klik button Create repository 11) Jika repository berhasil dibuat maka akan di berikan akses HTTP/SSH pada bagian pojok kanan bawah. https://github.com/fathonah/awdl.git 9
12) Setelah repository berhasil dibuat kemudian upload folder projectnya 13) Klik kanan pada folder project kemudian klik Git Bash Here 14) Maka otomatis akan muncul tampilan command prompt (CMD) 15) Langkah selanjutnya adalah melakukan inisiasi. Ketikkan Git init 16) Kemudian tambahkan semua file yang ada di folder project. Ketikkan Git add * 17) Kemudian buat commit projectnya, misalkan disini saya beri commit versi 1.0.0. Ketikkan Git commit m versi 1.0.0 18) Setelah commit projectnya di buat, kemudian remote repository yang sudah dibuat dengan menggunakan kunci HTTP 10
19) Kemudian pull projectnya setelah remote repository. Ketikkan Git pull origin master 20) Selanjutnya mengirim prijectnya ke repository yang sudah di buat. Ketikkan Git push origin master. d. Kegunaan Branch Jika anda ingin menambahkan suatu fitur, namun anda tidak mau kode yang ada sekarang rusak karena fitur yang akan anda tambahkan masih belum stabil, Dalam Git anda dapat membuat branch terlebih dahulu. Branch ini bisa diartikan sebagai cabang dari branch master. segala perubahan yang anda lakukan pada branch yang anda buat tidak akan berpengaruh pada branch lainnya. e. Cara mengunduh update data terbaru dari repository 1) Masuk ke repository yang akan di unduh 2) Klik button Download ZIP di bagian pojok kanan bawah 3) Selanjutnya save f. Cara memberikan komentar dan mengirim pekerjaan ke repository dengan cara mengetikkan perintah Git commit m versi 1.0.0. Setelah commit projectnya di buat, kemudian remote repository yang sudah di buat dengan menggunakan kunci http. Selanjutnya, pull projectnya setelah remote repository. 11
3. Push dari origin ke master: Referensi http://www.jurnalweb.com/tutorial-cara-menginstall-composer-di-windows-linux-mac/ http://www.klikartikel.com/2015/11/cara-install-composer-di-sistem-operasi.html http://wacana.siap.web.id/2014/02/pengertian-github-serta-cara-mengupload-project.html# http://her0satr.staff.ub.ac.id/2012/11/github-apa-itu-fungsi-dan-manfaat-github/ http://zoitsdika.blogspot.co.id/2015/06/web-desain-softkill.html 12