Membuat Desain Web Responsive dengan Bootstrap

Assalamu'alaikum wr. wb.

Apa kabar teman-teman YukCoding semua? Semoga selalu sehat dan bahagia, Amin. Maaf saya sudah lama gak update tutorial, tetapi Alhamdulillah minggu ini kita bisa belajar bareng lagi.

Nanti diharapkan kita akan belajar "Membuat Web dengan PHP Mysqli OOP + Bootstrap Serta Database MariaDB". Dan pada tutorial pertama pada bab tersebut kita akan belajar "Membuat Desain Web Responsive dengan Bootstrap". Untuk template bootstrap responsive gratis dilahkan di download disini:

Download Kumpulan Template Bootstrap Responsive Gratis

Oke langsung kita kita bisa belajar membuat web-nya pada video tutorial di bawah ini. Jangan lupa setting kualitas video di setting menjadi Full HD agar jelas.

Gimana mudah dan keren bukan? Di dalam tutorial sudah ada langkah-langkah, source code dan penjelasan yang runtut dan jelas.

Baca juga tutorial selanjutnya :

Membuat Tampil Data dengan PHP Mysqli OOP + Bootstrap

Jangan lupa like & share. Semoga bermanfaat :)

Happy coding!
Wassalamu'alaikum wr. wb.

#A3

Source Code Aplikasi Web Potensi Desa Responsive dengan PHP PDO, jQuery, Ajax & MariaDB

Assalamu'alaikum wr. wb.

Selamat  pagi, siang, sore, dan malam sahabat YukCoding. Apa kabar hari ini? Semoga baik-baik saja. Amin.

Pada kesempatan yang indah ini, admin ingin berbagi demo salah satu aplikasi latihan yaitu source code Aplikasi Web Potensi Desa full responsive yang dibuat dengan menggunakan HTML, CSS. PHP ekstensi PDO, jQuery, Ajax dan menggunakan database MariaDB (versi terbaru dari database MySQL).

Berikut ini beberapa screenshot tampilan dari Apliakasi Web Potensi Desa responsive :

Oke langsung aja demo lengkapnya bisa dilihat di video berikut. Jangan lupa atur kualitas-nya menjadi HD agar jelas.

Untuk mendapatkan source code-nya, silahkan klik button download dibawah ini :




Happy coding dan semoga bermanfaat :)

Wassalamu'alaikum wr. wb.

#A3

Source Code Aplikasi Penjualan Barang (Kasir) / Simple POS

Assalamu'alaikum wr. wb.

How are you my beloved friends? I do hope that we are always healthy, Amin.
Kali ini admin ingin berbagi source code aplikasi penjualan barang yang biasa digunakan pada kasir, namun aplikasi buatan admin ini berbasis web. Admin menggunakan HTML, CSS, PHP, jQuery Ajax, jQuery UI, dan untuk database-nya menggunakan MySQL. Aplikasi ini masih simple dan belum kompleks, serta belum pernah di-update.

Selain aplikasi ini, kami juga mempunyai Aplikasi Kasir / POS (Point of Sales) yang lebih lengkap dan kompleks dengan framework CodeIgniter dan Laravel yang tentu sudah support Barcode Reader dan Printer Thermal. Info lebih lanjut hubungi kontak kami.

Oke kembali ke topik utama sesuai judul, demo aplikasi penjualan barang (kasir) / simple POS dapat teman-teman simak dengan scroll ke bawah.

Demo video aplikasi dan penjelasan fitur-fitur :

Untuk mendapatkan source code aplikasi ini, silahkan klik button download dibawah :



Ada juga aplikasi POS yang lain seperti yukPos (CodeIgniter), e-Kasir (CodeIgniter), TokoPOS (Laravel), dan SmartPOS (Laravel). Untuk demo silakan dm di instagram @yukcoding.

Semoga bermanfaat. Happy coding :)
Wassalamu'alaikum wr. wb.

#A3

Source Code Aplikasi Dealer Mobil dengan PHP mysqli, jQuery, Ajax & MariaDB

Assalamu'alaikum wr. wb.

Kali ini admin ingin berbagi source code aplikasi dealer mobil (pembelian mobil) yang dibuat dengan menggunakan HTML, CSS, PHP ekstensi mysqli dan jQuery Ajax, disini admin menggunakan database MySQL.

Oke langsung saja penjelasan fitur-fitur beserta demo aplikasinya bisa kalian lihat pada video dibawah ini :

Untuk mendapatkan source code aplikasi ini, silahkan klik button download dibawah :

Semoga bermanfaat. Happy coding :)
Wassalamu'alaikum wr. wb.

#A3

Membuat Edit & Hapus Data dengan PHP PDO + jQuery AJAX

Assalamu'alaikum wr. wb.

