n4aura4yu

Posts

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 4

Server.js script. Server.js is the brain of this application. In this file I manage all routing urls, run queries to be able to access, store, update data from database, manage login/registration system and manage private real time chat system. let express = require('express'); let session = require('express-session'); let expressFileupload = require('express-fileupload'); let sharp = require('sharp'); let app = express(); let server = require('http').createServer(app); let io = require('socket.io').listen(server); let flash = require('connect-flash'); const mysql = require('mysql'); const path = require('path'); const jquery = require('jquery'); const fs = require('fs'); const htmlspecialchars = require('htmlspecialchars'); const htmlspecialchars_decode = require('htmlspecialchars_decode'); // prepare server // app.use('/api', api); // redirect API calls app.use('/cu

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&

Cara Memaksimalkan SEO Lewat Gambar Postingan Blog (Tag Alt + Title)

Ada banyak cara untuk membuat artikel agar bisa tayang di halaman teratas hasil pencarian. Salah satunya yaitu terkait faktor SEO. Meski sebenarnya saya sendiri tidak begitu tahu soal sejatinya SEO, teori atau cara kerjanya, setidaknya apa yang telah mereka lakukan bisa dilihat hasilnya, bahkan cukup memuaskan untuk beberapa artikel saya. Maaf, yang saya maksud di sini bukan dari jasa SEO, melainkan SEO yang benar-benar murni dari pertimbangan mesin pencari (google). Mohon dikoreksi jika kalimat saya ini keliru. Di antara beberapa cara tersebut, salah satu yang kadang tidak terpikirkan, terlupakan, atau tidak dipedulikan banyak orang yaitu memaksimalkan SEO melalui gambar yang ada dalam artikel. Bagaimana caranya?. Caranya yaitu dengan selalu menambahkan atribut Tag Alt dan Title Alt ke dalam gambar. Cara ini sering terabaikan atau disepelekan, padahal teknik ini cukup berpengaruh dan sayang jika tidak dimaksimalkan. Gambar merupakan salah satu elemen penting dalam sebuah artikel. Se

Kisah Fatimah dan Gilingan Gandum (Nasehat Nabi SAW Kepada Para Wanita/Istri)

ilustrasi via pixabay Salah seorang sahabat Rasulullah SAW, yakni Abu Hurairah RA pernah bercerita: Pada suatu hari, Rasulullah SAW pergi berkunjung ke rumah puterinya yaitu Fatimah az-Zahra'. Sesampainya di sana, dijumpainya puterinya itu sedang menggiling biji gandum menggunakan gilingan batu sambil menangis. Nabi pun bertanya kepadanya, "Apa yang menyebabkan kamu menangis wahai Fatimah?, mudah-mudahan Allah tidak menjadikan kedua matamu menangis". Fatimah menjawab, "Yang menyebabkan aku menangis adalah gilingan batu ini dan kesibukanku di rumah setiap hari". Ayahnya (Nabi SAW)) kemudian mendekati Fatimah dan duduk di samping puteri tercintanya itu. Fatimah kemudian melanjutkan perkataannya, "Bapakku, aku mohon engkau menyuruh suamiku Ali agar dia membelikan budak untukku, sehingga ia dapat membantuku dalam menggiling gandum dan kesibukan di rumah". Mendengar perkataan Fatimah seperti itu, Rasulullah langsung berdiri menghampiri gilingan gandum

Profil Singkat Jenderal Ahmad Yani, Pahlawan Revolusi Indonesia

Jenderal TNI Anumerta Ahmad Yani adalah salah seorang Pahlawan Revolusi Indonesia yang lahir di Jenar, Purworejo, Jawa Tengah, pada tanggal 19 Juni 1922. Ia merupakan putra dari pasangan Sarjo (ayah) dan Murtini (ibu). Ayahnya bekerja di sebuah pabrik gula yang dimiliki oleh orang Belanda. Pada tahun 1927, Ahmad Yani bersama keluarganya pindah ke Batavia karena ayahnya dipindahkan bekerja disana. Ahmad Yani mengawali pendidikan formalnya di HIS (setingkat sekolah dasar) di Bogor dan selesai pada tahun 1935. Kemudian ia melanjutkan sekolah ke MULO (setingkat sekolah menengah pertama) kelas B di Bogor. Setelah tamat dari MULO (1938), Ahmad Yani melanjutkan sekolah di AMS (setingkat sekolah menengah atas) bagian B di Jakarta. Di sekolah ini, ia hanya sampai di kelas dua karena pada tahun 1940 ia mengikuti pendidikan militer Pemerintah Hindia Belanda. Ahmad Yani kemudian mengikuti pendidikan militer pada Dinas Topografi Militer di Malang yang dilanjutkan secara lebih intensif di Bogor. Dar