Menggunakan CodeIgniter!!

-
Pada minggu ini, saya diberikan sebuah tuags untuk melanjutkan Tutorial menggunakan CodeIgniter pada website ini hingga mencapai tutorial ke-6. Berikut adalah tampilan setiap saya selesai mengikuti tutorialnya.

Tutorial #3: Bootstrap pada CodeIgniter

 

Menambahkan template SBAdmin pada web local yang telah dibuat, yaitu tokobuah.

Tutorial #4: Template Admin yang Efektif


Penggunaan partials, dimana halaman ini dibagi menjadi bagian-bagian kecil. Partial yang dibuat antara lain:
  •  head.php untuk meinyimpan isi dari tag <head>;
  •  navbar.php untuk menyimpan kode navbar;
  •  sidebar.php untuk menyimpan kode menu bagian samping (sidebar);
  •  breadcrumb.php untuk menyimpan kode link breadcrumb;
  •  scrolltop.php untuk menyimpan kode tombol scrolltop;
  •  footer.php untuk menyimpan kode footer;
  •  modal.php untuk menyimpan kode modal;
  •  js.php untuk meload javascript.

Tutorial #5: Membuat Fitur CRUD

 

 

Pada tutorial ini, kita mengerjakan banyak hal yaitu membuat database, menyiapkan library, membuat model, sampai membuat CRUD. CRUD (Create, Read, Update Delete) adalah fitur dasar yang harus kita buat saat bekerja dengan database. Lebih jelasnya, kita akan mengerjakan hal-hal berikut.

Tutorial #6: Membuat Fitur Upload File

Upload image diperbarui agar dapat menyimpan gambar produk. Pada tutorial sebelumnya, pada foto produk akan terlihat broken image.

Komentar

Posting Komentar

Postingan populer dari blog ini

Halaman Berita? HTML & CSS!

-
Gambar
Minggu ini saya belajar HTML dan CSS. Saya juga mendapat tugas untuk membuat sebuah halaman berita, contohnya website TECHINASIA . Berikut adalah tampilan dari website tersebut. Berikut adalah tampilan dari halaman berita yang saya buat.   Header-Content Content-Footer Source Code HTML <!DOCTYPE html> <html> <head> <title>Cafe Corner</title> <link rel="stylesheet" type="text/css" href="custom.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> </head> <body> <div class="header"> <h2>CAFE CORNER</h2> </div> <div class="menu"> <ul> <li>
Baca selengkapnya

Tampilan Baru Pendaftaran Siswa dengan Bootstrap!

-
Gambar
Postingan kali ini hanyalah sebuah perubahan tampilan pada Pendaftaran Siswa lalu, karena tugas kali ini adalah tentang BOOTSTRAP. Saya menambahkan beberapa style yang sekiranya memperindah tampilan Pendaftaran Siswa berikut. Tampilan  Tampilan Awal (index.html) Tampilan list-siswa.php Tampilan form-daftar.php   Tampilan form-edit.php Source Code yang diubah index.html <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script> <style type="text/css"> h1{ text-align: center; color: midnightblue; } h3{ text-align: center; color: cornflowerblue; } h4{ text-ali
Baca selengkapnya

Rumah Sederhana dengan BlueJ!

-
Gambar
Pada minggu ini, saya mendapatkan tugas untuk membuat rumahmenggunakan BlueJ . Setelah berpikir cukup lama, saya akhirnya membuat rumah sederhana ini dengan beberapa pohon dan awan untuk melengkapi project minggu ini. Dalam pembuatannya, saya membaginya menjadi 6 Class , antara lain: Picture Canvas Square Triangle Circle Rectangle Dengan class-class tersebut, saya dapat menghasilkan gambar rumah berbentuk dua dimensi. Class Canvas berisi fungsi-fungsi yang berguna untuk merangkai bentuk gambar rumah tersebut, sedangkan Class Picture berguna untuk merangai bentuk gambarnya. Source Code Picture public class Picture { private Triangle roof; private Recta wall,door,tree1,tree2; private Square window1,window2,window3,window4; private Circle knob,sun; private Circle leaf1,leaf2,leaf3,leaf4,leaf5,leaf6; private Circle cl1,cl2,cl3,cl4,cl5,cl6; public Picture() { drawRoof(); drawWall(); drawWindow()
Baca selengkapnya