Latest Post

Hai, kali ini saya akan membahas mengenai Cara Melakukan Pengkondisian Menggunakan syntax if else dalam bahasa C++.

Sebelumnya saya ingin katakan bahwa penggunaan syntax pada pengkondisian dalam Bahasa C dan Bahasa CPP sama saja, begitu juga dengan bahasa lain seperti Java.


Baca juga : Pengkondisian if else dalam Bahasa C dan Operator dalam Bahasa C/C++



Pengkondisian if.

Bentuk umum >>
if(kondisi)
{
  aksi;
}
>>> Berarti : jika kondisi benar, maka aksi dijalankan...

Source Code:

// kode ini ditulis dari ng0ding.blogspot.com
#include <iostream>

using namespace std;

int main()
{
int a = 5;
if(a == 5)
cout << "a adalah 5";

return 0;
}


Output:

Pengkondisian Menggunakan if else dalam Bahasa Pemrograman C++
Melakukan Pengkondisian Menggunakan syntax if dalam Bahasa C++

Coba build and run, maka akan tampil a adalah 5
kenapa ? karna kondisinya benar.
dan ingat untuk penggunaan operasi logika, bahasa c dan cpp sudah mempunyai ketentuan..
seperti didalam if, untuk membandingkan apakah a dan 5 itu sama menggunakan ==


Pengkondisian if dan else

Bentuk umum >>
if(kondisi)
{
  aksi 1;
}
else
{
  aksi 2;
}
>>> jika kondisi benar maka aksi 1 dijalankan, tetapi jika kondisi salah maka aksi 2 dijalankan...

If dan else, digunakan jika kita mempunyai 1 kondisi untuk benar dan 1 kondisi untuk selain benar..


Source Code:

// kode ini ditulis dari ng0ding.blogspot.com
#include <iostream>

using namespace std;

int main()
{
int a = 3;
if(a == 5)
cout << "a adalah 5" << endl;
else
cout << "a bukan 5" << endl;

return 0;
}


Output:

Pengkondisian Menggunakan if else dalam Bahasa Pemrograman C++
Menggunakan if dan else dalam Bahasa C++

Perhatikan lagi !!
awalnya kita deklarasikan nilai a = 3.
lalu kita mengkondisikan, apakah a == 5, jika iya maka tampilkan a adalah 5
tetapii... karna a = 3, maka sudah tentu a == 5 tidak memenuhi,
jadi kita mempunyai kondisi lain.
maka, untuk nilai selain 5 akan ditampilkan a bukan 5


if, else if, else

Bentuk umum >>
if(kondisi 1)
{
  aksi 1;
}
else if (kondisi 2)
{
  aksi 2;
}
else
{
  aksi 3;
}
>>> jika kondisi 1 benar maka aksi 1 dijalankan, tetapi jika kondisi 2 benar maka aksi 2 dijalankan, tetapi jika keduanya salah maka aksi 3 akan dijalankan...

Pengkondisian tipe ini kita gunakan untuk kondisi yang lebih dari dua, misal kita diperempatan jalan, dan kita sedang memperhatikan lampu seint dari mobil, jika lampu hidup ke kanan artinya akan belok kanan, tetapi jika lampu kiri hidup maka mobil itu belok ke kiri, selain itu (lampu dua duanya hidup) dia akan lurus saja.


Source Code:

// kode ini ditulis dari ng0ding.blogspot.com
#include <iostream>

using namespace std;

int main()
{
int a = 3;
if(a == 5)
cout << "a adalah 5" << endl;
else if(a == 3)
cout << "a adalah 3" << endl;
else
cout << "a bukan 5 dan bukan 3" << endl;

return 0;
}


Output:

Pengkondisian Menggunakan if else dalam Bahasa Pemrograman C++
Menggunakan if, else if, dan else dalam Bahasa C++

Coba perhatikan lagi !!
ingat !! program selalu membaca codingan dari atas kebawah..

jika a == 5, maka dia akan menampilkan a adalah 5 tetapi karna a bukanlah 5 maka code akan dibaca ke kondisi berikutnya,
tetapi jika a == 3, maka tampilkan a adalah 3 karna kondisi benar, maka aksi dijalankan, dan else dibawah tadi diabaikan karna kondisi kedua sudah benar.

