Laporan Final Project Pemrograman Web A

LAPORAN PEMROGRAMAN WEB

SISTEM PPDB ONLINE

Deni Ismail                              5114100022 Ananda Ricky                          5114100056 Farhan Ramadhana                  5114100078

I.      Rancangan Basis Data

II.                  Deskripsi Interface yang digunakan

1.       Gambar di bawah ini adalah halaman utama peserta yang ingin mendaftar, caranya dengan mendaftar terlebih dahulu, kemudian setelah melakukan pendaftaran, langsung lakukan login dengan menggunakan email yang telah di daftarkan.

2.       Gambar kedua berisi tampilan yang berupa tahapan pendaftaran yang harus dilakukan oleh siswa yang ingin mendaftar ke sekolah lanjutannya. Dengan detail urutan seperti gambar di bawah ini :

Gambar 2.0 Halaman Awal

Gambar 2.1 Pengisian Biodata

Gambar 2.2 Pilihan Sekolah

Gambar 2.3 Memasukkan Nilai

Gambar 2.4 Konfirmasi Data yang telah di isi

Setelah melakukan verifikasi data atau konfirmasi data, kartu pendaftara dapat langsung di cetak.

Gambar 2.4.0 Tools untuk cetak kartu pendaftaran

Gambar 2.5 Hasil Sementara dari perangkingan.

3.       Selanjutnya adalah data interface yang dilakukan oleh admin atau petugas kabupaten.

Gambar 3.0 Data Siswa pendaftar dengan keterangan tertentu.

Gambar 3.1 Data siswa yang belum di verifikasi petugas.

          Cara Verifikasi data dari petugas hanya mengecek apakah ada data yang kosong jika sudah benar langsung di konfiirmasi dan di validasi.

Gambar 3.1.0 Konfirmasi data siswa

III.                Penjelasan Setiap modul yang di gunakan adalah sebagai berikut :

1.       Controlers

-          Home.php

-          Register.php

-          Siswa.php

-          User.php

-          Welcome.php

2.       Model

-          Config_model.php

-          Main_model.php

-          Nilai_model.php

-          Pelajaran_model.php

-          Register_model.php

-          User_model.php

3.       View

-          Footer.php

-          Header.php

-          Index.php

-          Menu.php

-          Rank.php

-          User

·         Akun.php

·         Login.php

-          Siswa

·         Biodata.php

·         Index.php

·         Konfirmasi.php

·         Nilai.php

·         Sekolah.php

-          Admin

·         Hasil.php

·         Index.php

·         Nilai.php

·         Pelajaran.php

·         Sekolah.php

Code Igniter bagi Pemula

1 . Sedikit tenntang codeigniter.
Code igniter merupakan sebuah Web Application Framework untuk PHP yang cukup terkenal karena menawarkan berbagai kemudahan bagi programmer PHP untuk membangun aplikasi web, juga karena banyaknya programmer yang sudah menggunakannya, maka dengan mudah kita menemukan berbagai macam tutorial dan tips yang bisa kita pelajari dan ambil sesuai dengan kebutuhan di aplikasi yang kita bangun. CI mengusung Model View Controller (MVC) yaitu Model, View, dan Control.
Untuk mengggunakannya silahkan bisa download Codeigniter versi terbaru disini. Setelah selesai, langsung ekstrak dan kemudian copy kan ke folder root pada htdocs karena saya disini menggunakan xampp. Dan jangan lupa untuk merename folder yang tadi menjadi "codeigniter".

2. Latihan awal
Program tersimpel yang bisa dibuat dengan CI adalah program "Hello World!" dan langsung saja ke tutorialnya.
Pertama, buat page hello.php di C:\xampp\htdocs\codeigniter\application\controllers dan hello world.php di C:\xampp\htdocs\codeigniter\application\views

Pada hello.php di beri code seperti di bawah ini

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

class Hello extends CI_Controller {
    public function index()
    {
        $this->load->view('hello world');
    }
}

dan pada hello world.php seperti dibawah ini.

<t> Hello World ! </t>

Dengan begitu,dari program hello world tadi dengan cara memanggill program view bernama hello dan dengan cara masuk ke local host di http://localhost/codeigniter/index.php/hello maka tampilannya adalah sebagai berikut.

3. Membuat buku telfon sederhana menggunakan framework CI.
Langkah yang pertama adalah membuat Modelnya terlebih dahulu seperti dibawah ini. 

<?php   
 class model extends CI_Model  
 {  
      function __construct()  
      {  
           parent::__construct();  
           $this->load->database();  
      }  
      function index()  
      {  
           $query = $this->db->get('daftar');  
           return $query->result();  
      }  
 }  
 ?> 

Model digunakan sebagai struktur berupa query dan mengambil atau untuk select sebuah database dan tabel. Contoh diatas adalah mengambil data pada tabel 'daftar'. NAmun jangan lupa untuk menidupkan MySQL pada xampp terlebih dahulu.

Selanjutnya adalah membuuat struktur controller dan contohnya seperti di bawah ini.

<?php  
 defined('BASEPATH') OR exit('No direct script access allowed');  
 class control extends CI_Controller {  
      function __construct()  
      {  
           parent::__construct();  
           $this->load->helper(array('url','form'));  
           $this->load->model('model');  
      }  
      function phone()  
      {  
           $data['daftar'] = $this->model->index();   
           $this->load->view('view', $data);  
      }  
 }  

Controller digunakan untuk mengatur dan menghubungkan antara model yang telah dibuat dengan struktur view yang nanti akan dibuat untuk menampilkan hal yang diinginkan. Dalam hal ini controller juga berarti jembatan antara model dan view.

Yang terakhir adalah pembuatan view. View disini seperti html seperti biasa saat ingin menampilkan sebuah tabel, seperti ini. 

 <!DOCTYPE html>  
 <html>  
 <head>  
      <title>PWEB A</title>  
 </head>  
 <body>  
     <judul> Simple PhoneBook </judul> 
      <table border="1.5">  
           <tr>  
                <th>Nama</th>  
                <th>Alamat</th>  
                <th>No HP</th>  
                <th>Email</th>  
                <th>Kelas</th>  
           </tr>  
      <?php foreach ($daftar as $query){  
           ?>  
           <tr>  
                <td><?php echo $query->Nama; ?></td>  
                <td><?php echo $query->Alamat; ?></td>  
                <td><?php echo $query->No_HP; ?></td>  
                <td><?php echo $query->Email; ?></td>  
                <td><?php echo $query->Kelas; ?></td>  
           </tr>  
      <?php  
      }   
        ?>   
  </table>  
 </body>  
 </html>  

Dan untuk menampilkan tabel dari view, bisa dibuka di http://localhost/codeigniter/index.php/[nama_controller]/[nama_fungsi_controller]. Maka, hasilnya akan sesuai dengan tabel yang telah dibuat di database pada MySQL.

Tabel pada MySQL

Tabel pada web

Terimakasih telah mengikuti tutorial ini, sampai jumpa di tulisan saya selanjutnya.