Tugas 8 PBKK - Build Profile with Code Igniter

Tugas 8 PBKK 
Build Profile with Code Igniter

Oleh : 
Amelia Puji 05111840000147

Pada tugas kali ini, kami diminta untuk membuat Halaman Profile menggunakan Code Igniter. Sebelumnya, pastikan sudah mengunduh Code Igniter pada halaman berikut:

Tidak lupa mengunduh juga XAMPP sebagai tempat instalasi Code Igniter pada halaman berikut:

Untuk pemahaman dan instalasi, saya mengacu pada tutorial dari website petani kode seperti yang sudah dijelaskan dikelas

Mohon maaf saya tidak menjelaskan kode program dan sistemnya secara rinci, namun saya menyertakan gambar dari halamannya dan potongan kodenya. Semoga bermanfaat! 

Pembuatan Halaman Profile

  • Ada 2 halaman yang dibuat, yaitu
    • Profile Card -> Informasi singkat berupa nama dan profesi serta media sosial
    • Profile Detail -> Informasi detail berupa biodata, pengalaman, dan mata kuliah yang diambil semester ini
  • Copy Paste folder Code Igniter yang sudah didownload kedalam xampp/htdocs, lalu rename folder menjadi Latihan_CodeIgniter
  • Buka folder Latihan_CodeIgniter dengan Visual Studio Code

  • Buka file application/controllers/Welcome.php. Tambahkan route /profile/ didalam controllers welcome dengan method profile dibawah method index seperti kodingan dibawah

  • Buka file application/config/routers.php dan tambahkan kode route untuk profile

  • Buka file application/views/welcome_message.php dan tambahkan kode program sebagai berikut

Tampilan welcome_message.php

  • Tambahkan file application/views/profile.php dan tambahkan kode program sebagai berikut

Tampilan profile.php

Comments

Post a Comment

Popular posts from this blog

Tugas 4 PBKK - Windows Presentation Foundation Sign Up Form

Image
TUGAS-4 PBKK C Membuat Sign Up / Login Form dengan WPF Oleh :  Evelyn Tjitrodjojo      05111840000099 Amelia Puji               05111840000147 Pada tugas kali ini, kami diminta untuk membuat Sign Up / Login Form  dengan WPF. WPF 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 : C# WPF UI Tutorials: 01 - The Basics C# WPF UI Tutorials: 04 - Custom Window Chrome and Styles C# WPF UI Tutorials: 05 - Creating Login Form Sign Up Screen Berikut merupakan desain tampilan dari halaman Sign Up Dan berikut merupakan video demonstrasi singkat dari kelompok kami Serta terakhir, tidak lupa kami menyertakan kode lengkap dari WPF kami yang dapat diakses di  Tugas4_PBKK-C_WPF-Sign-Up-Form . Terimakasih dan sampai jumpa di tugas selanjutnya!
Read more

Tugas 6 PBKK - Razor Pages

Image
 Tugas 6 PBKK  Razor Pages Oleh :  Evelyn Tjitrodjojo     05111840000099 Amelia Puji               05111840000147 Pada tugas kali ini, kami diminta untuk membuat Razor Pages, dan kami membuat razor pages sederhana untuk menambahkan alamat dan menampilkan nya pada beranda. Sebelumnya, pastikan sudah melakukan instalasi Visual Studio (pada project ini kami menggunakan Visual Studio 2019). Untuk pembuatannya, kami mengacu pada tutorial berikut : Intro to ASP.NET Core Razor Pages Mohon maaf kami tidak menjelaskan kode program dan sistemnya secara rinci, namun kami menyertakan gambar dari halamannya dan potongan kodenya. Semoga bermanfaat! Halaman Beranda Potongan Kode Halaman Tambah Alamat Potongan Kode Video Demonstrasi: Source Code: RazorPages
Read more

Tugas 2 PBKK - Simple Application .NET

Image
Tugas 2 PBKK - Membuat Aplikasi Sederhana dengan .NET Nama      : Amelia Puji NRP         : 05111840000147 Tugas 2 PBKK kali ini, kami diminta untuk membuat aplikasi Hello World dan Profile sederhana menggunakan .NET Framework. Untuk menggunakan framework ini harus terlebih dahulu  melakukan instalasi Microsoft Visual Studio. Unduh Miscrosoft Visual Studio Community pada link berikut . 1. Instalasi Microsoft Visual Studio Community Ketika sedang melakukan penginstallan, kita diminta untuk memilih framework yang akan digunakan dalam pembuatan aplikasi agar diinstal secara bersamaan dengan penginstallan Visual Studio Community 2019. 2. Membuat Program Hello World Sederhana Membuat Aplikasi Hello World menggunakan .NET yang berisikan :  -     Identitas (Nama, Nrp, Kelas)   -     Nama Project yang pernah dibangun Tekan tombol "Create a New Project" Pilih Console Application dan klik Next Isikan Project Name, Location (path tempat menyimpan project) dan Solution Name dan klik Nex
Read more