Kamis, 05 Februari 2015

CRUD Dengan Codeigniter

Pada artikel kali ini, kita akan membahas bagaimana melakukan CRUD dengan codeigniter. jika anda belum paham bagaimana cara melakukan instalasi codeigniter, maka silahkan anda baca artikel saya sebelumnya disana anda akan mengerti bagaimana cara melakukan instalasi dan juga konfigurasi codeigniter.
ok, langsung saja, saya beranggapan bahwa dikomputer anda sudah terpasang local web server. pada komputer saya terinstal paket instalasi XAMPP yang di dalamnya ada apache, mysql, php dll. sehingga saya tidak harus menginstal nya satu persatu. jika anda belum memiliki file instalan nya. anda bisa mendownloadnya pada alamat berikut : https://www.apachefriends.org/download.html silahkan anda sesuaikan paket yang akan ada download.
  1. Cara melakukan instalasi untuk xampp sangat  lah mudah, anda cukup mengikuti pentunjuk istalasi saja, maka itu sudah cukup.
  2. kemudian langkah selanjutnya, silahkan anda akses alamat : localhost/phpmyadmin pada browser anda.
  3. Kemudian setelah muncul jendela phpmyadmin, anda klik tombol "database" kemudian anda isi kolom database name nya "db_kampus"
    Codeigniter Membuat Database
    Membuat Database
  4. kemudian kita akan buat table "tb_mahasiswa", silahakan anda tuliskan query dibawah ini pada SQL editor phpmyadmin
    1. "
    2. CREATE TABLE IF NOT EXISTS `tb_mahasiswa` (
    3.   `id` int(11) NOT NULL AUTO_INCREMENT,
    4.   `nim` varchar(15) NOT NULL,
    5.   `nama` varchar(25) NOT NULL,
    6.   `angakatan` varchar(5) NOT NULL,
    7.   `jurusan` varchar(20) NOT NULL,
    8.   PRIMARY KEY (`id`)
    9. ) "
  5. Sampai disini database sudah siap. kemudian kita akan lanjut pada codeigniter.
  6. Lakukan instalasi codeigniter, jika anda belum memiliki file codeigniter ataupun belum memahami bagaimana cara melakukan instalasi dan konfigurasu codeigniter, silahkan anda kunjungi artikel saya yang berjudul instalasi setting awal codeigniter di artikel itu dijelaskan bagaimana cara melakukan instalasi dan juga konfigurasinya codeigniter
  7. Saya anggap anda sudah paham tentang bagaimana cara melakukan instalasi codeigniter.
  8. Setelah anda mengcopy folder codeigniter dan mempastenya di web server (htdocs/www), rename folder codeigniter menjadi kampus
  9. Langsung saja buka file config.php dan lakukan perubahan pada : 
    1. $config['base_url'] = ''; menjadi $config['base_url'] = 'http://localhost/kampus';
    2. $config['encryption_key'] = ''; menjadi $config['encryption_key'] = '[sesuai dengan yang anda inginkan]';
  10. Setelah itu lakukan perubahan juga pada file database.php, lakukan perubahan pada :
    1. $db['default']['hostname'] = 'localhost'; *jika memakai localhost
    2. $db['default']['username'] = '[sesuaikan dengan username anda]';
    3. $db['default']['password'] = '[sesuaikan password anda]';
    4. $db['default']['database'] = 'db_kampus';
    5. $db['default']['dbdriver'] = 'mysql';
  11. Setelah itu, lakukan perubahan juga pada file autoload.php
    1. $autoload['libraries'] = array('database','form_validation');
    2. $autoload['helper'] = array('url','form');
  12. Sampai disini konfigurasi sudah cukup.
  13. Sekarang kita buat controller, buat file baru di folder kampus/application/controllers/ dan beri nama c_kampus.php dan ketikan sitak berikut :
    1. <?php Class C_kampus extends CI_Controller
    2. {
    3. function __construct()
    4. {
    5. parent::__construct();
    6. $this->load->model('m_kampus');
    7. }
    8. function index()
    9. {
    10. $list_mahasiswa = $this->m_kampus->m_list_siswa();
    11. $data = array('list_mahasiswa'=>$list_mahasiswa);
    12. $this->load->view('v_kampus.html',$data);
    13. }
    14. function c_simpan_data()
    15. {
    16. $nim = $this->input->post('nim');
    17. $nama = $this->input->post('nama');
    18. $angkatan = $this->input->post('angkatan');
    19. $jurusan = $this->input->post('jurusan');
    20. $this->m_kampus->m_simpan_data($nim,$nama,$angkatan,$jurusan);
    21. redirect('c_kampus','location');
    22. }
    23. function c_tampil_edit()
    24. {
    25. $row_mhs = $this->m_kampus->m_row_id_siswa($this->uri->segment(3,0));
    26. $data = array('row_mhs'=>$row_mhs);
    27. $this->load->view('v_kampus_edit.html',$data);
    28. }
    29. function c_simpan_edit()
    30. {
    31. $this->load->library('form_validation');
    32. $this->form_validation->set_rules('nim', 'NIM', 'required');
    33. $this->form_validation->set_rules('nama', 'Nama', 'required');
    34. $this->form_validation->set_rules('jurusan', 'Jurusan Confirmation', 'required');
    35. $this->form_validation->set_rules('angkatan', 'Angkatan', 'required|numeric');
    36. if ($this->form_validation->run() == FALSE)
    37. {
    38. $row_mhs = $this->m_kampus->m_row_id_siswa($this->uri->segment(3,0));
    39. $data = array('row_mhs'=>$row_mhs);
    40. $this->load->view('v_kampus_edit.html',$data);
    41. }
    42. else
    43. {
    44. $id = $this->uri->segment(3,0);
    45. $nim = $this->input->post('nim');
    46. $nama = $this->input->post('nama');
    47. $angkatan = $this->input->post('angkatan');
    48. $jurusan = $this->input->post('jurusan');
    49. $this->m_kampus->m_edit_mhs($id,$nim,$nama,$jurusan,$angkatan);
    50. $list_mahasiswa = $this->m_kampus->m_list_siswa();
    51. $data = array('list_mahasiswa'=>$list_mahasiswa);
    52. $this->load->view('v_kampus.html',$data);
    53. }
    54. }
    55. function c_hapus_data()
    56. {
    57. $this->m_kampus->m_hapus_data($this->uri->segment(3,0));
    58. redirect('c_kampus','location');
    59. }
    60. }



    61. /* End of file c_kampus.php */
    62. /* Location: ./application/controllers/c_kampus.php */
  14. Kemudian anda buat file baru untuk menjadi view. Buat file baru di folder kampus/application/view/ dan beri nama v_kampus.html dan ketikan sitak berikut  :
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>CRUD Dengan CI</title>
    6.     <script>
    7. function hapusBarang(pesan) 
    8. {
    9. if (confirm(pesan)) 
    10. {
    11. return true;
    12. }
    13. else 
    14. {
    15. return false;
    16. }
    17. }
    18. </script>
    19. </head>

    20. <body>
    21. <div id="container">
    22. <div id="form_input">
    23. <?php
    24.     echo '<table>';
    25.        
    26.                 echo form_open('c_kampus/c_simpan_data');
    27.                     $data = array(
    28.                       'name'        => 'nim',
    29.                       'class'       => 'input',
    30.                       'placeholder' => 'isi dengan angka'
    31.                     );
    32.                     echo '<tr>';
    33.                     echo'<td>NIM :</td>';
    34.                         echo '<td>';
    35.                         echo form_input($data);
    36.                         echo '</td>';
    37.                     echo '</tr>';
    38.                     
    39.                     $data = array(
    40.                       'name'        => 'nama',
    41.                       'class'       => 'input',
    42.                       'placeholder' => 'isi nama lengkap'
    43.                     );
    44.                     echo '<tr>';
    45.                     echo'<td>Nama :</td>';
    46.                         echo '<td>';
    47.                         echo form_input($data);
    48.                         echo '</td>';
    49.                     echo '</tr>';
    50.                     
    51.                     $data = array(
    52.                       'name'        => 'angkatan',
    53.                       'class'       => 'input',
    54.                       'placeholder' => 'isi dengan angka'
    55.                     );
    56.                     echo '<tr>';
    57.                     echo'<td>Angkatan :</td>';
    58.                         echo '<td>';
    59.                         echo form_input($data);
    60.                         echo '</td>';
    61.                     echo '</tr>';
    62.                     
    63.                     $data = array(
    64.                       'name'        => 'jurusan',
    65.                       'class'       => 'input',
    66.                       'placeholder' => 'isi jurusan lengkap'
    67.                     );
    68.                     echo '<tr>';
    69.                     echo'<td>Jurusan :</td>';
    70.                         echo '<td>';
    71.                         echo form_input($data);
    72.                         echo '</td>';
    73.                     echo '</tr>';
    74.                     
    75.                     echo '<tr>';
    76.                         echo '<td colspan="2">';
    77.                     echo form_submit('mysubmit', 'Submit Post!');
    78.                     echo '</td>';
    79.                     echo '</tr>';
    80.                 echo form_close();
    81.         echo '</table>';
    82.     
    83.     ?>
    84. </div>
    85.         <div id="list_data">
    86.         <table>
    87.             <thead>
    88.                 <tr>
    89.                     <th>NO</th>
    90.                         <th>NIM</th>
    91.                         <th>Nama Mahasiswa</th>
    92.                         <th>Jurusan</th>
    93.                         <th>Angkatan</th>
    94.                         <th>Aksi</th>
    95.                     </tr>
    96.                 </thead>
    97.                 <tbody>
    98.                 <?php
    99.                     if(!empty($list_mahasiswa))
    100.                         {
    101.                             $list_result = $list_mahasiswa->result();
    102.                             $no =1;
    103.                             foreach($list_result as $row)
    104.                             {
    105.                                 echo'<tr>';
    106.                                     echo'<td>'.$no.'</td>';
    107.                                     echo'<td>'.$row->nim.'</td>';
    108.                                     echo'<td>'.$row->nama.'</td>';
    109.                                     echo'<td>'.$row->jurusan.'</td>';
    110.                                     echo'<td>'.$row->angkatan.'</td>';
    111.                                     echo'<td> <a class="edit" href="'.base_url().'index.php/c_kampus/c_tampil_edit/'.$row->id.'" onclick="return hapusBarang(\'Data Barang '.$row->nama.' Yakin mau Dirubah ? \')"> Edit </a> | <a href="'.base_url().'index.php/c_kampus/c_hapus_data/'.$row->id.'" class="delete" onclick="return hapusBarang(\'Data Barang '.$row->nama.' Yakin mau dihapus ? \')"> Hapus </a> </td>';
    112.                                 echo'</tr>';
    113.                                 $no += 1;
    114.                             }
    115.                         }
    116.                     ?>
    117.                 </tbody>
    118.             </table>
    119.         </div>
    120.     </div>
    121. </body>
    122. </html>
  15. Kemudian anda buat file baru untuk menjadi view ketika akan melakukan perubahan data. Buat file baru di folder kampus/application/view/ dan beri nama v_kampus_edit.html dan ketikan sitak berikut :
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>Untitled Document</title>
    6. </head>

    7. <body>
    8. <div id="container">
    9. <div id="form_input">
    10. <?php
    11.     echo '<table>';
    12.        
    13.                 echo form_open('c_kampus/c_simpan_edit/'.$row_mhs->id);
    14.                     $data = array(
    15.                       'name'        => 'nim',
    16.                       'class'       => 'input',
    17.                       'placeholder' => 'isi dengan angka',
    18.                       'value' => $row_mhs->nim
    19.                     );
    20.                     echo '<tr>';
    21.                     echo'<td>NIM :</td>';
    22.                         echo '<td>';
    23.                         echo form_input($data);
    24.                         echo form_error('nim');
    25.                         echo '</td>';
    26.                     echo '</tr>';
    27.                     
    28.                     $data = array(
    29.                       'name'        => 'nama',
    30.                       'class'       => 'input',
    31.                       'placeholder' => 'isi nama lengkap',
    32.                       'value' => $row_mhs->nama
    33.                     );
    34.                     echo '<tr>';
    35.                     echo'<td>Nama :</td>';
    36.                         echo '<td>';
    37.                         echo form_input($data);
    38.                         echo form_error('nama');
    39.                         echo '</td>';
    40.                     echo '</tr>';
    41.                     
    42.                     $data = array(
    43.                       'name'        => 'angkatan',
    44.                       'class'       => 'input',
    45.                       'placeholder' => 'isi dengan angka',
    46.                       'value' => $row_mhs->angkatan
    47.                     );
    48.                     echo '<tr>';
    49.                     echo'<td>Angkatan :</td>';
    50.                         echo '<td>';
    51.                         echo form_input($data);
    52.                         echo form_error('angkatan');
    53.                         echo '</td>';
    54.                     echo '</tr>';
    55.                     
    56.                     $data = array(
    57.                       'name'        => 'jurusan',
    58.                       'class'       => 'input',
    59.                       'placeholder' => 'isi jurusan lengkap',
    60.                       'value' => $row_mhs->jurusan
    61.                     );
    62.                     echo '<tr>';
    63.                     echo'<td>Jurusan :</td>';
    64.                         echo '<td>';
    65.                         echo form_input($data);
    66.                         echo form_error('jurusan');
    67.                         echo '</td>';
    68.                     echo '</tr>';
    69.                     
    70.                     echo '<tr>';
    71.                         echo '<td colspan="2">';
    72.                     echo form_submit('mysubmit', 'Submit Post!');
    73.                     echo '</td>';
    74.                     echo '</tr>';
    75.                 echo form_close();
    76.         echo '</table>';
    77.     
    78.     ?>
    79. </div>
    80.     </div>
    81. </body>
    82. </html>
  16. Kemudian anda buat file baru untuk menjadi model yang akan menyediakan data untuk ditampilkan. Buat file baru di folder kampus/application/models/ dan beri nama m_kampus.php dan ketikan sitak berikut :
    1. <?php
    2. Class M_kampus extends CI_Model
    3. {
    4. function __construct()
    5. {
    6. parent::__construct();
    7. }
    8. function m_list_siswa()
    9. {
    10. $query = $this->db->query('SELECT * FROM tb_mahasiswa ORDER BY nim');
    11. if($query->num_rows() > 0)
    12. {
    13. return $query;
    14. }
    15. else
    16. {
    17. return false;
    18. }
    19. }
    20. function m_row_id_siswa($id)
    21. {
    22. $query = $this->db->query('SELECT * FROM tb_mahasiswa WHERE id="'.$id.'" ORDER BY nim');
    23. if($query->num_rows() > 0)
    24. {
    25. return $query->row();
    26. }
    27. else
    28. {
    29. return false;
    30. }
    31. }
    32. function m_simpan_data($nim,$nama,$angkatan,$jurusan)
    33. {
    34. $query = $this->db->query('INSERT INTO tb_mahasiswa (nim,nama,angkatan,jurusan) VALUES ("'.$nim.'","'.$nama.'","'.$angkatan.'","'.$jurusan.'")');
    35. }
    36. function m_edit_mhs($id,$nim,$nama,$jurusan,$angkatan)
    37. {
    38. $query = $this->db->query('UPDATE tb_mahasiswa SET nim = "'.$nim.'",nama = "'.$nama.'",jurusan = "'.$jurusan.'",angkatan = "'.$angkatan.'" WHERE id="'.$id.'"');
    39. }
    40. function m_hapus_data($id)
    41. {
    42. $query = $this->db->query('DELETE FROM tb_mahasiswa WHERE id = "'.$id.'";');
    43. }
    44. }



    45. /* End of file m_kampus.php */
    46. /* Location: ./application/models/m_kampus.php */
  17. Anda cukup melakukan copy paste saja, aplikasi sudah bisa dijalankan. Berikut saya sertakan gambar hasil nya :
    Codeigniter CRUD dasar
    Hasil Jalannya Program

