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

dokumen-dokumen yang mirip
TUGAS 1 Aplikasi Web Dinamis Lanjut Mengenal Composer dan GitHub

TUGAS 1 APLIKASI WEB DINAMIS LANJUT MENGENAL COMPOSER DAN GITHUB DISUSUN OLEH: AHMAD DAHLAN AL-ASY ARI( )

Aplikasi Web Dinamis Lanjut

TUGAS 1 Aplikasi Web Dinamis Lanjut Mengenal Composer dan GitHub. Disusun Oleh : JOKO PRAMANA PUTRA :

APLIKASI WEB DINAMIS LANJUT TUGAS 1

Tugas 1 Web Dinamis Lanjut COMPOSER DAN GITHUB. Imam Abdul Lathif TI-Malam

TUGAS 1 APLIKASI WEB DINAMIS LANJUT. Nama : ARISTIAN NUGROHTOMO NIM :

TUGAS 1 APLIKASI WEB DINAMIS LANJUT

TUGAS 1 WEB DINAMIS LANJUT

Aplikasi Web Dinamis Lanjut

TUGAS 1 APLIKASI WED DINAMIS LANJUT

TUGAS 1 APLIKASI WEB DINAMIS LANJUT

TUGAS 1 APLIKASI WEB DINAMIS LANJUT

TUGAS APLIKASI WEB DINAMIS LANJUT. Tugas 1. : Ditya Lingga Watestha Nomor Mahasiswa : Program Studi : Teknik Informatika Jenjang : Strata 1

TUGAS 1 Aplikasi Web Dinamis Lanjut Mengenal Composer dan GitHub (Update Oktober 2016) Disusun Oleh Wawan Chahyo Nugroho ( )

TUGAS 1 WEB DINAMIS LANJUT COMPOSER DAN GITHUB DISUSUN OLEH : DUROTUL MADAROYAN ( )

TUGAS 1 APLIKASI WEB DINAMIS LANJUTAN. Mengenal Composer dan Github

TUGAS WEB DINAMIS LANJUT 1 TUTORIAL COMPOSER DAN GITHUB

TUGAS 1 WEB DINAMIS LANJUT. Nama : Parisaktiana Fathonah NIM : Link :

TUGAS 1. Aplikasi Web Dinamis Lanjut

Nama : Badiah Setyowati NIM :

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER EL RAHMA YOGYAKARTA

TUGAS 1 Aplikasi Web Dinamis Lanjut. Rachmat Dharmawan

TUGAS 1 Aplikasi Web Dinamis Lanjut. Disusun Oleh : Rina Septiana ( )

TUGAS 1 Aplikasi Web Dinamis Lanjut Composer dan Github

STMIK ELRAHMA YOGYAKARTA

TUGAS 1 COMPOSER DAN GITHUB

TUGAS 1 APLIKASI WEB DINAMIS LANJUT

TUGAS 1 WEB DINAMIS LANJUT

TUGAS 1 WEB DINAMIS LANJUT

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

Pengelanan Composer dan Git Versioning

TUGAS 1 WEB DINAMIS LANJUT

1. Tutorial composer Apa sih composer itu? Dan mengapa harus menggunakan composer? Tentunya orang yang awam coding mesti akan bertanya-tanya tentang

Instalasi Framework Laravel di Windows dan di Linux Ubuntu

MODUL 1 INSTALASI PAKET JAVA DAN PROGRAM SEDERHANA

BAB IV PEMBAHASAN. memudahkan dalam pelayanan dan pekerjaan, sehingga sangat rentan dalam

MANUAL PENGOPERASIAN JSTOCKINVENTORY Twitter

TUTORIAL Manajemen File Mendeley

Instalasi Joomla 1.7

Modul : Antarmuka. 2.1 Pelajaran : Pengenalan Singkat Bagaimana menggunakan tutorial ini BAB 2

Website Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (

STEP BY STEP INSTALLASI SOFTWARE PPOB ARINDO LOKET BARU

PENGENALAN DAN INSTALASI SOFTWARE

BAB IV IMPLEMENTASI DAN ANALISA

DAFTAR ISI BAB I INSTALLASI

INSTALLATION GUIDE INSTALLATION GUIDE. PT.Technomatic Cipta Mandiri. IT division: Jl. Cikutra Baru Raya No.2 Bandung-40124

atau Double Click pada xampp-win

TUTORIAL INSTALASI ANDROID SDK

Modeling Tools StarUML

Cara Mudah Menggunakan Ubuntu 11.10

LANGKAH INSTALL XAMPP DAN WORDPRESS DI PC KOMPUTER Oleh: Akhmad Syaiful, S.Kom

IAIN WALISONGO SEMARANG

Cara install framework laravel di Android

soal tes + ujian asil + ujian BUKU PANDUAN SISTEM MANAJEMEN KONTEN PADA PLATFORM MOODLE Buku Panduan CMS pada Platform Moodle 1

Pemrograman Web Week 1. Team Teaching

PENGENALAN DAN PENGEMBANGAN E- JOURNAL 1 ) Oleh: Herman Dwi Surjono, Ph.D.

