Thursday, April 7, 2016

Belajar dengan CodeIgniter [CI]

Langkah Instalasi

1.  Download CodeIgniter di : https://www.codeigniter.com/download
    (Saya menggunakan CodeIgniter 3)
2. Extract CodeIgniter-3.0.6 ke dalam folder C:/xampp/htdocs

Langkah Inisiasi untuk membuat "Hello World" dan Tabel Phonebook

1. Buka folder CodeIgniter dengan text editor (saya menggunakan Sublime Text 3), Inisiasi dilakukan dengan membuat kerangka/template web
2. Pada application/controllers ,buatlah file baru dengan nama pages.php yang berisi
<?php
class Pages extends CI_Controller {

        public function view($page = 'home')
        {
        }
}
3. Kemudian, pada application/views buatlah folder baru bernama templates. Lalu di dalam folder template buatlah file baru bernama header.php (file ini berisi header dari web)
<html>
        <head>
                <title>CodeIgniter Tutorial</title>
        </head>
        <body>

                <h1><?php echo $title; ?></h1>

4. Buat juga footer.php di dalam folder templates tadi
 <em>&copy; 2016</em>
        </body>
</html>
5. Lalu, di bagian views buatlah folder baru bernama pages yang nantinya digunakan untuk menyimpan file page-page yang ingin ditampilkan dalam web. Buatlah suatu file di dalamnya, misalnya home.php. Isilah dengan "HELLO WORLD"

6. Kemudian pada bagian routes.php ubah default_controllernya mengarah ke folder pages
$route['default_controller'] = 'pages';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;
7. Kemudian buatlah database di phpmyadmin untuk membuat web phonebook

8. Kembali lagi ke sublime text 3, pada bagian autoload.php , tambahkan 'database' di dalam array berikut
$autoload['libraries'] = array('database', 'session');

9. Pada database.php, editlah bagian di bawah ini
'hostname' => 'localhost',
 'username' => 'root',
 'password' => '',
 'database' => 'phonebook',

localhost adalah server kita, usernamenya root dan password defaultnya tidak ada. kemudia database adalah nama database kita di phpmyadmin

10. Pada bagian views/pages buatlah file baru di dalamnya misalnya namanya tabel.php yang berisi tabel untuk menampilkan data dari database

<table border="1"> <thead> <tr> <th>Nama</th> <th>Alamat</th> <th>HP</th> <th>Email</th> <th>Kelas</th> </tr> <?php foreach($phone as $row) { ?> <tr> <td><?php echo $row->nama;?></td> <td><?php echo $row->alamat;?></td> <td><?php echo $row->hp;?></td> <td><?php echo $row->email;?></td> <td><?php echo $row->kelas;?></td> </tr> <?php } ?> </table>

11.  Untuk bagian query pada back end nya, di bagian models buatlah file baru misal namanya phonebook.php
<?php

class Phonebook extends CI_Model {

 function view()
 {
  $query = "SELECT * FROM MAHASISWA";
  
  $hasil = $this->db->query($query);

  return $hasil->result();
 }
}

12. Kemudian pada bagian controller, buatlah file bernama pages.php yang berfungsi untuk menghubungkan view dengan model

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Pages extends CI_Controller {

 function __construct()
 {
  parent::__construct();
  $this->load->model('phonebook');
 } 
 public function index()
 {
  $data['phone'] = $this->phonebook->view();
  $this->load->view('pages/home');
  $this->load->view('pages/tabel', $data);
 }
}
13.Sebelum selesai mengkoding dan melihat isi halaman web, tambahkan kode ini ke dalam pages.php yang gunanya untuk load halaman web
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Pages extends CI_Controller {

 function __construct()
 {
  parent::__construct();
  $this->load->model('phonebook');
 } 
 public function index()
 {
  $data['phone'] = $this->phonebook->view();
  $this->load->view('pages/home');
  $this->load->view('pages/tabel', $data);
 }
}
14.Kemudian tes untuk membuka isi web yang sudah kita buat.


