.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

Anda berbeda dari orang lain, Jadilah diri sendiri

0 komentar



Setiap orang punya kemampuannya tersendiri. Ada yang punya kemampuan lebih dalam berkomunikasi. Ada juga yang punya kemampuan untuk beradaptasi secara cepat dengan lingkungannya. Dan ada juga orang yang memiliki kemampuan untuk berpikir cepat. Masing-masing orang memiliki kelebihan tersendiri.

Kalau kita coba mengamati lingkungan sekitar kita, maka kita akan mendapati ada beberapa hal yang
Suni

Aplikasi E - Learning Responsive (Ujian Online dan Absensi Online) Mekuron Versi 1.01

0 komentar
Aplikasi E - Learning Responsive Akhirnya setelah beberapa bulan vakum dari ngeblog� akhirnya hari ini bisa update lagi , kali ini saya bakalan ngeshare Aplikasi E-Learning , sebenarnya ini adalah lanjutan dari aplikasi e -learning sebelumnya yang saya beri nama Mekuron ( Media Course Online),

Aplikasi E-Learning + Absensi dan Ujian Online (Mekuron Versi 1.0 )
Mekuron Versi 1.01 ini di desain
Suni

Cara Membuat Register, Login dan Logout dengan PDO dan MySQL

0 komentar
Cara Membuat Register, Login dan Logout dengan PDO dan MySQL

Cara Membuat Register, Login dan Logout dengan PDO dan MySQL - Salam sejahtera buat teman-teman sekalian, pada postingan kali ini kita akan mencoba membuat sebuah aplikasi sederhana yaitu Register, Login dan Logout yang sederhana tentunya.  Ditutorial sebelumnya Cara Membuat Aplikasi CRUD Sederhana Menggunakan PDO dan Bootstrap merupakan hal yang dasar sebelum melangkah ke bagian ini. 
Pada umumnya register digunakan untuk menginputkan data, biasanya data diri untuk dapat mengakses suatu halaman tertentu. Login merupakan sebuah form yang biasanya pintu masuk ke halaman tertentu. Dan logout merupakan suatu fungsi script untuk keluar dari halaman tertentu. Berikut langkah Cara Membuat Register, Login dan Logout dengan PDO dan MySQL :
Hal yang pertama adalah membuat koneksi, yaitu script untuk menghubungkan ke database. Nama file config.php
<?php 

session_start(); // Digunakan untuk memulai session

$host = "localhost"; // nama host anda
$user = "root"; // username dari host anda
$pass = ""; //password dari host anda
$db = "crud"; // nama database yang anda miliki

try {
$connect = new PDO("mysql:host={$host};dbname={$db}", $user, $pass);
$connect->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e) {
echo $e->getMessage();
}

?>

Langkah selanjutnya, membuat form dan proses registrasinya, disini nama filenya adalah register.php
<?php 

error_reporting(0);
include 'config.php';

if(!isset($_SESSION['username'] )== 0) { /* Halaman ini tidak dapat diakses jika belum ada yang login
header('Location: home.php'); */
}

$username = $_POST['username'];
$email = $_POST['email'];
$password = md5($_POST['password']."ALS52KAO09");
$confirmPassword = md5($_POST['confirmPassword']."ALS52KAO09");

if(isset($username, $email, $password, $confirmPassword)) {
if(strstr($email, "@")) {
if($password == $confirmPassword) {
try {
$sql = "SELECT * FROM users WHERE username = :username OR email = :email";
$stmt = $connect->prepare($sql);
$stmt->bindParam(':username', $username);
$stmt->bindParam(':email', $email);
$stmt->execute();
}
catch(PDOException $e) {
echo $e->getMessage();
}

$count = $stmt->rowCount();
if($count == 0) {
try {
$sql = "INSERT INTO users SET username = :username, email = :email, password = :password";
$stmt = $connect->prepare($sql);
$stmt->bindParam(':username', $username);
$stmt->bindParam(':email', $email);
$stmt->bindParam(':password', $password);
$stmt->execute();
}
catch(PDOException $e) {
echo $e->getMessage();
}
if($stmt) {
echo "Selamat Anda berhasil Register, anda dapat Login";
}
}else{
echo "Username dan Email sudah pernah digunakan";
}
}else{
echo "Password tidak sama";
}
}else{
echo "Email Tidak Valid";
}
}

?>

<!-- FORM UNTUK REGISTRASI -->
<form action="" method="post">
<table>
<tr>
<td>Username</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>Confirm Password</td>
<td><input type="password" name="confirmPassword"></td>
</tr>
<tr>
<td>
<input type="submit" name="register" value="Register">
<input type="reset" name="reset" value="Reset">
</td>
</tr>
</table>
</form>

Script diatas dapat penjelasannya di PHP Manual, tetap saya sedikit membahasanya.
Pada baris 15 memiliki fungsi untuk mengecek apakah inputan yang dimasukkan memiliki nilai atau tidak dengan menggunakan fungsi isset().
Baris 16 menggunakan fungsi strstr() yang digunakan untuk mencari karakter '@' pada inputan email. Jika tidak ditemukan, maka proses tidak berjalan ke langkah selanjutnya.
Baris 17 digunakan untuk mengetahui apakah password yang dimasukkan sama dengan password yang diulang, jika tidak maka ada pesan yang diberikan. Dan untuk fungsi script lainnya, anda dapat melihatnya di PHP Manual.
Langkah selanjutnya membuat form login dan prosesnya. Disini nama filenya saya berikan nama index.php
 
<?php 
//error_reporting(0);
include 'config.php';

if(!isset($_SESSION['username'] )== 0) {
header('Location: home.php');
}

if(isset($_POST['login'])) {
$username = $_POST['username'];
$password = md5($_POST['password']."ALS52KAO09");

try {
$sql = "SELECT * FROM users WHERE username = :username AND password = :password";
$stmt = $connect->prepare($sql);
$stmt->bindParam(':username', $username);
$stmt->bindParam(':password', $password);
$stmt->execute();

$count = $stmt->rowCount();
if($count == 1) {
$_SESSION['username'] = $username;
header("Location: home.php");
return;
}else{
echo "Anda tidak dapat login";
}
}
catch(PDOException $e) {
echo $e->getMessage();
}
}

?>

<!-- FORM LOGIN -->

<form action="" method="post">
<table>
<tr>
<td>Username</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>
<input type="submit" name="login" value="Login">
<input type="reset" name="reset" value="Reset">
</td>
</tr>
</table>
</form>

<br><a href="register.php">Register</a>