coba saja anda ganti nilai a dengan bebas selain 3 dan 5, maka program akan menampilkan a bukan 5 dan bukan 3 .

Yosh, terima kasih karna sudah mau membaca di blog ini :)
Pengunjung yang baik selalu meninggalkan jejak..!!

Pengulangan tak kalah pentingnya dengan Pengkondisian, sebab pasti akan ada keadaan dimana kita diharuskan untuk melakukan baris kode yang sama berulang ulang.
Dari pada harus menulis ulang kode tersebut, alangkah baiknya jika kita melakukan pengulangan, selain menghemat baris kode, dapat juga meningkatkan produktivitas kita dalam melakukan c0ding, sekaligus mempercepat dalam pengerjaan sebuah program.

Pengulangan dalam Bahasa Java terdapat 3 buah syntax untuk melakukan pengulangan, yaitu for, while, do-while.

Jadi kali ini kita akan membahas Cara Melakukan Pengulangan For (For - loop) dalam Bahasa Java terlebih dahulu.


Apa itu Pengulangan

Pengulangan adalah runtutan instruksi (baris kode) yang akan terus diulang selagi memenuhi kondisi(untuk melakukan pengulangan tersebut) [Sumber : TechTarget.com].

Jadi sama halnya seperti pengkondisian, instruksi untuk pengulangan akan terus dijalankan selagi memenuhi kondisi.

baca juga : Pengkondisian dalam Bahasa Java


Pengulangan Menggunakan For Loop

for loop, merupakan salah satu syntax yang dapat digunakan untuk melakukan pengulangan.

for(inisialisasi_variabel; kondisi; update_variabel) {
    // c0de.
}



Contoh for-loop dalam Bahasa Java


Contoh : Misalkan kita ingin menuliskan angka 1 - 10.

Source Code:

// kode ini ditulis dari ng0ding.blogspot.com
public class Ngoding {
public static void main(String[] args) {
for(int i = 1; i <= 10; i++) {
System.out.println(i);
}
}
}

Output:

Pengulangan for (for Loop) dalam Bahasa Pemrograman Java
Pengulangan Menggunakan for loop dalam Bahasa Java



Pengulangan for Bersarang (Nested Loop)

Saya lupa tulis di artikel sebelumnya, tapi dalam Pengkondisian juga bisa dilakukan Pengkondisian Bersarang (if didalam if).

Begitu juga dengan Pengulangan, didalam Pengulangan, kita bisa buat Pengulangan Lagi.



Contoh Pengulangan Bersarang dalam Bahasa Java

Contoh : Misalkan kita ingin membuat bentuk segitiga siku siku.

Source Code:


// kode ini ditulis dari ng0ding.blogspot.com
public class Ngoding {
public static void main(String[] args) {
// for luar untuk banyak baris (1 ~ 5)
for(int i = 1; i <= 5; i++) {
// for luar untuk banyak kolom (1 ~ i)
// jadi saat pengulangan pertama [i = 1], maka (1 ~ 1)
// saat pengulangan kedua [i = 2], maka (1 ~ 2), dst...
for(int j = 1; j <= i; j++) {
System.out.print("*");
}
System.out.print("\n");
}
}
}

Output:

Pengulangan for (for Loop) dalam Bahasa Pemrograman Java
Pengulangan Bersarang menggunakan for-loop Java



Kesimpulan

Dalam syntax for, kita diharuskan untuk mendefinisikan 3 hal

  1. Variabel Inisialisasi
  2. Kondisi (saat kapan pengulangan bisa dijalankan)
  3. Update Variabel
    Dalam contoh kita hanya membuat i++, j++. Tetapi kita bisa melakukan hal lain juga, bukan hanya increment 1 nilai.
    i++; sama saja dengan i += 1; atau sama saja dengan i = i + 1;
    Hal ini termasuk kedalam penggunaan Operator Inisialisasi.
    Seperti  i += 2; berarti i = i+2;

baca juga : Operator Dasar Bahasa Java dan Pengulangan For Bahasa C

Sekian dan Terima Kasih.

Hai, masih membahas mengenai pemrograman yaitu Pemrograman Bahasa CPP (C++)

