Tugas 6

 


Codeigniter - Portfolio Website



CodeIgniter merupakan aplikasi sumber terbuka yang berupa kerangka kerja PHP dengan model MVC (Model, View, Controller) untuk membangun situs web dinamis dengan menggunakan PHP. CodeIgniter memudahkan pengembang web untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. CodeIgniter dirilis pertama kali pada 28 Februari 2006. Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan aplikasi web, berawal pada bahasa pemrograman Small Talk, MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan bagian yang menjadi kontrol aplikasi. Terdapat 3 jenis komponen yang membangun suatu pola MVC dalam suatu aplikasi yaitu:
  • View, merupakan bagian yang menangani logika presentasi. Pada suatu aplikasi web bagian ini biasanya berupa berkas templat HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada pengguna. Bagian ini tidak memiliki akses langsung terhadap bagian model.
  • Model, biasanya berhubungan langsung dengan pangkalan data untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, tetapi tidak dapat berhubungan langsung dengan bagian view.
  • Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima permintaan dan data dari pengguna kemudian menentukan apa yang akan diproses oleh aplikasi.

Membuat Project Melalui Composer

Jika belum melakukan instalasi Composer, bisa mengikuti langkah-langkah instalasi Composer disini. Setelah Composer diinstall, selanjutnya melakukan inisialisasi project dengan command:
Dari command tersebut akan dibuatkan direktori dengan nama sesuai dengan projectName yang kita buat.

Membuat Tampilan Web dan Menambahkan File CSS & JavaScript

Berikut merupakan beberapa code untuk tampilan web:

Berikut merupakan file CSS dan JavaScript yang digunakan:

Berikut tampilan Portfolio Web yang dibuat:


Comments

Popular posts from this blog

Calculator App dan Currency Converter App

Tugas 5