Friday, April 1, 2016

UTS PWEB

SOAL 1

Link : http://kathotel.com

Biaya yang dikeluarkan sekitar Rp396.000 untuk domain dan hosting

Langkah-langkah mengerjakan :
1. membuat database di localhost, atau langsung di phpmyadmin dari cpanel


2. membuat interfacenya lewat localhost


3. memasukkan data interface localhost melalui cpanel
  -buka cpanel lalu cari bagian File

-pilih upload untuk upload file localhost 



-lalu bisa dibuka melalui domain



Fitur yang tersedia

1.Mencari hotel,apartemen,dan homestay yang tersedia berdasarkan kategori dan tanggal check in check outnya (database masih dalam proses)


2.Login member area (database masih dalam proses)

3.Contact us beserta map



SOAL 2

1) config.php

<?php
 
$dbhost = 'localhost'; 
$dbuser = 'root';     // ini berlaku di xampp
$dbpass = '';         // ini berlaku di xampp
$dbname = 'utspweb';
 
// melakukan koneksi ke database
$connect = new mysqli($dbhost,$dbuser,$dbpass,$dbname);
 
// cek koneksi yang kita lakukan berhasil atau tidak
if ($connect->connect_error) {
   // jika terjadi error, matikan proses dengan die() atau exit();
   die('Maaf koneksi gagal: '. $connect->connect_error);
}
?>


2) login.php
<pre><code>?php  
  include 'configi.php';  
 ?>  
 <!DOCTYPE html>  
 <html lang="en">  
  <head>  
   <meta charset="utf-8">  
   <meta http-equiv="X-UA-Compatible" content="IE=edge">  
   <meta name="viewport" content="width=device-width, initial-scale=1">  
   <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->  
   <title>UTS Pweb</title>  
   <!-- Bootstrap -->  
     <link href="css/bootstrap.min.css" rel="stylesheet">  
  </head>  
 <div class="col-sm-3" padding-top:10px">  
   <form action="login_auth.php" method="POST">  
 <div class="contact-bottom">  
     <label>Username : </label>  
     <input name="nama_user" type="text" placeholder="Username" />  
     <label>Password : </label>  
     <input name="password_user" type="password" placeholder="Password" />  
 <div class="submit-btn">  
      <input type="Submit" value="Login">  
 </div>  
 </div>  
   </form>  
 </div>  
 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->  
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  
   <!-- Include all compiled plugins (below), or include individual files as needed -->  
   <script src="js/bootstrap.min.js"></script>  
  </body>  
 </html></code></pre>  







3) tampilkandata.php


 <pre><code><?php   
  include'config.php';  
 $i=1;  
 echo '  
 <table border="1" style="background-color:yellow">  
 <thead>  
 <td> No.</td>  
 <td>Kode</td>  
 <td>Mata Praktikum</td>  
 <td> Jumlah Praktikan</td>  
 </thead>  
 <tbody>';  
 echo '  
 <h1>Data Mata Praktikum dan Jumlah Praktikan</h1>  
 ';  
 if($resultc = $connect->query("SELECT * FROM `praktikum`")){  
         while($rowc = $resultc->fetch_assoc()) {  
            echo '  
 <tr>';  
             echo '  
 <td>', $i++,'</td>  
 ';  
             echo '  
 <td>', $rowc['kode_mk'],'</td>  
 ';  
             echo '  
 <td>', $rowc['nama_mk'],'</td>  
 ';  
             echo '  
 <td>', $rowc['jumlah_praktikum'],'</td>  
 ';  
           echo '</tr>  
 ';  
           }  
         $resultc->free();  
 }  
 echo '</tbody>  
 </table>  
 ';  
 echo '  
 <div style="text-align:center"><button > Tambah Data MK</button></div>  
 ';  
 ?></code></pre>  

























Fractal Tree