Kali ini, saya akan sharing mengenai Cara Melakukan Operasi Aritmatika dalam Bahasa C++
Apa aja ?
  • Tambah
  • Kurang
  • Kali
  • Bagi
  • Modulo (sisa bagi)


Contoh


Source Code:

// kode ini ditulis dari ng0ding.lobgspot.com
#include<iostream>

using namespace std;

int main()
{
int a = 5;
int b = 3;

float c = 9;
float d = 4;

cout << a << " + " << b << " = " << a + b << endl;
cout << a << " - " << b << " = " << a - b << endl;

cout << c << " x " << d << " = " << c * d << endl;
cout << c << " / " << d << " = " << c / d << endl;

cout << a << " mod " << b << " = " << a % b << endl;

return 0;
}


Output:

Operasi Aritmatika dalam Bahasa C++
Output Operasi Aritmatika cpp

Pembahasan


Mari kita bahas..

    int a = 5;
int b = 3;

float c = 9;
float d = 4;
Mengapa a dan b : integer, sedangkan c dan d : float ?
Karena, dalam pembagian, jika mod != 0, maka tentu akan jadi bilangan berkoma..
sedangkan tipe data int hanya untuk Bilangan Bulat,
jadi untuk membuat variabel yg bisa menampung nilai berkoma (real) maka kita gunakan tipe data float.


baca juga : Input Output : Integer dan Float dalam Bahasa CPP

apa maksud

    cout << a << " + " << b << " = " << a + b << endl;
??
mari kita pisah satu persatu..
cout << a;        :: Akan menampilkan nilai dari variabel a
cout << " + ";    :: Akan menampilkan simbol +
cout << b;        :: Akan menampilkan nilai dari variabel b
cout << " = "     :: Menampilkan simbol =
cout << a + b;   :: Menampilkan nilai dari variabel a + variabel b

kita juga bisa membuat variabel penampung untuk menampung hasil tambah tersebut..
misal.


Contoh Dua


Source Code:

// kode ini ditulis dari ng0ding.blogspot.com
#include<iostream>

using namespace std;

int main()
{
int a = 5;
int b = 3;
int Hasil_Tambah = a + b;

cout << Hasil_Tambah << endl;

return 0;
}


Output:

Operasi Aritmatika dalam Bahasa Pemrograman C++
Operator Aritmatika

Untuk Pengurangan, Perkalian, dan Pembagian sama saja..


Modulus (Sisa Bagi)


Saya akan sedikit menekankan pada Modulo (jika anda kurang paham)
Lihat gambar dibawah ini :)


Ilustrasi cara kerja Operator Modulus (Sisa Bagi)
Ilustrasi modulus (sisa bagi)
Nama Blog ini dulunya blogyin.com, tetapi berubah menjadi ng0ding.blogspot.com

Terima Kasih, dan Selamat Belajar....



Apa itu Gammu ? Gammu adalah sebuah project , program atau aplikasi yang memuat script dan driver yang dapat mengatur beberapa fungsi telepon seluler atau sejenisnya. Gammu juga bekerja di dalam command line atau sebagai daemon tools. Oleh karena itu gammu harus di install terlebih dahulu. Berikut Tutorial Install Gammu . 


Download Gammu

Untuk mendapatkan file atau master instalasi kita bisa mendapatkan gammu secara gratis di web resminya . Silahkan download file master installasi gammu yang dipakai pada tutorial ini. Install Gammu .



Yang Harus Disiapkan Untuk Install Gammu
1. Modem yang support gammu. Daftar modem yang support gammu bisa dilihat di http://wammu.eu/phones.
2. XAMPP ( atau sejenisnya)
3. Gammu yang sudah didownload di atas.
4. Text Editor

