Category Archives: Programming

My First Impression To Pinegrow

Published by:

I was looking for the editor program beside sublime (which is text editor program to write program), that can what you see is what you get type of program. Then I tried a few of them. From google web designer, then to pingendo, layoutit which is online editor program, then finally to pinegrow. Each of them have a unique function but they all have a similarity. They can get you see what do you want to get as a front page layout.

Cause I am talking about the php/html programming here. Of course the view of the program is preety much important. I want to have a boom feeling when I look the program at the first time. The programmer will call it front end programming. It needs mostly the sense of art other than writing program lang skill.

I love pingendo cause the program will drag you to the drag and drop component to your page. But the online type running program is not my choice right now. At home I have an old notebook with no internet connected all the time.

Then my choice goes to pinegrow. Which is similar to its drag and drop and no need internet connected. But to have a full function of it you have to buy the pro version. The trial version only last for 7 days.

The pinegrow provides me with drag and drop component and also with code typing method anytime I want. The template are also preety much help.

CSS Style WordPress Gagal di Notebook saya (saja, yang lain engak)

Published by:

Pernahkah kamu merasa dikucilkan? Ketika yang lain berada di jalur yang tepat dan kau tidak?

Hal seperti ini terjadi pada saya. Hanya saya saja, maksudnya hanya pada laptop kerja saya saja. Catat! Sudah ganti dua laptop pun tetap saja sama. Baiklah daripada bingung. Begini situasinya.

Kedua laptop kerja saya, diinstall oleh sistem operasi Ubuntu, tepatnya BackBox Linux. Yang merupakan cucu cicitnya Ubuntu. Lalu untuk browsing saya mengandalkan Chrome 64bit karena sistemnya juga 64bit. Kemudian browser inilah yang saya gunakan untuk mengelola website pribadi sugi.web.id maupun kanaan.sch.id kepunyaan kantor.

Kedua website tersebut menggunakan engine CMS WordPress, versi terbaru tentunya. Web sugi.web.id hanya di login nya saja yang tampilannya acak-acakan. Ketika sudah masuk ke dashboard wordpress, berjalan lancar dari segi tampilan. Kecuali yang kanaan.sch.id, mulai dari tampilan login hingga ke dashboard semua acak-acakan.

Berminggu-minggu saya coba cari tahu kenapa. Dengan menggunakan komputer pc lab tidak ada masalah, laptop di rumah pun tidak ada masalah. Dengan handphone lancar jaya. Pernah terpikir gara-gara cache di server squid. Saya refresh. Lancar satu kali tapi kemudian begitu lagi. Masa saya harus refresh terus sewaktu mau masuk ke web ini? Kan ga elit.

Tampilan acak-acakkannya seperti ini :

Sayangnya yang website kanaan.sch.id saya tidak sempat men-screenshot. Tapi kira-kira seperti di atas. Bahkan sampai tampilan di dashboard juga acak-acakan. Hanya huruf dan link saja.

Hari ini saya menemukan solusinya!

Secara tidak sengaja, saya view source halaman dashboard kanaan itu. Dan menemukan sebuah link sytle css yang tulisannya panjang. Kira-kira seperti demikian :

<link rel=’stylesheet’ href=’xxxxxxxxxxxxx/load-styles.php?c=0&amp;dir=ltr&amp;load%5B%5D=dashicons,admin-bar,common,forms,admin-menu,dashboard,list-tables,edit,revisions,media,themes,about,nav-menus,wp-pointer,widgets&amp;load%5X%5X=,site-icon,l10n,buttons,wp-auth-check,wp-color-picker&amp;ver=4.9.1′ type=’text/css’ media=’all’ />

Beberapa huruf saya ganti menjadi xxx untuk alasan keamanan. Dan saya klik lah itu. Dan terbuka di tab chrome baru. Isinya tentu saja saya tidak mengerti. Panjang pula. Tapi abaikan saja itu. Saya balik lagi ke dashboard kanaan. Dan saya reload atau refresh. Dan hasilnya luar biasa. Tampilan kembali normal.

Lalu saya biarkan saja tab nya tetap seperti itu. Dan dashboard wordpressnya berjalan terus dengan normal.

Aneh, style yang dimaksud di atas, seperti tidak di-load pada laptop saya ini. Apakah ini pengaruh Backbox Linux? Entahlah.

Embed rtsp IP Camera to html Code

Published by:

source :

Code :

<!DOCTYPE html>
<html>
<title>Net Surveilance</title>
<body>
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
       width="550"
       height="400"
       id="vlc" />

<script type="text/javascript">
<!--
var vlc = document.getElementById("vlc");
var options = new Array(":aspect-ratio=4:3", ":rtsp-tcp");
var id = vlc.playlist.add("rtsp://192.168.1.55:554/user=USER&password=PWD&channel=1&stream=1.sdp?real_stream--rtp-caching=100", "fancy name", options);
vlc.playlist.play();
//-->
</script>

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
       width="550"
       height="400"
       id="vlc2" />

