Fadhil Nur Mahardi

Personal Blog Web Developer Dasar. Sharing is Everything.

Monday, 12 September 2016

Cara Setting Codeigniter

Posted by Fadhil, on 00:00

Apa sih Codeigniter ?
Codeigniter atau yang lebih di kenal CI merupakan sebuah framework PHP yang baru baru ini masih booming di kalangan Web Developer.

Hari ini saya akan memberikan tutorial bagaimana cara mensetting Codeigniter dari basic setting sampai ke database setting.

Pertama silahkan download codeigniter di official websitenya disini.

Lalu silahkan extract hasil download tadi pada webserver kalian (jika menggunakan XAMPP silahkan buat folder baru di htdocs, jika WAMP buat folder baru di folder www)

Hasil Extract 

Config.php
Hal yang pertama harus di setting adalah file config.php. Buka Folder Application/config/config.php
Pada file config.php terdapat banyak konfigurasi akan tetapi yang utama yang harus disetting adalah base_url. karena base_url ini adalah url dimana project ini disimpan (halaman utama web)
Config.php
Routes.php
Yang kedua adalah setting routes.php file ini adalah konfigurasi url seperti halnya .htaccess. file ini terdapat di folder application/config/routes.php
Routes.php
Cara settingnya pun cukup mudah cukup menambahkan $route['url'] = "handler controller". (:any) merupakan url yang fleksibel / sembarangan. default_controller adalah home page dari website.

Database.php
Yang terakhir database.php pada file ini adalah konfigurasi database. File ini terletak di application/config/database.php. Yang isinya setting koneksi database serta opsi opsi yang lainnya
Database.php

Sunday, 11 September 2016

Sistem Management Project

Posted by Fadhil, on 07:05
Halo para Web Developer!
Pernahkah kalian kebingungan dalam memanagement project ? dari segi deadline ? status project ? note revisi ? sampai terkadang dibikin widget notes di desktop kalian untuk mengingatnya hahaha. Dan lagi folder htdocs yang sampai menumpuk karena banyak project sampai lupa mana yang paling baru mana yang lama karena banyak revisi.

Hari ini saya akan mengeshare sebuah Aplikasi berbasis web khusus untuk para web developer yakni Sistem Management Project. Dalam hal ini masih saya coba di XAMPP saja. 

Apa sih fungsi Sistem Management Project?

Fungsi utamanya yaitu untuk memanagement semua project yang ada di folder htdocs secara otomatis akan terlist dan tinggal menambahkan beberapa atribute seperti nama project, status project, deadline project, Note revisi.

Fitur v0.5 :
    • Management Project (nama,status,deadline,notes)
    • Reminder / notifikasi (dari h-7 sampai hari h deadline jika status belum selesai)
    • .zip backup (backup project berupa zip)
Download
Cara Install :
    • Extract semua file ke folder yang kamu inginkan di htdocs. 
    • Akses via localhost/nama_folder
    • Ikuti instruksi install
    • Selesai
  • Sekarang setiap kalian akses localhost akan otomatis ke redirect
Screenshot :
List Project

Edit Atribute

Friday, 9 September 2016

Cara Membuat Koneksi menggunakan mysqli

Posted by Fadhil, on 02:42 

<?php
$connect = mysqli_connect("localhost","root","","fadhilnurmahardidb") or die("Koneksi gagal");
?>
Penjelasan untuk diatas parameter pertama merupakan host yang kita tuju dalam hal ini sebagai contoh saya menggunakan localhost, untuk parameter kedua merupakan user database / mysql untuk defaultnya biasanya username root dan parameter 3 adalah passwordnya dengan default kosong atau blank dan parameter terakhir merupakan nama dari database yang akan dipakai.

Friday, 2 May 2014

Cara Membuat Koneksi Database dengan PHP

Posted by Fadhil, on 09:49

Jika agan ingin membuat website yang dinamis maka yang pertama kali agan buat setelah membuat database adalah Membuat Koneksi Database, Fungsinya adalah menghubungkan / menjembatani antara Website dan Database.
Berikut saya akan bagikan Cara Membuat Koneksi Database dengan PHP, 

Codenya : 

<?php
$server="localhost";
$user="root";
$pass="";
$db="FadhilNewbieProgrammer";

mysql_connect($server,$user,$pass) or die("Gagal koneksi ke server");
mysql_select_db($db) or die("Gagal Koneksi ke database ".$db);
?>