Pada script ini, hampir sama dengan script sebelumnya hanya berbeda dikit saja :D.
Langkah ini adalah dimana jika anda sudah berhasil login, maka anda dapat masuk ke halaman tertentu (Seperti saya katakan sebelumnya) tetapi disini saya hanya menampilkan sebuah pesan saja untuk mempersingkat waktu dan script. Nama file yang saya berikan ialah home.php
<?php
include 'config.php';

if(isset($_SESSION['username'])== 0) { /* Halaman ini tidak dapat diakses jika belum ada yang login */
header('Location: index.php');
}

?>

<h1><p>Selamat Datang <?php echo $_SESSION['username']; ?></p></h1>

<br><a href="logout.php">Logout</a>

Dan langkah yang terakhir adalah membuat script logout(keluar). Nama filenya adalah logout.php
<?php 

session_start(); //digunakan untuk memulai session
session_destroy(); //digunakan untuk menghapus session

header('Location: index.php'); //jika berhasil maka akan dialihkan ke halaman index(login)

?>

Nah, cukup sederhana bukan.? Sampai disini dulu ya tutorial Cara Membuat Register, Login dan Logout dengan PDO dan MySQL yang saya berikan, semoga dapat bermanfaat bagi anda dan dapat juga memahaminya. Kalau ada yang kurang jelas dan error, boleh kok komentar dibawah ini. Sekian dan terima kasih.



Suni

Templates Blogger Adsense Seo Responsive Terbaik 2017 Ultimate Premium

0 komentar
Template ialaha salah satu hal yang paling penting untuk properti pada blogger, Template  blog juga dapat mempengaruhi blog SEO, Adsense, Traffic Blog, dan lain-lain yang terkait dengan Pageview Blog.

Untuk blogger, Template adalah satu hal yang dapat menarik pengunjung, dan para blogger di Indonesia berlomba untuk  menjadi menarik Disen template dan SEO, dengan memilih template SEO dengan pilihan yang banyak dilakukan oleh blogger di dunia, tapi ingat jangan terlalu fokus pada setiap template, kamu juga harus fokus pada artikel blog, artikel yang saya maksud adalah bahwa artikel baru, tanpa copy dan paste, tidak makan periode / waktu dan jangkauan panjang.

Seperti buku yang memiliki penutup yang menarik tetapi dalam hal konten juga harus bermakna dan posiditi sehingga visitor menyukainya, jadi buat anda jangan terlalu pada fokus template saja, Jika sobat ingin memilih template yang dapat memikat pengguna untuk datang / mengunjungi blog Anda, penggunaan template SEO, Simple, Loading Cepat, dan lain-lain

Dan kali ini saya akan berbagi Template Ultimate Adsense Seo Blogger Template Gratis Terbaik 2017 yang baru di rilis bulan ini


                                     DOWNLOAD

New Johny di tahun 2017 template yang sangat sempurna menurut dari saya, Template ini buatan Maskolis yang telah didesain manipulasi ulang oleh CB Blog memang sangat top, template ini memiliki Fitur SEO, Responsive, Adsense Simple, dan Fast Loading.



                                     DOWNLOAD 

Minimalis Responsive Blogger Template 2017 buatan dari Arlina Design, Template ini sudah cukup terkenal dan di modify oleh tim blogger, banyak juga blogger Indonesia yang menggunakannnya, sudah banyak pun Versi dari Template ini, Template ini memiliki fitur SEO, Responsive, Minimalis, dan Fast Loading Adsense.




Fuentes Responsive Blogger Template buatan saya Fajri meskipun masih sedikit pengguna yang menggunakan template ini, tapi dari fitur dari template ini tidak boleh dikucilkan, template ini memiliki fitur SEO, Responsive, dan Fast Loading, 




                               DOWNLOAD 

Template ini berbeda dengan  Johny Wuss V2,  Template ini juga redesign dari template tersebut dan masih di desain oleh CB Blog, hanya saja fitur sedikit berbeda tampilan yaitu lebih minimalis, dan simpel, tapi tetap pada fitur SEO, Responsive, dan Fast Loading Adsense.

Suni

Templates Blogger Adsense Seo Responsive Terbaik 2017 Ultimate Premium

0 komentar
Template ialaha salah satu hal yang paling penting untuk properti pada blogger, Template  blog juga dapat mempengaruhi blog SEO, Adsense, Traffic Blog, dan lain-lain yang terkait dengan Pageview Blog.

Untuk blogger, Template adalah satu hal yang dapat menarik pengunjung, dan para blogger di Indonesia berlomba untuk  menjadi menarik Disen template dan SEO, dengan memilih template SEO dengan pilihan yang banyak dilakukan oleh blogger di dunia, tapi ingat jangan terlalu fokus pada setiap template, kamu juga harus fokus pada artikel blog, artikel yang saya maksud adalah bahwa artikel baru, tanpa copy dan paste, tidak makan periode / waktu dan jangkauan panjang.

Seperti buku yang memiliki penutup yang menarik tetapi dalam hal konten juga harus bermakna dan posiditi sehingga visitor menyukainya, jadi buat anda jangan terlalu pada fokus template saja, Jika sobat ingin memilih template yang dapat memikat pengguna untuk datang / mengunjungi blog Anda, penggunaan template SEO, Simple, Loading Cepat, dan lain-lain

Dan kali ini saya akan berbagi Template Ultimate Adsense Seo Blogger Template Gratis Terbaik 2017 yang baru di rilis bulan ini


                                     DOWNLOAD

New Johny di tahun 2017 template yang sangat sempurna menurut dari saya, Template ini buatan Maskolis yang telah didesain manipulasi ulang oleh CB Blog memang sangat top, template ini memiliki Fitur SEO, Responsive, Adsense Simple, dan Fast Loading.



                                     DOWNLOAD 

Minimalis Responsive Blogger Template 2017 buatan dari Arlina Design, Template ini sudah cukup terkenal dan di modify oleh tim blogger, banyak juga blogger Indonesia yang menggunakannnya, sudah banyak pun Versi dari Template ini, Template ini memiliki fitur SEO, Responsive, Minimalis, dan Fast Loading Adsense.




Fuentes Responsive Blogger Template buatan saya Fajri meskipun masih sedikit pengguna yang menggunakan template ini, tapi dari fitur dari template ini tidak boleh dikucilkan, template ini memiliki fitur SEO, Responsive, dan Fast Loading, 




                               DOWNLOAD 

