Dasar-Dasar Menjadi Web Designer

paankbilang.blogspot, Website merupakan media yang paling mudah dan cepat dalam mempublikasikan organisasi, pribadi dan perusahaan. Media ini menjadi sangat favourite saat ini karena dengan cepat akan menjadi berguna ataupun malah sebaliknya. Website menjadi bagian yang tidak terpisahkan dari citra perusahaan sehingga diperlukan kehati-hatian dalam menentukan desain maupun isinya.

Dalam pembangunannya dibutuhkan beberapa pengetahuan/keterampilan standar sehingga website yang dihasilkan menaikkan citra perusahaan. Tulisan ini sebagai dasar bagi pemula untuk berani memulai membangun website dan memulai memasuki cakrawala baru yang dapat meningkatkan ketrampilan dan pendapatan anda.

Untuk memulainya, anda harus mengetahui dan menguasai beberapa pengetahuan/software diantaranya:

1. Perencanaan website

Proses ini merupakan awal dalam merencanakan halaman web dan seluruh web. Dimulai dengan mengumpulkan seluruh data dan informasi kemudian hasil akhirnya adalah sebuah “sitemap” lalu dimulai dengan merancang tata letak (layout) halaman, biasanya dilakukan mendesain tata letak halaman depan dan halaman kedua. Dalam mendesain halaman ini beberapa komponen penting biasanya masuk adalah navigasi, content, rencana letak image, copyright (bagian footer), komponen website dan hal lain yang dianggap perlu. Software yang biasa digunakan adalah: Microsoft Visio dan penulis sendiri menggunakan ConceptDraw Webwave (http://www.conceptdraw.com).

2. Desain Halaman Web Dasar

Berdasarkan hal diatas selanjutnya kita mulai melakukan desain web dengan menterjemahkan perencanaan ke dalam software desain, keahlian yang mesti diperdalam adalah typografi (kemampuan memilih font yang tepat), tata letak halaman (menguasai kemampuan membagi ruang halaman), pewarnaan (menguasai konsep warna dan pemilihan warna berdasarkan warna perusahaan dan teori pencampuran warna). Software yang digunakan salah satunya Adobe Photoshop, dengan mempelajari pembuatan tombol/navigasi, background, bekerja dengan teks, manipulasi gambar/image, dan khususnya memperdalam teknik-teknik desain website. Banyak sekali resource gratis yang bisa anda temukan di website khususnya belajar photoshop untuk website, anda bisa mencarinya di search engine dengan keyword “tutorial photoshop for web”. Untuk memudahkan anda mendesain web ini, penulis telah menyediakan sebuah web yakni www.dokumenkerja.com, anda tinggal download dan modifikasi tampilan website yang anda inginkan.

3. Desain Halaman Web Lanjutan

Untuk meletakkan halaman web hasil desain photoshop di atas, diperlukan mengubah halaman web ke dalam bentuk HTML, dan diperlukan sebuah software yakni salah satunya Adobe Dreamweaver. Dreamweaver ini yang membantu pengaturan halaman-halaman desain diubah ke HTML. Selain Dreamweaver banyak software sejenis lainnya seperti Microsoft Frontpage. Seperti juga Photoshop untuk mempelajari Dreamweaver tersedia banyak sekali tutorial gratis. Jika anda ingin cepat mudah silahkan saja mencari buku tentang Dreamwever ini toko buku.

4. Membuat Video, Flash, Shockwave dan Audio

Saat ini banyak sekali software yang digunakan untuk membuat video, flash, shocwave dan audio yang bertujuan untuk membuat website kelihatan lebih apik dan powerful. Gabungan beberapa komponen ini kita sebut dengan animasi web dan diperlukan rencana detail agar animasi yang dibuat tepat sasaran dan sesuai dengan isi website. Sedangkan untuk pemilihan software tergantung pada tingkat kerumitan animasi web, untuk saat ini yang sering digunakan adalah Adobe Flash.

Demikian beberapa kebutuhan dasar keahlian/keterampilan yang mesti dimiliki untuk menjadi desainer web/webmaster, dan untuk menjadi ahli diperlukan latihan-latihan dan beranikan diri untuk mendapatkan project-project riil dalam membangun website.Selamat mencoba.

Sumber Artikel: Ilmu Komputer


Top Blogs jika anda suka dengan blog ini, dan, jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Mengatasi Masalah Runtime Error

paankbilang.blogspot, Ada sejumlah yang berbeda ketika terjadi Runtime Error pada komputer yang mungkin akan Anda temui. Paling sering, ini muncul ketika Anda menjalankan sebuah program dan program mendapati pop up windows yang memberitahukan adanya kesalahan Runtime. Ketika ini terjadi, perangkat lunak (aplikasi) mungkin akan menutup. Masalah ini biasanya terjadi ketika ada kesalahan dalam registri komputer, sehingga untuk mengatasi runtime error, scan and fix registri biasanya akan beres.
Gunakan software registry fixer untuk mengatasi hal ini yang bisa anda cari dengan bantuan Mbah Gugel.
Jika ini tidak memperbaiki kesalahan runtime yang terjadi di komputer Anda, Anda mungkin perlu menghapus dan menginstal ulang program bermasalah. Hal ini akan menghapus file bermasalah yang ada dalam registry, dan setiap file korup yang mungkin menyebabkan terjadinya Runtime Error. Selanjutnya, instal ulang file kerja baru.


Top Blogs jika anda suka dengan blog ini, dan, jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Mengatasi Masalah "Invalid Win32 Application"

paankbilang.blogspot, Invalid Win32 Application biasanya disebabkan oleh sejumlah faktor seperti file rusak, corrupt atau hilangnya file pendukung aplikasi, atau terinfeksi oleh parasit berbahaya seperti virus, worm, Trojan, atau Malware. Kesalahan ini menyebabkan sebuah program atau file tidak 'berjalan' dengan benar. Ada beberapa cara sederhana untuk memecahkan masalah Invalid Win32 Application (selanjutnya saya sebut: kesalahan aplikasi Win32). Check it out:

  1. Jalankan program anti-virus dan melakukan full system scan untuk menghapus setiap file berbahaya yang dapat menyebabkan kesalahan aplikasi Win32. Jika Anda tidak memiliki program anti-virus, download program gratis seperti AVG Anti-Virus, Avira Antivir, atau antivirus (gratis) lainnya.
  2. Lakukan update database antivirus anda (opsional).
  3. Jalankan Disk Defragmenter untuk memperbaiki file. Seringkali, kesalahan aplikasi Win32 bisa disebabkan ketika file program 'tersebar' pada komputer. Ketika file yang bertebaran, peluncuran program yang menggunakan kecepatan lambat dan kadang-kadang 'membeku'. Disk Defragmenter membantu meletakkan file-file ke lokasi pusat. Untuk melakukan defragment hard disk, (secara default Windows) klik tombol Start dan pilih All Programs. Gulir ke atas dan pilih Aksesoris. Pilih System Tools dan kemudian klik Disk Defragmenter. Atau anda bisa juga menggunakan jasa Defragmenter pihak ketiga seperti Defraggler 2atau Defragmenter yang lain.
  4. Uninstall, dan Instal ulang program jika itu telah menjadi korup. Untuk meng-uninstall program (default Windows), klik tombol Start dan pilih Control Panel. Klik dua kali pada Add Remove Programs untuk membuka program.
  5.  Periksa kompatibilitas sebelum men-download program tertentu. Jika program yang Anda coba untuk download memerlukan RAM atau VGA, Prosessor, atau yang lain yang melebihi kemampuan komputer anda, mungkin lebih baik tidak mendownloadnya.
  6. Tulis komentar di bawah :)


