TUGAS 1 WEB DINAMIS LANJUT

Transkripsi

1 TUGAS 1 WEB DINAMIS LANJUT DISUSUN OLEH : NAMA : RAIES MUJADDID NIM : PRODI : TEKNIK INFORMATIKA SEKOLAH TINGGI MANEJEMEN INFORMARTIKA DAN ILMU KOMPUTER EL RAHMA YOGYAKARTA 2016/2017

2 Soal 1. Buatlah tutorial / panduan singkat penggunaan composer pada pengembangan aplikasi didalam tutorial memuat informasi : Apa itu composer? Mengapa harus menggunakan composer? Bagaimana cara instalasinya? Platform os linux or windows Misal saya mau menambah library dompdf pada aplikasi web bagaimana caranya? Sertakan screenshotnya. 2. Buatlah tutorial / panduan singkat tentang penggunaan git versioning pada pengembangan webbase. Didalam tutorial memuat informasi : Apa itu git versioning (github)? Mengapa dalam pengembangan software pada tim kolaborasi perlu keahlia menggunakan git versioning? Bagaimana cara membuat repository? Apa kegunaan branch? Bagaimana cara mengunduh update data terbaru dari repository? Bagaimana cara memberikan komentar dan mengirim pekerjaan anda ke repository? Sertakan screenshotnya. 3. Silahkan clone pada link github dibawah ini : saya sudah buatkan 1 contoh Categories.php untuk menampilkan data categories pada database northwind, buatkan class products untuk menampilkan data produk. Kemudian file product Anda push ke repositori dengan membuat branch baru dengan nama branch nim Anda.

