TUGAS I APLIKASI WEB DINAMIS LANJUTAN. Disusun Oleh : Muhammad Misbahul Munir ( )

Transkripsi

1 TUGAS I APLIKASI WEB DINAMIS LANJUTAN Disusun Oleh : Muhammad Misbahul Munir ( ) SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER EL RAHMA YOGYAKARTA Tahun 2016

2 POKOK BAHASAN 1. Buatlah tutorial / panduan singkat penggunaan composer pada pengembangan aplikasi webbase dengan framework CodeIgniter (CI).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 di framework CI 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 keahlian menggunakan git versioning? Bagaimana cara membuat repository? Apa kegunaan branch? Bagaimana cara menunduh update data terbaru dari repository? Bagaimana cara memberikan komentar dan mengirim pekerjaan anda ke repository? Sertakan screenshotnya. Update Oktober 2016 C. 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. Dikumpulkan paling lambat tanggal 19 Oktober 2016 Jam WIB. Di elera.stmikelrahma.ac.id menu assigment web dinamis lanjut. NB : Mengutip harap menyertakan sumbernya. Copas dan atau terindikasi plagarisme tidak dinilai, tulislah dengan gaya bahasa Anda.

3 I. COMPOSER A. Apa itu composer? Composer adalah manajer dependensi khusus PHP yang memiliki fungsionalitas seperti Gem(Ruby) atau Maven(java). Anda bisa menginstal suatu library melalui composer dan composer akan secara otomatis menginstal library lain yang dibutuhkan, tanpa perlu mendownload satu persatu. Mirip dengan apt get install dalam linux. B. Mengapa harus menggunakan composer? 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 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. 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!

4 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 (data bisa dilihat di Ini artinya, dengan composer, kita memiliki akses yang luas dan mudah untuk mendapatkan banyak package. Tentunya ini bisa meningkatkan tingkat keproduktifitasan kita serta meningkatkan efektifitas kerja. C. Bagaimana cara instalasi composer? Instalasi diwindows Download dan jalankan Composer-Setup.exe, maka composer versi terakhir akan diinstal sekaligus mengatur PATH, sehingga Anda dapat memanggilnya dari direktory manapun via command line. 1.Dobel klik Composer-Setup.exe >> Next, 2.Pilih install Shell Menus >> Next, 3.Cari lokasi file php.exe >> Open >> Next,

5 Sekarang pengaturan instalasi telah siap. Dialog di bawah ini menampilkan summary pengaturan pada platform Anda, sampai di sini Anda masih bisa meninjau maupun memperbaiki pengaturan jika sekiranya diperlukan, jika dirasa sudah benar, maka >> Install,

6 Dialog dibawah ini menginformasikan bahwa pengaturan telah merubah variabel path Anda, tapi tidak semua program yang berjalan akan menyadari hal ini. Untuk menggunakan Composer pertama kalinya, Anda perlu melakukan beberapa hal di bawah ini: - Buka jendela baru cmd - Tutup semua jendela Windows Explorer,lalu buka jendela baru cmd - Logoff >> Login >> lalu buka jendela baru cmd Menu Shell Mungkin Anda perlu menutup semua jendela Windows Explorer yang terbuka sebelum Anda menjalankan Composer dari menu shell.

7 D. Bagaimana cara menggunakan composer? Misalnya kita akan gunakan composer untuk menambahkan librarydompdf di framework CI, maka langkah yang perlu kita lakukan adalah : 1. Mengecek ketersediaan composer via CLI dengan cara kita panggil dari sembarang direktori; Jika tersedia, maka akan menampilkan logo dan menu pilihan composer, selanjutnya close CLI dan kita siap untuk menggunakannya. 2. Berikutnya kita tambahkan file composer.json ke direktori yang kita kehendaki, misal library CI

8 3. Lalu kita edit composer untuk menambahkan dompdf dengan cara seperti ini : 4. Masih dalam direktori yang sama yaitu library CI, berikutnya kita gunakan composer dengan cara klik kanan >> Use Composer here 5. Berikutnya kita tinggal ketik saja perintah composer updateuntuk mengakses composer.json yang telah kita edit sebelumnya, agar bisa menambahkan plugin dompdf versi terbaru, pastikan Anda terhubung dengan internet.

9 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

10 komputer Anda. VCS atau Git diciptakan oleh Linus Torvalds pada tahun 2005 yang diterapkan pada versi kernel Linux. B. Manfaat menguasai keahlian 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 C. 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 : 1. Di sudut kanan atas ada tanda +>> klik, maka muncul menu dropdown >> klik New repository 2. Buat nama repository singkat saja, agar mudah untuk diingat, misalnya "hello-elrahma" 3. Opsional, menambahkan deskripsi repository Anda, misalnya "Proyek studi ilmu komputer angkatan 2013" 4. Tentukan previlage (hak akses) untuk repository Anda, Public atau Private. Repository public adalah pilihan untuk memulai bekerja bersama pengguna GitHub lainnya, sehingga Anda bisa mendapatkan keuntungan dari kolaborasi bersama komunitas. Repository private adalah pilihan untuk memulai bekerja secara independent ataupun individu, dimana fitur yang disediakan lebih sedikit dibanding public dan Anda juga bisa menentukan kepada siapa ingin berkolaborasi.

11 5. Select Initialize this repository with a README. 6. Klik Create repository. Selamat!, sekarang Anda sudah memiliki repository,

12 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;

13 D. Fungsi Branch Untuk mengembangkan fitur Untuk memperbaiki bug (error atau konflik) Untuk ber-eksperimendengan ide-ide baru secara aman dan leluasa E. Cara Download Repository F. Mengirim Project ke Repository 1. Download dan Install GitHub Desktop di 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.

14 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. Setelah berhasil masuk, berikutnya kita tinggal menambahkan project CI ke repositori yang telah ada, misalnya ke dalam hello-elrahma, caranya sebagai berikut : 1) Secara default shell / CLI adalah Cmd (windows), silakan pilih sesuai selera>>klik Save Berikutnyalakukan remote untuk repositoryyang telah dibuat di server GitHub misal helloelrahma, melalui link repository, selengkapnya silakan simak langkah berikut ini:

