FINAL PROJECT PWEB A

TUGAS 

Final Project kali ini kita membuat sebuah website Penerimaan Peserta Didik Baru (PPDB) Online

dengan Ruang lingkup sebagai berikut

Ruang lingkup Website

WEBSITE PPDB ONLINE

A. Deskripsi Website

Website PPDB online ini merupakan website Pendaftaran Siswa di Madrasah Berstandart Internasional (MBI) Amanatul Ummah Surabaya yang merupakan sekolah Pesantren yang memiliki kurikulum formal serta berbasis pesantren. Untuk mendaftar di sekolah ini terlebih dahulu calon pendaftar mendaftar online malalui website dan mengikuti Seleksi tulis secara langsung. Kemudian peserta yang lolos seleksi namanya akan ditampilkan pada website. 
Menu yang terdapat pada website yakni menu Utama, Hasil seleksi, dan Pendaftaran ,

B. Database

Sebelumnya kita tentukan terlebih dahulu PDM untuk PPDB

PDM dari PPDB

setelah itu kita buat database baru pada CPanel dari hosting yang kita gunakan sebelumnya. 

Menu yang terdapat pada Cpanel Hosting

kemudian pihih PHPMyAdmin. lalu buat database baru beseta tabel dan data-datanya

Database Tabel PPDB

.

C. Arsitektur Sistem

Untuk arsitektur sistem kita menggunakan framework Code Igniter. dalam Hosting sendiri telah disediakan disk untuk membuat semua framework dan dapat diakses secara online. Untuk dapat mengaksesnya, login ke CPanel terlebih dahulu dan pilih File Manager. Di folder tersebut kita dapat memanagemen file PHP. Framework CodeIgniter ini terbagi menjadi tiga komponen antara lain:


  1. Model

       Model disini berfungsi sebagai data stuktur, dimana Model terdiri atas fungsi yang dapat menginsert, update dll. Model pada website PPDB dibagi menjadi 2 yakni Model untuk User dan admin.

Database Controller

2. Controller

     
Controller berfungsi sebagai . pemanggilan fungsi sendiri memlalui Controller, ia menghubungkan antara model dengan view. Controller pada website PPDB ini terbagi menjadi 3 yakni Admin, user dan Login.

Databae Controller

 3. View

View berfungsi sebagai data yang  akan ditampilkan apada browser. View pada website PPDB dibagi menjadi 2 yakni View pada Admin dan User

Database View

        

D. Interface

  Website PPDB Online MBI Amanatul Ummah Surabaya dapat diakses melalui ppdb.ourtrav.com .

Pada Menu utama atau beranda terdapat gambaran singkat mengenai sekolah MBI Amanatul Ummah beserta jadwal kegiatan sehari-hari.

Tampilan  Menu Beranda

 pada menu Hasil seleksi akan ditampilkan data siswa yang telah lulus seleksi tulis dan selanjutnya peserta yang lolos dapat langsung mendaftar ulang

Tampilan Menu 

Pada menu Pendaftaran, terdapat form pendaftaran dimana calon peserta dapat mengisikan data diri kedalam form tersebut.

Tampilan Menu Pendaftaran

 Menu login disini diperuttukan bagi admin, dimana admin dapat mengelola website nantinya.

Tampilan Menu Login

Tutorial Menggunakan Grocery Crude

Setelah sebelumnya tutorial menggunakan Code Igniter, sekarang akan ada tutorial untuk menggunakan template di CI yang bernama Grocery Crude. Berikut Tutorial nya :

1. Download Grocery CRUD dan copykan ke dalam folder CI2. Buka folder ci/application/config/database.php menggunakan sublime text atau text editor lainnya, kemudian isikan code dibawah ini untuk mereplace code sebelumnya

<?php  
 defined('BASEPATH') OR exit('No direct script access allowed');  
 $active_group = 'default';  
 $query_builder = TRUE;  
 $db['default']['hostname'] = 'localhost';  
 $db['default']['username'] = 'root';  
 $db['default']['password'] = '';  
 $db['default']['database'] = 'my_new_cms';  
 $db['default']['dbdriver'] = 'mysqli';  
 $db['default']['dbprefix'] = '';  
 $db['default']['pconnect'] = TRUE;  
 $db['default']['db_debug'] = TRUE;  
 $db['default']['cache_on'] = FALSE;  
 $db['default']['cachedir'] = '';  
 $db['default']['char_set'] = 'utf8';  
 $db['default']['dbcollat'] = 'utf8_general_ci';  
 $db['default']['swap_pre'] = '';  
 $db['default']['autoinit'] = TRUE;  
 $db['default']['stricton'] = FALSE;  
 $db['default']['failover'] = array();  

3. Buat controller baru dengan mengetik kode berikut

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');  
 class Main extends CI_Controller {  
   function __construct()  
   {  
     parent::__construct();  
     $this->load->database();  
   }  
   public function index()  
   {  
     echo "<h1>Saya Tampan</h1>";  
     die();  
   }  
 }>

Output nya akan menjadi Saya Tampan :D