Apa kabar teman-teman ? Masih semangat coding kan, hehe.
Melanjutkan tutorial membuat web crud data dengan PHP ekstensi PDO + jQuery AJAX tanpa refresh halaman, kali ini kita akan membuat bagian edit dan hapus datanya.

Bagi kalian yang ketinggalan tutorial sebelumnya, silahkan ikuti dulu tutorial :

Tambah dan Tampil Data dengan PHP PDO + jQuery AJAX

Untuk demo halaman edit datanya seperti ini :

Dan demo halaman hapus data seperti ini :

Tutorial edit dan hapus data dengan PHP ekstensi PDO + jQuery AJAX bisa kalian ikuti pada video tutorial dibawah :




Jika ada yang kesulitan silahkan bertanya dikomentar. Jangan lupa like dan share tutorial-tutorial kami.

Tutorial PHP ekstensi mysqli :

1. Membuat CRUD dengan PHP Mysqli Prosedural
2. Membuat CRUD dengan PHP Mysqli OOP
3. Membuat Login dengan PHP Ekstensi mysqli OOP

Terimakasih atas perhatian Anda. Semoga bermanfaat, happy coding :)

Wassalamu'alaikum wr. wb.

#A3

Membuat Tambah & Tampil Data dengan PHP PDO + jQuery AJAX

Assalamu'alaikum wr. wb.

Pada tutorial kali ini kita akan belajar sesuatu yang baru teman-teman. Kalo pada tutorial-tutorial kita yang sebelumnya untuk pemrograman web khususnya PHP kita hanya menggunakan ekstensi mysql dan ekstensi mysqli, kali ini kita belajar tentang ekstensi PDO di PHP. Tak hanya itu pada tutorial kali ini kita juga akan belajar jQuery AJAX.

Bagi kalian yang belum tau apa itu jQuery AJAX silahkan baca :

Pengertian jQuery dan AJAX

Dan bagi kalian yang belum tau apa itu PDO extension PHP dan gimana cara mengaktifkannya, silahkan baca terlebih dahulu :

Pengertian PDO dan Cara Mengaktifkan PDO Extension

Kita akan membuat halaman web yang berisi CRUD PHP Ekstensi PDO dan jQuery AJAX tanpa refresh halaman (without reload page). Pertama kita akan membuat input (tambah) dan tampil data terlebih dahulu, untuk edit dan hapusnya silahkan ikuti pada tutorial selanjutnya.

Dan demo halaman input dan tampil data seperti gambar dibawah :

Untuk membuat tampilan seperti diatas saya hanya menggunakan HTML dan CSS manual. Bagi kalian yang ingin mempercantik tampilan serta membuatnya menjadi responsive bisa ikuti tutorial ini :

Membuat Desain Web Responsive dengan Materializecss

Sebelum kita menggunakan PDO, alangkah lebih baiknya Anda faham terlebih dahulu apa itu pemrograman berorientasi objek (OOP). Artikelnya bisa dibaca disini :

Konsep Dasar Pemrograman Berorientasi Objek (OOP)

Sekedar informasi bawah sebenarnya tidak full OOP fungsi-fungsi dari proses yang saya buat manual, jadi yang OOP hanya fungsi bawaan dari PDO. Jadi agak semi prosedural.

Ok langsung saja, tutorial tambah dan tampil data dengan PHP ekstensi PDO + jQuery AJAX bisa kalian ikuti dibawah.



Atau ini

Membuat Tambah & Tampil Data dengan PHP PDO... oleh yukcoding

Jika ada yang kesulitan silahkan bertanya dikomentar. Jangan lupa like dan share tutorial-tutorial di blog kami.

Tutorial selanjutnya : Edit dan Hapus Data dengan PHP PDO + jQuery AJAX

Semoga bermanfaat, happy coding :)

Wassalamu'alaikum wr. wb.

#A3

Membuat Register / Pendaftaran dengan PHP dan MySQL

Assalamu'alaikum Wr. Wb.

Karena ada temen yang request gimana cara buat register / pendaftaran dengan PHP, maka dari itu pada tutorial kali ini saya akan membahasnya. Intinya membuat pendaftaran hanya meng-insert-kan data ke dalam tabel database.

Bagi sobat yang mau request dibuatin tutorial juga gak papa, pm aja admin YUK CODING, kontak ada di menu atas blog ini dengan ikon message.

Halaman register yang saya buat ini bisa digunakan login pada web kita yang kemaren, yang ketinggalan diikuti dulu dari awal tutorial saya, yang terpenting bisa membuat login multi user dan multi level dengan PHP dan MySQL, tutorialnya bisa dilihat DISINI.

Untuk screenshot simple register-nya bisa dilihat dibawah :

