Installasi Composer - Kursus Web Programming Depok

Cara install Composer di Windows

Composer adalah perangkat/software untuk mengelola dependensi di PHP. Composer mengijinkan Anda untuk menginstall dan mengelola modul-modul yang dibutuhkan dalam proses pengembangan aplikasi berbasis website.

Cara Install Composer

Pada tutorial kali ini, Java Web Media ingin berbagi ilmu tentang bagaimana cara menginstall Composer. Mulai dari proses download sampai dengan instalasinya.

Pastikan XAMPP sudah terinstall

Sebelum menginstall Composer, pastikan Anda telah menginstall XAMPP. Anda bisa mendownloadnya di link ini  https://www.apachefriends.org/index.html. Untuk proses installasi XAMPP silakan tonton di video ini ya.

Mendownload Composer

Setelah XAMPP, proses selanjutnya adalah mendownload Composer dari situs resminya di https://getcomposer.org/. Silakan didownload dulu Composernya ya.

Pilih jenis file yang Composer-setup.exe ya. Bisa juga di unduh langsung di https://getcomposer.org/Composer-Setup.exe.

Cara Install Composer di Windows - Kursus Web dan Android Depok
Cara Install Composer di Windows – Kursus Web dan Android Depok

Menginstall Composer di Windows

Setelah file, langkah berikutnya adalah menginstallnya:

  1. Klik dua kali pada file Composer-Setup.exe sudah diunduh. Jendela konfirmasi akan muncul.

    Install Composer - Kursus Android Java Web Media Depok
    Install Composer – Kursus Android Java Web Media Depok
  2.  Klik Next untuk melakukan installasi.
  3. Composer akan meminta lokasi file PHP berada. Biasanya ada dalam folder C:\XAMPP\php\php.exe. Klik Browse untuk mencari file PHP yang sudah diinstall saat menginstall XAMPP.

    Installasi Composer di Windows - Kursus Web Programming Depok
    Installasi Composer di Windows – Kursus Web Programming Depok
  4. Lalu klik Next kembali. Jika muncul jendela Proxy, biarkan kosong saja.

    Kursus PHP, Laravel, Codeigniter Depok
    Kursus PHP, Laravel, Codeigniter Depok
  5. Klik Next lagi. Sehingga muncul jendela Composer Ready to install.
  6. Tunggu beberapa saat sampai proses installasi selesai
    Install Composer - Kursus Bootstrap Depok
    Install Composer – Kursus Bootstrap Depok

    Installasi Composer - Kursus Web Programming Depok
    Installasi Composer – Kursus Web Programming Depok
  7. Kemudian klik Next lagi, lalu klik Finish. Anda telah berhasil menginstall Composer.

Mengetes Composer sudah berhasil diinstall atau belum

Untuk mengetes Composer sudah berhasil diinstall atau belum, berikut langkah-langkahnya:

  1. Pastikan XAMPP sudah diaktifkan (Apache) dengan mengklik tombol Start (ini tidak harus)
  2. Buka Start Up program Windows Anda, ketik CMD

    Mengetes Composer - Kursus Web Depok
    Mengetes Composer – Kursus Web Depok
  3. Klik program Command Prompt.
  4. Lalu ketik composer

    Instalasi Composer - Kursus Web Programming Depok
    Instalasi Composer – Kursus Web Programming Depok
  5. Maka akan tampil seperti gambar di bawah ini. Anda telah berhasil menginstall Composer.
Installasi Composer Berhasil - Kursus Web Depok
Installasi Composer Berhasil – Kursus Web Depok

 

Advanced Web Programming – Kursus Web Depok

Belajar WebGL dan Framework Code Igniter

Alhamdulillah, sejak Februari hingga awal Maret 2015 lalu Java Web Media menyelenggarakan Inhouse Training di salah satu client kami yaitu “Mankind” (www.bymankind.com). “Mankind” adalah salah satu perusahaan creative innovation technology yang fokus pada pengembangan teknologi kreatif untuk diterapkan dalam kehidupan sehari-hari.

Advanced Web Programming – Kursus Web Depok
Advanced Web Programming – Kursus Web Depok

Pada Inhouse Training Advanced Web Programming ini, kami bersama-sama belajar menggunakan framework dan teknologi web terbaru, antara lain:

  1. PHP MySQL
  2. Framework Code Igniter
  3. Data Visualization
  4. WebGL
  5. Interactive web design berbasis WebGL

Data Visualization, interactive web design dan WebGL

Saat ini banyak sekali teknologi web terbaru. Teknologi baru ini nantinya memungkinkan sebuah web tampil dengan konsep dan kemampuan baru, misalnya untuk Geotaging, HTML5 Game, Data Visualization, Face Detection, Interactive web dan sebagainya.

Saat ini Java Web Media juga telah mulai mempelajari dan mendalami teknologi baru tersebut untuk kemudian diterapkan dalam desain website-website terbarunya.