Top Blogs jika anda suka dengan blog ini, dan, jangan lupa ninggalin comment sama isi buku tamu yaa
MyFreeCopyright.com Registered & Protected

» Read More...

Friendster Terus Berbenah

Tenggelam oleh Facebook?

Download versi PDF



FS VS FB versi paankpaankbilang.blogspot, Ingat situs jejaring sosial bernama Friendster? Masih inget? Syukurlah, mbok sudah lupa. Iseng aja, tadi Googling membandingkan Friendster sama Facebook. Hasilnya mencengangkan (tapi nggak aku posting ah, angkanya bikin pusing). Dalam analisis saya, seakan-akan, Friendster 'nggak berbuat apa-apa' menyikapi migrasi besar-besaran para membernya. Kenapa? Sejenak saya browsing aktifitas teman-teman saya, fitur-fiturnya nggak ada perubahan. Tampilan masih sama. Hanya, saat ini ada fitur Live Chat mirip seperti kepunyaan Facebook. Itupun masih BETA dan belum bisa dipakai (saat saya coba). Tapi benarkah Friendster diam saja?

Mari kita cermati grafik dari Alexa berikut:

Friendster di Facebook
Grafik diatas adalah milik Friendster
Kalo yang dibawah ini adalah milik Facebook
Facebook di Alexa

dan,... semoga anda tega melihat grafik keduanya ketika di compare berikut:

perang FBvsFS

Maaf saya nggak menghadirkan sejarah antara keduanya. Jika anda ingin tahu, Googling saja, ribuan blog telah membahas hal ini.
Keunggulan Friendster antara lain, ini dia:
  • Sign Up nya lebih gampang, jika Confirmation Email Friendster belum diconfirm, anda tetap bisa melanjutkan ke profil.
  • Tampilannya lebih lebih customable. Anda bebas mengganti gambar background, warna, jenis font, de el el.
  • Fungsi Add Comment/Testimonial-nya lebih "bebas". Testimonial dapat berupa komentar, ucapan selamat ulang tahun, atau bahkan bisa menampilkan mulai gambar yang menarik, animasi flash, sampai embed video
  • Di Friendster, kita bisa masuk dan melihat profil orang/perusahaan/afiliasi tanpa harus menjadi temannya.


Cukupkah keunggulan-keunggulan ini meyakinkan anda untuk kembali ber'nostalgila' bersama Friendster?


Top Blogs
jika anda suka dengan blog ini, dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Install Windows XP di Laptop

Download Versi PDF

laptope paank
paankbilang.blogspot, Dua hari ini, otakku mengeja rangkaian huruf dan angka:
WCBG6-48773-XXXX-73KJP-KM3K3
WCBG6-48773-XXXX-73KJP-KM3K3


Betul, itu adalah Serial Number Windows XP SP2. Sejak dua hari kemarin itulah harus meng-install atau me-Repair OS itu setiap kali nyalain Hangtop (Istilahku untuk menyebut Laptop yang suka Hang). Berhubung usia Hangtop yang juga semakin tua, beberapa Program sepertinya crash dengan XP. Ini terjadi setelah Hangtop itu resmi terjangkit virus Sality /W32 yang membuat hampir semua file exe ngambek.
Selesai menginstall, tinggal aku kebingungan mencari drivernya. Dengan pertolongan beberapa software pencari driver seperti Unknown Device, dan DriverDetective driver-driver ternyata tetep nggak cucok. Ketika dilihat melalui Run->dxdiag, semua driver telah ada, tapi yaaa itu, tampilan dekstop mentok di resolusi 64bit, Sound juga bisu.
Jalan terakhir untuk menyelamatkan Axioo Neon-NVBku adalah dengan menghubungi Service Center Jakarta. Terimakasih kepada mbak ika (teknisi) yang memberi jalan keluar bijak dengan memberi tahu link-link download driver.
Seri NEON NVB sepertinya memang sudah nggak diproduksi. Sebelum akhirnya saya berhasil, saya sempat membawa si Jagoan NEON NVB itu ke beberapa teknisi, termasuk sebuah pusat reparasi berlabel Axioo di purwokerto. Hasilnya? mereka cuma geleng-geleng karena deteksi di Device Manager maupun dxdiag nggak sama dengan kenyataan. yang ada, malah mereka memberi saran bernada pesimis.

"...seri ini sudah nggak ada dipasaran mas..."
"...tuker tambah aja mas..."
"kok bisa gini ya? padahal drivernya udah ke install..."


