Nothing Special   »   [go: up one dir, main page]

Academia.eduAcademia.edu
Universitas Negeri Padang PHP dan Framework CodeIgniter Yeni Septiana Pendidikan Teknik Informatika 1102640 2015 Hai All.. Kali ini kita akan membahas tentang membuat Website dengan menggunakan bahasa pemrograman PHP dan Framework CodeIgniter  . List Pembahasan nya: A. Ulasan Tentang PHP B. Seputar CodeIgniter C. Bagaimana menggabungkan template ke framework CodeIgniter D. Membuat Login Multi User E. Create, Read, Update, Delete. Oke Langsung saja ke pembahasan yang pertama ya pemirsaahh.. A. Ulasan Tentang PHP PHP merupakan bahasa pemograman web yang menyatu dengan kode dasar HTML dan bersifat open source yang digunakan untuk membuat website dinamis. B. Seputar Framework CodeIgniter Terkadang muncul berbagai pertanyaan tentang, Apa itu framework? Kenapa Pakai Framework? Bagi saya, sebagai pemula, framework itu bias dikatakan sebagia alat bantu yang dapat memudahkan kita dalam mendesain sebuah aplikasi PHP. Karena di dalam framework telah tersedia struktur aplikasi yang baik, standard coding, best practice dan design pattern. Dengan menggunakan framework kita bias langsung focus kepada business process aplikasi kita. CodeIgniter merupakan sebuah framework aplikasi web yang memudahkan para developer untuk membangun sebuah aplikasi PHP dinamis. Kenapa mudah? Karena Framework CodeIgniter bersifat Open Source dan codeigniter juga telah meyediakan berbagai macam library yang dapat mempermudah developer dalam mengerjakan aplikasi. Sedikit ulasan Codeigniter menurut Buku:  Menurut wardana (2010:4) Framework codeigniter merupakan framework yang palig mudah dikuasai untuk seorang pemula. Codeigniter dapat dioperasikan dalam PHP 4.3.2+ maupun 5 sehingga jika membuat aplikasi website pada sebuah server yang masih belum support PHP 5, ini tidak akan menjadi masalah karena masih tetap dapat bekerja. Konsep pemograman CI framework yaitu metode MVC (ModelViewController) dalam menuliskan sintaks kode. MVC adalah sebuah metode untuk membuat sebuah aplikasi web dengan memisahkan data (model) dari tampilan (view) dan cara bagaimana memprosesnya (Controller). Dalam implementasinya kebanyakan framework dalam aplikasi website adalah berbasis MVC. MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan bagian yang menjadi kontrol dalam sebuah aplikasi web. a. Model Kode sintak model berhubungan lansung dengan database untuk manipulasi data, menangani validasi dari bagian Controller dan lain sebagainya. Kegiatan model ini tidak dapat berhubungan langsung dengan bagian view melainkan mesti berhubungan terlebih dahulu dengan Controller. b. View Kode View adalah bagian yang mengatur tampilan kepengguna atau yang menagani presentation logic. Biasa dikatakan berupa halaman file template HTML, yang diatur oleh Controller. View sebagai penerima dan yang mempersentasikan data kepada user. Kegiatan ini tidak memiliki akses lansung terhadap bagian model melainkan mesti berhubungan terlebih dahulu dengan Controller. c. Controller Controller merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, Controller berfungsi untuk menerima request data dari user kemudian menentukan apa yang diprosses oleh aplikasi. Controller berisi skrip-skrip PHP yang berfungsi untuk memproses suatu data dan mengirimkannya ke halaman web. C. Bagaimana Menggabungkan Template ke dalam Framework CodeIgniter Untuk mendesain sebuah web, terkadang beberapa development menggunakan sebuah template agar mempermudah mendesain tampilan web yang akan dibut. Tentusaja tidak semua orang yang seperti itu. Oke langsung saja kita bahas cara menggabungkan Template ke dalam aplikasi Web PHP dengan framework CodeIgniter. Alat dan Bahan: (kayak bikin adonan kue aja) a. Siapkan framework CodeIgniter Versi 3.0 b. Siapkan Sebuah template. Disini saya memakan template admin bootstap. Binnary Admin template. c. Sublime Text (atau editor text lainnya sesuai keinginan dan kebiasaan) d. Oke itu aja dulu.. Langkah-langkah 1. Buatlah sebuah folder project di dalam folder htdoct Xampp anda. Beri nama sesuai dengan aplikasi yang akan anda buat. Kali ini saya membuat aplikasi dengan nama latihan 2. Copykan semua isi dari Folder CodeIgniter 3.0 yang sudah di download tadi. Jika masih berbentuk .rar extract dulu. Jika sudah di copukan, maka hasilnya seperti ini  3. Kemudian copykan folder template kita tadi ke folder Latihan. Beri nama sesuai keinginan. Kali ini saya member nama Template 4. Halaman yang pertama kali terbuka pada aplikasi Latihan ini adalah halaman login. Jika ingin anda menampilkan halaman lain(berbeda dengan saya) juga tidak apa-apa. Caranya sama saja kok.. :* 5. Buatlah sebuah Controller baru di folder controller untuk memanggil halaman login yang akan kita buat. Beri nama C_login.php. Jangan lupa untuk penamaan pada Controller dan Model harus diawali dengan HURUF BESAR DAN NAMA FILE HARUS SAMA DENGAN NAMA CLASS NYA. Pada function index, $this->load->view(‘login’); artinya memanggil views login.php 6. Kemudian kita buat file login.php di views nya 7. Copykan File login.html yang ada pada template ke application/views 8. Ubah format login.html menjadi file PHP 9. Buka File login.php dengan menggunakan editor Text Anda. Panggil fungsi-fungsi css dan js dari template dengan base url PHP. 10. Sebelumnya kita setting dulu helper di autoload. Buka application/config/autoload Setting seperti ini. 11. Kemudian baru kita setting URL di Views login.php nya  Jadi seperti ini Mengapa template? Karena folder template tadi saya namai dengan template. Silahkan tambahkan base_url ke semua link template nya. 12. Jika sudah, kita ganti default controller project Latihan tadi menjadi C_login. Gantinya di application/config/routes Jika sudah, mari kita panggil aplikasi Latihan tadi di web browser. http://localhost/Latihan/ maka hasilnya seperti ini  oiaa.. jika tidak mau, copykan script ini ke project anda simpan dengan nama .htaccess RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L] Selesai… list C ^_^ D. Membuat Login Multi User Hal yang pertama kita buat tentunya database aplikasi kita :D Disini saya membuat sebuah database dengan nama latihan dan sebuah table dengan nama tb_user Isi databasenya Login admin : username: admin , Password: admin Login user : username: user , Password: user Passwordnya di enkripsi MD5 Setting pada aplplication/config/database. Sesuaikan dengan nama database kita Kemudian setting pula pada autoloadnya, Kemudian setting pula di confignya Hahahah :D nama nya boleh terserah aja kok Okee Buat sebuah model dengan nama M_login Sekarang kita tambahkan fungsi untuk login pada controller C_login.php Pertama sekali kita panggil dulu model, helper dan library nya . untuk model M_login, Lalu buatlah sebuah function baru dengan nama cek_login Kemudian buat lagi function akses login, untuk mengarahkan halaman setiap user setelah login. Sesuai level masing-masing Siiippp.. Sekarang kita buka file login nya di views login.php . setting action dan methodnya. Jangan lupa sama kan nama username dan passwordnya dengan nama di model. Perhatikan. Coding validation yang kita buat. berguna Kemudian ganti button Login nya menjadi seperti ini Mari kita coba di browser Jika username dan password tidak diisi maka akan tampil seperti ini untuk memanggil form Jika username dan password benar, maka akan tampil seperti iini Oh noooo… kenapa ini, kok halaman nya tidak ditemukan siih.. hahah oh iya, halaman Home masing-masing user nya belum dibikin loh.. :D :D Mari kita buat function home_admin dan home_user di controller C_login tadi:D Kemudian kita buat juga view nya. Buat 2 halaman view. Yang pertama admin.php yang kedua user.php Gunakan file blank.php yang sudah di sediakan template. Tambahkan session name nya untuk memanggil nama user yang login. JANGAN LUPA MEMANGGIL CSS DAN JS TEMPLATE DENGAN BASE URL PHP IKUTI CARA TADI. Jika sudah, mari kita login lagi. Ini tampilan login admin Dan ini login user Siip kan. Untuk list yang no 5, membuat CREATE READ UPDATE DELETE nya kita pending dulu ya.. good luck guys :D