n4aura4yu

Posts

Showing posts with the label Coding

Creating Chat Applications using NodeJS, Socket.io & Mysql Part 3

Result.ejs script. This script is to set the display when searching for friends. <% if(items != 0) {%> <table class="table table-borderless mt-3" style="width: 100%;border-radius:5px;"> <thead class=""> <tr style="border-bottom:1px solid #e3e3e3"> <th style="width:7%;text-align:center" hidden>No</th> <th style="display:none;">Username</th> <th style="width:68%">Name</th> <th style="width:10%"> </th> </tr> </thead> <tbody> <% items.forEach((item, i) => { %> <tr row-id="<%= item.id_user %>" style="border-bottom:1px solid #cdcdcd;"> <td style="text-align:center;vertical-align:middle" hidden><%= Number(i)+1 %></td> <td style="vertical-align:middle;display:non

Creating Chat Applications using NodeJS, Socket.io & Mysql Part 2

List.ejs script . The list.js file contains scripts to set the view of the chat history list, the list of saved contacts, the view for finding and adding friends, and the view for managing user profiles. <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Inponow Web Chat</title> <link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/custom.css"> <script src="/jsjq/jquery.min.js" charset="utf-8"></script> <script src="/js/bootstrap.min.js"></script> <script src="/js/bootstrap.js"></script> <script src="/socket.io/socket.io.js" charset="utf-8"></script> </head> <body> <div

Membuat Aplikasi Chatting menggunakan NodeJS, Socket.io & Mysql

Membuat Aplikasi Chatting menggunakan NodeJS, Socket.io & Mysql - Aplikasi chating berbasis web yang dapat berjalan secara realtime, dapat mengirimkan pesan berupa text maupun gambar. aplikasi ini bersifat private chat, atau one to one . Aplikasi chating ini saya beri nama inponow web message. Didalamnya terdapat beberapa fitur yaitu : login dan resigister system penyimpanan kontak mengubah photo dan informasi profile pengiriman text dan image secara realtime menghapus pesan & kontak Dependencies yang digunakan dalam membantu pembuatan aplikasi chatting ini diantaranya : socket.io express ejs bootstrap Berikut merupakan demo dari aplikasi chatting yang bernama Inponow Web Chat. Dan saya akan menggunakan bahasa inggris untuk menjelaskan setiap file yang saya bagikan. Stuktur folder dari Inponow Realtime Chatting Application app folder structure Login.ejs , script to set the login/register display and check the username in the Inponow Web Chat application. <!DOCTYPE html&

Membuat CRUD dengan NodeJS dan MySQL #1 : Insert Data

Cara Membuat Aplikasi CRUD (Create, Read, Update, dan Delete) dengan Nodejs dan Mysql #1 : Insert Data. Di artikel ini admin akan membahas tutorial mulai dari cara instalasi dan nodeJS, cara instalasi package menggunakan npm, cara membuat layout, dan tentunya membuat crud di nodejs. Tutorial Membuat CRUD dengan NodeJS Tutorial ini saya mulai dengan membuat insert data menggunakan Node.js dan MySQL. Instalasi NodeJS Langsung aja, pertama install dulu nodeJS di komputermu. Bagi pengguna windows cukup download node.js di web resminya yakni NodeJS kemudian lakukan instalasi sesuai instruksi ok. Bagi pengguna linux saya telah membuat totorial sebelumnya, klik aja link Cara install node js dengan terminal di linux . Selesai melakukan instalasi nodeJS, kita lanjut membuat folder untuk project aplikasi yang akan kita buat. Saya menamai project saya dengan nama Inponow-Node-Tutorial. Konfigurasi Awal NodeJS Buka Command Prompt (CMD) pada windows kalian, lalu arahkan ke directory project Inpo

Cara Upload File Gambar Dengan Ajax Jquery (Javascript)

Tutorial Cara Upload File dengan Ajax Jquery Disini kita akan membahas cara upload file gambar tanpa reload, file dapat berupa doc, pdf, gambar jpg / png. Ok langsung saja kita mulai. Pertama, saya menggunakan bantuan bootstrap 4 (argon admin template) untuk mempernyaman tampilan dan untuk bagian backend saya menggunakan library php codeigniter. Untuk bagian javascript saya tentunya menggunakan jquery dan plugin sweetalert (sweetalert untuk mempeindah alert), untuk kamu yang baru denger sweetalert pelajari selengkapnya di https://sweetalert2.github.io/ . Pada kasus kali ini saya akan membuat sebuah form input dengan 2 inputan bertype text dan 1 bertipe file. Dimana ceritanya ini merupakan form input untuk survey laporan kondisi lapangan. Berikut ini merupakan Cara Membuat Upload File Tanpa Reload : Pertama yaitu layouting form input . Berikut ini merupakan script html, anda dapat berkreasi sendiri dalam melakukan layouting. Jika anda ingin membuat form tanpa library anda dapat melih

Menjumlahkan Isi Array Dengan Fungsi Reduce pada Javascript

Cara menjumlahkan isi array dengan fungsi reduce pada javascript - Contoh array yang akan dipakai adalah [1, 2, 3, 4, 5]. Menggunakan fungsi reduce di javascript agar dapat menjumlahkan seluruh value pada array tersebut. Cara penggunaan : let arraynya = [1, 2, 3, 4, 5]; let hasil = arraynya.reduce((a, b) => a + b); console.log(hasil) Jika dijalankan maka hasilnya adalah 15 . Ok sekian untuk artikel Menjumlahkan isi array dengan fungsi reduce pada javascript. Kurang lebihnya saya mohon maaf. Terimakasih.

Cara Kirim Email Dengan Codeigniter (Mengirim Pesan Text dan File)

Cara Kirim Mengirim Email Dengan Codeigniter (Mengirim Pesan Text dan File) . - Pada tutorial kali ini saya anggap anda sudah bisa melakukan konfigurasi codeigniter ya, jadi admin akan langsung memberikan contoh mengenai tutorial kirim email di codeigniter ini. Tapi jika anda belum paham mengenai framework codeigniter anda dapat belajar terlebih dahulu di sini. Ok, untuk dapat membuat fitur kirim email di codeigniter baik data yang dikirim berupa pesan text atau disertai file ( attrachment ) kita memerlukan library php yang bernama PHPMailer . Baca Juga : Tutorial Membuat CRUD di Codeigniter Anda dapat mengunduh library tersebut di github resmi PHPMailer di https://github.com/PHPMailer/PHPMailer ukurannya tidak sampai 500kB. Jika anda sudah mendownload / clone library tersebut, kemudian extract lalu ganti nama foldernya menjadi PHPMailer lalu pindahkan ke folder application/third_party pada aplikasi codeigniter anda. Lalu klik kanan pada folder application/libraries lalu klik new