Keterangan :
  • $server adalah pendeklarasian Variabel "server" yang berisi nama server yang dituju.
  • $user adalah pendeklarasian Variabel "user" yang berisi nama user yang akan digunakan pada database.
  • $pass adalah pendeklarasian Variabel "pass" yang berisi password dari user yang akan digunakan.
  • $db adalah pendeklarasian Variabel "db" yang berisi nama database yang akan di gunakan.
  • mysql_connect($server, $user,$pass) Berfungsi untuk mengkoneksikan ke mysql dengan server = $server, user = $user, password=$pass. or die berfungsi Jika koneksi ke mysql gagal maka otomatis akan keluar tulisan "Gagal koneksi ke server".
  • mysql_select_db($db) berfungsi untuk mengkoneksikan database yaitu yang diisikan di variabel $db. or die berfungsi Jika koneksi ke database gagal maka otomatis akan keluar tulisan "Gagal koneksi ke database FadhilNewbieProgrammer".

Jika menemukan kesulitan silahkan bertanya di kolom komentar ya.. Dan jangan lupa untuk meninggalkan Jejak / komentar dibawah ya!!

- Best Regards - 

Wednesday, 30 April 2014

Cara Membuat Slide Gambar / Slideshow JQuery Simple

Posted by Fadhil, on 16:08


Salam Programmer Buat agan agan semuanya.. kali ini saya akan membagi ilmu saya yaitu tentang Cara Membuat Slide Gambar / Slideshow JQuery Simple.
Berikut adalah Codenya : 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script>
<script>
var i=0;
$(document).ready(function () {
 $('.slidertitle, #slider img').hide();
 showNextImage();
  setInterval('showNextImage()', 3000);
    });
    function showNextImage() {
  i++;
              $('#sliderImage' + i).appendTo('#slider').fadeIn(1100).delay(1100).fadeOut(1100);
     $('#title' + i).appendTo('#slider').fadeIn(1100).delay(1100).fadeOut(1100);
  if(i==3){
   i=0;
  }
    };
</script>
<style type="text/css">
#slider {
 padding:10px 0 10px;
 position:relative;
 width:630px;
 height:310px;
}
#slider img{
 width:630px;
 height:300px;
 position:absolute;
 -webkit-border-radius:5px 5px 5px 5px;
 border-radius:5px;
 -moz-border-radius:5px 5px 5px 5px;
}
.slidertitle{
 width:630px;
 margin-top:265px;
 text-align:center;
 position:absolute;
 padding:10px;
 -webkit-border-radius:0px 0px 5px 5px;
 border-radius:0px 0px 5px 5px;
 -moz-border-radius:5px 5px 5px 5px;
 color:#FFF;
 background-color:rgba(12, 22, 23, 0.50);
}
</style>
<div id="slider">
  
<img id="sliderImage1" 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJcfcAZOAJOd8dkRJXp6bPFZu10YYjkPDmTQlAFpxd0Gyw01X86qMHb6iCx3AGhhnGfx9_izuUy-pJrBzrEvo2dkwp2Az8gE3q940HzxSHPPVQMtsBq2g7uXuUELjwzAMLG8dSt1p-qQ/s1600/Screenshot+(36).png'>
        <div class="slidertitle" id="title1">Sublime Text 3</div>
   
<img id="sliderImage2" 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-avBA1PsQjm5wQ0guh4sqK44RvadUqDk9A7ORTOsJTGLcyepWGCKOU2Lr5Wz8nhQWqnrazfsGmqfKP7YlERdxieGoULDRsfOPWtgODOVQ1X-6yRQD7_VkXbRnU61NFUAB_we0rlFSCg/s1600/Screenshot+(35).png'>
        <div class="slidertitle" id="title2">Zebra Tabel</div>
   
<img id="sliderImage3" 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtGMfEwkQbfbV6hxAwRiidNbldeXY4Iekuff12-nXFaZoQ4how6DLgnX9E7gdItrvJTxuhSDrbcP6fVwAp02K8pSPIMIpRyLViWnHjHHXVTxjDzRUxjU_s89RaZJTqy9TW1d2gbQXG2A/s1600/2.png'>
        <div class="slidertitle" id="title3">phpmyadmin</div>
</div>
Dan Beginilah Hasilnya :

Sublime Text 3

Zebra Tabel

phpmyadmin





Sekian artikel tentang Cara Membuat Slide Gambar / Slideshow JQuery Simple Semoga bermanfaat untuk agan agan semuanya..
Jangan Lupa Berikan Komentar ya!

- Best Regards -
Subscribe to: Posts ( Atom )