Template ini berbeda dengan  Johny Wuss V2,  Template ini juga redesign dari template tersebut dan masih di desain oleh CB Blog, hanya saja fitur sedikit berbeda tampilan yaitu lebih minimalis, dan simpel, tapi tetap pada fitur SEO, Responsive, dan Fast Loading Adsense.

Suni

SQL Tutorial In Urdu - Group By And Having Clause (SQL Server)

0 komentar
Suni

VB.NET Chart Control Tutorial In Urdu - Load Data Dynamically In Chart Control

0 komentar
Suni

Prinsip ekonomi lama tidak berlaku lagi

0 komentar
Harus kita akui, bahwa kita lebih memilih untuk mempercayai konsep ekonomi yang sudah kuno dan tidak berlaku lagi dalam hidup, "Dengan biaya yang sekecil-kecilnya, mendapatkan keuntungan yang sebesar-besarnya", daripada belajar mempercayai bahwa dengan kerja keras, pengorbanan yang besar, dan ketekunan baru bisa dihasilkan sesuatu yang besar.

Kecenderungannya, kita suka mengharapkan hasil yang
Suni

Apa Fundamental dari sebuah Aplikasi Android?

0 komentar


Hal-hal Fundamental (mendasar) yang harus kalian ketahui dari sebuah Aplikasi Android, adalah bahwa Android ditulis dengan bahasa pemrogramman Java. Jadi jika kalian sudah tahu dari logika dasar dan konsep OOP yang diterapkan pada Java ,kalian sudah mempunyai modal awal untuk membuat dan mengembangkan Aplikasi Android dengan bahasa pemrogramman Java.






Proses compiling




Lalu Android SDK
Suni

Source code php berbasis oop login register system

0 komentar
Sedotcode.blogspot.com Source code php berbasis oop login register system, Bagi sahabat yang lagi mencari source php yang bersifat Object Oriented Programming sobat harus mencoba aplikasi login register sign up ini. Jika mau belajar oop bahasa indonesia saya sarankan baca buku Trik Mudah Menguasai OOP dengan PHP.
Source code php berbasis oop login register system
Cover buku Trik Mudah Menguasai OOP dengan PHP.

Apa yang dimaksud OOP?

Pemrograman Berbasis Objek atau Object Oriented Programming (OOP) adalah sebuah tata cara pembuatan program (programming paradigm) dengan menggunakan konsep �objek� yang memiliki data (atribut yang menjelaskan tentang objek) dan prosedur (function) yang dikenal dengan method. (http://en.wikipedia.org/wiki/Object-oriented_programming).

Dikutip dari duniailkom , Dalam studi pemrograman, pembuatan program dalam PHP tanpa menggunakan objek disebut juga dengan pemrograman prosedural atau pemrograman fungsional. Dikenal dengan pemrograman prosedural, karena kita memecah kode program menjadi bagian-bagian atau fungsi-fungsi kecil, kemudian menyatukannya untuk menghasilkan nilai akhir.

Keuntungan pemrograman berbasis objek 

Java adalah aplikasi yang berbasis objek sedangkan konsep OOP dalam PHP baru hadir dalam PHP versi 4, dan disempurnakan oleh PHP versi 5. PHP sebenarnya bisa dibuat tanpa objek sekalipun, yang sering dibuat oleh pemula biasanya belum menggunakan OOP, masih bersifat Prosedural.

Didalam blog ini ada banyak source code php gratis yang menggunakan konsep oop dan prosedural, konsep oop dalam blog ini lebih menggunakan framework codeigniter.

Baca Juga : Source code php untuk login menggunakan php plus video

Keuntungan pemrograman berbasis objek ini adalah ketika sobat membuat program yang cakupannya "besar" atau ketika sobat berkerja dalam sebuah tim.

Jika sobat sebelumnya sudah paham dengan java, maka saya yakin tidak ada kesulitan belajar aplikasi berbasis objek dengan php, karena oop akan membahas class, object, property dan method.

Contoh Aplikasi berbasis OOP dengan PHP

Source code php berbasis oop login register system

Contoh aplikasi berbasis oop, berikut adalah source code dari alex garret dalam youtubenya, dan saya praktekkan, jadi source ini bukan saya yang buat. :) , masih berminat? silahkan ambil source nya.
Suni

Sebenarnya Apa itu Android ?

0 komentar


Oke �di artikel kali ini � kayanya saya bakal membahas sesuatu yang sifatnya sangat-sangat mendasar ,atau basic skill terlebih dahulu karna meskipun sepele tapi ini wajib atau penting di ketahui , khususnya untuk kalian yang ingin menjadi developer android. Dan sebelum kalian belajar lagi tentang membuat, dan mengembangkan aplikasi android di android studio.

Karna pada dasarnya untuk menguasai
Suni

C# Chart Control Tutorial In Urdu - Create Chart With Multiple Columns/Series

0 komentar

Code here

using System;
using System.Data;
using System.Windows.Forms;
using System.Data.SqlClient;
using System.Configuration;

namespace ComplexChartVC4
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}

private void Form1_Load(object sender, EventArgs e)
{
LoadData();
}

private void LoadData()
{
//chart1.DataSource = GetData();
//chart1.Series["Series1"].XValueMember = "Registration Type";
//chart1.Series["Series1"].YValueMembers = "Total";

chart1.DataBindCrossTable(GetData().DefaultView, "Registration Type", "Year", "Total", "Label=Total");
}

private DataTable GetData()
{
DataTable dtChartData = new DataTable();

using (SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["dbx"].ConnectionString))
{
using (SqlCommand cmd = new SqlCommand("usp_ChartData3", conn))
{
cmd.CommandType = CommandType.StoredProcedure;

conn.Open();

SqlDataReader reader = cmd.ExecuteReader();

dtChartData.Load(reader);
}
}

return dtChartData;
}
}
}

Stored Procedure: usp_ChartData3

CREATE PROCEDURE [dbo].[usp_ChartData3]
AS
BEGIN

SELECT COUNT(st.StudentId) AS 'Total'
,ld.Description AS 'Registration Type'
,DATEPART(yyyy, st.DateOfRegistration) AS 'Year'
FROM dbo.Students st
INNER JOIN dbo.ListData ld ON st.RegistrationType = ld.LisDataId
GROUP BY DATEPART(yyyy, st.DateOfRegistration), ld.Description

END
Suni

Cara Membuat Komentar Blog Menjadi Show Hide

0 komentar





Cara Membuat Show Hide Pada Komentar Blog


Menjadikan Komentar Blog Show Hide Valid HTML5

