Project Website Sistem Multimedia

  1. Logika Pogram

    Pada praktikum kali ini kami mempraktekkan pembuatan project website lengkap yang didalamnya terdapat session login, CRUD, dan upload video. CRUD (Create Read Update Delete) merupakan fungsi bantu yang digunakan di dalam framework CodeIgniter yang membuat kita lebih mudah melakukan pengolahan data dalam database kita. Sebenarnya membuat login di CI cukup mudah. Tidak jauh berbeda jika kita membuat login dengan php normal, tetapi CI memberikan Library yang akan mempermudah dan mengamankan setiap login yang kita buat.

    Teknik membuat halaman login ini digunakan untuk membuat halaman Administrator yang diharapkan terlindungi dari akses oleh pengguna umum, atau pengguna yang tidak mengetahui username dan password, atau istilahnya pengguna yang tidak terautentikasi.

    Sebelum pembuatan login page, terlebih dahulu kita buat tabel berisi data admin di MySQL, misalnya seperti ini:1

    
    

    Selain itu kita juga perlu untuk membuat tabel berisi data film di MySQL untuk fungsi CRUD dalam website kita.

    
    

2

Konfigurasi file pendukung

Pada file database.php yang terdapat pada 4IA16/application/config , kita ubah menjadi sebagai berikut

$db[‘default’][‘hostname’] = ‘localhost’;

$db[‘default’][‘username’] = ‘root’

$db[‘default’][‘password’] = ”;

$db[‘default’][‘database’] = ‘4ia16′;

$db[‘default’][‘dbdriver’] = ‘mysql’;

Pada file ’autoload.php kita cari script seperti di bawah ini

$autoload[‘libraries’] = array();

$autoload[‘helper’] = array();

$autoload[‘model’] = array();

Di edit sehingga menjadi:

$autoload[‘helper’] = array(‘url’, ‘form’, ‘file’);

$autoload[‘libraries’] = array(‘database’, ‘session’);

$autoload[‘model’] = array(‘user_model’,’crud’,’film_model’);

Pada file config.php kita cari script seperti dibawah ini

$config[‘base_url’] = ”;

$config[‘encription_key’] = ”;

Di edit menjadi

$config[‘base_url’] = ‘http://localhost/4IA16’;

$config[‘encription_key’] = ”sismulkey”;

Dan yang terakhir pada file routes.php kita cari script $route[‘default_controller’] = “welcome”;

Untuk diubah menjadi $route[‘default_controller’] = “login”;

Proses mengupload video memerlukan settingan yang agak berbeda dengan file-file lain seperti .doc, .pdf, .txt. Misalnya kita perlu menambahkan support terhadap mime yang diperlukan untuk beberapa format video.

Teknik upload media di Codeigniter adalah dengan cara membuat sebuah folder untuk menampung file yang sudah di upload, misalnya folder xampp/htdocs/4ia16/uploads/video untuk media video dan folder xampp/htdocs/4ia16/uploads/image untuk media image.

Selain itu kita juga perlu menambahkan mime file dengan format .flv, .wmv, dan .mp4 agar file-file video tersebut bisa diupload dengan codeigniter. Oleh karena itu mengedit file mime.php yang ada di xampp/htdocs/application/config/mimes.php, dimana kita tambahkan list berikut

3

Karena biasanya format video itu ukuran file nya besar, maka kita perlu menambahkan besar maksimum ukuran file yang bisa di upload dengan php. Untuk itu kita perlu mengubah file php.ini yang berlokasi di xampp/php/php.ini, disini kita mengubah pada bagian upload_max_filesize jadi 32MB.

Pada file php.ini kita cari script seperti di bawah ini

post_max_size = 2M;

upload_max_size = 2M;

Di edit sehingga menjadi:

post_max_size = 32M;

upload_max_size = 32M;

Aplikasi ini terdiri dari delapan buah file yaitu login.php, verifylogin.php, admin.php, login.php, index.php, tambah.php, update.php, crud.php.

Di folder controller kita membuat login.php, verifylogin.php dan admin.php.

File controller login.php memiliki dua fungsi yang mana akan mengaktifkan helper form dan file view login.php.

Sedangkan file controller verifylogin.php adalah controller khusus untuk mem validasi login yang telah dilakukan. Pada controller verifylogin, terdapat fungsi check_database yang digunakan untuk mengecek user ke database.

Jika setelah dicek ke database hasilnya benar, maka verifylogin.php akan mengarahkan aplikasi untuk membuka file admin.php. File admin.php adalah controller yang dituju jika login yang dilakukan berhasil.

File controller admin.php memiliki fungsi untuk mengaktifkan file view index.php. File index.php akan menampilkan halaman yang akan terbuka bila login sukses.

File admin.php juga merupakan controller yang kita gunakan untuk fungsi CRUD Create Read Update Delete). File controller admin.php memiliki memiliki fungsi-fungsi yang terbagi dalam dua bagian utama.

Bagian pertama adalah fungsi-fungsi yang digunakan untuk mengatur tentang file model crud.php, diantaranya yaitu fungsi tambah_film untuk Create film, fungsi index untuk Read film, fungsi update_film untuk Update film, dan fungsi delete untuk Delete film.

Bagian kedua adalah fungsi-fungsi yang memiliki sebuah fungsi untuk me-load file-file view, dimana file yang di load tersebut mengatur tentang tampilan teks dari website yang diakses. Fungsi-fungsinya diantaranya yaitu fungsi index untuk me-load file view index.php, fungsi tambah untuk me-load file view tambah.php, dan fungsi update untuk me-load file view update.php

  1. Perancangan Program

1

Source code file Controller login.php

2

Source code file Controller verifylogin.php

3

Source code file Controller admin.php

4

Source code file Views login.php

1

Source code file Views index.php

6

Source code file Views tambah.php

7

Source code file Views update.php

8

Source code file Models crud.php

  1. Hasil Program

1

Tampilan halaman Login

2

Tampilan halaman Index Film

3

Tampilan halaman Tambah Film

4

Proses upload film berhasil

5

Tampilan utama cover film

6

Tampilan utama isi film dalam bentuk video

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: