Jumat, 15 April 2016

Tentang CodeIgniter Framework

Dalam pembuatan suatu web bisa digunakan yang namanya framework, gunanya adalah untuk mempermudah kita didalam pembuatannya karena sesuai namanya framework yang artinya adalah kerangka kerja yang isinya adalah fungsi-fungsi, konsep sehingga membentuk suatu sistem tertentu.

Code Igniter

Untuk menggunakan framework CI dibutuhkan sebuah tools yaitu xampp/wamp dan codeigniternya sendiri. untuk CI-nya bisa didownload di www.codeigniter.com kemudian untuk installasinya yaitu taruh file hasil download-an tadi di folder htdocs/[folder CI]. Kemudian buka di web browser, jika berhasil maka akan tampak seperti pada gambar

Setelah meng-install code igniter nya disana akan terlihat folder seperti aplication yang isinya adalah controller, view dan lain-lain. gunakan sublime text sebagai text editornya agar lebih mudah.

Selanjutnya adalah kita akan mencoba membuat tulisan hello word menggunakan frameworrk ci ini.
Pertama masuk ke folder ci pada routes.php terlihat disana bahwa ada yang namanya default controller, jadi default controller ini berfungsi untuk apabila kita hanya menuliskan link pada web semisal localhost/ci maka halaman yang akan muncul adalah halaman yang ditujukan pada default controllernya.
 <?php  
 defined('BASEPATH') OR exit('No direct script access allowed');  
 $route['default_controller'] = 'welcome';  
 $route['404_override'] = '';  
 $route['translate_uri_dashes'] = FALSE;  
Selanjutnya masuk ke folder controller edit file Welcome.php disitu kita lihat bahwa kita akan membuat fungsi yang nantinya akan ditampilkan pada web browser yang mana fungsi tersebut bernama index2 dan akan menampilkan isi dari file 1_hello_world.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {
 public function index2()
 {
  $this->load->view('1_hello_world'); 
 }
} 
setelah buat fungsi nya masuk ke folder view buat file 1_hello_world.php, file ini adalah file isi yang akan kita tampilkan ke web browser
sederhana saja....
 <!DOCTYPE html>  
 <html>  
 <head>  
      <title>coba</title>  
 </head>  
 <body>  
      <h1>Hello World !!!</h1>  
 </body>  
 </html>  
Pada  route bagian default controller bahwa kita memanggil class welcome dan fungsi index2, jika sudah coba buka di browser http://localhost:50123/CodeIgniter-3.0.6/index.php/welcome/index2


Phone Book Menggunakan Database

Selanjutnya kita akan mencoba membuat phone book yang datanya berada pada database. kita akan mencoba menampilkan data dari model ke view. Hal pertama yang harus dilakukan adalah buat databasenya terlebih dahulu


Hal kedua yang harus dilakukan adalah masuk ke folder codeigniternya pada bagian application/config/database.php, isikan nama database sesuai dengan punya anda, disini nama databasenya sebagai contoh adalah dataci. Kemudian buat modelnya masuk pada bagian folder model. Buat file mymodel.php
 <?php  
 defined('BASEPATH') OR exit('No direct script access allowed');  
 class Mymodel extends CI_Model   
 {  
      public function tampil_mahasiswa()  
      {  
           $data = $this->db->query('select * from mahasiswa');  
           return $data->result_array();  
      }  
 }  
Kemudian buat controllernya masuk ke folder controller lalu buat fungsi untuk memanggil fungsi yang kita buat di model disini controllernya namanya welcome.php
 <?php  
 defined('BASEPATH') OR exit('No direct script access allowed');  
 class Welcome extends CI_Controller {  
      public function index()  
      {  
           $data = $this->mymodel->tampil_mahasiswa();  
           $this->load->view('2_tampil', array('data'=>$data));  
      }  
 }  
Setelah itu buat viewnya untuk menampilkan datanya pada browser
 <!DOCTYPE html>   
 <html>   
 <head>   
  <title>PhoneBook</title>   
 </head>   
 <body>   
  <h1>My Phonebook</h1>   
  <table border="1">   
  <tr>   
   <th>Nama</th>   
   <th>Alamat</th>   
   <th>Email</th>   
   <th>Kelas</th>   
  </tr>   
  <?php foreach ($data as $key){   
  ?>   
  <tr>   
   <td><?php echo $key['Nama']; ?></td>   
   <td><?php echo $key['Alamat']; ?></td>   
   <td><?php echo $key['Email']; ?></td>  
   <td><?php echo $key['Kelas']; ?></td>   
  </tr>   
  <?php   
  }   
  ?>   
  </table>   
 </body>   
 </html>   