Cara Merubah komentar blog menjadi singkat dengan tombol show hide. Manfaat merubah komentar blog menjadi show hide ini tidak terlalu banyak, hanya membuat blog menjadi singkan jika ada banyak komen pada blognya, mungkin bisa juga membuat loading blog jadi lebih cepat karena tidak terlalu banyak
Suni

Insert Csv File Data in Mysql using Php with Validation

0 komentar
Insert Csv File Data in Mysql using Php with Validation  Full Example

Sample Csv File Test.csv

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>

<script type="application/javascript">
$(document).ready(function(e) {
    $('#pincodeList').validate({
        rules: {
            Csv: {
                required: true,
extension: "xls|csv"
              
            }

        },

    messages: {
        Csv: {
            extension: 'Please upload a csv file!'
        }
}

    });
});
</script>

<?php
include('connect.php');


if($_POST['submit']){
$csv_file = $_FILES['Csv']['name'];
$tmpFilePath =$_FILES['Csv']['tmp_name'];
$newFilePath="pincodeUpload/";
$mypath = "pincodeUpload/".$csv_file;
move_uploaded_file($tmpFilePath, $mypath);
if ( ! is_dir($newFilePath)) {

mkdir($newFilePath);

$csv_file =$mypath;

if (($handle = fopen($csv_file, "r")) !== FALSE) {

   fgetcsv($handle);  
   while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) {
         $num = count($data);
        for ($c=0; $c < $num; $c++) {
           $col[$c] = $data[$c];
        }

    $col1 = $col[0];

  
// SQL Query to insert data into DataBase
$query = "INSERT INTO pincode(Pincode) VALUES('$col1')";
$s     = mysql_query($query);
 }
    fclose($handle);
}

}

?>

<form id="pincodeList" name="pincodeList" method="post" enctype="multipart/form-data">
               <div class="row">
               <div class="co-md-3 col-sm-6">
<input  type="file" name="Csv" >
                </div>
                <div class="co-md-3 col-sm-6">
<input class="btn btn-success" type="submit" name="submit" value="Upload Csv"/>
                </div>
                </div>
</form>
Suni

C# Chart Control Tutorial In Urdu - Load Data Dynamically in Chart Control

0 komentar


C# Code

using System;
using System.Data;
using System.Windows.Forms;
using System.Configuration;
using System.Data.SqlClient;

namespace ChartDemoVC3
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}

private void Form1_Load(object sender, EventArgs e)
{
FromComboBox.Text = "2012";
ToComboBox.Text = "2015";

LoadData();
}

private void LoadData()
{
SalesByYearChart.DataSource = GetData();
SalesByYearChart.Series["Series1"].Points.Clear();
SalesByYearChart.Series["Series1"].XValueMember = "Year";
SalesByYearChart.Series["Series1"].YValueMembers = "Total";
}

// DataSet, Objects, Array, Collection, Generics, DataTable
private DataTable GetData()
{
DataTable dtChartData = new DataTable();

using (SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["dbx"].ConnectionString))
{
using (SqlCommand cmd = new SqlCommand("usp_ChartData2", conn))
{
cmd.CommandType = CommandType.StoredProcedure;

conn.Open();

cmd.Parameters.AddWithValue("@FromYear", FromComboBox.Text);
cmd.Parameters.AddWithValue("@ToYear", ToComboBox.Text);

SqlDataReader reader = cmd.ExecuteReader();

dtChartData.Load(reader);
}
}

return dtChartData;
}

private void GoButton_Click(object sender, EventArgs e)
{
LoadData();
}
}
}

Stored Procedure: [dbo].[usp_ChartData2]

CREATE PROCEDURE [dbo].[usp_ChartData2]
(
@FromYear NVARCHAR(50)
,@ToYear NVARCHAR(50)
)
AS

BEGIN

SELECT SUM([Total]) AS 'Total'
,DATEPART(yyyy, [DateOfOrder]) AS 'Year'
FROM [dbo].[Orders]
GROUP BY DATEPART(yyyy, [DateOfOrder])
HAVING DATEPART(yyyy, [DateOfOrder]) >= @FromYear AND DATEPART(yyyy, [DateOfOrder]) <= @ToYear

END
Suni

File or Image Upload Validation using Jquery Validation

0 komentar
File or Image Upload Validation using Jquery Validation Example

$("#form1").validate({

        rules: {
        
categoryBanner:{

filesize:1048576
},
        },
messages: { categoryBanner: "File must be JPG, GIF or PNG, less than 1MB" },


        highlight: function(element) {
            $(element).css({
                "background-color": "rgba(60, 141, 188, 0.52)",
                "border-color": "red"
            });
        },
        unhighlight: function(element) {
            $(element).css({
                "background-color": "",
                "border-color": ""
            });
        }

    });

$.validator.addMethod('filesize', function(value, element, param) {
    // param = size (in bytes)
    // element = element to validate (<input>)
    // value = value of the element (file name)
    return this.optional(element) || (element.files[0].size <= param)
});

<input type="file" name="categoryBanner" />
<input type="submit" name="submit"/>
Suni

PLC Mitsubishi with Touch screen Proface

0 komentar
This article will show how to connect PLC Mitsubishi to Graphic Panel (Touch screen) Proface
Hardware configuration as following:

   where as:
      Graphic Panel AGP3600-T1-AF (Proface)
      PLC CPU Q03UDECPU
      PLC Slot 0 QX40 Mitsubishi
      PLC Slot 1 (blank)
      PLC Slot 2 QY10 Mitsubishi

Image of hardware in real-life (sorry, it is quiet messy)

Step 1. Write a simple program and download to PLC


Detail of step 1 is found at this link Google share (link here)

Step 2. Write a simple program and download to Graphic Panel


Detail of step 2 is found at this link Google share (link here)

The result:
Whenever the button X01 on PLC hardware is pused -> Lamp 1 on Touch screen (present for X01 PLC) also light ON 



Project can be found here (Google share)
PLC project (link here)
Graphic Panel project (link here)

Suni

Pria Tua, Anak Laki-laki, dan Keledai

0 komentar



Kita pada dasarnya selalu ingin dicintai orang lain. Kita tidak ingin orang lain di luar sana berpikiran buruk tentang diri kita. Namun kita sama sekali tidak perlu menyenangkan semua orang agar selalu dicintai. Kita malah akan mengecewakan orang lain jika berusaha menyenangkan setiap orang. Kehidupan ini akan menjadi pengalaman yang menyusahkan dan rumit jika kita menjadi seperti yang orang
Suni

