Membuat Website Sederhana Menggunakan Ci (Codeigniter)

<p>Assalamu?Alaikum..<p><p>Dalam artikel kali ini saya ingin sedikit membahas pada Laboratorium Informatika Praktikum Pweb ke 6 tentang Membuat Website Sederhana Menggunakan CI (Codeigniter), oke langsung saja ya disimak :<p><p><p>1. Letakkan folder CodeIgniter dalam xampp/htdocs – ubah nama/rename folder tersebut menjadi tutorial.<p><p><p>2. Sekarang buka folder xampp/htdocs/tutorial/application, lalu buka file autoload.php, config.php, dan routes.php setting semua nya menggunakan notepad++.<p><p><p>• Autoload.php<p>$autoload['helper'] = array('url');<p><p><p>• Config.php<p>$config['base_url']      = 'http://localhost/tutorial/';<p><p><p>• Routes.php<p>$route['default_controller'] = "domestic";<p>$path['404_override'] = '';<p><p><p>3. Kemudian buat folder layout pada  folder tutorial/application/views, dalam folder layout buat file head.php, header.php,  konten.php,  footer.php, dan wrapper.php. buka masing-masing file menggunakan notepad++, lalu ketik atau copy paste script dibawah pada masing-masing file.<p><p><p>• Head.php<p><p><p><!doctype html><p><html><p><head><p><meta charset="utf-8"><p><title><?php echo $title ?></title><p><link href="<?php echo base_url(); ?>asset/css/style.css" rel="stylesheet" type="text/css"><p></head><p><body><p><div id="wrapper"><p><p><p>• Header.php<p><p><p><header><p><div id="logo"><a href="<?php echo base_url(); ?>"><img src="<?php echo base_url(); ?>asset/images/gundar.png" width="400" height="400"></a></div><p><div id="nama"><span class="nama">PRAKTIKUM LAB TI</span><br><p><span class="aipni">PEMROGRAMAN WEB</span></div><p></header><p><nav><p><ul><p><li><a href="<?php echo base_url(); ?>">Home</a></li><p><li><a href="" target="_blank">About Us</a></li><p><li><a href="<?php echo base_url(); ?>admin/login">Login</a></li><p><li><a href="<?php echo base_url(); ?>kontak">Kontak</a></li><p></ul><p></nav><p><p><p>• Konten.php<p><p><p><?php<p>if ( ! Described('BASEPATH')) exit('No direct script get right of entry to allowed');<p>if($isi)<p>$this->load->view($isi);<p><p><p><p>• Footer.php<p><p><p><div class="clearfix"></div><p><footer><a href="http://javawebmedia.com" target="_blank">Credit to: javawebmedia, edit dikit by kholis</a> | &copy;by Java Web Media - 2014</footer></div><p></body><p></html><p><p><p>• Wrapper.php<p><p><p><?php<p>require_once('head.Personal home page');<p>require_once('header.Hypertext Preprocessor');<p>require_once('konten.Php');<p>require_once('footer.Php');<p>?><p><p><p>4. Setelah itu buatlah folder dengan nama home pada folder tutorial/application/views, lalu buat file dengan nama index_home.php dan kontak_view.php, copast atau ketik script dibawah pada masing-masing file.<p><p><p>• Index_home.php<p><p><p><div class="konten"><p><div class="slider"><img src="<?php echo base_url(); ?>asset/images/liztech.png" width="624" height="326"></div><p><div class="anggota"><p><h3>Login Administrator</h3><p><form name="form2" method="POST" action="/dyah/index.php"><p><p><p><label for="email">Username (email)</label><p><input type="text" name="email" id="email"><p></p><p><p><p><label for="password">Password</label><p><input type="password" name="password" id="password"><p></p><p><p><p><input type="submit" name="submit2" id="submit2" value="Masuk"><p><input type="reset" name="submit3" id="submit3" value="Reset"><p></p><p><!--<p><a href="lohin.php?ref=lupa">Lupa password?</a> | <a href="daftar.php">Daftar jadi anggota</a></p>--><p></form><p></div><p></div><p><!-- konten bawah --><p><div class="clearfix"></div><p><div class="konten"><p><div class="posting"><p><h3>Berita terbaru</h3><p><p><div class="ringkasan"><p><p>LAB TI</p><p><ul><p><li>Minggu terakhir praktikum</li> </ul><p></div><p></div><p><div class="anggota"><p><h3>Berita terbaru</h3><p><ul><p><li><a href="#">Lorem ipsum dolor sit amet</a></li><p><li><a href="#">Consectetur adipisicing elit</a></li><p><li><a href="#">Sed do eiusmod tempor incididunt</a></li><p><li><a href="#">Ut labore et dolore magna aliqua</a></li><p><li><a href="#">Ut enim ad minim veniam</a></li><p><li><a href="#">Quis nostrud exercitation</a></li><p><li><a href="#">Ullamco laboris nisi</a></li><p><li><a href="#">Ut aliquip ex ea commodo consequat</a></li><p><li><a href="#">Duis aute irure dolor</a></li><p><li><a href="#">In reprehenderit in voluptate</a></li><p><li><a href="#">Velit esse cillum dolore</a></li><p><li><a href="#">Eu fugiat nulla pariatur</a></li><p><li><a href="#">Excepteur sint occaecat</a></li><p><li><a href="#">Cupidatat non proident</a></li><p><li><a href="#">Sunt in culpa</a></li><p></ul><p><p>&nbsp;</p><p><p><p></p><p></div><p></div><p><p><p>• Kontak_view.php (sebagai isi konten dari menu Kontak)<p><p><p><div class="konten"><p><!--Map Jalan Romo--><p><iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d991.324344303113!2d106.850324725399!3d-6.355538194976426!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sgunadarma+kampus+E!5e0!3m2!1sid!2sid!4v1416582032082" width="1000" height="300" frameborder="0" style="border:0"></iframe><p><hr><p><!--Alamat kantor--><p><h1>GUNADARMA KAMPUS E</h1><p></div><p><p><p>5. Gambar dibawah ini tampilan dari web yang sudah menggunakan framework CI<p><p><p><p><p><p>6. Buka folder tutorial/application/controllers, lalu buat file home.php dan kontak.php  agar dapat terkoneksi.<p><p><p>• Kontak.php<p><p><p><?php<p>if ( ! Described('BASEPATH')) exit('No direct script get right of entry to allowed');<p>elegance Kontak extends CI_Controller <p>public feature index() <p>$data=array('title'=>'Contact Us',<p>'isi' =>'home/kontak_view'<p>);<p>$this->load->view('layout/wrapper',$data);<p><p><p>?><p><p><p>• Home.php<p><p><p><?php if ( ! Described('BASEPATH')) exit('No direct script get right of entry to allowed');<p>elegance Home extends CI_Controller <p>public feature index() <p>$data=array('title'=>'Tutorial Code Igniter - Java Web Media',<p>'isi' =>'home/index_home'<p>);<p>$this->load->view('layout/wrapper',$data);<p><p><p><p><p>7. Untuk membuka web secara keseluruhan ketik pada kotak URL browser http://localhost/tutorial/.  Gambar dibawah adalah tampilan web untuk menu Kontak<p><p><p><p><p><p>Mungkin itu saja yang bisa saya bahas dalam pembahasan kali ini, mohon maaf apabila ada kata yang salah dan kurang berkenan. Terima kasih.<p><p><p>Wasalamu?Alaikum..<p><p><p>Download CodeIgniter dari Website Resminya : Disini<p><p><p>Download File LA 6 PWeb Lengkapnya  : Disini<p>
</form><p><p><p>Jika Menyukai Artikel di weblog ini, Silahkan masukkan email sobat. Akan dapat Update artikel dari blog ini, "GRATISS!!"</p>

0 Response to "Membuat Website Sederhana Menggunakan Ci (Codeigniter)"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel