Membuat Login Multi User dengan PHP Ekstensi mysqli + Materializecss

Assalamu'alaikum wr. wb.

Kali ini yukcoding akan berbagi tutorial bonusan cara membuat login multi user dengan menggunakan PHP ektensi mysqli versi oop style. OOP yang dimaksud bukan full coding melainkan hanya menggunakan fungsi mysqli oop bawaan, karena mysqli extension bisa dipake secara prosedural ataupun oop pada cara pemanggilannya. Untuk coding PHP saya tetap menggunakan semi prosedural.

Baca juga : Konsep Dasar Pemrograman Berorientasi Objek (OOP)

Bagi teman-teman yang belum tau apa itu ekstensi mysqli, apa perbedaannya dengan mysql, bagaimana cara mengetahui web server kita support mysqli atau tidak, silahkan buka tutorial saya disini :

• Perbedaan mysql dan mysqli extension PHP
• Membuat CRUD dengan PHP Mysqli Prosedural

Dan sebelum kalian membuat login dengan PHP ekstensi mysqli ini, ikuti dulu link tutorial berikut karena saling berkaitan :

Membuat CRUD dengan PHP Mysqli OOP

Ok kalo sudah, untuk preview tampilan halaman login yang akan kita buat seperti ini :

Gimana, simple dan elegan bukan ? yang pasti juga responsive teman-teman.

Untuk tampilan diatas saya menggunakan materializecss, bagi temen-temen yang belum tau apa itu materializecss dan gimana cara menggunakannya, silahkan buka tutorial saya yang ini :

Membuat Desain Web Responsive dengan Materializecss

Sebelum kita tonton video tutorialnya, jangan lupa setting dulu kualitasnya menjadi HD agar tampilannya lebih jelas.

Login yang kita buat ini hanya multi user saja dan tidak multi level, tetapi pada password nya kita sudah menggunakan encrypt MD5. Bagi yang ingin membuat login multi user sekaligus multi level bisa belajar disini :

Membuat Login Multi User dan Multi Level dengan PHP + MySQL

Untuk tutorial membuat login multi user dengan PHP ekstensi mysqli silahkan Anda simak baik-baik video tutorialnya dibawah.



Atau berikut

Membuat Login dengan PHP Ekstensi mysqli... oleh yukcoding

Gimana mudah bukan teman-teman ?

Kalo masih ada yang kesulitan atau bingung, silahkan bertanya di kolom komentar. Jangan lupa like dan share tutorial-tutorial di blog ini.

Terimakasih atas perhatian Anda, happy coding, semoga bermanfaat :)

Wasssalamu'alaikum wr. wb.

#A3

Membuat CRUD dengan PHP Mysqli Versi OOP Style + Materializecss

Assalamu'alaikum Wr. Wb.

Baca dulu : Perbedaan mysql dan mysqli Extension PHP

Apa kabar semuanya ? Melanjutkan tutorial belajar ekstensi mysqli di PHP, kali ini kita sudah sampai belajar CRUD dengan mysli oop. Bagi kalian yang ketinggalan tutorial saya silahkan ikuti tutorial sebelumnya yaitu :

Membuat CRUD dengan PHP Mysqli Prosedural

Sebelum kalian mengikuti tutorial Membuat CRUD dengan PHP Ekstensi mysqli Object Oriented Style ini, sebaiknya kalian fahami dulu apa itu OOP :

Konsep Dasar Pemrograman Berorientasi Objek (OOP)

Untuk demo aplikasi CRUD nya bisa dilihat dibawah :

Gimana keren bukan ?

Untuk tampilannya kita menggunakan framework css punyanya google yaitu materializecss, cara membuat tampilannya seperti diatas silahkan ikuti tutorial ini :

Membuat Desain Web Responsive dengan Materializecss

