Pengelanan Composer dan Git Versioning

TUGAS 1 APLIKASI WEB DINAMIS LANJUT

“ Pengelanan Composer dan Git Versioning”

Nama

:

Kamini

Nim

:

12131267

Prodi

:

Teknik Informatika

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER EL RAHMA YOGYAKARTA 2016

1) Buatlah tutorial atau panduan singkat penggunaan composer pada pengembangan aplikasi. Didalam tutorial memuat :

A. Apa Itu Composer? Composer merupakan (tools) project open source yang dimotori oleh Nils Adermann

dan

Jordi

Boggiano.

Project

composer

ini

dihost

di

github

(http://github.com/composer/composer) sejak 3 April 2011 dan aktif sampai sekarang. Composer ialah dependency manager atau package manager di PHP. Dengan menggunakan composer, developer tidak perlu lagi membuat sebuah program secara berulang – ulang atau bahkan tidak perlu membuatnya sama sekali. Misalnya kita membutuhkan suatu package atau library A maka 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 merequeri atau meng include file library satu persatu. Jadi intinya composer adalah sebuah kumpulan fungsi program yang di jadikan kedalam sebuah paket.

B. Mengapa Harus Menggunakan Composer? Karena dengan composer membuat ngoding php jadi lebih terstruktur, lebih rapi, dan menghemat waktu. 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 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 benarbenar makes sense. Selain autoload, composer sebagai dependencies atau package manager juga menyelesaikan permasalahan dependencies dalam project kita

C. Bagaimana Cara Instalasinya? Platform Os Linux Or Windows Cara instalasi composer pada windows (7) sebagai berikut : 1. Masuk

ke

situs

composer

download Composer-Setup.exe

https://getcomposer.org/download/

dan

2. Jalankan file installer yang telah di download tadi dengan lakukan double klik pada file composer-setup.exe lalu klik Run

3. Pertama tama akan muncul Halaman Awal Instalasi, klik Next Nb: Saat proses instalasi, kita harus terhubung dengan internet, karena selama proses tersebut, installer akan mendownload composer dan beberapa komponen yang diperlukan.

4. 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 kita menggunakan WAMP, misal C:\WAMP, maka lokasi file ini ada di dalam C:\wamp\bin\php\php5.4.12\php.exe

C:\wamp\bin\php, contoh

klik next 5. Selanjutnya tentukan apakah koneksi internet menggunakan proxy. Misal seperti pada sebuah kantor dimana koneksi internetnya terpusat pada proxy tertentu.

jika tidak klik next 6. Selanjutnya muncul jendela review settings yang akan dijalankan, klik Install untuk melanjutkan.

7. Installer akan mendownload Composer dan komponen terkait kemudian menginstall nya pada computer

8. Terdapat jendela pemberitahuan bahwa telah terjadi perubahan pada windows environment, perubahan ini dimaksudkan agar composer dapat dijalankan pada command prompt.

lalu klik next 9. Proses instalasi selesai , klik finish

10. Selanjutnya tes apakah composer sudah terinstall dengan baik. Buka command prompt dan jalankan perintah “composer” , jika berhasil, maka akan muncul tampilan seperti gambar berikut:

D. Missal Saya Mau Nenambah Library Dompdf Pada Aplikasi Web Bagaimana Caranya? Dompdf adalah sebuah library yang digunakan dalam framework CI dan berfungsi untuk mengubah sebuah dokumen HTML menjadi PDF. Nah mari kita menambahkan library dompdf di framework CI.

 Langkah pertama adalah kita buat file baru dengan nama “composer.json” kemudian simpan di folder pojek kita. Misalnya “C:\xamp\www\projek”  Selanjutnya

Buka

“application/config/config.php”,

“composer_autoload”

menjadi

ubah

pada

$config['composer_autoload']

bagian =

‘./vendor/autoload.php’;

 Setelah itu buka file composer.json yang kita buat tadi. Kemudian ketikkan code seperti berikut

 Selanjutnya buka cmd (command prompt), lalu masuk ke folder project kita, kemudian ketikkan “composer update”, dalam hal ini koneksi internet haru ada karena kita akan mendownload semua library di internet (dompdf)

Saat composer melalukan update ini yang akan diperoleh

 Setelah berhasil masuk ke projek kita kemudian ketikkan “composer update” tunggu sampai proses download berhasil 100%

Disini library dompdf telah berhasil di download, berikut isi dalam folder “vendor"

 Nah setelah dompdf terpasang di framework kita, maka dompdf siap digunakan yaitu mengubah file HTML ke PDF. Untuk memulainya silahkan buat file “toPDF.php”, lalu ketikkan code dibawah ini kemudian simpan di folder “\projek\application\libraries”

2) Buatlah tutorial atau panduan singkat tentang penggunaan git versioning pada pengembangan webbase. Didalam tutorial memuat : A. Apa Itu Git Versioning (Github)?  Git adalah tools yang berfungsi sebagai Version Control System (VCS) atau sebuah sistem pelacak perubahan pada file. Git sendiri dibuat oleh orang yang menciptakan Kernel Linux yaitu Linus Torvalds (2005). Pada awalnya Git digunakan untuk membantu pengembangan Kernel Linux sebelum akhirnya dipakai lebih luas di berbagai pengembangan software lainnya dan dibuat multi-platform sehingga tersedia di hampir semua OS. Selain Git ada beberapa alternatif lain dari sistem VCS, contohnya: Subversion, Mercurial, CVS, dll.  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 B. Mengapa Dalam Pengembangan Software Pada Tim Kolaborasi Perlu Keahlian Menggunkan Git Versioning?  Karena dengan git versioning kita dapat mengembangkan perangkat lunak secara team work (kolaborasi) dengan developer yang lain  Karena dengan git versioning pengerjaan proyek lebih cepat, efektif, efisien dan produktif  Agar mendapatkan kualitas proyek terbaik, karena setiap tim bisa saling control karena setiap perubahan pada source-code akan terlacak pesan perubahannya, apa saja yang diubah, siapa yang mengubah dan kapan waktunya. Untuk mengatur versi dari source code, menambahkan tanda/checkpoint ketika terjadi perubahan pada kode kita. C. Bagaimana Membuat Repository? Untuk membuat repository kita harus sudah mendaftar dan memiliki akun Github, tempat atau wadah untuk menyimpan projek kita di Github adalah repository. Cara membuat repository adalah sebagai berikut : 1. Pada sudut kanan atas halaman profil github ada tanda