Game Android Traffic Rider Permainan Kebut Kebutan Gas Pol Jalanan

0 komentar



Traffic Rider Game Kebut Jalanan Yang Digandrungi - Game Traffic rider baru baru ini tenar dimainkan oleh banyak pengguna android, baik dari kalangan muda, anak-anak maupun orang tua. Bagi yang suka kebut-kebutan dijalanan suka salip menyalip mobil dengan hentakan gass pol wajib mencoba game android traffic rider ini.

Game traffic rider lebih condong ke manipulasi kendaraan bermotor untuk
Suni

Cara Upload atau Import File SQL Ukuran Besar di phpMyAdmin

0 komentar
Pada postingaan kali ini saya akan membahas tentang cara import file SQL besar yang lebih dari limit size di PhpMyAdmin bila tetap di import akan selalu failed / gagal, hal ini saya alami ketika mendapatkan project remote  di sebuah perusahaan swasta yang ada di cikarang - bekasi, bila anda mengalami hal tersebut nah postingan ini wajib anda baca sampai selesai, oke langsung saja kita mulai step by step pembahasannya seperti berikut ini :

1. Buka control panel xampp, kemudian matikan (stop) Apache dan MySQL, seperti gambar di bawah ini:


2. Bukalah file config.inc.php yang ada di direktory C:/xampp/phpMyAdmin/config.inc.php lihat gambar di bawah ini untuk lebih jelas :



3. Kemudian silahkan anda editfile config.inc.php menggunakan notepad ++ atau yang lainnya dan tambahkan code berikut di bawah kode $i++;

$cfg['UploadDir'] = 'upload';
$cfg['ExecTimeLimit'] = 0;


untuk lebih jelas silahkan lihat gambar berikut ini :


4. Setelah itu buatlah sebuah folder di direktori C:/xampp/phpMyAdmin/ dengan nama upload seperti gambar di bawah ini :



5. Kemudian silahkan anda copy file sql besar yang akan di import dan pastekan di folder upload di direktori C:/xampp/phpMyAdmin/upload.

6. Setelah itu buka control panel xampp dan aktifkan kembali Apache juga MySQL dengan mengklik tombol start di control panel xampp.

7. Buka phpMyAdmin, pilih file SQL yang akan di import pada database, pilih pilihan pilih dari direktori unggah upload/ pada web server, untuk lebih jelas silahkan lihat gambar di bawah ini :


Selamat anda telah berhasil mengimport file SQL besar ke database di phpMyAdmin, semoga tutorial ini bisa bermanfaat dan berguna, demikian tutorial singkat tentang Cara Upload atau Import File SQL Ukuran Besar di phpMyAdmin, semoga bisa membantu anda dalam menyelesaikan project, tugas, ataupun untuk pembelajaran, selamat mencoba.

Happy Coding & Programming

Suni

Encrypt Tool Online Untuk Menyembunyikan Script

0 komentar





Cara Menyembunyikan Script HTML dengan Encrypt


Tool Untuk Menyembunyikan Script HTML, Javascript Dan yang lainnya Dengan Encrypt.

Bagi kalian yang suka membuat atau mendesain template dan membagikannya secara free atau premium pastinya tidak ingin hak cipta dari template yang kalian buat dirubah dengan nama orang yang memakai template tersebut.Untuk Mengatasi / mengecoh agar susah di edit
Suni

VB.NET Control Chart Control Tutorial In Urdu - Basics (Sales By Year Chart)

0 komentar
Suni

C# Chart Control Tutorial In Urdu - Basics (Sales By Year Chart)

0 komentar

C# Code

using System;
using System.Data;
using System.Windows.Forms;
using System.Configuration;
using System.Data.SqlClient;

namespace ChartDemoVC2
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}

private void Form1_Load(object sender, EventArgs e)
{
SalesByYearChart.DataSource = GetData();
SalesByYearChart.Series["SalesByYear"].XValueMember = "Year";
SalesByYearChart.Series["SalesByYear"].YValueMembers = "Total";
}

private DataTable GetData()
{
DataTable dtData = new DataTable();

using (SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["dbx"].ConnectionString))
{
using (SqlCommand cmd = new SqlCommand("usp_ChartData", conn))
{
cmd.CommandType = CommandType.StoredProcedure;

conn.Open();

SqlDataReader reader = cmd.ExecuteReader();

dtData.Load(reader);
}
}

return dtData;
}
}
}

Stored Procedure: [dbo].[usp_ChartData]

CREATE PROCEDURE [dbo].[usp_ChartData]
AS

BEGIN

SELECT SUM(Total) AS 'Total'
,DATEPART(yyyy, [DateOfOrder]) AS 'Year'
FROM [dbo].[Orders]
GROUP BY DATEPART(yyyy, [DateOfOrder])

END
Suni

Tempat Source code game berbasis Web Java dan PHP Mysql

0 komentar
Hal yang besar tentang HTML5 permainan adalah bahwa mereka berjalan di semua browser modern yang meliputi browser di smartphone seperti iPhone, dan Windows Phone. Memiliki melihat Open Source HTML5 game adalah cara yang baik untuk mengeksplorasi kemungkinan yang berbeda dan belajar bagaimana mengembangkan salah satu dari Anda sendiri.

Dalam posting ini kami akan memberikan 5 game Open Source berbasis Web HTML5 yang terinspirasi dari judul populer lainnya dan gameplays seperti Tetris, Pacman, Asteroid dan bahkan Flappy Bird. Semua permainan ini dibangun dengan HTML5 dan javascript. Anda dapat menemukan link untuk memainkan permainan ini secara online bersama dengan kode sumber. Kami telah menyertakan beberapa multi-player HTML5 game juga pada akhirnya. Have Fun serta Dapatkan Terinspirasi!

1. 2048 Permainan

 



Permainan yang menjadi menggila di hampir semua platform, 2048 adalah open source dan tersedia di Github. Game ini dikembangkan oleh Gabriele Cirulli dan sebenarnya merupakan tiruan dari jenis game serupa lainnya. Tapi itu tidak menghentikannya dari menjadi sukses di toko aplikasi dan banyak pengembang menemukan lebih mudah untuk mengkloning dan mempublikasikannya dalam berbagai bentuk. Game yang cukup sederhana di mana Anda harus geser ubin dari nomor yang berbeda membentuk sejumlah besar sampai Anda mencapai jumlah 2.048.


2. Kikuk Bird



