Web-Base Monitoring System

At january,30,2007 I have presented my final project in front of two lecture examiner, one lecture guide and some audience of my friends. I need more than 1.5 hour to describe my final topic include question session. I think it has been interesting to all of them that indicated by enthusiastic from the all audience.

My final project describe about security system at smart home. It is a design and implementation of web-base monitoring system. Here is the abstract :

“A smart home needs reliable security system for protection and capable to track every activity. One part of the security system is home monitoring. This final project describes design and implementation of monitoring system using web-based robotic camera. The system consist of three main part; robotic camera, camera server, and hotspot network. The robotic camera consist of microcontroller, webcam, stepper motor and infrared sensor as main components. The system is able to detect object movement entering or exiting room and provide the image captured real time on webpage. The system is also capable to record image, sound the alarm when there are an intruder, set on-off home lighting from webpage, and control a focus camera. It used open source technology such as linux for operating system on camera server. Webpage accessing is done wirelessly via a hotspot network“.

You all can get all my file from here

Finally, I pass the examination in my final project. So I am become a academician degree-holder now. I have a S.Si on title name. Happy? Surely, I am very happy can finishid my study on ITB, the famous campus with strict competition of studies.

The following of my final project, I get first project on it. I have order to implementation my final project to my brother house in pasuruan, east java. I think it’s very interesting to do that. I hope there are some order again in next time. Amin

>>aris<<

First post at Thursday, February 22, 2007, 10:52 AM

GPRS Internet with Siemens ME45

Yesterday, I have been happy cause i could accessed internet with GPRS connection using my digibook-artech and my HP Siemens ME45. It was first time i could connected internet network from my rent house. Base on Siemens ME45’s specification, I have knew that it could changed become a modem to connect internet from PC or Notebook. For connecting modem to PC/Notebook may used infra red or cable data on serial port.

I used IM3 provider to connect gprs internet. It caused by lessness from software Siemens GPRS that only im3 provider available on file configuration. So I must bought IM3 Perdana Card first cause I did have it before. Actually, other provider may be used if the file configuration added some setting about IP, DNS, and gateway of another provider. I didn’t knew about Telkomsel setting of that, so I could not used my SIMPATI card.

For somebody that interested to try HP Siemens ME45 become a modem and connect to internet using it, here some step to get that:
1. Buy IM3 Perdana Card first if you don’t have that and activate.
2. Setting a GPRS connection on HP for Provider configuration. Surf & Fun >> Internet >> Profile. Fill it as APN: www.indosat-m3.net; Login:im3; Password: im3. If you are not sure for your action, you can ask helping to legal counter of Indosat center.
3. Active the GPRS and Infra Red on HP.
4. Install software Siemens GPRS that include on paket when you bought Siemens ME45 Hand Phone. If you don’t have, it can be download from here
5. Connect PC/Notebook to HP Siemens ME45 via infra red or data cable.
6. Run software siemens GPRS and klik connect. If there was diplay error on your PC, it was means you have success to using HP become a modem and happy surfing…

Connecting internet via HP, it make me can browes, chat, and fill my blog at avery where and avery time, at least where I was on my village. I think it’s wonderfull …

Happy trying…..

>>aris<<

First post at Saturday, January 6, 2007, 02:47 PM

Validate numeric data input using javascript

Yesterday, I just finished my web program application on GAD Toyota website. It was called travel settlement reminder system. This application can remind user who have arrived from overseas travelling to settle the travel document. Reminder system works using email forwarding that can run automaticaly base on schedule.

In final review, there some new requirement that on field ammount must can’t enter with text. So I must create script to validate the numeric field that user can’t enter with text ones.

After searching on the internet and create some question to uncle google, there are some script to solve this problem. Here this script:
Note: name of field is “pnum” and name of form is “chechknum”

/* start*/
<script language=”JavaScript1.2″>

function checknumber(){
var x=document.checknum.pnum.value
var anum=/(^\d+$)|(^\d+\.\d+$)/
if (anum.test(x))
testresult=true
else{
alert(”Please input a valid number!”)
testresult=false
}
return (testresult)
}

</script>
<script>
function checkban(){
if (document.layers||document.all||document.getElementById)
return checknumber()
else
return true
}
</script>

/*end*/

/**this script on GAD website */

