Tugas 8 PBKK C - Membuat Profil dengan CI

Artikel ini akan membahas mengenai proses pembuatan profil diri dengan kerangka kerja CodeIgniter (CI). CI sendiri adalah aplikasi open source yang berupa kerangka kerja PHP dengan model MVC (Model, View, Controller) untuk membangun situs web dinamis dengan menggunakan PHP. CodeIgniter sendiri dapat dilihat pada situs berikut. 

Referensi yang digunakan dalam pembuatan aplikasi ini adalah sebagai berikut.




Berikut metode yang diperlukan dalam pembuatan profil diri menggunakan CI:

1. Persiapan Instalasi Visual Studio 

Jika belum memiliki VSC, silakan untuk melakukan instalasi Visual Studio Code.

2. Pengunduhan XAMPP dan CodeIgniter

Dalam hal ini, CodeIgniter yang digunakan berversi 3.1.11 yang dapat diunduh pada situs berikut. Selain itu lakukan pengunduhan XAMPP pada situs berikut.

3. Aktivasi XAMPP

Setelah XAMPP telah diunduh dan terpasang, buka XAMPP Control Panel dan aktifkan module apache .



4. Ekstrasi CI dan Tampilan Awal CI

Setelah CI telah diunduh, buat folder baru pada "C:\xampp\htdocs\" yang berfungsi sebagai lokasi kerangka kerja yang akan dibuat. Ekstrak file .zip CI yang telah diunduh pada folder tersebut.


Berikutnya buka browser, lalu pada address bar ketik localhost/(NamaFolder). NamaFolder diganti sesuai dengan nama folder yang telah ditentukan sebelumnya.


5. Pengubahan Kode Sumber

Buka Visual Studio Community atau IDE yang dimiliki, lalu buka folder direktori CI sebelumnya. Arahkan ke folder application/views dan buat file baru bernama profile.php atau nama lain, untuk menulis kode sumber halaman profil yang akan dibuat 



Dalam profile.php tersebut berisi kode .html, sedangkan file .css, .js, dan kebutuhan yang lainnya dapat diletakkan pada folder lain.



Berikutnya yaitu dengan pembuatan route pada file welcome.php pada folder application/controllers



Ubah routing yang sebelumnya welcome_page.php menjadi nama file .php yang telah dibuat sebelumnya yaitu profile.php. Tambahkan fungsi __construct sebagai fungsi pengakses folder lain pada file profile.php.


6. Akses Halaman Profil

Buka kembali browser, lalu masukkan pada address bar browser dengan localhost/(NamaFolder), dan berikut perubahan yang ada.


Berikut GitHub repository dari Membuat Profil dengan CI : GitHub-CI.


Fransiskus Xaverius Kevin Koesnadi

05111840000162

Comments

Post a Comment

Popular posts from this blog

Tugas 4 PBKK C - Windows Presentation Foundation Sign Up Form

Image
Pada artikel ini akan dibahas mengenai pembuatan tampilan Form Registrasi yang statis menggunakan  Windows Presentation Foundation  pada  Visual Studio Community 2019  seperti proses pembuataan aplikasi sederhana pada  artikel sebelumnya . WPF adalah subsistem grafis baru dalam Sistem Operasi Windows yang dibangun dengan .NET Framework. Secara fisik, ini adalah kumpulan pustaka kelas yang hadir dengan semua versi terbaru kerangka .NET untuk membuat dan menjalankan UI yang menarik dan interaktif. Langkah pembukaan Visual Studio Community dapat diakses pada link berikut . Berikut adalah tampilan yang dihasilkan Pada VSC  Start Debugging  (F5) atau klik tombol  play , (Berikut peragaan dalam bentuk video) Berikut GitHub repository dari Form Registrasi: GitHub-WPF . Anggota Kelompok: - Fransiskus Xaverius Kevin Koesnadi ( 05111840000162) - Ivan Abdillah Rahman (05111840000137)
Read more

Tugas 3 PBKK C - Membuat Aplikasi Currency Converter (.NET Framework)

Image
Pada artikel ini akan dibahas mengenai pembuatan aplikasi Currency Converter (konversi mata uang) yang statis dan dinamis menggunakan Windows Forms App pada Visual Studio Community 2019 seperti proses pembuataan aplikasi sederhana pada artikel sebelumnya . A. Proses Dasar Pembuatan Aplikasi 1. Setelah melakukan proses instalasi atau sebelumnya sudah mempunyai Visual Studio Community 2019 , buka aplikasi tersebut, pilih "Create a new Project". 2. Pilih "Windows Form App" yang memiliki bahasa C#. 3. Masukkan nama project dan tentukan letak direktori  project .  Untuk aplikasi Static Currency Converter akan dinamai "CurConSta0" dan aplikasi Dynamic Currency Conveter akan bernama "CurConDin0", namun penamaan project atau aplikasi tersebut dibebaskan kepada pembuat aplikasi. Contoh penamaan aplikasi untuk Static Currency Converter Contoh penamaan aplikasi untuk Dynamic Currency Converter 4. Pilih Target Framework ".NET Core 3.1 (Long-term sup
Read more

Tugas 6 PBKK C - Cinema Web Application (Razor Pages)

Image
 Pada artikel ini akan dibahas mengenai cara pembuatan Razor Page Movie Application menggunakan ASP.NET Core Web App. Cara pembuatan aplikasi ini berdasarkan tutorial berikut . Berikut metode yang diperlukan dalam proses pembuatan Razor Page Movie : 1. Persiapan Instalasi Visual Studio Community,  Jika belum memiliki VSC, silakan untuk melakukan instalasi  Visual Studio Community .  Cara instalasi dapat dilihat pada laman  berikut . 2. Proses Pembuatan Project Setelah instalasi selesai dilakukan, buka Visual Studio Community 2019, dan pilih Create a New Project . Berikutnya, pilih ASP.NET Core Web App dan klik Next . Berikan nama project dan tentukan direktori project, lalu klik Next . Pilih Framework yang akan digunakan, dan klik Create . Setelah itu, lakukan pembuatan halaman utama. Tutorial pembuatan dapat dilihat pada GitHub repository yang telah disebutkan sebelumnya . Running Project by press F5 button. Lakukan uji coba dengan memasukan data film dan klik Create . Hasil penambah
Read more