Tugas 1. Aplikasi Web Dinamis Lanjut. COMPOSER dan GITHUB DISUSUN : Rudi Setyawan Tehnik Informatika / malam

Transkripsi

1 Tugas 1 Aplikasi Web Dinamis Lanjut COMPOSER dan GITHUB DISUSUN : Rudi Setyawan Tehnik Informatika / malam SEKOLAH TINGGI MANAGEMEN DAN ILMU KOMPUTER STMIK EL RAHMA YOGYAKARTA

2 1. Tuorial penggunaan Composer i) Pengertian Composer Composer adalah depandency manager khusus php yang memiliki fungsionalitas seperti Ruby atau Maven (Java). Sebuah project open source yang dimotori oleh Nils Adermann dan Jordi Boggiano. Composer bisa menginstall package yang dibutuhkan, mengupdate package yang memiliki release terbaru, bahkan bisa menghapus package yang sudah tidak diperlukan. Sebagai contoh jika kita ingin mengintegrasikan PHPActiveRecord ORM ke dalam project. Sebenarnya ada banyak cara yang bisa kita gunakan bergantung framework yang kita pakai juga. Tapi jika kita menggunakan Composer, kita cukup menggunaka 3 langkah saja. Berikut penjelasannya : a) Buat Diskripsi dependency. Pada file composer.json isikan kode berikut : { require : { monolog/monolog : ~1.6 } } b) Instal dependency menggunakan Composer. Buka commandprom dan jalanka perintah berikut : getcomposer.org/installer php php composer.phar instaler Composer akan membuat folder vendor yang berisi semua dependency poject kita c) Import autoloader yang dihasilkan composer pada project Reqire vendor/autoloader.php : Dan Library eksternal sudah siap kita pakai. ii) Kelebihan Composer Dalam bahasa pemrograman php, pada setiap kali request, maka hanya ada satu file php saja yang dieksekusi. Hanya satu file saja. Dan jika kita ingin mengakses file lain yang terpisah seperti misalkan memanggil function di file lain atau membuat instan dari kelas yang filenya terpisah, maka kita perlu mengnclude atau require file yang bersangkutan sehingga seolah-olah file yang terpisah tadi jadi satu dengan file yang request user sedang mengarah kepadanya. Dengan composer dan autoload-nya serta namespace, kita bisa bebas mengakses file-file php tanpa harus ribet meng-include atau me-require semua file atau class yang kita butuhkan, autoload dari composer sudah melakukan semua itu out of the box. Sehingga oop dalam php benar-benar makes sense.

3 Selain autoload, composer sebagai dependencies atau package manager juga menyelesaikan permasalahan dependencies dalam project kita. Semisal, kita membutuhkan suatu package atau library A. Jika kita menggunakan cara konvensional, maka kita perlu mendownload package A dan meletakkannya dalam project kita, lalu untuk mengakses library tersebut, kita perlu melakukan include atau require terhadap file-file dari library A. Sekilas memang terlihat simpel, tapi, bagaimana jika library A ternyata membutuhkan library lain katakanlah library B, lantas library B juga membutuhkan library C? Kita bisa pusing sendiri. Belum lagi soal versi? Library A versi sekian membutuhkan library B versi sekian, dan library B versi sekian membutuhkan library C versi sekian. Kita benar-benar akan mendapatkan masalah yang rumit jika tidak jeli dalam mengantur dependencies dalam project kita. Dan kabar baiknya, composer hadir untuk menyederhanakan masalah tersebut! Kita cukup memasang library A dengan composer, maka semua library yang dibutuhkan oleh library A akan otomatis dipasang juga oleh composer. Dan kita juga tidak perlu repot-repot merequire atau meng-include file library satu per satu. Untuk repository sendiri, composer menggunakan packagist. Di mana terdapat ribuan package dan libraries php di packagist yang kita bisa langsung gunakan hanya dengan composer. Dan terhitung sejak bulan September 2011 hingga hari ini, terdapat lebih dari 83K packages dan lebih dari 414K versions packages yang dihost di packagist. Ini artinya, dengan composer, kita memiliki akses yang luas dan mudah untuk mendapatkan banyak package. Secara singkat composer bisa menjembatani programer dari ketergantungan defeloper pihak ketiga. Kelebihan itulah yang menjadi alasan utama kita disarankan menggunakan Composer. iii) Cara menginstal composer pada windows a) Download dahulu instaler nya. b) Lalu jalankan instaler seperti saat menginstal aplikasi lain sampai selesai, seperti gambar berikut :