15 2) Klik Save >>Tool and Options >> Repository settings.. 3) Klik Remote, maka akan disediakan field kosong untuk menaruh link repository Anda, NB : Sebelum Anda menekan tombol Ok, terlebih dahulu paste HTTP clone URL pada field yang telah disediakan, adapun cara meng-copy silakan simak langkah dibawah ini:

16 4) Buka repository yang ada di host GitHub via browser, lalu copy HTTP clone URL, 5) Sekarang, saatnya bekerja dengan CLI untuk mengupload project ke repository yang ada di host GitHub, caranya, Klik Tools and Options >> Open in Git Shell 6) Ketik $ git init untuk menginisialisasi project lokal di komputer Anda,

17 7) Ketik $ git add. untuk menambahkan file ke repository lokal. 8) Ketik $ git commit -m "First commit", untuk mempersiapkan file yang telah Anda tambahkan ke dalam repository lokal. 9) Copy URL remote,

18 10) Ketik $ git remote add originremote repository URL 11) Ketik $ git remote v untuk verifikasi remote,

19 12) Ketik $ git push origin masteruntuk mengeksekusi project lokal upload ke repository di host GitHub, Maka akan menampilkan proses seperti di bawah ini, tunggu sampai proses selesai, File telah berhasil di push ke repository,

20 13) Selamat!, sekarang repository Anda memiliki project baru, Sebelum, Sesudah,

21 G. Memberi Komentar di Repository 1. Pilih menu Commits 2. Pilih First commits 3. Klik Changed filesuntuk meminimize file yang terbuka, sehingga memungkinkan Anda untuk melihat seluruh file yang ada di dalam repository tanpa banyak melakukan scroll.

22 4. Misalnya kita akan memberikan komentar pada file autoload.php, klik autoload.php 5. Menambahkan komentar Wow good job bro! pada baris 43. Caranya, tekan tanda (+)pada baris yang dikehendaki, misal Selamat!, Anda berhasil menambahkan komentar di repository,