Articles by "Source Code"

Tampilkan postingan dengan label Source Code. Tampilkan semua postingan


Cumacoder kali ini akan share ebook gratis. Ebook ini merupakan ebook gratis yang bisa di download di web https://www.sitepoint.com . 10 Ebook gratis ini masing masing bukunya ada yang membahas tentang WEB, PHP, Javascript , HTML5, CSS3, Mobile Web, Wordpress. Oke untuk penjelasan masing masing isi bukunya kami jelaskan dibawah ya. Dan kami tidak lupa untuk menyertakan file downloadnya.

1. Build Mobile Websites and Apps for Smart Devices
Build Mobile Websites and Apps for Smart Devices

Buku ini merupakan panduan praktis bagi anda yang tertarik dalam mengambil bagian dalam salah satu perkembangan yang paling menarik dalam komputasi sejak internet itu sendiri: web mobile. Dengan yang diharapkan penggunaan web mobile untuk menyalip browser desktop di tahun depan, Anda akan sempurna ditempatkan untuk mengambil keuntungan! Membangun Mobile adalah pendekatan yang menyenangkan dan dapat diakses oleh pengembangan mobile - dan intro sempurna untuk pemula.
2. PHP Master: Write Cutting-edge Code
PHP Master: Write Cutting-edge Code

PHP Master: Write Cutting-edge Code dibuat khusus untuk pengembang PHP yang serius tentang memperbaiki aplikasi server-side mereka. Buku ini akan membantu Anda untuk menggunakan pendekatan pemrograman berorientasi objek yang paling efektif, bungkus proyek di lapisan keamanan, dan memastikan kode Anda melakukan tugasnya dengan sempurna.



3. CSS Master
CSS Master

CSS telah berkembang dari bahasa untuk memformat dokumen ke dalam bahasa yang kuat untuk merancang aplikasi web. Kesederhanaan adalah menipu, namun. Ini memungkiri kompleksitas model kotak, konteks susun, spesifisitas, dan cascade. Sangat sulit untuk mengembangkan antarmuka yang bekerja di berbagai ukuran layar dan dengan bermacam-macam mekanisme masukan. CSS penguasaan terletak pada pemahaman konsep-konsep ini dan bagaimana menanggulanginya, serta memahami dan menggunakan alat-alat baru seperti Linter, pengoptimalan, dan preprosesor.



4. The Principles of Beautiful Web Design, 3rd Edition
The Principles of Beautiful Web Design, 3rd Edition

Boros diilustrasikan dengan contoh-contoh rinci, Prinsip-prinsip Desain Web Indah adalah panduan mudah berikut yang akan membawa Anda melalui proses menciptakan desain besar dari awal sampai akhir. Tidak ada sebelum pengalaman desain web diperlukan.
5. Full Stack JavaScript Development with MEAN
Full Stack JavaScript Development with MEAN

Dengan alat-alat modern, adalah mungkin untuk membuat aplikasi produksi kelas hanya menggunakan JavaScript, HTML, dan CSS. Kombinasi MongoDB, Express, AngularJS, dan Node.js, semua teknologi JavaScript, telah menjadi sangat populer sehingga itu sudah dijuluki tumpukan MEAN. Buku ini akan mengeksplorasi tumpukan MEAN secara rinci.



6. The WordPress Anthology
The WordPress Anthology

WordPress Anthology menempatkan Anda di kursi pengemudi ini kuat & fleksibel open source CMS, menawarkan array yang luas dari solusi untuk proyek-proyek Anda. Penuh sesak dengan terbukti tips & teknik untuk pengembang web, Anda akan menemukan cara efektif menggunakan WordPress untuk lebih memenuhi kebutuhan Anda. Singkatnya, itu akan membuat paling serbaguna di dunia kerja CMS untuk Anda!


