Postingan

Menampilkan postingan dengan label tutorial

Creating Real-time Chat Applications with Laravel, MongoDB, and WebSockets

Gambar
  Laravel has become one of the most popular web frameworks in recent years, thanks to its simplicity, flexibility, and robust features. It supports various databases and comes with a wide range of packages that make development faster and more efficient. One of the most useful features of Laravel is its support for MongoDB, a NoSQL database that provides high scalability and performance. And when it comes to real-time communication between users, WebSockets is the go-to technology. Let’s see how we can use these technologies together to create a real-time chat application. Setting up the Project Before we begin, let’s make sure we have the necessary components installed. We need to install PHP, Composer, Laravel, MongoDB, Node.js, and Socket.IO. Install Laravel by running the following command: composer create-project --prefer-dist laravel/laravel chatapp Install MongoDB by following the official MongoDB documentation: https://docs.mongodb.com/manual/installation/ Install Node.js ...

Belajar Codeigniter : Menghilangkan index.php di Codeigniter

Gambar
بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيم Pernah ngga sih ngerasa keganggu jika url yang di codeigniter ada url index.php setiap kali memuat url tersebut. Misal memuat http://localhost/perpustakaan/index.php/crud/ kan ada tuh url index.php setiap mau memanggil controller tentu agak terganggu bukan lagipula dari segi kenyamanan user juga kurang kan? . Nah pada kaesempatan kali ini akan mempelajari cara bagaimana menghilangkan index.php pada codeigniter. Lets go. Menghilangkan index.php pada codeigniter Ada beberapa langkah untuk menghapus url index.php. Berikut merupakan langkah-langkah untuk menghapus url index.php : Buka file config.php  kemudian cari code berikut ; $config['index_page'] = 'index.php'; kemudian ganti menjadi $config['index_page'] = ''; Buat file bernama .htaccess dan isi kode berikut; RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L] Sekarang buka...

Menggunakan XDM di Linux

Gambar
XDM (Xtreme Download Manager) merupakan aplikasi untuk memanajemen file download agar mudah diatur. Aplikasi ini mencakup integrasi banyak browser seperti Google Chrome, Mozilla Firefox Quantum, Opera, Vivaldidan masih banyak lagi jadi saat ada file download dibrowser akan langsung terdeteksi di XDM. Bisa download video di YouTube, DailyMotion, Facebook, Vimeo, Google Video. Untuk lebih lanjut bisa berkunjung di sini . Kebutuhan File Xtreme Download Manager bisa download di sini . Berhubung punyaku yg 64 bit maka pilih xdm-2018-x64.tar.xz. Pastikan sudah terinstall java. Langkah-langkah Seperti ini kira-kira langkahnya. Setelah terdownload file xdm berhubung filenya masih terkompresi tar.xz jadi harus diextrak dengan cara ketik sudo tar -xvf xdm-2018-x64.tar.xz Kemudian ketik untuk mulai install sudo /install.sh Jika sudah akan ada aplikasi di start menu. Tampilan awal XDM sedang proses download. Kesimpulan Aplikasi ini sangat membantu sekali bagi para downlo...

Belajar Codeigniter : Hapus Data atau Delete Data (CRUD)

Gambar
Pada artikel kali ini akan mempelajari tentang bagaimana menghapus data yang sudah tersimpan di database. Masih seputaran artikel kemarin yang membahas CRUD tentang bagaimana membuat, menampilkan dan juga mengubah data yang sudah ada. Kebutuhan Pada pelajaran kali ini hal yang dibutuhkan masih seputaran dengan artikel kemarin dengan file m_data.php, crud.php dan juga folder view. Codelabs Lanhsung saja, hal pertama yang harus dilakukan adalah membuka file crud.php kemudian tambahkan syntax berikut. Fungsi tersebut bertujuan untuk menghapus data dari tabel tb_buku yang di mana delete_data diambil dari file m_data.php Kemudian tambahkan juga syntax berikut pada file m_data.php Dalam syntax di atas dilakukannya pengambilan data dari tb_buku untuk dikirim ke file crud.php Kemudian kembali lagi pada file view_index.php dalam folder \application\views\ terdapat 'crud/hapus' pada barisan Hapus yang bertujuan untuk pemanggilan method delete. Hasil dari penamba...

Belajar Codeigniter : Ubah Data atau Update Data (CRUD)

Gambar
Melanjutkan artikel sebelumnya tentang CRUD tentang membuat dan menampilkan data, pada artikel kali ini akan membahas tentang mengubah data. Yaitu bagaimana mengubah data yang sudah tersimpan di database dengan mengambil id dari data tersebut. Persiapan Untuk mengikuti tutorial ini pastikan sudah menyelesaikan tutorial berikutnya tentang membuat dan menampilkan data, karena untuk mengubah data sudah dipastikan sudah ada data sebelumnya untuk diubah. Codelabs Buka file crud.php yang berada di folder \application\controllers\ kemudian tambahkan script berikut; Dalam script di atas terdapat dua fungsi antara fungsi edit dan fungsi updata. fungsi edit digunakan untuk mengambil data dari tabel tb_buku untuk ditampilkan pada form di file view_update Kemudian pada file m_data.php yang berada di folder \application\models\ tambahkan script berikut; fungsi edit_data mengambil data dari tabel untuk diteruskan ke file crud.php dan fungsi update_data digunakan untuk menyimpan data...

Belajar Codeigniter : Melihat Data atau Read Data (CRUD)