Ingat Flappy Bird? Permainan yang mengambil toko aplikasi oleh badai dan membuat semua orang bertanya-tanya bagaimana bisa seperti sederhana namun sulit untuk bermain game begitu adiktif? Nah, sekarang Anda dapat menemukan kode sumber klon yang dibuat di HTML5 dan disebut Clumsy Bird. Game ini dikembangkan oleh Ellison Leao dan dia telah membuat panduan menyesuaikan mudah juga tersedia untuk permainan, jika anda mendapatkan inspirasi untuk mengkloning klon ini.

3. Hextris

Hextris adalah permainan puzzle serba cepat yang dikembangkan oleh Garrett Finucane dan Logan Engstrom. Seperti namanya, game ini seperti bermain Tetris di pesawat Hexagonal. Selain bermain game online, Anda juga dapat menemukannya di Android dan iOS toko.

Tempat Source code game berbasis Web Java dan PHP Mysql


Hextris adalah permainan puzzle serba cepat yang dikembangkan oleh Garrett Finucane dan Logan Engstrom. Seperti namanya, game ini seperti bermain Tetris di pesawat Hexagonal. Selain bermain game online, Anda juga dapat menemukannya di Android dan iOS toko.

4. HTML 5 Pacman

Ini tiruan HTML5 dari Pacman game asli. Pengembang Dale Harvey juga telah berbagi pengalaman dan masalah yang dihadapi ketika mengembangkan game ini yang dapat Anda baca di sini nya.

Tempat Source code game berbasis Web Java dan PHP Mysql


5. Astray

Permainan WebGL labirin dibangun dengan Three.js dan Box2dWeb. Dikembangkan oleh Rye Terrell, game ini adalah demo yang bagus dari kemampuan 3D di HTML5 game. Jika Anda ingin pengalaman yang lebih kaya dari permainan 3D HTML5, Anda dapat berharap untuk Assasin Creed Pirates.

Tempat Source code game berbasis Web Java dan PHP Mysql


Salah satu game HTML5 ini yang kamu suka yang paling? Jika Anda telah melakukan apapun pengembangan game HTML5 Anda sendiri kemudian melakukan link ke mereka di komentar. Jika tidak maka, kami sarankan menggunakan kerangka HTML5 permainan seperti Phaser atau pengembangan alat HTML5 game seperti Membangun 2 bagi Anda untuk mulai mengembangkan game HTML5 sendiri.
Suni

Tempat Source code game berbasis Web Java dan PHP Mysql

0 komentar
Hal yang besar tentang HTML5 permainan adalah bahwa mereka berjalan di semua browser modern yang meliputi browser di smartphone seperti iPhone, dan Windows Phone. Memiliki melihat Open Source HTML5 game adalah cara yang baik untuk mengeksplorasi kemungkinan yang berbeda dan belajar bagaimana mengembangkan salah satu dari Anda sendiri.

Dalam posting ini kami akan memberikan 5 game Open Source berbasis Web HTML5 yang terinspirasi dari judul populer lainnya dan gameplays seperti Tetris, Pacman, Asteroid dan bahkan Flappy Bird. Semua permainan ini dibangun dengan HTML5 dan javascript. Anda dapat menemukan link untuk memainkan permainan ini secara online bersama dengan kode sumber. Kami telah menyertakan beberapa multi-player HTML5 game juga pada akhirnya. Have Fun serta Dapatkan Terinspirasi!

1. 2048 Permainan

 



Permainan yang menjadi menggila di hampir semua platform, 2048 adalah open source dan tersedia di Github. Game ini dikembangkan oleh Gabriele Cirulli dan sebenarnya merupakan tiruan dari jenis game serupa lainnya. Tapi itu tidak menghentikannya dari menjadi sukses di toko aplikasi dan banyak pengembang menemukan lebih mudah untuk mengkloning dan mempublikasikannya dalam berbagai bentuk. Game yang cukup sederhana di mana Anda harus geser ubin dari nomor yang berbeda membentuk sejumlah besar sampai Anda mencapai jumlah 2.048.


2. Kikuk Bird



Ingat Flappy Bird? Permainan yang mengambil toko aplikasi oleh badai dan membuat semua orang bertanya-tanya bagaimana bisa seperti sederhana namun sulit untuk bermain game begitu adiktif? Nah, sekarang Anda dapat menemukan kode sumber klon yang dibuat di HTML5 dan disebut Clumsy Bird. Game ini dikembangkan oleh Ellison Leao dan dia telah membuat panduan menyesuaikan mudah juga tersedia untuk permainan, jika anda mendapatkan inspirasi untuk mengkloning klon ini.

3. Hextris

Hextris adalah permainan puzzle serba cepat yang dikembangkan oleh Garrett Finucane dan Logan Engstrom. Seperti namanya, game ini seperti bermain Tetris di pesawat Hexagonal. Selain bermain game online, Anda juga dapat menemukannya di Android dan iOS toko.

Tempat Source code game berbasis Web Java dan PHP Mysql


Hextris adalah permainan puzzle serba cepat yang dikembangkan oleh Garrett Finucane dan Logan Engstrom. Seperti namanya, game ini seperti bermain Tetris di pesawat Hexagonal. Selain bermain game online, Anda juga dapat menemukannya di Android dan iOS toko.

4. HTML 5 Pacman

Ini tiruan HTML5 dari Pacman game asli. Pengembang Dale Harvey juga telah berbagi pengalaman dan masalah yang dihadapi ketika mengembangkan game ini yang dapat Anda baca di sini nya.

Tempat Source code game berbasis Web Java dan PHP Mysql


5. Astray

Permainan WebGL labirin dibangun dengan Three.js dan Box2dWeb. Dikembangkan oleh Rye Terrell, game ini adalah demo yang bagus dari kemampuan 3D di HTML5 game. Jika Anda ingin pengalaman yang lebih kaya dari permainan 3D HTML5, Anda dapat berharap untuk Assasin Creed Pirates.

Tempat Source code game berbasis Web Java dan PHP Mysql


Salah satu game HTML5 ini yang kamu suka yang paling? Jika Anda telah melakukan apapun pengembangan game HTML5 Anda sendiri kemudian melakukan link ke mereka di komentar. Jika tidak maka, kami sarankan menggunakan kerangka HTML5 permainan seperti Phaser atau pengembangan alat HTML5 game seperti Membangun 2 bagi Anda untuk mulai mengembangkan game HTML5 sendiri.
Suni

Template Gallery Premium Blogger Minimalis SEO Friendly

0 komentar

Template kreatif Gallery Blogger