Tutorial Install Gammu
1. Install driver modem terlebih dahulu .
2. Install XAMPP dan install text editor (Notepad ++  atau Sublime )
3. Ekstak file gammu yang sudah didownload . Copy ke drive c:\
4. Rename folder gammu yang sudah dicopy menjadi c:\gammu
5. Langkah berikutnya yaitu melakukan konfigurasi file gammurc dan smsdrc. Masuk ke direktori C:\gammu\share\doc\gammu\examples\config . Copy kedua file tersebut ke C:\gammu\bin .
6. Pertama kita konfigurasi gammurc-nya. Untuk membuka file ini gunakan aplikasi text editor (notepad++ atau Sublime). Untuk gammurc kita hanya mengubah konfigurasi pada bagian device dan connection. 
Konfigurasi Devie Gammu - Install Gammu
device kita sesuaikan dengan port modem pada komputer. Untuk melihat port modem, masuk ke Device Manager
Device Modem - Install Gammu
Untuk connection silahkan sesuaikan dengan modemnya masing masing . Bisa dilihat di http://wammu.eu/phones .
7. Langkah berikutnya kita melakukan pengecekan apakah konfigurasi modem sudah sesuai. Jalankan Command Prompt (Run As Administrator), kemudian ketikkan perintah berikut untuk masuk ke direktori C:\gammu\bin

cd c:\gammu\bin
Selanjutnya
gammu --identify

Jika Konfigurasinya berhasil akan menampilkan hasil seperti ini .
Idintify Device Modem - Install Gammu
8. Setelah modem sudah terkoneksi, maka selanjutnya tahap menyambungkan dengan database.

Buat database baru di localhost/phpmyadmin, Untuk contoh kali ini buat database dengan nama �gammu� .
Kemudian import database mysql.sql dari folder C:\gammu\share\doc\gammu\examples\sql
Dabatabase - Install Gammu
9. Selanjutnya kita lakukan konfigurasi pada file smsdrc. Jangan lupa hilangkan tanda # pada bagian yang dikofigurasi . Berikut konvigurasi device dan connection pada smsdrc gammu .
Konfigurasti smsdrc - Install gammu

Konfigurasi database di smsdrc gammu

Konfigurasi Database smsdrc - Install Gammu

10. Setelah konfigurasi smsdrc, selanjutnya install service gammu, bukan Command Promt lalu ketik: 

gammu-smsd �i �c smsdrc �n gammuSMSD

jika berhasil maka akan tampil pesan seperti berikut
Install Service - Install Gammu

Kemudian jalankan service gammu dengan perintah

gammu-smsd �s �c smsdrc �n gammuSMSD


jika berhasil maka akan tampil pesan seperti berikut

Start Service - Install Gammu

11. Setelah semuanya dilakukan, cobalah mengirim SMS ke nomor yang ada pada modem. Jika konfigurasi benar maka pesan atau SMS akan masuk ke database dan berada di tabel inbox.

Sekian tutorial Install Gammu. Semoga bisa diterapkan dan bisa bermanfaat. Terima kasih . 

Sistem Operasi Android adalah salah satu sistem operasi yang diperuntukkan perangkat mobile phone (Smarth Phone). Kemampuan yang dimiliki oleh android yang mutakhir dan juga harga pemasaran yang terjangkau membuat jutaan manusia terpikat olehnya.





Sistem Operasi Android dirilis pada tahun 2007 yang lalu dengan versi pertamanya yaitu Android 1.0 (Appel Pie)
Urutan Nama Nama Versi Android Dari A Sampai Sekarang
Android telah membuat inovasi yang signifikan dalam perubahan sistem operasinya sejak pertama kalinya dirilis. Kepopuleran Android bahkan dapat mengimbangi persaingan antar pengembang sistem operasi mobile phone yang dulunya dikuasai oleh pendahulunya yaitu Blackberry OS.


Pernah tidak dalam benak sobat bertanya tanya tentang logo Android tersebut ? Logo si robot hijau yang mungkin setiap hari sobat pakai ini telah di update oleh banyak orang mengenai informasi asal usul logo android tersebut. Namun pihak Android Developer sendiri belum pernah mengumumkan informasi resmi mengenai asal usul logo android tersebut.

Ada beberapa sumber yang menyebutkan tentang teori-teori yang mengungkapkan asal usul terlahirkannya si robot hijau Android seperti yang dibahas di bawah ini :


Sumber yang pertama menyebutkan bahwa logo Android ini diambil dari sebuah karakter yang berada dalam game "Gauntlet : The Third Encounter" yang merupakan game besutan Atari.

Kesamaan Logo Android

Dalam game tersebut terdapat sebuah karakter bernama android, yap dari namanya saja sudah ketahuan kalo karakter ini sama dengan logo Android. Tidak hanya sama dalam nama, namun desain bentuk dari karakter game ini hampir atau bahkan mungkin sama persis dengan logo android saat ini. Memiliki kesamaan mata yang berbentuk bulatan kecil dan sepasang antena tak heran jika ada beberapa pihak mengklaim atas penjiplakan atau plagiat logo android kepada karakter tersebut.


