Friday, 1 April 2016

[ETS] Pemrograman Web 2015/2016

Link domain web yang kami kerjakan bernama www.OURTRAV.com

List biaya yang kami keluarkan untuk mengerjakan web ini :
    - Hosting yang kami beli di www.rencong.net IDR 60.000
    - Domain yang kami beli di www.rencongweb.net IDR 120.000

Berikut merupakan hasil dokumentasi dari apa saja langkah langkah yang kami kerjakan selama membuat web ini :



Beberapa fitur yang telah kita buat :

1. Page yang menyediakan list wisata yang ada di indonesia


2. Pada page ini terdapat fitur yang dapat melihat peta lokasi dimana wisata tersebut berada


3. Page yang menyediakan list hotel yang ada di Indonesia


4. Pada page ini terdapat fitur yang dapat melihat peta lokasi dimana wisata tersebut berada dan menyediakan info lengkap mengenai hotel tersebut


5. User dapat login dan sign up


Dan berikut ini penjelasan saya dalam melakukan sinkronisasi antara database, file php dan web


1. Silahkan nyalakan XAMPP pada module Apache dan MySQL dengan klik actions start


2. Tekan actions admin pada module MySQL agar dapat sinkron dengan phpmyadmin sehingga browser otomatis terbuka dengan url seperti gambar di bawah.


3. Buat database baru dengan mengisi kolom yang tersedia pada menu create database seperti gambar dibawah lalu tekan create


4. Ketika masuk ke dalam database yang baru anda buat, browser anda akan menampilkan seperti gambar berikut maka lakukanlah create table dengan mengisi kolom yang tersedia lalu tekan Go


5. Buat kolom pada tabel 'user' dengan masuk ke dalam menu insert lalu isikan kolom yang tersedia sesuai kebutuhan. Tekan save jika merasa cukup.


6. Jika berhasil maka akan muncul tampilan seperti berikut pada menu structure


7. Buat database baru bernama 'mk'


8. Buat kolom pada tabel mk yang baru saja anda buat


9. Jika berhasil maka akan muncul tampilan seperti berikut


10. Insert data pada tabel mk seperti berikut



11. Untuk tampilan webnya maka ketikkan code berikut pada sublime dan simpan dengan nama TAMPILKANDATA.php
<h1>Daftar Praktikum dan Jumlah Praktikan</h1>   
   <body bgcolor="#d3c99b">   
   <table border="1" cellpadding="3" cellspacing="0">  
             <tr>  
              <th style="text-align:center;">KODE</th>  
              <th style="text-align:center;">MATA PRAKTIKUM</th>  
              <th style="text-align:left;">JUMLAH PRAKTIKAN</th>  
             </tr>  
            <tbody>  
             <?php include ('TAMPILKANDATA_QUERY.php'); ?>  
             <?php  
           foreach ((array)$datamk as $dm){   
             ?>              
             <tr>  
               <td align="center"><?php echo $dm[0]?></td>  
               <td align="left"><?php echo $dm[1]?></td>  
               <td align="left"><?php echo $dm[2]?></td>  
             </tr>  
             <?php  
           }  
         ?>  
           </tbody>  
           </table>  
    <br><input TYPE="submit" VALUE="Tambah Data MK">  
  </body>  
12. Karena kita membutuhkan query untuk apa yang akan kita tampilkan maka ketikkan code beikut
pada sublime dan simpan dengan nama TAMPILKANDATA_QUERY.php


query($data_mk)-&gt;fetchAll();
?&gt;

13. Maka ketika anda jalankan pada web browser akan muncul tampilan seperti berikut


14. Untuk tampilan login pada web, ketikkan code berikut pada sublime dan simpan dengan nama LOGIN.php


<html>  
   <body bgcolor="#d3c99b">  
    <div class="container">  
     <div class="row">  
         <div class="col-lg-12 text-center">  
           <!-- <img class="img-responsive img-border img-full" src="img/slide-1.jpg" alt=""> -->  
           <form method="POST" action="FINAL_QUERY.php">  
             <fieldset><br>  
             <label>USERNAME :</label>  
             <input type="text" name=""><br><br>  
             <label>PASSWORD :</label>  
             <input type="text" name=""><br><br>  
             <input TYPE="submit" VALUE="LOGIN">  
           </fieldset>  
         </div>  
       </div>  
     </div>  
   </body>  
 </html>  


15. Maka ketika anda mencobanya di web, akan muncul tampilan seperti berikut


16. Semua code diatas tidak akan berhasil terkoneksi dengan database tanpa aturan koneksi, sebagai solusinya ketikkan code berikut pada sublime dan simpan dengan nama koneksi.php

 setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);  
   //echo "Connected successfully";   
   }  
 catch(PDOException $e)  
   {  
   //echo "Connection failed: " . $e-&gt;getMessage();  
   }  
 ?&gt;  


Semoga bermanfaat !