Gambar
Hai,,, masih penasaran kan tentang CRUD, mari disimak sama-sama . Pada artikel sebelumnya sudah membahas CRUD tentang membuat atau create. Pada kesempatan kali ini akan membahas yang kedua adalah melihat atau read . Pengertian Pada artikel sebelumnya untuk melihat data yang sudah diinputkan atau ditambahkan melalui phpmyadmin, yang dimana tampilan tersebut kurang friendly atau terbiasa, serta terbatasnya untuk merubah tampilan letak data tersebut. Lalu bagaimana untuk membuat tampilan yang friendly . Bisa juga dengan cara membuat tampilan dinamis dimana letak dari data tersebut bisa di modifiasi sesuai selera. Kebutuhan Karena masih melanjutkan CRUD sebelumnya kebutuhan yang diperlukan masih sama dengan artikel sebelumnya. Masih seputaran XAMPP, folder codeigniter, serta text editor. Codelabs Langkah pertama adalah buka file crud.php kemudian tambahkan script berikut(yang di dalam kotak) Langkah selanjutnya menambahkan script pada file m_data.php . menjadi seperti beriku...

Belajar Codeigniter : Membuat Data atau Create Data (CRUD)

Gambar
Kali ini akan belajar mengenai CRUD dengan tema perpustakaan, Crud merupakan dasar dari suatu aplikasi, yang dimana berfungsi untuk menambah ( create) , membaca ( read ), merubah ( update ), serta menghapus ( delete ). Dalam artikel kali ini akan belajar mengenai cara membuat data menggunakan framework CI. Persiapan Pastikan sudah melakukan beberapa hal berikut; Mempunyai file framework Codeigniter. Pasang koneksi database. jika belum klik di sini . XAMPP atau server lokal. Lets Go to Codelabs Langkah pertama pastikan sudah mempunyai database dengan nama “perpustakaan” Kemudian tambahkan $config['base_url'] = 'http://localhost/perpustakaan/'; pada file config.php dan juga $autoload['libraries'] = array('database'); pada file autoload.php pada folder \application\config\ dengan tujuan agar database dan dimuat secara otomatis saat aplikasi dijalankan. Dan jangan lupa untuk mengatur file database.php untuk menggunakan database ’perpustakaan...

Belajar CodeIgniter : Instalasi

Gambar
Kali ini ane mau berbagi tutorial tentang framework php yang powerfull nih, bisa digunakan untuk webportofolio bisa, blog bisa, toko online bisa, dan masih banyak lagi. Apa itu CodeIgniter? Sebelum mengetahui apa itu CodeIgniter ane jelasin dulu apa itu framework, jadi Framework bahasa indonesianya kerangka kerja adalah suatu kumpulan class dan function yang mempunyai fungsi-fungsi sendiri yang sudah terhubung dan sangat mempermudah bagi pengembang apalagi dalam framework biasanya sudah ada prosedur atau aturan sendiri. . CodeIgniter atau biasa disingkat CI adalah salah satu framework PHP yang mengadopsi metode MVC ( Model View Controller ). Sampai saat ini CodeIgniter sudah mencapai versi 3.1.9 dan akan ada versi 4.x untuk mendatang. MVC merupakan teknik yang memisahkan komponen utama dari framework menjadi 3 bagian; Model adalah bagian yang mewakili dari struktur data, biasanya berisi fungsi-fungsi untuk pengolahan basis data. View merupakan bagian yang menga...

Install Composer di Windows

Gambar
السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ Logo Composer Good night gan... kali ini ane akan memberikan tutorial cara install Composer di windows. Composer adalah aplikasi yang mengurusi dependency ( library ) atau lebih mudahnya package manager untuk pemrogaman berbasis PHP, dengan menggunakan composer dapat dimudahkan untuk membantu mengunduh library-library yang dibutuhkan. Persiapan Install Composer Dalam penginstalan composer persiapkan dulu hal berikut; File instal composer Komputer yang sudah terpasang web server(XAMPP) jika belum untuk install xampp bisa dilihat di sini .  Koneksi internet jangan lupa ya :p Pemasangan Pastikan sudah mempunyai file instal composer jika belum klik di sini . kemudian buka. Lalu klik "next" jika Developer mode dicentang maka file uninstall tidak ada di folder install.   Pada tahap ini composer meminta letak file php.exe yang sudah termasuk pada saat install XAMPP. kemudian "next" lalu t...

Cara Install Node.js di Windows

Gambar
https://nodejs.org/ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ Mungkin ada yang belum tahu apa itu node.js. selama ini kita telah mengenal js adalah javascript yang bekerja pada client side scripting atau dapat diproses dikomputer lokal tanpa server. Sekarang perkembangan teknologi sudah membuat javascript mampu bekerja pada sisi server. Jadi dengan node.js bisa membangun web atau program mengunakan javascript. Node.js mempunyai NPM ( Node Package Manager ) sebagai manajemen paket-paket library untuk digunakan membangun aplikasi. Dengan NPM developer sangat terbantu karena dapat memasang dan mencopot library yang dibagikan di server NPM. Apa yang dibutuhkan? File installer Node.js Kopi (biar ndak ngantuk :p) Langkah Install Node.js Download dulu file installer Node.js di sini gan. halaman download Node.js Buka file instal kemudian klik "next" kemudian centang klik "next" Letak lokasi folder untuk Node.js, kalo ane sih le...