Frontend Framework - Bootstrap 5

Frontend Framework yang mudah dipelajari dan powerfull untuk digunakan dalam pembuatan website.

03 Januari 2025

Mengaktifkan Menu Produk

Assalamu alaikum Wr. WbSalam Pinter Bareng Komputer, ...zero bit...Pada artikel kali ini kita akan belajar menyesuaian Tampil Produk, Add Produk, Edit Produk projek laravel kita sebelumnya ke dalam jendela yang telah disambungkan dengan Admin LTE 3.2.Berikut langkah - langkahnya :Buka projek Laravel kalian menggunakan editor Visual Studio Code.Buka file index.blade.php yang berada di dalam folder produk.Hapus script yang ditandai warna merah berikut ini : <html lang="en"> <head> <meta charset="utf-8"> <meta...

28 November 2024

Setting Menu pada Laravel + Admin LTE

Assalamu alaikum Wr. WbSalam Pinter Bareng Komputer, ...zero bit...Pada artikel kali ini kita akan belajar memodifikasi menu aplikasi Laravel yang sudah kita sambungkan dengan template Admin LTE 3.2.Dalam artikel kali ini saya ingin mengulas bagaimana cara menginstall Admin LTE 3 ke dalam projek Laravel 10 yang notabene sudah menggunakan Vite untuk melakukan proses Mixing asset - asset yang berjalan di atasnya. Termasuk nanti asset milik Admin LTE...

29 Januari 2024

Membuat Logo dari Gambar Hewan

Assalamu alaikum Wr. WbSalam Pinter Bareng Komputer, ...zero bit...Pada kesempatan kali ini saya ingin membahas bagaimana cara memanfaatkan tool yang dimiliki Adobe Photoshop CS6 untuk membuat sebuah logo yang di dalamnya melibatkan gambar Hewan.Tool yang akan kita gunakan dalam tutorial kali ini adalah Move Tool, Ellipse Tool, Pen Tool, Text Tool serta Paint Bucket Tool. Dengan harapan walaupun kita tidak terlalu...

25 Januari 2024

Cara Membuat Logo TV 77 Menggunakan Adobe Photoshop CS6

Assalamu alaikum Wr. Wb Salam Pinter Bareng Komputer, ...zero bit... Pada kesempatan kali ini saya ingin membahas bagaimana cara memanfaatkan tool yang dimiliki Adobe Photoshop CS6 untuk membuat sebuah logo TV77. Tool yang akan kita gunakan dalam tutorial kali ini adalah Move Tool, Marquee Tool, Text Tool serta Paint Bucket Tool. Dengan harapan walaupun kita tidak terlalu dalam menguasai Adobe Photoshop namun dengan...

23 Januari 2024

Cara Membuat Logo Tim Bola Basket dengan Adobe Photoshop CS 6

Assalamu alaikum Wr. WbSalam Pinter Bareng Komputer, ...zero bit...Pada kesempatan kali ini saya ingin membahas bagaimana cara memanfaatkan tool yang dimiliki Adobe Photoshop CS6 untuk membuat sebuah logo Tim Basket Ball.Tool yang akan kita gunakan dalam tutorial kali ini adalah Move Tool, Ellipse Tool, Pen Tool, Text Tool serta Paint Bucket Tool. Dengan harapan walaupun kita tidak terlalu dalam menguasai Adobe Photoshop namun dengan pengetahuan...

05 Januari 2024

Mengintegrasikan Vue JS 3 ke dalam Laravel 10

Assalamu alaikum Wr. WbSalam Pinter Bareng Komputer, ...zero bit...Apa itu VUE JS? Baru baru ini, telah muncul Vue JS versi 3 dengan kode nama ONE PIECE. Vue JS merupakan frontend javascript framework untuk membangun website dan user interfaces (UI). Vue berjalan di sisi client (Client-Side) dan umum digunakan untuk membuat Single-Page-Application (SPA). Vue mudah diintegrasikan dengan project yang sudah ada dengan menggunakan CDN. Selain itu, Anda juga dapat dengan mudah membuat full-stack aplikasi dengan membuat API di sisi server (Server-Side). Kenapa...

17 Desember 2023

Admin LTE 3 pada Laravel 10

Assalamu alaikum Wr. WbSalam Pinter Bareng Komputer, ...zero bit...Admin LTE merupakan salah satu template tampilan yang paling banyak digunakan oleh programmer web saat membuat aplikasi berbasis web yang dikhususkan untuk admin atau istilahnya adalah CMS (Content Management System). Kalian dapat langsung mendatangi situs resmi Admin LTE dengan mengklik LINK INI. Sampai saat artikel ini dibuat versi Admin LTE yang telah dirilis adalah versi 3.2.Dalam...

16 Desember 2023

Laravel Auth Scaffolding

Assalamu alaikum Wr. WbSalam Pinter Bareng Komputer, ...zero bit...Laravel UI menyediakan fitur otentikasi sederhana termasuk login, registrasi, reset password, verifikasi email, dan konfirmasi password menggunakan bootstrap, react, dan vue. Fitur tersebut dinamakan Laravel UI.Di dalam artikel ini kita akan belajar menggunakan Laravel UI berbasis Bootstrap 5. Untuk menggunakan Laravel UI Bootstrap langkah - langkah sebagai berikut : Buka...

Hapus Data Produk

Assalamu alaikum Wr. WbSalam Pinter Bareng Komputer, ...zero bit...Dalam tutorial kali ini kita akan membahas 3 hal yaitu :Hapus Data Produk versi Temporary (Soft Deletes)Restore Data ProdukHapus Data Produk versi Permanent.Selalu saya ingatkan bahwa proses mempasifkan maupun menghapus data dari database harus dilakukan secara hati - hati karena DBMS seperti MySQL tidak memiliki menu UNDO, sehingga jika data sudah terlanjur dihapus permanent maka...