Namun ada juga sumber yang mengatakan bahwa logo android tercipta tanpa adanya unsur plagiat. Menurut sumber yang satu ini logo Android terlahir atas inspirasi Irina dari sebuah simbol manusia yang terdapat pada pintu toilet umum. Tim desainer Irina tersebut kemudian memodifikasi bentuk manusia menjadi bentuk robot berbadan sedikil elips  dengan kepala yang mirip seperti mangkuk yang dibalik.

Demikianlah pembahasan mengenai Asal Usul Maskot Robot Hijau Logo Android , saya sampaikan terima kasih karena sudah berkunjung di blog saya dan semoga postingan saya bermanfaat bagi sobat semuanya.



Login facebook dengan PHP , kita dapat menggunakan facebook login pada website kita dengan menggunakan akun facebook pengguna untuk login ke website kita. Jadi kita kita tidak haru memmbutuhkan form resgistrasi dan manajemen pengguna pada web kita. Cukup kita memanfaatkan facebook login yang bisa di pantau pada halaman aplikasi facebook.

Pada tutorial kali ini cumacoder.com akan membahas bagaimana mengintegrasikan facebook login ke website kita dengan menggunakan Facebook PHP SDK , tutorial ini dilengkapi full source code yang bisa didownload pada akhir tutorial ini.

Membuat Facebook APP ID dan APP Secret.
Langkah Ke - 1 � Kunjungi https://developers.facebook.com/apps/ dan klik Tambahkan Sebuah Aplikasi Baru 
� Pilih Website
� Isi Nama Aplikasi Yang Akan Dibuat dan klik Create New Facebook App ID 
� Pilih kategori aplikasi dan klik Buat ID Aplikasi
� Dan Klik Skip Quick Start

Tutorial Membuat Login Facebook Dengan PHP


Tutorial Membuat Login Facebook Dengan PHP


Tutorial Membuat Login Facebook Dengan PHP

Langkah Ke - 2 � Pada menu Pengaturan, Kita isi form Domain Aplikasi ( Ex:www.cumacoder.com )  dan Email Kontak Selanjutnya klik Tambah Platform .
Tutorial Membuat Login Facebook Dengan PHP

Untuk Url Situs Silahkan Di isi Atau Boleh Dikosongkan
Tutorial Membuat Login Facebook Dengan PHP

Step 3 � Untuk Mengaktifkan Aplikasi silahkan klik Tinjauan Aplikasi, Dan klik tombol untuk mengaktifkan aplikasi .

Source Code File fbconfig.php

Step 4 � Silahkan download source code disini, Facebook Login PHP .


Step 5 � Silahkan buka file fbconfig.php dan masukan APP ID , Secret ID dan ubah nama domain. Seperti dibawah ini.


// init app with app id and secret
FacebookSession::setDefaultApplication( 'Your APP ID','Your APP Secret' );
// login helper with redirect_uri
$helper = new FacebookRedirectLoginHelper('http://www.cumacoder.com/fbconfig.php' );

