Membuat Watermark Dengan Mudah Menggunakan Plugin Jquery

Pada kesempatan kali ini saya akan membuat tutorial tentang " Cara Membuat Watermak Menggunakan Plugin Jquery " , Dengan menggunakan plugin jquery yang satu ini kita dapat jauh lebih mudah untuk membuat watermark karena biasanya  kita membuat watermark menggunakan PHP yang pastinya jauh lebih rumit prosesnya belum lagi kalau ada error pasti akan membuat kepala anda sakit bukan ? :v

Penggunaan plugin jquery  ini sangat amat mudah namun sebenarnya fungsi dari  plugin ini adalah menconvert internal gambar url ke blob url + menambahkan watermark , Jadi gambar biasa (Tidak ada WaterMark ) yang kita ambil dari database akan di convert ke blob url namun pastinya plugin ini akan sangat bermanfaat sekali karena tidak perlu lagi membuat code php untuk membuat nya , Oke langsung saja kita ke tutorialnya silahkan di simak baik - baik :

• Download dulu  plugin ori nya di SINI  , Kalau yang sudah saya custom mmenggunakan PHP silahkan download di SINI 

Penamapakan Script HTML

Penamapakan Script JS

Penamapakan Hasilny

Bagaimana bagus dan cukup mudah bukan ? , Oh iya kekurangan dari plugin jquery ini adalah kalian tidak bisa membuat WaterMark pada gambar yang kalian ambil url gambarnya dari server lain , jadi kalian harus mendownload gambar yang ingin kalian ambil dari server lain lalu mengupload nya ke server sendiri ..

Oh iya di bawah ini saya akan menyertakan link demo , Pada link demo ini saya sudah menginplentasikan dengan code php dan mengambil gambarnya dari database :


Bagaimana sudah cukup jelas tidak ? , Kalau masih ada yang kurang paham jangan sungkan untuk berkomentar , atau kalian bisa membaca dokumentasi tentang plugin ini di Sini

INCOMING SEARCH TERMS :

• cara membuat watermark dengan jquery
• cara membuat watermark menggunakan jquery
• membuat watermark
• membuat watermark dengan jquery
• watermark dengan jquery
• watermark jquery

Membuat CRUD Dengan PHP OOP Dan Materialize CSS

Pada kesempatan kali ini saya akan membuat sebuah tutorial tentang bagaimana Cara Membuat CRUD Dengan PHP OOP Dan Materialize CSS , CRUD Merupakan singkatan dari CREATE,READ,UPDATE,Dan DELETE yang biasanya berguna untuk melakukan penginputan data jauh lebih mudah ..

Dan tutorial ini saya menggunakan PHP OOP karena jika kalian menggunakan oop akan memudahkan kita saat membuat query hanya tinggal memanggil class dan function nya saja , Selain itu pun penggunaan OOP pada PHP jauh lebih aman dari pada menggunakan prosedural dan sekaligus dapat membantu pengetahuan anda akan naik satu tingkat di php , Oke langsung saja kita ke tutorial nya :

Pertama-tama buat lah database dengan nama belajar  pada folder htdocs lalu silakan copas script SQL di bawah ini :

Setelah itu kita buat file function php yang nanti nya berguna untuk CREATE,UPDATE,Dan DELETE , Simpan lah script di bawah ini dengan nama file db.php :

Lalu kita buat juga modul untuk menginisiasi variabel yang akan di eksekusi oleh query CRUD , Simpanlah file di bawah ini dengan nama proses.php :

Oke setelah selesai membuat file proses.php langkah selanjutnya adalah membuat file index yang berfungsi untuk menampilkan data dari database , Silahkan copy kode di bawah ini dan simpan dengan nama index.php :

Kemudian kita buat halaman CREATE datanya yang berfungsi untuk menambahkan data , Silahkan copy kode di bawah ini dan simpan dengan nama tambah.php :

Setelah membuat file tambah.php , Sekarang kita membuat file untuk UPDATE data nya silakan copy kode di bawah ini dan simpan dengan nama edit.php :

Nah jika sudah selesai silahkan kalian coba buka halaman index.php nya di browser kalian , Cukup mudah bukan ? ..
Oh jika masih ada yang bingung tentang tutorial di atas silahkan berkomentar di bawah ya , Dan mungkin nanti di lain kesempatan saya akan menjelaskan secara detil apa itu PHP OOP bagi yang belum paham , Saya juga sudah menyiapkan link demo di bawah jadi kalian bisa melihat contoh hasilnya akan seperti apa :

INCOMING SEARCH TERMS :

• membuat crud dengan php oop dan materialize css
• membuat crud dengan php oop dan materialize 
• membuat crud dengan php oop
• membuat crud dengan oop dan materialize 
• membuat crud dengan php
• crud dengan php oop
• crud dengan php
• php oop
• php oop crud

Cara Membuat Form Animasi Dengan Jquery

Halo sobat Tutorial Ku pada kesempatan kali ini saya akan membuat tutorial tentang bagaimana Cara Membuat Form Animasi Dengan Jquery , Nah bagi anda yang tidak begitu suka dengan tampilan form yang biasa-biasa saja mungkin  kalian bisa mengikuti tutorial saya kali ini ..

Karena saya akan menambahkan animasi pada form html menggunakan jquery yang akan sangat berguna untuk semakin mempercantik tampilan website kalian , Sekaligus anda dapat mengetahui sedikit tentang fungsi-fungsi pada jquery yang ada pada tutorial ini , Oke langsung saja kita simak tutorial berikut ini :

