. : : supie's blog : : .

Color Scheme Designer - Version 3

2009-09-13T02:21:00.012+08:00

look what I've found. A great web for web designer / developer.
http://colorschemedesigner.com/

12 aplikasi penjana berasaskan web

2009-02-10T13:06:00.009+08:00

12 aplikasi penjana berasaskan web yang anda boleh gunakan untuk mempermudahkan dan mempercepatkan proses pembangunan aplikasi web anda.
Logo
1. www.simwebsol.com

2. creatr.cc

Button dan Tab
3. www.mycoolbutton.com

4. www.buttonator.com

5. www.tabsgenerator.com

Loader
6. www.loadinfo.net

7. www.ajaxload.info

Favicon
8. www.favicongenerator.com

CSS
9. www.cssgenerator.org

Rounded Corner
10. www.roundedcornr.com

Memasang aplikasi dalam sistem operasi FreeBSD menggunakan kaedah Ports Collection

2009-02-05T14:55:00.006+08:00

Nota: Terdapat beberapa cara untuk memasang aplikasi dalam sistem operasi freeBSD, tetapi nota ini hanya akan menerangkan tentang penggunaan kaedah Ports Collection.

1. Dapatkan Koleksi Ports (Ports Collection).
Sebelum anda dapat memasang aplikasi yang diperlukan dengan kaedah ini, anda perlu terlebih dahulu mendapatkan Koleksi Ports yang diperlukan. Untuk pengatahuan anda Koleksi Ports merupakan satu set maklumat yang terdiri daripada Makefiles, patches, dan description files yang diletakkan di dalam /usr/ports.

Sewaktu memasang sistem operasi FreeBSD, anda akan ditanya samaada anda ingin memasang Koleksi Ports atau sebaliknya. Sekiranyanya anda telah memilih tidak, anda masih boleh mendapatkannya dengan menggunakan arahan Portsnap pada aplikasi terminal anda.

Portsnap merupakan satu alternatif bagi mendapatkan Koleksi Ports. Selain itu anda juga boleh menggunakan CVSup atau Sysinstall.

Berikut adalah arahan yang perlu digunakan

1. # portsnap fetch - untuk muat turun Koleksi Ports ke dalam /var/db/portsnap.
2. # portsnap extract - untuk mengakstrak Koleksi Ports ke dalam /usr/ports untuk pertama kali.
3. # portsnap fetch update dan # portsnap update - untuk mengemaskini Koleksi Ports dengan maklumat terkini

bersambung...

untuk rujukan yang lebih terperinci sila layari
http://www.freebsd.org/doc/en/books/handbook/ports-using.html

Cara Bagaimana Untuk Membuat Tab Yang Dinamik

2007-12-16T14:13:00.000+08:00

contoh hasil :

1. Sediakan imej-imej yang diperlukan...

    contoh :

        i. bahagian kiri tab (15px x 31px)

        ii. bahagian tengah tab (1px x 31px)

        iii. bahagian kanan tab (15px x 31px)

nota : Jika saiz yang lain dari contoh di atas pun boleh juga. Tetapi kod anda juga kena la diubahsuai mengikut saiz imej. Perkara yang paling penting ialah, ketiga-tiga imej tersebut mestilah sama ketinggiannya. Kalau anda tidak tahu bagaimana untuk membuat imej tab, cuba tengok tutorial ini
http://www.technomono.com/blog/create-a-metallic-glass-button/

2. Sediakan satu fail HTML yang mengandungi kod di bawah...

 <html>
 <head>
 <style type="text/css">
 #navigation ul {
 list-style: none;
 padding: 0;
 margin: 0
 }

 #navigation li {
 float: left;
 font: 10px/31px "Arial", serif ;
 margin: 0;
 list-style: none;
 display: block;
 }

 #navigation a {
 color:#333;
 text-decoration: none;
 }

 #navigation a:hover {
 text-decoration: none;
 }

 #navigation span.C {
 background: url(bg.gif) left top repeat;
 padding-top: 10px;
 padding-bottom: 9px;
 }

 #navigation a:hover span.C {
 background: url(bg.gif) left top repeat;
 }

 #navigation span.L {
 padding-left: 5px;
 padding-right: 6px;
 padding-top: 10px;
 padding-bottom: 10px;
 }

 #navigation a span.L {
 background: url(left.gif) left top no-repeat;
 }

 #navigation a:hover span.L {
 background: url(left.gif) left top no-repeat;
 }

 #navigation span.R {
 padding-left: 5px;
 padding-right: 6px;
 padding-top: 10px;
 padding-bottom: 10px;
 }

 #navigation a span.R {
 background: url(right.gif) left top no-repeat;
 }

 #navigation a:hover span.R {
 background: url(right.gif) left top no-repeat;
 }

 #navigation a, #navigation a span.L, #navigation a span.R {
 float: none;
 }
 </style>
 </head>

 <body>
 <ul id="navigation">
 <li>
 <a href="#">
 Profil 
 </a>
 </li>
 <li>
 <a href="#">
 Ruby on Rails 
 </a>
 </li>
 <li>
 <a href="#">
 Javascript 
 </a>
 </li>
 <li>
 <a href="#">
 PHP 
 </a>
 </li>
 <li>
 <a href="#">
 CSS 
 </a>
 </li>
 </ul>
 </body>
 </html>