dengan perasaan dongkol (tapi nggak terlampiaskan) kuberi mereka "Huuu" panjang.
"Huuuuu...uuu"
Saudara-saudaraku sebangsa dan setanah air, maka jika ada diantara kalian yang mempunyai laptop dengan seri yang sama, ini dia driver untuk camera Bison, VGA/Video driver, Ethernet Controller, SoundCard, sama cardReader.
Driver-driver untuk ini yang terkadang rewel, deteksi komputer cocok tapi ternyata nggak kerja.
Fyuuh,... semoga curhatan ini membantu



Top Blogs
jika anda suka dengan blog ini, dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

My First Award

paankbilang.blogspot, Tadi pagi, (11/9) dinihari sekitar pukul 0:11 WIB saya nengokin Lab ini, niatnya mau mbalesin comment, eh ternyata belom ada comment baru *malu*.
Lha, pas liat Shoutbox ternyata ada pesan dari sodaraku mully.ryudo a.k.a Tawa Inc. yang memberitahukan bahwa saya menerima penghargaan/award bernama BRILLANTE WEBLOG PREMIO-2008. Daaan, saya ikutin linknya. Benar saja, nama saya tercantum di urutan pertama penerima award ini. Ini dia wujud awardnya:

Award dari Laboratorium Ide
Saya ucapkan terimakasih a lot, thanks yang seikhlas-ikhlasnya atas kepercayaan Tawa Inc. memberikan award ini. Makaciih yaaaaa . Penghargaan ini merupakan yang pertama sejak blog ini saya luncurkan pada 23 Juli 2008 lalu. Sekali lagi makacih yaaaaa,...
Untuk selanjutnya, sesuai aturan yang sudah berlaku bahwa:


The rules of accepting are as follows:

1) Put the logo on your blog.
2) Add a link to the person who awarded you.
3) Nominate at least 7 other blogs.
4) Add links to those blogs on yours.
5) Leave a message for your nominees on their blogs

Maka dengan ini,... saya bagikan penghargaan ini kepada:
1. M. Arief Maulana, kawan motivator yang rajin komen, aaaaand, telaten ngasih kritik dan saran.
2. Nice-Experiment, yaaang, sechara, dia rekan kerjaku di Laboratorium ini.
Oh ya, saat ini kami sedang mengkaji tentang mainan barunya Windows yang memungkinkan kita bisa 'ngobrol' ama komputer kita. Doain cepet finish yaaa

3. Srikandi yang rajin comment.
4. Poetra Indonesia sebagai sesama Nasionalis.
5. Oom Pherlee yaaang, sechara, dia adalah rekan kerjaku di kantor.

Mmmm,... sebenernya banyak sih yang pengen aku kasih "ucapan terimakasih" ini, Oom kimyong, Mas Tony, Kang Abi, Mas Jalooe, Oom Anang, Mas Haryanto tapi mungkin dalam bentuk lain.

Semoga award ini bisa membuat kita makin rajin nge-blog.

bagi para penerima, silakan copy-paste kode dibawah:




Terimakasih, dan salam sukses untuk semuanya!!!



Top Blogs
jika anda suka dengan blog ini, dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Membuat Kotak Amal di Blog(ger)

amal
paankbilang.blogspot,
Sodara-sodara,... Bulan ramadhan adalah bulan yang penuh berkah. Perbanyaklah amal dan ibadah karena di bulan yang suci ini pahala akan dilipat-gandakan.
(udah kayak ustad blom ya?)
Nah, untuk menampung hasrat beramal kawan-kawan dan sodara-sodara semua, mari kita sediakan kotak amal di blog. Selain untuk menambah penghasilan, tersedianya kotak amal juga membantu kawan, sodara, dan rekan, agar lebih mudah dalam melakukan kegiatan amal.
OK cukup prolog-nya. Artikel ini juga berawal dari iseng-iseng. Bagi kawan-kawan yang sudah punya account di PayPal, kita bisa menyediakan kotak amal on-line di blog. *Hallah, prolog lagi*
Bagi yang tertarik menyediakan kotak donasi on-line di blog, begini caranya:
Copy-Paste kode dibawah ini:


<!-- Awal Kode Kotak Amal Pay Pal -->

<center>
<table border="1" width="173" cellspacing="0" cellpadding="0" bordercolorlight="#FFF8E8" bordercolordark="#EFE0C9">
<tr>
<td>
<p align="center"><b>KOTAK AMAL ON-LINE</b>
</p></td>
</tr>
<tr>
<td width="175">
<form action="https://www.paypal.com/row/cgi-bin/webscr" name="_xclick" method="post">
<input value="Semoga Amal anda menjadikan berkah bagi semua - Laboratorium Ide" name="item_name" type="hidden"/>
<input value="paank_yang_puny@yahoo.com" name="business" type="hidden"/>
<p style="margin-top: 0; margin-bottom: 0">
<input value="_xclick" name="cmd" type="hidden"/>
<!-- input type="hidden" name="amount" value="1.00" -->
<b>Amount</b> <p style="margin-top: 0; margin-bottom: 0"> <select name="Amount" size="1">
<option selected value="1.00"/>1.00
<option value="2.00"/>2.00
<option value="3.00"/>3.00
<option value="4.00"/>4.00
<option value="5.00"/>5.00
<option value="10.00"/>10.00
<option value="15.00"/>15.00
<option value="20.00"/>20.00
<option value="25.00"/>25.00
<option value="30.00"/>30.00
<option value="35.00"/>35.00
<option value="40.00"/>40.00
<option value="45.00"/>45.00
<option value="50.00"/>50.00
<option value="100.00"/>100.00
<option value="200.00"/>200.00
<option value="300.00"/>300.00
<option value="400.00"/>400.00
<option value="500.00"/>500.00
<option value="1000.00"/>1000.00
</select>
<p style="margin-top: 0; margin-bottom: 0"><b>Currency</b> <select name="currency_code" size="1">
<option value="AUD"/>Australian Dollar
<option selected value="USD"/>USD
<option value="GBP"/>British Pound
<option value="CAD"/>Canadian Dollars
<option value="CZK"/>Czech Koruna
<option value="DKK"/>Danish Kroner
<option value="EUR"/>EUR
<option value="HKD"/>Hong Kong Dollars
<option value="HUF"/>Hungarian Forint
<option value="JPY"/>Japanese YEN
<option value="NZD"/>New Zealand Dollars
<option value="NOK"/>Norwegian Kroner
<option value="PLN"/>Polisg Zlotych
<option value="SGD"/>Singapore Dollars
<option value="SEK"/>Swedish Kronor
<option value="CHF"/>Swiss Francs
</select>
</p>
<p style="margin-top: 0; margin-bottom: 0" align="center">
<input border="0" alt="Menyumbang Sekarang" width="60" src="http://ovgyclan.com/Themes/default/images/x-click-but04.gif" name="submit" height="30" type="image"/>
</p>
</p></p></form>
</td></tr>
<tr>
<td>
<p align="right"><b><font face="Arial" size="1">Diutak-utik di <a href="http://paankbilang.blogspot.com/" target="_blank"> Laboratorium Ide</a></font></b>
</p></td>
</tr>
</table>
</center>