Sesuaikan nama fieldnya dengan nama database anda, setelah itu coba dibrowser maka akan menampilkan data seperti yang ada pada database

Sudah terlihat dan data yang ditampilkan sesuai dengan yang ada di database. Cukup sekian kurang lebihnya mohon maaf yang sebesar-besarnya semoga bermanfaat dan terimah kasih :)

Jumat, 01 April 2016

ETS Pemrograman Web 2015/2016

Kunjungi web kami stickmypride.com

1. Tugas web yang telah dibuat

  • Web yang dikerjakan : stickmypride.com
  • Biaya web yang dikeluarkan
    • Hosting Unlimited : Rp.394.800
    • Domain "stickmypride".com : Rp 0- (gratis dari hostingnya)  
Web Stickmypride.com adalah web kelompok saya. Web ini nantinya akan dibuat menjadi website untuk jual beli stiker. pengerjaan web ini sementara akan menggunakan CMS sebagai awal dari tampilannya tetapi nantinya web ini akan di buat dengan scratch ato ngoding sendiri. website ini masih dalam pengerjaan jadi ditunggu saja yaaa

Fitur-fitur yang ada pada web
Fitur web ini masih belum seberapa. berikut adalah tampilannya 


 1. Tampilan Awal
 

2. Fitur Login

3. Fitur Signup

4. Menampilkan Stiker Sesuai Kategori

 

2. Program untuk memonitoring praktikum

Untuk mengoneksikan php ke database buat koneksi.php 


 <?php   
    $host='localhost';   
    $db='uts_pweb';   
    $user='root';   
    $pass='';   
    $conn=mysqli_connect($host,$user,$pass,$db);   
    if(!$conn) {   
       die("Gagal Koneksi: " . mysqli_connect_error());   
    }   
    else {   
       echo "Berhasil Konek";   
    }   
  ?>   

 Selanjutnya buat untuk login.php


 <!DOCTYPE html>  
 <html>  
 <head>  
      <title>Login</title>  
 </head>  
 <style>  
      .tabel{  
           background-color: salmon;  
           width: 20%;  
           margin: left;  
      }  
 </style>  
 <body>  
      <div class="tabel">  
           <form action="" method="post">  
           <table>  
                <tr>  
                     <td>Username</td>  
                     <td>:</td>  
                     <td><input type="text" name="username"></input></td>  
                </tr>  
                <tr>  
                     <td>Password</td>  
                     <td>:</td>  
                     <td><input type="text" name="password"></input></td>  
                </tr>  
                <tr>  
                     <td></td><td></td>  
                     <td>  
                          <input type="submit" name="login" value="Login"></input>  
                     </td>  
                </tr>  
           </table>  
           </form>            
      </div>  
 </body>  
 </html>  

Selanjutnya untuk menampilkan data.php


  <?php   
    include('koneksi.php');   
    $query = "SELECT * FROM mk";   
    $result = mysqli_query($conn,$query);   
    $i = 1;   
    echo "<h1>Daftar Mata Praktikum dan Jumlah Praktikan</h1>";   
    echo "<table border='1'>   
            <tr>   
              <th>kode_mk</th>   
              <th>nama_mk</th>   
              <th>jumlah_praktikan</th>   
            </tr>";   
    if(mysqli_num_rows($result) > 0)   
    {   
       while($row = mysqli_fetch_assoc($result)) {   
         echo "<tr>   
              <td>".$row["kode_mk"]."</td>   
              <td>".$row["nama_mk"]."</td>   
              <td align='center'>".$row["jumlah_praktikan"]."</td>   
            </tr>";   
         $i+=1;   
       }   
       echo "</table>";   
    }   
    echo "<br>";   
    echo '<a href="tambah_data_mk.php"><input type="submit" value="Tambah Data MK">';   
    mysqli_close($conn);   
  ?>   
Sekian untuk post kali ini, kurang lebihnya mohon maaf, Terima Kasih