Galeri kreatif adalah multi-gaya Portfolio Blogger Template. Tema ini sangat cocok untuk memamerkan pekerjaan Anda dan gambar. Ini sangat ideal untuk wallpaper dan website portofolio. Mungkin itu adalah satu-satunya Blogger Template yang memiliki sentuhan yang sangat luar biasa. Memiliki homepage penuh-lebar, yang membuatnya mudah bagi pengguna Anda untuk melihat melalui galeri foto. Meskipun, itu adalah untuk website portfolio, tetapi juga dapat digunakan sebagai Blog. Kombinasi warna hitam, biru gelap, dan abu-abu memberikan sentuhan yang wajar. Kami yakin; Anda belum pernah melihat jenis ini kreatif template blogger sebelumnya.

Template Gallery Premium Blogger Minimalis SEO Friendly



Galeri kreatif adalah multi-gaya Portfolio Blogger Template. Tema ini sangat cocok untuk memamerkan pekerjaan Anda dan gambar. Ini sangat ideal untuk wallpaper dan website portofolio. Mungkin itu adalah satu-satunya Blogger Template yang memiliki sentuhan yang sangat luar biasa. Memiliki homepage penuh-lebar, yang membuatnya mudah bagi pengguna Anda untuk melihat melalui galeri foto. Meskipun, itu adalah untuk website portfolio, tetapi juga dapat digunakan sebagai Blog. 

Kombinasi warna hitam, biru gelap, dan abu-abu memberikan sentuhan yang wajar. Kami yakin; Anda belum pernah melihat jenis ini kreatif template blogger sebelumnya. Fitur Kreatif Gallery Blogger Template: Big Size Navigation Menu: 

Banyak pembaca kami meminta kami untuk menyertakan ukuran menu besar bar. Perlu diingat bahwa, kami telah menambahkan menu navigasi yang layak dalam tema ini. Tampaknya hanya di bawah header sehingga pengguna dapat menavigasi situs Anda dengan mudah. Big Thumbnail Related Posts: 

Kami juga menambahkan posting terkait gadget dengan ukuran besar thumbnail. Ini akan membantu Anda dalam mengurangi tingkat bouncing dan akan meningkatkan keterlibatan pengguna. SEO-Friendly: Seperti tema kami sebelumnya, kami telah juga menambahkan plugin SEO dalam template ini. 

Plugin ini akan membantu Anda dalam meningkatkan nilai SEO Anda. Hal ini sudah dioptimalkan untuk SEO on-page, sehingga tidak perlu lakukan adalah secara manual. Portofolio Tema: Seperti yang telah kami katakan sebelumnya tema ini sangat ideal untuk Gallery, portofolio dan situs hosting gambar. Kami yakin pengguna Anda akan memuja desain. Ini memiliki dua kolom Gambar galeri. Tema ini sangat berguna untuk galeri, portofolio dan multimedia website.

Kami telah mencoba untuk menggunakan lebih sedikit file jQuery sehingga membuat situs Anda hiperaktif. Kecepatan dari tema ini adalah luar biasa cepat dan membutuhkan waktu kurang dari detik untuk memuat. Jangan ragu untuk meninggalkan review positif Anda di bawah ini.
Suni

Membuat Responsive Menu Navigation Bar Scrolling

0 komentar





Cara Membuat Responsive Menu Navigation Bar Scrolling Di Blog


Membuat Menu Bar Navigation Responsive Dengen Efek Scroll Horizontal

Kali ini saya akan share sebuah menu navigation responsive dengan efek animation scroll horizontal. Sebelumnya saya juga pernah update menu navigation scroll pada menu drop downnya. bagi kalian yang ingin melihatnya, silahkan kunjungi Menu Navigation Bar
Suni

C# WPF Tutorial In Urdu - C# WPF Window Properties Tutorials

0 komentar
Suni

C# WPF Tutorial In Urdu - C# WPF Image And PasswordBox controls Tutorial

0 komentar
Suni

Install Redhat 6

0 komentar
Suni

Tutorial searching dengan PHP MySQL

0 komentar
tutorial membuat pencarian data dengan php mysql
Dalam tutorial pemrograman web sebelumnya yang berjudul : Source Code Searching dengan Php MySQL, kita telah membuat proses pencarian data dengan menggunakan operasi query dari sql : Select * from nama_tabel WHERE nama_field= '".$variabel_inputan."'".  Operasi tersebut akan memeriksa database, apakah data yang diinput terdapat di dalam database atau tidak.
Edisi tutorial pemrograman web kali ini, akan membahas tentang proses pencarian data dengan menggunakan query Select * from nama_tabel WHERE nama_field like '%$variabel_inputan%'". 

Misalkan kita memiliki database db_nisn dengan tabel siswa sebagai berikut :



Jika seandainya sistem dari web kita ingin mencari nama-nama yang mengandung kata Doni, apakah diawal maupun diakhir ataupun ditengah. Caranya kita menggunakan operasi like %nama_yg_dicari%. Jadi kalo ingin mencari nama Doni, maka sistem akan memberikan hasil : Doni Yen, Andri Doni dan Doni Persada.

Studi Kasus

Dalam tutorial ini, studi kasus yang akan kita coba adalah mencari data siswa dengan memasukkan nama, nama tidak harus lengkap, baik itu nama depan maupun nama belakang. Sehingga sistem nanti akan mencari ke database, apakah terdapat di dalam database atau tidak nama-nama yang dicari tadi , seperti yang dijelas pada tabel diatas.

Berikut ini adalah interface inputan pencarian nama seperti yang ditunjukkan oleh Gambar.1 dibawah ini :
Gambar.1
Jika data yang dimasukkan terdapat di dalam database, maka akan ditampilkan output seperti Gambar.2 dibawah ini :
Gambar.2
Jika seandainya data yang dicari tidak ditemukan, maka output ditampilkan seperti Gambar.3 dibawah ini: 
Gambar.3


Langkah-langkah pembuatan sistem searching