Your APP ID & Your Secret APP Secret : Ganti sesuai dengan aplikasi yang sudah kita buat di facebook .
Step 6 � Full Source Code File fbconfig.php. Silahkan baca baris komentar untuk info lebih detail.
<?php
session_start();
// added in v4.0.0
require_once 'autoload.php';
use Facebook\FacebookSession;
use Facebook\FacebookRedirectLoginHelper;
use Facebook\FacebookRequest;
use Facebook\FacebookResponse;
use Facebook\FacebookSDKException;
use Facebook\FacebookRequestException;
use Facebook\FacebookAuthorizationException;
use Facebook\GraphObject;
use Facebook\Entities\AccessToken;
use Facebook\HttpClients\FacebookCurlHttpClient;
use Facebook\HttpClients\FacebookHttpable;
// init app with app id and secret
FacebookSession::setDefaultApplication( 'Your APP ID','Your APP Secret' );
// login helper with redirect_uri
$helper = new FacebookRedirectLoginHelper('http://www.cumacoder.com/fbconfig.php' );
try {
$session = $helper->getSessionFromRedirect();
} catch( FacebookRequestException $ex ) {
// When Facebook returns an error
} catch( Exception $ex ) {
// When validation fails or other local issues
}
// see if we have a session
if ( isset( $session ) ) {
// graph api request for user data
$request = new FacebookRequest( $session, 'GET', '/me' );
$response = $request->execute();
// get response
$graphObject = $response->getGraphObject();
$fbid = $graphObject->getProperty('id'); // To Get Facebook ID
$fbfullname = $graphObject->getProperty('name'); // To Get Facebook full name
$femail = $graphObject->getProperty('email'); // To Get Facebook email ID
/* ---- Session Variables -----*/
$_SESSION['FBID'] = $fbid;
$_SESSION['FULLNAME'] = $fbfullname;
$_SESSION['EMAIL'] = $femail;
/* ---- header location after session ----*/
header("Location: index.php");
} else {
$loginUrl = $helper->getLoginUrl();
header("Location: ".$loginUrl);
}
?>
Source Code File logout.php
file Logout.php digunakan untuk mengahpus sesi login Facebook dan meneruskannya ke halaman utama website kita


Step 7 � Silahkan input halaman utama setelah 
<?php 
session_start();
session_unset();
$_SESSION['FBID'] = NULL;
$_SESSION['FULLNAME'] = NULL;
$_SESSION['EMAIL'] = NULL;
header("Location: index.php"); // you can enter home page here ( Eg : header("Location: " ."http://www.cumacoder.com");
?>

Source Code File index.php

Step 8 � Pada halaman index ini kita bisa mengatur apa yang akan tampil setelah login dengan facebook dan sebelum login dengan facebook .
Full Source Code index.php .
<?php
session_start();
?>
<!doctype html>
<html xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>Login with Facebook</title>
<link href="http://www.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
</head>
<body>
<?php if ($_SESSION['FBID']): ?> <!-- After user login -->
<div class="container">
<div class="hero-unit">
<h1>Hello <?php echo $_SESSION['USERNAME']; ?></h1>
<p>Welcome to "facebook login" tutorial</p>
</div>
<div class="span4">
<ul class="nav nav-list">
<li class="nav-header">Image</li>
<li><img src="https://graph.facebook.com/<?php echo $_SESSION['FBID']; ?>/picture"></li>
<li class="nav-header">Facebook ID</li>
<li><?php echo $_SESSION['FBID']; ?></li>
<li class="nav-header">Facebook fullname</li>
<li><?php echo $_SESSION['FULLNAME']; ?></li>
<li class="nav-header">Facebook Email</li>
<li><?php echo $_SESSION['EMAIL']; ?></li>
<div><a href="logout.php">Logout</a></div>
</ul></div></div>
<?php else: ?> <!-- Before login -->
<div class="container">
<h1>Login with Facebook</h1>
Not Connected
<div>
<a href="fbconfig.php">Login with Facebook</a></div>
</div>
<?php endif ?>
</body>
</html>

Menyimpan Data User
� Kita Bisa menyimpan data user ke dalam database. Untuk itu silahkan buat struktur tabel seperti berikut: .
CREATE TABLE IF NOT EXISTS `Users` (
`UID` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`Fuid` varchar(100) NOT NULL,
`Ffname` varchar(60) NOT NULL,
`Femail` varchar(60) DEFAULT NULL,
PRIMARY KEY (`UID`)
);

� Buka dbconfig.php dan sesuaikan dengan settingan database kita.
<?php
define('DB_SERVER', 'localhost');
define('DB_USERNAME', 'root'); // DB username
define('DB_PASSWORD', ''); // DB password
define('DB_DATABASE', 'fblogin'); // DB name
$connection = mysql_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD) or die( "Unable to connect");
$database = mysql_select_db(DB_DATABASE) or die( "Unable to select database");
?>

� File functions.php merupakan fungsi yang bertugas untuk menyimpan data user ke database.
<?php
require 'dbconfig.php';
function checkuser($fuid,$ffname,$femail){
$check = mysql_query("select * from Users where Fuid='$fuid'");
$check = mysql_num_rows($check);
if (empty($check)) { // if new user . Insert a new record
$query = "INSERT INTO Users (Fuid,Ffname,Femail) VALUES ('$fuid','$ffname','$femail')";
mysql_query($query);
} else { // If Returned user . update the user record
$query = "UPDATE Users SET Ffname='$ffname', Femail='$femail' where Fuid='$fuid'";
mysql_query($query);
}
}?>