4 c) Tunggu hingga proses penginstalan selesai. Perlu diingat sebelum menginstal Composer pastikan terlebih dahulu telah menginstal Wamp/Xamp atau aplikasi sejenis. Jika sudah selesai menginstal, buka commandpromp ketikkan composer, maka akan muncul tampilan seperti pada contoh diatas. Maka instalasi composer telah selesai. iv) Cara menambahkan aplikasi library dompdf pada aplikasi web. CARA PERTAMA : a) Kita masuk dulu keakun Github kita kalau belum memiliki akun github silahkan daftar ke link berikut b) Lalu cari file dompdf dan download file.rar /.zip

5 c) Lalu xtract file tersebut dan copikan pada folder library dan buat file topdf.php untuk memulai mengubah file HTML ke PDF. d) Proses penambahan dompdf telah selesai. CARA KEDUA a) Masuk ke folder yang ingin kita kehendaki, untuk kasus ini saya pindahkan folder library yang tadi ke folder lain dulu, lalu saya buat folder library lagi sebagai pengganti folder librari yang tadi. Pada folder library yang baru ini kita akan menambahkan dompdf. b) Buka application/config/config.php, ubah pada bagian composer_autoload menjadi $config['composer_autoload'] =./vendor/autoload.php c) Lalu buat file composer.json lalu tambah script berikut pada file composer.json d) Berikut script yang kita tambahkan e) Kemudian save, dan buka command promp dengan meneka tombol ctrl+shift+ klik kanan, lalu pilih open command wondows here

6 f) Lalu ketikkan perintah composer update g) Dan tunggu hingga download dan instalasi selesai h) Setelah selesai maka kita cek pada folder library akan ada folder vendor dan didalam folder vendor terdapat semua file yang diperlukan. i) Selanjutnya kita buat file topdf untuk memulai mengubah file HTML ke file PDF. j) Selesai.

7 2. Git Version (Github) a) Pengertian Github Github adalah software Hosting untuk proyek open source yang menggunakan Tool System revisi kontrol Git. Jadi Git adalah tool untuk melakukan revisi code, sedangkan github adalah webhostingnya. Mudahnya Github adalah Webhosting untuk proyek proyek software seperti Google code atau sourceforge.net. Dalam bahasa gaul, Github adalah jejaring social untuk software developer. Perbedaan Github dari Project hosting yang lain bisa kita lihat di bawah ini : a) Github menggunakan Git sebagai tool utama dalam merevisi code. b) Github menyediakan free hosting untuk proyek open source, namun Github juga menawarkan hosting berbayar untuk proyek perusahaan atau pribadi yang sifatnya privat. c) Github ditargetkan untuk para developer yang bekerja secara tim dan tidak disatu tempat. d) Github mempunyai fitur Social seperti Twitter seperti follow atau favorit (Star). e) Github mendukung semua bahasa pemrograman, anda bebas memakai bahasa dan tool yang biasa anda pakai. b) Perlunya keahlian menggunakan gitversion dalam pengembangan software : Alasan pertama kita dapat mengembangkan perangkat lunak secara team work (kolaborasi). Kedua agar pengerjaan proyek lebih cepat, efektif, efisien dan produktif. Dan yang ketiga agar mendapatkan kualitas proyek terbaik, karena setiap tim bisa saling control.itulah sebagian alasan kenapa keahlian menggunakan gitversion dalam pengembangan software sangat penting. c) Cara membuat reposity 1) Buka situs githubb Lalu Login dengan aku yang telah kita miliki. 2) Lalu pilih start a project