3 Jawab 1. Apa itu composer? Composer adalah sebuah project open source yang dimotori oleh Nils Adermann dan Jordi Boggiano. Project composer ini dihost di github ( Mengapa harus menggunakan composer? Karena dengan menggunakan composer membuat coding 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. Bagaimana cara instalasinya? Platform os linux or windows Cara Menginstall Composer di sistem unix (linux, mac) 1. Tinggal masuk ke Terminal, lalu masuk ke folder project anda dengan perintah seperti dibawah ini. cd /folder/lokasi/proyek/ curl -ss php 2. Tunggu proses sampai selesai, setelah itu anda bisa ketik: composer atau composer - v untuk cek versi composer yang terinstall. Selamat anda sudah berhasil menginstall composer di komputer anda. Cara Menginstall Composer di Windows 1. Sebelum melakukan instalasi pastikan untuk men-disable anti virus terlebih dahulu, selama proses instalasi berjalan. 2. Download file exe composer 3. Setelah itu klik kanan > run as Administrator 4. Akan muncul halaman awal instalasi

4 5. Klik next, dan muncul halaman untuk mengkonfigurasi letak core PHP anda. Jika anda menggunakan webserver XAMPP biasanya terletak di htdocs/php namun bila anda menggunakan WAMP Server lokasi file php bisa anda setting seperti gambar dibawah ini : 6. Bila anda menggunakan proxy silahkan anda masukkan proxy pada textbox (jika halaman masukkan proxy muncul)

5 7. Siap menginstall composer, langsung saja klik tombol install 8. Tunggu hingga proses instalasi selesai 9. Untuk mengecek apakah composer sudah terinstall buka CMD ketikkan > composer Jika muncul tampilan seperti gambar diatas, berarti anda telah berhasil menginstall composer.

6 Misal saya mau menambah 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.jsonkemudian simpan di folder poject kita. Misalnya D:\wamp\www\project. Selanjutnya Buka application/config/config.php, ubah pada bagian composer_autoload menjadi $config['composer_autoload'] =./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 Tunggu sampai proses update selesai

7 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 \project\application\libraries 2. Apa itu git versioning (github)? Github merupakan situs sharing code dan menggunakan git sebagai SCM-nya. Dengan adanya github ini memungkinkan orang lain dapat ikut serta menjadi kontributor dari projek anda, mereka dapat melakukan cloning, merubah, menambahkan kode dan jika perlu melakukan pull request agar pemilik source code dapat mempertimbangkan dan menambahkan kode hasil kontribusi orang lain. Mengapa dalam pengembangan software pada tim kolaborasi perlu keahlian menggunakan git versioning? Karena git versioning memudahkan tim kolaborasi untuk mengetahui perubahan source codenya, daripada harus membuat file baru seperti Program.java, ProgramRevisi.java, ProgramRevisi2.java, ProgramFix.java. Selain itu, dengan git kita tidak perlu khawatir code yang kita kerjakan bentrok, karena setiap developer biasa membuat branch sebagai workspacenya. Fitur yang tak kalah hebatnya lagi, pada git kita bisa memberi

8 komentar pada source code yang telah ditambah/diubah, hal ini mempermudah developer lain untuk tahu kendala apa yang dialami developer lain. Bagaimana cara membuat repository 1. Pastikan ruang penyimpanan di debian kalian mencukupi, dan kalian harus punya iso debian jessi 8 DVD1, DVD2, dan DVD3, jika belum punya silahkan digoogle 2. Jika sudah, upload ketiga dvd tersebut ke server debian kalian bisa menggunakan winscp atau ftp 3. Jika dvd ketiganya sudah di server maka install aplikasi web server,debian package dan rsync # apt-get install apache2 dpkg-dev rsync 4. Setelah terinstall, kemudian buat folder untuk tempat repo kita, dan buat juga folder untuk mount iso debian # mkdir /repo # mkdir /media/dvd1 # mkdir /media/dvd2 # mkdir /media/dvd3 # mkdir -p /repo/pool/ # mkdir -p /repo/dists/jessie/main/binary-amd64/ # mkdir -p /repo/dists/jessie/main/source/ Silahkan tulisan yang berwarna hijau tersebut diganti sesua DVD kalian, misal untuk 32bit maka ganti menjadi binary-i386 dan untuk 64bit diganti menjadi binary-amd64

9 5. Setelah selesai membuat folder selanjutnya mount iso debian tadi # mount -o loop [file iso debian 1] /media/dvd1 # mount -o loop [file iso debian 2] /media/dvd2 # mount -o loop [file iso debian 3] /media/dvd3 6. Selanjutnya me-rsync semua dvd ke /repo/pool 7. # rsync -avh /media/dvd1/pool /repo/pool 8. # rsync -avh /media/dvd2/pool /repo/pool # rsync -avh /media/dvd3/pool /repo/pool 9. Selanjutnya pindah ke direktori /repo lalu scan paket aplikasi dan daftarkan seluruh paket yang ada # cd /repo/ # dpkg-scanpackages. /dev/null gzip -9c > Packages.gz

10 10. Setelah selesai me-scan paket, selanjutnya adalah scan source pada paket tersebut # dpkg-scansources. /dev/null gzip -9c > Sources.gz 11. Kemudian pindah kan file Packages.gz dan Sources.gz ke dalam folder binary-amd64 dan source # mv Packages.gz /repo/dists/jessie/main/binary-amd64/ # mv Sources.gz /repo/dists/jessie/main/source/ 12. Buat lah shortcut atau symboliclink dari folder web server ke folder repo agar bisa diakses daro server-server lain # ln -s /repo /var/www/html/debian 13. Coba diakses pada web browser, jika berhasil maka akan tampil seperti ini

11 14. Selanjutnya edit repository dan tambahkan repo pada /etc/apt/sources.list deb jessie main deb-src jessie main 15. Selanjutnya update Apa kegunaan branch? Apabila kita ingin menambahkan suatu fitur, namun kita tidak mau kode yang ada sekarang rusak karena fitur yang akan kita tambahkan masih belum stabil, Dalam Git anda dapat membuat branch terlebih dahulu. Branch ini bisa diartikan sebagai cabang dari branch master. segala perubahan yang kita lakukan pada branch yang kita buat tidak akan berpengaruh pada branch lainnya. Bagaimana cara mengunduh update data terbaru dari repository? Walau sebenarnya mendownload file dari GitHub cukuplah mudah. Jadi pada repository yang ingin didownload perhatikan pada sisi kanan bawah maka akan ada tombol Download ZIP, silahkan diklik saja.

12 Anda akan mengunduh seluruh kode dan aset aset yang terdapat dalam repository tersebut dan disimpan dalam arsip ZIP. Kalau yang anda download adalah plugin atau tema WordPress maka bisa langsung mengupload dan menginstallnya tanpa perlu dimodifikasi. Bagaimana cara memberikan komentar dan mengirim pekerjaan anda ke repository? Langkah 1 masuklah ke command prompt, lalu buat folder sesuai nama project : mkdir ~/Hello-World #Membuat direktori "Hello-World" setelah itu, masuk ke folder tersebut : cd ~/Hello-World #Masuk ke folder yang anda buat setelah masuk, ketik perintah tersebut untuk meng initialize folder tersebut : git init #Sets up the necessary Git files setelah masuk, ketik perintah tersebut untuk meng initialize folder tersebut :

13 touch README# Creates a file called "README" in your Hello- World directory sekarang kita coba file README di folder Hello-World tersebut menggunakan teks editor anda. tambahkan tulisan Hello World! di file tersebut, lalu di simpan. Langkah 2 Sekarang file README sudah siap untuk di commit. Untuk meng -commit dibutuhkan snapshot dari semua file di project anda pada waktu yang sama. pada command prompt, ketikan perintah: git add README #untuk menambahkan file README git commit -m 'first commit' #Commit file anda, dengan menambahkan pesan "first commit" Langkah 3 Sampai pada step ini, kita telah melakukan commit pada lokal repository anda, tapi masih belum melakukan apapun pada repo GitHub. Untuk menghubungkan lokal koneksi kita ke GitHub, kita perlu me remote repo dan melakukan push pada commit anda. Masukkan perintah ini untuk melakukannya : git remote add origin World.git # membuat remote dengan nama "origin" pointing pada GitHub repo git push origin master# Mengirimkan perintah commit sebagai "master" branch pada GitHub Sekarang kita dapat melihat repository kita di GitHub.

14 Sumber :