6. Jika langkah di atas dijalankan dengan benar, user akan masuk ke halaman login seperti gambar di bawah

MODUL 7. Apakah Joomla itu? A. Pra-Instalasi Joomla. Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories

Setting Client Pada PC (OS Windows 7 SP1) Last Update: 19 Agustus 2015

REMOTE DESKTOP DENGAN TEAMVIEWER

Aplikasi ideb Viewer Sistem Layanan Informasi Keuangan (SLIK)

BUKU PETUNJUK PENGGUNAAN APLIKASI DAN WEBSITE LAPORPAK

Mengexport Database Ms Access ke MySQL dengan menggunakan ODBC Connector

Petunjuk Teknis Instalasi ODBC dan Instalasi SIKI

Menginstall MYSQL SERVER 5.6 pada Windows 8. Sebelum nya download sql offline installer pada link ini (windows 8 32 bit Support)

BAB V IMPLEMENTASI DAN PEMBAHASAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

Remember Hello word!

MID-TERM EXAM ASSIGNMENT E-COMMERCE

BAB IV IMPLEMENTASI DAN PENGUJIAN

Tutorial Instal XAMPP

Persiapan Sebelum mengikuti tutorial ini, ada baiknya pembaca mendownload perangkat lunak yang dibutuhkan yaitu sebagai berikut:

Step-Step dalam pembuatan Web

BAB IV IMPLEMENTASI DAN PENGUJIAN

Instalasi Aplikasi TeamViewer Pada Debian Linux

Instalasi ubuntu. Langkah pertama boot ubuntu installer pada PC anda. pilih start or install ubuntu

Administrasi Website Berbasis CPanel Hosting

BAB IV IMPLEMENTASI DAN PENGUJIAN

Cara Install Java SE Development Kit (JDK) di Windows

Instalasi Web Server WAMP 5 versi Pemrograman Web

Panduan Pengguna untuk AllDeb Installer

Departemen Pendidikan Nasional. Ditjen Manajemen Pendidikan Dasar dan Menengah. Direktorat Pembinaan Sekolah Menengah Pertama

Publikasi Website Di Geocities.ws

10.1 Pelajaran: Menginstal dan mengatur Plugin

BAB 4 IMPLEMENTASI DAN EVALUASI. a. Spesifikasi piranti keras pada local server: Processor : Intel Pentium IV 1.8 Ghz

Prosedur Menjalankan Program / Alat

Prosedur Installasi Program. Perangkat Ajar Aku dan Darahku

Berikut adalah tutorial cara install windows 10 :

Instalasi XAMPP di Windows

Membangun Website dengan Joomla!

BAB IV IMPLEMENTASI DAN EVALUASI. Berikut ini adalah daftar spesifikasi perangkat lunak yang

INSTALASI WORDPRESS di LOCALHOST

Website : Mobile : Twitter

TUGAS SISTEM MANAJEMEN INFORMASI LANGKAH LANGKAH MENGGUNAKAN CRM - EXPRESS

Muhammad Adri. Pendahuluan. Instalasi Xampp

MANUAL WORDPRES DAN JOMMLA UNTUK E-COMMERCE. Disusun oleh: NURHUDA ZAKARIA

Gambar 2. 1 Kotak dialog Pilihan Bahasa

MENGUPLOAD WEBSITE KE SERVER HOSTING

2. Perangkat Jaringan (Kabel UTP, Switch/Hub,Ethernet) Perangkat Lunak 1. Sistem Operasi (WindowsXP, Windows 2000, Windows 2003, Linux)

Transkripsi:

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

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 : https://github.com/wahyusoft/webdinamislanjut.git 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 23.59 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.

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!

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 https://packagist.org/statistics). 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,

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,

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.

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

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.

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. 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.

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

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;

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 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. 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:

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:

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,

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,

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

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,

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

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.

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 43. 6. Selamat!, Anda berhasil menambahkan komentar di repository,