3. Siap.. apa yang anda perlu ialah mengubah kod-kod di atas mengukit kesesuaian penggunaan anda.

Bagaimana Untuk Menukar Perkataan Kepada Barcode dalam Ruby On Rails dan FreeBSD

2007-12-14T20:08:00.000+08:00

1. Pasang Aplikasi Gbarcode

i. Pastikan aplikasi Rmagick dan pekej yang bergantung kepadanya telah dipasangkan dalam sistem pengoperasian FreeBSD anda. Caranya, pasangkan aplikasi Rmagick ke dalam sistem mengguakan arahan pkg_add -v ke pautan yang bersesuaian menggunakan aplikasi terminal anda.

     contoh : pkg_add -v ftp://ftp.tw.freebs..../ruby18-rmagick-1.13.0.tbz

ii. Kemudian, pasangkan pekej ruby Rmagick pada Rails anda.

     contoh : gem install rmagick

iii. Seterusnya, pasangkan pekej ruby Gbarcode pada Rails anda.

     contoh : gem install gbarcode

2. Penggunaan Gbarocde

i. Tambahakan pautan berikut di bahagian atas controller anda.

  require "RMagick"
  require "gbarcode"

ii. Tambahkan 3 method berikut dalam controller anda

  def get_barcode_image(x)
       string_to_encode = x
       if string_to_encode.nil?
            string_to_encode = "tiada maklumat diperolehi"
       end
       eps_barcode = get_barcode_eps(string_to_encode)
       return convert_eps_to_png(eps_barcode)
  end

  def get_barcode_eps(string_to_encode)
       bc = Gbarcode.barcode_create(string_to_encode)
       bc.height= 40
       bc.margin=2
       Gbarcode.barcode_encode(bc, Gbarcode::BARCODE_128)
       read_pipe, write_pipe = IO.pipe
       Gbarcode.barcode_print(bc, write_pipe, Gbarcode::BARCODE_OUT_EPS)
       write_pipe.close()
       eps_barcode = read_pipe.read()
       read_pipe.close()
       return eps_barcode
  end

  def convert_eps_to_png(eps_image)
       im = Magick::Image::read_inline(Base64.b64encode(eps_image)).first
       im.format = "PNG"
       read_pipe, write_pipe = IO.pipe
       im.write(write_pipe)
       write_pipe.close()
       png_image= read_pipe.read()
       read_pipe.close()
       return png_image
  end

iii. Contoh penggunaan.

  def send_barcode
       data = params[:string]
       @image_data = get_barcode_image(data)
       send_data(@image_data, :type => 'image/png', :disposition => 'inline')
  end

Nota : send_barcode merupakan nama method yang anda sendiri perlukan dan params[:string] merupakan parameter yang mengandungi perkataan yang ingin ditukar kepada barcode.

Menggunakan bakteria untuk menyimpan data

2007-03-03T13:58:00.000+08:00

Scientists Use Bacteria to Store Data

dipetik dari www.dailytech.com

A research group at Keio University, Japan has announced the development of a new technology that enables the use of bacterial DNA as a medium for long-term data preservation.
The researchers are developing this new technology by creating an artificial DNA that carries the data. Multiple copies of the DNA are made and inserted into the bacterial genome sequence. The duplicate copies serve as backup against natural degradation. The scientists said they successfully encoded "e= mc2 1905!"-- Einstein's famous theory the date of discovery--on the common soil bacteria, Bacillus subtilis.

perghhh... lepas ni tapai dengan tempe naik harga la nampaknya...
agaknya lepas era thumdrive ni, tempe drive dan tapai drive plak la ...
kih kih kih...

sesungguhnya Allah itu maha mengetahui...

Aktiviti riadah...

2006-08-10T13:41:00.000+08:00

Cuba la game ni... best oooo... aktiviti menarik utk take 5....

http://hk.promo.yahoo.com/movie/superman/Stop_Press_Game/index.html

CEIPT 2006

2006-07-03T08:19:00.000+08:00

Kepada member-member yang mempunyai kelapangan... meh la join kitorang kat CEIPT nih...