<script language=”javascript”>
addCalendar(”Calendar1″, “Select Date of Return”, “strdatertn”, “frmexp”);
addCalendar(”Calendar3″, “Select Date of Leaving”, “strdtleaving”, “frmexp”);
setWidth(90, 1, 15, 1);
setColor(”#151573″, “#bbcded”, “#ffffff”, “#ffffff”, “#333333″, “#151573″, “#333333″);
setFontColor(”#ffffff”, “#000000″, “#333333″, “#ffffff”, “#ffffff”);
setFormat(”dd/mm/yyyy”);

function Validate_frm() {
with(document.frmexp) {
if(strexpname.value == “”) {
alert(”Please enter Name !!”);
strexpname.focus();
return false;
}
if(strexpno.value == “”) {
alert(”Please enter Noreg !!”);
strexpno.focus();
return false;
}
if(strdatertn.value == “”) {
alert(”Please enter Date of Return !!”);
strdatertn.focus();
return false;
}
var x=document.frmexp.strmon1.value;
var anum=/(^\d+$)|(^\d+\’\d+$)/;
if (anum.test(x)){

}else{
alert(”Please input Preparation allowance with a numeric !”);
strmon1.focus();
return false;
}
var x=document.frmexp.strmon2.value;
var anum=/(^\d+$)|(^\d+\’\d+$)/;
if (anum.test(x)){

}else{
alert(”Please input Winter allowance with a numeric !”);
strmon2.focus();
return false;
}
var x=document.frmexp.strmon3.value;
var anum=/(^\d+$)|(^\d+\’\d+$)/;
if (anum.test(x)){

}else{
alert(”Please input Meal allowance with a numeric !”);
strmon3.focus();
return false;
}
var x=document.frmexp.strmon4.value;
var anum=/(^\d+$)|(^\d+\’\d+$)/;
if (anum.test(x)){

}else{
alert(”Please input Hotel allowance with a numeric !”);
strmon4.focus();
return false;
}
var x=document.frmexp.strmon5.value;
var anum=/(^\d+$)|(^\d+\’\d+$)/;
if (anum.test(x)){

}else{
alert(”Please input Miscellaneous allowance with a numeric !”);
strmon5.focus();
return false;
}
var x=document.frmexp.strmon6.value;
var anum=/(^\d+$)|(^\d+\’\d+$)/;
if (anum.test(x)){

}else{
alert(”Please input Fiscal/Taxes with a numeric !”);
strmon6.focus();
return false;
}

if( confirm(”You will redirect to confirmation page !”) ) {
submit();
}

}
return true;
}

</script>

/****END***/

Java script can also validate on email, date, max/min lenght of data input on form. I think javascript language is good to check the content of form box that can inform user before they submit the data.

>>aris<<

First post at Sunday, November 5, 2006, 09:08 AM

Catch a thief using camera server

I just try to describe of my oprekan about camera server. Camera server software, and then called with camserv, is GPL free software to do streaming video through the web. It can running on linux and BSD OS family.

This is a subsistem of my final project which have been doing by me on S1-ITB. I use this software to sent streaming video to web page. The video was took from robotic camera (robocam) that was created by me before.

This sistem was created to detect some intruder who enter to some home earlly. Camera server record his action automatically who will steal some expensive property in home.

The camserv rpm paket can installed with this step:
1. Install
# rpm -ivh camserv-0.5.1-1.i386.rpm
2. Configuration
# vim /usr/local/share/camserv/camserv.cfg
3. Run the doemon
# /usr/local/bin/camserv /usr/local/share/camera/camserv.cfg

We must configurate the camera type on camserv.cfg which we used. We need some java script, because the internet explorer browser cann’t display image from streming video on he page.

Here some pic that showed us about a simulation system of camera server.

There is a thief who try to enter home through windows. There are some infra red sensor on windows which can detect the intruder, and send the information to the robocam. Robotic camera move to the target and capture the thief automatically. And then the images save on the server with the time currently.

This is very usefull to make good security system in our home or buding. I think you all must try to get my robotic camera and camera server as soon as posible to make smart home system on your home.

I hope it can usefull
Happy trying………..

>>aris<<

First post at Saturday, September 2, 2006, 05:59 PM

PHP5 –without-mysql default configuration on FC4

I am little sureprice with this condition, why FC4 not support php-mysql on default configuration ? I search on google, and found The PHP FAQ says: “This won’t actually affect that many people.”

But now it’s solved with this procedure:
1. Get the PHP source files – you gotta compile it. wget http://us2.php.net/get/php-5.0.4.tar.gz

2. Extract them: tar -zxvf php-5.0.4.tar.gz
This will create a folder called php-5.1.2 – in your user’s home folder assuming you haven’t gone CD’ing around since you started following these instructions.

3. Install the Apache developer files – Fedora Core 4 is missing a file that will cause PHP’s configure command to fail, but the developer files have what you need. yum install httpd-devel-2.0.54
Note that the reason I’m installing 2.0.54 is because that’s the version of Apache that’s running. It shows up on that phpinfo.php page that you browse to. You should make sure that you install the same version that you are running if it’s changed since I posted this. This will ask you about installing 4 packages and updating 11 more – don’t worry, just let ‘er rip!

4. Now for the lovely configuration and compile runs. First, change to the php source directory:
cd php-5.1.2

5. Now run the configuration. Okay, this is a pretty big and hairy command, but basically it is the exact same configuration that shows in that phpinfo.php browse that you did earlier, with a few minor changes:
‘–with-mysql’ rather than ‘–without-mysql’ – the reason we’re all here
‘–without-unixODBC’ rather than ‘–with-unixODBC=shared,/usr’ – otherwise you get a lovely config error ’cause it isn’t installed by default on Core 4
‘–without-pspell’ rather than ‘–with-pspell’ – yet another thing that Core 4 is missing
And here’s the line to execute – just copy and paste it

./configure ‘–build=i386-redhat-linux’ ‘–host=i386-redhat-linux’ ‘–target=i386-redhat-linux-gnu’ ‘–program-prefix=’ ‘–prefix=/usr’ ‘–exec-prefix=/usr’ ‘–bindir=/usr/bin’ ‘–sbindir=/usr/sbin’ ‘–sysconfdir=/etc’ ‘–datadir=/usr/share’ ‘–includedir=/usr/include’ ‘–libdir=/usr/lib’ ‘–libexecdir=/usr/libexec’ ‘–localstatedir=/var’ ‘–sharedstatedir=/usr/com’ ‘–mandir=/usr/share/man’ ‘–infodir=/usr/share/info’ ‘–cache-file=../config.cache’ ‘–with-libdir=lib’ ‘–with-config-file-path=/etc’ ‘–with-config-file-scan-dir=/etc/php.d’ ‘–disable-debug’ ‘–with-pic’ ‘–disable-rpath’ ‘–with-bz2′ ‘–with-curl’ ‘–with-exec-dir=/usr/bin’ ‘–with-freetype-dir=/usr’ ‘–with-png-dir=/usr’ ‘–enable-gd-native-ttf’ ‘–without-gdbm’ ‘–with-gettext’ ‘–with-gmp’ ‘–with-iconv’ ‘–with-jpeg-dir=/usr’ ‘–with-openssl’ ‘–with-png’ ‘–without-pspell’ ‘–with-expat-dir=/usr’ ‘–with-pcre-regex=/usr’ ‘–with-zlib’ ‘–with-layout=GNU’ ‘–enable-exif’ ‘–enable-ftp’ ‘–enable-magic-quotes’ ‘–enable-sockets’ ‘–enable-sysvsem’ ‘–enable-sysvshm’ ‘–enable-sysvmsg’ ‘–enable-track-vars’ ‘–enable-trans-sid’ ‘–enable-yp’ ‘–enable-wddx’ ‘–with-pear=/usr/share/pear’ ‘–with-kerberos’ ‘–enable-ucd-snmp-hack’ ‘–without-unixODBC’ ‘–enable-memory-limit’ ‘–enable-shmop’ ‘–enable-calendar’ ‘–enable-dbx’ ‘–enable-dio’ ‘–with-mime-magic=/etc/httpd/conf/magic’ ‘–without-sqlite’ ‘–with-libxml-dir=/usr’ ‘–with-xml’ ‘–with-apxs2=/usr/sbin/apxs’ ‘–with-mysql’ ‘–without-gd’ ‘–without-odbc’ ‘–disable-dom’ ‘–disable-dba’

6. Pray and then press Enter
If all goes well, you’ll get a License message and “Thank you for using PHP.”. You’re welcome.

7. Now you have to compile the configuration you just built. That’s easy:
make
Note that there are quite a few parameters differ in signedness warnings – don’t worry, the signedness-challenged nature of the php source doesn’t seem to hurt anything.

8. Now install it – first, stop Apache:
/sbin/service httpd stop

9. Now run the install: make install

10. Before restarting and testing everything, you need to avoid a Warning that Apache shows due to the install causing a duplicate line in the Apache configuration. So edit the Apache config file:
vi /etc/httpd/conf/httpd.conf
and locate LoadModule php5_module /usr/lib/httpd/modules/libphp5.so and add a # before it:
# LoadModule php5_module /usr/lib/httpd/modules/libphp5.so
(remember press i to insert, then Escape and :wq to write it and quit)

11. Now for the big moment, restart Apache!
/sbin/service httpd restart

Done ………..
Now you can work with LAMP (Linux Apache Mysql and PHP) on your machine.
Happy trying …

>>aris<<

First post at Thursday, August 17, 2006, 05:14 PM