Website (Profile) Framework CodeIgniter

TUGAS 6 - Membuat Halaman About&Contact 

1. Aktifkan XAMPP
    Buka aplikasi xampp lalu aktifkan Apache dan MySQL. Apache berfungsi sebagai sebuah Web Server. MySQL berfungsi sebagai penyimpanan Database

2. Install dan Extract Files
    Download CodeIgniter pada situs resminya, kemudian extract file ZIP atau RAR hasil download Framework Codeigniter ke dalam folder baru yang kita buat pada xampp/htdocs/NamaFolder (nama folder bebas).

3. Lihat Tampilan Awal
    Akses http://localhost/NamaFolder pada web browser yang digunakan, jika muncul tampilan web Welcome Page dari Codeigniter berarti kita sudah berhasil membuat direktori web dengan menggunakan xampp.

4. Ubah Source Code
    Pilih salah satu IDE yang digunakan untuk membuka files source code, disini saya menggunakan Visual Studio Code. 

    Pertama kita buka application/controllers lalu tambahkan ini pada file Welcome.php.

    Lalu buka application/config dan tambahkan ini pada routes.php.

    Kemudian buka folder application/views dan lalu file contact.php dan about.php dengan source code sebagai berikut.
 

5. Lihat Halaman About dan Contact
    Kembali ke browser dan akses http://localhost/NamaFolder/index.php/contact atau http://localhost/NamaFolder/index.php/about


Komentar

Posting Komentar

Postingan populer dari blog ini

INHERITANCE DATABASE

Gambar
SISTEM AKADEMIK Pada postingan kali ini, saya akan membuat database Sistem Akademik dengan konsep inheritance. Software yang saya gunakan adalah BlueJ seperti biasanya. Di sini saya membuat delapan class yaitu class Database sebagai uji database, class ID sebagai superclass, lalu enam subclass yaitu class Mahasiswa, class Dosen, class Pegawai, class MataKuliah, class Buku dan class Kelas. SOURCE CODE Class Database import java.util.ArrayList; public class Database{ private ArrayList <Mahasiswa> mhs; private ArrayList <Dosen> dsn; private ArrayList <Pegawai> pgw; public Database(){ mhs = new ArrayList <Mahasiswa>(); dsn = new ArrayList <Dosen>(); pgw = new ArrayList <Pegawai>(); } public void addMahasiswa(Mahasiswa Mhs){ mhs.add(Mhs); } public void deleteMahasiswa(Mahasiswa Mhs){ mhs.remove(Mhs); } public void addDosen(Dosen Dsn){ dsn.add(Dsn);
Baca selengkapnya

Dynamic Currency Converter

Gambar
Tugas 3 - Currency Converter Menggunakan API (Framework .NET) Pada kesempatan kali ini, penulis membuat sebuah aplikasi dynamic currency converter yang akan mengonversikan mata uang dari IDR ke EUR, JPY, dan USD secara dinamis (sesuai dengan waktu terkini yang dimana currency valuenya akan diupdate setiap 1 jam). Aplikasi ini dibuat dengan menggunakan windows forms app sebagai templatenya. Berikut adalah langkah-langkah pembuatannya.  1. Open project currency converter yang telah dibuat (tutorial dapat diakses di post sebelumnya).         2. Kemudian untuk membuat aplikasi currency converter dinamis, kita akan menggunakan API dari https://free.currencyconverterapi.com/.  Untuk mendapatkan key API, kita klik Get Your Free API Key.        3. Lalu kita akan mendapatkan key API melalui email.      4.  Berikutnya kita perlu mengunduh package tambahan di Visual Studio 2019 yang akan kita gunakan untuk parsing JSON. Kita dapat mengunduh package Newtonsoft.Json di menu Project > Manage Nugg
Baca selengkapnya