Tugas 8 - Code Igniter Website

 

TUGAS-8 PBKK C

Make A website with Code Igniter

Oleh:
Evelyn Tjitrodjojo 05111840000099


Pada tugas kali ini, diminta untuk membuat sebuah website yang berisi profil diri, nama, alamat, email, hp, dan alamat web dengan menggunakan Code Igniter. Sebelumnya, lakukan beberapa hal berikut:
Untuk step by step tutorialnya akan dibahas dibawah ini:

1. Silahkan buka teks Editor VS Code, lalu pilih File->Open Folder. Cari folder CodeIgniter yang telah didownload. Jangan lupa memindahkan folder CodeIgniter keseluruhan ke folder htdocs bila menggunakan XAMPP. Jangan lupa juga untuk menyalakan Apache pada XAMPP untuk dapat membuka hasil web pada localhost. Hasil foldernya akan seperti ini.


2. Kemudian buka folder Applications -> Config -> Routes.php, ubah code routes.php seperti berikut.

 
3. Kemudian buka folder Applications -> Controller -> welcome.php, ubah code welcome.php seperti berikut.


4. Sekarang kita akan mengubah halaman viewnya. Pertama, ubah applications/views/welcome_message.php. Halaman ini dapat diakses dengan http://localhost:8082/codeigniter/index.php/welcome. Port dapat menyesuaikan port pada XAMPP.


5. Lalu, buat file baru pada application/views dengan nama about.php. Halaman ini dapat diakses dengan http://localhost:8082/codeigniter/index.php/welcome/about. Port dapat menyesuaikan port pada XAMPP. 


6. Terakhir, buat file baru pada applications/views dengan nama contact.php. Halaman ini dapat diakses dengan http://localhost:8082/codeigniter/index.php/welcome/contact.


7. Bila terdapat gif atau gambar yang tidak dapat diakses. Dapat diubah dengan gambar lain, letakkan pada luar folder atau yang selevel dengan folder Applications.

Code lengkapnya dapat dilihat pada link berikut


Untuk hasilnya akan seperti ini.

Halaman Welcome

Halaman About

Halaman Contact


Terima kasih sudah membaca blog ini, semoga berguna untuk pembelajaran kalian!

- Belajar dimulai dari diri kita sendiri -

Comments

Post a Comment

Popular posts from this blog

Supermarket Management System

Image
  TUGAS-5 PBKK C Supermarket Management System Oleh: Evelyn Tjitrodjojo 05111840000099 Amelia Puji              05111840000147 Pada tugas kali ini, kami akan membuat Supermarket Management System dengan Windows Form Application. Sebelumnya, pastikan sudah menginstall Visual Studio (pada project ini kami menggunakan Visual Studio 2019). Untuk pembuatannya, kami mengacu pada tutorial berikut : https://youtu.be/i4YHCa92BdM Disini, kami tidak menjelaskan secara rinci, tetapi akan diberikan code tiap bagian dengan gambar tampilan tiap lamannya. Pertama adalah halaman Splash. Berikut gambarnya: Kemudian, berikut adalah halaman Login. Buat tampilan seperti berikut, dan kemudian tulis codenya. Kemudian, berikut adalah halaman Categories. Buat tampilan seperti berikut, dan kemudian tulis codenya. Kemudian, berikut adalah halaman Sellers. Buat tampilan seperti berikut, dan kemudian tulis codenya. Kemudian, berikut adalah halaman Products. Buat tampilan seperti berikut, dan kemudian tulis codenya
Read more

Tugas 9 - CRUD CodeIgniter

Image
  TUGAS-9 PBKK C CRUD CodeIgniter Oleh: Evelyn Tjitrodjojo 05111840000099 Pada tugas kali ini, diminta untuk membuat sebuah website yang berisi create, read, update, and delete (CRUD) mahasiswa dengan menggunakan Code Igniter. Sebelumnya, lakukan beberapa hal berikut: Install XAMPP atau Web Server Download Code Igniter Tutorial CRUD CodeIgniter Untuk step by step tutorialnya akan dibahas dibawah ini: 1. Membuat database pada mysql 2. Konfigurasi CodeIgniter. Bu ka 📄  config/database.php , kemudian isi seperti ini: 'hostname' => 'localhost' , 'username' => 'root' , 'password' => '' , 'database' => 'mahasiswa' , 3.  Berikutnya, silahkan buka 📄   config/autoload.php . Kemudian cari  $autoload['libraries']  dan tambahkan  database  dan  session  di sana. $autoload [ 'libraries' ] = array ( 'database' , 'session' ); 4. B uat file baru di dalam direktori 📁  application/mode
Read more

Creating Login Form Sign Up Screen with WPF

Image
  TUGAS-4 PBKK C Creating Login Form / Sign Up Screen with WPF Oleh: Evelyn Tjitrodjojo 05111840000099 Amelia Puji              05111840000147 Pada tugas kali ini, kami akan membuat login form / sign up screen dengan WPF. Sebelumnya, WPF, yang merupakan singkatan dari Windows Presentation Foundation, adalah pendekatan terbaru Microsoft terhadap kerangka kerja GUI, yang digunakan dengan .NET Framework. Untuk pembuatannya, kami mengacu pada tutorial berikut : https://youtu.be/Vjldip84CXQ https://youtu.be/TDOxHx-AMqQ https://youtu.be/JU9Ai0hpBUI Setelah mengikuti tutorial berikut dengan modifikasi kode sesuai cara menulis kami, berikut adalah tampilan dari halamannya. Berikut adalah code untuk main windows sebelum diberi layout halaman: Berikut adalah code untuk login windows: Kemudian berikut adalah video hasil login form yang telah kami buat. Untuk kode lengkapnya, dapat dilihat pada link github berikut. Tugas4_PBKK-C_WPF-Sign-Up-Form Sekian, terima kasih dan selamat mencoba.
Read more