PBKK-B Tugas 6 - Membuat Halaman Profil menggunakan CodeIgniter 3

 

Membuat Halaman Profil menggunakan CodeIgniter 3

Nama     : Irsyadhani Dwi Shubhi
NRP      : 05111840000022
Kelas    : PBKK-B

Pada pertemuan Minggu 10 PBKK-B diberikan tugas untuk membuat Web Halaman Profil dengan menggunakan Framework CodeIgniter 3. Berikut langkah-langkahnya:

1. Web Halaman Profil

1.1 Mengunduh CodeIgniter 3 pada https://codeigniter.com/download


1.2 Membuka XAMPP dan menjalankan Apache dan MySQL

1.3 Testing CodeIgniter, menjalankan pada URL browser http://localhost/irsyad-ci


1.4 Mengunduh bootstrap pada https://getbootstrap.com/


1.5 Membuat template masing-masing terhadap header, main, dan footer. Kodenya sebagai berikut:

 

 (Kode header.php)

 

 (Kode footer.php)

1.6 Ketika testing sudah bisa berjalan. Maka membuat 3 file controller untuk menampilkan home, about, dan contact. Masing-masing kode template-nya seperti dibawah ini:

 

 (Kode pada Folder Controller)

1.6 Membuat Folder masing-masing home, about, dan contact yang didalam folder berisi index.php yang berfungsi untuk menampilkan halaman. Kode berikut berisi

 

 (Kode home/index.php)

 

 (Kode contact/index.php)

(Kode about/index.php)

1.7 Setelah semua dicoding. Selanjutnya membuat folder gambar agar bisa memanggil gambar. Penempatannya pada irsyad-ci -> vendor -> resources -> images


Hasil Web Halaman Profil

Halaman Home

Halaman About

Halaman Contact
Halaman Contact






Comments

Post a Comment

Popular posts from this blog

PBKK-B ETS - Aplikasi POS (Point of Sale)

Image
  Aplikasi POS  (Point of Sale) Individu (No. 1-2) Nama     : Irsyadhani Dwi Shubhi NRP        : 05111840000022 Kelas    : PBKK-B Anggota Kelompok (No. 3-5): 1. 05111840000022 - Irsyadhani Dwi Shubhi 2. 05111840000116 - Clever Dicki Marpaung 3. 05111840000131 -  Aaron Astonvilla Rompis Pada pertemuan Minggu 8 PBKK-B terdapat pelaksanaan ETS mengenai POS (Point of Sale). Dengan soal sebagai berikut: I. Soal 1 .  Sebutkan aplikasi POS yang biasa dipakai di masyarakat? 2. Fitur apa saja yang ada di dalam aplikasi tersebut , buatlah screenshotnya dan jelaskan? 3. Buat rancangan UI dan navigasi aplikasi POS mu sendiri? 4. Dengan menggunakan framework .NET implementasikan aplikasi POS yang dirancang. 5. Buat tutorial pembuatan aplikasi beserta demo penggunaannya di Youtube , kemudian dokumentasikan/ embedded di blog. II. Jawaban 1. POS yang biasa digunakan masyarakat adalah: a.  Moka POS b.  Majoo c.  Kasirku (Toko & Warung) d.  POS Qasir e.  BukuWarung 2. Fitur yang biasa diaplikasikan
Read more

PBKK-B Final Project - Membuat Toko Online menggunakan CodeIgniter 3 (Primalangga Store)

Image
Primalangga Store Anggota Kelompok: 1. 05111840000022 - Irsyadhani Dwi Shubhi 2. 05111840000052 - Riski Anang Ferdian 3. 05111840000165 -  Muhammad Fikri Rabbani Primalangga Store adalah Toko Online di bidang elektronik. Menjual barang elektronik dan kebutuhan internet mulai dari modem, router, wifi, flashdisk, dll. Berdiri sejak tahun 2017 dengan pelanggan lebih dari 1.000 pelanggan. 1. Implementasi Primalangga Store a. Database Aplikasi Berikut rancangan database yang kami aplikasikan pada Primalangga Store: Database Primalangga Store I. Tabel Barang II. Tabel Invoice III. Tabel Pesanan a. Halaman Produk Berfungsi untuk menampilkan produk yang dijual kepada pelanggan. b. Halaman Produk Detail Halaman tersebut menampilkan informasi detail dari produk yang ingin dibeli. c. Halaman Keranjang Pada halaman Keranjang berfungsi untuk menampilkan List Produk yang akan dibeli. d. Halaman Pembayaran Pada halaman Pembayaran berfungsi untuk menampilkan Rekapan Produk yang ingin diproses ke pemba
Read more

PBKK-B Tugas 5 - Membuat Halaman Profil menggunakan Xamarin (.NET Framework)

Image
  Membuat Halaman Profil menggunakan Xamarin  (.NET Framework) Nama     : Irsyadhani Dwi Shubhi NRP        : 05111840000022 Kelas    : PBKK-B Pada pertemuan Minggu 5 PBKK-B diberikan tugas untuk membuat Program Halaman Profil dengan menggunakan Mobile Application Xamarin Form. Berikut langkah-langkahnya: 1. Install Install Mobile development with .NET di Visual Studio 2019 2. Buat Project Buat project dengan menggunakan Mobile app 3. Rename Project Namai project dan pilih Template Blank 4. Setup Emulator Setup Emulator dengan cara  Setup Emulator 5. Mengubah File  Mengubah code program pada MainPage.xaml.cs dan MainPage.xaml MainPage.xaml.cs MainPage.xaml 6. Hasil Aplikasi
Read more