<script type="text/javascript">
<!--
var vlc2 = document.getElementById("vlc2");
var options = new Array(":aspect-ratio=4:3", ":rtsp-tcp");
var id = vlc2.playlist.add("rtsp://192.168.1.55:554/user=USER&password=PWD&channel=2&stream=1.sdp?real_stream--rtp-caching=100", "fancy name", options);
vlc2.playlist.play();
//-->
</script>

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
       width="550"
       height="400"
       id="vlc3" />

<script type="text/javascript">
<!--
var vlc3 = document.getElementById("vlc3");
var options = new Array(":aspect-ratio=4:3", ":rtsp-tcp");
var id = vlc3.playlist.add("rtsp://192.168.1.2:554/user=USER&password=PWD&channel=3&stream=1.sdp?real_stream--rtp-caching=100", "fancy name", options);
vlc3.playlist.play();
//-->
</script>

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
       width="550"
       height="400"
       id="vlc4" />

<script type="text/javascript">
<!--
var vlc4 = document.getElementById("vlc4");
var options = new Array(":aspect-ratio=4:3", ":rtsp-tcp");
var id = vlc4.playlist.add("rtsp://192.168.1.2:554/user=USER&password=PWD&channel=4&stream=1.sdp?real_stream--rtp-caching=100", "fancy name", options);
vlc4.playlist.play();
//-->
</script>

</body>
</html>

The cctv in my example is located  in 192.168.1.2 port 554 which is a standard port for rtsp protocol.

wireshark ubuntu

Published by:

source : https://ubuntuforums.org/showthread.php?t=2039978
this is how to install wireshark :
sudo apt-get install libcap2-bin wireshark
sudo chgrp myusername /usr/bin/dumpcap
sudo chmod 750 /usr/bin/dumpcap
sudo setcap cap_net_raw,cap_net_admin+eip /usr/bin/dumpcap

http://askubuntu.com/questions/74059/how-do-i-run-wireshark-with-root-privileges
this command add extra functionality to run wireshark in user mode, don't have to change to root desktop

sudo dpkg-reconfigure wireshark-common

Bash Script to Execute Mysql Command

Published by:

Here is my bash script to execute msyql command

!/bin/bash
tglblk=$(date –date=”8 days ago” +%Y-%m-%d)
tglhapus=”$tglblk 23:00:00″
SQL=”DELETE FROM Events WHERE EndTime<=’$tglhapus’;”
MYSQL_USER=”root”
MYSQL_PASS=””
MYSQL_DB=”mydb”
echo $SQL | mysql –user=$MYSQL_USER –password=$MYSQL_PASS $MYSQL_DB

Then I put it into crontab to run at specific time.

github – free repository – free safety box for your code

Published by:

Saya sudah mengenal github cukup lama, tapi karena awalnya bukan programer, jadi tidak terlalu tertarik menggunakannya. Nah sekarang saya nyemplung jadi programer, web programmer tepatnya. Jadi rasa-rasanya jiwa ini sudah tergelitik untuk menyimpan code-code hasil karya saya dan share ke orang yang membutuhkan. Github bisa menjadi salah satu sarananya.

Pertama, buat akun di github. jreng-jreng. Beres.
Di dashboard github buatlah New Repository. Berikan ‘nama” apa saja sesuai projek kita.Maka github akan memprint di layar komputer kita tentang bagaimana kita mengupload file-file code kita.

Nah disini pembelajaran di mulai. Saya menggunakan linux ubuntu untuk pekerjaan saya sehari-hari. Otomatis code saya ditulis di notebook ini. Dan kebetulan proyek pertama saya adalah proyek web programming, menggunakan engine xampp. File-filenya berada di /opt/lampp/htdocs/

Jadi saya akan meng-clone proyek saya disana ke github langsung. Kurang wise sih. Tapi menghemat space harddisk saya kalau saya buat direktori baru. Oke untuk caranya, setelah googling, saya menggunakan terminal/console.

cd /opt/lampp/htdocs/proyek
git init
git add *git commit -m “pesan atau keterangan tentang versi proyek saya”
git remote add origin https://github.com/sugi76/nama
git push -u origin master

Sewaktu proses push, maka akan tampil pertanyaan tentang username github dan passwordnya. Isikan saja. Jika berhasil, di github dashboard sudah terpampang list file dan directory proyek kita.

Nah pembelajaran satu lagi, setting git di /opt/lampp/htdocs/proyek sebaiknya jangan dihapus. Ini bermanfaat jika kita akan update file/ proyek kita ini. Saya nyesel juga karena saya menghapusnya. Jadi error.

Saya ulang lagi dari awal, tapi ketika hendak push, tetep error. Jadi harus menggunakan parameter force (-f)

git push -f origin master

Nah sekian.

php -> get the list of files in a directory

Published by:

I wonder how to list a files in a directory with php lang. So I learn from php.net
here is the code, with various examples I made

<?php
$dir = "/opt/lampp/htdocs" ;
$files1 = scandir ($dir);
$files2 = scandir ($dir, 1);
$files3 = array_slice (scandir($dir),2);
echo $files1[5]; echo " ";
print_r($files3) ; echo " "; print_r($files1);
?>