br />
7. HTML5 & CSS3 for the Real World: 2nd Edition
HTML5 & CSS3 for the Real World: 2nd Edition
HTML5 & CSS3 untuk Real World adalah pengenalan yang sempurna untuk generasi terbaru dari teknologi pengembangan web. panduan-to-follow mudah ini mencakup segala sesuatu yang Anda butuhkan untuk memulai. Anda akan menguasai markup semantik tersedia di HTML5, dan menemukan cara untuk menggunakan CSS3 untuk membuat website yang menakjubkan yang tampak tanpa menggunakan workarounds kompleks.
8. JavaScript: Novice to Ninja
JavaScript: Novice to Ninja
JavaScript telah menjadi keterampilan yang harus dimiliki untuk semua pengembang web. JavaScript: Novice untuk Ninja adalah menyenangkan, praktis, dan panduan komprehensif untuk penggunaan modern bahasa menipu kuat ini.

Dalam pengantar langkah-demi-langkah untuk coding di JavaScript Anda akan belajar bagaimana memecahkan masalah di dunia nyata, event lintasan, desain eye-catching animasi, membangun bentuk cerdas, dan mengembangkan aplikasi yang lebih kaya. Sepanjang jalan, Anda akan belajar untuk mengembangkan sesuai dengan praktik terbaik, termasuk Object Oriented Programming dan Test Driven Development.
9. Jump Start HTML5
Jump Start HTML5

Semua yang anda perlu tahu tentang HTML5 di satu tempat! Jika Anda apapun pengembang web maka Anda perlu tahu HTML. Bahasa ini telah mengalami beberapa perubahan dramatis dalam beberapa tahun terakhir: HTML5 telah datang ke tempat kejadian, menawarkan banyak fitur baru yang menarik, seperti audio asli dan video, grafik vektor, aplikasi offline, dan banyak lagi. Buku ini adalah primer yang sempurna untuk mendapatkan untuk mengatasi dengan HTML5, dan mulai untuk mengambil keuntungan dari daya dalam proyek Anda.



10. Outsourcing Web Projects
Outsourcing Web Projects

Apakah Anda berharap bahwa Anda bisa mengambil lebih besar, pekerjaan yang lebih menguntungkan, tetapi tidak merasa bahwa Anda memiliki waktu, sumber daya, atau kemampuan teknis untuk melakukannya? Buku ini akan memberikan Anda dengan mencoba dan menguji teknik yang akan memastikan bahwa Anda dapat memberikan kompleks, proyek-proyek web berkualitas tinggi dengan menggunakan sumber daya pembangunan outsourcing, baik di waktu dan anggaran! Dalam buku ini, Dave Hecker, seorang spesialis Outsourcing yang berkonsultasi ke Fortune 50 perusahaan, mengungkapkan rahasia di balik mencapai proyek pengembangan web outsourcing sukses. Dave membawa Anda melalui proses menulis spesifikasi proyek besar untuk mengiklankan pekerjaan Anda secara efektif, memilih mitra outsourcing terbaik, dan mengelola proyek sampai selesai sukses. Sepanjang jalan, Anda akan mengambil banyak berguna petunjuk-seperti metode sederhana untuk menentukan yang melakukan outsourcing mitra yang tepat bagi Anda dan tips manajemen proyek sederhana yang akan membantu menjaga proyek Anda di jalur.




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 Membuat Statistik Pengunjung (Visitor Counter) Dengan PHP dan MySQLi

Salam hangat untuk pembaca blog Cuma Coder. Kali ini saya akan membagikan Tutorial Membuat Statistik Pengunjung dengan PHP. Statistik pengunjung sangatlah berguna bagi blog atau website. Fungsinya sangat jelas, dengan statistik pengunjung kita dapat mengetahui jumlah pengunjung ke website kita dan juga berasal dari mana pengunjung website atau blog kita. Bahkan dengan statistik pengunjung kita bisa melihat konten apa saja yang disukai pengunjung. 

Statistik pengunjung sudah saya terapkan sendiri pada Aplikasi Penerimaan Siswa Baru ( PSB) Online yang pernah saya buat. Dalam tutorial ini kita akan membuat halaman counter sistem menggunakan PHP dan MySQLi . Untuk membuat counter sistem kita akan membuat sebuah file PHP untuk tampilan halaman Counter sistem dan tampilan halaman Total tampilan/pageview.

Membuat Database Statistik Pengunjung
Untuk menyimpan statistik pengunjung dengan PHP kita akan menyimpannya dalam sebuah database. Dalam hal ini kita akan membuat database statistik pengunjung dengan dengan 2 tabel yaitu tabel pageview dan totalview.