Kemudian Buatlah tabel pada database :

CREATE TABLE IF NOT EXISTS `employees` (  
  `employeeNumber` int(11) NOT NULL AUTO_INCREMENT,  
  `lastName` varchar(50) NOT NULL,  
  `firstName` varchar(50) NOT NULL,  
  `extension` varchar(10) NOT NULL,  
  `email` varchar(100) NOT NULL,  
  `officeCode` varchar(10) NOT NULL,  
  `file_url` varchar(250) CHARACTER SET utf8 NOT NULL,  
  `jobTitle` varchar(50) NOT NULL,  
  PRIMARY KEY (`employeeNumber`)  
 ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1703 ;  
 INSERT INTO `employees` (`employeeNumber`, `lastName`, `firstName`, `extension`, `email`, `officeCode`, `file_url`, `jobTitle`) VALUES  
 (1002, 'Murphy', 'Diane', 'x5800', 'dmurphy@classicmodelcars.com', '1', '', 'President'),  
 (1056, 'Patterson', 'Mary', 'x4611', 'mpatterso@classicmodelcars.com', '1', '', 'VP Sales'),  
 (1076, 'Firrelli', 'Jeff', 'x9273', 'jfirrelli@classicmodelcars.com', '1', '', 'VP Marketing'),  
 (1088, 'Patterson', 'William', 'x4871', 'wpatterson@classicmodelcars.com', '6', '', 'Sales Manager (APAC)'),  
 (1102, 'Bondur', 'Gerard', 'x5408', 'gbondur@classicmodelcars.com', '4', 'pdftest.pdf', 'Sale Manager (EMEA)'),  
 (1143, 'Bow', 'Anthony', 'x5428', 'abow@classicmodelcars.com', '1', '', 'Sales Manager (NA)'),  
 (1165, 'Jennings', 'Leslie', 'x3291', 'ljennings@classicmodelcars.com', '1', '', 'Sales Rep'),  
 (1166, 'Thompson', 'Leslie', 'x4065', 'lthompson@classicmodelcars.com', '1', '', 'Sales Rep'),  
 (1188, 'Firrelli', 'Julie', 'x2173', 'jfirrelli@classicmodelcars.com', '2', 'test-2.pdf', 'Sales Rep'),  
 (1216, 'Patterson', 'Steve', 'x4334', 'spatterson@classicmodelcars.com', '2', '', 'Sales Rep'),  
 (1286, 'Tseng', 'Foon Yue', 'x2248', 'ftseng@classicmodelcars.com', '3', '', 'Sales Rep'),  
 (1323, 'Vanauf', 'George', 'x4102', 'gvanauf@classicmodelcars.com', '3', '', 'Sales Rep'),  
 (1337, 'Bondur', 'Loui', 'x6493', 'lbondur@classicmodelcars.com', '4', '', 'Sales Rep'),  
 (1370, 'Hernandez', 'Gerard', 'x2028', 'ghernande@classicmodelcars.com', '4', '', 'Sales Rep'),  
 (1401, 'Castillo', 'Pamela', 'x2759', 'pcastillo@classicmodelcars.com', '4', '', 'Sales Rep'),  
 (1501, 'Bott', 'Larry', 'x2311', 'lbott@classicmodelcars.com', '7', '', 'Sales Rep'),  
 (1504, 'Jones', 'Barry', 'x102', 'bjones@classicmodelcars.com', '7', '', 'Sales Rep'),  
 (1611, 'Fixter', 'Andy', 'x101', 'afixter@classicmodelcars.com', '6', '', 'Sales Rep'),  
 (1612, 'Marsh', 'Peter', 'x102', 'pmarsh@classicmodelcars.com', '6', '', 'Sales Rep'),  
 (1619, 'King', 'Tom', 'x103', 'tking@classicmodelcars.com', '6', '', 'Sales Rep'),  
 (1621, 'Nishi', 'Mami', 'x101', 'mnishi@classicmodelcars.com', '5', '', 'Sales Rep'),  
 (1625, 'Kato', 'Yoshimi', 'x102', 'ykato@classicmodelcars.com', '5', '', 'Sales Rep'),  
 (1702, 'Gerard', 'Martin', 'x2312', 'mgerard@classicmodelcars.com', '4', '', 'Sales Rep');  

4. Lalu controller tadi tambahkan code di bawah

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

 class Main extends CI_Controller {  
   function __construct()  
   {  
     parent::__construct();  
     /* Standard Libraries of codeigniter are required */  
     $this->load->database();  
     $this->load->helper('url');  
     /* ------------------ */   
     $this->load->library('grocery_CRUD');  
   }  
   public function index()  
   {  
     echo "<h1>Welcome to the world of Codeigniter</h1>";//Just an example to ensure that we get into the function  
         die();  
   }  
   public function employees()  
   {  
     $this->grocery_crud->set_table('employees');  
     $output = $this->grocery_crud->render();  
     $this->_example_output($output);      
   }  
   function _example_output($output = null)  
   {  
     $this->load->view('our_template.php',$output);    
   }  
 }  

5. Pada folder view tambahkan code berikut :

 <div>  
     <a href='<?php echo site_url('examples/offices_management')?>'>Offices</a> |   
     <a href='<?php echo site_url('examples/employees_management')?>'>Employees</a> |  
     <a href='<?php echo site_url('examples/customers_management')?>'>Customers</a> |  
     <a href='<?php echo site_url('examples/orders_management')?>'>Orders</a> |  
     <a href='<?php echo site_url('examples/products_management')?>'>Products</a> |   
     <a href='<?php echo site_url('examples/film_management')?>'

Selesai... Sekian untuk tutorial kali ini

Code Igniter Tutorial

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.


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

TUGAS PEMROGRAMAN WEB UTS KELAS A

Halo, di kesempatan kali ini saya akan membagikan tentang tugas pemrograman web. Situs web kami berjudul ourtrav.com dengan biaya hosting sebesar Rp 190.000,00

Dan inilah langkah-langkahnya :

1. Masuk sebagai admin dengan cara http://www.ourtrav.com/wp-admin lalu masukkan user dan password
2. Install plugin wordpress dan tema sesuai yang kita inginkan, di situs ini menggunakan Zerif Lite
3. Mencari plugin yang berhubungan dengan e-commerce dan akhirnya menggunakan WooCommerce
4. Mengubah sedikit tampilan agar sesuai dengan kebutuhan
5. Mengisi dengan tempat-tempat wisata dan keterangan serta lokasinya

Home

Pilihan Hotel

Pilihan sorting yang tersedia

Pilihan tempat wisata

Review Tempat Wisata

Menu Login dan Register

2. Program yang memonitor praktikum

    Yang pertama kita lakukan adalah mengaktifkan XAMPP dan menghubungkannya dengan text editor

    Kemudian buat koneksi antara php dengan database, akan menampilkan sukses jika sudah terhubung

  Buat menu login, berikut tampilan dan source codenya

  

  Kemudian buat database matkul seperti di gambar ini

    

Inilah hasilnya dan source code nya

Futsal U2CUP UKMKHD UNAIR

Sabtu, 14 Desember 2013 adalah saat asrama tempat tinggal saya, asrama hindu Tirta Gangga atau yang disingkat dengan ASTAGA akan bertanding futsal dalam lomba U2CUP yang diselenggarakan oleh UKMKHD Unair, lomba ini se-jawa jadi prestise nya cukup tinggi. Jadi asrama saya sangat bersemangat dalam menyongsong pertandingan ini. Di pertandingan pertama TPKH ITS yang mengirim 2 tim justru harus saling sikut, TPKH ITS 1 memenangkan laga dengan adu penalti. Akhirnya asrama saya pun bertanding, dan pada pertandingan pertama saya harus berhadapan dengan tuan rumah UKMKHD Unair. Kami memenangkan laga ini dengan skor yang cukup meyakinkan  2-0. Setelah itu kami mendapat waktu istirahat sekitar 2 jam untuk menyongsong pertandingan berikutnya. Saya mengisi waktu saya dengan tidur dan bermain basket di lapangan yang dimiliki oleh fasor Unair. Akhirnya jam 5 pertandingan kami pun dimulai, melawan tim UWK 1. Ternyata mereka sangat jago, di babak pertama mereka sudah unggul 3-0. Asrama saya pun pasrah dan memutuskan bermain santai saja, tapi permainan kami jadi jauh lebih baik dan tidak kebobolan lagi. Meski kalah 3-0 saya tetap senang karena bertemu dengan banyak kawan non ITS dan bertemu cewe-cewe cantik di unair, sesuatu yang sulit dicari di ITS. Setelah pertandingan saya pulang dan makan-makan dengan penghuni asrama yang lain. 

Persiapan SW

Hari ini saya berlatih untuk persiapan SW Teknik Informatika ITS yang ke 108. Saya menjadi sie acara, padahal sebelumnya menjadi sie konsumsi. Dikomandoi oleh zikrul, saya bersama teman-teman asik berlatih yelyel untuk SW besok. Jujur saja melihat teman-teman bahagia seperti ini sungguh menyenangkan, semua hanya bernyanyi dan tertawa, melupakan demo sisdig ataupun hasil uts yang mungkin tidak terlalu baik bagi beberapa orang. Saya harap kumpul seperti ini akan bisa terus dilakukan, meski tadi tidak banyak yang ikut kumpul latihan, tapi semangat latihan nya saya acungi jempol. Semoga besok acara SW 108 bisa berlangsung dengan sukses. Vivat TC

Latar Belakang

Terima kasih pada Tuhan Yang Maha Esa karena berkat beliau lah blog ini dapat tercipta. Blog ini dibuat sebagai penugasan oleh senior saya yang bernama Hani Ramadhan. Saya sendiri bernama Arya Prasetya, mahasiswa baru di Teknik Informatika ITS. Semoga dengan adanya blog ini dapat memberi manfaat bagi para pembaca. Sekian latar belakang dari blog ini dan saya ucapkan terima kasih.