Proses perancangan sistem pencarian terdiri dari pembuatan database, css Boostrap yang dioverride, form searching, script php untuk proses searching. Untuk mempercantik tampilan, kita menggunakan framework Bootstrap.
Langkah.1 Membuat Database
Buatlah sebuah database dengan nama db_nisn, kemudian buatlah field-field seperti script berikut :
CREATE TABLE IF NOT EXISTS `siswa` (
`nisn` int(10) NOT NULL,
`nama` varchar(30) NOT NULL,
`jenis_kelamin` enum('Perempuan','Laki-laki') NOT NULL,
`tempat_lahir` varchar(30) NOT NULL,
`tgl_lahir` date NOT NULL,
PRIMARY KEY (`nisn`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
Langkah.2 Membuat file koneksi.php
Pembuatan file ini bertujuan untuk memanggil database, sehingga sistem diberikan otorisasi menggunakan database tersebut.
<?php
$con=mysqli_connect("localhost","root","","db_nisn");
?>
Langkah 3 Membuat ilmudetil.css
Pembuatan file css ini bertujuan untuk membangun interface yang menarik. Tapi file css ini bukan bagian yang terpenting dalam proses searching, hanya asesoris mempercantik tampilan. Script css dari ilmudetil adalah sebagai berikut :
.navbar-default .navbar-nav > li.clr1 a{
color:#ffffff;
}
.navbar-default .navbar-nav > li.clr2 a{
color: #FFEB3B;;
}
.navbar-default .navbar-nav > li.clr3 a{
color: #5EC64D;
}
.navbar-default .navbar-nav > li.clr4 a{
color: #29AAE2;
}
.navbar-default .navbar-nav > li.clr1 a:hover, .navbar-default .navbar-nav > li.clr1.active a{
color:#fff;
background: #F55;
}
.navbar-default .navbar-nav > li.clr2 a:hover, .navbar-default .navbar-nav > li.clr2.active a{
color: #fff;
background:#973CB6;
}
.navbar-default .navbar-nav > li.clr3 a:hover, .navbar-default .navbar-nav > li.clr3.active a{
color: #fff;
background:#5EC64D;
}
.navbar-default .navbar-nav > li.clr4 a:hover, .navbar-default .navbar-nav > li.clr4.active a{
color: #fff;
background: #29AAE2;
}
.navbar-default{
background-color: #3b5998;
font-size:18px;
}
.navbar-default .navbar-brand {
color: #ffffff;
font-weight:bold;
}
.navbar-default .navbar-text {
color:#ffffff;
}
a{color: #FFC107;text-decoration: none;}
img{width:120px; height:135px;padding-top: 10px;}
Langkah.4 Membuat file index_nama.php
File index_nama.php merupakan interface untuk inputan nama yang akan dicari pada database.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="ilmu-detil.blogspot.com">
<title>Tutorial implementasi search dengan php</title>
<!-- Bagian css -->
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/ilmudetil.css">
<!--<link rel='stylesheet' href='assets/css/jquery-ui-custom.css'>-->

<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!-- Akhir dari Bagian css -->
<!-- Bagian js -->
<script src='assets/js/jquery-1.10.1.min.js'></script>

<script src="assets/js/bootstrap.min.js"></script>
<!-- akhir dari Bagian js -->

</head>
<body>
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
Pusat Ilmu Secara Detil</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-left">
<li class="clr1 active"><a href="index.html">Home</a></li>
<li class="clr2"><a href="">Programming</a></li>
<li class="clr3"><a href="">English</a></li>
</ul>
</div>
</div>
</div>
</br></br></br></br>
<!--- Bagian Judul-->
<div class ="container">
<div class="row">
<div class="col-md-12">
<h4>Pencarian Data Siswa </h4>
</div>
</div>
</div>
<!--- Akhir Bagian Judul-->

<!-- Bagian pencarian -->
<div class ="container">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">Pencarian Data</div>
<div class="panel-body">
<div class="row">
<div class="col-md-8" style="padding-top:25px">

<form method="POST" action="getuser_nama.php">
<div class="form-group">
<label for="input_no_siswa">Masukkan Nama</label>
<input type="text" class="form-control" required="required" name="inputnama" placeholder="Nama">
<span class="help-block"></span>
</div>
<div class="form-actions" style="padding-bottom:25px">
<button type="submit" class="btn btn-primary" name="submit" >Search</button>

</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Akhir dari pencarian -->
</body>
</html>
Langkah.5 Membuat file getuser_nama.php
File ini berfungsi untuk memproses pencarian nama yang sebelumnya diinput pada form inputan nama.
<?php include "koneksi.php"; ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="ilmu-detil.blogspot.com">
<title>Tutorial implementasi search dengan php ajax </title>
<!-- Bagian css -->
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/ilmudetil.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!-- Akhir dari Bagian css -->
<!-- Bagian js -->
<script src='assets/js/jquery-1.10.1.min.js'></script>

<script src="assets/js/bootstrap.min.js"></script>
<!-- akhir dari Bagian js -->

</head>
<body>
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
Pusat Ilmu Secara Detil</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-left">
<li class="clr1 active"><a href="index.html">Home</a></li>
<li class="clr2"><a href="">Programming</a></li>
<li class="clr3"><a href="">English</a></li>
</ul>
</div>
</div>
</div>
</br></br></br></br>

<!--- Bagian Judul-->
<div class ="container">
<div class="row">
<div class="col-md-12">
<h4>Pencarian Data Siswa </h4>
</div>
</div>
</div>
<!--- Akhir Bagian Judul-->

<!-- Bagian Searching -->
<div class ="container">
<div class="row">
<div class="col-md-6" style="padding-top:25px">
<?php
$nama = $_POST['inputnama'];
$sql ="Select * from siswa WHERE nama like '%$nama%'";
$result = mysqli_query($con, $sql);
//$row=mysqli_fetch_array($result);
if (mysqli_num_rows($result) == 0)
{
echo "<h5>Data tidak ditemukan</h5>";
echo "<br>";
}

else
{
echo "
<table class='table table-bordered'>
<thead>
<tr style='background-color: rgba(0, 0, 0, 0.05);'>
<th>NISN</th>
<th>Nama</th>
<th>Jenis Kelamin</th>
<th>Tempat Lahir</th>
<th>Tanggal Lahir</th>
</tr>
</thead>"
;

while($row =mysqli_fetch_array($result))
{

echo "<tbody>";
echo"<tr>";
echo "<td>" . $row['nisn']. "</td>";
echo "<td>" . $row['nama']. "</td>";
echo "<td>" . $row['jenis_kelamin']. "</td>";
echo "<td>" . $row['tempat_lahir']. "</td>";
echo "<td>" . $row['tgl_lahir']. "</td>";
echo "</tr>";
echo "</tbody>";
}
}
echo "</table> ";

mysqli_close($con);
?>

</div>
</div>
</div>

<!-- Akhir dari Searching -->
</body>
</html>

Untuk melakukan ujicoba pada Live Preview, silahkan masukkan nama :Doni, Andri dan Yeni


Suni

Tawk.to