Citer lawak...

2006-05-02T00:22:00.000+08:00

Amat, Abu dan Budin tersesat di dalam hutan sewaktu memburu. Mereka kemudiannya ditangkap oleh sekumpulan orang asli yang merupakan cannibal. Sewaktu dihadapkan ke ketua puak cannibal, ketua puak mengatakan mereka tidak akan dijadikan sup dan dimakan jika mereka lepas ujian yang akan diberikan. Mereka dikehendaki pergi ke dalam hutan dan mencari 10 buah yang sama jenis. Lalu mereka pun pergi la ke dalam hutan bersama2 beberapa orang asli yang akan mempastikan mereka takkan lari.

Amat kembali dan membawa 10 biji buah epal. Ketua puak cannibal itu kemudiannya berkata "Kamu dikehendaki menyumbat kesemua buah2 tersebut kedalam lubang bontot kamu tanpa sebarang ekspressi diwajah kamu atau kamu akan dimakan!". Maka bermulalah sesi menyumbat buah epal ke dalam lubang bontot Amat, SATU!!! jerit semua orang-orang asli. Belum sempat epal kedua disumbat, Amat sudah menjerit kesakitan, lalu Amat diikat dan diletak dalam kawah besar untuk direbus jadi sup.

Abu pula kembali membawa 10 biji anggur. Ketua puak menerangkan perkara yang sama kepada Abu. Abu merasa takdelah susah mana. Dari jauh Amat mendengar orang-orang asli menjerit SATU!!! DUA!!!! TIGA!!! EMPAT!!! LIMA!!! ENAM!!! TUJUH!!! LAPAN!!!!, tiba-tiba Amat terdengar Abu ketawa terbahak-baha. Beberapa minit kemudian Abu diletakkan bersebelahan Amat dalam kawah besar.

"Weiii yang ko gelak apehal???...ko dah nak lepas tadi dah!!" bentak Amat.

Abu jawab "takleh tahanla beb...tengah aku relax2 sumbat anggur tiba2 Budin balik bawak tembikai 10 bijik".

Pulau Redang

2006-04-18T22:59:00.000+08:00

rindunya dengan keindahan Pulau Redang..

PC FAIR 2006

2006-04-18T21:42:00.000+08:00

Huh... Pikom PC fair datang lagi... berbaloi, memang berbaloi.

kali ni kat aku gi kat KLCC, KL Convention Centre.. sempat pi 2 hari je la.. sabtu ngan ahad.

Harga PC hardware memang murah, banyak pilihan dan macam-macam ada...
tp, aduhai... sesaknya mengalahkan sesak nak balik beraya... nak angkat kaki pun susah.. jalan menyeret aja la...

Part yang paling syok, dapat cenderahati la... hehehe dapat beg AMD tu... jangan jeles...

Apa pun, aku berazam nak kumpul duit, untuk PC fair yang akan datang...

jumpa lg PC fair..

Kenangan masa lalu

2006-04-18T21:13:00.000+08:00

kawan-kawanku yang sempoi

2006-03-29T15:21:00.000+08:00

Selamat Pengantin Baru.

wah cuti sekolah ni, musim orang kawin lagi nampaknya, kak azna kita nih kawin sakan nampaknya...
dari kitorang tiba kat majlis kenduri kawin dia sampai balik... senyum sampai ke telingga tak habis-habis.
ye la hari bahagia dah tiba.

Tapi pada masa yang sama teringgin gak nak pi Terengganu, nak tengok Puan Noor Azliza kawin tapi tak dapat la.
apa pun diucapkan

Selamat Pengantin Baru buat

Puan Faridatul Azna dan En Syed Nazri,

serta untuk Puan Noor Azliza dan En Khairudin.

Semoga berbahagia hingga ke akhirnya

Hope you'll happily erver after.. cewah...

Honeypots

2005-07-01T09:55:00.000+08:00

Honeypots are closely monitored network decoys serving several purposes: they can distract adversaries from more valuable machines on a network, they can provide early warning about new attack and exploitation trends and they allow in-depth examination of adversaries during and after exploitation of a honeypot.

Honeypots are a highly flexible security tool with different applications for security. They don't fix a single problem. Instead they have multiple uses, such as prevention, detection, or information gathering. Honeypots all share the same concept: a security resource that should not have any production or authorized activity. In other words, deployment of honeypots in a network should not affect critical network services and applications. A honeypot is a security resource who's value lies in being probed, attacked, or compromised.

There are two general types of honeypots:

Production honeypots are easy to use, capture only limited information, and are used primarily by companies or corporations;
Research honeypots are complex to deploy and maintain, capture extensive information, and are used primarily by research, military, or government organizations.