1. Membuat Tabel pageview
Tabel pageview ini kita akan menyimpan data berupa ip pengunjung dan halaman apa yang dikunjunginya. untuk membuat tabel pageview silahkan jalankan code ini di comand console :

CREATE TABLE `pageview` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`page` text NOT NULL,
`userip` text NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=2 DEFAULT CHARSET=latin1

2. Membuat Tabel totalview
Tabel totalview ini merupakan tabel yang akan menyimpan total keseluruhan jumlah pengunjung per halaman yang dikunjunginya. Silahkan buat tabel totalview dengan code dibawah ini :

CREATE TABLE `totalview` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`page` text NOT NULL,
`totalvisit` text NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=2 DEFAULT CHARSET=latin1

Membuat Tampilan pageview.php Untuk Statistik Pengunjung
Dengan pageview.php kita akan menggunakan ip address pengunjung sebagai nilai untuk statistik pengunjung web kita. Jadi dengan menggunakan ip address pengunjung, kita akan mengecek ke database web kita. Apakah pengunjung dengan ip address tersebut sudah mengunjungi halaman web kita atau belum. Jika belum , maka kita akan dilakukan penjumlahan ke dalam database. Untuk source code pageview.php yang digunakan sebagai statistik pengunjung silahkan contoh source code dibawah ini :
 


<?php
$mysqli = new mysqli("localhost", "root", "", "db_statistik");

/* check connection */
if ($mysqli->connect_errno) {
printf("Connect failed: %s\n", $mysqli->connect_error);
exit();
}

// ambul ip address user
$user_ip=$_SERVER['REMOTE_ADDR'];

//cek apakah sudah dikunjungi oleh ip address diatas
$check_ip = $mysqli->query("select userip from pageview where page='yourpage' and userip='$user_ip'");
if($check_ip->num_rows>=1)
{
}
else
{
//jika belum dikunjungi oleh ip address user diatas akan melakukan perhitungan
$mysqli->query("insert into pageview values('','yourpage','$user_ip')");
$mysqli->query("update totalview set totalvisit = totalvisit+1 where page='yourpage' ");
}
?>

<html>
<head>
</head>

<body>
<?php
//menampilkan statistik pengunjung
$stmt = $mysqli->query("select totalvisit from totalview where page='yourpage' ");
?>

<p>Ip Address Anda <?php echo $user_ip=$_SERVER['REMOTE_ADDR'];;?></p>

<p>Halaman ini telah dikunjungi sebangak <?php echo $stmt->num_rows;?> kali.</p>

</body>
</html>
Hasil tampilan statistik pengunjung dengan sourcecode pageview.php diatas seperti dibawah berikut ini. Untuk source code dan database statistik pengunjung dengan PHP dan MySQLi bisa di download di akhir tutorial ini. Jika ada pertanyaan, kritik dan saran mengenai tutorial membuat statistik pengunjung dengan PHP bisa anda tuliskan dikolom komentar dibawah. Terima kasih telah membaca tutorial ini, semoga bermanfaat .

Tutorial Membuat Statistik Pengunjung (Visitor Counter) Dengan PHP dan MySQLi

Upload Gambar (Image), Rename dan Resize dengan MySQLi + Bootstrap Full Source Code

Halo ! Cuma Coder kali ini akan membagikan tutorial mengenai Upload Gambar (Image) pada framework CodeIgniter 3. Tutorial ini selain membahas tentang Upload Gambar kita akan sekaligus membahas mengenai fungsi rename (mengubah nama file gambar) dan resize (merubah ukuran gambar ) setelah kira melakukan upload. 
Di dalam framework CodeIgniter sendiri juga sudah disediakan library upload dan image_lib (library untuk manipulasi gambar) . Pastikan kedua library tersebut sudah ada pada folder library CodeIgniter 3. Biasanya sih sudah ada kalau kita mendownload CodeIgniter dari web resminya.
Oke langsung saja kira masuk ke Tutorial CodeIgniter 3 :  Upload Image, Rename dan Resize.