Berikut beberapa contoh web yang telah menerapkan teknologi terbaru tersebut:

  1. www.chromeexperiments.com/webgl. Berisi kumpulan contoh-contoh WebGL
  2. www.futureself.orange.com. Adalah contoh website dengan fasilitas face detection
  3. www.greensock.com/examples-showcases
  4. Dan masih banyak lagi

Nah, dalam rangka menyongsong teknologi baru tersebut saat ini Java Web Media membuka program kursus khusus, yaitu Advanced Web Programming.

Saat ini kursus ini tersedia dalam beberapa paket, antara lain:

  1. Paket Kursus Kelas
  2. Paket Kursus Private
  3. Inhouse Training Kelas
  4. Inhouse Training Private

Informasi lebih detail bisa kontak kami di:

Java Web Media
Perumahan Ferari Tirtajaya Indah No. 36
Jl. Romo – Tirtajaya Grand Depok City Depok
Telepon: 021-34135720, HP. 085715100485.
Email: andoyoandoyo@gmail.com
Website: www.javawebmedia.com

 

Kursus Web Design Depok | Java Web Media

Tutorial Code Igniter 3 – Part 1: Review dan Installasi

Yee… Akhirnya Code Igniter siap-siap me-release versi terbarunya, yaitu versi 3.0. Mudah-mudahan bisa segera direlease.

Oleh banyak web developer Code Igniter awalnya dikhawatirkan akan mati karena Ellislab tidak sanggup melanjutkan pengembangan framework ini. Alhamdulillah akhirnya  British Columbia Institute of Technology bersedia mengambil alih project ini dan menyiapkan release berikutnya. Read More

Kursus Web Programming Depok

Tutorial Code Igniter Part 8: CRUD Modul Berita (Bagian 1)

Kursus Web Programming Depok
Kursus Web Programming Depok

Alhamdulillah, Tutorial Code Igniter Part 8: CRUD Modul Berita akhirnya release juga. Pada Tutorial Part 8 ini Anda akan belajar untuk menggunakan fasilitas CRUD (Create, Read, Update & Delete) yang ada dalam Code Igniter. Setelah mengikuti tutorial ini diharapkan Anda dapat menambah, mengubah dan menghapus konten berita yang ada di database.

Sebelum mengikuti tutorial ini, pastikan Anda telah mengikuti:

  1. Mengikuti Tutorial Code Igniter Part 1: Installasi Code Igniter
  2. Mengikuti Tutorial Code Igniter Part 2: Membuat halaman home
  3. Mengikuti Tutorial Code Igniter Part 3: Membuat halaman kontak
  4. Mengikuti Tutorial Code Igniter Part 4: Membuat halaman login administrator
  5. Mengikuti Tutorial Code Igniter Part 5: Membuat halaman dasbor administrator
  6. Mengikuti Tutorial Code Igniter Part 6: Mempersiapkan database dan konfigurasinya di Code Igniter
  7. Mengikuti Tutorial Code Igniter Part 7: Menampilkan daftar berita dan detailnya
  8. Mengunduh hasil akhir tutorial Part  7  di sini: https://drive.google.com/file/d/0B5BhV6c89_2YbkxUTkxtVTJwS1k/view?usp=sharing
  9. Hasil akhir Tutorial Part 8 ini bisa diunduh di: https://drive.google.com/file/d/0B5BhV6c89_2YNzJRS3k2ZFhLOGM/view?usp=sharing

Mengkatifkan library dan helper form

Untuk bekerja dengan form, Anda harus mengaktifkan library dan helper form yang ada di Code Igniter.

Tutorial Code Igniter Java Web Media
Tutorial Code Igniter Java Web Media

Berikut langkah-langkahnya:

  1. Buka file autotoload.php yang ada dalam folder tutorial_ci/application/config/
  2. Pada baris ke-55, aktifkan library untuk vaslidasi form sehingga kode menjadi:

    $autoload[‘libraries’] = array(‘database’,’form_validation’);

  3. Pada baris ke-67, aktifkan helper form untuk fungsi form CI sehingga menjadi:

    $autoload[‘helper’] = array(‘url’,’form’);

  4. Simpan file autoload.php

Membuat berita_model.php di folder tutorial_ci/application/models/admin

Class dengan nama berita_model ini nanti kita simpan di dalam folder tutorial_ci/application/model/admin berfungsi untuk menampilkan, menambah, mengubah dan menghapus data berita.

Membuat folder admin

Folder admin digunakan untuk menyimpan seluruh model yang akan digunakan di halaman administrator.

  1. Buka folder tutorial_ci/application/models
  2. Buat folder baru dalam folder models tersebut dengan nama admin
Kursus Web Design Depok
Kursus Web Design Depok

Membuat berita_model di folder tutorial_ci/application/models/admin

Selanjutnya adalah membuat file model yang nantinya akan meng-handle seluruh aktivitas data modul berita.

Kursus Web Programming Java Web Media
Kursus Web Programming Java Web Media