+, kita klik lalu akan

muncul menu dropdownklik New Repository

2. Isikan nama pada kolom Repository name, disini saya buat “hello kamini” 3. Lalu pada kolom Description(opsional) adalah tempat menambahkan deskripsi repository kita, misalnya “Project study Teknik Informatika el rahma angkatan 2013”

4. Tentukan previlage (hak akses) untuk repository kita, Public atau Private.  Repository public adalah pilihan untuk memulai bekerja bersama pengguna GitHub lainnya, sehingga kita bisa mendapatkan keuntungan dari kolaborasi bersama komunitas.  Repository private adalah pilihan untuk memulai bekerja secara independent ataupun individu, dimana fitur yang disediakan lebih sedikit disbanding public dan kita juga bias menentukan kepada siapa ingin berkolaborasi. 5. Select Initialize this repository with a README.

6. Klik Create Repository 7. Setelah berhasil menambah repository akan muncul tampilan seperti berikut

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. Kita bisa merubahnya menjadi lebih spesifik untuk keperluan lain, contoh;

D. Apa Kegunaan Branch?  Untuk mengembangkan fitur termasuk menambahkan fitur yang sama dengan yang sudah ada tanpa merubah fitur yang terdahulu pernah dibaut  Untuk memperbaiki bug (error atau konflik)  Untuk ber-eksperimen dengan ide-ide baru secara aman dan leluasa E. Bagaimana Cara Mengunduh Update Data Terbaru Dari Repository? Langkah pertama mengunduh data dari repository adalah dengan klik kanan pada file lalu pilih save link as

Atau pilih Download ZIP

F. Bagaimana Cara Memberikan Komentar Dan Mengirim Pekerjaan Anda Ke Repository? Cara memberikan komentar ke repository : 1. Pilih menu “Commit”

2. Pilih pilih initial comit

3. Klik Changed files untuk meminimize file yang terbuka, sehingga memungkinkan Anda untuk melihat seluruh file yang ada di dalam repository tanpa banyak melakukan scroll

4. Misalnya kita akan memberikan komentar pada baris kedua, tekan tanda “+” pada baris yang diinginkan dan isi komentar, kemudian tekan Add single

5. Lalu tuliskan komentar “mari kita berkomentar!” lalu tekan “ coment on this commit”

6. Lihat hasil komentar kita

Cara mengirim paket ke repository : 1. Terlebih dahulu download aplikasi git gui dan lakukan instalasi 2. Setelah git gui terinstal pilih projek yang akan di kirim ke repository lalu klik kanan ”Git Bash Here”