Senin, 02 Februari 2015

Instalasi Setting Awal Codeigniter

Framework codeigniter merupakan framework yang handal dan sudah dikenal oleh banyak programmer php. jadi saya pikir anda sudak tidak asing lagi dengan framework ini.
Pada artikel saya kali ini, saya akan menjelaskan bagaimana cara instalasi dan juga melakukan setting awal codeigninter. jika artikel - artikel saya sebelumnya, saya membahas tentang penggunaan construct 2 kali ini saya akan membahas tentang web programing

  1. Download codeigniter disini
  2. Kemudian kita siap melakukan instalasi, untuk langkah ini, sebenarnya bukan instalasi seperti pada program-program aplikasi desktop yang berekstension .exe, tapi lebih pada penempatan file codeigniter saja.
  3. Ekstrak file hasil download yang berekstension .rar, kemudian copykan folder hasil ekstrak ke direktory web kita (ex: htdoc,www). biasanya folder tersebut bernama seperti : CodeIgniter_2.2.0
  4. sebagai contoh pada kasus ini, saya menggunakan XAMPP V.1.8
  5. Setelah anda berhasil mengcopykan, sekarang anda bisa merubah nama folder default dari codeigniter (ex : CodeIgniter_2.2.0 menjadi e_commerce)
  6. Kemudian anda buka e_commerce/application/config/config.php. kemudian lakukan beberapa perubahan pada  :
    1. Sebelum :  $config['base_url'] = ''; Sesudah : $config['base_url'] = 'http://localhost/commerce/'; configurasi ini, berguna untuk menentukan alamat url dari web kita.
    2. Sebelum : $config['encryption_key'] = ''; Sesudah : $config['encryption_key'] = 'adelina'; nama adelina diatas adalah optional, jadi anda bebas merubah nama untuk encryption key nya. configurasi ini berguna untuk memberika enkripsi pada data yang kita kirim nantinya.
    3. Hanya itu yang harus anda setting pada file config.php yang lainnya silahkan anda lakukan setting sesuai kebutuhan anda
  7. Kemudian anda buka e_commerce/application/config/database.php, file ini merupakan file configurasi untuk database yang akan kita gunakan nantinya, berikut adalah beberapa hal yang harus anda setting 
    1. $db['default']['hostname'] = ''; isikan nama hostnya disini, jika anda memakai localhost, maka anda cukup mengisinya dengan "localhost"
    2. $db['default']['username'] = ''; isikan dengan username database anda
    3. $db['default']['password'] = ''; isikan dengan password database anda
    4. $db['default']['database'] = ''; isikan dengan nama database anda
    5. $db['default']['dbdriver'] = 'mysql'; default dari setting ini adalah mysql, selain dari mysql masih ada driver lain, untuk info lebih lengkap tentang database class silahkan lihat disini
  8. Sampai disini anda suda bisa mengakses halaman web anda dengan mengetikan http://[nama_host]/e_commerce/
  9. Pada artikel ini, saya hanya menjelaskan yang harus/wajib di setting saja. sedangkan yang lainnya adalah optional/tidak wajib, diantaranya :
    1. autoload.php, file ini untuk meload class dan helper secara otomatis, jadi anda tidak harus menulis kembali class atau helper yang akan di load pada controller, view dan model
    2. routes.php, digunakan untuk melakuakn routing url
