Friday, April 15, 2016

Codeigniter Helloworld dan Phonebook sederhana

apa itu Codeigniter? codeigniter merupakan sebuah framework PHP yang bersifat open source dengan metode MVC (Model, View, Controller) untuk memudahkan kita dalam membangun sebuah website dinamis menggunakan PHP. dirilis pertama kali pada 28 Februari 2006.

Mengapa menggunakan codeigniter?
codeigniter sangatlah ringan dan merupakan framework yang baik.
berikut mengapa memilih codeigniter.

  1. kapasitas yang kecil dengan kinerja yang sangat baik
  2. metode pendekatan MCV untuk pengembangan
  3. menjalankan PHP 4 dan 5
  4. Mendukung penggunaan sebagian besar database MySQL, MySQLi, MS SQL, Postgres, Oracle, SQLite dan ODBC.
  5. operasi caching yang mudah
  6. mudah diekstensi


Apa itu MCV?
MCV merupakan  sebuah konsep dimana pemrograman logic dan design dipisah. pemisahan ini dapat memudahkan dan memungkinkan programmer dan designer bekerja secara terpisah dan fokus terhadap spesialisasi mereka masing-masing.

Model
model merepresentasikan struktur data yang akan anda gunakan. biasanya model classes berisi fungsi-fungsi yang membatu untuk menagbil(retrieve), mamasukkan(insert) dan merubah/menambahkan(update) data ataupun informasi dari database.

View
merupakan tampilan yang akan diperlihatkan kepada user. biasanya sebuah web page, namun dalam Codeigniter, view juga digunakan sebagai bagian dari page seperti header dan footer. view dapat juga digunakan untuk RSS page ataupun type page lainnya.

Controller
merupakan penghubung antara model, view, dan sumber lainnya yang dibutuhkan untuk memproses HTTP request dan membuat sebuah web page.

codeigniter dapat didownload di http://www.codeigniter.com/download. setelah download, unzip dan rename folder sesuai kebutuhan. dalama tutorial ini saya menggunakan CodeIgniter-3.0.6, saya merenamenya menjadi CI. kemudian letakkan folder tersebut dalam localhost anda, disini saya menggunakan XAMPP. letakkan folder tersebut kedalam folder htdocs. kemudian buka melalui browser dengan alamat localhost/[namafolder]. karena saya menamainya CI maka saya membuka localhost/CI
maka akan muncul seperti ini



Configurasi Codeigniter
sekarang kita akan melakukan konfigurasi agar dapat memudahkan kita menggunakan sesuai dengan kebutuhan kita. disini saya menggunakan database untuk memunculkan helloword.
buka application/config/database.php dan ubah pada bagian sesuai tampilan dibawah

1       'hostname' => 'localhost',  
2       'username' => 'root',  
3       'password' => '',  
4       'database' => 'helloworld',  
5       'dbdriver' => 'mysqli',  

kita akan menggunakan autoload sehingga kita tidak perlu melakukan load setiap membukanya
buka application/config/autoload.php dan tambahkan seperti dibawah

1  $autoload['libraries'] = array('database');  

biasanya CI akan mempunya default controller bernama "welcome.php"
dapat ditemukan difolder application/controllers. hapus file tersebut, kemudian buka application/config/routes.php dan ubah defaultcontroller mengarah ke "Helloworld"

1  $route['default_controller'] = 'Helloworld';  

terdapat juga file view untuk "welcome" buka folder application/view/ dan hapus welcome_message.php

Membuat database
buatlah database bernama "helloworld" dan isikan berikut

