Fadhil Nur Mahardi

Personal Blog Web Developer Dasar. Sharing is Everything.

Showing posts with label Tutorial. Show all posts

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

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 -

Tuesday, 29 April 2014

Macam Macam Perintah SQL

Posted by Fadhil, on 19:48
Secara umum SQL mempunyai 3 golongan perintah yakni untuk mendefinisikan, memanipulasi dan untuk pengontrol data.

Golongan tersebut adalah :
DDL ( Data Definition Language )
DML ( Data Manipulation Language )
DCL ( Data Control Language )

Data Definition Language ( DDL )

DDL merupakan perintah atau bahasa SQL yang digunakan untuk mendefinisikan data seperti menulis, menghapus dan mengatur atau mengubah data.
Perintah tersebut adalah CREATE, ALTER, DROP :

CREATE :
Perintah create digunakan untuk menciptakan/membuat database dan tabel.

Membuat database Contoh Sintak :
create database nama_database 
Membuat Tabel Contoh SIntak :
create table nama_tabel (kolom1 typedata, kolom2 typedata, kolom3 typedata)
ALTER
Perintah Alter digunakan untuk mengubah atribute dari tabel.

DROP
Perintah Drop digunakan untuk menghapus table / database.


Data Manipulation Language ( DML )
DML merupakan perintah atau bahasa SQL yang digunakan untuk mengubah / mengelola data pada database.

Perintah tersebut adalah INSERT, UPDATE, DELETE, SELECT :

INSERT
Perintah Insert digunakan untuk menambahkan sebuah data / record kedalam sebuah table.

Contoh Sintak :
INSERT INTO nama_table (column1,column2) VALUES ('value1','value2')

UPDATE 
Perintah update digunakan untuk mengupdate / mengedit data yang sudah ada di table.
Contoh Sintak :
UPDATE nama_table SET column1='value1', column2='value2' WHERE primary_key='key'

DELETE
Perintah delete digunakan untuk mendelete / menghapus data yang sudah ada di table.

Contoh Sintak :
DELETE FROM nama_table WHERE primary_key='key'

SELECT
Perintah digunakan untuk menampilkan data yang tersedia di table.

Contoh Sintak :
SELECT * FROM nama_table
DCL ( Data Control Language ) yaitu perintah sql yang gunanya untuk menggatur hak akses pada suatu database.
Contoh : GRANT ( Memberi akses ), REVOKE ( Mencabut akses ) 
Kurang lebih seperti itu penjelasan dari saya. :)

Cara Membuat Zebra Tabel Menggunakan PHP

Posted by Fadhil, on 19:03
Salam Programmer buat agan semuanya..
Kali ini saya akan mengeshare Cara Membuat Zebra Tabel Menggunakan PHP. Zebra tabel adalah bentuk dari tabel yang desainnya menarik karena tiap kolomnya berwarna berbeda.
Oke gak usah lama lama ini dia kodenya :

<?php   
 echo "
<table border='0' width='80%' 
bgcolor='#ededed' cellspacing='0' align='center'>
 <tr bgcolor='#3F6994'>
  <th>NO</th>
  <th>Nama</th>
  <th>Blog</th>
 </tr>";
for($i=1; $i < 10; $i++){
$warnabaris= ($i% 2 == 1) ? "#CFE3E8" : "#E4E9EA";
echo"
 <tr bgcolor='$warnabaris'> 
  <td>$i;</td>
  <td>Fadhil Nur Mahardi</td>
  <td>fnmnewbie.blogspot.com</td>
 </tr>";
}
echo "</table>";
?>
Dan beginilah hasilnya :

Semoga bermanfaat..  Jangan lupa tinggalkan Komentar ya!

Cara Membuat Database di phpmyadmin

Posted by Fadhil, on 17:40
Pada sore hari ini saya akan membuat Tutorial Membuat Database dengan phpmyadmin.
Membuat Database di Wampserver bisa menggunakan Mysql dan phpmyadmin. Dari 2 cara tersebut yang lebih simpel adalah phpmyadmin  karena memiliki sistem GUI atau Graphical User Interface.
Kalo agan belum tau Apa itu Wampserver dan Bagaimana cara menginstalnya agan bisa membaca Tutorial saya DISINI.

Hal – Hal yang perlu di perhatikan saat membuat database :
  • Mengumpulkan semua informasi yang dibutuhkan untuk membuat Website. 
  • Melakukan survey ke Website yang sudah terkenal yang 1 tema dengan website yang akan di buat. Contoh : Website Terkenal dalam hal penjualan adalah http://www.tokobagus.com. 
  • Menyimpulkan hasil informasi dan survey. 
  • Merancang database dan membuat strukturnya seperti Tabel, Field, pengambilan type data dan lain - lain.


Cara membuka phpmyadmin :
  • Nyalakan service Wampserver dengan mengeklik 2x file “Wampmanager.exe” pada direktori C:\wamp. 
  • Buka Web Browser ( Mozilla Firefox, Google Chrome, Operamini ). 
  • Pada address bar tuliskan “localhost/phpmyadmin” atau “127.0.0.1/phpmyadmin”.
  • Tampilan Login di phpmyadmin

  • Halaman Setelah Login phpmyadmin.



  • Membuat Database dengan nama "fnmnewbie".



  • Membuat Tabel dengan nama fnmnewbie_tabel dan banyak field 3



  • Membuat 3 Field dengan rincian :
    • no bertipe INT
    • nama bertipe VARCHAR sepanjang 30 huruf
    • kelas bertipe VARCHAR sepanjang 5 huruf



  • Tampilan setelah berhasil membuat tabel





Semoga bermanfaat buat agan agan yang sudah membaca artikel Cara Membuat Database di phpmyadmin.. Jangan lupa tinggalkan komentar di kolom komentar ya!..
~ Salam Programmer ~

Cara Menginstal Wampserver

Posted by Fadhil, on 16:45
Selamat Sore, Posting pertama saya ini akan membahas Tutorial / Cara Menginstal Wampserver di komputer.
Wampserver adalah salah satu Software Web Server yang komplit ( Windows, Apache, Mysql, PHP ), Software Wampserver ini bisa di dapatkan dengan mudah, Dengan cara ngunduhnya gratis ( Freeware ) di situs resmi Wampserver yaitu http://www.wampserver.com/

 Setelah mengunduhnya ikuti langkah langkah berikut :

 1. Klik dua kali pada file .exe yang sudah di unduh tadi, setelah muncul pop up window seperti screenshot di bawah klik → Next >

2. Cek pada ” I accept the agreement ” dan selanjutnya klik → Next >


3. Klik → Next tanpa perlu merubah nama file dan lokasi (location) install.


4. Centang pada kedua Additional icons apabila ingin menampilkan short cut dan ikon wamp pada desktop dan task bar komputer, dan teruskan dengan mengklik → Next >


 5. Klik → Install, tunggu beberapa saat selama proses install.


6. Biarkan tetap pada default, lanjutkan dengan mengklik → Next >


7. Proses Instal Wampserver ke komputer  telah selesai dengan baik, klik → Finish



Demikian lah posting saya tentang Cara Menginstal Wampserver..
Jangan Lupa Tinggalkan komentar ya Agan Agan semuanya...

Subscribe to: Posts ( Atom )