1 . Setting Dan Database

  1. Karena kita menggunakan Bootstrap silahkan Download Bootstrap dan letakan di folder assets
  2. Setting default controller menjadi upload di config/routes.php
  3. Karena kita menggunakan library upload dan library image_lib serta penyimpanan data kedatabase. maka kita load libray tersebut secara otomatis di config/autoload.php
  4. Sebaiknya kita menghilangkan index.php pada url untuk mepercantik url. Silahkan Baca Tutorial CodeIgniter 3 : Menghilangkan Index.php Pada URL (Mempercantik URL Pada CodeIgniter 3)
Dalam tutorial kali ini kita menggunakan database driver MySQLi jadi kita set dulu database driver nya di file database.php yang berada pafa folder /application/config/ . Untuk pengaturannya bisa di sesuaikan. 

$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'img_db',
'dbdriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);
Selanjutnya kita buat database dan tabelnya . Untuk tabelnya bisa dengan menjalankan script dibawah ini di comand console.

CREATE TABLE `upload_img` (
`id` int(3) NOT NULL AUTO_INCREMENT,
`namafile` varchar(35) DEFAULT NULL,
`type` varchar(10) DEFAULT NULL,
`keterangan` text,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1
2. Controller
Untuk controllernya kita menggunakan satu controller yang memiliki beberapa fungsi antara lain :
  1. Function Index (Fungsi untuk menampilkan halaman home yang berisi file yang telah di upload)
  2. Function Add ( Fungsi untuk menampilkan form upload gambar)
  3. Function Insert ( Fungsi untuk upload gambar , rename , dan resize. Serta menyimpan ke database )

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

class Upload extends CI_Controller {

var $limit=10;
var $offset=10;

public function __construct() {
parent::__construct();
$this->load->model('model_upldgbr'); //load model model_upldgbr yang berada di folder model
$this->load->helper(array('url')); //load helper url
}

public function index($page=NULL,$offset='',$key=NULL)
{
$data['query'] = $this->model_upldgbr->get_allimage(); //query dari model

$this->load->view('home',$data); //tampilan awal ketika controller upload di akses
}

public function add() {
//view yang tampil jika fungsi add diakses pada url
$this->load->view('fupload');

}
public function insert(){
$this->load->library('upload');
$nmfile = "file_".time(); //nama file + fungsi time
$config['upload_path'] = './assets/uploads/'; //Folder untuk menyimpan hasil upload
$config['allowed_types'] = 'gif|jpg|png|jpeg|bmp'; //type yang dapat diakses bisa anda sesuaikan
$config['max_size'] = '3072'; //maksimum besar file 3M
$config['max_width'] = '5000'; //lebar maksimum 5000 px
$config['max_height'] = '5000'; //tinggi maksimu 5000 px
$config['file_name'] = $nmfile; //nama yang terupload nantinya

$this->upload->initialize($config);

if($_FILES['filefoto']['name'])
{
if ($this->upload->do_upload('filefoto'))
{
$gbr = $this->upload->data();
$data = array(
'namafile' =>$gbr['file_name'],
'type' =>$gbr['file_type'],
'keterangan' =>$this->input->post('textket')

);

$this->model_upldgbr->get_insert($data); //akses model untuk menyimpan ke database
//dibawah ini merupakan code untuk resize
$config2['image_library'] = 'gd2';
$config2['source_image'] = $this->upload->upload_path.$this->upload->file_name;
$config2['new_image'] = './assets/hasil_resize/'; // folder tempat menyimpan hasil resize
$config2['maintain_ratio'] = TRUE;
$config2['width'] = 100; //lebar setelah resize menjadi 100 px
$config2['height'] = 100; //lebar setelah resize menjadi 100 px
$this->load->library('image_lib',$config2);

//pesan yang muncul jika resize error dimasukkan pada session flashdata
if ( !$this->image_lib->resize()){
$this->session->set_flashdata('errors', $this->image_lib->display_errors('', ''));
}
//pesan yang muncul jika berhasil diupload pada session flashdata
$this->session->set_flashdata("pesan", "<div class=\"col-md-12\"><div class=\"alert alert-success\" id=\"alert\">Upload gambar berhasil !!</div></div>");
redirect('upload'); //jika berhasil maka akan ditampilkan view upload
}else{
//pesan yang muncul jika terdapat error dimasukkan pada session flashdata
$this->session->set_flashdata("pesan", "<div class=\"col-md-12\"><div class=\"alert alert-danger\" id=\"alert\">Gagal upload gambar !!</div></div>");
redirect('upload/add'); //jika gagal maka akan ditampilkan form upload
}
}
}
}
3. Views
Dalam tutorial ini kita akan membuat 2 view . View yang pertama yang berfungsi untuk menampilkan daftar gambar yang telah di upload. View pertama kita beri nama home.php . File home,php ini akan menampilkan berupa gambar yang ada di folder /assets/hasil_resize yaitu gambar yang hasil upload yang telah di resize sebagai thumbnailnya. Untuk tampilan dan source code home.php bisa anda tiru source code dibawah ini.
<head>
<title>Upload Gambar (Image), Rename dan Resize</title> <!-- variabel diambil dari controller -->

<link href="<?=base_url()?>assets/css/bootstrap.min.css" rel="stylesheet"> <!-- Bootstrap core CSS -->
<link href="<?=base_url()?>assets/css/style.css" rel="stylesheet"> <!-- Custom styles for this template -->
<style>

body{
margin:20px 10%;
}
</style>
</head>

<div class="container">
<!-- Main component for a primary marketing message or call to action -->
<div class="panel panel-default">
<div class="panel-heading"><b> Daftar File IMage</b></div>
<div class="panel-body">

<?=$this->session->flashdata('pesan')?>
<p>
<a href="<?=base_url()?>upload/add" class="btn btn-success">Tambah</a>
</p>
<table class="table table-bordered table-striped">
<tr>
<th>Nama File</th>
<th>Tipe File</th>
<th>Gambar File</th>
<th>Keterangan</th>
</tr>
<? foreach ($query as $row)
{
?>
<tr>
<td><?=$row->namafile;?></td>
<td><?=$row->type;?></td>
<td><img src="<?=base_url()?>assets/hasil_resize/<?=$row->namafile;?>"></td>
<td><?=$row->keterangan;?></td>
</tr>
<?php } ?>
</table>

</div>
</div>
</div>
Tampilan view home dengan source code seperti diatas akan menampilakan seperti gambar dibawah ini.


Selanjutnya view kedua merupakan tampilan untuk form upload yang berfungsi sebagai input gambar yang akan di upload. View kedua ini kita beri nama fupload.php. Untuk source code nya seperti dibawah ini.

<head>
<title>Upload Gambar (Image), Rename dan Resize</title>

<link href="<?=base_url()?>assets/css/bootstrap.min.css" rel="stylesheet"> <!-- Bootstrap core CSS -->
<link href="<?=base_url()?>assets/css/style.css" rel="stylesheet"> <!-- Custom styles for this template -->
<style>

body{
margin:20px 10%;
}
</style>
</head>

<div class="container">
<!-- Main component for a primary marketing message or call to action -->
<div class="panel panel-default">
<div class="panel-heading"><b>Form Upload Image</b></div>
<div class="panel-body">
<?=$this->session->flashdata('pesan')?>
<form action="<?=base_url()?>upload/insert" method="post" enctype="multipart/form-data">
<table class="table table-striped">

<tr>
<td style="width:15%;">File Foto</td>
<td>
<div class="col-sm-6">
<input type="file" name="filefoto" class="form-control">
</div>
</td>
</tr>
<tr>
<td style="width:15%;">Keterangan Foto</td>
<td>
<div class="col-sm-10">
<textarea name="textket" class="form-control"></textarea>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" class="btn btn-success" value="Simpan">
<button type="reset" class="btn btn-default">Batal</button>
</td>
</tr>
</table>
</form>
</div>
</div> <!-- /panel -->

</div> <!-- /container -->
4. Modal
Untuk menghubungkan kedatabase tentunya kita menggunakan modal. untuk modalnya kita beri nama model_upldgbr.php . Dalam modal ini terdapat 2 query , antara lain :

  1. function get_allimage ( fungsi untuk menampilkan semua data dari tabel)
  2. function get_insert ( fungsi untuk menyimpan data gambar ke database pada saat proses upload)
Source code model_upldgbr.php seperti dibawah ini :

<?php
class model_upldgbr extends CI_Model {

var $tabel = 'upload_img';

function __construct() {
parent::__construct();
}

//fungsi untuk menampilkan semua data dari tabel database
function get_allimage() {
$this->db->from($this->tabel);
$query = $this->db->get();
return $query->result();
}

//fungsi insert ke database
function get_insert($data){
$this->db->insert($this->tabel, $data);
return TRUE;
}

}

?>
Untuk contoh source code yang sudah jadi silahkan anda download source code dan database dibawah ini. Semoga tutorial ini bisa bermanfaat. Untuk pertanyaan, kritik dan saran. silahkan dituangkan di form komentar di akhir poStingan ini .

Tutorial Insert Update Delete Pada MySQLi Dan PHP 7

Tulisan kali ini saya akan memberikan tutorial sederhana mengenai insert update delete pada MySQLi dan PHP 7.

Apa itu MySQLi ?
MySQLi (MySQL Improved Extension) merupakan versi perbaikan atau penambahan dari extension MySQL.
Oke kita langsung saja ke pokok pembahasan . Pertama kita buat dulu 4 File yaitu :
  1. index.php
  2. insert.php
  3. update.php
  4. delete.php
Membuat Database db_mahasiswa
CREATE DATABASE db_mahasiswa;
Buat Tabel Mahasiswa Pada Database
CREATE TABLE mahasiswa (
id INT(6) AUTO_INCREMENT NOT NULL,
nim VARCHAR(10) NOT NULL,
nama VARCHAR(30) NOT NULL,
jk VARCHAR(1) NOT NULL,
alamat TEXT,
PRIMARY KEY(id)
);
Source Code index.php
<?php
$mysqli = new mysqli("localhost", "root", "", "db_mahasiswa");

/* check connection */
if ($mysqli->connect_errno) {
printf("Connect failed: %s\n", $mysqli->connect_error);
exit();
}

?>

<h2>Tambah Data Mahasiswa</h2>
<form action="insert.php" method="post" name="insertform">
<table>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="number" name="nim" required placeholder="NIM"></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" required placeholder="Nama"></td>
</tr>
<tr>
<td>L/P</td>
<td>:</td>
<td>
<input type="radio" name="jk" value="L">L
<input type="radio" name="jk" value="P">P
</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" required placeholder="Alamat"></td>
</tr>
</table>
<input type="submit" name="send" value="Submit"/>
</p>
</form>

<?php
if ($data = $mysqli->query("SELECT * FROM mahasiswa")) {
echo "<table border=1>";
echo "<tr>";
echo "<td>Nim</td>";
echo "<td>Nama</td>";
echo "<td>L/P</td>";
echo "<td>Alamat</td>";
echo "<td colspan=2>Aksi</td>";
echo "</tr>";

foreach ($data as $hasil) {
echo "<tr>";
echo "<td>".$hasil['nim']."</td>";
echo "<td>".$hasil['nama']."</td>";
echo "<td>".$hasil['jk']."</td>";
echo "<td>".$hasil['alamat']."</td>";
echo "<td><a href='update.php?id=".$hasil['id']."'>Edit</a></td>";
echo "<td><a href='delete.php?id=".$hasil['id']."'>Hapus</a></td>";
echo "</tr>";
}
echo "</table>";

/* free result set */
$data->close();
}

$mysqli->close();
?>
Source Code diatas merupakan source code untuk menghubungkan ke database db_mahasiswa dengan code $mysqli = new mysqli("localhost", "root", "", "db_mahasiswa"); . Source code diatas juga berfungsi menampilkan hasil query $data = $mysqli->query("SELECT * FROM mahasiswa") . Untuk tampilannya bisa dilihat di pada gambar dibawah ini.


Source Code insert.php
<?php
$mysqli = new mysqli("localhost", "root", "", "db_mahasiswa");

/* check connection */
if ($mysqli->connect_errno) {
printf("Connect failed: %s\n", $mysqli->connect_error);
exit();
}

if(isset($_POST['send'])!="")
{
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$jk=$_POST['jk'];
$alamat=$_POST['alamat'];
$insert= $mysqli->query("INSERT INTO mahasiswa (nim,nama,jk,alamat)VALUES ('$nim','$nama','$jk','$alamat') ");

if($insert)
{
$msg="Tambah Data Berhasil";
echo "<script type='text/javascript'>alert('$msg');</script>";
header('Location:index.php');
}
}
else
{
$errormsg="Tambah Data Gagal !!! Coba Lagi !!";
echo "<script type='text/javascript'>alert('$errormsg');</script>";
header('Location:index.php');
}

$mysqli->close();
?>
Source code insert.php merupakan source code untuk MySQLi Query INSERT. Pada Source code diatas . MySQLi Query INSERT ditunjukan pada code $insert= $mysqli->query("INSERT INTO mahasiswa (nim,nama,jk,alamat)VALUES ('$nim','$nama','$jk','$alamat') "); .

Source Code update.php
<?php 
$mysqli = new mysqli("localhost", "root", "", "db_mahasiswa");
if(isset($_GET['id']))
{
$id=$_GET['id'];
if(isset($_POST['update']))
{
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$jk=$_POST['jk'];
$alamat=$_POST['alamat'];
$update= $mysqli->query("UPDATE mahasiswa SET nim='$nim', nama='$nama', jk='$jk', alamat='$alamat' WHERE id='$id'");
if($update)
{
$msg="Berhasil Di Update";
header('Location:index.php');
}
}
}
?>
<?php
if(isset($_GET['id']))
{
$id=$_GET['id'];
$ambildata = $mysqli->query("SELECT * from mahasiswa WHERE id='$id'");
while($data=$ambildata->fetch_array(MYSQLI_BOTH))
{
$nim=$data['nim'];
$nama=$data['nama'];
$jk=$data['jk'];
$alamat=$data['alamat'];
?>
<h2>Edit Data Mahasiswa</h2>
<form action="" method="post" name="insertform">
<table>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="number" name="nim" required placeholder="NIM" value="<?php echo $nim;?>"></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" required placeholder="Nama" value="<?php echo $nama;?>"></td>
</tr>
<tr>
<td>L/P</td>
<td>:</td>
<td>
<input type="radio" name="jk" value="L">L
<input type="radio" name="jk" value="P">P
</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" required placeholder="Alamat" value="<?php echo $alamat;?>"></td>
</tr>
</table>
<input type="submit" name="update" value="Simpan Update"/>
</p>
</form>
<?php } } ?> 
Source code update.php merupakan source code untuk MySQLi Query update. Pada Source code diatas MySQLi Query update ditunjukan pada code $update= $mysqli->query("UPDATE mahasiswa SET nim='$nim', nama='$nama', jk='$jk', alamat='$alamat' WHERE id='$id'"); . Dan source code diatas juga menampilkan data yang akan di edit menggunakan MySQLi Query SELECT yang ditunjukan dengan code $ambildata = $mysqli->query("SELECT * from mahasiswa WHERE id='$id'");

Source Code delete.php
<?php
$mysqli = new mysqli("localhost", "root", "", "db_mahasiswa");

/* check connection */
if ($mysqli->connect_errno) {
printf("Connect failed: %s\n", $mysqli->connect_error);
exit();
}

if(isset($_GET['id'])!="")
{
$id=$_GET['id'];
$hapus=$mysqli->query("DELETE FROM mahasiswa WHERE id='$id'");
if($hapus)
{
header("Location:index.php");
}
else
{
echo mysql_error();
}
}

$mysqli->close();
?>

Source code diatas merupakan contoh fungsi MySQLi Query DELETE yang ditunjukan pada code $hapus=$mysqli->query("DELETE FROM mahasiswa WHERE id='$id'");
Mungkin tutorial ini sangat sederhana, Semoga tutorial sederhana  ini bisa bermanfaat bagi yang membutuhkan . Pada tulisan ini saya sertakan juga source code dan database yang bisa di download. 
Download Source Code
Download Database

Aplikasi Penerimaan Siswa Baru Online Dengan Sistem Ranking Otomatia

Aplikasi Penerimaan Siswa Baru Online Dengan Sistem Rangking Otomatis ini merupakan sebuah aplikasi berbasis web yang dibuat dengan framework code igniter. Aplikasi Penerimaan Siswa Baru Online ini memiliki fitur yang sangat menarik . Yaitu fitur Meranking otomatis para pendaftar. Jadi admin pihak sekolah tidak perlu susah susah lagi dalam menentukan siswa yang lulus.

Fitur Aplikasi :
  1. Ranking Otomatis Calon Siswa
  2. Pilihan Program Studi Yang Bisa Diubah
  3. Mata Pelajaran Untuk Input Nilai Bisa Diubah
  4. Setting Web
  5. Tampilan Antar Muka Yang Efisien




Prosedur Pendaftaran
Prosedur Pendaftaran Penerimaan Siswa Baru Online


  1. Isi Biodata
  2. Pilih Program Studi
  3. Input Nilai Siswa
  4. Kirim Verifikasi
  5. Cetak Bukti Pendaftaran Dan Diserahkan Ke Panitia PSB Online Untuk Diverifikasi
  6. Setelah berhasil diverifikasi . Data pendaftar akan otomatis di ranking.
Berikut Tampilan Halaman Pendaftar :
Pendaftaran PSB Online

Input Biodata PSB Online

Input Biodata PSB Online

Input Nilai PSB Online

Kirim Verifikasi PSB Online


Screen Shoot Halaman Admin







DEMO
Untuk Download source code sebagai bahan belajar silahkan donasi berapapun. Untuk No Rek Lihat Disini

Tutorial Backup Dan Restore Database Dengan CodeIgniter 3

Backup Dan Restore Database sangatlah penting . Karena dengan backup dan Restore database kita akan terjaga apabila ada trouble dengan database kita. Kali ini Cuma Coder akan membagikan sedikit tutorial sederhana untuk Backup Dan Restore Dengan CodeIgniter 3 .

1. Backup Database
Untuk tutorial backup database sebenarnya bisa di baca di user guidenya CodeIgniter yang bisa anda coba baca di web resmi CodeIgniter .
Berikut source code untuk backup database yang bisa diterapkan di dalam function yang bisa anda buat :

// Load the DB utility class
$this->load->dbutil();

// Backup database dan dijadikan variable
$backup = $this->dbutil->backup();

// Load file helper dan menulis ke server untuk keperluan restore
$this->load->helper('file');
write_file('/backup/database/mybackup.gz', $backup);

// Load the download helper dan melalukan download ke komputer
$this->load->helper('download');
force_download('mybackup.gz', $backup);
Jika function dengan source code diatas dijalankan akan mendownload database dengan nama mybackup.gz . Silahkan ekstrak dengan file mybackup.gz tersebut untuk melihat hasil backup database nya. Untuk pengaturan tertentu dalam backup database bisa menggunakan source code berikut :
$prefs = array(
'tables' => array('table1', 'table2'),
// Array table yang akan dibackup
'ignore' => array(),
// Daftar table yang tidak akan dibackup
'format' => 'txt',
// gzip, zip, txt format filenya
'filename' => 'mybackup.sql',
// Nama file
'add_drop' => TRUE,
// Untuk menambahkan drop table di backup
'add_insert' => TRUE,
// Untuk menambahkan data insert di file backup
'newline' => "\n"
// Baris baru yang digunakan dalam file backup
);

$this->dbutil->backup($prefs);
Source Code diatas akan menghasilkan file backup database dengan nama mybackup.sql .

2. Restore Database
Untuk restore database nya bisa juga dengan menggunakan function berikut ini :

function restoredb()
{
$isi_file = file_get_contents(�./backup/database/mybackup.sql�);
$string_query = rtrim( $isi_file, �\n;� );
$array_query = explode(�;�, $query);
foreach($array_query as $query)
{
$this->db->query($query);
}
}
Penjelasan function restoredb diatas adalah :

  1. file_get_contents(�./backup/database/mybackup.sql�), kode ini berarti kita membaca isi dari file mybackup.sql sebagai string.
  2. rtrim( $isi_file, �\n;� ), kode ini berarti kita menghilangkan tanda titik koma diujung string.
  3. explode(�;�, $query), kode ini berarti kita memecah string menjadi array dengan menjadikan tanda titik koma sebagai pemisahnya.
Note : Untuk database yang berukuran besar sebaiknya langsung backup dari Database Server


Demikianlah postingan Tutorial Backup Dan Restore Database Dengan CodeIgniter 3 . Semoga bisa diterapkan . Jika ada pertanyaan atau ktritik dan saran . Silahkan tulis di kolom komentar dibawah .

Author Name

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.