cukup sekian artikel saya kali ini, pada artikel selanjutnya, saya akan menjelaskan konsep dari MVC (Model View Control) yang dipakai oleh codeigniter.

Sabtu, 31 Januari 2015

Game Mobil Dengan Construct 2

Setelah kita belajar Instalasi construct 2, kemudian kita juga telah membahas Area Kerja Construct 2, maka mulai dari sekarang  kita akan belajar membuat game.
artikel saya kali ini, akan membahas bagaimana cara membuat game mobil. konsepnya sederhana, yaitu object sprite nanti akan diberi gambar mobil, terus pada object itu kita terapkan behavior 8 Direction. Behavior ini menjadikan object bisa digerakan dengan keyboard. object akan bergerak sesuai dengan tombol arahan (up,down,left right), sehingga behavior ini bisa kita gunakan untuk artikel Game Mobil Dengan Construct 2 ini.
Mari kita mulai untuk membuat game ini :


  1. Buka construct 2, jika anda lupa bagaimana cara membuka/menjalankan construct 2, silahkan anda lihat kembali artikel saya Mengenal area kerja dan obejct construct 2
  2. Setelah construct 2 terbuka, mari kita lakukan setting terlebih dahulu pada area kerja kita
    1. Ubah nama project menjadi : "fastcar"
    2. Untuk description, author, email dan website itu optional, jadi silahkan anda isi jika anda merasa perlu.
    3. First layout, digunakan untuk memilih layout yang akan dijalankan pertama kali saat game dijalankan. Untuk sementara biarkan saja default
    4. Kemudian, silahkan anda atur windows size, properti ini memberikan batasan pada tampilan game kita nantinya, ubah propertis nya menjadi : 800, 600
      Construct 2 Setting Awal Project
      Setting Awal Project
  3. Setelah setting project selesai, sekarang anda masukan sebuah object sprite, jika anda belum paham tentang memasukan object sprite, silahkan anda baca artikela saya Mengenal area kerja dan object construct 2
    Construct 2 Insert Sprite
    Insert Sprite

    Construct 2 Pilih gambar
    Pilih gambar

    Construct 2 Hasil akhir
    Hasil akhir
  4. Kemudian anda cari gambar yang akan anda jadikan gambar mobil hasil dari insert sprite bisa anda lihat pada gamabar diatas, untuk nama object, silahkan atur sesuai keinginan anda
  5. Setalah itu anda silahkan lakukan pengaturan pada layout, untuk name event sheet dan active layer biarkan default. kita akan merubah layout size supaya sama dengan windows size, yaitu : 800,600
    Construct 2 Mengubah layout size
    Mengubah layout size
  6. Kemudian anda lakukan perubahan size pada object sprite tadi menjadi : 100,55
    Construct 2 Mengubah object size
    Mengubah object size
  7. Sampai disini kita tinggal menambahkan behavior pada object kita
  8. Pilih/klik object sprite, kemudian klik behavior pada kolom propertis sebelah kanan
    Insert 
  9. Kemudian akan muncul jedela behavior, silahkan anda pilih behavior 8 movement
  10. Untuk melihat hasilnya, silahkan anda klik run layout, pada bagian atas jendela construct 2, kemudian anda coba gerakan object tersebut dengan menakan tombol up,down,left dan right