3. Maka otomatis akan muncul tampilan command promt(CMD) 4. Langkah selanjutnya melakukan insialisasi projek local di komputer. Ketikan “$git init” lalu enter

5. Ketik “$ git add * “ untuk menambahkan file ke repository lokal.

6. Ketik “$ git commit -m "versi 1.0.0" , untuk mempersiapkan file yang telah Anda tambahkan ke dalam repository lokal.

7. Ketik “$ git remote add origin https://github.com/kamini15/hello-kamini.git”

(https://github.com/kamini15/hello-kamini.git adalah repository URL dari GitHub)

8. Setelah dilakukan remot selanjutnya kita buat perintah untuk “pull” atau mempush projek kita pada computer untuk diupload pada repository kita “$ git pull origin master”

9. Langkah terahir adalah push projek kita, “git push origin master”

10. Cek pada repository yang ada di Github atau bias dengan repository URL https://github.com/kamini15/hello-kamini.git Tampilan sebelum ditambah file projek

Tampilan sesudah di tambah file projek

3) Silahkan clone pada link github dibawah ini : https://github.com/wahyusoft/webdinamislanjut.git saya sudah buatkan 1 contoh Categories.php untuk menampilkan data categories pada database northwind, buatkan class product untuk menampilkan data produk. Kemudian file product anda push ke repository dengan membuat branch baru dengan nama branch nim anda. 1. Fork Repository Dikarenakan kita tidak punya akses langsung terhadap master repository, maka kita fork terlebih dahulu. Sebab jika kita menggunakan langsung URI master repository, maka akan mengalami status error 403 saat kita melakukan push project. Silakan menuju ke https://github.com/wahyusoft/webdinamislanjut.git , lalu pilih  fork.

Lalu hasil yang didapat sebagai berikut

2. Clone atau Download repository Cloning

repository

menggunakan

URL

hasil

Fork

:

https://github.com/kamini15/webdinamislanjut.git, Metode Clone atau Download sama saja, jika Clone maka perlu Aplikasi Dekstop Github untuk melakukanya . Jika Download, maka cukup via browser, contoh : a. Buka link : https://github.com/kamini15/webdinamislanjut.git b. Klik Clone or Download Open in DekstopLaunch Application.

c. Muncul dialog untuk menentukan lokasi direktori saya pilih folder htdocs di xampp

Berikut proses cloning :

d. Jika kita menggunkan metode download, maka repository akan terunduh dalam kemasan ZIP 3. Uji cara kerja repository di local PC Saya asumsikan bahwa database “northwind” harus sudah terinstal di PC kita. Selanjutnaya kita Running file Category.php via browser

4. Buat file baru, tarmasuk class nya kita akan membuat file produk untuk menampilkan data produk yang ada pada database northwind. Maka langkah perlu kita lakukan adalah copy dan modifikasi file Category.php. saya copy file category dan rename menjadi “Products”, berikut kodingnya :
?>

include "Database.php"; class Products{ 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; }  } $produk = new Products(); $result=$produk->lisProduk(); $data='

Data Produk

'; $data.='

'; while($row = $result->fetch_object()){ $data .= '
1. '.$row->ProductName.'
'; } $data .= '

'; echo $data;

Sekarang kita uji file modifikasi (Products.php)

5. 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 Dekstop GitHub Pilih repository webdinamislanjut b. Membuat branch baru terlebih dulu dengan name NIM saya 12131267

c. Pastkan kita telah beralih ke branch baru,

d. Optional, summary saya isi informasi berikut , klik Commit to 12131267

e. Push file yang telah kita buat dengan cara menekan tombol Publish

f. Hasil sebagai berikut https://github.com/kamini15/webdinamislanjut.git  Graph  Network atau Member Tampilan Network

Tampilan Member

Referensi : -

http://ekaprayoga18.blogspot.co.id/2016/01/apa-itu-composer-dan-kenapa-harus.html

-

http://www.klikartikel.com/2015/11/cara-install-composer-di-sistem-operasi.html

-

http://jagowebdev.com/cara-install-menjalankan-composer-di-windows/

-

https://github.com/dompdf/dompdf/wiki/DOMPDF-and-Composer-Quick-start-guide

-

http://Apa-itu-Git.html

-

https://help.github.com/articles/about-branches/

-

https://training.github.com/kit/foundations/

-

https://help.github.com/articles/set-up-git/

-

https://guides.github.com/activities/hello-world/

-

https://guides.github.com/introduction/getting-your-project-on-github/#pushit