8 3) Kemudian isikan kolom Ropositori name, lalu ceklis pada kotak dialog Initializing the repository... > pilih create repository 4) Selamat Repository telah berhasil kita buat. d) Fungsi Branch Branch adalah pengaturan untuk menentukan tujuan, fungsi atau keperluan dari proyek Anda, secara default biasanya sebagai master. Branch memiliki beberapa kegunaan yaitu : - Untuk mengembangkan fitur - Untuk memperbaiki bug (error atau konflik) - Untuk ber-eksperimen dengan ide-ide baru secara aman dan leluasa

9 e) Cara mengunduh Update data terbaru dari repository Download secara menyeluruh dengan cara pilih Clone & Download Lalu akan muncul jendela lagi, Pilih download zip f) Cara memberikan komentar dan mengirim pekerjaan kerepositori. i) Cara memberikan komentar pada repository Pilih link commit >> initial commit Kemudian isikan komentar pada reposity tersebut lalu klik Comment on this commit

10 Sekarang komentar kita sudah ditampilkan. ii) Mengirim project ke repository a) Sebelum mengirimkan project ke repository github, kita memerlkan software tambahan, yaitu github. Silahkan download filenya. b) Setelah selesai mendownload, silahkan instal di laptop atau komputer kita, cara menginstalnya pun seperti pada aplikasi lain. c) Setelah menginstal Git, klik kanan pada layar dekstop lalu pilih Git bash here d) Akan muncul command promp / Bash tampilannya sedikit berbeda dengan yang commandpromp, Karena ini pertama kita menggunakan git bush, kita perlu mengkonfigurasi Username dan dulu. e) Sekarang kita lakukan inisialisasi ketikkan git init f) Setelahnya kita tambahkan semua file yang ada pada project kita, caranya ketikkan git add *

11 g) Sekarang kita buat commit projectnya, Dalam kasus ini saya membuat commit Command Cranya ketikakn perintah berikut Git commit m Command h) Setelah kita buat commit untuk project nya, sekarang kita remote repository yang kita buat tadi, tentunya kita menggunakan kunci HTTP yang ada pada repository tadi, Dalam hal ini saya mebuat repositori dan mendapatkan kode HTML sebagai berikut Lalu kitikkan perintah Git remote add origin i) Setelah me-remote repository kita tadi, sekarang kita pull project nya, ketikan perintsh Git pull origin master j) Terakhir kita kirim project kita ke repository kita, ketikan perintah Git push origin master. Tunggu sampai proses upload selesai.

12 k) Setelah selesai proses uploading, mari kita refres repositori kita. Pasti repositori kita akan berubah. Atau kita juga bisa langsung mengupload file dalam repository lewat web. Caranya sebagai berikut : a) Masuk ke alamat website Github.com lalu login dengan akun kita, b) Selanjutnya kita buka repository yang telah kita buat tadi, Sebagai Contoh saya memuka repository Ros c) Lalu pilih menu upload file d) Lalu klip chose your files e) Lalu pilih file yang akan kita upload kedalam repository, dalam contoh ini saya alkan meupload file coba.html

13 f) Pilih open, file html akan diupload dalam repository Ros, g) File coba.html sudah masuk dalam repositori.

14 3. Clone dan download repository a) Fork repository Fork repository berguna untuk mencopy source kode project secara legal dan aman. Mari kita coba. Kita cari repositori github.com/wahyusoft/webdinamislanjut.git Lalu pilih fork. Kemudian klik clone or download > download. zip Lalu extrac file yang kita download tadi

15 b) Cek repository Masukkan database dalam webserver, Lalu buat data basenya Lalu masukkan northwind.sql dalam database northwind lalu pilih kirim. Sekarang data dari tabel categories telah muncul pada browser. c) Menampilkan tabel product Sebelum kita bisa menampilkan tabel product, kita buat dulu file product.php lalu letakkan satu folder dengan file categories dan Database.php

16 Kemudian isi file Product.php dengan script berikut : Sekarang kita cek pada browser : Nah sudah tampil. d) Push ke repository Inputkan file Prtoduct.php pada reposity yangmkita buat tadi. Berikut link hasil nya :

17

18 Referensi: 1) 2)