Jumat, 30 Januari 2015

Mengenal Area Kerja dan Object Construct 2

Jika sebelumnya kita sudah bekenalan dengan construct 2 dan kita juga sudah belajar bagaimana cara instalasi construct 2 sekarang kita akan mulai belajar mengenal dan menggunakan object di construct 2.

kemudian apa yang dimaksud dengan object. menurut : https://danu19.wordpress.com/2012/04/24/apa-yang-dimaksud-dengan-object-oriented-programming-oop-itu/
obejct adalah : "Object/objek ini dapat diartikan sebagai pembugkus dari suatu fungsi dalam pemprograman berorientasi objek (OOP) atau juaga dapat dikatakan sebagai dasar atau modul dalam pemrograman berorientasi objek (OOP)"

secara sederhana object dapat digambarkan seperti sebuah benda yang bisa beinteraksi, melakukan aktifitas, berbenturan dll. sehingga suatu game bisa berjalan jika object-object bisa saling berinteraksi.

Ok tak perlu membuang waktu banyak.

  1. Buka construct 2
  2. Buat sebuah project baru, pilih saja blank project / new empty project
    Construct 2 New Empty Project
    New Empty Project
  3. Setelah itu akan terbuka jendela construct 2, mari kita berkenalan dengan area kerja kita saat ini
    Construct 2 Area Kerja
    Area Kerja Construct 2
  4. Kita akan urutkan sesuai dengan nomor yang ada pada gambar di atas, untuk diingat tampilan yang dibahas adalah tampilan default saja :
    1. Jedela propertis, digunakan untuk mengetahui propertis suatu objek, kita bisa melakukan berbagai perubahan pada propertir tersebut, mulai dari warna, panjang, lebar, background dll
    2. Assets project, pada area ini, ditampilkan berbagai file dan folder yang berkaitan dengan project yang sedang kita buat. file - file tersebut diantaranya adalah : layout tempat kita menyimpan object dan event,  event sheet tempat kita menggunakan event - event yang akan diterpakan pada object nantinya dll
    3. Jendela object, adalah tempat untuk object-object yang kita pakai. disa nanti akan tersimpan berbagai macam object yang telah kita masukan. seperti sprite, gambar, suara, text dll
    4. area kerja atau worksheet, adalah tempat kita bekerja dalam membuat project. disana kita bisa memadukan berbagai assets yang kita milki dengan object dan propertis
    5. Tab informasi file, adalah tab-tab yang memberi informasi tentang area kerja yang sedanga kita buka
  5. OK. setelah kita mengenal area kerja kita, sekarang kita akan membuat mulai berkenalan dengan object.
  6. Untuk menambahkan object, anda bisa melakukan dengan berbagai cara, diantaranya adalah anda bisa melakukan klik kanan di area kerja kemudian memilih "Insert New Object"
    Construct 2 Insert New Object
    Insert New Object
  7. Kemudian anda tinggal memilih object yang ingin anda masukan pada project anda. (untuk penjelasan mengenai berbagai macam obejct yang ada, akan saya jelaskan pada tutorial selanjutnya)  untuk saat ini, saya akan membahas object yang paling sering digunakan, object tersebut adalah sprite, sprite adalah object yang bisa menampilkan gambar, animasi gambar dll yang berupa image :
    Construct 2 Insert Sprite Object
    Insert Sprite Object
  8. Setalah kita klik insert, maka kursor mouse akan berubah menjadi simbol plus, yang berarti kita tinggal memasukan object sprite kita.
  9. Klik di area kerja, kemudian akan muncul jendela baru untuk kita memasukan gambar yang akan dijadikan obejct sprite, setelah itu klick tombol "Load An Image From File"
    Tampilan Jendela Insert Sprite
    Tampilan Jendela Insert Sprite
  10. Setelah itu kita tinggal memilih image yang akan dijadikan sprite dan klik tombol open
    Construct 2 Pilih file image
    Pilih file image
    Construct 2 Tampilan setelah dipilih
    Tampilan setelah dipilih
  11. Close jendela insert sprite, sampai disini kita sudah berhasil menambahkan sprite pada area kerja kita
  12. Selanjtnya kita akan belajar mengenai behaviour yang bisa dipakai pada object.