Karena tutorial lengkapnya berbentuk video, jangan lupa setting dulu kualitasnya menjadi HD agar tampilannya jelas.

Oke langsung saja silahkan disimak baik-baik video tutorialnya dibawah ini :

Membuat Register / Pendaftaran dengan PHP dan MySQL (11) oleh yukcoding

Bagi yang masih bingung silahkan tinggalkan pertanyaan di komentar, dengan senang hati saya akan menjawabnya. Jangan lupa di share tutorial-tutorial di blog ini.

Happy Coding dan semoga bermanfaat :)

Baca tutorial sebelumnya : Menampilkan User yang Sedang Login dengan PHP

Baca tutorial sebelumnya : Membuat Report (Laporan) PDF dengan PHP

Wassalamu'alaikum Wr. Wb.

#A3

Membuat Update dan Delete Data dengan PHP + MySQL

Assalamu'alaikum Wr. Wb.

Melanjutkan tutorial CRUD yang sebelumnya sudah sampai di "Membuat Upload Gambar Dengan PHP - CRUD Part 3", kali ini saya akan membuat edit (update) data dan dan hapus (delete) data dengan menggunakan PHP dan MySQL.

Mungkin sedikit screenshotnya bisa dilihat dibawah :

Edit data dengan PHP

Hapus data dengan PHP

Video tutorialnya bisa dilihat dibawah, tetapi sebelum Anda melihat videonya jangan lupa setting kualitasnya agar tampilan menjadi jelas (HD). Ok langsung saja kita simak baik-baik tutorialnya dibawah :

Membuat Update dan Delete Data dengan PHP... oleh yukcoding

Sekian tutorial kali ini, apabila ada yang ingin ditanyakan silahkan tinggalkan dikomentar. Semoga bermanfaat.

Bagi yang ketinggalan tutorial saya silahkan lihat di daftar isi kemudian ikuti tutorial saya dari awal.

Baca tutorial sebelumnya : Membuat Upload Gambar Dengan PHP - CRUD Part 3

Baca tutorial selanjutnya : Membuat Pencarian Dinamis Dengan PHP Dan MySQL - CRUD Part 5

Wassalamu'alaikum Wr. Wb.

#A3

Membuat Tampilan Halaman Login Keren & Elegan

Assalamu'alaikum Wr. Wb.

Melanjutkan tutorial yang sebelumnya, yukcoding.blogspot.com pada tutorial kali ini akan membuat tampilan halaman login yang keren. Kenapa saya bisa mengatakan keren ? Ya karena saya suka dengan tampilannya, ini adalah tampilan halaman login favorit saya, saya sering buat yang seperti ini :D

Untuk screenshotnya bisa dilihat disini :

Gimana, menarik bukan ? Simple dan elegan.

Pada tutorial yang kedua ini saya juga merekamnya dalam video, dan untuk menonton videonya jika kurang jelas setting agar kualitasnya HD. Oke silahkan langsung saja mari kita belajar bersama, video tutorial membuat tampilan halaman login yang keren.

Membuat Tampilan Halaman Login Keren dan Elegan... oleh yukcoding

Apabila ada yang ingin ditanyakan silahkan tinggalkan komentar, Insyaallah saya dengan senang hati akan membalasnya.

Baca tutorial sebelumnya : Membuat Desain Web Simple Dan Menu Dropdown Keren

Baca tutorial selanjutnya : Membuat Login Multi User Dan Multi Level Dengan PHP + MySQL

Sekian tutorial dari saya, semoga bermanfaat.

Wassalamu'alaikum Wr. Wb.

#A3

Membuat Desain Web Simple dan Menu Dropdown Keren

Assalamu'alaikum Wr. Wb.

Apa kabar semuanya ? Semoga baik-baik saja. Di blog yang baru ini saya akan mengawali berbagi ilmu pemrograman tentang Web Desain. Sebelum kita masuk ke coding back-end nya, kita buat terlebih dahulu tampilan / front-end nya.

Di tutorial pertama ini, saya mencoba membuat suatu desain web yang simple dengan menu dropdown yang keren. Ini screenshotnya :

Gimana, lumayan keren kan ? Script nya juga sedikit, makanya simple :D

Video tutorialnya bisa dilihat dibawah, tetapi jika tampilannya kurang jelas, setting dulu kualitasnya pilih yang HD. Ok langsung saja kita lihat tutorialnya dibawah :

Membuat Desain Web Simple dan Menu Dropdown... oleh yukcoding

Semoga bermanfaat, apabila ada yang kurang jelas silahkan tinggalkan komentar. Happy Coding :)

Baca tutorial sebelumnya : Perkenalan Dengan PHP

Baca tutorial selanjutnya : Membuat Tampilan Halaman Login Keren

Wassalamu'alaikum Wr. Wb.

#A3