Monday, May 24, 2021
1.Persiapan
- Menginstall PHP development environtment, contohnya XAMPP (apachefriends.org)
- Mengunduh CI versi 3 di Download CodeIgniter
- Membuka link petunjuk yang ada di Persiapan Belajar Codeigniter (petanikode.com)
- dan Tutorial Codeigniter #2: MVC dan Routing, Konsep dasar CI yang Harus Kamu Pahami (petanikode.com)
2.Program T6PBKK (ada update dibagian 3)
Disini saya akan merename folder hasil ekstrak CI3 yang diunduh menjadi T6PBKK dan diletakkan pada folder htdocs pada direktori penginstalan XAMPP. Program dapat diakses melalui localhost:[configurasiport]/T6PBKK atau
secara default port yang digunakan pada XAMPP adalah port 80.
Ubah isi welcome.php pada
Direktori-xampp\htdocs\T6PBKK[nama program]\application\controllers
menjadi
...
public function index()
{
$this->load->view('welcome_message');
}
public function about()
{
// fungsi untuk me-load view about.php
$this->load->view('about');
}
public function contact()
{
// fungsi untuk me-load view contact.php
$this->load->view('contact');
}
...
Agar dapat diakses tanpa perlu mengakses /welcome/ maka diperlukan perubahan pada routing menjadi
...
$route['default_controller'] = 'welcome';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;
$route['about'] = 'welcome/about';
$route['contact'] = 'welcome/contact';
Buatlah dan isi about.php dan contact.php pada Direktori-xampp\htdocs\T6PBKK[nama program]\application\views
about.php
...
<body>
<section>
<div class="container">
<div class="body">
<h1>Who am I</h1>
<h3>Aulia Ihza Hendradi - Informatics Student</h3>
</div>
<div class="body">
<h1>NRP</h1>
<h3>05111840000089</h3>
</div>
<div class="body">
<h1>Kelas</h1>
<h3>PBKK A</h3>
</div>
</div>
</section>
<footer>
<p class="footer">
2021 Aulia.© Copyright. All rights reserved.</p>
</footer>
</body>
...
contact.php
...
<body>
<section>
<div class="container">
<div class="body">
<h1>How To Reach Me</h1>
<h5>Home: 021-82413260</h5>
<h5>Cell: +62-1282352027</h5>
<a href="http://line.me/ti/p/~lineamvas">
<h5>Line: lineamvas</h5>
</a>
<a href="https://www.facebook.com/auliaihza/">
<h5>Facebook: Click Here</h5>
</a>
<a
href="https://www.google.co.id/maps/place/6%C2%B020'03.2%22S+106%C2%B058'17.0%22E/@-6.334216,106.9708298,19z/data=!3m1!4b1!4m6!3m5!1s0x0:0x0!7e2!8m2!3d-6.3342159!4d106.9713768">
<h5> Bumi Mutiara JH1/19A Bojong Kulur
Gunung Putri 16969
<br>Bogor Jawa Barat
</h5>
</a>
<a href="mailto:auliaihza@gmail.com">
<h5>
auliaihza@gmail.com
</h5>
</a>
</div>
</div>
</section>
<footer>
<p class="footer">
2021 Aulia.© Copyright. All rights reserved.</p>
</footer>
<script src="../JS/main.js"></script>
</body>
...
hasil
3. Update Program T6PBKK
Link Github : aulkiller/T6PBKK (github.com)
Pada bagian 3 kita update halaman welcome_message, about.php dan contact.php dengan beberapa css,js tambahan, dan juga bootsrap sehingga halaman CV tercipta sebagai berikut