Berikut langkah-langkahnya:

  1. Buat file PHP baru dengan nama berita_model dalam folder tutorial_ci/application/models/admin
  2. Ketik kode di bawah ini:

    <?php
    class Berita_model extends CI_Model {
    public function __construct() {
    $this->load->database();
    }

    // Menampilkand data berita
    public function daftar_berita() {
    $query = $this->db->query(‘SELECT berita.judul, berita.status_berita, berita.slug, berita.id_berita, berita.tanggal, users.nama FROM berita, users WHERE berita.id_user = users.id_user ORDER BY id_berita DESC’);
    return $query->result_array();
    }
    }

  3. Simpan file berita_model.php tersebut

Membuat controller berita.php dalam folder tutorial_ci/application/controllers/admin

Controller berita ini nantinya akan dipakai untuk mengontrol model dan view mana yang harus tampil untuk menampilkan data berita yang ada.

Kursus Web Development Java Web Media
Kursus Web Development Java Web Media

Berikut langkah-langkahnya:

  1. Buat file PHP baru dengan nama berita.php dalam folder tutorial_ci/application/controllers/admin
  2. Ketik kode di bawah ini:

    <?php if ( ! defined(‘BASEPATH’)) exit(‘No direct script access allowed’);
    class Berita extends CI_Controller {

    public function __construct() {
    parent::__construct();
    $this->load->model(‘admin/berita_model’);
    }

    public function index() {
    $query = $this->berita_model->daftar_berita();
    $data=array(‘title’=>’Manajemen Berita – Java Web Media’,
    ‘berita’ => $query,
    ‘isi’ =>’admin/berita/berita_view’
    );
    $this->load->view(‘admin/layout/wrapper’,$data);
    }
    }

  3. Simpan file berita.php

Membuat view untuk modul berita di administrator

Modul berita yang di administrator nantinya dapat diakses melalui alamat http://localhost/tutorial_ci/admin/berita atau bisa Anda akses dengan mengklik link navigasi berita yang ada di halaman http://localhost/tutorial_ci/admin/dasbor/.

Membuat folder berita dalam folder tutorial_ci/application/views/admin

Folder berita ini nanti akan digunakan sebagai tempat penyimpanan seluruh view untuk modul berita.

Kursus Code Igniter Depok
Kursus Code Igniter Depok

Berikut langkah-langkahnya:

  1. Buka folder tutorial_ci/application/views/admin 
  2. Buat folder baru dengan nama berita

Membuat view berita dalam folder tutorial_ci/application/views/admin/berita

View berita untuk menampilkan daftar berita yang telah ada, menampilkan link untuk mengedit dan menghapus berita.

Kursus Web Development Depok
Kursus Web Development Depok

Berikut langkah-langkahnya:

  1. Buat file PHP baru dengan nama berita_view.php dalam folder tutorial_ci/application/views/admin/berita
  2. Ketik kode di bawah ini:

    <div class=”konten”>
    <h1>Manajemen berita</h1>
    <div align=”right”>
    <a href=”<?php echo base_url() ?>admin/berita/tambah” class=”tambah”>Tambah berita</a>
    </div>
    <p>Daftar berita</p>
    <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ class=”myform”>
    <tr>
    <th scope=”col”>Judul</th>
    <th scope=”col”>Status</th>
    <th scope=”col”>Penulis</th>
    <th scope=”col”>Tanggal</th>
    <th scope=”col”>&nbsp;</th>
    </tr>
    <?php foreach($berita as $list) { ?>
    <tr>
    <td>
    <a href=”<?php echo base_url() ?>home/read/<?php echo $list[‘slug’] ?>” target=”_blank”>
    <?php echo $list[‘judul’]; ?></a></td>
    <td><?php echo $list[‘status_berita’]; ?></td>
    <td><?php echo $list[‘nama’]; ?></td>
    <td><?php echo $list[‘tanggal’]; ?></td>
    <td>
    <a href=”<?php echo base_url() ?>admin/berita/edit/<?php echo $list[‘id_berita’] ?>”>EDIT</a> | <a href=”<?php echo base_url() ?>admin/berita/delete/<?php echo $list[‘id_berita’] ?>”>DELETE</a></td>
    </tr>
    <?php } ?>
    </table>

    </div>
  3. Simpan file berita_view.php

Menguji hasil pembuatan

Untuk mengetesnya, Anda bisa mengaksesnya secara langsung di http://localhost/tutorial_ci/admin/berita.

Anda bisa mendownload hasil tutorial ini di link ini: https://drive.google.com/file/d/0B5BhV6c89_2YNzJRS3k2ZFhLOGM/view?usp=sharing

Berikut hasil akhirnya:

Kursus Web Programming Depok
Kursus Web Programming Depok
Tutorial Code Igniter Java Web Media

Tutorial Code Igniter Part 7: Menampilkan daftar berita dan detailnya

Tutorial Code Igniter Java Web Media
Tutorial Code Igniter Java Web Media

Jika pada Tutorial Code Igniter Part 6: Mempersiapkan database dan konfigurasinya di Code Igniter Anda telah belajar melakukan konfigurasi database, membuat dan mengimport database, maka pada Tutorial Code Igniter Part 7 ini Anda akan belajar bagaimana menampilkan daftar berita tersebut di halaman website yang telah Anda buat sebelumnya. Read More