Membuat Aplikasi Android berbasis HTML5 dengan cordova+angularjs+ionic+crosswalk

Sekarang banyak jenis framework untuk membuat embeded html5 apps pada mobile device.
Seperti phonegap, cordova,crosswalk dan lainnya.

Bingung nih pilih yang mana…? mari kita telaah
Adalah sebuah framework untuk membuat aplikasi mobile berbasis html5
yang bertujuan crossplatform pada android , ios, windows mobile.
Sejarah singkat:
1. phonegap dibuat sekitar 2009 oleh Nitobi merupakan awalnya.
2. phonegap diakuisisi oleh adobe pada  2011 dan dikembangkan lebih jauh.
3. versi opensourcenya phonegap bergabung dengan apache menjadi cordova.
4. crosswalk dibuat dibawah lisensi BSD untuk menyempurnakan cordova terutama
untuk mengatasi portabilitas Webview dimana pada masing2 versi android berbeda.
webview pada crosswalk berbasis chromium dan native android.
croswalk juga dikembangkan oleh intel agar bekerja optimal
selain processor arm juga pada processor-x86.
selain itu dengan crosswalk bisa jalan juga di OS Tizen.

Selanjutnya mari kita langsung praktek untuk melakukan developing mobile apps pada android
menggunakan framework crosswalk.

1.Instalasi NodeJS
untuk mempermudah terlebih dahulu kita install nodejs: http://nodejs.org

2.Instalasi android sdk (eclipse bundle)
download dari google

3.Tambahkan path nodejs, googlesdk&sdktools, apacheant, git ke system path, contoh

4.Instalasi cordova,ionic, yeoman, dan angularjs menggunakan nodejs

##run cmd run as admin

npm install -g cordova
npm install -g ionic
mpm install -g yo
npm install -g generator-angularjs-cordova

5.buat aplikasi cordova/ionic

cd D:\phonegap2\cross\
ionic start IonicProject blank
cd d:\IonicProject
cordova platform add android@3.5

hapus semua isi cordovalib, kita akan mereplace dengan library crosswalk nanti

cd platforms\android\CordovaLib
rd /s /q *

7. download crosswalk android

https://crosswalk-project.org/

dan extract zip file [crosswalk-cordova-10.39.235.15-x86.zip],
lalu copy isi folder framework ke cordovalib

