Tugas 6 - Pengenalan Framework CodeIgniter

 Berikut yang harus dipersiapkan sebelum melakukan percobaan membuat page menggunakan framework CodeIgniter:

  1. Melakukan instalasi untuk XAMPP. dapat di-download pada link berikut: Link Download XAMPP
  2. Men-download package untuk CodeIgniter versi 3, dapat di-download pada link berikut:Link Download CodeIgniter 3 
Setelah menginstall XAMPP dan men-download CodeIgniter package, maka langkah - langkah yang harus diikuti adalah sebagai berikut:
  1. Menjalankan service untuk XAMPP, yakni Apache dan MySQL

  2. Membuat sebuah folder baru untuk package CodeIgniter pada Direktori berikut: 'xampp/htdocs/'
  3. Meng-copy isi dari package dari CodeIgniter pada folder tersebut

  4. Membuat View load function pada file welcome.php, dapat diakses pada: 'xampp/htdocs/<nama folder CI>/application/controllers/welcome.php'
  5.  Menambahkan route untuk page baru yang telah dibuat pada file routes.php, dapat diakses pada: 'xampp/htdocs/<nama folder CI>/application/config/routes.php'
  6. Membuat about.php dan contact.php pada direktori berikut: 'xampp/htdocs/application/views/'

  7. Hasil untuk page yang telah dibuat adalah sebagai berikut:
            Welcome Page:

    
            About Page:


            Contacts Page:










Update untuk About Page:

Setelah mengimplementasikan css dan bootstrap pada project, maka screenshot dari project adalah sebagai berikut:






Comments

Post a Comment

Popular posts from this blog

Tugas 2 - Membuat Program Menggunakan .NET Framework

Image
Membuat program "Hello World" menggunakan Command Line Interface Buka Visual Studio 2019 dan Pilihlah opsi "Create a New Project" pada laman utama Visual Studio 2019 Gunakan Search Bar untuk mencari dengan keyword "Console Application" dengan bahasa C# dan kemudian klik tombol "Next" Masukkan Project name beserta Solution name dan alamat repositori, kemudian klik tombol "Next" Pilih opsi target framework ".NET Core 3.1" dan klik tombol "Create" Tambahkan Code Snippet berikut ini pada fungsi Main( ): Program sudah dapat di Run dengan opsi "Run without Debug" atau dengan hotkey "Ctrl + F5" Membuat program Currency Converter dengan .NET Windows Forms Saat akan membuat project, pilihlah template "Windows Forms App" dengan C# Language Menggunakan Toolbox, buatlah form agar sedemikian rupa menjadi seperti desain berikut Untuk menambahkan form dengan tombol up-down, gunakan toolbox kemudian pil...
Read more

Tugas 7 - CRUD Pada Framework CodeIgniter

Image
 Hal - hal yang diperlukan: Menyiapkan template awal untuk CodeIgniter Mempersiapkan Bootstrap 4 untuk template halaman Langkah - langkah untuk membuat laman CRUD pada CodeIgniter adalah sebagai berikut: Membuat database di PHPMyAdmin, pada contoh, database yang akan dibuat adalah database tokobuah Membuat tabel dengan nama products dengan struktur seperti tertera pada gambar Buka direktori xampp/htdocs/<nama project>/application/config/ dan editlah file database.php sesuai dengan settings  untuk database yang ada pada XAMPP localhost Membuat model dengan nama Product_model.php dan editlah model sesuai kebutuhan. Selengkapnya dapat dilihat pada repositori github Membuat routes  pada direktori application/config/  dan editlah routes.php  untuk membuat rute - rute website anda Membuat views  sesuai dengan kebutuhan rute yang telah terdefinisikan sebelumnya. Selengkapnya, dapat dilihat pada repositori github Hasil Untuk website  adalah sebagai ber...
Read more