Upload dengan AJAX jQuery, PHP, dan MySQL

November 30, 2014 | | 0 komentar

Dalam proses administrator ataupun user tentunya akan membutuhkan sistem untuk upload, misalkan upload gambar, file dan sebagainya.

Sebagai contoh disini kita akan membuat proses upload menjadi lebih elegan, dengan menambahkan proses dalam peng uploadannya. Menampilkan berapa persen file yang sedang kita upload.

Pertama buat dulu database dengan nama uploadprogressbar

CREATE TABLE IF NOT EXISTS `upload` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`nama` text NOT NULL,
`type` varchar(30) NOT NULL,
`size` text NOT NULL,
`tgl` date NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

Kemudian buat file index.php uploadproses.php dan style.css
dan jangan lupa harus mempunyai jquery-1.8.0.min.js dan jquery.form.js

Agar tidak kepanjangan tutorialnya, langsung saja

Nb : Untuk sementara link demo saya tutup
keep{coding}

Cara install Oxwall di cPanel

November 27, 2014 | | 0 komentar

Selamat Pagi
Kali ini kita berhenti sebentar menggunakan coding manual, yang biasa dipake admin adalah PHP, bahasa pemrograman favorit.
Tapi jika kita mempunyai keinginan membuat SOSMED inilah saat yang tepat untuk berkreatifitas. Jika kita menggunakan CMS yang telah disediakan, kali ini kita coba menggunakan cPanel. di cPanel pastinya terdapat Softaculous denga adanya fitur Softaculous kita dapat menggunakan CMS secara gratis.

Karena kita akan menginstallnya terlebih dahulu mari simak berikut :

Pastikan teman mempunyai akun hosting atau cPanel

1. Menuju ke akun cpanel dan lakukan login
2. Setelah melakukan login, scroll ke bawah dan temukan panel Softaculous Apps Installer

3. Sorot pada Categories : dan pilih pada Social Networking

Lalu teman akan dibawa ke window baru
4. Kemudian pada navigasi kiri pilih Oxwall

5. Kemudian klik Install
6. Isikan beberapa informasi, sebagai contoh sebagai berikut

Kemudian klik Install

Tunggu sampai 100%
Kemudian akan muncul

Lalu klik Return to Overview
Setelah selesai, coba kunjungi website yang telah dibuat
Terimakasih semoga bermanfaat

Demo

Membuat Datepicker dengan jQuery

November 13, 2014 | | 0 komentar

Dalam pembuatan aplikasi berbasis web, terutama yang ada sistem pendaftarannya pasti akan menggunakan Datepicker. Karena dengan adanya datepicker akan lebih mempercantik tampilan aplikasi yang dibuat.

Datepicker disini saya menggunakan bantuan dari jQuery UI

Sebagai contoh kita membuat file dengan nama index.html lalu kita isi dengan kode

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>

Lalu coba di run

Terimakasih, semoga bermanfaat

keep{coding}

Download

Cek domain di WHOIS Niagahoster

November 04, 2014 | | 0 komentar

Dalam dunia internet pastinya ada domain dan hosting, jika tidak ada domain kita tidak akan mempunyai nama website, contoh domain seperti http://maful.web.id/ itu lah yang disebut domain. Jika Anda akan mempunyai domain pastinya Anda harus mencek dulu domain yang sudah dipikirkan, jika dicek ternyata tertulis DOMAIN NOT FOUND berarti domain tersebut belum ada atau belum di hak patenkan. Untuk mencek domain banyak sekali yang menyediakannya, salah satunya adalah http://domain.niagahoster.co.id/tools/whois

Jika Anda belum tau cara menggunakannya, saya coba bimbing caranya

1. Buka http://domain.niagahoster.co.id/tools/whois

2. Masukan nama domain

3. Lalu klik WHOIS

Sebagai contoh diatas kita menggunakan nama domain snipping.web.id setelah kita klik tombol WHOIS kita akan mengetaui apakah belum ada atau bahkan sudah digunakan.

Maka hasilnya

Jika kita mencoba dengan nama domain yang sudah digunakan (contoh : digital.web.id)
Maka akan tampak hasilnya

Maka jika terdapat seperti diatas berarti domain sudah di hak patenkan, terpaksa Anda harus mengganti nama domain yang sudah dipikirkan.

Semoga bermanfaat..