Rabu, 28 Januari 2015

Instalasi Construct 2

Instalasi construct 2,sebenarnya tidaklah terlalu sulit. yang harus anda lakukan hanya mengikuti petunjuk yang ada pada saat proses instalsi berjalan dan inipun tidak terlalu sulit. Berikut saya akan paparkan langkah-langkah dalam melakukan proses instalasinya.

  1. Untuk mendownload aplikasi construct 2 silahkan anda kunjungi link berikut ini https://www.scirra.com/construct2/releases
  2. Download Construct 2
    Download Construct 2
  3. Kemudian anda pilih versi terbarunya, pada saat buku ini di tulis versi terbaru adalah r195
  4. Pastikan proses download berhasil, setelah berhasil silahkan anda cari file instalasi construct 2, biasanya bernama  : construct2-r195-setup
  5. Double klik atau enter file tersebut
  6. Akan muncul tampilan seperti pada layar berikut, kemudian anda klik next
  7. Construct 2 Instalation Wizard
    Construct 2 Instalation Wizard
    Kemudian anda akan dihadapkan pada jendela license aggrement, jendela ini menandakan anda setuju dengan semua peraturan yang berlaku dan diterapkan oleh pembuat software. Pilih “I Accept The Agreement” kemudian klik tombol next
  8. Construct 2 License Agreement
    Construct 2 License Agreement
    Selanjutnya akan mucul jendela folder tujuan instalasi (Folder Destination), biarkan saja secara default kemudian kik next
  9. Construct 2 Folder Installation
    Construct 2 Folder Installation
    Akan muncul jendela intalataion type pilih “Auto Detect What kind Of Computer Have”, kemudian klik next
  10. Construct 2 Instalation Type
    Construct 2 Instalation Type
    Selanjutnya akan muncul jendela additional task, yang memungkinkan anda untuk membuat shortcut di desktop, silahkan anda beri tanda checklist bila menginginkan adanya shortcut construct2 di desktop anda, kemudian kilk next
  11. Construct 2 Additional Task
    Construct 2 Additional Task
    Kemudian akan muncul jendela ready install, anda tinggal klik tombol next
  12. Construct 2 Instalation Process 1
    Construct 2 Instalation Process 1
    Construct 2 Instalation Process 2
    Construct 2 Instalation Process 2
    Klik finish untuk menyelesaikan instalasi
  13. Construct 2 Finish Instalation
    Construct 2 Finish Instalation
    Sampai disini anda telah menyelesaikan instalasi construct 2, silahkan anda periksa di menu windows