<!-- Akhir Kode Kotak Amal Pay Pal -->


Angka 173 adalah ukuran lebar Tabel, dan 175 adalah ukuran lebar kolom. Silakan ganti sesuka kalian. Jangan lupa juga untuk mengganti teks Laboratorium Ide dengan judul/title bolg kamu dan paank_yang_puny@yahoo.com dengan alamat email PayPal kamu.

Selamat mencoba. Bagi yang mau beramal, monggo, kotaknya sudah saya sediakan.


Top Blogs
jika anda suka dengan blog ini, dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Speed Test: Google Chrome, Firefox & Internet Explorer

paankbilang.blogspot,
Browser terbaru Mbah Google yang biasa saya panggil Gugel Krum menyita perhatian buaaanyak sekali orang. Berbagai pihak berusaha mengulas tampilan, fitur, dan,... kemampuannya. Termasuk saya yang terlanjur latah, ikut-ikutan pengen membahas.

Dibalik kehebohan berita kelahiran si Krum ini, secara pribadi saya tertarik untuk mengetahui kemampuan 'anak baru' ini dibandingkan dengan para tetua dunia browser (Internet Explorer, Firefox, Opera, dsb). Karena ini versi BETA, saya coba bandingkan dengan browser lain yang juga masih berstatus BETA. Untuk IE ada Internet Explorer 8, dan Firefox ada Firefox 3.1. Saya fokuskan 'pertandingan' ini pada Waktu Muat (Start-Up Loading times), Kemampuan baca JavaScript dan CSS (JS and CSS performance), dan hal yang saya pikir penting untuk diketahui pengguna:
Jumlah Memory terpakai ketika memuat halaman web (memory use on lauch and with lots of content loaded).

Jika sudah ada yang melakukan hal ini lebih dulu, mohon koreksinya.

Agar 'pertandingan' berjalan seimbang, saya nekat pake Laptop Biggboss (OSnya Vista) yang saya pikir punya kemampuan lebih dibanding PC Lab saya. Setelah ketiga browser versi BETA saya donlot dan install, terlebih dulu semua peserta saya Reset to Factory Settings dan meng-iya-kan semua anjuran Microsoft saat peng-install-an. O ya, spek Lapotop bigboss yang saya pakai speknya:
* Prosesor 2 GHz Intel Core2Duo
* 2 GB RAM
* OSnya Vista Home Premium
* Merk Laptop nggak usah disebutkan :D

Metode yang saya pakai adalah dengan membuka URL yang sama pada masing-masing browser sebanyak tiga kali dan mencatat hasil rata-ratanya. Adapun cara membuka URL-nya cara yang saya pakai adalah dengan mengetik manual URL address dengan slash [/] di akhir address lalu "Enter". Sekedar pemberitahuan, pada Laptop yang saya pakai, ada beberapa browser lain (selain ketiga peserta lomba tadi) yang ter-install:
* Internet Explorer 7
* Firefox 3 RC3
* Safari for Windows, dan
* Opera 9.5

Hasil ini bukan hasil yang 'paten', ini hanya iseng-iseng berhadiah seorang newbie, dan saya tidak menyarankan ini dijadikan satu-satunya referensi.

Ujian Pertama: Startup Loading Time
Untuk Ujian ini, saya menggunakan Trend-setting Tester karya Mark Wilton-Jones.

Tahap Pertama:
Ujian pertama ini agak merepotkan. Masing-masing browser BETA saya pakai tepat setelah Laptop saya restart. Setelah Ready lalu saya buka IE, saya restart lagi, lalu buka Firefox, saya restart lagi, lalu buka Krum. Rebyeg banget. Metode ini saya pakai dengan alasan, agar Laptop masih dalam kondisi "dingin"/Cold Start dan memory kepake buat lomba thok thil (Jawa: nggak ada yang lain).
Tanpa banyak cing-cong, ini dia grafiknya:


Perhatikan waktu yang dibutuhkan masing-masing browser. Selisihnya tuipiz zekali bo!
IE: 3,80 FF: 4,01 Krum: 4,61.

Tahap Kedua:
Tahap dua ini, metodenya hampir sama dengan Tahap Pertama perbedaanya, ketiga browser saya pake untuk membuka URL yang sama, setelah terbuka sempurna, pada masing-masing browser di Refresh/Reload (warm start). Waktu pengukuran adalah sejak tombol [F5] dipencet sampai URL terbuka sempurna (jangan ngeres lho ya!).

Hasilnya?

ChromeTest02klik pada gambar untuk memperjelas.

Seperti terlihat, waktu yang dibutuhkan Krum untuk me-reload agak jauh dari 2 pesaingnya. Ya,... walopun selisihnya amat sangat tipis (tercepat 0,92 - terlama 1,05)

Tahap Ketiga:
Berdasar pengalaman pribadi, setiap browsing, saya tidak hanya membuka satu URL saja. Bahkan tak jarang sampai sepuluh URL saya buka. Lha, untuk test tahap ketiga ini, saya membuka Saved Bookmarks. 8 (delapan) URL saya buka sekaligus pada masing-masing browser. Ketika URL mulai diakses, pada masing-masing browser menunjukan icon loading (ya iyalah, masa ya toybah). Waktu yang dihitung adalah sejak jendela/tab terbuka sampai semua URL terbuka sempurna. Ini dia grafiknya:

