TUGAS 1 COMPOSER DAN GITHUB Guna memenuhi Tuags 1 mata kulah Aplikasi Web Dinamis Lanjut
Di susun oleh : Septiyawan Nifthoh Syafi’i ( 12141383 )
Program Studi Teknik Informatika – s1 SEKOLAH INGGI MANAGEMEN INFORMATIKA DAN KOMPUER EL RAHMA YOGYAKARTA 2016
Composer A. Apa itu composer.? Composer adalah dependency manager khusus PHP yang memiliki fungsionalitas seperti Gem (Ruby) atau Maven (Java). Anda bisa menginstall suatu library melalui composer dan composer akan secara otomatis menginstall library lain yang dibutuhkan, tanpa perlu mendownload satu persatu. Mirip dengan apt get install di sistem operasi linux. B. Mengapa harus menggunakan composer? Composer adalah sebuah project open source yang dimotori oleh Nils Adermann dan Jordi Boggiano. Project composer ini dihost di github (https://github.com/composer/composer) tercatat sejak tanggal 3 April 2011 dan masih aktif sampai sekarang. 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. Hal ini bisa terjadi karena – seperti yang kita tahu– , bahwa 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 meng-include 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 filefile 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.
C. Bagaimana Cara Instalasinya Platform Menggunakan Windows Instalasi composer dapat dilakukan dengan beberapa langkah mudah, yaitu: 1. Download file installer
Download file installer composer dengan mengakses link: https://getcomposer.org/Composer-Setup.exe, atau kunjungi halaman download resminya: https://getcomposer.org/download/. 2. Jalankan file installer Selanjutnya, jalankan file installer tersebut Penting: Saat proses instalasi, kita harus terhubung dengan internet, karena selama proses tersebut, installer akan mendownload composer dan beberapa komponen yang diperlukan. Dengan langkah – langkah : 1. Pertama tama akan muncul Halaman Awal Instalasi, klik Next >.
2. Selanjutnya kita akan diminta untuk menentukan lokasi file php (file php.exe) yang akan digunakan pada command line (PHP CLI- Command Line Interface). File tersebut biasanya berada di dalam folder php. Jika sobat menggunakan XAMPP, misal E:\xampp, maka lokasi file ini ada di dalam E:\xampp\php, contoh E:\xampp\php\php.exe
Klik Next >Selanjutnya Composer akan mengetes apakah php dapat di load/jalankan dengan baik.
NOTE: jika terjadi error, silakan dibaca solusinya dibagian bawah: III. Mengatasi Error Saat Install Composer: PHP Startup: Unable to load dynamic library 3. Selanjutnya tentukan apakah koneksi internet menggunakan proxy. Misal seperti pada sebuah kantor dimana koneksi internetnya terpusat pada proxy tertentu. Jika menggunakan proxy, centang pilihan “Use a proxy server to connect to internet” dan tulis alamat proxy tersebut beserta portnya, misal: 12.13.65.250:8080
Klik Next > 4. Muncul jendela review settings yang akan dijalankan, klik Install untuk melanjutkan.
5. Installer akan mendownload Composer dan komponen terkait kemudian menginstall nya pada komputer
6. Terdapat jendela pemberitahuan bahwa telah terjadi perubahan pada windows environment, perubahan ini dimaksudkan agar composer dapat dijalankan pada command prompt.
Ada dua variabel yang ditambahkan pada sistem environment, yaitu:
Pada bagian “User variables” yaitu variabel PATH dengan value lokasi binary composer (C:\Users\agusph\AppData\Roaming\Composer\vendor\bin) Bagian System Variables yaitu pada variable Path dengan value lokasi file php.exe (E:\xampp\php)
7. Proses instalasi selesai, klik Finish untuk menutup jendela instalasi.
8. Selanjutnya tes apakah composer sudah terinstall dengan baik. Buka command prompt dan jalankan perintah composer --version, jika berhasil, maka akan muncul tampilan seperti gambar berikut:
3. Cara Menggunakan Composer di Windows Setelah berhasil meng install composer di windows, masalah berikutnya bagi para pengguna baru adalah bagaimana cara menggunakannya, terutama pendefinisian direktorinya, nah berikut ini akan kita bahas bagaimana cara menggunakan composer di windows.
Composer bekerja pada direktori dimana command prompt dijalankan, misal ketika kita ingin menginstall atau mengupdate package pada direktori “E:\xampp\htdocs\minify\src” maka kita arahkan cursor ke direktori tersebut. Contoh kali ini kita akan menginstall package PHP Minify yang digunakan untuk mengkompres file javascript dengan php: 1. Buka command prompt dan arahkan cursor ke direktori dimana kita akan menginstall aplikasi/package tersebut, misal di E:\xampp7.0.6\htdocs\minify\src, 2. Setelah itu kita jalankan perintah composer require matthiasmullie/minify. Perintah untuk sudah di sediakan oleh penulisnya, kita tinggal menggunakannya saja. Pada contoh kali ini command yang kita gunakan terdapat pada halaman depan PHP Minify. Tunggu beberapa saat (cukup lama) hingga proses selesai:
3. Untuk memastikan proses instalasi berhasil, buka folder dimana kita menginstall package
Cara Menggunakan Composer Dengan Proxy Jika koneksi internet yang kita gunakan menggunakan proxy, misal pada gedung atau kantor dimana koneksi internetnya terpusat dengan proxy tertentu, maka kita harus melakukan penyesuaian pada command prompt
Caranya, sebelum menggunakan composer, jalankan perintah set http_proxy:nama_proxy:port atau set http_proxy:nama_proxy:port misal: https_proxy:10.20.2.263:8080
Mengatasi Error Saat Install Composer di Windows: PHP Startup: Unable to load dynamic library Terkadang proses install composer tidak berjalan dengan lancar, alias terjadi error, pesan error yang sering ditemui adalah “PHP Startup: Unable to load dynamic library…”
Error ini terjadi ketika composer melakukan pengetesan menjalankan php via command line, module yang akan digunakan oleh PHP tidak dapat di load. Nama Module yang akan digunakan ini terdapat pada file konfigurasi php (php.ini) Untuk mengatasi hal ini, langkah yang diperlukan adalah: 1. Buka file php.ini, yang biasanya terletak pada folder php, jika sobat menggunakan xampp maka file ini akan terletak di folder “xampp\php” 2. Selanjutnya cari kata kata extension_dir, perhatikan nilainya biasanya berupa relative path, misal “\xampp\php\ext”, perbaiki path tersebut dengan mengubahnya menjadi absolute, misal “E:\xampp\php\ext”
3. Selain itu cari semua path (ctrl+f) yang mengandung kata xampp seperti include_path, dll kemudian ubah menjadi absolute. 4. Simpan kembali file php.ini dan ulangi kembali proses instalasi Cara Mengubah Path PHP Pada Composer Setelah menginstall composer, terkadang dikemudian hari kita mengupdate versi PHP dan ingin menyesuaikannya pada composer. Untuk mengupdate php yang digunakan oleh komposer, caranya: 1. Buka Windows Environment: klik kanan pada pada my computer, pilih properties. Selanjutnya pilih Advanced system settings dan klik Environment Variables…
2. Pada bagian System variables, pilih variabel Path kemudian klik edit. Cari path PHP yang kita gunakan pada composer sebelumnya, kemudian ubah path tersebut sesuai keinginan, misal yang sebelumnya “E:\xampp\php” saya ubah menjadi “E:\xampp7\php”
Klik OK untuk menyimpan perubahan 3. Tes apakah perubahan tersebut berhasil. Jalankan perintah composer --version, jika berhasil maka akan muncul versi dari composer. 4. Namun, jika terdapat pesan error, bisanya: “PHP Startup: Unable to load dynamic library…”, maka ulangi bagian III. Mengatasi Error Saat Install Composer di Windows: PHP Startup: Unable to load dynamic library Cara menamah library dompdf 1. berikutnya kita tambahkan file composer.json ke direktori yang kita kehendaki, misal library CodeIghniter
5. Lalu kita edit composer untuk menambahkan dompdf dengan cara seperti ini :
6. Masih dalam direktori yang sama yaitu library CI, berikutnya kita gunakan composer dengan cara tekan tombol ctrl+shift+klik kanan >> open command window here
Maka secara otomatis jendela CLI akan terbuka, 7. Berikutnya kita tinggal ketik saja perintah composer update untuk mengakses composer.json yang telah kita edit sebelumnya, agar bisa menambahkan plugin dompdf versi terbaru, pastikan Anda terhubung dengan internet.
Maka, kita akan memperoleh hasil seperti di bawah ini (tunggu sampai proses download selesai)
Di dalam paket vendor terdapat plugin dompdf beserta komponen pendukungnya,
GITHUB A. Apa itu git versioning (github)? GitHub adalah layanan repository (penyimpanan) project berbasis web, guna membangun perangkat lunak secara kolaboratif bersama komunitas. Lebih dari 29 proyek dan 11 juta orang telah bergabung di dalamnya, mereka bersama pengembang lainnya dapat menemukan, menggunakan dan berkontribusi dengan alur kerja yang kuat. 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. Mengapa dalam pengembangan software pada tim kolaborasi perlu keahlian menggunakan git versioning?
Agar kita dapat mengembangkan perangkat lunak secara team work (kolaborasi)
Agar pengerjaan proyek lebih cepat, efektif, efisien dan produktif
Agar mendapatkan kualitas proyek terbaik, karena setiap tim bisa saling kontrol
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 : a. Masuk ke Situs resminya GitHub menggunakan browser kesukaan anda dengan mengetikan di url https://github.com/
Maka akan muncul tampilan awal sebagai berikut :
b. Di sudut kanan atas ada tanda + >> klik, maka muncul menu dropdown >> klik New repository
c. Klik Create repository.
Anda sudah memiliki respository
d. Disana ada beberapa fitur seperti commit, branch, release dan contributor, namun mari kita mulai terlebih dahulu dari apa itu branch? Branch (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;
C. Fungsi Branch
Untuk mengembangkan fitur
Untuk memperbaiki bug (error atau konflik)
Untuk ber-eksperimen dengan ide-ide baru secara aman dan leluasa
Cara Download Repository
Download Repository secara menyeluruh
Mengirim Project ke Repository 1. Download dan Install GitHub Desktop di https://desktop.github.com/ 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.
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. Configurasi Git, lalu Lanjutkan
5. Setelah berhasil masuk, berikutnya kita tinggal menambahkan project CI ke repositori yang telah ada, misalnya ke dalam “wawan-septiyawan”, caranya sebagai berikut : a. Secara default shell / CLI adalah Cmd (windows), silakan pilih sesuai selera >> Klik Save
Berikutnya lakukan remote untuk repository yang telah dibuat di server GitHub misal “wawan-septiyawan”, melalui link repository, selengkapnya silakan simak langkah berikut ini:
b. Klik kanan pada project klik "Git Bash".
c. Kemudian akan muncul command prompt / CMD
d. Ketikan Git config --global user.name "username anda"
Setelah itu ketkan pula Git config --global user.email
[email protected] (email anda sendiri) e. Setelah melakukan konfigurasi username dan email, sekarang kita lakukan inisiasi, ketikan “git init” tanpa tanda kutip
f. Kemudian kita tambahkan semua file yang ada dalam folder project kita, ketikan “git add *” tanpa tanda petik
Lalu ketikan “git commit -m “aplikasi web dinamis” (tanpa tanda petik) untuk konfigurasi commit projectnya. g. 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, kalo ane kan tadi https://github.com/WawanSeptiyawan45/Wawan-septiyawan.git, ketikan “Git remote add origin https://github.com/WawanSeptiyawan45/Wawanseptiyawan.git” tanpa tanda petik
h. Setelah me-remote repository kita tadi, sekarang kita pull project nya, ketikan “Git pull origin master” tanpa tanda petik
i. Terakhir kita kirim project kita ke repository kita, ketikan “Git push origin master” tanpa tanda petik
Penting : User name harus diisi dahulu dan nanti akan muncul note/perintah untuk memasukkan password juga
Memberi Komentar 1. Pilih menu commint
2. 2.
2. Pilih First Commints
Klik Changed files untuk meminimize file yang terbuka, sehingga memungkinkan Anda untuk melihat seluruh file yang ada di dalam repository tanpa banyak melakukan scroll.
Menambah komentar dengan menekan tanda + pada bagian commints , “Seru belajar GitHub”
CLONE DAN DOWNLOAD RESPOSITORY 1. Fork 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 https://github.com/wahyusoft/webdinamislanjut.git
- Klik Clone or Download >> Open in Desktop >> Launch Application. - Muncul dialog untuk menentukan lokasi direktori, saya masukkan di xampp.
-
Clone Download
- Clone Download yang telah di download tadi pada GitHub desktop.
Uji cara kerja repository di lokal PC Saya asumsikan bahwa database northwind telah terinstall di PC Anda. Selanjutnya kita running file Category.php via xampp.
Buat file baru, termasuk classnya Pada tahap ini kita diminta membuat file Products untuk menampilkan data products yang ada di database northwind. Maka langkah yang perlu kita lakukan adalah copy dan modifikasi file Category.php. Saya copy file Category dan rename menjadi “Products”, berikut modifikasinya:
private $tablename; public $db;
public function __construct(){ $this->tablename= "products"; $this->db = Database::getInstance()>getConnection(); } public function lisProduk(){ $result = $this->db->query("SELECT * FROM ".$this>tablename); return $result; }
Sekarang kita uji file modifikasi (Products.php) }
$produk = new Products(); $result=$produk->lisProduk(); $data='
Data Produk
'; $data.='
'; while($row = $result->fetch_object()){ $data .= '- '.$row->ProductName.'
';
Push file baru ke repository Pada tahap ini kita diminta push file products ke repository, tapi dengan syarat membuat branch baru bernama NIM masing-masing. a. Buka Aplikasi Desktop GitHub >> Pilih repository webdinamislanjut b. Membuat branch baru terlebih dahulu dengan nama NIM masing-masing. Pastikan Anda telah beralih ke branch baru, https://github.com/WawanSeptiyawan45/Wawan-septiyawan.git >> Graph >> Network atau Member.
REFERENSI 1. 2. 3. 4. 5. 6. 7. 8. 9.
http://www.hakkoblogs.com/2015/01/cara-menggunakan-github-danmengupload.html#.WAj87DVM2NA https://danangindrak.wordpress.com/2012/12/23/membuat-dan-menggunakan-repositorydi-github/ http://www.ariona.net/belajar-git-yuk/ http://www.dumetschool.com/blog/Apa-Itu-Composer http://www.klikartikel.com/2015/10/dasar-pembuatan-website-dengan.html http://rikysunandi.com/cara-install-composer-di-unix-linuxmac http://jagowebdev.com/cara-install-menjalankan-composer-di-windows/ https://twitter.com/naderman https://twitter.com/seldaek