Jika anda belum terlalau paham tentang construct 2, silahkan anda baca artikel saya sebelumnya Berkenalan Dengan Construct 2

Selasa, 27 Januari 2015

Berkenalan Dengan Construct 2



Construst 2
Construct 2 adalah game maker yang digunakan untuk membuat game dengan sangat mudah. anda tidak harus memahami ataupun ahli dalam hal pemrograman untuk bisa membuat game dengan construct 2.
Keuntungan lain nya adalah, contruct 2 bisa anda gunakan untuk membuat game multiplatform. anda bisa membuat game HTML5, Andorid, IOS, Windows dll. Hal ini tentu akan sangat menguntungkan bagi pada penggunna.

situs resmi dari construct 2 adalah : https://www.scirra.com/
dan anda pun bisa mendownload file instalasinya : https://www.scirra.com/construct2/releases

silahkan anda download versi terbaru dari construct 2 pada link yang saya tulis diatas.

untuk permasalah lisensi, construct 2 menyediakan versi gratis yang bisa digunakan untuk kegiatan pembelajaran, namun untuk versi lengkapnya. anda diharuskan membeli produk ini dengan ketentuan harga sebagai berikut :


  1. Personal License
    1. Lisensi ini cocok untuk anda yang ingin membat game sendiri. harga untuk lisensi ini adalah : Rp. 1.559.900
  2. Business License
    1. Lisensi ini digunakan oleh perusahaan yang memproduksi game yang boleh dibilang agak banyak, harga dari lisensi ini adalaha : Rp. 5.099.900
  3. Business Upgrade
    1. Lisensi ini diperuntukan untuk anda yang sebelumnya membeli dan menggunakan Personal lisence dan berniat untuk merubah/upgrade ke business llisence, harga dari lisensi ini adalah : Rp. 3.499.900
Nah itu adalah daftar harga yang bisa saya berikan, untuk info lengkapnya, silahkan anda kunjungi link berikut ini : https://www.scirra.com/store/construct-2

OK sekian dulu informasi tentang contruct 2, pada tutorial selanjutnya kita akan mulai belajar menggunakan kan construct 2.


Senin, 08 Desember 2014

Hello World

Hello World adalah kata yang biasa dibuat jika programmer melakukan atau mempelajari hal yang baru,,. blog ini saya buat sebagai salah satu sara berbagai ilmu pengetahuan dan sebagai pengingat penulis akan hal yang telah dipelajari. semoga blog ini nantinya bisa bermanfaat bagi para pembaca semua. Amin,.,

Translate