ChromeTest03Klik pada gambar untuk memperjelas.

IE dan Krum mencapai finish hampir bersamaan sedangkan Firefox agak tertinggal.
Dari ketiga rangkaian test diatas, dapat disimpulkan:

Tahap pertama:
1. Firefox 3.1
2. Internet Explorer 8b2
3. Google Chrome 0.2


Tahap Kedua:
1. Google Chrome 0.2
2. Internet Explorer 8b2
3. Firefox 3.1


Tahap Ketiga:
1. Google Chrome 0.2
2. Internet Explorer 8b2
3. Firefox 3.1


Kalau diambil rata-rata, Loading Time Gugel Krum masih unggul dibanding FF dan IE.

Ujian Kedua: JavaScript & CSS:
Saat ini aplikasi JavaScript & CSS menjadi hal yang puenting. Hampir semua gadget di transformasikan dengan bahasa pemrograman ini, because it's the backbone of no-reload
interfaces like Gmail, Facebook, and lots of other webapps. Untuk ujian JavaScript ini, saya memakai JavaScriptSpeed Tester karya Sean Patrick Kane.
Ini dia grafiknya:

Chrome on JavaScript
klik pada gambar untuk memperjelas


Kali ini, Firefox mengungguli Krum sementara IE ketinggalan agak jauh (dalam milliseconds tentunya). Untuk hasil test dalam versi lain ada disana dan di disono. Seperti kita semua paham bahwa CSS determines the layout and appearance of a page, and nontropp'sdownloadable form makes a browser work like a page designer on an all-guarana-and-coffee diet.
Sessi Ujian CSS:

Chrome on CSS
klik pada gambar untuk memperjelas

Pada sesi CSS, seperti terlihat, Krum memimpin, Firefox 'tersandung' dibelakang, dan, hoooooiy, IE,... cepetaaan!

Kesimpulannya, he he, bisa diartikan sendiri lah ya,...

Ujian Ketiga: Penggunaan Memory
Berdasar pada Task Managernya Vista dari Cold boots, kemudian ketika membuka delapan tab sekaligus, Firefox mencengangkan!

Chrome on Memory Used
klik pada gambar untuk memperjelas

Menurut anak buahnya Mbah Gugel, Krum mempunyai cara yang berbeda dalam mengakses URL, dimana masing-masing tab memproses setiap tujuan secara mandiri. Jadi, kalau akses internet anda dalam kategori 'busy sesion", disarankan menggunakan Krum karena (katanya) setiap tab punya kemampuan layaknya jendela tersendiri.

Dari beberapa rangkaian test diatas, saya mencatat: browsing is much more than speed and bit usage—many of us can't imagine web life without our favorite extensions, or Windows integration, or, soon enough, Chrome's unique features.

Bagi yang sudah menginstall Krum, themes untuk browser ini sudah tersedia beberapa. Tentang ini sudah dibahas di tempatnya OOM. Atau, bagi yang masih menggunakan fasilitas warnet (seperti saya) dan ingin mencoba siKrum versi portable yang bisa diinstall di Flashdisc, silakan menuju ke pembahasan di Weblognya Mas Eko

Artikel ini saya ambil dari nice-experiment

ah, dasar paank. newbie sok.
Atas permintaan beberapa pihak, judul artikel ini saya ganti. katanya, judul Balapan para BETA Browser kurang menjual.


Top Blogs jika anda suka dengan blog ini, dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Google Chrome's "about:" Pages

Google Chrome
paankbilang.blogspot,
Karena lagi anget anget tai ayam diperbincangkan tentang berita kelahiran Google Chrome a.k.a Gugel Krom saya ikutan latah yach. Sebelum lahir dirilis baru-baru ini, benda berlogo mirip yoyo ini ternyata udah dikaji selama 2 tahun, lebih lama dari proses 'pengolahan kita' yang normalnya 9 bulan sepuluh hari ^_^.