Langkah pertama adalah silahkan copy kode di bawah ini dan menyimpan nya dengan format index.html

Setelah kalian sudah membuat file index.html , Lalu sekarang kita tambahkan css untuk mempercantik tampilan form nya silahkan kalian copy kode di bawah ini dan simpan dengan nama file style.css

Selanjutnya adalah menambahkan kode jquery yang berfungsi untuk membuat animasi pada form yang sudah kita buat , Silahkan Copy kode jquery di bawah ini dengan nama formanimasi.js

Nah sekarang coba kalian buka file index.html di browser kalian dan coba lihat hasil nya , Sangat mudah bukan dan tampilan formnya juga sangat elegan untuk melihat contoh hasil nya seperti apa kalian bisa coba lihat demo di bawah ini yang saya embed menggunakan codepen :

See the Pen Form Login Animasi Dengan Jquery by chelvin sanjaya (@chelvin) on CodePen.

Oh ya sedikit penjelasan dari fungsi jquery yang ada pada tutorial ini , attribute " id " yang berada di bagian form itu bertujuan untuk membedakan masing-masing satu form dengan form lainnya  ..

Dan adanya attribute " keyup(function(){ });  " Berfungsi untuk  mendeteksi ketika tombol keyboard di tekan , Dan kalau attribute " slideDown(); " Berfungsi untuk memberikan animasi slide kebawah ,
Untuk penjelasan lengkap nya kalian bisa membaca dokumentasi nya di JQuery Api di situ kalian juga bisa melihat macam macam animasi yang tersedia dan pastinya sangat cool :D

Cara Membuat Halaman Login Dengan PHP Dan Bootstrap 3

Kali ini saya akan membagikan tutorial sederhana tentang cara membuat halaman login menggunakan PHP MYSQL dan Bootstrap 3 , Pada dasarnya halaman login merupakan salah satu faktor penting dalam sebuah website yang berfungsi untuk mengamankan halaman pribadi kalian yang tidak ingin di ketahui oleh orang lain ..

Salah satu contoh nya adalah facebook yang menggunakan akses login pada halaman awalnya yang bertujuan untuk memastikan bahwa akun tersebut benar benar milik anda , Coba bayangkan kalau facebook tidak memiliki sistem login yang aman bisa saja orang lain akan mengakses facebook anda dan melakukan hal-hal yang tidak di inginkan ,

Bahaya sekali bukan ? Nah justru karena itu halaman login merupakan salah satu faktor penting pada sebuah website yang di kelola ,Oke langsung saja kita masuk ke tutorial nya ,

Pertama-tama kita membuat Database loginnya dlu berikut di bawah ini adalah penampakan scriptnya :

Setelah membuat databasenya sekarang kita membuat halaman form loginnya , Silahkan Copas kode di bawah ini dan simpan dengan nama index.html 

Dan untuk mempercantik Form Login nya kita menggunakan css , Silahkan Copas kode di bawah ini dan simpan dengan nama style.css

Setelah itu kita buat sambungan koneksi untuk menghubungkan ke MySql , Silahkan Copas kode di bawah ini dan simpan dengan nama koneksi.php

Setelah berhasil membuat file koneksi nya silahkan Copas kode di bawah ini dan simpan dengan nama proses.php

Setelah berhasil membuat file proses.php, Langkah selanjutnya adalah membuat file index.php Jadi jika sudah berhasil login maka akan langsung teredirect ke halaman utama ini

Dan langkah terakhir adalah membuat file logout.php, yang berfungsi menghapus session kita agar akun lebih secure, untuk membuat file logout tersebut silahkan copas kode di bawah ini.

Bagaimana ? Cukup mudah bukan , untuk yang belum mengerti silahkan komentar di bawah ya .. dan  untuk yang mau melihat hasilnya seperti apa silahkan klik tombol demo di bawah ..

Demo account :
username : admin
password : admin

Cara Mengupload Gambar Atau Document Via URL Dengan PHP

Cara upload file dengan url dengan php

Kadang ada kalanya di saat kita malas untuk mengupload gambar atau dokumen yang biasanya kita download terlebih dahulu lalu baru kita upload ke webiste kita , Atau biasanya yang mempunyai koneksi internet yang sangat lelet pasti bisa sangat kesal untuk menunggu upload'an gambar atau dokumen yang tak kunjung usai ..

Nah justru karena itu saya akan memberikan trik untuk mengupload gambar atau dokumen tanpa perlu repot" untuk mendownload nya terlebih dahulu lalu baru di upload  dengan menggunakan script PHP ..

Dengan menggunakan script ini kalian tidak perlu repot - repot untuk mendownload dan mengupload file nya tersebut karna dengan script ini kalian hanya perlu menyalin url gambar atau dokumen nya itu saja , Gimana cukup mudah sekali bukan ?

Nah kalau  begitu langsung saja di bawah ini adalah penampakan scriptnya : 

Untuk cara menggunakannya sangat gampang pertama kalian copy dulu url file gambar yang ingin di upload , dengan cara klik kanan pada gambar lalu pilih salin alamat gambar contoh nya seperti gambar di bawah ini :

Lalu paste kan url gambarnya tersebut di script php yang sudah di hosting tersebut , Contoh nya seperti ini :

Bagaimana ? Cukup mudah bukan .. , Untuk demo nya silahkan klik tombol DEMO di bawah ini :