Sebenarnya untuk menggunakan fungsi mysqli OOP bawaan cukup seperti contoh dibawah sudah bisa,
<?php
$db = new mysqli("localhost", "root", "", "db_yukcoding");
$query = $db->query("select * from tb_anggota");
$data = $query->fetch_array();
$cek = $query->num_rows;
?>
Tetapi pada tutorial kali ini selain saya menggunakan fungsi OOP dari bawaan mysqli. saya juga membuat class baru yg didalamnya berisi function-function untuk melakukan proses CRUD data.

Artinya tidak full OOP fungsi-fungsi dari proses yang saya buat, jadi yang OOP hanya fungsi bawaan dari mysqli dan fungsi-fungsi CRUD-nya. Jadi agak semi prosedural.

"Download Materializecss v0.96.1"

Silahkan ikuti tutorial Membuat CRUD dengan PHP Mysqli OOP step by step pada video dibawah ini :

Bagi yang masih bingung silahkan berkomentar. Jangan lupa like dan share link tutorial beserta video tutorial kami.

Baca tutorial selanjutnya : Membuat Login dengan PHP Ekstensi mysqli OOP

Semoga bermanfaat, happy coding :)
Wassalamu'alaikum Wr. Wb.

#A3

Membuat CRUD dengan PHP Mysqli Versi Prosedural Style + Materializecss

Assalamu'alaikum wr. wb.

Pengenalan mysqli
Tutorial kali ini membahas bagaimana cara membuat CRUD data dengan PHP ekstensi mysqli. Mysqli adalah ekstensi PHP yang digunakan untuk melakukan koneksi ke database MySQL. Huruf i di akhir artinya improved (yang disempurnakan). Ada beberapa alasan mengapa kita harus migrasi dari ekstensi mysql_ ke ekstensi mysqli_ ini. Catatan penting disini, dari sisi struktur project, struktur tabel dan interface tidak ada perubahan. Perubahan dari mysql ke mysqli ada dibelakang layar, terutama dari sisi performa menunjukan msyqli lebih cepat dibanding mysql.

Berikut ini adalah alasan mengapa mulai sekarang sebaiknya anda menggunakan mysqli dalam pemrograman PHP MySQL :

Point	MySQL	MySQLi
Pengembangan	Sudah tidak lagi di kembangkan	Masih terus dikembangkan
Support Resmi	Deprecated	Long term support
Mendukung OOP	Tidak	Ya
Mendukung Prepare statement	Tidak	Ya
Mendukung Store procedur	Tidak	Ya
Mendukung Transaksi (commit, rollback)	Tidak	Ya

Dari tabel perbandingan diatas saja sudah sangat jelas bahwa lebih banyak kelebihan mysqli ketimbang ekstensi mysql. Selain itu, mysqli juga bisa digunakan secara prosedural ataupun menggunakan OOP, berikut ini gambaran fungsinya agar anda punya gambaran real tentang perbedaan kodenya.

Baca juga : Konsep Dasar Pemrograman Berorientasi Objek (OOP)

Perbandingan mysql dan mysqli

Hal	MySQL	MySQLi Prosedural	MySQLi OOP
Koneksi database	mysql_connect()	mysqli_connect()	$db = new mysqli(db_host, db_user, db_pass, db_name);
Query select	mysql_query()	mysqli_query()	$db->query($sql)

Jadi, dengan mysqli anda masih bisa menggunakan gaya prosedural ataupun OOP, tergantung kebiasaan anda. Jika kita lihat sekilas, gaya prosedural mysqli sama saja dengan mysql cuma fungsinya ditambah i, sebagai contoh mysql_query menjadi msyqli_query().

Dan kita akan belajar tentang mysqli secara berharap, pada tutorial mysqli pertama ini kita akan membuat CRUD dengan PHP ekstensi mysqli tetapi yang prosedural style, untuk yang OOP (Object Oriented Programming) style silahkan dilihat pada tutorial-tutorial selanjutnya.