1   CREATE TABLE `data` (  
2    `id` int(11) NOT NULL auto_increment,  
3    `title` varchar(255) NOT NULL,  
4    `text` text NOT NULL,  
5    PRIMARY KEY (`id`)  
6   ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;  
7      
8   INSERT INTO `data` (`id`, `title`, `text`) VALUES(1, 'Hello World!', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla   
9   sapien eros, lacinia eu, consectetur vel, dignissim et, massa. Praesent suscipit nunc vitae neque. Duis a ipsum. Nunc a erat. Praesent   
10  nec libero. Phasellus lobortis, velit sed pharetra imperdiet, justo ipsum facilisis arcu, in eleifend elit nulla sit amet tellus.   
11  Pellentesque molestie dui lacinia nulla. Sed vitae arcu at nisl sodales ultricies. Etiam mi ligula, consequat eget, elementum sed,   
12  vulputate in, augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;');  

Membuat Helloworld Model
buka folder application/models kemudian buat helloworld_model.php
isikan file helloworld_model.php seperti ini

1   <?php  
2   class Helloworld_model extends CI_Model{  
3          
4        function getData()  
5        {  
6             //Query the data table for every record and row  
7             $query = $this->db->get('data');  
8               
9             if ($query->num_rows() > 0)  
10            {  
11                 return $query->result();  
12            }  
13            else  
14            {  
15                 //show_error('Database is empty!');   
16            }  
17       }  
18  }  
19  ?>  

Membuat Helloworld Controller
sekarang kita akan membuat controller yang akan mendisplay view dan load model.
buka folder application/controllers dan buat file helloworld.php
isikan file helloworld.php seperti dibawah ini

1   <?php  
2        class Helloworld extends CI_Controller{  
3             function index()  
4             {  
5                  $this->load->model('helloworld_model');  
6                    
7                  $data['result'] = $this->helloworld_model->getData();  
8                  $data['page_title'] = "CI Hello world App!";  
9                    
10                 $this->load->view('helloworld_view',$data);  
11            }  
12       }  
13  ?>  

Membuat Hellowolrd View
Terakhir yang dibutuhkan yaitu membuat view. buka folder application/view dan buatlah file helloworld_view.php
isikan file helloworld_view.php seperti dibawah ini

1   <html>  
2        <head>  
3             <title><?=$page_title?></title>  
4        </head>  
5        <body>  
6             <?php foreach($result as $row):?>  
7             <h3><?=$row->title?></h3>  
8             <p><?=$row->text?></p>  
9             <br />  
10            <?php endforeach;?>  
11       </body>  
12  </html>  

terakhir dapat dilihat melalui browser dengan membuka localhost/CI dan hasilnya akan seperti ini



Phonebook Sederhana
berikutnya kita kita akan membuat Phonebook sederhana yang berisikan data Nama, Alamat, HP, E-mail dan Kelas. kembali ke folder htdocs dan rename kembali folder CI, disni saya merename menjadi CI_Phonebook.
kemudian ubah configurasi pada application/config/database.php menjadi seperti dibawah ini

1       'database' => 'phonebook',  

application/config/routes.php menjadi

1  $route['default_controller'] = 'Phonebook';  

Kemudian buatlah database dengan nama "phonebook" buat table dan input data

1  INSERT INTO phonebook VALUES ("Feter Akira Vedaalana","Jl.Gebang Lor no.51",08129061457,"fetersitepu@gmail.com","A");  
2  INSERT INTO phonebook VALUES ("Syauki Aulia","Jl.Tek.Komputer no.191",082016937654,"yaukings@gmail.com","A");  
3  INSERT INTO phonebook VALUES ("Tosca Cornery","Jl.Keputih",088883469542,"toscajagung@gmail.com","A");  
4  INSERT INTO phonebook VALUES ("Andre Yoh","Jl.Tek.Komputer no.191",08765133872,"andrerumapea@gmail.com","A");  
5  INSERT INTO phonebook VALUES ("Rahmat Rijal","Jl.keputih",08129547386,"rahmatrijal@gmail.com","A");  

buka folder application/models, ubah helloworld_model.php menjadi seperti dibawah dan rename menjadi phonebook_model.php

1   <?php  
2   class Phonebook_model extends CI_Model{  
3          
4        function getData()  
5        {  
6             //Query the data table for every record and row  
7             $query = $this->db->get('phonebook');  
8               
9             if ($query->num_rows() > 0)  
10            {  
11                 return $query->result();  
12            }  
13            else  
14            {  
15                 //show_error('Database is empty!');   
16            }  
17       }  
18  }  
19  ?>  

selanjutnya buka folder application/controllers, ubah isi helloworld.php menjadi seperti dibawah ini dan rename menjadi phonebook.php


1   <?php  
2        class phonebook extends CI_Controller{  
3             function index()  
4             {  
5                  $this->load->model('phonebook_model');  
6                    
7                  $data['result'] = $this->phonebook_model->getData();  
8                  $data['page_title'] = "Phone Book!";  
9                    
10                 $this->load->view('phonebook_view',$data);  
11            }  
12       }  
13  ?>  

dan yang terakhir buka folder application/view, ubah isi helloworld_view.php dan rename menjadi phonebook_view.php

1   <html>  
2        <head>  
3             <title><?=$page_title?></title>  
4        </head>  
5        <body>  
6             <h1>Phone Book</h1>  
7             <table border="1">  
8                  <thead>  
9                            <tr style="background-color:orange">  
10                                <th>Nama</th>  
11                                <th>Alamat</th>  
12                                <th>HP</th>  
13                                <th>E-mail</th>  
14                                <th>Kelas</th>  
15                           </tr>  
16                 </thead>  
17            <tbody>  
18                 <?php foreach($result as $row):?>  
19                      <tr>  
20                           <td><?=$row->nama?></td>  
21                           <td><?=$row->alamat?></td>  
22                           <td><?=$row->hp?></td>  
23                           <td><?=$row->email?></td>  
24                           <td><?=$row->kelas?></td>  
25                      </tr>  
26                 <?php endforeach;?>  
27            </tbody>  
28            </table>  
29            <br />  
30            <button type="submit">Tambah Data</button>  
31       </body>  
32  </html>  

dapat dilihat hasilnya dengan menggunakan browser, localhost/CI_phonebook



Semoga dapat bermanfaat.
Terima kasih.

Saturday, April 2, 2016

ETS Pemrograman Web E 2015/2016

1. Tugas pembuatan web domain komersil
Link Web: sewainkos.com

Total Biaya
Order domain : Rp.115.000/tahun
Hosting Personal : Rp.708.000/tahun

Langkah-langkah pengerjaan:
1. Membeli Hosting Domain yang sesuai
2. Install CMS yang ingin digunakan
3. Pilih dan pasang tema yang diinginkan
4. Install Plug-in yang dibutuhkan
5. Isi informasi dan fitur-fitur yang diperlukan

Fitur-fitur
Home
Bagian awal website untuk perkenalan dan memberikan kenyamanan


Kos
untuk melihat berbagai macam kos. akan dimunculkan kos yang memiliki rating tertinggi dan kualitas terbaik.


Hubungi kami
sebagai penghubung untuk menerima saran, kritik, komplain, dan hal-hal yang dibutuhkan. baik dari klien dan pihak umum dan juga sebagi pengenal.


Pasang Iklan
digunakan untuk pihak yang ingin memasang iklan agar menghubungi dengan formal sehingga dapat ditindaklanjuti dengan baik dan profesional



2. Program untuk monitoring Praktikum
1. Koneksi.php

1  <?php  
2  $host='localhost';  
3  $database='ets-pweb';  
4  $username='root';  
5  $password='';  
6     
7  $conn = new mysqli($host, $username, $password, $database);  
8     
9            if(!$conn)  
10                 {  
11                      die("Connection failed: ". mysqli_connect_error());  
12                 }  
13            else echo "connected succesfully"  
14   
15  ?>  

">





2. Login.php

1  <html>  
2  <head>  
3       <title>Login</title>  
4  </head>  
5  <body>  
6       <div>  
7            <form action="" method="POST">  
8            <p><label>User Name: </label>  
9            <input id="username" type="text" name="username" placeholder="username" /></p>  
10            <p><label>Password&nbsp;&nbsp;&nbsp;: </label>  
11            <input id="password" type="password" name="password" placeholder="password" /></p>  
12            <input type="submit" name="submit" value="Login" />  
13            </form>  
14       </div>  
15  </body>  
16  </html>  

Tampilan Login










3. Tampilkandata.php
1  <?php  
2       include "koneksi.php";  
3       $query = "SELECT * FROM praktikum";  
4       $result = $conn->query($query);  
5  ?>  
6  <html>  
7       <head>  
8            <title>Tampilkan Data</title>  
9       </head>  
10       <body>  
11            <h1>Daftar Mata Praktikum dan Jumlah Praktikan</h1>  
12            <table border="1">  
13                 <thead>  
14                      <tr>  
15                           <th>No.</th>  
16                           <th>Kode</th>  
17                           <th>Mata Praktikum</th>  
18                           <th>Jumlah Praktikan</th>  
19                      </tr>  
20                 </thead>  
21            <tbody>  
22            <?php  
23                 while ($row = $result->fetch_assoc())  
24            {?>  
25                 <tr>  
26                      <td><?php echo $row["no"]?></td>  
27                      <td><?php echo $row["kode"]?></td>  
28                      <td><?php echo $row["mata_praktikum"]?></td>  
29                      <td align="right"><?php echo $row["jumlah_praktikan"]?></td>  
30                 </tr>  
31            <?php  
32            }?>  
33            </tbody>  
34            <tfoot></tfoot>  
35            </table>  
36  </br>  
37            <button type="submit">Tambah Data MK</button>  
38       </body>  
39  </html>  

Hasil Tampilankandata










terima kasih