Developed in the past two years, the browser is barely noticeable after you open it. It loads faster than Internet Explorer and it has very few buttons and controls.
In fact, Chrome is an ironic name: Google wanted to create a browser that has a minimal chrome (that's how software developers name the menu and the toolbar of an application). The browser replicates the simplicity of Google's homepage that hides the complexity of the search engine.


Dan benar saja, setelah dia lahir, dia menjelma menjadi seleb baru dunia maya yang diharapkan akan menghadirkan inovasi baru.
Iseng-iseng berhadiah, semalam aku utak-utik di Lab tentang 'barang baru' ini. Ya,... walaupun masih BETA, aku pengen tau keunggulan dan kelemahan mainan terbaru Mbah Gugel ini. Entah karena kondisi tubuh yang kurang fit atau emang dah ngantuk, nggak banyak yang bisa aku dapat dari eksperimen kecil kecilan ini. Berikut saya sajikan hasilnya. Kalau ada yang keliru mohon koreksinya:

Percobaan pertama tentang halaman about.

about:version

Sewaktu saya meminta Gugel Krom menunjukkan nomor seri browser,
muncul angka: 0.2.150.0 (Developer Build 1590)
keluar juga nomor-nomor untuk Webkit, dan V8 (Javascript Engine),

Adapun User Agent yang dipake Gugel Krom, tersebutlah kalimat:
"Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/525.19 (KHTML, like Gecko) Version/3.1 Safari/525.19"



about:plugins
Daftar Pulg-Ins yang berlaku pada browser Gugel Krom, kata dia adalah:
Shockwave Flash, Real Player, dan,... liat ndiri:



about:chace
Pake bahasa inggris ya, list of all the web pages cached by Google Chrome. The browser doesn't have an option to limit the cache's size, so it's recommended to regularly empty the cache.
(nggak pake gambar ah)

about:memory
kalo nggak salah, fungsi ini untuk menunjukan analisa Gugel Krom memory yang kepake oleh browser-browser aktif, dan tentunya oleh Gugel Krom juga. Ini dia skrinsotnya:



about:stats
Ada pesan dari dedek (baru lahir sih) Gugel Krom: "Shhh! This page is secret!". Mungkin karena informasi ini seharusnya tidak untuk dipublikasikan, neranginnya pake bahasa inggris lagi ya:
this function showing a list of internal counters and timers that has a funny subtitle
check this screenshot:



about:histogram
Kalo ini untuk nunjukin daftar histogram internal matriks-nya dedek Gugel Krom:



about:dns
Fungsi fungsi lain, coba ndiri yach, udah panjang banget nih. Yang belum punya nih browser, download gratis disini
Yang aku tahu sih about-nya:

* about:memory
* about:stats
* about:network
* about:internets
* about:histograms
* about:dns
* about:cache
* about:plugins
* about:version
* about:hang
* about:crash

Lengkapnya, bisa di-check di blog ini




Top Blogs
jika anda suka dengan blog ini, dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Kabar Buruk dari Yahoo!Messenger

Y!M singsot
paankbilang.blogspot,
Chatting on-line saat ini seakan sudah menjadi gaya hidup baru. Keterbatasan SMS karena harus pake pulsa dijawab dengan hadirnya berbagai layanan online chat. Penyedia layanan chat online pun saat ini sudah sedemikian beragam. Mulai dari simbah mIRC, kemudian muncul genre semacan Shoutmix, cebok cBox, sampai yang include dengan social network semacam Plurk, Facebook, dan yang made in indonesia Sohibku. Menurut pengamatan saya, Yahoo! Messenger masih diperhitungkan sampai saat ini, lalu, kabar buruknya apaan?

Bagi Anda yang suka chatting dengan menggunakan aplikasi Yahoo! Messenger dengan modus invisible sekarang tidak bisa bersembunyi lagi karena telah banyak tools dan website yang menyediakan layanan online untuk mendeteksi modus invisible dari Yahoo! Messenger. Salah satu layanan online yang menyediakan fasilitas untuk mendeteksi modus invisible Yahoo messenger adalah Vizgin. Berbeda dengan layanan 'pengintip' Y!M terdahulu semacam buddyspy yang perlu download dan install, atau YahooTracker yang harus register/sign up, layanan yang ini bisa dibilang amatlah praktis karena anda tidak perlu meninggalkan jejak apapun, nggak perlu download, Sign Up, mengisi kolom nama dsb, dst, dll.

Y!M invi detector

Seperti tertulis pada slogannya "No one can hide from you anymore", layanan dari situs ini cukup cepat akurat. Yang perlu anda lakukan untuk mulai 'ngintip' hanyalah memasukkan Yahoo! ID target dan pencet tombol "detect", tunggu beberapa saat,
lalu,... jreng-jreng-jreng,...
target akan ketahuan, apakah dia OL tapi Invi atau bener-bener offline. Layanan ini juga mampu menampilkan avatar target. Cukup centang pada Show display Image maka avatar akan tampil, bahkan jika ternyata si target sedang bener-bener offline, avatar akan tetep tampil pada kotak yang telah disediakan panitia.

Layanan ini bagi saya pribadi sangat berguna untuk ndetect kawan-kawan yang sukanya 'ngintip' dan 'sok nggak mau diganggu'.

Saran saya: Begitu anda tahu kalau target sebenarnya OL tapi invi, langsung aja di BUZZ!! he he


Bagi yang pengen ngirim Instant Message (IM) dengan (nge-Hack) Yahoo!Messenger teman a la Oom kimyong, triknya ada disini

Semoga info ini belum terlalu basi untuk diketahui.
Judul artikelnya terlalu "wah" ya?

Top Blogs
jika anda suka dengan blog ini, dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Friendster Indonesia lebih OK


paankbilang.blogspot,
Bebo, Facebook, Friendster, MySpace, sudah kenal? Situs-situs jejaring social semacam itu memang ‘laris-manis’ di pasaran. Apalagi Indonesia, yang orang-orangnya cenderung suka berkumpul. Sampai ada pepatah makan nggak makan asal kenyang kumpul.
Menurut sebauh survey Bebo dan Facebook masih menduduki ranking teratas:

Bebo topped the poll with an overall score of 79% and Facebook followed with 74%. Yahoo! Groups was described as less sophisticated than some of its rivals and came bottom of the poll with 59%.

Langsung ke materi.
Friendster made in Indonesia. Sebenarnya saya ragu, apakah berita ini masih layak dipublish atau sudah terlampau basi? Entahlah. Bagi saya yang newbie, friendster made in Indonesia adalah hal baru. Lha wong kemaren aku baca Koran KOMPAS yang mbahas friendster mau serius nggarap pasar Indonesia aja aku dah seneng. Apalagi ini, Friendster made in Indonesia?
Ya. Tadi saya jalan-jalan ditemani Mbah Gugel sambil ngabuburit, eh nemu komunitas itu. Namanya Sohibku. Rada aneh memang.
Soal fitur dan fasilitas? Friendster made in Indonesia ini ternyata jaaaaaaauh lebih OK.
Nih dia tampilan depannya:

fsindo


Di Sohibku.com ini menunya komplit, mulai dari Galleri, Musik, Video, Blog, Games On-Line, Event, sampai Polling. Sedikit perbedaan dengan friendster[dot]com adalah pada proses upload foto. Di sohibku, foto baru bisa tayang setelah ada approve dari pengelola berbeda dengan FS yang tinggal klik-klik langsung tayang. Mungkin ini untuk mencegah user meng-upload gambar-gambar yang tidak seharusnya dipajang.
Asyiknya, di sohibku ada fitur chat on-line kayak di Facebook.
Dan istimewanya lagi, kita bisa mencantumkan event untuk diketahui semua orang, tentunya ini sangat membantu bagi kamu-kamu yang punya organisasi. Sekali klik, publikasi acara bisa tersebar ke seluruh penjuru dunia!!! Untuk profil, sohibku bekerjasama dengan Voki menyediakan fitur live avatar yang bisa bicara. Seperti ini:




Ketika saya mendaftar, anggota sohibku tercatat baru sebanyak 4964 orang dan mungkin masih akan terus bertambah. Lebih lengkapnya, silakan mendaftar langsung disini.
Nggak usah khawatir dengan sistem refferal, dimana saya akan mendapatkan keuntungan dengan merefensikan anda. Sumpah aq bukan type orang gitu. Situs ini nggak mengenal reffer-refferan kayak gitu. ini cuma situs untuk orang indonesia berkumpul bersama.


Bagi yang sudah ndaftar duluan atau punya informasi lebih detail tentang ini, silahkan comment untuk berbagi ilmu dan pengalaman.


Top Blogs jika anda suka dengan blog ini, dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Cari Dollar "Mudah dan Halal" di Qassia

paankbilang.blogspot,
Menindak-lanjuti artikel tentang 'menjual' artikel ke Qassia di blognya kang Abi Bakar.
Program yang diluncurkan Qassia ini (menurut saya) memang solusi cerdas mendapatkan dollar dengan mudah lewat internet. Disini, anda tidak perlu download apapun, tidak perlu membayar apapun, all for free!
Dari 'Home'-nya, tak banyak informasi yang bisa didapat. Saya juga sempat bingung memaknai what they want , tapi berdasar pada keterangan di artikel Kang Abi, dan setelah merem-melek membuka kamus, saya sedikit paham, lantas saya turuti prosedur mereka. Untuk posting, saya cuma menulis kembali artikel di blog ini in English version. Dan, mudah saja, dollar mengalir.

Kenapa Mudah?
Ya mudah, hanya dengan melakukan Sign-Up, dan melengkapi verifikasi e-mail, anda sudah resmi terdaftar. Bahkan dalam waktu dua jam dan berbekal dua artikel saja, saya tercatat mendapatkan Q$288!!!

Lalu? Apa?
Setelah proses verifikasi selesai, Anda tinggal melakukan posting (mereka menyebutnya: Intel). Posting nggak harus murni hasil pemikiran anda.
Artikel copy-paste juga diterima.


Original Unpublished Intel
Previously unpublished content created specifically for Qassia. Select this option if you'll start typing something fresh in the box below, as opposed to copying and pasting material.
STANDARD CREDIT You receive Q$40 ~ Q$100 depending on length + Q$0 ~ Q$300 depending on rating

Existing Authored Content
Content taken from your own blog or website. If you are the original author of your content, you are allowed to re-publish it anywhere, including here. Important! Purchased content does not count as authored content.
HALF CREDIT You receive Q$20 ~ Q$50 depending on length + Q$0 ~ Q$150 depending on rating

Legally Redistributed Content
Third-party content which you are legally allowed to distribute. Select this option if you bought the rights to material written by someone else, or if the copyright owner has specifically allowed redistribution (via, for example, an article directory). This option also applies to material in the public domain.
ZERO CREDIT You do not get any Qassia dollars for adding third-party articles.


Setelah anda melakukan posting, artikel anda tidak bisa langsung tayang/publish (mereka menyebutnya: Screen), tapi disimpan dalam bentuk Draft. Setelah artikel anda di lihat dan diberi rating oleh 12 (dua belas/twelve/rolas) anggota lain, artikel anda baru bisa di publish.
Langkah awal yang harus anda lakukan setelah posting adalah men-SUBMIT artikel anda. letaknya ada di box sidebar kiri sebelah atas (bingung njelasin letak geografisnya)
Setelah itu anda tinggal menunggu 12 orang memberi rating artikel anda, ini yang dijadikan pedoman Qassia untuk meng-klaim bahwa tulisan anda "layak" untuk di Publish.

The amount of credit you get for your intel varies according to the length and the rating it receives after screening. Credit for intel added is reflected in your account after the screening has been completed. A screening is complete after a minimum of 12 users have screened your intel.


Sementara itu, daripada bengong nungguin ada 12 orang yang memberi rating, anda bisa menge-klik artikel milik orang lain di box Screen These Intel, siapa tahu anda mendapat imbalan pahala yang setimpal.


* Artikel harus berbahasa Inggris
* Untuk mendapatkan 'tambahan dollar' jangan lupa menaruh sticker mereka di blog kita
* To refer people to Qassia, simply point them to your user page and if the user signs up and validates her email address, you get a deposit of $500. Wow!



Tertarik? Daftar aja!
Saya terus terang belum PD dengan English saya, mohon koreksinya disini


UPDATE:
Walaupun menggunakan istilah dollar (Q$), Qassia tidak memberikan duit namun hanya memberikan Backlinks satu arah adapun 'penghasilan' berupa uang didapat dari iklan Google Adsense kita yang boleh ikut dipasang disana


Makasih koreksinya kang Abi,....

jika anda suka dengan blog ini, klik disini dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

MENGGANTI BACKGROUND FS tanpa perlu IMAGE HOSTING

paankbilang.blogspot,
Menindaklanjuti pertanyaan beberapa pertanyaan temen-temen yang di Friendster, berikut sedikit tips untuk mengatur tampilan Account Friendstermu semau lu!!!

Kita awali dengan fasilitas pengubahnya, yaitu CSS Box.

Kolom Customize CSS merupakan kolom untuk memasukkan setting CSS alias Cascading Style Sheet untuk halaman profile Friendster. Untuk membuat accountFriendster-mu terasa “gue banget”, bisa dilakukan dengan dua cara.

Pertama

Klik link Customize with CSS editor yang ada tepat di atas kolom Customize CSS. Dengan cara ini, akan muncul halaman baru dimana kita bisa mengatur tampilan profil Friendster kita. Mulai dari warna background, gambar background, warna garis, sampai warna dan jenis huruf.
Kedua

Ganti kode langsung pada box Edit CSS. Cara ini lebih praktis karena kita tidak perlu menunggu loading jendela baru CSS Editor. Caranya, setelah masuk Edit Profile, pilih Tab Customize, lalu cari box CSS Editor.



Mari kita bahas setahap demi setahap:


MENGGANTI BACKGROUND

Background di Friendster bisa kamu isi dengan warna solid (satu warna saja), bisa juga kamu isi gambar seperti punya saya.


Untuk mengisi background dengan gambar, pertama tentunya kamu harus milih dulu gambar yang mau dipasang. Idealnya, sebuah foto yang mau dijadikan background mempunyai resolusi 862 × 647 piksel. Tapi kalo nggak segitupun tetap bisa, walaupun hasilnya mungkin nggak maksimal. Syaratnya image/gambar harus yang sudah ter-upload ke internet. Artinya kamu harus punya account di situs penyedia image-hosting.


Lha kalo nggak punya gimana? Nggak bisa dong?

Tenang, bisa-bisa. Kata orang: “tenang,… ada paank…



Gini, kalo nggak punya, kita bisa manfaatkan koleksi foto kita yang di Photo Album FS, kan itu udah ter upload ke internet juga kan? Asal jangan yang Private Album aja, pasti bisa.

Mari kita mulai.

Pertama, Log In ke FS-mu. Pilih My Profile. Cari Edit Profile lalu klik kanan -> Open in New Window (pengguna IE) atau Open in New Tab (pengguna Firefox).
Pada Jendela Edit Profile, pilih Tab Customize trus scroll ke bawah ampe kelihatan kotak Edit CSSnya. Pada baris pertama kotak itu akan terlihat tulisan:


body {

background-image: url (http://alamatURL/gambar/background/yang terpasang.jpg);



Teks yang saya tandai dengan warna merah ini yang akan kita ganti.
Biarkan dulu. Kita kembali ke jendela My Profil. Silakan kamu sekarang menuju ke koleksi gambar-gambar kamu (Public Album). Tau kan caranya ngeliat foto-foto di Album? Setelah masuk ke Album, pilih gambar yang akan kamu jadikan background. Setelah foto terbuka, dibawah foto kamu itu cari tulisan Photo URL:, lha disebelahnya kan ada tulisan http://photos-p.friendster.com/photos/bla-bla-bla/nama gambar.jpg, blok teks itu, klik-kanan-Copy.



Udah? Sekarang kita kembali ke jendela kotak CSS Edit profile.
Paste-kan kode foto tadi ke URL foto yang sekarang terpasang:



body {

background-image: url
(http://alamatURL/ini/ yang diganti/ dengan kode foto kamu/tadi.jpg);



Setelah beres, klik Save dan liat profilmu sekarang.

Untuk pengaturan di kotak CSS, lebih detailnya seperti ini:


body {

background-image: url (http://alamatURL/photokamu/yang mau/dijadikan/backgroung.jpg);

background-attachment: fixed;

background-position: top left;

background-repeat: repeat-x;

background-color: transparent;}



Artinya:

background-attachment: fixed;

Dengan perintah ini, maka gambar akan diam. Dalam artian, saat di scroll, maka gambar tidak akan ikut pergi keatas saat di scroll.

background-position: top left;

Dengan perintah ini, maka posisi gambar ada di kiri atas. Jika kita ingin gambar berada tepat di tengah, maka ganti dengan center center

background-repeat: repeat-x;

Dengan perintah ini, maka gambar akan di-ulang-ulang menurut posisi diagonal. Jika ingin diulang secara vertikal, gunakan repeat-y, atau jika ingin gambar tidak di-ulang, dan cuma ada satu, tepat di tengah, gunakan no-repeat dengan kombinasi background-position: center center;

background-color: transparent;

Dengan perintah ini, anda bisa mengganti warna background. Jika warna gambar background anda hitam, agar sesuai, ganti juga background-color: transparent; menjadi background-color: #000000; atau #FFFFFF untuk putih.

Kode-kode warna bisa kamu liat di bagian tengah artikel ini.


dan,
jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

MEMPERCEPAT KINERJA FIREFOX


paankbilang.blogspot,
Bagi pengguna Firefox yang ingin menambah kecepatan browser, metode-metode berikut ini bisa dicoba:

Metode 1:


1. Buka browser Firefox.

2. Ketik about:config pada address bar, lalu tekan enter.

3. Turunkan halaman sampai Anda menemukan kalimat browser.tabs.showSingleWindowsModePrefs, lalu double klik sehingga settingannya menjadi true

4. Turunkan lagi halaman Firefox sampai Anda menemukan baris berbunyi network.http.pipelining, lalu double klik sehingga settingannya juga menjadi true.

5. Terakhir, turunkan lagi halaman Firefox dan carilah baris yang berbunyi network.http.pipelining.maxrequests, lalu double klik. Anda akan disuguhi sebuah window pop up.
Ubahlah angka di pop up itu menjadi 60. Kemudian tekanlah OK.


6. Tutup Firefox lalu coba buka kembali. Jika tidak ada masalah, Firefox Anda akan terbuka 10-40 persen lebih cepat daripada sebelumnya dengan langkah-langkah seperti di atas.




Metode 2:

Langkah mujarab lain untuk meningkatkan kecepatan Firefox adalah dengan menggunakan add-on untuk Firefox bernama FasterFox. FasterFox ini membuat pemakaian bandwidth lebih efektif sehingga bisa mempercepat performa Firefox. Anda bisa mendownload FasterFox di sini.
Cukup mengklik Install Now dari browser Firefox maka secara otomatis add-ons ini a
kan didownload dan terinstall pada komputer kita dan secara otomatis akan tampil sebuah icon baru di sebelah kanan bawah browser Firefox kita yang sedang kita gunakan. Bagi yang telah mahir mengutak atik add-ons dapat mengkonfigurasi ulang beberapa options yang ada pada ads-ons ini, caranya klik kanan pada icon lalu Options maka akan ada beberapa pilihan Setting di sana.

Hanya saja setelah saya ujicobakan pada Firefox 3.0 Versi Beta 1 (yang masih dalam tahap ujicoba) ternyata belum support untuk FasterFox. Tetapi yakin saja tidak lama lagi akan support mengingat Firefox 3.0 Versi Beta 1 terus mengalami perbaikan performa, jadi untuk sementara hanya bisa digunakan untuk Firefox versi lama.



jangan lupa ninggalin comment sama isi buku tamu yaa

» Read More...

Related Posts Plugin for WordPress, Blogger...

Ideas Community