Untuk Source Code Dan Database, Silahkan Download dibawah ini . Semoga Tutorial Ini bisa bermanfaat .

Tutorial CodeIgniter 3 : Membuat Tampilan Codeigniter Dengan Bootstrap


Kali ini Cuma Coder akan membahasa tutorial Membuat Tampilan Codeigniter Dengan Bootstrap . Untuk yang belum tahu apa itu Bootstap, Bootstrap adalah front-end framework yang  bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Dengan bootstap kita dapan membangun web dengan tampilan responsif. Sehingga web yang kita buat dengan bootstap bisa menyesuaikan secara otomatis dengan layar gadget. Untuk membuat tampilan codeigniter dengan bootstap sangatlah mudah. Yang kita butuhkan hanyalah CSS dan Jquery Bootstap yang dapat didownload langsung di web resminya Bootstrap .


Dalam tutorial ini kita sebaiknya mengatur url codeigniter seperti yang ada di artikel cuma coder yang berjudul Tutorial CodeIgniter 3 : Menghilangkan Index.php Pada URL (Mempercantik URL Pada CodeIgniter 3) . 

Untuk membuat tampilan codeigniter dengan bootstap kita hanya meload css beserta javascript bootstrap yang telah kita download. Untuk peletakan file css dan javascript bootstrap bisa kita buat didalam folder assets pada folder project codeigniter kita. contohnya seperti skema dibawah ini.

ci_bootstrap/
|-- application/
|-- assets/
|---- css/
|------ bootstrap.min.css
|------ style.css
|---- js/
|------ bootstrap.min.js
|------ jquery.min.js
|---- fonts/
|------ glyphicons-halflings-regular.eot
|------ glyphicons-halflings-regular.svg
|------ glyphicons-halflings-regular.ttf
|------ glyphicons-halflings-regular.woff
|------ glyphicons-halflings-regular.woff2
|-- system/
|-- index.php
|-- .htaccess


Untuk template bisa kita gunakan contoh yang ada di http://getbootstrap.com/getting-started/#examples . Untuk tampilan bootstrap kita akan membuat tiga buah file view yaitu 
1. home.php ( Tampilan untuk isi konten )
2. header.php ( Tampilan untuk header dan juga untuk meload css beserta javascript bootstrap)
3. footer.php ( Tampilan footer)

Silahkan buat juga controller home dengan source code seperti dibawah ini :


<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Home extends CI_Controller
{
public function __construct()
{
parent::__construct();
}


/**
* Cotoh penggunaan bootstrap pada codeigniter::index()
*/
public function index()
{
$this->load->view('home');
}
}

# nama file home.php
# folder apllication/controller/

Source code home.php :


<? $this->load->view('header');?>

<div class="container">

<!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron">
<h1>Membuat Tampilan CodeIgniter Dengan Bootstrap</h1>
<p></p>
<p></p>
<p>
<a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
</p>
</div>

</div> <!-- /container -->
<? $this->load->view('footer');?>

Source code header.php :


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="FaberNainggolan">
<title>CodeIgniter dengan Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="<?=base_url()?>assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="<?=base_url()?>assets/css/style.css" rel="stylesheet">
</head>

<body>
<!-- Static navbar -->
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Cuma Coder</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><i class="glyphicon glyphicon-home"></i> Home</a></li>
<li><a href="#about"><i class="glyphicon glyphicon-info-sign"></i> About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="../navbar/">Default</a></li>
<li class="active"><a href="./">Static top <span class="sr-only">(current)</span></a></li>
<li><a href="../navbar-fixed-top/">Fixed top</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>

Source code footer.php :

<!-- Bootstrap core and JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="<?=base_url()?>assets/js/jquery.min.js"></script>
<script src="<?=base_url()?>assets/js/bootstrap.min.js"></script>
</body>
</html>
Jadi kesimpulannya kita hanya meload css dan javascript bootstrap untuk membuat tampilan codeigniter dengan bootstrap. Semoga tutorial ini bermanfaat.

Author Name

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.