Agar lebih jelas perbedaan mysql dan mysqli extension pada PHP, baca dulu artikel :

Perbedaan mysql dan mysqli Extension PHP

Ok teman-teman, tampilan halaman input data yang akan kita buat seperti ini :

Dan untuk tampilan halaman tampil datanya lihat dibawah ini :

Gimana webnya simple dan elegan bukan ? Untuk tampilan diatas saya menggunakan framework css buatannya google.

Tutorial membuat tampilan seperti diatas sudah saya bahas disini :

Membuat Desain Web Responsive Dengan Materializecss

Oh iya, sebelum menonton video tutorialnya sebaiknya Anda setting dulu kualitasnya menjadi HD agar jelas.

"Download Materializecss v0.96.1"

Disini saya menggunakan function, karna nanti kita akan belajar OOP, ya walaupun baru tampil datanya saja. Silahkan video tutorial membuat CRUD dengan PHP Ekstensi mysqli Prosedural Style bisa Anda ikuti disini :



Atau ini

Membuat CRUD dengan PHP Mysqli Prosedural... oleh yukcoding

Sekedar pengetahuan saja, sebenarnya untuk ekstensi mysqli yang style prosedural kita juga bisa menggunakan perintah baru seperti : mysqli_prepare, mysqli_stmt_execute, mysqli_stmt_bind_result, mysqli_stmt_fetch, dll. Tetapi pada tutorial diatas saya hanya menggunakan perintah yang populer dan hampir sama seperti ekstensi mysql pendahulunya. Untuk perintah seperti prepare, bind_param, bind_result, execute, dan lain sebagainya akan kita bahas pada tutorial yang selanjutnya.

Baca tutorial selanjutnya : Membuat CRUD dengan PHP Mysqli OOP

Kalo ada yang kesulitan atau kurang jelas silahkan bertanya dikomentar postingan.
Jangan lupa like dan share tutorial dan video kami. Semoga bermanfaat, happy coding :)

Wassalamu'alaikum wr. wb.

#A3

Membuat Desain Web Responsive dengan Materializecss

Assalamu'alaikum Wr. Wb.

Sudah tau gak apa itu materializecss ?
Materializecss adalah sebuah framework css buatan google yang tergolong baru. Saat artikel ini dibuat versinya saja masih v0.96.1 (download materializecss v0.96.1), wow masih fresh dan akan terus berkembang. Saya suka dengan materializecss karena desainnya sudah sesuai dengan material desainnya google (pastilah kan yang buat google sendiri, hehe). Framework ini simple, elegan dan pastinya responsive seperti framework yang lebih populer lebih dahulu yaitu bootstrap.

Pada tutorial saya kali ini saya akan membuat desain halaman web responsive dengan menggunakan materializecss. Screenshot simplenya bisa dilihat dibawah :

Untuk belajar materializecss lebih dalam lagi bisa Anda pelajari langsung pada dokumentasi webnya di alamat materializecss.com.

Karena tutorialnya berbentuk video, jadi jangan lupa setting dulu kualitas videonya menjadi HD agar lebih jelas.

Untuk melihat bagaimana cara membuat desain web responsive dengan materializecss video-nya bisa dilihat dibawah :

Gimana keren bukan ?
Jika ada yang ingin ditanyakan silahkan tinggalkan pertanyaan di komentar dibawah. Jangan lupa like dan share artikel serta video kami.

Note :
Jangan lupa tambahkan init.js dan jquery.js.
- Link download materializecss v0.96.1
- Salah satu link referensi jQuery.js
- Isi file init.js :
   (function($){
    $(function(){
     $('.button-collapse').sideNav();
    });
   })(jQuery);

Baca tutorial selanjutnya : Membuat CRUD dengan PHP Mysqli Prosedural

Baca juga : Membuat CRUD dengan PHP Mysqli OOP

Semoga bermanfaat, happy coding :)
Wassalamu'alaikum Wr. Wb.

#A3