copy crosswalk-cordova-10.39.235.15-x86/framework/* platforms/android/CordovaLib/

8. update ionic project /cordova agar bergabung dengan croswalk

cd D:\phonegap2\cross\IonicProject\platforms\android
echo ""> VERSION
cd D:\phonegap2\cross\IonicProject\platforms\android\CordovaLib
android update project --subprojects --path . --target "android-19"
ant debug

9. Ke folder utama

cd D:\phonegap2\cross
npm install -g grunt
npm install -g grunt-contrib-imagemin
npm install -g grunt-filerev
npm install -g grunt-ng-annotate
npm install -g grunt-wiredep
npm install -g time-grunt
npm install -g consolidate
npm install -g forever
npm install -g grunt
npm install -g grunt-autoprefixer
npm install -g grunt-bower-install
npm install -g grunt-cli
npm install -g grunt-concurrent
npm install -g grunt-contrib-clean
npm install -g grunt-contrib-compass
npm install -g grunt-contrib-concat
npm install -g grunt-contrib-connect
npm install -g grunt-contrib-copy
npm install -g grunt-contrib-cssmin
npm install -g grunt-contrib-htmlmin
npm install -g grunt-contrib-jshint
npm install -g grunt-contrib-uglify
npm install -g grunt-contrib-watch
npm install -g grunt-env
npm install -g grunt-google-cdn
npm install -g grunt-injector
npm install -g grunt-karma
npm install -g grunt-mocha-test
npm install -g grunt-newer
npm install -g grunt-ngdocs
npm install -g grunt-ngmin
npm install -g grunt-node-inspector
npm install -g grunt-nodemon
npm install -g grunt-rev
npm install -g grunt-stripcomments
npm install -g grunt-svgmin
npm install -g grunt-usemin
npm install -g jasmine-reporters
npm install -g jasminewd
npm install -g karma
npm install -g karma-chrome-launcher
npm install -g karma-coverage
npm install -g karma-firefox-launcher
npm install -g karma-jasmine
npm install -g karma-junit-reporter
npm install -g karma-phantomjs-launcher
npm install -g load-grunt-tasks
npm install -g lodash
npm install -g protractor
npm install -g q
npm install -g shelljs
npm install -g should
npm install -g supertest
npm install -g swig
npm install -g webdriver-manager

jalankan ionic build android

ionic build android

…to be continue…

membuat script test online (online exam) sederhana

udah 2015 nih, wah sudah lama sekali ga nulis di blog :) , berikut akan saya kupas secara teknis tentang membuat script test online sederhana, menggunakan framework yii + mysql database. untuk mengingatkan kembali tentang cara penggunaan yii mungkin dapat membaca posting saya berikut

http://www.theferianto.com/2013/04/04/cara-mudah-belajar-dan-setup-php-yii-framework-untuk-membuat-aplikasi-sederhana/

Baiklah, kita mulai saja, langkah pertama tentusaja kita
(1) menyiapkan sebuah database seperti berikut ini (klik untuk versi besar):
#note:  skema erd ini dibuat menggunakan tools mysql database designer dari microolap yang dapat didownload di   https://www.microolap.com/products/database/mysql-designer/download/

banksoal

atau bisa download sqlnya banksoal berikut : banksoal.txt

(2) membuat sebuah webapp melalui console yii seperti berikut pada cmd.exe :

ketik di cmd.exe

 cd  D:\wamp\www\banksoal\protected\framework
 D:\wamp\bin\php\php5.3.13\php.exe yiic.php webapp banksoal
 Create a Web application under 'D:\wamp\www\banksoal\protected\framework\banksoal'? (yes|no) [no]: yes
 1

Selanjutnya sesuaikan strukttur foldernya seperti pada tutorial penggunaan yii diatas ! .
 jika langkah ini sudah benar seharusnya ketika dibrowsing  <strong>http://localhost/banksoal/ </strong>
 sudah muncul tampilan seperti ini.

<a href="http://www.theferianto.com/wp-content/uploads/2015/01/y1.png"><img class="alignnone size-medium wp-image-139" alt="y1" src="http://www.theferianto.com/wp-content/uploads/2015/01/y1-300x189.png" width="300" height="189" /></a>

(3) mengubah protected/config/main.php   atau database.php (versi <strong>yii </strong> <b>1.1.16</b>) seperti berikut:

#file: main.php"

1
  'modules'=>array(
        // uncomment the following to enable the Gii tool
        'gii'=>array(
            'class'=>'system.gii.GiiModule',
            'password'=>'oke',
            // If removed, Gii defaults to localhost only. Edit carefully to taste.
            'ipFilters'=>array('127.0.0.1','::1'),
        ),
    ),

#file: database.php

<?php
// This is the database connection configuration.
return array(
//    'connectionString' => 'sqlite:'.dirname(__FILE__).'/../data/testdrive.db',
    // uncomment the following lines to use a MySQL database
    'connectionString' => 'mysql:host=localhost;dbname=banksoal',
    'emulatePrepare' => true,
    'username' => 'root',
    'password' => '',
    'charset' => 'utf8',
);
 

(4) membuat model dan crud untuk semua table di database banksoal yang telah dibuat dengan url :  http://localhost/banksoal/index.php?r=gii       , masukan passwordnya : oke

membuat model untuk semua table
t1

membuat crud untuk semua Model yang telah dibuatt2

(5) membuat user dummy untuk guru dan siswa, gunakan navicat atau phpmyadmin
t4

(6) ubah file   protected/components/UserIdentity.php         untuk  membuat authentifikasi menggunakan tabel siswa dan guru.

#file: protected/components/UserIdentity.php

 public function authenticate()
    {
        $usr=Guru::model()->findByPk($this->username);
        if($usr!=null) Yii::app()->session['tipe_user']='guru';
         else{
          $usr=Siswa::model()->findByPk($this->username);
          if($usr!=null) Yii::app()->session['tipe_user']='siswa';
        }
        if($usr==null)$this->errorCode=self::ERROR_USERNAME_INVALID;
        elseif($usr->password!==$this->password) $this->errorCode=self::ERROR_PASSWORD_INVALID;
        else $this->errorCode=self::ERROR_NONE;
        return !$this->errorCode;
    }

selanjutnya test login menggunakan  loginid=guru  dan password=guru serta loginid=siswa  dan password=siswa  ,   seharusnya keduanya bisa dipakai, jika langkah2 sebelumnya benar.

t5

(7) mengedit menu pada file  protected/views/layouts/main.php

...to be continue...

Cara Mudah Belajar dan Setup PHP Yii Framework untuk membuat Aplikasi Sederhana

Yii framework merupakan framework untuk membuat aplikasi berbasis web dengan bahasa programming PHP. Framework ini dibuat oleh tim dari http://www.yiiframework.com . Secara umum review penulis dengan menggunakan framework YII maka programing aplikasi web yang menggunakan database menjadi lebih cepat, standard dan terstruktur dengan jelas alurnya karena Yii menerapkan coding standard MVC (model view controller).

Menurut penulis Kekurangan yii ini tidak bisa jalan normal secara default pada platform PHP Suhosin , karena framework ini banyak menggunakan eval() pada class dan fungsi didalamnya. Kecuali dengan sedikit ‘tweak’ pada ‘codebase’ framework ini.

Oke, selanjutnya mari kita belajar menggunakan framework ini melalui panduan training singkat yang dapat anda download pada link download dibawah ini.

download link

Sedikit bocoran, tips dan trik untuk web developer

Tak terasa udah lama sekali tidak menulis di blogs…hehe barangkali ada yg mau menawari saya menjadi penulis? :) …oya berikut sedikit bocoran beberapa tips berdasarkan pengalaman berpuluh tahun menjadi web developer :

1. Jika anda web developer, tools yang wajib adalah install semua jenis browser di pc anda minimal: firefox, chrome, ie, opera,opera mini, konquer, Ini berguna untuk mendebug dan melihat tampilan di berbagai brower apakah sudah sesuai atau belum dari segi kompatibilitas html/css.

2. Beberapa browser memang telah mempunyai standar w3sc yang sama untuk html, tetapi secara umum ada beberapa mendasar yaitu pada 2 tipe browser yaitu : a. firefox/mozilla (chrome, id,opera,konqueror kompatible dengan mozilla/firefox) dan b.internet explorer (msie).

pada firefox kita bisa menggambar grafik menggunakan canvas, svg/xml dengan mudah. sedangkan pada MSIE tidak secara defaut dan memerlukan plugin khusus .

3. Ada beberapa perbedaan sintax pada css pada 2 tipe browser tersebut, misalnya pada MSIE penulisan padding tidak akan mengubah property width dari style css tetapi pada firefox akan secara signifikan menambah width atau height dalam definisi di style css , ini memang tidak fatal tetapi tampilan akan berubah drastis bro….ada tips kecil, biasanya ini dapat diakali dengan menambahkan tanda underscore “_” didepan property width untuk MSIE, karena pada MSIE tanda _ akan diabaikan. contohnya:

<style></style> –>pada IE width akan tetap 400px, tetapi pada firefox width akan berubah menjadi 400+10+10 = 420px; sehingga untuk mengatasinya dapat ditulis hack sintax sebagai berikut:

<style></style> –> property width dituliskan 2kali, 1 untuk firefox 380+10+10 = 400px, dan IE _width:400px, sehingga akan didapat kompatabilitas yang sama tetap 400px.

4. Sedikit kesimpulan dari uraian saya diatas Browseryang wajib diintstall untuk seorang web developer adalah firefox dan MSIE.

5. Firefox plugin. firefox merupakan browser yang relatif handal dengan banyak plugin yang dapat diaplikasikan. sebagai web developer wajib menginstall plugin tools screenshooter semacam : fireshoot dan firebug.

fireshoot berguna untuk mengcapture keseluruhan tampilan website, sedangkan firebug berguna untuk mendebug HTML, css dan javascript dari halaman web page, sehingga kita bisa “meniru” tampilan dari sebuah website.

6.Berikutnya tools yang wajib diisntall adalah photoshop (sampai sekarang saya masih pakai versi 7, karena ringan dan masih powerfull), photoshop berguna untuk membuat layout website dan mengedit grafis tampilan serta membagi2 grafik menjadi bagian bagian yang lebih kecil (slice) misalnya tombol, background pixel dan potongan untuk animasi.

7. Berikutnya tools yang wajib diinstall adalah textpad ataupun notepad++. bukan sekedar editor, kedua tools ini powerfull mengedit text dengan format unix maupun PC ataupun mac. dan yang lebih berguna lagi tools ini mempunyai kemampuan regexp untuk mengedit text, find dan replace dengan lebih mudah dan cepat.

Demikian sedikit tips dan trik dari saya, sampai jumpa pada tulisan lanjutan berikutnya….

Salam

Imam Ferianto

 

Tips Praktis Cara Pointing Antena & Wireless

Hmmm udah lama juga ga posting di blogdetik, berikut adalah tips singkat dari www.theferianto.com, seputar pointing radio

Cara pointing radio secara garis besar adalah sebagai berikut:

1. Pertama kali tentukan koordinat ke dua titik yang akan dipasang tower atau antenna dan lihat koordinatnya pada google eartch, atau GPS tracking atau device, atau boleh juga handphone yang ada GPS nya, pointing saya memakai : Samsung galaxy 5 (android 2.1) dengan aplikasi super compas.

2. Catat koordinatnya, latitude dan longitudenya, dan catat pula detail radio yang akan digunakan, tx power dan db, frekuensi, dll

#misal data lokasi 1:

radio nanostation 5, latitude: 72139.72?S, longitude: 1091217.28?E, tinggi antena: 30M (90 feet), txpower: 26dbm, antena gain: 16dbi

#data lokasi 2:

radio mikrotik, latitude: 72526.97?S, longitude: 109134.26?E, tinggi antena: 10M (30feet) , antena grid gain: 16dbi, treshold : -50dbm.

…selengkapnya dapat di baca di http://www.theferianto.com

Database Quickcount Pilkada Gammu MySQL

Yth Saudari Silfi di pemalang

Menyambung Pertanyaan saudara tetang sistem quicount pilkada pada posting sebelumnya yang berjudul :

Contoh MySQL stored procedure untuk Broadcast SMS gammu & parsing SMS gammu quickcount
Berikut Adalah Skema Database untuk membangun sebuah Quickcount pilkada untuk bahan referensi skripsinya semoga dapat membantu dan mungkin akan berguna untuk rekan-rekan yang lain yang mengembangkan software quickcount Pilkada.

silfi

# Skema Database Quickcount Pilkada Buatan Imam Ferianto :

erd-pilkada

Bila ada yang kurang jelas silahkan berkirim Email atau YM atau FB

Atau Bila ingin memakai sistem quickcount yang lengkap dan telah berjalan lengkap dengan report , kelengkapan dll. Dapat Memesan dengan harga terjangkau kepada saya :)

Demikian Terimakasih

Imam Ferianto

” Mari Dukung Pemilu yang Bersih, Jujur, Adil & Terbuka “

Bermain SQL di MS-ACCESS

Mungkin belum banyak tahu atau yang mengekpose, bahwa di MS-Acess terdapat fitur advance yang jarang kita manfaatkan, yaitu kita dapat menggunakan query command untuk hal-hal lain diluar select, insert dan update yaitu seperti CREATE TABLE, CREATE FOREIGN KEY,LIST TABLE IN DATABASE… DLL seperti di SQL server. Berikut Caranya Mengeksecute query di MS-Accces 2007:

1. Create Query

2010-06-21_222056

2. Close Default Window Untuk Query Wizzard

2

3. Pilih Query Pada Mode : Design SQL View

3

4. Sekarang Kita Bebas Mengetik SQL command semau kita, dan click RUN untuk menjalankannya

4

HAPPY CODING & FUN !!!!

Beberapa Hidden SQL command di MS-ACCESS yang mungkin sangat berguna:

- Untuk melihat “daftar table di MS-ACCESS” menggunakan perintah query:
SELECT * FROM MSysObjects WHERE Type=1 AND Flags=0

- Untuk membuat table di ms-access:
CREATE TABLE A (KEY1 INTEGER,AAA VARCHAR(10),KEY2 INTEGER PRIMARY KEY(KEY1));
CREATE TABLE B (KEY2 INTEGER,BBB VARCHAR(10), PRIMARY KEY(KEY2));

- untuk membuat constrain dan relation:
ALTER TABLE A ADD FOREIGN KEY(KEY2) REFERENCES B (KEY1);

Atau Ada Cara lain yaitu dengan melihat hidden object dan system table, caranya adalah sbb:

5

6

Kode PHP Pembuat “PHP Code Otomatis” untuk menangani aksi simpan pada POST request

Anda Bingung membuat Kode PHP untuk menyimpan data2 form inputan HTML? Berikut solusinya: tips kode untuk membuat php-code otomatis untuk menangani handle request pada sembarang form inputan HTML.

##Misal Kode HTML dengan nama file : inputan.html

<form metod=post enctype=”multipart/form-data” action=”get.php”>
Nama: <input type=”text” name=”nama” size=”50″ /><br>
Alamat: <input type=text name=”alamat” size=”100″ /><br>
<input type=submit value=”simpan” name=submit />
</form>

## Kode PHP Pembuat Handle Form , dengan nama file: get.php

<?php
$tbl=”";
$fld=”";
$flv=”";
$comma=”";
$tblname=”xxx”;
echo “&lt;?php <br><br>”;
foreach($_POST as $key=>$val){
if(eregi(“submit”,strtolower($key))) continue;
echo “$”.$key.”=$_POST['".$key."'];<br>”;
$tbl.=$comma.”n”.$key.” varchar(50) not null”;
$fld.=$comma.$key;
$flv.=$comma.”‘$”.$key.”‘”;
$comma=”,”;
}

$sql1=”$sql1=”create table if not exist “.$tblname.”(id int(11) not null primary key auto_increment,”.”n”.$tbl.”) type=myisam”;”;
$sql2=”$sql2=”insert into “.$tblname.”(id,$fld) values (null,$flv)”;”;

echo “<br>”;
echo $sql1.”<br>”;
echo “mysql_query($sql1);<br>”;

echo “<br>”;
echo $sql2.”<br>”;
echo “mysql_query($sql2);<br>”;

echo “<br>?&gt;”;

?>

Cara Installasi Zoneminder Dengan DVCard Card Techwell Based chipset pada Ubuntu 10.04 (lucid)

Berikut adalah Cara Installasi Zoneminder Dengan DVCard Card Techwell Based chipset pada Ubuntu 10.04 (lucid)

#Buka console linux dan ketik berikut (seumpama usernya adalah stream & passwordnya stream)

stream@stream-desktop:~$ sudo -i
[sudo] password for stream:stream
root@stream-desktop:~#

colokin usb yang ada folder file myarchive dan tunggu sampai automount
lihat mountpoint

root@stream-desktop:~# mount
/dev/sdc1 on /media/USBKU type vfat (rw,nosuid,nodev,uhelper=udisks,uid=1000,gid=1000,shortname=mixed,dmask=0077,utf8=1,flush)

*COPY semua file *.deb dari /media/USBKU/myarchives:
(kalau mo install di tempat lain copy kembali dari /opt/myarchives ke USB)

root@stream-desktop:~# cd /opt ; cp -rf /media/USBKU/myarchives .
root@stream-desktop:/opt# cd myarchives

(tulis perintah berikut dalam 1 baris)

root@stream-desktop:/opt/myarchives# dpkg -i dpkg-dev_1.15.5.6ubuntu4_all.deb xz-utils_4.999.9beta+20091116-1_i386.deb patch_2.6-2ubuntu1_i386.deb
root@stream-desktop:/opt/myarchives# cd /opt
root@stream-desktop:/opt# chmod -R 777 myarchives
root@stream-desktop:/opt# dpkg-scanpackages myarchives /dev/null|gzip -c9 > myarchives/Packages.gz
root@stream-desktop:/opt# cd /etc/apt/;cp sources.list sources-ori.list
root@stream-desktop:/etc/apt# echo “deb file:/opt myarchives/” > sources.list
root@stream-desktop:/etc/apt# apt-get update
root@stream-desktop:/etc/apt# apt-get install zoneminder -y –force-yes

(kosongkan password pada isian mysql, tekan OK saja dan lanjutkan, dst)
(isikan mail.localhost pada smarthost)

root@stream-desktop:/etc/apt# cd /etc/apache2/sites-enabled/
root@stream-desktop:/etc/apache2/sites-enabled# cp /etc/zm/apache.conf camera.conf; chmod 777 camera.conf
root@stream-desktop:/etc/apache2/sites-enabled# /etc/init.d/apache2 restart

-buka firefox dan ketik http://localhost/zm, buka links option (paling kanan), akan dibuka popup windows
-aktifkan login pada tab system: OPT_USE_AUTH Authenticate user logins to ZoneMinder (?) (aktifkan cek box) [x]
-click save, tutup popup window dan refresh kembali browser, login dengan user: admin , password: admin

#tambahan untuk membuat menu sebelah kiri

copy patch untuk zoneminder yang sudah dikasih menu pada file : cp -rf /media/USBKU/myarchives .
root@stream-desktop:/etc/apache2/sites-enabled# cd /opt
root@stream-desktop:/opt# cp /media/USBKU/camera.zip; unzip camera.zip
root@stream-desktop:/opt# cd /usr/share/; cp -rf zoneminder zoneminder-ori; cd zoneminder
root@stream-desktop:/usr/share/zoneminder# cp -f /opt/usr/share/zoneminder/index*.php .
root@stream-desktop:/usr/share/zoneminder# cp -f /opt/usr/share/zoneminder/menu.php .
root@stream-desktop:/usr/share/zoneminder# cp -rf /opt/usr/share/zoneminder/images2 .
root@stream-desktop:/usr/share/zoneminder# cp -rf /opt/usr/share/zoneminder/skins .
root@stream-desktop:/usr/share/zoneminder# pico menu.php

(cek HTML berikut, target untuk logout harus =”_parent”)

<li><a href=”index.php?action=logout” target=”_parent”>Logout</a></li>

-buka kembali firefox dan refresh pada alamat http://localhost/zm

##tambahan untuk mencompile techwell dvr driver based card
(pasang dulu dvr cardnya yg chipsetnya techwell tsb)

-baca tulisanku di file: /opt/compile.html
-atau di: http://www.zoneminder.com/forums/viewtopic.php?t=15740&highlight=&sid=a89a2e049171b30ac3cc8031aaae4403

root@stream-desktop:/opt# cd /opt; apt-get install git-core dpkg-dev build-essential automake gcc -y –force-yes
root@stream-desktop:/opt# cp -rf /media/USBKU/tw68-v2; cd tw68-v2 ; make
root@stream-desktop:/opt/tw68-v2# cp tw68.ko /var/lib;chmod 755 /var/lib/tw68.ko
root@stream-desktop:/opt/tw68-v2# echo “options bttv card=77 tuner=4 radio=0 triton1=0 vsfx=0 autoload=0″> /etc/modprobe.d/bttv.conf
root@stream-desktop:/opt/tw68-v2# pico /etc/rc.local

(pastekan kode berikut dan save ^X)

modprobe bttv
insmod /var/lib/tw68.ko
exit 0

(test device dmesg)
root@stream-desktop:/opt/tw68-v2# dmesg|grep tw68

(execute /etc/rc.local)
root@stream-desktop:/opt/tw68-v2# /etc/rc.local

(lihat /dev/video0, harusnya sudah ada)
root@stream-desktop:/opt/tw68-v2# ls -l /dev/video0

(tambahkan user www-data ke group admin dan www-data biar bisa membaca /dev/video0)
root@stream-desktop:/opt/tw68-v2# usermod -a -G video,www-data,admin www-data

(test device dengan zoneminder)
root@stream-desktop:/opt/tw68-v2# zmu -q -d /dev/video0 -v

(jika diminta password masukkan)
root@stream-desktop:/opt/tw68-v2# zmu -Uadmin -Padmin -q -d /dev/video0 -v

(harusnya hasilnya sbb)
Video Device: /dev/video0
General Capabilities
Driver: tw68
Card: GENERIC
Bus: PCI:0000:01:02.0
Version: 0.0.4
Type: 0×5000011
………..dst ada 4 channel yang terdeteksi….

##menambahkan monitor untuk preview cam di zoneminder
-buka browser dan ketik http://localhost/zm , login dengan user:admin, password: admin
tambahkan monitor (add new monitor)
———–general—
name:Monitor-1
Source Type:local
function:monitor atau mocord
Maximum FPS:30
Alarm Maximum FPS:30
Reference Image Blend %ge:7

———–source—— (perhatikan device path tidak boleh salah)
Device Path:/dev/video0
Capture Method:video for linux 2
Device Channel: gunakan chanel 0 s/d 3 , terngantung posisi colokan di card belakang (dicoba2 aja)
Device Format: PAL-B
Capture Palette:RGB24
Capture Width (pixels):320
Capture Height (pixels):240

–click save
(ulangi untuk channel yang lain: 1,2 & 3)

#restart komputer

#buka kembali browser firefox pada http://localhost/zm

-click link pada nama kamera untuk melihat preview kamera:
-atau click pada Montage ( Cycle / Montage ) untuk melihat
view dari : 2 atau 4 kamera langsung

#melihat dari internet
bila ingin melihat dari internet maka komputer yang terinstall zoneminder tersebut harus
diberi IP address publik atau menggunakan OpenVPN client atau pptp vpn
dan konek ke hosting yang menyediakan vpn, kemudian pc viewer
juga sama2 konek ke openvpn tersebut atau
IP dari pc-camera dimapping ke port ippublik dan port tertentu dengan perintah iptables
iptables -t NAT xxxxx
atau IP dari client tersebut di brige ke IP publik

(selesai)

NB: cara recording IPcam menggunakan ffmpeg dapat dilakukan pada console seperti contoh berikut:

http://www.redshirtlinux.com/?p=71